.woocommerce .elementor-172147 .elementor-element.elementor-element-d303707 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper, .woocommerce .elementor-172147 .elementor-element.elementor-element-d303707 .flex-viewport, .woocommerce .elementor-172147 .elementor-element.elementor-element-d303707 .flex-control-thumbs img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDE7E5;}.woocommerce .elementor-172147 .elementor-element.elementor-element-d303707 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper, .woocommerce .elementor-172147 .elementor-element.elementor-element-d303707 .flex-viewport{border-radius:20px 20px 20px 20px;}.woocommerce .elementor-172147 .elementor-element.elementor-element-d303707 .flex-viewport:not(:last-child){margin-bottom:14px;}.woocommerce .elementor-172147 .elementor-element.elementor-element-d303707 .flex-control-thumbs img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDE7E5;border-radius:10px 10px 10px 10px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-172147 .elementor-element.elementor-element-18ae7239 .elementor-heading-title{font-family:"Aldrich", Sans-serif;font-size:42px;font-weight:400;line-height:1.12;color:#0B1413;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-172147 .elementor-element.elementor-element-1d6d227d .elementor-widget-container{font-family:"Montserrat", Sans-serif;font-size:17px;line-height:1.6;color:#26332F;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-172147 .elementor-element.elementor-element-14570441 .cart button, .elementor-172147 .elementor-element.elementor-element-14570441 .cart .button{font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:800;border-style:none;border-radius:14px 14px 14px 14px;padding:20px 32px 20px 32px;color:#04201C;background-color:#09B29C;transition:all 0.2s;}.elementor-172147 .elementor-element.elementor-element-14570441 .cart button:hover, .elementor-172147 .elementor-element.elementor-element-14570441 .cart .button:hover{color:#04201C;background-color:#3FD6C1;}.elementor-172147 .elementor-element.elementor-element-14570441 .quantity .qty{font-size:18px;font-weight:700;border-style:solid;border-width:1px 1px 1px 1px;border-radius:12px 12px 12px 12px;padding:16px 8px 16px 8px;border-color:#C9D6D3;transition:all 0.2s;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-172147 .elementor-element.elementor-element-3d352fd2{color:#26332F;font-family:"Montserrat", Sans-serif;font-size:17px;line-height:1.65;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-172147 .elementor-element.elementor-element-e7afc16.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-172147 .elementor-element.elementor-element-e7afc16.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-172147 .elementor-element.elementor-element-e7afc16.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-172147 .elementor-element.elementor-element-18ae7239 .elementor-heading-title{font-size:30px;}.elementor-172147 .elementor-element.elementor-element-e7afc16.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* BaronActive Product Page 2026 — template 172147 custom CSS. Source: baronactive-product-pages/template-2026.css */ .elementor-172147 { --ba-ink:#0B1413; --ba-teal:#09B29C; --ba-teal-l:#3FD6C1; --ba-teal-t:#067A6B; --ba-line:#DDE7E5; --ba-mint:#ECFAF7; --ba-text:#1E2B29; --ba-muted:#4A5957; } .elementor-172147 { font-family: Montserrat, sans-serif; color: var(--ba-text); } .elementor-172147 .woocommerce-product-details__short-description p { margin: 0 0 10px; } .elementor-172147 .woocommerce-product-details__short-description ul { margin: 0 0 12px; padding-left: 1.2em; } .elementor-172147 .woocommerce-product-details__short-description li { margin: 0 0 6px; } .elementor-172147 .woocommerce-product-details__short-description img { max-width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--ba-line); background: #fff; } .elementor-172147 .price, .elementor-172147 p.price { color: var(--ba-ink) !important; font-size: 34px !important; font-weight: 800 !important; font-family: Montserrat, sans-serif !important; margin: 0 !important; } .elementor-172147 .price del { color: var(--ba-muted) !important; font-size: 20px !important; font-weight: 500 !important; opacity: 1 !important; margin-left: 8px; } .elementor-172147 .price ins { text-decoration: none !important; } .elementor-172147 .woocommerce-product-rating { display: flex; align-items: center; gap: 10px; margin: 0 !important; font-size: 16px; } .elementor-172147 .woocommerce-product-rating .star-rating { color: #F5A524 !important; font-size: 18px; margin: 0 !important; } .elementor-172147 .woocommerce-review-link { color: var(--ba-text) !important; text-decoration: underline; } .elementor-172147 form.cart .variations { display: block !important; width: 100%; margin: 0 0 6px !important; border: 0 !important; } .elementor-172147 form.cart .variations tbody, .elementor-172147 form.cart .variations tr { display: block; } .elementor-172147 form.cart .variations th, .elementor-172147 form.cart .variations td { display: block; padding: 0 !important; text-align: left; border: 0 !important; background: none !important; } .elementor-172147 form.cart .variations tr { margin-bottom: 18px; } .elementor-172147 form.cart .variations th label { font-size: 15px; font-weight: 700; color: var(--ba-ink); margin-bottom: 8px; display: block; } .elementor-172147 .reset_variations { font-size: 14px; color: var(--ba-teal-t) !important; } .elementor-172147 .variable-items-wrapper { gap: 10px; margin: 0 !important; } .elementor-172147 .variable-items-wrapper .variable-item { margin: 0 !important; box-shadow: 0 0 0 1px #C9D6D3 !important; background: #fff; } .elementor-172147 .variable-items-wrapper .variable-item:hover { box-shadow: 0 0 0 2px var(--ba-teal) !important; } .elementor-172147 .variable-items-wrapper .variable-item.selected { box-shadow: 0 0 0 2px var(--ba-ink) !important; } .elementor-172147 .image-variable-item { width: 52px !important; height: 52px !important; border-radius: 12px !important; padding: 2px !important; } .elementor-172147 .image-variable-item img { border-radius: 10px !important; } .elementor-172147 .button-variable-item { min-width: 58px !important; height: 50px !important; border-radius: 12px !important; padding: 0 12px !important; } .elementor-172147 .button-variable-item .variable-item-span { font: 600 16px Montserrat, sans-serif; color: var(--ba-text); } .elementor-172147 .button-variable-item.selected { background: var(--ba-ink) !important; } .elementor-172147 .button-variable-item.selected .variable-item-span { color: #fff !important; } .elementor-172147 .tpt__tiered-pricing { margin: 4px 0 16px; } .elementor-172147 .tiered-pricing-options { display: flex; flex-direction: column; gap: 10px; } .elementor-172147 .tiered-pricing-option { position: relative; border: 1.5px solid var(--ba-line) !important; border-radius: 14px !important; background: #fff !important; margin: 0 !important; transition: border-color .15s; } .elementor-172147 .tiered-pricing-option:hover { border-color: var(--ba-teal) !important; } .elementor-172147 .tiered-pricing-option.tiered-pricing--active { border-color: var(--ba-teal) !important; background: var(--ba-mint) !important; box-shadow: 0 0 0 1px var(--ba-teal); } .elementor-172147 .tiered-pricing-option-inner { padding: 14px 16px !important; align-items: center; gap: 12px; } .elementor-172147 .tiered-pricing-option__quantity, .elementor-172147 .tiered-pricing-option__quantity strong { font: 700 16px/1.35 Montserrat, sans-serif !important; color: var(--ba-ink) !important; } .elementor-172147 .tiered-pricing-option-checkbox { border-color: #9DB1AD !important; } .elementor-172147 .tiered-pricing-option-checkbox--active { border-color: var(--ba-teal) !important; background: var(--ba-teal) !important; } .elementor-172147 .tiered-pricing-option-checkbox--active::after { background: #fff !important; } .elementor-172147 .tiered-pricing-option-price__discounted, .elementor-172147 .tiered-pricing-option-total__discounted_total { color: var(--ba-ink) !important; font-weight: 800 !important; } .elementor-172147 .tiered-pricing-option-price__original, .elementor-172147 .tiered-pricing-option-total__original_total { color: var(--ba-muted) !important; } .elementor-172147 .tiered-pricing-option__discount-label { background: var(--ba-ink) !important; color: #fff !important; border-radius: 999px !important; font: 800 12px Montserrat, sans-serif !important; letter-spacing: .5px; padding: 3px 10px !important; } .elementor-172147 .woocommerce-variation-add-to-cart, .elementor-172147 form.cart:not(.variations_form) { display: flex !important; gap: 12px; align-items: stretch; flex-wrap: nowrap; } .elementor-172147 .quantity .qty { width: 84px !important; min-height: 62px; } .elementor-172147 .single_add_to_cart_button { flex: 1 1 auto; min-height: 62px; border: 0 !important; text-transform: none !important; letter-spacing: 0 !important; } .elementor-172147 .single_add_to_cart_button.disabled { opacity: .55 !important; } .elementor-172147 .woocommerce-variation-price .price { font-size: 26px !important; } .elementor-172147 .woocommerce-variation-availability { font-size: 14px; color: var(--ba-teal-t); } .elementor-172147 .woocommerce-product-gallery { margin: 0 !important; } .elementor-172147 .woocommerce-product-gallery .flex-viewport { border-radius: 20px; background: #fff; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 12px !important; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs li { width: auto !important; margin: 0 !important; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs img { border-radius: 10px; opacity: .7; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs img.flex-active, .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1; box-shadow: 0 0 0 2px var(--ba-ink); } @media (max-width: 767px) { .elementor-172147 .woocommerce-product-gallery { border-radius: 0 !important; } .elementor-172147 .woocommerce-product-gallery .flex-viewport { border-radius: 0; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs { display: flex !important; justify-content: center; gap: 6px; margin: 10px 0 0 !important; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs li { width: 8px !important; height: 8px; border-radius: 50%; background: #9DB1AD; overflow: hidden; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs img { opacity: 0 !important; box-shadow: none !important; width: 8px; height: 8px; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active) { background: var(--ba-ink); width: 22px !important; border-radius: 4px; } .elementor-172147 .price, .elementor-172147 p.price { font-size: 28px !important; } } .elementor-172147 .elementor-widget-theme-post-content img { max-width: 100%; height: auto; border-radius: 16px; } .elementor-172147 .elementor-widget-theme-post-content h2, .elementor-172147 .elementor-widget-theme-post-content h3 { font-family: Aldrich, sans-serif; color: var(--ba-ink); line-height: 1.2; } .elementor-172147 .e-accordion-item summary { list-style: none; cursor: pointer; position: relative; padding-right: 36px; } .elementor-172147 .e-accordion-item summary::-webkit-details-marker { display: none; } .elementor-172147 .e-accordion-item summary::after { content: "+"; position: absolute; right: 4px; top: -4px; font: 400 26px Montserrat, sans-serif; color: var(--ba-teal-t); } .elementor-172147 .e-accordion-item[open] summary::after { content: "\2212"; } .elementor-172147 .wcpr-grid .wcpr-grid-item, .elementor-172147 .wcpr-grid-item { border-radius: 16px !important; border: 1px solid var(--ba-line) !important; background: #F8FBFA !important; box-shadow: none !important; } .elementor-172147 .wcpr-review-content, .elementor-172147 .wcpr-review-content-short { font-size: 16px !important; line-height: 1.55 !important; color: var(--ba-text) !important; } .elementor-172147 .wcpr-comment-author { font-weight: 700 !important; color: var(--ba-ink) !important; } .elementor-172147 .star-rating span::before { color: #F5A524 !important; } .elementor-172147 .woocommerce-tabs ul.tabs { display: none !important; } .elementor-172147 .woocommerce-tabs .panel.woocommerce-Tabs-panel--reviews { display: block !important; border: 0 !important; padding: 0 !important; margin: 0 !important; } .elementor-172147 .woocommerce-tabs .panel:not(.woocommerce-Tabs-panel--reviews) { display: none !important; } .elementor-172147 .woocommerce-tabs { margin: 0 !important; padding: 0 !important; } .elementor-172147 .woocommerce-Reviews-title { display: none !important; } .elementor-172147 #review_form_wrapper { margin-top: 32px; padding: 24px; background: #F8FBFA; border: 1px solid var(--ba-line); border-radius: 16px; } .elementor-172147 #review_form .submit { background: var(--ba-ink) !important; color: #fff !important; border-radius: 12px !important; padding: 14px 24px !important; } .elementor-172147 ul.products li.product { background: #fff; border: 1px solid var(--ba-line); border-radius: 16px; overflow: hidden; padding: 0 0 16px !important; } .elementor-172147 ul.products li.product img { margin: 0 0 12px !important; } .elementor-172147 ul.products li.product .woocommerce-loop-product__title { font: 700 16px Montserrat, sans-serif !important; color: var(--ba-ink) !important; padding: 0 16px !important; } .elementor-172147 ul.products li.product .price { font-size: 17px !important; padding: 0 16px; display: block; } .elementor-172147 ul.products li.product .button { margin: 10px 16px 0 !important; background: var(--ba-ink) !important; color: #fff !important; border-radius: 10px !important; border: 0 !important; } .elementor-172147 .onsale { display: none !important; } .ba-sticky-atc { position: fixed; left: 0; right: 0; bottom: 68px; z-index: 9990; background: #fff; border-top: 1px solid #DDE7E5; box-shadow: 0 -8px 24px rgba(11,20,19,.12); padding: 10px 16px; display: none; align-items: center; gap: 12px; font-family: Montserrat, sans-serif; } .ba-sticky-atc.is-on { display: flex; } .ba-sticky-atc img { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; border: 1px solid #DDE7E5; } .ba-sticky-atc .ba-s-info { flex: 1 1 auto; min-width: 0; line-height: 1.25; } .ba-sticky-atc .ba-s-price { font-weight: 800; font-size: 17px; color: #0B1413; } .ba-sticky-atc .ba-s-pick { font-size: 13px; color: #4A5957; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ba-sticky-atc button { height: 50px; padding: 0 20px; border-radius: 12px; background: #09B29C; color: #04201C; font: 800 16px Montserrat, sans-serif; border: 0; cursor: pointer; } /* sticky bar now shows on every screen size (2026-11-13) */ /* fixes 2026-11-12 */ .elementor-172147 .woocommerce-product-details__short-description, .elementor-172147 .woocommerce-product-details__short-description * { font-family: Montserrat, sans-serif !important; } .elementor-172147 .woocommerce-product-details__short-description { font-size: 17px; line-height: 1.6; color: #26332F; } .elementor-172147 .related.products > h2 { display: none !important; } .ba-sticky-atc { bottom: 52px !important; } /* short description = Post Excerpt widget */ .elementor-172147 .elementor-widget-theme-post-excerpt p { margin: 0 0 10px; } .elementor-172147 .elementor-widget-theme-post-excerpt ul { margin: 0 0 12px; padding-left: 1.2em; } .elementor-172147 .elementor-widget-theme-post-excerpt li { margin: 0 0 6px; } .elementor-172147 .elementor-widget-theme-post-excerpt img { max-width: 100%; height: auto; border-radius: 12px; border: 1px solid #DDE7E5; background: #fff; } /* part 2: mockup details + content blocks (source: template-2026-blocks.css) */ .elementor-172147 .woocommerce-breadcrumb { font: 400 14px/1.5 Montserrat, sans-serif !important; color: #4A5957 !important; margin: 0 !important; } .elementor-172147 .woocommerce-breadcrumb a { color: #067A6B !important; } .elementor-172147 .ba-eyebrow { font: 700 13px/1.4 Montserrat, sans-serif !important; letter-spacing: 2px; text-transform: uppercase; color: #067A6B; margin: 0 0 10px !important; } .elementor-172147 .elementor-widget-theme-post-excerpt .ba-promise { font-size: 19px; line-height: 1.55; color: #26332F; margin: 0 0 14px !important; } .elementor-172147 .elementor-widget-theme-post-excerpt ul.ba-checks { list-style: none; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 10px; } .elementor-172147 .elementor-widget-theme-post-excerpt ul.ba-checks li { position: relative; padding-left: 34px; margin: 0 !important; } .elementor-172147 .elementor-widget-theme-post-excerpt ul.ba-checks li::before { content: "\2713"; position: absolute; left: 2px; top: -1px; font: 800 20px Montserrat, sans-serif; color: #09B29C; } .elementor-172147 .elementor-widget-woocommerce-product-price p.price { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; } .elementor-172147 .elementor-widget-woocommerce-product-price p.price ins { order: 0; } .elementor-172147 .elementor-widget-woocommerce-product-price p.price del { order: 1; margin: 0 !important; } .elementor-172147 .ba-save { order: 2; align-self: center; font: 700 15px Montserrat, sans-serif; color: #067A6B; background: #E3F6F2; padding: 5px 12px; border-radius: 999px; } .elementor-172147 .elementor-widget-woocommerce-product-price .screen-reader-text { position: absolute !important; } .elementor-172147 .ba-avg { font: 800 16px Montserrat, sans-serif; color: #0B1413; } .elementor-172147 form.cart .variations th { display: flex !important; justify-content: space-between; align-items: center; gap: 12px; } .elementor-172147 .ba-sg { font: 700 15px Montserrat, sans-serif; color: #067A6B !important; text-decoration: underline; margin-bottom: 8px; } .elementor-172147 .elementor-element-2e729bc9 .elementor-widget-woocommerce-product-add-to-cart { margin: 0 !important; } @media (min-width: 768px) { .elementor-172147 .woocommerce-product-gallery { display: grid !important; grid-template-columns: 92px minmax(0, 1fr); gap: 16px; align-items: start; } .elementor-172147 .woocommerce-product-gallery .flex-viewport { grid-column: 2; grid-row: 1; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs { grid-column: 1; grid-row: 1; display: flex !important; flex-direction: column; gap: 12px; margin: 0 !important; max-height: 640px; overflow-y: auto; scrollbar-width: thin; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs li { width: 92px !important; flex: 0 0 auto; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs img { width: 92px; height: 92px; object-fit: cover; border: 1px solid #DDE7E5; background: #fff; } } .elementor-172147 .elementor-element-6d4c9abb:has(.ba-sections) { padding: 0 !important; background: transparent !important; box-shadow: none !important; } .elementor-172147 .elementor-element-77598d9:has(.ba-sections) { max-width: none !important; gap: 0 !important; } .elementor-172147 .elementor-element-6d4c9abb:has(.ba-sections) .elementor-element-3e23e034, .elementor-172147 .elementor-element-6d4c9abb:has(.ba-sections) .elementor-element-75e1f98d { display: none !important; } .elementor-172147 .ba-sections { font: 400 17px/1.6 Montserrat, sans-serif; color: #1E2B29; } .elementor-172147 .ba-sections section { padding: 80px 40px; margin: 0; } .elementor-172147 .ba-sections .ba-in { max-width: 1280px; margin: 0 auto; } .elementor-172147 .ba-sections h2 { font: 400 40px/1.15 Aldrich, sans-serif !important; color: #0B1413; margin: 0 !important; max-width: 760px; } .elementor-172147 .ba-sections h3 { font: 400 23px/1.25 Aldrich, sans-serif !important; color: #0B1413; margin: 0 0 10px !important; } .elementor-172147 .ba-sections p { margin: 0 0 10px; } .elementor-172147 .ba-sections ul { list-style: none; padding: 0 !important; margin: 14px 0 0 !important; display: flex; flex-direction: column; gap: 14px; } .elementor-172147 .ba-sections li { display: flex; gap: 12px; align-items: flex-start; margin: 0 !important; } .elementor-172147 .ba-sections .ba-i { width: 22px; height: 22px; flex: 0 0 auto; fill: none; stroke: #09B29C; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; margin-top: 3px; } .elementor-172147 .ba-why { background: #0D1716; color: #E6F0EE; } .elementor-172147 .ba-why h2 { color: #fff !important; } .elementor-172147 .ba-why .ba-eyebrow { color: #3FD6C1; } .elementor-172147 .ba-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 40px; } .elementor-172147 .ba-card { background: #13211F; border: 1px solid #23413C; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; } .elementor-172147 .ba-card img { width: 100%; height: 240px; object-fit: cover; display: block; border-radius: 0 !important; } .elementor-172147 .ba-card-in { padding: 24px; } .elementor-172147 .ba-card h3 { color: #fff !important; } .elementor-172147 .ba-card p { color: #C7D6D3; } .elementor-172147 .ba-card .ba-quote { font-style: italic; color: #3FD6C1; margin-top: 6px; } .elementor-172147 .ba-fit { background: #F3F7F6; } .elementor-172147 .ba-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 32px; } .elementor-172147 .ba-good, .elementor-172147 .ba-not { background: #fff; border: 1px solid #DDE7E5; border-radius: 18px; padding: 32px; } .elementor-172147 .ba-good { border-top: 6px solid #09B29C; } .elementor-172147 .ba-not { border-top: 6px solid #B9C7C4; } .elementor-172147 .ba-not .ba-i { stroke: #4A5957; stroke-width: 2.4; } .elementor-172147 .ba-size { background: #fff; box-shadow: inset 0 1px 0 #DDE7E5, inset 0 -1px 0 #DDE7E5; scroll-margin-top: 90px; } .elementor-172147 .ba-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; } .elementor-172147 ol.ba-steps { counter-reset: s; list-style: none; padding: 0 !important; margin: 22px 0 !important; display: flex; flex-direction: column; gap: 16px; } .elementor-172147 ol.ba-steps li { counter-increment: s; display: flex; gap: 16px; align-items: center; } .elementor-172147 ol.ba-steps li::before { content: counter(s); width: 40px; height: 40px; border-radius: 50%; background: #0B1413; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; flex: 0 0 auto; } .elementor-172147 .ba-help { background: #ECFAF7; border-radius: 16px; padding: 20px 22px; margin: 0 !important; } .elementor-172147 .ba-chart { background: #F8FBFA; border: 1px solid #DDE7E5; border-radius: 18px; padding: 20px; } .elementor-172147 .ba-chart img { width: 100%; height: auto; display: block; border-radius: 10px !important; } .elementor-172147 .ba-how { background: #F3F7F6; } .elementor-172147 .ba-split-wide { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: stretch; } .elementor-172147 .ba-howto { background: #fff; border: 1px solid #DDE7E5; border-radius: 18px; padding: 36px; } .elementor-172147 .ba-howto h2, .elementor-172147 .ba-box h2 { font-size: 32px !important; } .elementor-172147 ol.ba-num { list-style: none; counter-reset: n; padding: 0 !important; margin: 22px 0 0 !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .elementor-172147 ol.ba-num li { counter-increment: n; display: flex; flex-direction: column; gap: 8px; } .elementor-172147 ol.ba-num li::before { content: "0" counter(n); font: 400 34px Aldrich, sans-serif; color: #09B29C; } .elementor-172147 ol.ba-num span { color: #4A5957; } .elementor-172147 .ba-box { background: #0B1413; color: #E6F0EE; border-radius: 18px; padding: 36px; } .elementor-172147 .ba-box h2 { color: #fff !important; } .elementor-172147 .ba-box .ba-i { stroke: #3FD6C1; } .elementor-172147 .ba-box p { font-size: 14px; color: #A9BDB9; margin: 16px 0 0; } @media (max-width: 1024px) { .elementor-172147 .ba-cards, .elementor-172147 .ba-two, .elementor-172147 .ba-split, .elementor-172147 .ba-split-wide, .elementor-172147 ol.ba-num { grid-template-columns: 1fr; } .elementor-172147 .ba-sections section { padding: 56px 24px; } } @media (max-width: 767px) { .elementor-172147 .ba-sections section { padding: 44px 16px; } .elementor-172147 .ba-sections h2 { font-size: 27px !important; } .elementor-172147 .ba-card img { height: 190px; } .elementor-172147 .ba-good, .elementor-172147 .ba-not, .elementor-172147 .ba-howto, .elementor-172147 .ba-box { padding: 22px; } } /* part 3: list icons via CSS (WordPress strips inline SVG from product text) */ .elementor-172147 .ba-sections br, .elementor-172147 .ba-sections p:empty { display: none !important; } .elementor-172147 .ba-sections li::before { content: "\2713"; flex: 0 0 22px; font: 800 20px/1.2 Montserrat, sans-serif; color: #09B29C; } .elementor-172147 .ba-sections .ba-not li::before { content: "\2715"; color: #4A5957; font-size: 18px; } .elementor-172147 .ba-sections .ba-box li::before { color: #3FD6C1; } .elementor-172147 .ba-sections ol li::before { flex: 0 0 auto; } /* part 4: gallery fit, reviews preview, details card, related cards (2026-11-12) */ .elementor-172147 .elementor-element-77598d9:has(.ba-sections) { max-width: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; } .elementor-172147 .elementor-element-3d352fd2 h1, .elementor-172147 .elementor-element-3d352fd2 h2 { font: 400 28px/1.2 Aldrich, sans-serif !important; color: #0B1413; margin: 28px 0 12px !important; } .elementor-172147 .elementor-element-3d352fd2 h3 { font: 400 22px/1.25 Aldrich, sans-serif !important; color: #0B1413; } .elementor-172147 .elementor-element-3d352fd2 > .elementor-widget-container > *:first-child { margin-top: 0 !important; } @media (min-width: 768px) { .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs { max-height: none; overflow-y: auto; } .elementor-172147 .woocommerce-product-gallery .flex-viewport { border: 1px solid #DDE7E5; } } .elementor-172147 .ba-rv-ready:not(.ba-rv-open) .ba-rv-extra, .elementor-172147 .ba-rv-ready:not(.ba-rv-open) .woocommerce-pagination, .elementor-172147 .ba-rv-ready:not(.ba-rv-open) #review_form_wrapper { display: none !important; } .elementor-172147 .ba-rv-more { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin: 28px 0 0; } .elementor-172147 .ba-rv-btn, .elementor-172147 .ba-rv-write { height: 52px; padding: 0 26px; border-radius: 12px; font: 700 16px Montserrat, sans-serif; cursor: pointer; } .elementor-172147 .ba-rv-btn { background: #0B1413; color: #fff; border: 0; } .elementor-172147 .ba-rv-btn:hover { background: #13211F; } .elementor-172147 .ba-rv-write { background: #fff; color: #0B1413; border: 1.5px solid #0B1413; } .elementor-172147 .ba-rv-write:hover { background: #ECFAF7; } .elementor-172147 ul.products li.product { display: flex !important; flex-direction: column !important; align-items: stretch !important; } .elementor-172147 ul.products li.product > a.woocommerce-LoopProduct-link { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; } .elementor-172147 ul.products li.product > a.woocommerce-LoopProduct-link img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; } .elementor-172147 ul.products li.product .star-rating { float: none !important; margin: 2px 16px 8px !important; font-size: 14px; } .elementor-172147 ul.products li.product .button { margin-top: auto !important; align-self: flex-start; } /* part 5 (2026-11-13): FAQ fills the width on phones, related cards without buttons, sticky bar on every screen size */ .elementor-172147 .elementor-element-24ce1d7 summary > span:first-child { flex: 1 1 auto !important; min-width: 0; } .elementor-172147 .elementor-element-24ce1d7 summary > div { flex: 0 0 auto !important; width: auto !important; } .elementor-172147 ul.products li.product .button, .elementor-172147 ul.products li.product .added_to_cart { display: none !important; } .elementor-172147 ul.products li.product { padding-bottom: 18px !important; } @media (max-width: 767px) { .elementor-172147 .elementor-element-24ce1d7 summary { padding: 6px 2px !important; } .elementor-172147 .elementor-element-24ce1d7 .e-accordion-item-base p { font-size: 15.5px !important; line-height: 1.6 !important; } .elementor-172147 .elementor-element-24ce1d7 .e-accordion-item-base summary p { font-size: 16px !important; line-height: 1.35 !important; } .elementor-172147 .elementor-element-24ce1d7 .e-accordion-item { padding-left: 16px !important; padding-right: 16px !important; } .elementor-172147 ul.products { gap: 16px 12px !important; } .elementor-172147 ul.products li.product .woocommerce-loop-product__title { font-size: 14px !important; line-height: 1.3 !important; padding: 0 12px !important; margin: 10px 0 4px !important; } .elementor-172147 ul.products li.product .price { font-size: 15px !important; padding: 0 12px !important; } .elementor-172147 ul.products li.product .star-rating { margin: 2px 12px 6px !important; font-size: 12px; } } .ba-sticky-atc .ba-s-title { display: none; font-weight: 700; font-size: 15px; color: #0B1413; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .ba-sticky-atc { bottom: 0 !important; padding: 12px max(24px, calc((100% - 1200px) / 2)) !important; gap: 16px; } .ba-sticky-atc .ba-s-title { display: block; } .ba-sticky-atc .ba-s-info { display: flex; flex-direction: column; } .ba-sticky-atc .ba-s-price { font-size: 16px; } .ba-sticky-atc button { padding: 0 34px; } body:has(.ba-sticky-atc.is-on) { padding-bottom: 76px; } } /* part 6 (2026-11-13): bigger main photo on desktop, thumbnails in a full row below it (all visible) */ @media (min-width: 768px) { .elementor-172147 .woocommerce-product-gallery { display: block !important; } .elementor-172147 .woocommerce-product-gallery .flex-viewport { overflow: hidden !important; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)) !important; gap: 10px !important; margin: 12px 0 0 !important; max-height: none !important; overflow: visible !important; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs li { width: auto !important; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; } } @media (min-width: 1025px) { .elementor-172147 .elementor-element-2e36d376 { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) !important; gap: 48px !important; } } /* part 7 (2026-11-13): thumbnails in ONE swipeable row, photo arrows on desktop and tablet */ .elementor-172147 .ba-g-arrow { display: none; } @media (min-width: 768px) { .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x proximity; scrollbar-width: thin; padding: 2px 2px 6px !important; cursor: grab; user-select: none; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs.ba-dragging { cursor: grabbing; scroll-snap-type: none; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs li { flex: 0 0 76px !important; width: 76px !important; scroll-snap-align: start; } .elementor-172147 .woocommerce-product-gallery .flex-control-thumbs img { -webkit-user-drag: none; } .elementor-172147 .woocommerce-product-gallery .flex-viewport { position: relative; cursor: grab; } .elementor-172147 .woocommerce-product-gallery .flex-viewport img { -webkit-user-drag: none; user-select: none; } .elementor-172147 .ba-g-arrow { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; width: 44px; height: 44px; padding: 0 0 4px; border-radius: 50%; border: 1px solid #DDE7E5; background: rgba(255,255,255,.92); color: #0B1413; font: 400 30px/1 Montserrat, sans-serif; cursor: pointer; box-shadow: 0 4px 14px rgba(11,20,19,.14); opacity: .85; transition: opacity .15s; } .elementor-172147 .ba-g-arrow:hover { opacity: 1; background: #fff; } .elementor-172147 .ba-g-prev { left: 14px; } .elementor-172147 .ba-g-next { right: 14px; } } /* part 8 (2026-11-13): size tables, single-column size guide (one-size products), cards without a quote */ .elementor-172147 .ba-split.ba-one { grid-template-columns: minmax(0, 1fr) !important; max-width: 820px; } .elementor-172147 .ba-chart-table { padding: 0; overflow: hidden; background: #fff; } .elementor-172147 .ba-chart table { width: 100%; border-collapse: collapse; margin: 0; font: 500 16px/1.4 Montserrat, sans-serif; color: #26332F; } .elementor-172147 .ba-chart th { background: #0B1413; color: #fff; font-weight: 700; text-align: left; padding: 14px 18px; border: 0; } .elementor-172147 .ba-chart td { padding: 13px 18px; border: 0; border-top: 1px solid #DDE7E5; background: #fff; } .elementor-172147 .ba-chart tr:nth-child(even) td { background: #F4F8F7; } .elementor-172147 .ba-chart td:first-child { font-weight: 700; color: #0B1413; } .elementor-172147 .ba-chart .ba-note { margin: 0; padding: 12px 18px 14px; font-size: 13px; color: #4A5957; border-top: 1px solid #DDE7E5; } @media (max-width: 767px) { .elementor-172147 .ba-chart table { font-size: 14px; } .elementor-172147 .ba-chart th, .elementor-172147 .ba-chart td { padding: 11px 12px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Aldrich'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Aldrich-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-Thin.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-ThinItalic.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-ExtraLight.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-ExtraLightItalic.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-Light.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-LightItalic.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-Regular.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-Italic.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-Medium.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-MediumItalic.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-SemiBoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-Bold.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-BoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-ExtraBold.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-ExtraBoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-Black.ttf') format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; font-display: auto; src: url('https://baronactive.com/wp-content/uploads/2020/10/Montserrat-BlackItalic.ttf') format('truetype'); } /* End Custom Fonts CSS */