/** Shopify CDN: Minification failed Line 738:10 Expected identifier but found whitespace Line 738:11 Unexpected "20px" Line 6728:4 Unexpected "}" **/ [id*="__sl_st11_"]{letter-spacing:normal}[id*="__sl_st11_"] :where(h1,h2,h3,h4,h5,h6,p,li,td,th,span,a,strong,button,summary){letter-spacing:normal} [id*="__sl_st11_"] *{word-break:normal !important;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word} :root{ /* Global button variables */ --global-button-bg-color: #0f2945; --global-button-text-color: #ffffff; --global-button-hover-bg-color: #fb7948; --global-button-hover-text-color: #e4e2bc; --global-button-radius: 40px; --global-button-font-size: 19px; --global-button-font-weight: 700; --global-button-padding-y: 20px; --global-button-letter-spacing: 0px; --global-button-text-transform: uppercase; --global-button-font-family: var(--font-body-family, sans-serif); /* Global section colors */ --global-section-text-color: #0f2945; --global-section-background-color: #ffffff; --global-section-accent-1-color: #f8f8f8; } /* Exclude third-party apps (Klaviyo, Privy, JustUno, OptiMonk, Omnisend, etc.) */ .btn:not(.disable-global-button-styling):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]), [id*="__sl_st11_"] button[type="submit"]:not(.disable-global-button-styling):not(.button):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]), [id*="__sl_st11_"] input[type="submit"]:not(.disable-global-button-styling):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):not([style="display: none;"]), .product-form__submit:not(.disable-global-button-styling), .cart__checkout-button:not(.disable-global-button-styling), .button--primary:not(.disable-global-button-styling), .newsletter-form__button:not(.disable-global-button-styling):not([class*="klaviyo"]), .field__button:not(.disable-global-button-styling), .theme-button:not(.disable-global-button-styling), .rich-text-button:not(.disable-global-button-styling){ /* Typography */ font-size: var(--global-button-font-size) !important; font-weight: var(--global-button-font-weight) !important; letter-spacing: var(--global-button-letter-spacing) !important; text-transform: var(--global-button-text-transform) !important; font-family: var(--global-button-font-family) !important; /* Layout */ padding: var(--global-button-padding-y) 20px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; /* Colors & Appearance */ background-color: var(--global-button-bg-color) !important; color: var(--global-button-text-color) !important; border-left: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-right: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-top: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-bottom: var(--global-button-bottom-border-width, 4px) solid var(--global-button-bottom-border-color, #000000) !important; border-bottom-style: solid !important; border-radius: var(--global-button-radius) !important; /* Effects */ cursor: pointer !important; transition: all 0.3s ease !important; text-decoration: none !important; outline: none !important; position: relative !important; overflow: hidden !important; } .btn:not(.disable-global-button-styling):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):hover, [id*="__sl_st11_"] button[type="submit"]:not(.disable-global-button-styling):not(.button):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):hover, [id*="__sl_st11_"] input[type="submit"]:not(.disable-global-button-styling):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):hover, .product-form__submit:not(.disable-global-button-styling):hover, .cart__checkout-button:not(.disable-global-button-styling):hover, .button--primary:not(.disable-global-button-styling):hover, .newsletter-form__button:not(.disable-global-button-styling):not([class*="klaviyo"]):hover, .field__button:not(.disable-global-button-styling):hover, .theme-button:not(.disable-global-button-styling):hover, .rich-text-button:not(.disable-global-button-styling):hover{ background-color: var(--global-button-hover-bg-color) !important; color: var(--global-button-hover-text-color) !important; border-left: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-right: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-top: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-bottom: var(--global-button-bottom-border-width, 4px) solid var(--global-button-bottom-border-color, #000000) !important; border-bottom-style: solid !important; } /* This ensures apps like Klaviyo, Privy, JustUno, OptiMonk, Omnisend, etc. retain their own styling */ :root{ /* Font families from theme settings */ --font-heading-family: "Space Grotesk", sans-serif; --font-body-family: "Space Grotesk", sans-serif; /* Font weights from theme settings */ --font-heading-weight: 400; --font-body-weight: 400; /* Apply text transform for buttons based on settings */ --button-text-transform: ; /* Set these for our override variables too so they cascade down */ --font-body-family-override: "Space Grotesk", sans-serif; --font-heading-family-override: "Space Grotesk", sans-serif; --font-body-weight-override: 400; --font-heading-weight-override: 800; /* Button styling variables */ --global-button-radius: 40px; } .button, .button-text, [id*="__sl_st11_"] button[type="submit"], [id*="__sl_st11_"] input[type="submit"]{ text-transform: var(--button-text-transform); font-family: var(--font-body-family-override); } [id*="__sl_st11_"] p, span, div, [id*="__sl_st11_"] a, [id*="__sl_st11_"] button, [id*="__sl_st11_"] input, select, textarea, label, [id*="__sl_st11_"] li{ font-family: var(--font-body-family-override, "Space Grotesk", sans-serif); } [id*="__sl_st11_"] h1, [id*="__sl_st11_"] h2, [id*="__sl_st11_"] h3, [id*="__sl_st11_"] h4, [id*="__sl_st11_"] h5, [id*="__sl_st11_"] h6, [id*="__sl_st11_"] .h1, [id*="__sl_st11_"] .h2, [id*="__sl_st11_"] .h3, [id*="__sl_st11_"] .h4, [id*="__sl_st11_"] .h5, [id*="__sl_st11_"] .h6, [id*="__sl_st11_"] [class*="title"], [id*="__sl_st11_"] [class*="heading"], .title, .heading{ font-family: var(--font-heading-family-override, "Space Grotesk", sans-serif); } .product-title, .product__title, .product-form__label, .collection-hero__title, .page-title, .section-header__title, .main-collection-title, .main-title, .subtitle{ font-family: var(--font-heading-family-override, "Space Grotesk", sans-serif); } /* Rating components, reviews, benefits, and other common elements */ .rating-component, .review-name, .review-text, .benefit-text, .counter-text, .feature-name, .check-yes, .check-no, .text-value{ font-family: var(--font-body-family-override, "Space Grotesk", sans-serif); } .button, .btn, [id*="__sl_st11_"] button[type="submit"], [id*="__sl_st11_"] input[type="submit"], .shopify-payment-button__button, .product-form__submit, .shop-add-to-cart-button, .claim-button, .cart__checkout-button, .contact-button, .button--primary, .rich-text-button, .theme-button, .sticky-add-to-cart__button{ border-radius: var(--global-button-radius) !important; font-family: var(--font-body-family-override) !important; transition: all 0.3s ease; background: linear-gradient(to top, #0d1823, #0f2945) !important; color: var(--global-button-text-color) !important; border-left: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-right: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-top: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-bottom: var(--global-button-bottom-border-width) solid var(--global-button-bottom-border-color) !important; border-bottom-style: solid !important; box-shadow: none !important; padding-left: 20px !important; padding-right: 20px !important; text-transform: uppercase !important; text-align: center !important; font-weight: bold !important; } /* Hover, focus, and active states for buttons */ .button:hover, .btn:hover, [id*="__sl_st11_"] button[type="submit"]:hover, [id*="__sl_st11_"] input[type="submit"]:hover, .shopify-payment-button__button:hover, .product-form__submit:hover, .shop-add-to-cart-button:hover, .claim-button:hover, [id*="__sl_st11_"] button[class*="add-to-cart"]:hover, [id*="__sl_st11_"] button[class*="add_to_cart"]:hover, [id*="__sl_st11_"] a[class*="add-to-cart"]:hover, [id*="__sl_st11_"] a[class*="add_to_cart"]:hover, [id*="__sl_st11_"] input[class*="add-to-cart"]:hover, [id*="__sl_st11_"] input[class*="add_to_cart"]:hover, .cart__checkout-button:hover, .contact-button:hover, .button--primary:hover, .rich-text-button:hover, .theme-button:hover, .sticky-add-to-cart__button:hover, .button:focus, .button:focus-visible, .btn:focus, .btn:focus-visible, [id*="__sl_st11_"] button[type="submit"]:focus, [id*="__sl_st11_"] button[type="submit"]:focus-visible, [id*="__sl_st11_"] input[type="submit"]:focus, [id*="__sl_st11_"] input[type="submit"]:focus-visible, .shopify-payment-button__button:focus, .shopify-payment-button__button:focus-visible, .product-form__submit:focus, .product-form__submit:focus-visible, .shop-add-to-cart-button:focus, .shop-add-to-cart-button:focus-visible, .claim-button:focus, .claim-button:focus-visible, [id*="__sl_st11_"] button[class*="add-to-cart"]:focus, [id*="__sl_st11_"] button[class*="add_to_cart"]:focus, [id*="__sl_st11_"] a[class*="add-to-cart"]:focus, [id*="__sl_st11_"] a[class*="add_to_cart"]:focus, [id*="__sl_st11_"] input[class*="add-to-cart"]:focus, [id*="__sl_st11_"] input[class*="add_to_cart"]:focus, .cart__checkout-button:focus, .cart__checkout-button:focus-visible, .contact-button:focus, .contact-button:focus-visible, .button--primary:focus, .button--primary:focus-visible, .theme-button:focus, .theme-button:focus-visible, .sticky-add-to-cart__button:focus, .sticky-add-to-cart__button:focus-visible, .shopify-payment-button [role='button']:focus, .shopify-payment-button [role='button']:focus-visible{ background: linear-gradient(to top, #0f2945, #495d73) !important; border-left: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-right: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-top: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-bottom: var(--global-button-bottom-border-width) solid var(--global-button-bottom-border-color) !important; border-bottom-style: solid !important; box-shadow: none !important; outline: none !important; } div[class*="add-to-cart"]:hover, div[class*="add_to_cart"]:hover, span[class*="add-to-cart"]:hover, span[class*="add_to_cart"]:hover, [id*="__sl_st11_"] p[class*="add-to-cart"]:hover, [id*="__sl_st11_"] p[class*="add_to_cart"]:hover, section[class*="add-to-cart"]:hover, section[class*="add_to_cart"]:hover, article[class*="add-to-cart"]:hover, article[class*="add_to_cart"]:hover, div[class*="add-to-cart"]:focus, div[class*="add_to_cart"]:focus, span[class*="add-to-cart"]:focus, span[class*="add_to_cart"]:focus, [id*="__sl_st11_"] p[class*="add-to-cart"]:focus, [id*="__sl_st11_"] p[class*="add_to_cart"]:focus, section[class*="add-to-cart"]:focus, section[class*="add_to_cart"]:focus, article[class*="add-to-cart"]:focus, article[class*="add_to_cart"]:focus{ background-color: inherit !important; box-shadow: none !important; outline: none !important; } .sticky-add-to-cart:hover, .sticky-add-to-cart:focus, .sticky-add-to-cart *:not(button):not(input[type="submit"]):not(.button):not(.btn):hover, .sticky-add-to-cart *:not(button):not(input[type="submit"]):not(.button):not(.btn):focus, [id*="__sl_st11_"] [class*="sticky-add-to-cart"]:not(button):not(input[type="submit"]):not(.button):not(.btn):hover, [id*="__sl_st11_"] [class*="sticky-add-to-cart"]:not(button):not(input[type="submit"]):not(.button):not(.btn):focus{ background-color: inherit !important; box-shadow: inherit !important; } .button:before, .button:after, .btn:before, .btn:after, [id*="__sl_st11_"] button[type="submit"]:before, [id*="__sl_st11_"] button[type="submit"]:after, [id*="__sl_st11_"] input[type="submit"]:before, [id*="__sl_st11_"] input[type="submit"]:after, .shopify-payment-button__button:before, .shopify-payment-button__button:after, .product-form__submit:before, .product-form__submit:after, .shop-add-to-cart-button:before, .shop-add-to-cart-button:after, .claim-button:before, .claim-button:after, [id*="__sl_st11_"] [class*="add-to-cart"]:before, [id*="__sl_st11_"] [class*="add-to-cart"]:after, [id*="__sl_st11_"] [class*="add_to_cart"]:before, [id*="__sl_st11_"] [class*="add_to_cart"]:after, .cart__checkout-button:before, .cart__checkout-button:after, .contact-button:before, .contact-button:after, .button--primary:before, .button--primary:after, .theme-button:before, .theme-button:after, .sticky-add-to-cart__button:before, .sticky-add-to-cart__button:after{ box-shadow: none !important; } .shopify-payment-button .shopify-payment-button__button, .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .shopify-payment-button__more-options, .shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded, .shopify-payment-button .shopify-payment-button__button:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .shopify-payment-button .shopify-payment-button__more-options:hover, .shopify-payment-button__button--branded:hover, .shopify-payment-button__button--unbranded:hover{ box-shadow: none !important; } [id*="__sl_st11_"] button:not([class^="shopify"]), .secondary-button, .link-styled-button, [id*="__sl_st11_"] [class*="button"], [id*="__sl_st11_"] [class*="btn-"], .card__badge, .badge, .tag, .spr-button, .pagination__item, [id*="__sl_st11_"] input[type="button"], select, .select__select, .disclosure__button, .filter-group, .facet-checkbox, .variant-input, .color-swatch, .swatch{ border-radius: var(--global-button-radius); } .pagination__item, .card__badge{ border-radius: calc(var(--global-button-radius) * 0.75) !important; } .pill:not(.pill-item), .tag-label, [id*="__sl_st11_"] [class*="pill"]:not(.pill-item), [id*="__sl_st11_"] [class*="tag-"]{ border-radius: 50px !important; } .totals.gb-discounts-cart-values, .totals.gb-discounts-cart-values h2, .totals.gb-discounts-cart-values .totals__total-value, .gb-shipping-protection-icontext p{ color: #0f2945 !important; } cart-remove-button .button, .cart-remove-button, [id^="CartDrawer-Remove"]{ background-color: transparent !important; border: none !important; } .gb-shipping-protection-button input:checked + .slider{ background-color: #f8f8f8 !important; } span.gb-cart-total-item{ background-color: #0f2945 !important; color: #ffffff !important; } .social-proof-bar{ background-color: #f8f8f8 !important; } .social-proof-bar .social-proof-content, .social-proof-bar .social-proof-content *, .social-proof-bar svg, .social-proof-bar i, .social-proof-bar img, .social-proof-bar__text{ color: #ffffff !important; fill: #ffffff !important; } .accent-title, [id*="__sl_st11_"] [class*="accent-title"], .accent-heading, [id*="__sl_st11_"] [class*="accent-heading"]{ color: #f8f8f8 !important; } :root{ --enhanced-3d-enabled: false; --enhanced-gradient-enabled: true; } .button-box-shadow, .button.button-box-shadow, .btn.button-box-shadow, [id*="__sl_st11_"] button[type="submit"].button-box-shadow, [id*="__sl_st11_"] input[type="submit"].button-box-shadow, .product-form__submit.button-box-shadow, .shop-add-to-cart-button.button-box-shadow, .cart__checkout-button.button-box-shadow, .contact-button.button-box-shadow:not(.disable-global-button-styling), .contact__button.button-box-shadow:not(.disable-global-button-styling), .button--primary.button-box-shadow, .claim-button.button-box-shadow, .newsletter-form__button.button-box-shadow:not(.disable-global-button-styling), .field__button.button-box-shadow:not(.disable-global-button-styling), .theme-button.button-box-shadow, .guarantee-section__cta.button-box-shadow, .custom-hero__button.button-box-shadow, .rich-text-button.button-box-shadow{ transition: all 0.3s ease !important; position: relative; z-index: 1; } .button-box-shadow.intensity-1, .button.button-box-shadow.intensity-1, .btn.button-box-shadow.intensity-1, [id*="__sl_st11_"] button[type="submit"].button-box-shadow.intensity-1, [id*="__sl_st11_"] input[type="submit"].button-box-shadow.intensity-1, .product-form__submit.button-box-shadow.intensity-1, .shop-add-to-cart-button.button-box-shadow.intensity-1, .cart__checkout-button.button-box-shadow.intensity-1, .contact-button.button-box-shadow.intensity-1:not(.disable-global-button-styling), .contact__button.button-box-shadow.intensity-1:not(.disable-global-button-styling), .button--primary.button-box-shadow.intensity-1, .claim-button.button-box-shadow.intensity-1, .newsletter-form__button.button-box-shadow.intensity-1:not(.disable-global-button-styling), .field__button.button-box-shadow.intensity-1:not(.disable-global-button-styling), .theme-button.button-box-shadow.intensity-1, .guarantee-section__cta.button-box-shadow.intensity-1, .custom-hero__button.button-box-shadow.intensity-1, .rich-text-button.button-box-shadow.intensity-1{ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .button-box-shadow.intensity-1:hover, .button.button-box-shadow.intensity-1:hover, .btn.button-box-shadow.intensity-1:hover, [id*="__sl_st11_"] button[type="submit"].button-box-shadow.intensity-1:hover, [id*="__sl_st11_"] input[type="submit"].button-box-shadow.intensity-1:hover, .product-form__submit.button-box-shadow.intensity-1:hover, .shop-add-to-cart-button.button-box-shadow.intensity-1:hover, .cart__checkout-button.button-box-shadow.intensity-1:hover, .contact-button.button-box-shadow.intensity-1:hover:not(.disable-global-button-styling), .contact__button.button-box-shadow.intensity-1:hover:not(.disable-global-button-styling), .button--primary.button-box-shadow.intensity-1:hover, .claim-button.button-box-shadow.intensity-1:hover, .newsletter-form__button.button-box-shadow.intensity-1:not(.disable-global-button-styling):hover, .field__button.button-box-shadow.intensity-1:not(.disable-global-button-styling):hover, .theme-button.button-box-shadow.intensity-1:hover, .guarantee-section__cta.button-box-shadow.intensity-1:hover, .custom-hero__button.button-box-shadow.intensity-1:hover, .rich-text-button.button-box-shadow.intensity-1:hover{ transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; } .button-box-shadow.intensity-2, .button.button-box-shadow.intensity-2, .btn.button-box-shadow.intensity-2, [id*="__sl_st11_"] button[type="submit"].button-box-shadow.intensity-2, [id*="__sl_st11_"] input[type="submit"].button-box-shadow.intensity-2, .product-form__submit.button-box-shadow.intensity-2, .shop-add-to-cart-button.button-box-shadow.intensity-2, .cart__checkout-button.button-box-shadow.intensity-2, .contact-button.button-box-shadow.intensity-2:not(.disable-global-button-styling), .contact__button.button-box-shadow.intensity-2:not(.disable-global-button-styling), .button--primary.button-box-shadow.intensity-2, .claim-button.button-box-shadow.intensity-2, .newsletter-form__button.button-box-shadow.intensity-2:not(.disable-global-button-styling), .field__button.button-box-shadow.intensity-2:not(.disable-global-button-styling), .theme-button.button-box-shadow.intensity-2, .guarantee-section__cta.button-box-shadow.intensity-2, .custom-hero__button.button-box-shadow.intensity-2, .rich-text-button.button-box-shadow.intensity-2{ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; } .button-box-shadow.intensity-2:hover, .button.button-box-shadow.intensity-2:hover, .btn.button-box-shadow.intensity-2:hover, [id*="__sl_st11_"] button[type="submit"].button-box-shadow.intensity-2:hover, [id*="__sl_st11_"] input[type="submit"].button-box-shadow.intensity-2:hover, .product-form__submit.button-box-shadow.intensity-2:hover, .shop-add-to-cart-button.button-box-shadow.intensity-2:hover, .cart__checkout-button.button-box-shadow.intensity-2:hover, .contact-button.button-box-shadow.intensity-2:hover:not(.disable-global-button-styling), .contact__button.button-box-shadow.intensity-2:hover:not(.disable-global-button-styling), .button--primary.button-box-shadow.intensity-2:hover, .claim-button.button-box-shadow.intensity-2:hover, .newsletter-form__button.button-box-shadow.intensity-2:not(.disable-global-button-styling):hover, .field__button.button-box-shadow.intensity-2:not(.disable-global-button-styling):hover, .theme-button.button-box-shadow.intensity-2:hover, .guarantee-section__cta.button-box-shadow.intensity-2:hover, .custom-hero__button.button-box-shadow.intensity-2:hover, .rich-text-button.button-box-shadow.intensity-2:hover{ transform: translateY(-2px) !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important; } .button-box-shadow.intensity-3, .button.button-box-shadow.intensity-3, .btn.button-box-shadow.intensity-3, [id*="__sl_st11_"] button[type="submit"].button-box-shadow.intensity-3, [id*="__sl_st11_"] input[type="submit"].button-box-shadow.intensity-3, .product-form__submit.button-box-shadow.intensity-3, .shop-add-to-cart-button.button-box-shadow.intensity-3, .cart__checkout-button.button-box-shadow.intensity-3, .contact-button.button-box-shadow.intensity-3:not(.disable-global-button-styling), .contact__button.button-box-shadow.intensity-3:not(.disable-global-button-styling), .button--primary.button-box-shadow.intensity-3, .claim-button.button-box-shadow.intensity-3, .newsletter-form__button.button-box-shadow.intensity-3:not(.disable-global-button-styling), .field__button.button-box-shadow.intensity-3:not(.disable-global-button-styling), .theme-button.button-box-shadow.intensity-3, .guarantee-section__cta.button-box-shadow.intensity-3, .custom-hero__button.button-box-shadow.intensity-3, .rich-text-button.button-box-shadow.intensity-3{ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important; } .button-box-shadow.intensity-3:hover, .button.button-box-shadow.intensity-3:hover, .btn.button-box-shadow.intensity-3:hover, [id*="__sl_st11_"] button[type="submit"].button-box-shadow.intensity-3:hover, [id*="__sl_st11_"] input[type="submit"].button-box-shadow.intensity-3:hover, .product-form__submit.button-box-shadow.intensity-3:hover, .shop-add-to-cart-button.button-box-shadow.intensity-3:hover, .cart__checkout-button.button-box-shadow.intensity-3:hover, .contact-button.button-box-shadow.intensity-3:hover:not(.disable-global-button-styling), .contact__button.button-box-shadow.intensity-3:hover:not(.disable-global-button-styling), .button--primary.button-box-shadow.intensity-3:hover, .claim-button.button-box-shadow.intensity-3:hover, .newsletter-form__button.button-box-shadow.intensity-3:not(.disable-global-button-styling):hover, .field__button.button-box-shadow.intensity-3:not(.disable-global-button-styling):hover, .theme-button.button-box-shadow.intensity-3:hover, .guarantee-section__cta.button-box-shadow.intensity-3:hover, .custom-hero__button.button-box-shadow.intensity-3:hover, .rich-text-button.button-box-shadow.intensity-3:hover{ transform: translateY(-2px) !important; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25) !important; } .button-box-shadow.intensity-4, .button.button-box-shadow.intensity-4, .btn.button-box-shadow.intensity-4, [id*="__sl_st11_"] button[type="submit"].button-box-shadow.intensity-4, [id*="__sl_st11_"] input[type="submit"].button-box-shadow.intensity-4, .product-form__submit.button-box-shadow.intensity-4, .shop-add-to-cart-button.button-box-shadow.intensity-4, .cart__checkout-button.button-box-shadow.intensity-4, .contact-button.button-box-shadow.intensity-4:not(.disable-global-button-styling), .contact__button.button-box-shadow.intensity-4:not(.disable-global-button-styling), .button--primary.button-box-shadow.intensity-4, .claim-button.button-box-shadow.intensity-4, .newsletter-form__button.button-box-shadow.intensity-4:not(.disable-global-button-styling), .field__button.button-box-shadow.intensity-4:not(.disable-global-button-styling), .theme-button.button-box-shadow.intensity-4, .guarantee-section__cta.button-box-shadow.intensity-4, .custom-hero__button.button-box-shadow.intensity-4, .rich-text-button.button-box-shadow.intensity-4{ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25) !important; } .button-box-shadow.intensity-4:hover, .button.button-box-shadow.intensity-4:hover, .btn.button-box-shadow.intensity-4:hover, [id*="__sl_st11_"] button[type="submit"].button-box-shadow.intensity-4:hover, [id*="__sl_st11_"] input[type="submit"].button-box-shadow.intensity-4:hover, .product-form__submit.button-box-shadow.intensity-4:hover, .shop-add-to-cart-button.button-box-shadow.intensity-4:hover, .cart__checkout-button.button-box-shadow.intensity-4:hover, .contact-button.button-box-shadow.intensity-4:hover:not(.disable-global-button-styling), .contact__button.button-box-shadow.intensity-4:hover:not(.disable-global-button-styling), .button--primary.button-box-shadow.intensity-4:hover, .claim-button.button-box-shadow.intensity-4:hover, .newsletter-form__button.button-box-shadow.intensity-4:not(.disable-global-button-styling):hover, .field__button.button-box-shadow.intensity-4:not(.disable-global-button-styling):hover, .theme-button.button-box-shadow.intensity-4:hover, .guarantee-section__cta.button-box-shadow.intensity-4:hover, .custom-hero__button.button-box-shadow.intensity-4:hover, .rich-text-button.button-box-shadow.intensity-4:hover{ transform: translateY(-2px) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important; } .button-box-shadow.intensity-5, .button.button-box-shadow.intensity-5, .btn.button-box-shadow.intensity-5, [id*="__sl_st11_"] button[type="submit"].button-box-shadow.intensity-5, [id*="__sl_st11_"] input[type="submit"].button-box-shadow.intensity-5, .product-form__submit.button-box-shadow.intensity-5, .shop-add-to-cart-button.button-box-shadow.intensity-5, .cart__checkout-button.button-box-shadow.intensity-5, .contact-button.button-box-shadow.intensity-5:not(.disable-global-button-styling), .contact__button.button-box-shadow.intensity-5:not(.disable-global-button-styling), .button--primary.button-box-shadow.intensity-5, .claim-button.button-box-shadow.intensity-5, .newsletter-form__button.button-box-shadow.intensity-5:not(.disable-global-button-styling), .field__button.button-box-shadow.intensity-5:not(.disable-global-button-styling), .theme-button.button-box-shadow.intensity-5, .guarantee-section__cta.button-box-shadow.intensity-5, .custom-hero__button.button-box-shadow.intensity-5, .rich-text-button.button-box-shadow.intensity-5{ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important; } .button-box-shadow.intensity-5:hover, .button.button-box-shadow.intensity-5:hover, .btn.button-box-shadow.intensity-5:hover, [id*="__sl_st11_"] button[type="submit"].button-box-shadow.intensity-5:hover, [id*="__sl_st11_"] input[type="submit"].button-box-shadow.intensity-5:hover, .product-form__submit.button-box-shadow.intensity-5:hover, .shop-add-to-cart-button.button-box-shadow.intensity-5:hover, .cart__checkout-button.button-box-shadow.intensity-5:hover, .contact-button.button-box-shadow.intensity-5:hover:not(.disable-global-button-styling), .contact__button.button-box-shadow.intensity-5:hover:not(.disable-global-button-styling), .button--primary.button-box-shadow.intensity-5:hover, .claim-button.button-box-shadow.intensity-5:hover, .newsletter-form__button.button-box-shadow.intensity-5:not(.disable-global-button-styling):hover, .field__button.button-box-shadow.intensity-5:not(.disable-global-button-styling):hover, .theme-button.button-box-shadow.intensity-5:hover, .guarantee-section__cta.button-box-shadow.intensity-5:hover, .custom-hero__button.button-box-shadow.intensity-5:hover, .rich-text-button.button-box-shadow.intensity-5:hover{ transform: translateY(-2px) !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35) !important; } .button-box-shadow:active, .button.button-box-shadow:active, .btn.button-box-shadow:active, [id*="__sl_st11_"] button[type="submit"].button-box-shadow:active, [id*="__sl_st11_"] input[type="submit"].button-box-shadow:active, .product-form__submit.button-box-shadow:active, .shop-add-to-cart-button.button-box-shadow:active, .cart__checkout-button.button-box-shadow:active, .contact-button.button-box-shadow:active:not(.disable-global-button-styling), .contact__button.button-box-shadow:active:not(.disable-global-button-styling), .button--primary.button-box-shadow:active, .claim-button.button-box-shadow:active, .newsletter-form__button.button-box-shadow:not(.disable-global-button-styling):active, .field__button.button-box-shadow:not(.disable-global-button-styling):active, .theme-button.button-box-shadow:active, .guarantee-section__cta.button-box-shadow:active, .custom-hero__button.button-box-shadow:active, .rich-text-button.button-box-shadow:active{ transform: translateY(0) !important; } .button-gradient-effect:not(.disable-global-button-styling), .button.button-gradient-effect:not(.disable-global-button-styling), .btn.button-gradient-effect:not(.disable-global-button-styling), [id*="__sl_st11_"] button[type="submit"].button-gradient-effect:not(.disable-global-button-styling), [id*="__sl_st11_"] input[type="submit"].button-gradient-effect:not(.disable-global-button-styling), .product-form__submit.button-gradient-effect:not(.disable-global-button-styling), .shop-add-to-cart-button.button-gradient-effect:not(.disable-global-button-styling), .cart__checkout-button.button-gradient-effect:not(.disable-global-button-styling), .contact-button.button-gradient-effect:not(.disable-global-button-styling), .contact__button.button-gradient-effect:not(.disable-global-button-styling), .button--primary.button-gradient-effect:not(.disable-global-button-styling), .claim-button.button-gradient-effect:not(.disable-global-button-styling), .newsletter-form__button.button-gradient-effect:not(.disable-global-button-styling), .field__button.button-gradient-effect:not(.disable-global-button-styling), .theme-button.button-gradient-effect:not(.disable-global-button-styling), .guarantee-section__cta.button-gradient-effect:not(.disable-global-button-styling), .custom-hero__button.button-gradient-effect:not(.disable-global-button-styling), .rich-text-button.button-gradient-effect:not(.disable-global-button-styling){ background: linear-gradient(to top, #0d1823, #0f2945) !important; background-color: var(--global-button-bg-color, #EF4A65) !important; transition: all 0.3s ease !important; position: relative; overflow: hidden; } .button-gradient-effect:not(.disable-global-button-styling):hover, .button.button-gradient-effect:not(.disable-global-button-styling):hover, .btn.button-gradient-effect:not(.disable-global-button-styling):hover, [id*="__sl_st11_"] button[type="submit"].button-gradient-effect:not(.disable-global-button-styling):hover, [id*="__sl_st11_"] input[type="submit"].button-gradient-effect:not(.disable-global-button-styling):hover, .product-form__submit.button-gradient-effect:not(.disable-global-button-styling):hover, .shop-add-to-cart-button.button-gradient-effect:not(.disable-global-button-styling):hover, .cart__checkout-button.button-gradient-effect:not(.disable-global-button-styling):hover, .contact-button.button-gradient-effect:not(.disable-global-button-styling):hover, .contact__button.button-gradient-effect:not(.disable-global-button-styling):hover, .button--primary.button-gradient-effect:not(.disable-global-button-styling):hover, .claim-button.button-gradient-effect:not(.disable-global-button-styling):hover, .newsletter-form__button.button-gradient-effect:not(.disable-global-button-styling):hover, .field__button.button-gradient-effect:not(.disable-global-button-styling):hover, .theme-button.button-gradient-effect:not(.disable-global-button-styling):hover, .guarantee-section__cta.button-gradient-effect:not(.disable-global-button-styling):hover, .custom-hero__button.button-gradient-effect:not(.disable-global-button-styling):hover, .rich-text-button.button-gradient-effect:not(.disable-global-button-styling):hover{ background: linear-gradient(to top, #0f2945, #495d73) !important; background-color: var(--global-button-hover-bg-color, #D63953) !important; } .button-gradient-effect.gradient-shine-enabled:not(.disable-global-button-styling)::before{ content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100% ); transition: left 0.5s ease; pointer-events: none; } .button-gradient-effect.gradient-shine-enabled:not(.disable-global-button-styling):hover::before{ left: 100%; } /* * Cart remove buttons must NEVER inherit any enhanced effects * These overrides have maximum specificity to ensure they work * even if classes like button-box-shadow, button-gradient-effect are applied */ .cart-remove-button, .button--tertiary.cart-remove-button, [id*="__sl_st11_"] button.cart-remove-button, .cart-remove-button.button-box-shadow, .cart-remove-button.button-gradient-effect, .cart-remove-button.intensity-1, .cart-remove-button.intensity-2, .cart-remove-button.intensity-3, .cart-remove-button.intensity-4, .cart-remove-button.intensity-5, .button--tertiary.cart-remove-button.button-box-shadow, .button--tertiary.cart-remove-button.button-gradient-effect, .button--tertiary.cart-remove-button.intensity-1, .button--tertiary.cart-remove-button.intensity-2, .button--tertiary.cart-remove-button.intensity-3, .button--tertiary.cart-remove-button.intensity-4, .button--tertiary.cart-remove-button.intensity-5, [id*="__sl_st11_"] button.cart-remove-button.button-box-shadow, [id*="__sl_st11_"] button.cart-remove-button.button-gradient-effect, [id*="__sl_st11_"] button.cart-remove-button.intensity-1, [id*="__sl_st11_"] button.cart-remove-button.intensity-2, [id*="__sl_st11_"] button.cart-remove-button.intensity-3, [id*="__sl_st11_"] button.cart-remove-button.intensity-4, [id*="__sl_st11_"] button.cart-remove-button.intensity-5{ /* Reset ALL enhanced effects */ box-shadow: none !important; background: var(--button-tertiary-bg, transparent) !important; transform: none !important; position: static !important; transition: opacity 0.2s ease !important; z-index: auto !important; } .cart-remove-button:hover, .button--tertiary.cart-remove-button:hover, [id*="__sl_st11_"] button.cart-remove-button:hover, .cart-remove-button.button-box-shadow:hover, .cart-remove-button.button-gradient-effect:hover, .cart-remove-button.intensity-1:hover, .cart-remove-button.intensity-2:hover, .cart-remove-button.intensity-3:hover, .cart-remove-button.intensity-4:hover, .cart-remove-button.intensity-5:hover, .button--tertiary.cart-remove-button.button-box-shadow:hover, .button--tertiary.cart-remove-button.button-gradient-effect:hover, .button--tertiary.cart-remove-button.intensity-1:hover, .button--tertiary.cart-remove-button.intensity-2:hover, .button--tertiary.cart-remove-button.intensity-3:hover, .button--tertiary.cart-remove-button.intensity-4:hover, .button--tertiary.cart-remove-button.intensity-5:hover, [id*="__sl_st11_"] button.cart-remove-button.button-box-shadow:hover, [id*="__sl_st11_"] button.cart-remove-button.button-gradient-effect:hover, [id*="__sl_st11_"] button.cart-remove-button.intensity-1:hover, [id*="__sl_st11_"] button.cart-remove-button.intensity-2:hover, [id*="__sl_st11_"] button.cart-remove-button.intensity-3:hover, [id*="__sl_st11_"] button.cart-remove-button.intensity-4:hover, [id*="__sl_st11_"] button.cart-remove-button.intensity-5:hover{ box-shadow: none !important; transform: none !important; opacity: 0.7 !important; } .cart-remove-button:active, .button--tertiary.cart-remove-button:active, [id*="__sl_st11_"] button.cart-remove-button:active, .cart-remove-button.button-box-shadow:active, .cart-remove-button.button-gradient-effect:active, .cart-remove-button.intensity-1:active, .cart-remove-button.intensity-2:active, .cart-remove-button.intensity-3:active, .cart-remove-button.intensity-4:active, .cart-remove-button.intensity-5:active, .button--tertiary.cart-remove-button.button-box-shadow:active, .button--tertiary.cart-remove-button.button-gradient-effect:active, .button--tertiary.cart-remove-button.intensity-1:active, .button--tertiary.cart-remove-button.intensity-2:active, .button--tertiary.cart-remove-button.intensity-3:active, .button--tertiary.cart-remove-button.intensity-4:active, .button--tertiary.cart-remove-button.intensity-5:active, [id*="__sl_st11_"] button.cart-remove-button.button-box-shadow:active, [id*="__sl_st11_"] button.cart-remove-button.button-gradient-effect:active, [id*="__sl_st11_"] button.cart-remove-button.intensity-1:active, [id*="__sl_st11_"] button.cart-remove-button.intensity-2:active, [id*="__sl_st11_"] button.cart-remove-button.intensity-3:active, [id*="__sl_st11_"] button.cart-remove-button.intensity-4:active, [id*="__sl_st11_"] button.cart-remove-button.intensity-5:active{ box-shadow: none !important; transform: none !important; opacity: 0.5 !important; } .cart-remove-button::before, .button--tertiary.cart-remove-button::before, [id*="__sl_st11_"] button.cart-remove-button::before, .cart-remove-button.button-gradient-effect::before, .cart-remove-button.gradient-shine-enabled::before, .button--tertiary.cart-remove-button.button-gradient-effect::before, .button--tertiary.cart-remove-button.gradient-shine-enabled::before, [id*="__sl_st11_"] button.cart-remove-button.button-gradient-effect::before, [id*="__sl_st11_"] button.cart-remove-button.gradient-shine-enabled::before{ display: none !important; content: none !important; background: none !important; } @media screen and (max-width: 768px) { .button-box-shadow { /* Reduce transform distance on mobile for better touch experience */ transform: none !important; } .button-box-shadow:hover, .button-box-shadow:focus { transform: translateY(-1px) !important; } } @media print { .button-box-shadow { box-shadow: none !important; transform: none !important; } .button-gradient-effect::before { display: none !important; } } .disable-global-button-styling:not(.cart-discount-code-button), .disable-global-button-styling.button-box-shadow:not(.cart-discount-code-button), .disable-global-button-styling.button-gradient-effect:not(.cart-discount-code-button), .disable-global-button-styling.intensity-1:not(.cart-discount-code-button), .disable-global-button-styling.intensity-2:not(.cart-discount-code-button), .disable-global-button-styling.intensity-3:not(.cart-discount-code-button), .disable-global-button-styling.intensity-4:not(.cart-discount-code-button), .disable-global-button-styling.intensity-5:not(.cart-discount-code-button), .button.disable-global-button-styling.button-box-shadow:not(.cart-discount-code-button), .button.disable-global-button-styling.button-gradient-effect:not(.cart-discount-code-button), .btn.disable-global-button-styling.button-box-shadow:not(.cart-discount-code-button), .btn.disable-global-button-styling.button-gradient-effect:not(.cart-discount-code-button){ /* Reset all enhanced button effects */ box-shadow: none !important; background: unset !important; background-image: none !important; background-color: unset !important; transform: none !important; transition: none !important; position: static !important; z-index: auto !important; /* Keep section-specific styles (font-size, border-radius), but reset global font overrides */ font-weight: unset !important; letter-spacing: unset !important; text-transform: unset !important; /* Note: border-radius and font-size are preserved from inline styles */ } .disable-global-button-styling:hover:not(.cart-discount-code-button), .disable-global-button-styling.button-box-shadow:hover:not(.cart-discount-code-button), .disable-global-button-styling.button-gradient-effect:hover:not(.cart-discount-code-button), .disable-global-button-styling.intensity-1:hover:not(.cart-discount-code-button), .disable-global-button-styling.intensity-2:hover:not(.cart-discount-code-button), .disable-global-button-styling.intensity-3:hover:not(.cart-discount-code-button), .disable-global-button-styling.intensity-4:hover:not(.cart-discount-code-button), .disable-global-button-styling.intensity-5:hover:not(.cart-discount-code-button){ box-shadow: none !important; background: unset !important; background-image: none !important; background-color: unset !important; transform: none !important; transition: none !important; } .disable-global-button-styling:active:not(.cart-discount-code-button), .disable-global-button-styling.button-box-shadow:active:not(.cart-discount-code-button), .disable-global-button-styling.button-gradient-effect:active:not(.cart-discount-code-button){ box-shadow: none !important; background: unset !important; background-image: none !important; background-color: unset !important; transform: none !important; } .disable-global-button-styling:not(.cart-discount-code-button)::before, .disable-global-button-styling:not(.cart-discount-code-button)::after, .disable-global-button-styling.button-gradient-effect:not(.cart-discount-code-button)::before, .disable-global-button-styling.gradient-shine-enabled:not(.cart-discount-code-button)::before{ display: none !important; content: none !important; } [id*="__sl_st11_"] h1, [id*="__sl_st11_"] h2, [id*="__sl_st11_"] h3, [id*="__sl_st11_"] h4, [id*="__sl_st11_"] h5, [id*="__sl_st11_"] h6, .title, .heading, [id*="__sl_st11_"] [class*="title"], [id*="__sl_st11_"] [class*="heading"], .collection-hero__title, .main-collection-title, .page-title, .section-header__title, .section-title, .product-title, .collection-title, .blog-title, .card__heading, .headline, .subtitle, .caption-with-letter-spacing, [id*="__sl_st11_"] .h1, [id*="__sl_st11_"] .h2, [id*="__sl_st11_"] .h3, [id*="__sl_st11_"] .h4, [id*="__sl_st11_"] .h5, [id*="__sl_st11_"] .h6, .comparison-heading, .comparison-product-title, .statistics-section-title, .statistic-title, .alt-feat-section-title, .alt-feat-title, .as-seen-in-title, .custom-hero__title, .custom-main-heading, .reviews-subtitle{ color: #0f2945 !important; } .section[data-use-theme-colors="true"] .title, .section[data-use-theme-colors="true"] [class*="title"], .section[data-use-theme-colors="true"] h1, .section[data-use-theme-colors="true"] h2, .section[data-use-theme-colors="true"] h3, .section[data-use-theme-colors="true"] h4, .section[data-use-theme-colors="true"] h5, .section[data-use-theme-colors="true"] h6, .section[data-use-theme-colors="true"] .heading, div[class*="section"][data-use-theme-colors="true"] .title, div[class*="section"][data-use-theme-colors="true"] [class*="title"], div[class*="section"][data-use-theme-colors="true"] h1, div[class*="section"][data-use-theme-colors="true"] h2, div[class*="section"][data-use-theme-colors="true"] h3, div[class*="section"][data-use-theme-colors="true"] h4, div[class*="section"][data-use-theme-colors="true"] h5, div[class*="section"][data-use-theme-colors="true"] h6, div[class*="section"][data-use-theme-colors="true"] .heading, [id*="__sl_st11_"] *[data-use-theme-colors="true"] .title, [id*="__sl_st11_"] *[data-use-theme-colors="true"] [class*="title"], [id*="__sl_st11_"] *[data-use-theme-colors="true"] h1, [id*="__sl_st11_"] *[data-use-theme-colors="true"] h2, [id*="__sl_st11_"] *[data-use-theme-colors="true"] h3, [id*="__sl_st11_"] *[data-use-theme-colors="true"] h4, [id*="__sl_st11_"] *[data-use-theme-colors="true"] h5, [id*="__sl_st11_"] *[data-use-theme-colors="true"] h6, [id*="__sl_st11_"] *[data-use-theme-colors="true"] .heading{ color: #0f2945 !important; } .shop-product-title, .shop-product-section .title, .shop-product-section h1, .shop-product-section h2, .shop-product-section h3, .shop-product-section h4, .shop-product-section h5, .shop-product-section h6{ color: inherit !important; } .accent-title, [id*="__sl_st11_"] [class*="accent-title"], .accent-heading, [id*="__sl_st11_"] [class*="accent-heading"]{ color: #f8f8f8 !important; } #CartDrawer{ --global_section_background_color: #FFFFFF; --cart-drawer-primary-background-color: #ffffff; --cart-drawer-background-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 100%); --cart-drawer-primary-text-color: #121212; --cart-drawer-header-background: #f8f8f8; --cart-drawer-item-saving-color: #ff1900; --cart-drawer-item-saving-background: #ffe9e6; --cart-drawer-checkout-button-background: #000000; --cart-drawer-checkout-button-text-color: #ffffff; --cart-drawer-fs-icon-default-color: #808080; --cart-drawer-fs-icon-active-color: #000000; --cart-drawer-icons-active-bg: #000000; --cart-drawer-freq-bought-background: #EDEDED; --cart-drawer-product-bg: #ffffff; --cart-drawer-footer-bg: #f8f8f8; --cart-drawer-secondary-text: #707070; --cart-drawer-accent-color: #0d1823; --cart-drawer-divider-color: #e5e5e5; --cart-drawer-active-icon-color: #EF4A65; --cart-drawer-discount-bg-color: #000000; --cart-drawer-discount-text-color: #ffffff; --cart-drawer-discount-border-radius: 4px; --cart-drawer-discount-icon-color: #ffffff; } .free-shipping-main.first-gift{ position: absolute; margin-left: unset; margin-right: unset; left: calc(15px + ((100% - 30px) * 0 / 100) - 15px); } .free-gift-main.first-gift{ position: absolute; margin-left: unset; margin-right: unset; left: calc(15px + ((100% - 30px) * 0 / 100) - 15px); } .free-shipping-main.second-gift{ position: absolute; margin-left: unset; margin-right: unset; left: calc(100% - 38px); } .free-gift-main.second-gift{ position: absolute; margin-left: unset; margin-right: unset; left: calc(100% - 38px); } .free-product-progress-bar.has-equal-goals .free-gift-main.first-gift{ left: calc(100% - 84px); } .free-product-progress-bar.has-equal-goals .free-shipping-main.second-gift{ left: calc(100% - 40px); } .free-shipping-main svg path, .free-shipping-main svg circle{ fill: var(--cart-drawer-fs-icon-default-color); } .free-shipping-main svg, .free-shipping-main img{ width: 30px !important; height: 30px !important; background: var(--cart-drawer-progress-inactive-color) !important; /* border-radius is set in cart-drawer_pgb_style.liquid based on block settings */ padding: 4px !important; margin-bottom: 4px !important; display: block !important; } .free-gift-main svg, .free-gift-main img{ width: 30px !important; height: 30px !important; background: var(--cart-drawer-progress-inactive-color) !important; /* border-radius is set in cart-drawer_pgb_style.liquid based on block settings */ padding: 4px !important; margin-bottom: 4px !important; display: block !important; } .free-shipping-main.free-shipping-main-color svg, .free-shipping-main.free-shipping-main-color img{ background: var(--cart-drawer-progress-active-color) !important; } .free-shipping-main.free-shipping-main-color svg path, .free-shipping-main.free-shipping-main-color svg circle{ fill: var(--cart-drawer-progress-active-icon-fill-color) !important; } .free-gift-main.free-gift-main-color svg, .free-gift-main.free-gift-main-color img{ background: var(--cart-drawer-progress-active-color) !important; } .free-gift-main.free-gift-main-color svg path, .free-gift-main.free-gift-main-color svg circle{ fill: var(--cart-drawer-progress-active-icon-fill-color) !important; } .free-gift-main svg path, .free-gift-main svg circle{ /* Assuming gift icon also might have circles */ fill: var(--cart-drawer-fs-icon-default-color); } .discounts{ font-size: 1rem; display: flex letter-spacing: var(--letter-spacing-body); text-transform: uppercase; align-items: center; } /* .gb-price-drawer-saving{ background:rgb(255, 237, 237) !important; color: #FF1717 !important; } @media screen and (max-width: 749px) { cart-drawer .drawer__inner, cart-drawer.is-empty .drawer__inner, .cart-drawer .drawer__inner, .drawer.active .drawer__inner { max-width: 100% !important; width: 100% !important; border-radius: 0 !important; } } @media screen and (min-width: 750px) { cart-drawer .drawer__inner, cart-drawer.is-empty .drawer__inner, .cart-drawer .drawer__inner, .drawer.active .drawer__inner { max-width: 40rem !important; width: 40rem !important; margin-right: 0 !important; margin-left: auto !important; } } @media screen and (max-width: 749px) { .cart-drawer-payment-icons { margin-top: 4px; padding: 0; } .cart-drawer-payment-icons .payment-icons-wrapper { gap: 6px; } .cart-drawer-payment-icons .payment-icon svg { height: 19.2px; } } @media only screen and (max-width: 767px) { .cart-drawer .drawer__heading { font-size: 22px !important; } } .gb-price-drawer-saving{ background-color: var(--cart-drawer-item-saving-background) !important; color: var(--cart-drawer-item-saving-color) !important; } @keyframes spin { to { transform: rotate(360deg); } } .spin-animation{ display: none; position: absolute; height: 15px; width: 15px; border: solid; border-radius: calc(infinity * 1px); border-width: 2px; border-color: rgba(0, 0, 0, 0.3); border-top-color: #fff; animation: var(--animate-spin); } .gb-shipping-protection-button .spin-animation{ top: 6px; left: 5px; height: 15px; width: 15px; } [id*="__sl_st11_"] button.quantity__button, [id*="__sl_st11_"] button.cart-remove-button, .gb-shipping-protection-button{ position: relative; } [id*="__sl_st11_"] button.cart-remove-button{ width: 50px; } .quantity__button .spin-animation{ top: 7px; left: 4px; } .cart-item__quantity .spin-animation{ display: none; } @keyframes pulse-success { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes pulse-error { 0% { transform: scale(1); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-3px); } 100% { transform: scale(1); } } .button-spinner{ display: inline-block; width: 12px; height: 12px; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: #fff; animation: spin 0.8s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .is-loading{ opacity: 0.8 !important; } .upsell-block-description-wrapper{ width: 100%; display: block; margin-bottom: 12px; padding: 0; position: relative; z-index: 10; clear: both; overflow: visible; } .upsell-block-description{ font-size: 14px; font-weight: 500; color: #333 !important; text-align: center; display: block !important; width: 100%; margin: 0 auto; padding: 8px 16px; background-color: transparent; position: static; visibility: visible !important; opacity: 1 !important; } .upsell-product-container{ margin-bottom: 4px; padding: 2px 13px; text-align: left; font-size: 14px; letter-spacing: var(--letter-spacing-body); font-weight: var(--font-weight-semibold) !important; } @media screen and (max-width: 749px) { .upsell-block-description { padding: 8px 15px !important; } } .upsell_slider{ width: 100%; overflow-x: hidden; } .upsell_slider .dots-and-arrows{ width: 100%; overflow-x: hidden; text-align: center; } .upsell_slider .upsell_block_container{ display: flex; text-align: center; overflow-x: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .upsell_block_container::-webkit-scrollbar{ display: none; } .upsell_slider .upsell_block_container > div.upsell-product-container{ scroll-snap-align: start; flex-shrink: 0; margin-top: px; margin-bottom: px; margin-right: 0; transform-origin: center center; transform: scale(1); transition: transform 0.5s; position: relative; display: flex; justify-content: center; align-items: center; font-size: 100px; } .upsell_slider .slide_item{ display: inline-flex; margin-left: 4px; margin-right: 4px; width: 8px; height: 8px; background: #d7d7d7; border-radius: 50%; text-decoration: none; align-items: center; justify-content: center; position: relative; cursor: pointer; } .upsell_slider .slide_item.active{ background: #333; } .dots-and-arrows{ position: relative; display: inline-flex; align-items: center; justify-content: center; margin-top: 0; } .slide-arrow{ display: none; /* Hidden by default, shown on desktop */ width: 20px; height: 20px; background-color: transparent; border: none; cursor: pointer; padding: 0; margin: 0 8px; } .slide-arrow svg{ width: 10px; height: 10px; fill: rgb(155, 155, 155); transition: fill 0.2s; background-color: white; border-radius: 50px; } .slide-arrow:hover svg{ fill: #000; } @media (min-width: 768px) { .slide-arrow { display: inline-block; } } .is-empty .upsell_block_container, .is-empty .upsell-block-description, .is-empty .upsell_slider > span.slide_item, .is-empty .dots-and-arrows{ display: none !important; } @media screen and (min-width: 750px) { .announcement-bar-section-sections--27097123455340__custom_announcement_bar_cP3JgU, .announcement-bar-section-sections--27097123455340__custom_announcement_bar_cP3JgU * { font-size: 16px; } } .announcement-slider-sections--27097123455340__custom_announcement_bar_cP3JgU{ position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; box-sizing: border-box; height: 40px; } @media screen and (min-width: 750px) { .announcement-slider-sections--27097123455340__custom_announcement_bar_cP3JgU { height: 45px; } } .announcement-slider-sections--27097123455340__custom_announcement_bar_cP3JgU .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU{ position: absolute; height: 100%; } .announcement-slider-sections--27097123455340__custom_announcement_bar_cP3JgU .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU.active{ position: absolute; height: 100%; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU{ position: absolute; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; transform: translateY(100%); transition: transform 500ms ease; pointer-events: none; z-index: 1; padding: 12px 15px; box-sizing: border-box; visibility: hidden; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU.entering{ transform: translateY(100%); visibility: visible; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU.active{ position: relative; transform: translateY(0); pointer-events: auto; z-index: 3; visibility: visible; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU.exiting{ transform: translateY(-100%); z-index: 2; visibility: visible; } @media screen and (max-width: 749px) { .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU { padding: 8px 15px; } } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU[data-slide-index="0"] .announcement-highlight{ color: #ffd700 !important; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU[data-slide-index="1"] .announcement-highlight{ color: #ffd700 !important; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU[data-slide-index="2"] .announcement-highlight{ color: #ffd700 !important; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU[data-slide-index="3"] .announcement-highlight{ color: #ffd700 !important; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU[data-slide-index="4"] .announcement-highlight{ color: #ffd700 !important; } .announcement-static-sections--27097123455340__custom_announcement_bar_cP3JgU{ text-align: center; padding: 12px 15px; } @media screen and (max-width: 749px) { .announcement-static-sections--27097123455340__custom_announcement_bar_cP3JgU { padding: 8px 15px; } } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU p, .announcement-static-sections--27097123455340__custom_announcement_bar_cP3JgU p{ margin: 0; padding: 0; } .announcement-slide-content-sections--27097123455340__custom_announcement_bar_cP3JgU, .announcement-slider-sections--27097123455340__custom_announcement_bar_cP3JgU .announcement-slide-content-sections--27097123455340__custom_announcement_bar_cP3JgU, .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU .announcement-slide-content-sections--27097123455340__custom_announcement_bar_cP3JgU{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; /* Padding is now on the slide itself, not the content wrapper */ padding: 0 !important; max-width: 100%; flex-wrap: wrap; } .announcement-slide-icon-sections--27097123455340__custom_announcement_bar_cP3JgU{ flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } .announcement-slide-icon-sections--27097123455340__custom_announcement_bar_cP3JgU img{ width: 100%; height: 100%; object-fit: contain; } .announcement-slide-text-sections--27097123455340__custom_announcement_bar_cP3JgU{ display: inline; } .announcement-slide-text-sections--27097123455340__custom_announcement_bar_cP3JgU p{ display: inline; margin: 0; padding: 0; } @media screen and (max-width: 749px) { .announcement-slide-text-sections--27097123455340__custom_announcement_bar_cP3JgU, .announcement-slide-text-sections--27097123455340__custom_announcement_bar_cP3JgU p { display: block; text-align: center; word-wrap: break-word; overflow-wrap: break-word; } .announcement-slide-content-sections--27097123455340__custom_announcement_bar_cP3JgU { flex-direction: row; gap: 8px; width: 100%; } } .announcement-slide-button-sections--27097123455340__custom_announcement_bar_cP3JgU{ display: inline-block; background-color: #ffffff; color: #000000 !important; font-size: 12px !important; padding: 6px 12px; border-radius: 4px; text-decoration: none; font-weight: 600; transition: opacity 0.2s ease, background-color 0.2s ease; white-space: nowrap; letter-spacing: var(--letter-spacing-body); } .announcement-slide-button-sections--27097123455340__custom_announcement_bar_cP3JgU:hover{ opacity: 0.85; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU[data-slide-index="0"][data-custom-bg="true"]{ background-color: #000000; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU[data-slide-index="1"][data-custom-bg="true"]{ background-color: #000000; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU[data-slide-index="2"][data-custom-bg="true"]{ background-color: #000000; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU[data-slide-index="3"][data-custom-bg="true"]{ background-color: #000000; } .announcement-slide-sections--27097123455340__custom_announcement_bar_cP3JgU[data-slide-index="4"][data-custom-bg="true"]{ background-color: #000000; } .announcement-nav-sections--27097123455340__custom_announcement_bar_cP3JgU{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: transparent; border: none; cursor: pointer; padding: 8px; display: flex; align-items: center; justify-content: center; opacity: 0.7; transition: opacity 0.2s ease; } .announcement-nav-sections--27097123455340__custom_announcement_bar_cP3JgU:hover{ opacity: 1; } .announcement-nav-sections--27097123455340__custom_announcement_bar_cP3JgU svg{ width: 16px; height: 16px; fill: none; stroke: #ffffff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .announcement-nav-prev-sections--27097123455340__custom_announcement_bar_cP3JgU{ left: 10px; } .announcement-nav-next-sections--27097123455340__custom_announcement_bar_cP3JgU{ right: 10px; } @media screen and (min-width: 750px) { .announcement-nav-sections--27097123455340__custom_announcement_bar_cP3JgU { padding: 10px; } .announcement-nav-sections--27097123455340__custom_announcement_bar_cP3JgU svg { width: 18px; height: 18px; } .announcement-nav-prev-sections--27097123455340__custom_announcement_bar_cP3JgU { left: 20px; } .announcement-nav-next-sections--27097123455340__custom_announcement_bar_cP3JgU { right: 20px; } } .cart-bag-icon{ fill: none !important; height: 27px !important; width: 27px !important; stroke: rgb(var(--color-drawer-text)) !important; } .cart-bag-icon path, .cart-bag-icon line{ fill: none !important; stroke: rgb(var(--color-drawer-text)) !important; } svg.cart-bag-icon.icon, svg.cart-bag-icon.icon-cart-empty, svg.cart-bag-icon.icon-cart-empty-custom{ fill: none !important; height: 27px !important; width: 27px !important; stroke: rgb(var(--color-drawer-text)) !important; } svg.cart-bag-icon.icon path, svg.cart-bag-icon.icon-cart-empty path, svg.cart-bag-icon.icon-cart-empty-custom path, svg.cart-bag-icon.icon line, svg.cart-bag-icon.icon-cart-empty line, svg.cart-bag-icon.icon-cart-empty-custom line{ fill: none !important; stroke: rgb(var(--color-drawer-text)) !important; } .menu-drawer__account .svg-wrapper svg, .menu-drawer__account account-icon svg{ width: 40px !important; height: 40px !important; fill: currentColor !important; } .menu-drawer__account .svg-wrapper, .menu-drawer__account account-icon{ display: inline-flex !important; align-items: center !important; justify-content: center !important; } @media screen and (min-width: 750px) { .section-header { margin-bottom: 0px; } } @media screen and (min-width: 990px) { .header { padding-top: 2px; padding-bottom: 2px; } } .shop-product-section{ letter-spacing: var(--letter-spacing-body); background-color: #ffffff; color: #333030; --accent-color: #0f2945; --dot-size: 8px; --dot-color: #cccccc; --dot-active-color: #000000; --desktop-arrow-bg: #ffffff; --desktop-arrow-border: #e0e0e0; --desktop-arrow-icon: #000000; --desktop-arrow-hover-bg: #f5f5f5; --desktop-arrow-hover-border: #d0d0d0; --arrow-border-radius: 50%; --arrow-opacity: 0.9; } .shop-product-info{ gap: 0px; color: #333030; } .shop-thumbnail{ border: 1px solid #f2f2f2; } .shop-thumbnail.active{ border-color: #0f2945; } .shop-thumbnail .thumb-square{ position: relative; } .shop-thumbnail .thumbnail-video-icon{ position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); display: flex; align-items: center; justify-content: center; color: #1a1a1a; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); z-index: 3; } .shop-thumbnail .thumbnail-video-icon svg{ width: 8px; height: 8px; display: block; } .shop-indicator-dot{ background-color: ; } .shop-product-section .shop-mobile-arrows{ display: none !important; } @media screen and (max-width: 767px) { .shop-product-section .shop-mobile-arrows { display: flex !important; align-items: center; justify-content: space-between; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 5; } .shop-product-section .shop-mobile-arrow { width: 40px !important; height: 40px !important; border-radius: var(--arrow-border-radius); background-color: var(--desktop-arrow-bg); border: 1px solid var(--desktop-arrow-border); display: flex !important; align-items: center; justify-content: center; opacity: var(--arrow-opacity); pointer-events: auto; cursor: pointer; transition: all 0.2s ease; } } @media screen and (min-width: 768px) { .shop-product-section .shop-mobile-arrows { display: none !important; } } .shop-image-container.shop-square-container{ aspect-ratio: 1; } @media screen and (min-width: 768px) { .shop-thumbnail .thumb-square { padding-bottom: 100% !important; } .shop-thumbnails-wrapper.left-column-layout .shop-thumbnail { height: auto; aspect-ratio: 1 !important; } .shop-thumbnails-wrapper.left-column-layout .shop-thumbnails.mobile-2x2-grid .shop-thumbnail { height: auto; } } .shop-thumbnail{ height: auto; } @media screen and (max-width: 767px) { /* When arrows are overlaid, add padding to avoid overlap */ .shop-thumbnails.mobile-2x2-grid { box-sizing: border-box !important; display: flex !important; position: relative !important; transition-property: transform !important; width: 100% !important; z-index: 1 !important; height: auto !important; justify-content: flex-start !important; align-items: flex-start !important; padding: 0 40px !important; margin: 5px 0px 0px !important; gap: 0 !important; } /* When arrows are NOT overlaid (arrows off), remove padding */ .shop-product-section[data-show-mobile-arrows="false"] .shop-thumbnails.mobile-2x2-grid { padding: 0 !important; } /* Full width image + 4 thumbnails specific spacing */ .shop-product-section[data-full-width-image="true"] .shop-thumbnails.mobile-2x2-grid { margin: 5px 0px 0px !important; } .shop-thumbnails.mobile-2x2-grid .shop-thumbnail { flex: 0 0 calc(25% - 3px) !important; width: calc(25% - 3px) !important; max-width: calc(25% - 3px) !important; box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; height: auto !important; position: relative !important; border-radius: 4px !important; overflow: hidden !important; } .shop-thumbnails.mobile-2x2-grid .shop-thumbnail:not(:last-child) { margin-right: 4px !important; } .shop-thumbnails.mobile-2x2-grid .thumb-square { width: 100%; height: 0; padding-bottom: 100%; position: relative; box-sizing: border-box; overflow: hidden; border-radius: 4px; background: #f8f8f8; z-index: 2 !important; } .shop-thumbnails.mobile-2x2-grid .thumb-square img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 4px; } } .shop-indicator-dot.active{ background-color: ; } .shop-product-title{ color: ; } .shop-product-price{ color: !important; } .shop-compare-price{ color: !important; } .shop-save-price{ background-color: !important; color: !important; } .shop-product-description{ color: ; } .shop-read-more, .shop-read-less{ color: #0f2945; } .shop-custom-content{ color: ; } .shop-add-to-cart-button{ background-color: !important; color: !important; border: 2px solid !important; } .shop-product-section .shop-add-to-cart-button, .shop-add-to-cart-wrapper .shop-add-to-cart-button, form .shop-add-to-cart-button, .shop-product-details .shop-add-to-cart-button{ transition: background-color 0.3s ease !important; /* Use Section/Block Custom Colors and Sizing */ padding: 12px 20px !important; font-size: 20px !important; /* Always use global letter spacing and font weight for consistency */ letter-spacing: var(--global-button-letter-spacing, 1px) !important; font-weight: var(--global-button-font-weight, 700) !important; border-color: #1a5fc8 !important;background-color: var(--button-bg-color, #2bb2fd) !important; color: #ffffff !important; border-radius: 10px !important; } :is(.shop-product-section, .shop-add-to-cart-wrapper, form) .shop-add-to-cart-button :is(.button-text, .compare-price){ /* Use Custom Button Text Sizing */ font-size: 20px !important; font-weight: var(--global-button-font-weight, 700) !important; letter-spacing: var(--global-button-letter-spacing, 1px) !important; text-transform: var(--global-button-text-transform, none) ; } .shop-product-section .shop-add-to-cart-button:hover, .shop-add-to-cart-wrapper .shop-add-to-cart-button:hover, form .shop-add-to-cart-button:hover, .shop-product-details .shop-add-to-cart-button:hover{ /* Custom Section Hover State - Use CSS variable already defined in inline style */ background-color: var(--button-hover-color, #D63953) !important; } .shop-product-section shopify-payment-button, .shop-product-section .shopify-payment-button{ margin-top: 5px !important; } .shop-product-section .shopify-payment-button__button, .shop-product-section .shopify-payment-button__button--unbranded{ padding-top: var(--global-button-padding-y, 12px) !important; padding-bottom: var(--global-button-padding-y, 12px) !important; } @media (min-width: 768px) { .shop-carousel-container { max-width: %; } } @media (max-width: 799px) { .shop-product-info { gap: 2px; } } @media (max-width: 767px) { .shop-product-info { gap: 2px; } } .shop-main-image, .shop-main-image img, .shop-image-zoom-wrapper, .shop-video{ border-radius: 0px !important; } .shop-thumbnail, .shop-thumbnail img, .shop-thumbnail .thumb-square{ border-radius: 0px !important; } .shop-carousel-container{ padding-left: 0 !important; padding-right: 0 !important; } .shop-product-carousel{ padding-left: 0 !important; padding-right: 0 !important; } .shop-product-section.shop-product-section{ padding: 10px 2px !important; } .shop-product-info{ padding-left: 12px !important; padding-right: 12px !important; } @media (max-width: 767px) { .shop-carousel-container { padding-left: 0 !important; padding-right: 0 !important; } .shop-product-section.shop-product-section { padding: 10px 2px !important; } .shop-product-info { padding-left: 12px !important; padding-right: 12px !important; } } .shop-main-image-wrapper{ display: grid; grid-template-columns: 25% 1fr; /* Benefits left + image right */ gap: 3px; align-items: stretch; } .shop-main-benefits.benefits-left{ order: 1; } .shop-image-container{ order: 2; } .shop-main-benefits{ display: flex; flex-direction: column; justify-content: space-between; gap: 3px; height: 100%; align-self: stretch; } @media screen and (max-width: 768px) { .shop-main-image-wrapper { display: grid !important; grid-template-columns: 25% 1fr; gap: 3px; padding: 0 0px; align-items: stretch; } .shop-main-benefits { height: 100%; min-height: 100%; } .shop-image-container { height: 100%; min-height: 100%; } } .shop-benefit-item{ background: #006eac; border-radius: 10px; flex: 1 1 0; min-height: 0; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transition: all 0.3s ease; border: solid 0px ; } @media screen and (max-width: 768px) { .shop-benefit-item { padding: 0px; } } .shop-benefit-item svg{ width: 78px; height: 78px; max-width: 100%; max-height: 100%; object-fit: contain; shape-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media screen and (max-width: 768px) { .shop-benefit-item svg { width: 40px; height: 40px; } } .benefit-icon{ font-size: 78px; margin-bottom: 8px; } @media screen and (max-width: 768px) { .benefit-icon { font-size: 40px; } } .benefit-text{ font-size: 14px; line-height: 1.4; font-weight: 500; color: #ffffff; } @media screen and (max-width: 768px) { .benefit-text { font-size: 12px; line-height: 1.3; } } .benefit-image{ width: 78px; height: 78px; max-width: 100%; max-height: 100%; object-fit: contain; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media screen and (max-width: 768px) { .benefit-image { width: 40px; height: 40px; } } .page-fade-in{ opacity: 0; transform: translateY(20px); animation: fadeInUp 0.6s ease-out forwards; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } #block-reviews_AtLqzk .review-star-wrapper{ flex-shrink: 0; margin-right: 2px; } #block-reviews_AtLqzk .review-star-wrapper:last-child{ margin-right: 0; } #block-reviews_AtLqzk .review-star, #block-reviews_AtLqzk .review-star-filled, #block-reviews_AtLqzk .review-star-empty{ width: 20px !important; height: 20px !important; } @media screen and (max-width: 768px) { #block-reviews_AtLqzk .rating-text-content { font-size: 12px !important; } #block-reviews_AtLqzk .rating-satisfaction { font-size: 11px !important; } } #block-reviews_AtLqzk .rating-text-content p{ margin: 0; display: inline; line-height: inherit; } #block-reviews_AtLqzk .rating-text-content strong{ font-weight: 600; } #block-reviews_AtLqzk .rating-text-content em{ font-style: normal; color: rgba(0, 0, 0, 0.7); } #block-reviews_AtLqzk .rating-text-content *{ display: inline; margin: 0; padding: 0; } .product-bullet-list{ width: 100%; font-family: var(--font-body-family-override, sans-serif); letter-spacing: var(--letter-spacing-body); } .product-bullet-items{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; } .product-bullet-items.layout-horizontal{ flex-direction: row; flex-wrap: wrap; align-items: flex-start; } .product-bullet-item{ display: inline-flex; align-items: center; width: fit-content; max-width: 100%; } .layout-horizontal .product-bullet-item{ flex: 0 0 auto; } .product-bullet-item.has-bg{ padding: 5px 8px; } .product-bullet-icon{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .product-bullet-text{ line-height: 1.4; } .product-bullet-icon svg{ width: 20px; height: 20px; } #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg, #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg *, #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg path, #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg circle, #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg rect, #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg polygon, #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg polyline, #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg line, #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg ellipse, #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg g, #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg g *{ fill: #1c274c !important; color: #1c274c !important; } #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg path[fill="none"], #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg circle[fill="none"], #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg rect[fill="none"], #product-bullet-list-bullet_list_XGVkDN .product-bullet-icon svg ellipse[fill="none"]{ fill: none !important; stroke: #1c274c !important; } @media screen and (max-width: 767px) { .product-bullet-text { font-size: calc(17px * 0.9) !important; } .product-bullet-icon svg { width: calc(20px * 0.9); height: calc(20px * 0.9); } /* Stack horizontally laid out items vertically on mobile */ .product-bullet-items.layout-horizontal { flex-direction: row; } } .shop-add-to-cart-button .button-text{ text-transform: none !important; } #product-form-template--27097554157932__shop_product_details_JbqzwH, .form{ width: 100% !important; display: block; } .shop-add-to-cart-button .path{ stroke: #ffffff; } #block-add_to_cart_7nhY9K.guarantee-badges-container{ display: flex; justify-content: flex-start; align-items: center; gap: 6px; margin-top: -5px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; font-size: 11px; letter-spacing: var(--letter-spacing-body); color: #000000 !important; width: 100%; flex-direction: row; flex-wrap: wrap; } #block-add_to_cart_7nhY9K .guarantee-blinking-dot{ width: 8px; height: 8px; border-radius: 50%; display: inline-block; vertical-align: middle; position: relative; flex-shrink: 0; margin-bottom: 1px; } #block-add_to_cart_7nhY9K .guarantee-blinking-dot-1{ background-color: #4CAF50; animation: guarantee-blink-1 1s infinite linear; } #block-add_to_cart_7nhY9K .guarantee-blinking-dot-1::after{ content: ""; width: 8px; height: 8px; background-color: #4CAF50; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: -1; animation: guarantee-pulse-1 1s infinite cubic-bezier(0.165, 0.84, 0.44, 1); } #block-add_to_cart_7nhY9K .guarantee-blinking-dot-2{ background-color: #4CAF50; animation: guarantee-blink-2 1s infinite linear; } #block-add_to_cart_7nhY9K .guarantee-blinking-dot-2::after{ content: ""; width: 8px; height: 8px; background-color: #4CAF50; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: -1; animation: guarantee-pulse-2 1s infinite cubic-bezier(0.165, 0.84, 0.44, 1); } @keyframes guarantee-blink-1 { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } @keyframes guarantee-pulse-1 { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(2.2); opacity: 0; } } @keyframes guarantee-blink-2 { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } @keyframes guarantee-pulse-2 { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(2.2); opacity: 0; } } #block-add_to_cart_7nhY9K .guarantee-item{ display: flex; align-items: center; gap: 4px; flex-shrink: 0; min-width: 0; } #block-add_to_cart_7nhY9K .guarantee-icon{ width: 20px; height: 20px; display: block; flex-shrink: 0; stroke: #00C7FF !important; color: #00C7FF !important; margin-bottom: 1px; } #block-add_to_cart_7nhY9K .guarantee-icon svg{ width: 100%; height: 100%; display: block; } #block-add_to_cart_7nhY9K .guarantee-custom-icon{ width: 20px; height: 20px; margin-bottom: 1px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #block-add_to_cart_7nhY9K .guarantee-custom-icon svg{ width: 100% !important; height: 100% !important; max-width: 20px !important; max-height: 20px !important; fill: #00C7FF !important; stroke: #00C7FF !important; } #block-add_to_cart_7nhY9K .guarantee-custom-icon img{ width: 100% !important; height: 100% !important; max-width: 20px !important; max-height: 20px !important; object-fit: contain !important; } #block-add_to_cart_7nhY9K .guarantee-text{ font-weight: 500; letter-spacing: var(--letter-spacing-body); word-wrap: break-word; hyphens: auto; color: #000000 !important; } @media (max-width: 480px) { #block-add_to_cart_7nhY9K.guarantee-badges-container { flex-direction: row; justify-content: flex-start; margin-top: -5px; flex-wrap: wrap; } #block-add_to_cart_7nhY9K .guarantee-item { flex-wrap: wrap; justify-content: center; } } #payment-icons-payment_icons_mUTLJB.payment-icons-container{ width: 100%; margin-top: 10px; margin-bottom: 0px; margin-left: 0; margin-right: 0; padding: 0; } #payment-icons-payment_icons_mUTLJB .payment-icons-wrapper{ margin: 0 auto; gap: 12px !important; } #payment-icons-payment_icons_mUTLJB .payment-icon{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; opacity: 1 !important; visibility: visible !important; height: 28px !important; } #payment-icons-payment_icons_mUTLJB .payment-icon svg{ max-height: 100%; width: auto; min-width: 30px; display: block; opacity: 1 !important; visibility: visible !important; height: 28px !important; } @media screen and (max-width: 749px) { #payment-icons-payment_icons_mUTLJB .payment-icons-wrapper { gap: 6px !important; } #payment-icons-payment_icons_mUTLJB .payment-icon { height: 22.4px !important; } #payment-icons-payment_icons_mUTLJB .payment-icon svg { height: 22.4px !important; } } #block-guarantee_badges_HAWQYD.guarantee-badges-container{ display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 5px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; font-size: 12px; letter-spacing: var(--letter-spacing-body); color: #0f2945 !important; width: 100%; flex-direction: row; flex-wrap: wrap; } #block-guarantee_badges_HAWQYD .guarantee-blinking-dot{ width: 8px; height: 8px; border-radius: 50%; display: inline-block; vertical-align: middle; position: relative; flex-shrink: 0; margin-bottom: 1px; } #block-guarantee_badges_HAWQYD .guarantee-blinking-dot-1{ background-color: #4caf50; animation: guarantee-blink-1 1s infinite linear; } #block-guarantee_badges_HAWQYD .guarantee-blinking-dot-1::after{ content: ""; width: 8px; height: 8px; background-color: #4caf50; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: -1; animation: guarantee-pulse-1 1s infinite cubic-bezier(0.165, 0.84, 0.44, 1); } #block-guarantee_badges_HAWQYD .guarantee-blinking-dot-2{ background-color: #4caf50; animation: guarantee-blink-2 1s infinite linear; } #block-guarantee_badges_HAWQYD .guarantee-blinking-dot-2::after{ content: ""; width: 8px; height: 8px; background-color: #4caf50; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: -1; animation: guarantee-pulse-2 1s infinite cubic-bezier(0.165, 0.84, 0.44, 1); } @keyframes guarantee-blink-1 { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } @keyframes guarantee-pulse-1 { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(2.2); opacity: 0; } } @keyframes guarantee-blink-2 { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } @keyframes guarantee-pulse-2 { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(2.2); opacity: 0; } } #block-guarantee_badges_HAWQYD .guarantee-item{ display: flex; align-items: center; gap: 4px; flex-shrink: 0; min-width: 0; } #block-guarantee_badges_HAWQYD .guarantee-icon{ width: 16px; height: 16px; display: block; flex-shrink: 0; stroke: #0f2945 !important; color: #0f2945 !important; margin-bottom: 1px; } #block-guarantee_badges_HAWQYD .guarantee-icon svg{ width: 100%; height: 100%; display: block; } #block-guarantee_badges_HAWQYD .guarantee-custom-icon{ width: 16px; height: 16px; margin-bottom: 1px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #block-guarantee_badges_HAWQYD .guarantee-custom-icon svg{ width: 100% !important; height: 100% !important; max-width: 16px !important; max-height: 16px !important; fill: #0f2945 !important; stroke: #0f2945 !important; } #block-guarantee_badges_HAWQYD .guarantee-custom-icon img{ width: 100% !important; height: 100% !important; max-width: 16px !important; max-height: 16px !important; object-fit: contain !important; } #block-guarantee_badges_HAWQYD .guarantee-text{ font-weight: 500; letter-spacing: var(--letter-spacing-body); word-wrap: break-word; hyphens: auto; color: #0f2945 !important; } @media (max-width: 480px) { #block-guarantee_badges_HAWQYD.guarantee-badges-container { flex-direction: row; justify-content: center; margin-top: 5px; flex-wrap: wrap; } #block-guarantee_badges_HAWQYD .guarantee-item { flex-wrap: wrap; justify-content: center; } } .guarantee-container-money_back_guarantee_bXMqfA{ display: flex; align-items: center; width: 100%; font-family: sans-serif; } .guarantee-container-money_back_guarantee_bXMqfA .badge-container{ position: relative; margin-right: 12px; } .guarantee-container-money_back_guarantee_bXMqfA .badge-circle{ border-radius: 50%; display: flex; justify-content: center; align-items: center; } .guarantee-container-money_back_guarantee_bXMqfA .badge-icon{ object-fit: contain; } .guarantee-container-money_back_guarantee_bXMqfA .guarantee-text{ font-size: 0; /* Base for inline spans */ } .guarantee-container-money_back_guarantee_bXMqfA .guarantee-text p{ margin: 0; } .guarantee-container-money_back_guarantee_bXMqfA .guarantee-text-small{ font-size: 13px !important; letter-spacing: var(--letter-spacing-body); line-height: 1.3; font-weight: var(--font-weight-bold); display: inline; } .guarantee-container-money_back_guarantee_bXMqfA .guarantee-text-large{ font-size: 13px !important; letter-spacing: var(--letter-spacing-body); line-height: 1.3; display: inline; } @media (max-width: 480px) { .guarantee-container-money_back_guarantee_bXMqfA { padding: 12px; } .guarantee-container-money_back_guarantee_bXMqfA .badge-container { margin-right: 10px; min-width: 40px; } .guarantee-container-money_back_guarantee_bXMqfA .badge-circle { width: 38px; height: 38px; } .guarantee-container-money_back_guarantee_bXMqfA .badge-icon { width: 25px !important; /* Use important to override width attribute */ height: 25px !important; } .guarantee-container-money_back_guarantee_bXMqfA .guarantee-text-small { font-size: 12px; /* Slightly smaller on mobile */ line-height: 1.3; } .guarantee-container-money_back_guarantee_bXMqfA .guarantee-text-large { font-size: 12px; /* Slightly smaller on mobile */ line-height: 1.3; } } .product-tabs-product_tabs_4ewRKL{ width:100%; } .product-tabs-product_tabs_4ewRKL h2, .product-tabs-product_tabs_4ewRKL .product-tabs-main-heading, .product-tabs-product_tabs_4ewRKL h2.product-tabs-main-heading{ color: #1a5fc8 !important; font-size: 24px !important; font-weight: 700 !important; margin-bottom:25px; letter-spacing: var(--letter-spacing-body); } .product-tabs-product_tabs_4ewRKL .product-tabs-nav{ display: flex; width: 100%; border: 1px solid #e5e5e5; border-bottom: none; border-radius: 8px 8px 0 0; overflow: hidden; background-color: #f5f5f5; position: relative; } .product-tabs-product_tabs_4ewRKL .product-tab-btn{ padding: 0; border: none; cursor: pointer; font-weight: 500; border-bottom: 1px solid #e5e5e5; flex: 1 1 0%; min-width: 0; height: 46.2px; background-color: #f5f5f5; letter-spacing: var(--letter-spacing-body); color: #666666; border-radius: 0; position: relative; } .product-tabs-product_tabs_4ewRKL .product-tab-btn::after{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 16.8px; width: 1px; background-color: #e5e5e5; } .product-tabs-product_tabs_4ewRKL .product-tab-btn:last-child::after{ display: none; } .product-tabs-product_tabs_4ewRKL .product-tab-btn.active::after{ display: none; } .product-tabs-product_tabs_4ewRKL .product-tab-btn:has(+ .product-tab-btn.active)::after{ display: none; } .product-tabs-product_tabs_4ewRKL .product-tab-btn span{ line-height: 1.1; padding: 0 15px; display: flex; height: 28px; align-items: center; justify-content: center; color: #666666; font-size: 14px; letter-spacing: var(--letter-spacing-body); } .product-tabs-product_tabs_4ewRKL .product-tab-btn.active{ color: #ffffff !important; background-color: #000000 !important; border: 1px solid #e5e5e5; border-bottom: none; margin-top: -0.8px; margin-bottom: -1px; border-radius: 8px 8px 0 0 !important; font-weight: 700; position: relative; z-index: 2; width: calc(25% + 2px); margin-left: 0px; margin-right: 0px; height: 47px; } .product-tabs-product_tabs_4ewRKL .product-tab-btn:first-child.active{ border-left: none !important; border-radius: 0 8px 0 0 !important; } .product-tabs-product_tabs_4ewRKL .product-tab-btn:last-child.active{ border-right: none !important; border-radius: 8px 0 0 0 !important; } .product-tabs-product_tabs_4ewRKL .product-tab-btn.active span{ border-right: none; color: #ffffff !important; } .product-tabs-product_tabs_4ewRKL .product-tabs-content{ position: relative; } .product-tabs-product_tabs_4ewRKL .product-tab-panel{ border: 1px solid #e5e5e5; border-radius: 0 0 8px 8px; display: none; border-top:none; padding: 2rem; } .product-tabs-product_tabs_4ewRKL .product-tab-panel.active{ display: block; animation: fadeIn 0.3s ease; } .product-tabs-product_tabs_4ewRKL .tab-content-text{ line-height: 1.6; } .product-tabs-product_tabs_4ewRKL .tab1-star-rating{ display: flex; align-items: center; gap: 0px; animation: fadeInUp .6s ease-out forwards; animation-delay: calc(.1s * var(--index, 0)); } .product-tabs-product_tabs_4ewRKL .star-icon{ flex-shrink: 0; display: inline-block; vertical-align: middle; } .product-tabs-product_tabs_4ewRKL .star-icon path{ transition: fill 0.2s ease; } .product-tabs-product_tabs_4ewRKL .tab-quote{ margin: 0 0 1.5rem 0; padding: 0; line-height: 1.6; font-weight: 400; font-style: normal; animation: fadeInUp .6s ease-out forwards; animation-delay: calc(.1s * var(--index, 0)); letter-spacing: var(--letter-spacing-body); } .product-tabs-product_tabs_4ewRKL .tab-author{ display: flex; align-items: center; gap: 1.5rem; animation: fadeInUp .6s ease-out forwards; animation-delay: calc(.1s * var(--index, 0)); } .product-tabs-product_tabs_4ewRKL .author-image{ width: 60px; height: 60px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #f5f8ff; } .product-tabs-product_tabs_4ewRKL .author-info{ display: flex; flex-direction: column; gap: 0.25rem; } .product-tabs-product_tabs_4ewRKL .author-name-date-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; } .product-tabs-product_tabs_4ewRKL .author-name{ color: #333333; font-size: 14px; font-weight: 600 !important; line-height: 1.3; letter-spacing: var(--letter-spacing-body); } .product-tabs-product_tabs_4ewRKL .author-date{ color: #333333; font-size: 12px; line-height: 1.3; opacity: 0.7; letter-spacing: var(--letter-spacing-body); } .product-tabs-product_tabs_4ewRKL .author-name p, .product-tabs-product_tabs_4ewRKL .author-date p{ margin: 0; padding: 0; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; display: inline; } .product-tabs-product_tabs_4ewRKL .author-name strong, .product-tabs-product_tabs_4ewRKL .author-name b, .product-tabs-product_tabs_4ewRKL .author-date strong, .product-tabs-product_tabs_4ewRKL .author-date b{ font-weight: 700 !important; } .product-tabs-product_tabs_4ewRKL .author-name em, .product-tabs-product_tabs_4ewRKL .author-name i, .product-tabs-product_tabs_4ewRKL .author-date em, .product-tabs-product_tabs_4ewRKL .author-date i{ font-style: italic; } .product-tabs-product_tabs_4ewRKL .author-name a, .product-tabs-product_tabs_4ewRKL .author-date a{ color: inherit; text-decoration: underline; } .product-tabs-product_tabs_4ewRKL .author-title{ display: inline-block; width: fit-content; color: #666666 !important; font-size: 10px !important; line-height: 1.4; letter-spacing: var(--letter-spacing-body); margin: 0; padding: 4px 0px; border-radius: 4px; background-color: rgba(0,0,0,0); } .product-tabs-product_tabs_4ewRKL .author-title p{ margin: 0; padding: 0; color: inherit !important; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .product-tabs-product_tabs_4ewRKL .author-title strong, .product-tabs-product_tabs_4ewRKL .author-title b{ font-weight: 700 !important; color: inherit !important; } .product-tabs-product_tabs_4ewRKL .author-title em, .product-tabs-product_tabs_4ewRKL .author-title i{ font-style: italic; color: inherit !important; } .product-tabs-product_tabs_4ewRKL .author-title a{ color: inherit !important; text-decoration: underline; } .product-tabs-product_tabs_4ewRKL .comparison-table{ display: flex; flex-direction: column; } .product-tabs-product_tabs_4ewRKL .comparison-header-row{ display: grid; grid-template-columns: 1fr 64px 64px; align-items: center; padding: 0; gap: 1rem; height:100%; border-bottom: 1px solid #e5e5e5; animation: fadeInUp .6s ease-out forwards; animation-delay: calc(.1s * var(--index, 0)); } .product-tabs-product_tabs_4ewRKL .comparison-col-brand, .product-tabs-product_tabs_4ewRKL .comparison-col-others{ display: flex; justify-content: center; align-items: center; } .product-tabs-product_tabs_4ewRKL .comparison-col-brand{ background: #1a5fc812; height: 100%; } .product-tabs-product_tabs_4ewRKL .brand-logo{ max-width: 60px; max-height: 40px; width:100%; object-fit: contain; } .product-tabs-product_tabs_4ewRKL .comparison-row{ display: grid; grid-template-columns: 1fr 64px 64px; align-items: center; padding: 0; border-bottom: 1px solid #e5e5e5c4; gap: 1rem; animation: fadeInUp .6s ease-out forwards; animation-delay: calc(.1s * var(--index, 0)); } .product-tabs-product_tabs_4ewRKL .comparison-col-name{ display: flex; align-items: center; gap: 1rem; } .product-tabs-product_tabs_4ewRKL .comparison-text{ flex: 1; margin:7px 0; } .product-tabs-product_tabs_4ewRKL .comparison-item-name{ margin-bottom: 0.25rem; line-height: 1.3; letter-spacing: var(--letter-spacing-body); } .product-tabs-product_tabs_4ewRKL .comparison-description{ line-height: 1.2; opacity: 0.85; letter-spacing: var(--letter-spacing-body); } .product-tabs-product_tabs_4ewRKL .check-icon, .product-tabs-product_tabs_4ewRKL .x-icon{ display: block; width:20px; height:20px; } .product-tabs-product_tabs_4ewRKL .directions-table{ display: flex; flex-direction: column; } .product-tabs-product_tabs_4ewRKL .directions-header-row{ display: grid; grid-template-columns: 1fr 200px; padding: 1rem; background-color: #f8f9fa !important; border-bottom: 1px solid #e5e5e5; gap: 2rem; animation: fadeInUp .6s ease-out forwards; animation-delay: calc(.1s * var(--index, 0)); font-weight:700 !important; } .product-tabs-product_tabs_4ewRKL .directions-row{ display: grid; grid-template-columns: auto 1fr 200px; padding: 1rem 0; border-bottom: 1px solid #e5e5e5; background-color: #ffffff; gap: 1.5rem; align-items: center; animation: fadeInUp .6s ease-out forwards; animation-delay: calc(.1s * var(--index, 0)); } .product-tabs-product_tabs_4ewRKL .directions-col-image{ display: flex; align-items: center; justify-content: center; } .product-tabs-product_tabs_4ewRKL .directions-image{ display: block; } .product-tabs-product_tabs_4ewRKL .directions-label{ margin-bottom: 0.25rem; line-height: 1.3; letter-spacing: var(--letter-spacing-body); } .product-tabs-product_tabs_4ewRKL .directions-sublabel{ line-height: 1.4; opacity: 0.85; letter-spacing: var(--letter-spacing-body); } .product-tabs-product_tabs_4ewRKL .disclaimer-content p{ margin: 0; padding: 0; } .product-tabs-product_tabs_4ewRKL .disclaimer-content a{ color: inherit; text-decoration: underline; } .product-tabs-product_tabs_4ewRKL .disclaimer-content strong, .product-tabs-product_tabs_4ewRKL .disclaimer-content b{ font-weight: 700; } .product-tabs-product_tabs_4ewRKL .disclaimer-content em, .product-tabs-product_tabs_4ewRKL .disclaimer-content i{ font-style: italic; } .product-tabs-product_tabs_4ewRKL .directions-col-dosage{ display: flex; align-items: center; } .product-tabs-product_tabs_4ewRKL .tab4-heading{ line-height: 1.3; animation: fadeInUp .6s ease-out forwards; animation-delay: calc(.1s * var(--index, 0)); letter-spacing: var(--letter-spacing-body); } .product-tabs-product_tabs_4ewRKL .benefits-list{ display: flex; flex-direction: column; gap: 1.5rem; } .product-tabs-product_tabs_4ewRKL .benefit-item{ display: flex; align-items: flex-start; gap: 1rem; width: 100%; max-width: 100%; min-height: auto; flex-direction: row; animation: fadeInUp .6s ease-out forwards; animation-delay: calc(.1s * var(--index, 0)); } .product-tabs-product_tabs_4ewRKL .benefit-check-icon{ flex-shrink: 0; } .product-tabs-product_tabs_4ewRKL .benefit-custom-icon{ flex-shrink: 0; display: block; } .product-tabs-product_tabs_4ewRKL .benefit-item span{ border-bottom: 1px solid #e5e5e5db; padding-bottom: 12px; line-height: 1; width: 100%; text-align: left; letter-spacing: var(--letter-spacing-body); } @media screen and (max-width: 749px) { .product-tabs-product_tabs_4ewRKL .product-tab-btn span { font-size: 12.6px; padding: 0 10px; width: 100%; display: flex; justify-content: center; } .product-tabs-product_tabs_4ewRKL .product-tab-panel { padding: 1.5rem; } .product-tabs-product_tabs_4ewRKL .tab-quote { font-size: 15px !important; font-style: normal; } .product-tabs-product_tabs_4ewRKL .author-image { width: 50px; height: 50px; } .product-tabs-product_tabs_4ewRKL .comparison-header-row, .product-tabs-product_tabs_4ewRKL .comparison-row { grid-template-columns: 64% 18% 18%; gap: 0.5rem; } .product-tabs-product_tabs_4ewRKL .comparison-header-row { font-size: 12px; grid-template-columns: 64% 18% 18%; } .product-tabs-product_tabs_4ewRKL .comparison-row { grid-template-columns: 64% 18% 18%; } .product-tabs-product_tabs_4ewRKL .comparison-col-name { gap: 0.75rem; } .product-tabs-product_tabs_4ewRKL .brand-logo { max-width: 50px; max-height: 30px; } .product-tabs-product_tabs_4ewRKL .check-icon, .product-tabs-product_tabs_4ewRKL .x-icon { width: 20px; height: 20px; } .product-tabs-product_tabs_4ewRKL .directions-header-row { grid-template-columns: 1fr 120px; gap: 1rem; } .product-tabs-product_tabs_4ewRKL .directions-row { grid-template-columns: auto 1fr 120px; gap: 1rem; } .product-tabs-product_tabs_4ewRKL .directions-image { width: 50px; height: 50px; } .product-tabs-product_tabs_4ewRKL .directions-header-row { padding: 0.75rem; } .product-tabs-product_tabs_4ewRKL .directions-row { padding: 1rem 0; } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .new-product-faq{ width: 100%; margin: 0px auto 10px; font-size: 95%; } .new-faq-container{ border-radius: 10px; overflow: hidden; border: 1px solid #e5e5e5; background-color: transparent; } .new-faq-container.border-bottom-only{ border: none; } .new-faq-container.border-bottom-only .faq-question{ padding-right: 0; padding-left: 0; } .new-faq-container.border-bottom-only .faq-answer{ padding-right: 0; padding-left: 0; } .faq-item{ border-bottom: 1px solid #e5e5e5; padding: 0; } .faq-item:last-child{ border-bottom: none; } .faq-question{ display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 8px 16px; cursor: pointer; font-weight: var(--font-weight-regular); position: relative; color: #000000; background-color: #ffffff; font-size: 16px; line-height: 1.3; border: none; outline: none; transition: background-color 0.3s, color 0.3s; text-align: left; border-radius: 10px !important; } .faq-question-image, .faq-question-svg{ margin-right: 12px; flex-shrink: 0; width: 40px; height: 40px; border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .faq-question-image img{ width: 100%; height: 100%; object-fit: contain; } .faq-question-svg svg{ width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: block; } .faq-question-svg{ background-color: transparent; } .faq-question-text{ flex: 1; } .faq-toggle{ display: flex; align-items: center; justify-content: center; font-size: 18px; margin-left: 10px; transition: transform 0.4s cubic-bezier(.4,0,.2,1); color: #0f2945; width: 18px; height: 18px; flex-shrink: 0; } .faq-toggle svg, .faq-toggle img{ width: 100%; height: 100%; display: block; } .faq-toggle img{ object-fit: contain; } .faq-toggle--custom{ transform: none; } .faq-item.active .faq-toggle{ transform: rotate(45deg); } .faq-item.active .faq-toggle--custom{ transform: none; } .faq-answer{ padding: 0 16px 0 0; max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(.4,0,.2,1), padding 0.3s; color: #000000; background-color: #ffffff; font-size: 14px; line-height: 1.4; opacity: 0; will-change: max-height, opacity; } .faq-item.active .faq-answer{ opacity: 1; padding: 0 16px 16px 0; } .faq-answer-inner{ padding-top: 16px; } .faq-answer p{ margin-top: 0; margin-bottom: 0.5em; } .faq-answer p:last-child{ margin-bottom: 0; } .faq-answer ul, .faq-answer ol{ list-style-position: outside; margin: 0.5em 0; padding-left: 1.5em; } .faq-answer ul{ list-style-type: disc; } .faq-answer ol{ list-style-type: decimal; } .faq-answer ul li, .faq-answer ol li{ margin-bottom: 0.25em; display: list-item; } .faq-answer ul li:last-child, .faq-answer ol li:last-child{ margin-bottom: 0; } .faq-answer img{ max-width: 100%; height: auto; display: block; margin: 0.5em 0; } .faq-answer::-webkit-scrollbar{ width: 6px; } .faq-answer::-webkit-scrollbar-track{ background: rgba(0, 0, 0, 0.1); border-radius: 3px; } .faq-answer::-webkit-scrollbar-thumb{ background: rgba(0, 0, 0, 0.3); border-radius: 3px; } .faq-answer::-webkit-scrollbar-thumb:hover{ background: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 768px) { .product-faq { font-size: 90%; width: 100%; } .faq-question { padding: 8px 14px; font-size: 16px; } .faq-question-image, .faq-question-svg { width: 35.0px; height: 35.0px; margin-right: 10px; } .faq-toggle { font-size: 16px; width: 16px; height: 16px; } .faq-answer { padding: 0 14px 0 0; font-size: 14px; } .faq-item.active .faq-answer { padding: 0 14px 16px 0; } .faq-answer::-webkit-scrollbar { width: 4px; } } @media screen and (max-width: 480px) { .product-faq { font-size: 85%; width: 100%; margin: 0.0px auto 8.0px; } .faq-question { padding: 8px 12px; font-size: 16px; } .faq-question-image, .faq-question-svg { width: 30.0px; height: 30.0px; margin-right: 8px; } .faq-toggle { font-size: 14px; width: 14px; height: 14px; } .faq-answer { padding: 0 12px 0 0; font-size: 14px; line-height: 1.3; } .faq-item.active .faq-answer { padding: 0 12px 16px 0; } .faq-answer::-webkit-scrollbar { width: 3px; } } .customer-review-customer_review_tj3taT{ display: flex; padding: clamp(12px, 1%, 24px); background: linear-gradient(to bottom, #ffffff, #f8f8f8); border: 1px solid #707070; border-radius: 8px; font-family: var(--font-body-family-override); box-shadow: 0 2px 4px rgba(0,0,0,0.05); letter-spacing: var(--letter-spacing-heading); box-sizing: border-box; align-items: flex-start; gap: clamp(10px, 3%, 20px); width: 100%; height: 100%; } .customer-review-customer_review_tj3taT .customer-review-avatar-container{ position: relative; width: 75px; flex: 0 0 auto; align-self: flex-start; } .customer-review-customer_review_tj3taT .customer-review-avatar-container::before{ content: ""; display: block; padding-top: 100%; /* Creates a 1:1 aspect ratio */ } .customer-review-customer_review_tj3taT .customer-review-avatar{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 6px; overflow: hidden; } .customer-review-customer_review_tj3taT .customer-review-avatar img{ width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; border-radius: 50px; background-color: #f5f5f5; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: crisp-edges; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .customer-review-customer_review_tj3taT .customer-review-content{ flex: 1; display: flex; flex-direction: column; min-width: 0; /* Allows content to shrink below its minimum content size */ } .customer-review-customer_review_tj3taT .customer-review-header{ display: flex; flex-direction: row; align-items: center; margin-bottom: clamp(4px, 1.5%, 8px); gap: 0px; width: 100%; } .customer-review-customer_review_tj3taT .customer-review-name{ font-weight: var(--font-weight-bold) !important; font-size: 16px; color: #000000; display: flex; align-items: center; letter-spacing: var(--letter-spacing-body); flex-shrink: 1; margin-right: 0; min-width: 0; width: auto; } .customer-review-customer_review_tj3taT .customer-review-verified{ margin-left: 5px; margin-right: 6px; position: relative; top: -1px; flex-shrink: 0; width: 16px; height: 16px; } .customer-review-customer_review_tj3taT .customer-review-stars{ display: flex; align-items: center; flex-wrap: nowrap; flex-shrink: 0; } .customer-review-customer_review_tj3taT .customer-review-star{ margin-right: -3px; fill: #D8D8D8 !important; height: 16px; width: 16px; flex-shrink: 0; } .customer-review-customer_review_tj3taT .customer-review-star--filled{ fill: #ffb800 !important; } .customer-review-customer_review_tj3taT .customer-review-text{ margin: 0 !important; font-size: 14px !important; color: #666666 !important; letter-spacing: var(--letter-spacing-body) !important; line-height: 1.4 !important; overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; max-height: none; /* Allow content to expand based on text amount */ } .customer-review-customer_review_tj3taT .customer-review-text:empty{ display: none; } .customer-review-customer_review_tj3taT .customer-review-text:only-child{ margin-top: 0; } @media (max-width: 480px) { .customer-review-customer_review_tj3taT { padding: 10px; gap: 8px; }.customer-review-customer_review_tj3taT .customer-review-avatar-container { width: 65px; /* The padding-top percentage in the ::before element ensures it remains square at all widths */ }.customer-review-customer_review_tj3taT .customer-review-header { margin-bottom: 3px; align-items: center !important; gap: 0px !important; } .customer-review-customer_review_tj3taT .customer-review-verified { /* Use customizable sizing that scales with name size */ } .customer-review-customer_review_tj3taT .customer-review-star { /* Use customizable sizing instead of fixed mobile size */ } .customer-review-customer_review_tj3taT .customer-review-text { /* Use customizable sizing instead of fixed mobile size */ line-height: 1.3; } } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT *, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT p, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT span, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT div, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT li, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT a, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT strong, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT em, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT small, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h2, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h4, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h5, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h6, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT button{ font-family: "DM Sans", sans-serif !important; } #si-slider-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, [id*="__sl_st11_"] h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT div.si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, div.si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ font-family: "DM Sans", sans-serif !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h2.si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ font-family: "DM Sans", sans-serif !important; color: #181818 !important; font-size: 36px !important; font-weight: 700 !important; font-style: normal !important; letter-spacing: -0.5px !important; line-height: 1.2 !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ background-color: #f9f9f9 !important; padding-top: 60px; padding-bottom: 60px; overflow-x: clip; overflow-y: visible; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .si-container-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ margin: 0 auto; padding-left: 20px; padding-right: 20px; max-width: 1200px; width: 100%; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-text-content-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h1, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-text-content-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h2, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-text-content-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-text-content-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT p:not(.si-subheading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT), .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-text-content-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT span, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-text-content-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT strong, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-text-content-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT em, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-text-content-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT ul, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-text-content-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT ol{ margin: 0 !important; padding: 0 !important; } .si-header-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ display: flex; justify-content: space-between; align-items: flex-end; margin-top: 0 !important; margin-bottom: 40px !important; padding: 0 !important; flex-wrap: wrap; column-gap: 20px; row-gap: 20px; } .si-text-content-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ max-width: 800px; margin: 0 !important; padding: 0 !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-subheading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ font-family: "DM Sans", sans-serif !important; color: #666666 !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0px !important; line-height: 1.5 !important; margin: 8px 0 0 0 !important; padding: 0 !important; display: block; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h2.si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ font-family: "DM Sans", sans-serif !important; color: #181818 !important; font-size: 36px !important; font-weight: 700 !important; font-style: normal !important; letter-spacing: -0.5px !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; } /* Heading bold/italic — / sit directly in

, inherit everything except their own trait */ .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > strong, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > b{ font-weight: bold !important; font-family: inherit !important; font-size: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; color: inherit !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > em, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > i{ font-style: italic !important; font-family: inherit !important; font-size: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; color: inherit !important; } /* 5. Accent text — inline with heading, own font/size/weight/spacing/color */ .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT p, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT span, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT strong, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT em{ font-family: "DM Sans", sans-serif !important; font-size: 36px !important; letter-spacing: 0px !important; line-height: inherit !important; display: inline !important; margin: 0 !important; padding: 0 !important; color: #1a5fc8 !important; -webkit-text-fill-color: #1a5fc8 !important; } .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT p, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT span{ font-weight: 700 !important; font-style: normal !important; } .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT strong{ font-weight: bold !important; } .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT em{ font-style: italic !important; } .si-nav-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ display: flex; gap: 12px; } .si-nav-btn-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ width: 44px; height: 44px; background-color: #dfdfdf; color: #181818; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s, color 0.2s, transform 0.2s ease; -webkit-tap-highlight-color: transparent; outline: none; } .si-nav-btn-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT:focus{ outline: none; } .si-nav-shape-circle{ border-radius: 50% !important; } .si-nav-shape-square{ border-radius: 4px !important; } .si-nav-btn-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT:hover:not(.si-nav-disabled){ background-color: #c0c0c0 !important; color: #181818 !important; transform: scale(1.15); } .si-nav-btn-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT.si-nav-disabled{ opacity: 0.35; cursor: not-allowed; pointer-events: none; } .si-nav-btn-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT svg{ width: 40%; height: 40%; stroke: currentColor; fill: none; stroke-width: 2; } .si-slider-wrapper-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ position: relative; } .si-slider-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ display: flex; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; gap: 20px; padding-bottom: 20px; scrollbar-width: none; touch-action: pan-x; -ms-overflow-style: none; -webkit-user-select: none; user-select: none; cursor: grab; } .si-slider-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT::-webkit-scrollbar{ display: none; } .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT *{ -webkit-tap-highlight-color: transparent !important; outline: none !important; } .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT:hover, .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT:focus, .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT:active{ background-color: #ffffff !important; outline: none !important; box-shadow: none !important; } .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ flex: 0 0 calc((100% - (3 * 20px)) / 4); scroll-snap-align: start; background-color: #ffffff; padding: 24px 24px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; border-radius: 0; overflow: hidden; } .si-media-wrapper-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ width: 100%; aspect-ratio: 1 / 1; position: relative; margin-bottom: 20px; background-color: #F8F5EE; overflow: hidden; } .si-shape-circle, .si-shape-circle img, .si-shape-circle svg{ border-radius: 50% !important; } .si-shape-square, .si-shape-square img, .si-shape-square svg{ border-radius: 0 !important; } .si-img-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } .si-img-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT svg{ width: 100%; height: 100%; transform: scale(0.5); fill: #C0C0C0; } #si-slider-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ font-family: "DM Sans", sans-serif !important; color: #181818 !important; font-size: 19px !important; font-weight: 700 !important; letter-spacing: -0.3px !important; line-height: 1.2 !important; margin: 0 0 8px 0; } .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ font-family: "DM Sans", sans-serif !important; color: #181818 !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: -0.3px !important; line-height: 1.5 !important; margin: 0; } .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT p{ margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; color: inherit !important; } .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT strong, .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT b{ font-weight: bold !important; } .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT em, .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT i{ font-style: italic !important; } @media (max-width: 768px) { .si-container-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { padding-left: 18px !important; padding-right: 0px !important; } .si-header-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { flex-direction: column; align-items: flex-start; column-gap: 10px !important; row-gap: 10px !important; margin-bottom: 30px !important; } .si-nav-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { display: none; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-subheading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { font-size: 14px !important; margin: 6px 0 0 0 !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h2.si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { font-size: 26px !important; margin: 0 !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > strong, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > b, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > em, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > i { font-size: inherit !important; } .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT p, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT span, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT strong, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT em { font-size: 26px !important; } .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { flex: 0 0 calc((100% - (0.2 * 20px)) / 1.2); padding: 24px 24px; } .si-media-wrapper-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { margin-bottom: 24px !important; } .si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { font-size: 20px !important; margin-bottom: 12px !important; } .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { font-size: 14px !important; } .si-slider-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { gap: 20px; scroll-snap-type: x proximity; touch-action: pan-x; cursor: grab; } .si-slider-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT:active { cursor: grabbing; } } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h2.si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ font-family: "DM Sans", sans-serif !important; font-weight: 700 !important; font-size: 36px !important; letter-spacing: -0.5px !important; line-height: 1.2 !important; color: #181818 !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > strong, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > b{ font-weight: bold !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > em, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-heading-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT > i{ font-style: italic !important; } #si-slider-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, [id*="__sl_st11_"] h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ font-family: "DM Sans", sans-serif !important; font-weight: 700 !important; font-size: 19px !important; letter-spacing: -0.3px !important; line-height: 1.2 !important; color: #181818 !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ font-family: "DM Sans", sans-serif !important; font-weight: 400 !important; font-size: 14px !important; letter-spacing: -0.3px !important; line-height: 1.5 !important; color: #181818 !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT strong, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT b{ font-weight: bold !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT em, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT i{ font-style: italic !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT p{ margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; color: inherit !important; } @media (max-width: 768px) { #si-slider-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, h3.si-card-title-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { font-size: 20px !important; } .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .si-card-desc-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT { font-size: 14px !important; } } /* Stubborn accent override — last rule in stylesheet, wins at equal specificity */ .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT p, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT span, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT strong, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT em{ font-family: "DM Sans", sans-serif !important; font-size: 36px !important; letter-spacing: 0px !important; line-height: inherit !important; display: inline !important; margin: 0 !important; padding: 0 !important; color: #1a5fc8 !important; -webkit-text-fill-color: #1a5fc8 !important; } .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT p, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT span{ font-weight: 700 !important; font-style: normal !important; } .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT strong{ font-weight: bold !important; } .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT em{ font-style: italic !important; } @media (max-width: 768px) { .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT p, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT span, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT strong, .si-accent-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT em { font-size: 26px !important; } } #shopify-section-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT, #shopify-section-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT .section-id-template--27097554157932__scrollable_ingredients_final_v2_HmaJcT{ background-color: #f9f9f9 !important; } .section-template--27097554157932__statistics_column_PtJqih{ --stats-number-size-mobile: 36px; --stats-number-size-desktop: 48px; --stats-title-size-mobile: 18px; --stats-title-size-desktop: 22px; --stats-description-size-mobile: 14px; --stats-description-size-desktop: 16px; --stats-disclaimer-padding-top: 16px; --stats-disclaimer-padding-bottom: 16px; --stats-disclaimer-padding-left: 16px; --stats-disclaimer-padding-right: 16px; --stats-disclaimer-size-mobile: 14px; --stats-disclaimer-size-desktop: 16px; --stats-disclaimer-border-radius: 8px; --stats-disclaimer-background: #e0e0e0; --stats-disclaimer-color: #666666; --stats-disclaimer-icon-color: #007acc; --stats-disclaimer-line-height: 1.4; --stats-disclaimer-border-width: 1px; --stats-disclaimer-border-style: none; --stats-disclaimer-border-color: #e0e0e0; } .section-template--27097554157932__statistics_column_PtJqih .stats-column-title{ font-size: var(--stats-title-size-mobile); color: #000000; } @media screen and (min-width: 750px) { .section-template--27097554157932__statistics_column_PtJqih .stats-column-title { font-size: var(--stats-title-size-desktop); } } .section-template--27097554157932__statistics_column_PtJqih .stats-column-description{ font-size: var(--stats-description-size-mobile); color: #666666; } @media screen and (min-width: 750px) { .section-template--27097554157932__statistics_column_PtJqih .stats-column-description { font-size: var(--stats-description-size-desktop); } } .section-template--27097554157932__statistics_column_PtJqih .studies-disclaimer{ margin-top: 2rem; } .section-template--27097554157932__statistics_column_PtJqih .studies-disclaimer-content{ display: flex; align-items: flex-start; gap: 10px; padding: var(--stats-disclaimer-padding-top) var(--stats-disclaimer-padding-right) var(--stats-disclaimer-padding-bottom) var(--stats-disclaimer-padding-left); background-color: var(--stats-disclaimer-background); border-radius: var(--stats-disclaimer-border-radius); border: var(--stats-disclaimer-border-width) var(--stats-disclaimer-border-style) var(--stats-disclaimer-border-color); } .section-template--27097554157932__statistics_column_PtJqih .disclaimer-icon{ flex-shrink: 0; margin-top: 0.125rem; opacity: 0.7; color: var(--stats-disclaimer-icon-color); } .section-template--27097554157932__statistics_column_PtJqih .disclaimer-icon svg{ width: 16px; height: 16px; fill: currentColor; } .section-template--27097554157932__statistics_column_PtJqih .studies-disclaimer-text{ font-weight: var(--font-weight-regular); margin: 0; line-height: var(--stats-disclaimer-line-height); letter-spacing: var(--letter-spacing-body); flex: 1; font-size: var(--stats-disclaimer-size-mobile); color: var(--stats-disclaimer-color); } @media screen and (min-width: 750px) { .section-template--27097554157932__statistics_column_PtJqih .studies-disclaimer-text { font-size: var(--stats-disclaimer-size-desktop); } } .section-template--27097554157932__statistics_column_PtJqih .studies-disclaimer-text strong{ color: var(--stats-disclaimer-icon-color); } .statistics-section-custom-background-template--27097554157932__statistics_column_PtJqih{ background: linear-gradient(135deg, rgba(249, 249, 249, 1), rgba(249, 249, 249, 1) 100%); } .section-template--27097554157932__statistics_column_PtJqih .page-width{ padding-left: 15px; padding-right: 15px; padding-top: 0px; padding-bottom: 30px; } @media screen and (min-width: 750px) { .section-template--27097554157932__statistics_column_PtJqih .page-width { padding-left: 15px; padding-right: 15px; padding-top: 0px; padding-bottom: 30px; } } .stats-column{ display: flex; flex-direction: column; gap: 2rem; } .stats-column-content{ flex: 1; order: 2; } .stats-column-image{ flex: 1; width: 100%; order: 1; } @media screen and (min-width: 990px) { .stats-column { flex-direction: row; align-items: center; gap: 4rem; } .stats-column-content { order: 2; max-width: calc(100% - 50%); } .stats-column-image { order: 1; max-width: 50%; margin-bottom: 0; } } .stats-column-image img{ width: 100%; height: auto; object-fit: cover; border-radius: 8px; } .stats-column.two-column-layout{ display: flex; flex-direction: column; gap: 2rem; } @media screen and (min-width: 990px) { /* Desktop container padding */ .stats-column-container.contained { padding: 40px 40px 40px 40px !important; } .stats-column.two-column-layout { flex-direction: row; align-items: flex-start; gap: 4rem; } .stats-column.two-column-layout .stats-column-header-section { flex: 1; max-width: 50%; } .stats-column.two-column-layout .stats-column-content { flex: 1; max-width: 50%; } /* Hide desktop header in two-column layout since it's in the header section */ .stats-column.two-column-layout .stats-column-content .desktop-header { display: none; } } .stats-column-container{ width: 100%; } .stats-column-container.contained{ max-width: 1200px; margin: 0 auto; } .stats-column-list{ display: flex; flex-direction: column; gap: 0; } @media screen and (max-width: 749px) { .stats-column-list { margin: 0; padding: 0; width: 100%; } } .stats-column-item{ display: flex; align-items: center; gap: 1.5rem; padding: 1.5rem 0; width: 100%; min-height: 100px; } @media screen and (max-width: 749px) { .stats-column-item { flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 2rem; max-height: 150px; padding: 1.5rem 0; margin: 0; width: 100%; } } .stats-column-item:not(:last-child){ border-bottom: 1px solid #e0e0e0; } .section-template--27097554157932__statistics_column_PtJqih .stats-column-number{ font-size: 36px !important; font-weight: var(--font-weight-bold) !important; background: linear-gradient(135deg, rgba(0, 0, 0, 1), rgba(102, 102, 102, 1) 100%) !important; background-image: linear-gradient(135deg, rgba(0, 0, 0, 1), rgba(102, 102, 102, 1) 100%) !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; -moz-text-fill-color: transparent !important; color: transparent !important; line-height: 1; flex-shrink: 0; min-width: 4rem; letter-spacing: var(--letter-spacing-body); } @media screen and (max-width: 749px) { .section-template--27097554157932__statistics_column_PtJqih .stats-column-number { font-size: 52px !important; min-width: 6rem; text-align: left; margin: 0; padding: 0; background: linear-gradient(135deg, rgba(0, 0, 0, 1), rgba(102, 102, 102, 1) 100%) !important; background-image: linear-gradient(135deg, rgba(0, 0, 0, 1), rgba(102, 102, 102, 1) 100%) !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; -moz-text-fill-color: transparent !important; color: transparent !important; } } @media screen and (min-width: 750px) { .section-template--27097554157932__statistics_column_PtJqih .stats-column-number { font-size: 48px !important; min-width: 6rem; background: linear-gradient(135deg, rgba(0, 0, 0, 1), rgba(102, 102, 102, 1) 100%) !important; background-image: linear-gradient(135deg, rgba(0, 0, 0, 1), rgba(102, 102, 102, 1) 100%) !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; -moz-text-fill-color: transparent !important; color: transparent !important; } } .stats-column-text{ flex: 1; text-align: left; display: flex; flex-direction: column; } .stats-column-title-wrapper{ display: flex; flex-direction: column; justify-content: flex-start; flex: 1; min-height: 100%; } @media screen and (max-width: 749px) { .stats-column-text { width: auto; flex: 1; margin: 0; padding: 0; } } .stats-column-title{ font-size: 18px; font-weight: var(--font-weight-semibold); color: #000000 !important; margin: 0 0 0.5rem 0; line-height: 1.2; letter-spacing: var(--letter-spacing-body); } @media screen and (max-width: 749px) { .stats-column-title { font-size: 18px; color: #000000 !important; margin: 0 0 0.5rem 0; } } @media screen and (min-width: 750px) { .stats-column-title { font-size: 22px; } } .stats-column-description{ font-size: 14px; font-weight: var(--font-weight-regular); color: #666666 !important; margin: 0; line-height: 1.4; letter-spacing: var(--letter-spacing-body); } @media screen and (max-width: 749px) { .stats-column-description { font-size: 14px; color: #666666 !important; line-height: 1.5; margin: 0; } } @media screen and (min-width: 750px) { .stats-column-description { font-size: 16px; color: #666666 !important; } } .stats-column-header-section{ display: flex; flex-direction: column; justify-content: center; } @media screen and (min-width: 990px) { .stats-column-section-header.mobile-header { display: none; } .stats-column-section-header.desktop-header { display: block; } } .section-template--27097554157932__statistics_column_PtJqih .section-subtitle-container{ width: 100%; text-align: center; margin: 0 auto; display: flex; justify-content: center; align-items: center; } .section-template--27097554157932__statistics_column_PtJqih .stats-section-title{ font-size: 26px; font-weight: var(--font-weight-bold); color: #000000 !important; margin: 0 0 1rem 0; letter-spacing: var(--letter-spacing-heading); text-align: center; line-height: 1.2; } @media screen and (min-width: 750px) { .section-template--27097554157932__statistics_column_PtJqih .stats-section-title { font-size: 36px; } } .section-template--27097554157932__statistics_column_PtJqih .section-subtitle{ font-size: 14px; font-weight: var(--font-weight-regular); color: #f9f9f9 !important; margin: 0; letter-spacing: var(--letter-spacing-body); text-align: center !important; width: 100%; max-width: 800px; } .section-template--27097554157932__statistics_column_PtJqih .section-subtitle p{ margin: 0; text-align: center !important; font-size: inherit; color: inherit; font-weight: inherit; } @media screen and (min-width: 750px) { .section-template--27097554157932__statistics_column_PtJqih .section-subtitle { font-size: 16px; } } .section-template--27097554157932__statistics_column_PtJqih .stats-section-title .global-accent-text, .section-template--27097554157932__statistics_column_PtJqih .stats-section-title .custom-accent-text{ margin-left: 0px !important; color: #1a5fc8 !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } .statistics-section-theme-background-template--27097554157932__statistics_column_PtJqih{ background-color: #0f2945 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R{ width: 100%; overflow: hidden; border-radius: 0px; padding-top: 45px; padding-bottom: 45px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-container{ max-width: 1200px; margin: 0 auto; padding: 0 20px; } @media (max-width: 990px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R:has(.mobile-media-full-width) .image-text-container { padding: 0 !important; } } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-content{ display: flex; flex-direction: column; gap: 30px; } @media screen and (max-width: 599px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-content { flex-direction: column; gap: 30px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column, #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column { width: 100%; } } #image-text-section-template--27097554157932__image_with_text_FEiG3R .mobile-heading-above-image{ display: none; width: 100%; order: -1; } @media screen and (max-width: 990px) { } @media screen and (min-width: 991px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R .mobile-heading-above-image { display: none !important; } /* Always show heading in text-column on desktop */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .heading-block-wrapper.hide-on-mobile { display: block; } } #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column{ width: 100%; padding: 0px; border-radius: 16px; overflow: hidden; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column.background-image-mode{ min-height: 400px; } @media screen and (min-width: 991px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column.background-image-mode { min-height: 500px; } } #image-text-section-template--27097554157932__image_with_text_FEiG3R .main-image, #image-text-section-template--27097554157932__image_with_text_FEiG3R .main-video{ width: 100%; height: auto; border-radius: 16px !important; object-fit: cover; display: block; margin-top: 20px; margin-bottom: 0px; max-width: 800px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .main-video{ background-color: #000; /* Fix for iOS Safari video clipping issue */ -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-placeholder{ width: 100%; aspect-ratio: 16/9; background-color: #f5f5f5; display: flex; align-items: center; justify-content: center; border-radius: 16px !important; margin-top: 20px; margin-bottom: 0px; max-width: 800px; margin: 0 auto; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-placeholder svg{ width: 40%; height: 40%; fill: #d0d0d0; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column{ display: flex; flex-direction: column; padding: 0px 0px; overflow: visible; box-sizing: border-box; min-width: 0; /* Allow flex item to shrink below content size */ align-items: flex-start; text-align: left; gap: 15px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-heading{ font-weight: var(--font-weight-bold); color: #000000 !important; margin-bottom: 0; letter-spacing: var(--letter-spacing-heading) !important; word-wrap: break-word; overflow-wrap: break-word; word-break: normal; hyphens: auto; width: 100%; max-width: 100%; box-sizing: border-box; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column > div{ width: 100%; max-width: 100%; box-sizing: border-box; overflow: visible; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column{ overflow: visible !important; max-width: 100%; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column h2, #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column .image-text-heading{ display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; overflow-wrap: break-word !important; word-wrap: break-word !important; word-break: break-word !important; white-space: normal !important; hyphens: auto !important; box-sizing: border-box !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column > div:first-child{ width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accent-text{ color: #1a5fc8; font-family: , ; font-weight: ; font-style: ; letter-spacing: var(--letter-spacing-heading) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accent-text{ padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; background: linear-gradient(45deg, rgba(26, 95, 200, 1), rgba(26, 95, 200, 1) 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; color: transparent !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-subtitle{ font-weight: var(--font-weight-semibold); margin-top: 0; margin-bottom: 0; letter-spacing: var(--letter-spacing-heading); } #image-text-section-template--27097554157932__image_with_text_FEiG3R .subtitle-wrapper{ width: fit-content !important; max-width: 100% !important; display: inline-block !important; align-self: flex-start; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-divider-wrapper{ display: flex !important; align-items: center !important; width: 100% !important; clear: both !important; box-sizing: border-box !important; position: relative !important; z-index: 1 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-divider-line{ display: block !important; flex-shrink: 0 !important; box-sizing: border-box !important; position: relative !important; min-height: 1px !important; min-width: 20px !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-divider-line:empty{ background-color: #000000 !important; height: 2px !important; width: 50% !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .subtitle-wrapper[data-block-id="subtitle_nK4QRG"] .image-text-subtitle{ color: #000000 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body{ line-height: 1.6; margin-bottom: 0; letter-spacing: var(--letter-spacing-body); } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list{ padding-left: 0; margin: 0; list-style-type: none; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.no-bullets{ list-style-type: none; padding-left: 0; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list .list-title{ font-weight: var(--font-weight-semibold); margin-bottom: 12px; list-style-type: none; padding-left: 0; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list .list-item{ margin-bottom: 10px; line-height: 1.4; position: relative; display: flex; align-items: flex-start; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list .item-icon{ width: 20px; height: 20px; flex-shrink: 0; margin-right: 10px; display: flex; align-items: center; justify-content: center; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list .item-icon svg{ width: 100%; height: 100%; fill: currentColor; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list .item-icon img{ width: 100%; height: 100%; object-fit: contain; display: block; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list .item-text{ flex: 1; letter-spacing: var(--letter-spacing-body); } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.emoji-bullets .list-item{ list-style-type: none; position: relative; padding-left: 25px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.emoji-bullets .list-item:before{ content: attr(data-icon); position: absolute; left: 0; top: 0; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .secondary-image-container{ width: 100%; margin-top: 5px; margin-bottom: 5px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .secondary-image{ max-width: 100%; height: auto; border-radius: 4px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .button-container{ margin-top: 0; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .button{ display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; background-color: #ef4a65; color: #ffffff; text-decoration: none; font-weight: var(--font-weight-bold); transition: all 0.3s ease; letter-spacing: var(--letter-spacing-body); text-transform: none; text-align: center; min-width: 120px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .button.button-section-specific-sizing{ padding: var(--global-button-padding-y) 24px !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .button:hover{ opacity: 0.9; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.two-columns{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px 2px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.two-columns .list-title{ grid-column: 1 / -1; /* Make title span both columns */ margin-bottom: 15px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.pill-style{ display: flex; flex-wrap: wrap; gap: 8px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.pill-style .list-title{ width: 100%; margin-bottom: 12px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.pill-style .list-item.pill-item{ display: inline-flex; align-items: center; margin-bottom: 0; transition: all 0.3s ease; cursor: default; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.pill-style .list-item.pill-item:hover{ transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.pill-style .list-item.pill-item .item-icon{ margin-right: 6px; width: 16px; height: 16px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.pill-style .list-item.pill-item .item-icon img{ width: 100%; height: 100%; object-fit: contain; display: block; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.pill-style .list-item.pill-item .item-text{ font-size: inherit; line-height: 1.2; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.pill-style.two-columns{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-bullet-list.pill-style.two-columns .list-title{ grid-column: 1 / -1; } @media screen and (max-width: 990px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-heading[data-block-id="heading_nfCTFL"] { font-size: 2.6rem !important; line-height: 1 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accent-text[data-block-id="heading_nfCTFL"] { font-size: 2.6rem !important; line-height: 1 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R [data-block-id="subtitle_nK4QRG"] .image-text-subtitle { font-size: 1.3rem !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body[data-block-id="paragraph_KyKwDz"] { font-size: 1.5rem !important; } } @media screen and (min-width: 991px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R { padding-top: 0px; padding-bottom: 0px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-container { padding: 0 0px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-content { flex-direction: row; align-items: flex-start; gap: 0px; } /* Column widths */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column { width: 50%; flex-shrink: 0; align-self: flex-start; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column { width: 50%; flex-shrink: 1; min-width: 0; /* Allow flex item to shrink below content size */ } /* Override minimum heights when full height is set very low */ /* Desktop background image mode styling */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column.background-image-mode { min-height: 500px; } /* Allow text column to expand with FAQ content */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column { flex-grow: 1; min-height: 0; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-content.image-right .media-column { order: 2; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-content.image-right .text-column { order: 1; padding: 50px 25px 50px 30px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-content.image-left .text-column { padding: 50px 25px 50px 30px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-heading { margin-bottom: 25px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body { line-height: 1.5; margin-bottom: 25px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column { gap: 5px; } /* Desktop image/video margins */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .main-image, #image-text-section-template--27097554157932__image_with_text_FEiG3R .main-video { margin-top: 20px; margin-bottom: 20px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-placeholder { margin-top: 20px; margin-bottom: 20px; } /* Block-level font sizes on desktop */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-heading[data-block-id="heading_nfCTFL"] { font-size: 3.8rem !important; line-height: 1 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accent-text[data-block-id="heading_nfCTFL"] { font-size: 3.8rem !important; line-height: 1 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R [data-block-id="subtitle_nK4QRG"] .image-text-subtitle { font-size: 2rem !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body[data-block-id="paragraph_KyKwDz"] { font-size: 1.5rem !important; } } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body p{ margin-bottom: 0.5em; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body p:last-child{ margin-bottom: 0; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body strong{ font-weight: 600 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body em{ font-style: italic !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body a{ text-decoration: underline; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body ul, #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body ol{ margin: 0.5em 0; padding-left: 1.5em; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body li{ margin-bottom: 0.25em; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-container{ width: 100%; max-width: 100%; box-sizing: border-box; overflow: visible; flex-shrink: 1; /* Allow accordion to shrink if needed */ min-width: 0; /* Allow shrinking below content size */ } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item{ width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; /* Allow shrinking below content size */ } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-title{ margin: 0 0 16px 0; font-weight: 600; font-size: var(--accordion-title-size); } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-items-wrapper{ width: 100%; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item{ overflow: hidden; transition: all 0.2s ease; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header{ display: flex; align-items: center; padding: var(--header-padding-mobile); cursor: pointer; font-weight: 500; position: relative; transition: background-color 0.3s ease; gap: 16px; width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; /* Allow header to shrink below content size */ } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header:hover{ opacity: 0.9; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header-icon{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; width: var(--accordion-icon-size-mobile); height: var(--accordion-icon-size-mobile); margin-right: 12px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header-icon svg{ width: 100%; height: 100%; fill: currentColor; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header-text{ flex-grow: 1; padding-right: 15px; font-weight: 500; letter-spacing: var(--letter-spacing-body); font-size: var(--accordion-header-size); } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-toggle{ position: absolute; right: var(--header-padding-mobile); font-size: var(--accordion-toggle-size); font-weight: bold; transition: transform 0.3s ease; line-height: 1; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item.active .accordion-toggle{ transform: rotate(45deg); } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content{ padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner{ padding: var(--content-padding-mobile); opacity: 0; transition: opacity 0.3s ease; line-height: 1.6; font-size: var(--accordion-content-size); } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item.active .accordion-content{ max-height: 1000px !important; padding: var(--content-outer-padding-mobile) 0 !important; overflow: visible !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item.active .accordion-content-inner{ opacity: 1 !important; letter-spacing: var(--letter-spacing-body); padding: var(--content-padding-mobile) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item.active .accordion-toggle{ transform: rotate(45deg) !important; } @media screen and (min-width: 600px) and (max-width: 990px) { /* Ensure the media column doesn't change size when FAQ expands */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column { height: fit-content; position: relative; } /* Ensure main video/image maintains its aspect ratio and doesn't stretch */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column .main-video, #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column .main-image { height: auto !important; max-height: none !important; object-fit: cover; } /* Allow text column to expand independently and use full width */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column { overflow: visible; width: 100% !important; max-width: 100% !important; } /* Ensure accordion content doesn't push media column and uses full width */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-container { width: 100% !important; max-width: 100% !important; } /* Ensure all text content uses full width */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column > *, #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-heading, #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-body { width: 100% !important; max-width: 100% !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item.active .accordion-content { max-height: none !important; height: auto !important; } } @media screen and (min-width: 991px) { /* Ensure the media column doesn't change size when FAQ expands */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column { height: fit-content; position: relative; } /* Ensure main video/image maintains its aspect ratio and doesn't stretch */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column .main-video, #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column .main-image { height: auto !important; max-height: none !important; object-fit: cover; } /* Allow text column to expand independently */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .text-column { overflow: visible; } /* Ensure accordion content doesn't push media column */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-container { width: 100%; max-width: 100%; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item.active .accordion-content { max-height: none !important; height: auto !important; } /* Desktop icon size */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header-icon { width: var(--accordion-icon-size-desktop); height: var(--accordion-icon-size-desktop); } } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item:not(.active) .accordion-content{ max-height: 0 !important; padding: 0 !important; overflow: hidden !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item:not(.active) .accordion-content-inner{ opacity: 0 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner p, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner ul, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner ol, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner li, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner strong, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner em, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner b, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner i, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner a{ color: inherit !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner strong, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner b{ font-weight: bold; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner em, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner i{ font-style: italic; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner a{ color: inherit; text-decoration: underline; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner p{ margin-top: 0; margin-bottom: 10px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner p:last-child{ margin-bottom: 0; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner ul, #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner ol{ margin: 10px 0; padding-left: 20px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner li{ margin-bottom: 5px; } @media (max-width: 599px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-container { max-width: 100%; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-heading { margin-bottom: 20px !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header { padding: var(--header-padding-mobile); gap: 12px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-toggle { right: var(--header-padding-mobile); font-size: var(--accordion-toggle-size-mobile) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner { padding: var(--content-padding-mobile); } /* Mobile text size overrides */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-title { font-size: var(--accordion-title-size-mobile) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header-text { font-size: var(--accordion-header-size-mobile) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner { font-size: var(--accordion-content-size-mobile) !important; } } @media (min-width: 600px) and (max-width: 990px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header { padding: calc(var(--header-padding-desktop) * 0.5) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-toggle { right: calc(var(--header-padding-desktop) * 0.5) !important; font-size: calc(var(--accordion-toggle-size-desktop) * 0.75) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner { padding: calc(var(--content-padding-desktop) * 0.5) !important; font-size: calc(var(--accordion-content-size-desktop) * 0.8) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item.active .accordion-content { padding: calc(var(--content-outer-padding-desktop) * 0.5) 0 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item.active .accordion-content-inner { padding: calc(var(--content-padding-desktop) * 0.5) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-title { font-size: calc(var(--accordion-title-size-desktop) * 0.7) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header-text { font-size: calc(var(--accordion-header-size-desktop) * 0.8) !important; } } @media (min-width: 991px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header { padding: var(--header-padding-desktop) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-toggle { right: var(--header-padding-desktop) !important; font-size: var(--accordion-toggle-size-desktop) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-content-inner { padding: var(--content-padding-desktop) !important; font-size: var(--accordion-content-size-desktop) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item.active .accordion-content { padding: var(--content-outer-padding-desktop) 0 !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-item.active .accordion-content-inner { padding: var(--content-padding-desktop) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-title { font-size: var(--accordion-title-size-desktop) !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .accordion-header-text { font-size: var(--accordion-header-size-desktop) !important; } } #image-text-section-template--27097554157932__image_with_text_FEiG3R .button-container{ width: 100%; max-width: 100%; box-sizing: border-box; overflow: visible; flex-shrink: 1; /* Allow button container to shrink if needed */ min-width: 0; /* Allow shrinking below content size */ } #image-text-section-template--27097554157932__image_with_text_FEiG3R .button-container .button{ max-width: 100%; box-sizing: border-box; word-wrap: break-word; min-width: 0; /* Allow button to shrink if needed */ } #image-text-section-template--27097554157932__image_with_text_FEiG3R .button-container.full-width-mobile{ width: 100%; max-width: 100%; box-sizing: border-box; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .button.full-width-mobile{ width: 100% !important; max-width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-width: unset !important; box-sizing: border-box !important; overflow: hidden !important; } @media (max-width: 990px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-content.mobile-media-full-width { gap: 0px; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column.mobile-full-width { margin-left: 0; margin-right: 0; padding: 0 !important; width: 100%; max-width: none; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column.mobile-full-width .main-image, #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column.mobile-full-width .main-video, #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column.mobile-full-width .media-placeholder { border-radius: 0 !important; max-width: none !important; width: 100% !important; height: auto !important; } #image-text-section-template--27097554157932__image_with_text_FEiG3R .mobile-media-full-width .text-column { padding-top: 30px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 990px) { #image-text-section-template--27097554157932__image_with_text_FEiG3R .media-column.mobile-full-width .main-video { object-fit: cover !important; display: block !important; min-height: 200px !important; } /* Ensure no overflow issues */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-content.mobile-media-full-width { overflow: hidden; } /* Ensure container allows overflow */ #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-container { overflow-x: hidden; } } #image-text-section-template--27097554157932__image_with_text_FEiG3R .image-text-heading{ color: #000000 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; word-wrap: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; } .icon-block{ width: 100%; box-sizing: border-box; } .icon-wrapper{ box-sizing: border-box; } .icon-wrapper img{ display: block; } .icon-svg svg{ width: 100%; height: 100%; display: block; } .section-template--27097554157932__roadmap_kUe7Ke-padding{ padding-top: 36px; padding-bottom: 36px; padding-left: 24px; padding-right: 24px; } @media screen and (min-width: 750px) { .section-template--27097554157932__roadmap_kUe7Ke-padding { padding-top: 72px; padding-bottom: 72px; padding-left: 80px; padding-right: 80px; } } .roadmap-section{ position: relative; color: ; /* Only gradient/color when no background image */ background: linear-gradient(135deg, rgba(248, 248, 248, 1), rgba(248, 248, 248, 1) 100%); } /* Two-column layout on desktop (only for placeholder, not when image exists) */ .roadmap-container{ display: flex; flex-direction: column; gap: 40px; max-width: 100%; position: relative; z-index: 2; margin: 0 auto; } .roadmap-image-mobile-above{ width: 100%; margin-bottom: 30px; display: none; } .roadmap-image-mobile-above img{ width: 100%; height: auto; border-radius: 8px; } @media screen and (max-width: 749px) { .roadmap-section { } } @media screen and (min-width: 750px) { .roadmap-container { flex-direction: row; align-items: flex-start; gap: 60px; max-width: 1200px; } /* Hide mobile image above timeline on desktop */ .roadmap-image-mobile-above { display: none !important; } .roadmap-content { flex: 1; min-width: 0; } .roadmap-image-column { flex: 0 0 40%; max-width: 40%; } } .roadmap-image{ width: 100%; height: auto; border-radius: 8px; } .roadmap-timeline{ position: relative; max-width: 100%; } .roadmap-timeline::before{ content: ''; position: absolute; left: 15px; top: 30px; bottom: 0; width: 2px; background: #e0e0e0; border-radius: 2px; } @media screen and (min-width: 750px) { } .roadmap-timeline .timeline-fill{ position: absolute; left: 15px; top: 30px; width: 2px; background: #1a5fc8; border-radius: 2px; height: 0%; min-height: 0; transition: height 0.3s ease-out; z-index: 2; transform-origin: top; pointer-events: none; /* Prevent fill from extending beyond roadmap items */ overflow: hidden; } .roadmap-item{ position: relative; margin-bottom: 40px; padding-left: 50px; opacity: 1; transform: translateY(0); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .roadmap-item.fade-out{ opacity: 0; transform: translateY(30px); } .roadmap-item.animate-in{ opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .roadmap-item { opacity: 1; transform: none; transition: none; } .roadmap-item.animate-in { opacity: 1; transform: none; } } .roadmap-item:last-child{ margin-bottom: 0; } .roadmap-circle{ position: absolute; left: 0; top: 0px; width: 30px; height: 30px; border-radius: 50%; background: #1a5fc8; display: flex; align-items: center; justify-content: center; z-index: 2; } .roadmap-circle svg{ width: 16px; height: 16px; fill: #ffffff !important; } .roadmap-badge{ display: inline-block; background: #1a5fc8; color: #ffffff; padding: 4px 12px; border-radius: 50px; font-size: 12px !important; font-weight: 600 !important; margin-bottom: 6px; letter-spacing: var(--letter-spacing-body); border: 1px solid #1a5fc8; } .roadmap-title{ font-size: 20px !important; font-weight: var(--font-weight-bold) !important; font-style: normal !important; font-family: var(--font-body-family) !important; margin-bottom: 8px; letter-spacing: var(--letter-spacing-heading) !important; line-height: 1.3; color: #121212 !important; } .roadmap-description{ font-size: 15px !important; line-height: 1.6; color: #666666 !important; opacity: 0.9; letter-spacing: var(--letter-spacing-body); } .roadmap-description ul, .roadmap-description ol{ margin: 10px 0; padding-left: 0; list-style: none; } .roadmap-description ul li, .roadmap-description ol li{ position: relative; padding-left: 28px; margin-bottom: 8px; line-height: 1.5; } .roadmap-description ul li::before{ content: ''; position: absolute; left: 0; top: 0.35em; width: 8px; height: 8px; background: #1a5fc8; border-radius: 50%; } .roadmap-description ol{ counter-reset: list-counter; } .roadmap-description ol li::before{ counter-increment: list-counter; content: counter(list-counter) "."; position: absolute; left: 0; top: 0; font-weight: 600; color: #1a5fc8; } .roadmap-header{ text-align: center !important; margin-bottom: 40px; } .roadmap-header .heading{ font-size: 40px !important; font-weight: var(--font-weight-bold); color: #121212 !important; margin-bottom: 15px; letter-spacing: var(--letter-spacing-heading) !important; line-height: 1.3; } .roadmap-header .subheading{ font-size: 16px !important; color: #121212 !important; opacity: 0.8; letter-spacing: var(--letter-spacing-body) !important; } .roadmap-section .accent, .roadmap-section .global-accent-text, .roadmap-section .custom-accent-text{ padding-right: 0px !important; display: inline-block !important; color: #1a5fc8 !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } @media screen and (max-width: 749px) { .roadmap-header { text-align: center !important; margin-bottom: 30px; } .roadmap-header .heading { font-size: 28px !important; color: #121212 !important; letter-spacing: var(--letter-spacing-heading) !important; line-height: 1.3; } .roadmap-header .subheading { font-size: 14px !important; color: #121212 !important; letter-spacing: var(--letter-spacing-body) !important; } .roadmap-timeline::before { left: 15px; top: 25px; } .roadmap-item { padding-left: 50px; margin-bottom: 30px; } .roadmap-item.fade-out { /* Reduce animation distance on mobile for better UX */ transform: translateY(20px); } .roadmap-item.animate-in { transform: translateY(0); } .roadmap-circle { left: 0; top: 0px; width: 30px; height: 30px; } .roadmap-circle svg { width: 16px; height: 16px; } .roadmap-badge { font-size: 11px !important; padding: 3px 10px; margin-bottom: 6px; } .roadmap-title { font-size: 18px !important; font-style: normal !important; font-family: var(--font-body-family) !important; color: #121212 !important; } .roadmap-description { font-size: 13px !important; color: #666666 !important; } /* Mobile bullet list adjustments */ .roadmap-description ul li, .roadmap-description ol li { padding-left: 24px; margin-bottom: 6px; } .roadmap-description ul li::before { width: 6px; height: 6px; top: 0.4em; } } .roadmap-button-container{ text-align: center; margin-top: 0px; margin-bottom: 20px; padding-top: 0px; } .roadmap-cta-button{ display: block; width: 100%; text-decoration: none; transition: all 0.3s ease; cursor: pointer; text-align: center; /* Use Global Button Styling */ padding: var(--global-button-padding-y, 12px) 24px; font-size: var(--global-button-font-size, 16px); font-weight: var(--global-button-font-weight, 600); font-family: var(--global-button-font-family, var(--font-body-family, sans-serif)); text-transform: var(--global-button-text-transform, uppercase); letter-spacing: var(--global-button-letter-spacing, 1px); border-radius: var(--global-button-radius, 8px); background: linear-gradient(var(--button-gradient-direction, to bottom), var(--button-gradient-start, #EF4A65), var(--button-gradient-end, #D63953)); color: var(--global-button-text-color, #ffffff); border-left: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65); border-right: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65); border-top: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65); border-bottom: var(--global-button-bottom-border-width, 4px) solid var(--global-button-bottom-border-color, #000000); } .roadmap-cta-button:hover{ /* Global Button Hover State */ background: linear-gradient(var(--button-gradient-direction, to bottom), var(--button-gradient-hover-start, #D63953), var(--button-gradient-hover-end, #B8314A)); color: var(--global-button-hover-text-color, #ffffff); border-left-color: var(--global-button-border-color, #EF4A65); border-right-color: var(--global-button-border-color, #EF4A65); border-top-color: var(--global-button-border-color, #EF4A65); border-bottom-color: var(--global-button-bottom-border-color, #000000); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } @media screen and (min-width: 750px) { .roadmap-button-desktop { display: block; } .roadmap-button-mobile { display: none; } } @media screen and (max-width: 749px) { .roadmap-button-desktop { display: none; } .roadmap-button-mobile { display: block; margin-top: 0px; margin-bottom: 20px; padding-top: 0px; } } #benefits-template--27097554157932__4_benefits_4hg6Jw{ background: #FFFFFF; padding: 40px 20px 40px 20px; } @media screen and (max-width: 767px) { } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__heading, #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__heading *{ color: #000000 !important; font-size: 26px !important; line-height: 1.2 !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__heading{ margin-bottom: 16px !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__heading-accent{ padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; margin-left: 0px !important; color: #1a5fc8 !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__heading-accent *{ font-family: inherit !important; font-style: inherit !important; font-weight: inherit !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__subtitle{ color: #666666 !important; font-size: 14px !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item{ text-align: center !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__icon{ margin-left: auto !important; margin-right: auto !important; width: 60px !important; height: 60px !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__icon-image, #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__icon-svg{ width: 38px !important; height: 38px !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__title{ color: #000000 !important; font-size: 18px !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__description{ color: #666666 !important; font-size: 14px !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__icon{ background: linear-gradient(135deg, rgba(26, 95, 200, 1), rgba(26, 95, 200, 1) 100%); border-radius: 50% !important; } @media screen and (min-width: 768px) { #benefits-template--27097554157932__4_benefits_4hg6Jw { padding: 60px 20px 60px 20px; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__container { max-width: 1200px; margin: 0 auto; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__content-wrapper--no-image .benefits-grid__content { max-width: 600px !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__heading, #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__heading * { color: #000000 !important; font-size: 42px !important; line-height: 1.2 !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__heading-accent { padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; margin-left: 0px !important; color: #1a5fc8 !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__subtitle { color: #666666 !important; font-size: 16px !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefits-grid__items { justify-items: center !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item { text-align: center !important; align-items: center !important; margin-left: auto !important; margin-right: auto !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__icon { margin-left: auto !important; margin-right: auto !important; width: 60px !important; height: 60px !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__icon-image, #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__icon-svg { width: 30px !important; height: 30px !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__title { color: #000000 !important; font-size: 20px !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4hg6Jw .benefit-item__description { color: #666666 !important; font-size: 15px !important; text-align: center !important; } } .custom-benefits-section-wrapper{ background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 100%) !important; padding-top: 35px; padding-bottom: 50px; padding-left: 25px; padding-right: 25px; } @media screen and (min-width: 768px) { .custom-benefits-section-wrapper { } } @media screen and (max-width: 767px) { .custom-benefits-section-wrapper { } } .custom-content-column{ position: relative; z-index: 1; } @media screen and (min-width: 768px) { .custom-benefits-container { flex-direction: row !important; align-items: center !important; gap: 40px !important; } .custom-header-section { display: none !important; } .custom-content-column, .custom-image-column { flex: 1 !important; order: 0 !important; } .custom-section-header.desktop-header { display: block !important; text-align: center !important; margin-bottom: 30px !important; } .custom-content-column { order: 2 !important; position: relative; z-index: 1; } .custom-image-column { order: 1 !important; position: relative; z-index: 1; } } .custom-benefits-section .global-accent-text, .custom-benefits-section-wrapper .global-accent-text, .custom-benefits-section .custom-accent-text, .custom-benefits-section-wrapper .custom-accent-text{ padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; margin-left: -5px !important; color: #1a5fc8 !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } .custom-benefits-section .product-benefits-heading, .custom-benefits-section-wrapper .product-benefits-heading, .custom-benefits-section-wrapper h2.product-benefits-heading{ font-size: 30px !important; color: #0f2945 !important; letter-spacing: var(--letter-spacing-heading) !important; line-height: 1.1 !important; font-weight: var(--font-weight-bold) !important; margin-top: 0px !important; margin-bottom: 12px !important; } .custom-benefits-section .custom-subtitle, .custom-benefits-section-wrapper .custom-subtitle{ font-size: 15px !important; letter-spacing: var(--letter-spacing-body); color: #000000 !important; } .custom-benefits-section .custom-benefit-title, .custom-benefits-section-wrapper .custom-benefit-title, .custom-benefits-section-wrapper h3.custom-benefit-title{ font-size: 16px !important; letter-spacing: var(--letter-spacing-body) !important; margin-bottom: 0px !important; font-weight: var(--font-weight-bold) !important; } .custom-benefits-section [data-block-id="benefit_xUGtLx"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_xUGtLx"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_xUGtLx"] h3.custom-benefit-title{ color: #ffffff !important; } .custom-benefits-section [data-block-id="benefit_cMmFTN"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_cMmFTN"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_cMmFTN"] h3.custom-benefit-title{ color: #ffffff !important; } .custom-benefits-section [data-block-id="benefit_r4dmcC"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_r4dmcC"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_r4dmcC"] h3.custom-benefit-title{ color: #ffffff !important; } .custom-benefits-section [data-block-id="benefit_mhAkWW"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_mhAkWW"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_mhAkWW"] h3.custom-benefit-title{ color: #ffffff !important; } [id*="__sl_st11_"] html body .custom-benefits-section .custom-benefit-title, [id*="__sl_st11_"] html body .custom-benefits-section-wrapper .custom-benefit-title, [id*="__sl_st11_"] html body .custom-benefits-section-wrapper h3.custom-benefit-title, [id*="__sl_st11_"] html body .custom-benefits-section .custom-benefit-item .custom-benefit-title, [id*="__sl_st11_"] html body .custom-benefits-section-wrapper .custom-benefit-item .custom-benefit-title{ color: #1a5fc8 !important; } [id*="__sl_st11_"] html body .custom-benefits-section .custom-benefit-item:nth-child(1) .custom-benefit-title, [id*="__sl_st11_"] html body .custom-benefits-section-wrapper .custom-benefit-item:nth-child(1) .custom-benefit-title{ color: #ffffff !important; } [id*="__sl_st11_"] html body .custom-benefits-section .custom-benefit-item:nth-child(2) .custom-benefit-title, [id*="__sl_st11_"] html body .custom-benefits-section-wrapper .custom-benefit-item:nth-child(2) .custom-benefit-title{ color: #ffffff !important; } [id*="__sl_st11_"] html body .custom-benefits-section .custom-benefit-item:nth-child(3) .custom-benefit-title, [id*="__sl_st11_"] html body .custom-benefits-section-wrapper .custom-benefit-item:nth-child(3) .custom-benefit-title{ color: #ffffff !important; } [id*="__sl_st11_"] html body .custom-benefits-section .custom-benefit-item:nth-child(4) .custom-benefit-title, [id*="__sl_st11_"] html body .custom-benefits-section-wrapper .custom-benefit-item:nth-child(4) .custom-benefit-title{ color: #ffffff !important; } .custom-benefits-section .custom-benefit-description, .custom-benefits-section-wrapper .custom-benefit-description{ font-size: 14px !important; letter-spacing: var(--letter-spacing-body); } .custom-benefits-section .custom-benefits-list, .custom-benefits-section-wrapper .custom-benefits-list{ background: linear-gradient(180deg, rgba(26, 95, 200, 0.83) 4%, rgba(84, 138, 220, 1) 97%) !important; border-radius: 15px !important; padding: 20px !important; max-width: 800px !important; margin: 0 auto !important; border: 1px solid rgba(0,0,0,0) !important; position: static !important; z-index: auto !important; } @media screen and (min-width: 768px) { .custom-benefits-section .product-benefits-heading, .custom-benefits-section-wrapper .product-benefits-heading, .custom-benefits-section-wrapper h2.product-benefits-heading { font-size: 40px !important; letter-spacing: var(--letter-spacing-heading) !important; line-height: 1.1 !important; } .custom-benefits-section .custom-subtitle, .custom-benefits-section-wrapper .custom-subtitle { font-size: 17px !important; } .custom-benefits-section .custom-benefit-title, .custom-benefits-section-wrapper .custom-benefit-title, .custom-benefits-section-wrapper h3.custom-benefit-title { font-size: 20px !important; } .custom-benefits-section .custom-benefit-description, .custom-benefits-section-wrapper .custom-benefit-description { font-size: 14px !important; } } .custom-feature-video{ width: 100%; height: auto; border-radius: 8px; overflow: hidden; background: #000; margin-top: 0px; margin-bottom: 0px; } .custom-video-element{ width: 100% !important; height: auto !important; display: block !important; border-radius: 8px !important; background: #000 !important; } .custom-section-image-container{ margin-top: 0px; margin-bottom: 0px; position: relative; z-index: 1; } .custom-feature-image img, .custom-feature-video, .custom-video-element, .custom-placeholder-image svg{ border-radius: 8px !important; } @media screen and (max-width: 767px) { /* Ensure benefits list appears above image on mobile */ .custom-benefits-section .custom-benefits-list, .custom-benefits-section-wrapper .custom-benefits-list { position: relative !important; z-index: 2 !important; } /* Ensure content column has proper stacking on mobile */ .custom-content-column { position: relative !important; z-index: 1 !important; } } #shopify-section-template--27097554157932__product_benefits_YbcFC3 .custom-benefit-icon{margin-bottom: 0px;} #image-text-section-template--27097554157932__image_with_text_UDekRm{ width: 100%; overflow: hidden; border-radius: 0px; padding-top: 45px; padding-bottom: 45px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-container{ max-width: 1200px; margin: 0 auto; padding: 0 20px; } @media (max-width: 990px) { #image-text-section-template--27097554157932__image_with_text_UDekRm:has(.mobile-media-full-width) .image-text-container { padding: 0 !important; } } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-content{ display: flex; flex-direction: column; gap: 30px; } @media screen and (max-width: 599px) { #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-content { flex-direction: column; gap: 30px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column, #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column { width: 100%; } } #image-text-section-template--27097554157932__image_with_text_UDekRm .mobile-heading-above-image{ display: none; width: 100%; order: -1; } @media screen and (max-width: 990px) { } @media screen and (min-width: 991px) { #image-text-section-template--27097554157932__image_with_text_UDekRm .mobile-heading-above-image { display: none !important; } /* Always show heading in text-column on desktop */ #image-text-section-template--27097554157932__image_with_text_UDekRm .heading-block-wrapper.hide-on-mobile { display: block; } } #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column{ width: 100%; padding: 0px; border-radius: 8px; overflow: hidden; } #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column.background-image-mode{ min-height: 400px; } @media screen and (min-width: 991px) { #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column.background-image-mode { min-height: 500px; } } #image-text-section-template--27097554157932__image_with_text_UDekRm .main-image, #image-text-section-template--27097554157932__image_with_text_UDekRm .main-video{ width: 100%; height: auto; border-radius: 8px !important; object-fit: cover; display: block; margin-top: 40px; margin-bottom: 0px; max-width: 800px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .main-video{ background-color: #000; /* Fix for iOS Safari video clipping issue */ -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } #image-text-section-template--27097554157932__image_with_text_UDekRm .media-placeholder{ width: 100%; aspect-ratio: 16/9; background-color: #f5f5f5; display: flex; align-items: center; justify-content: center; border-radius: 8px !important; margin-top: 40px; margin-bottom: 0px; max-width: 800px; margin: 0 auto; } #image-text-section-template--27097554157932__image_with_text_UDekRm .media-placeholder svg{ width: 40%; height: 40%; fill: #d0d0d0; } #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column{ display: flex; flex-direction: column; padding: 0px 0px; overflow: visible; box-sizing: border-box; min-width: 0; /* Allow flex item to shrink below content size */ align-items: flex-start; text-align: left; gap: 15px; justify-content: center; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-heading{ font-weight: var(--font-weight-bold); color: #ffffff !important; margin-bottom: 0; letter-spacing: var(--letter-spacing-heading) !important; word-wrap: break-word; overflow-wrap: break-word; word-break: normal; hyphens: auto; width: 100%; max-width: 100%; box-sizing: border-box; } #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column > div{ width: 100%; max-width: 100%; box-sizing: border-box; overflow: visible; } #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column{ overflow: visible !important; max-width: 100%; } #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column h2, #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column .image-text-heading{ display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; overflow-wrap: break-word !important; word-wrap: break-word !important; word-break: break-word !important; white-space: normal !important; hyphens: auto !important; box-sizing: border-box !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column > div:first-child{ width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accent-text{ color: #ffffff; font-family: , ; font-weight: ; font-style: ; letter-spacing: var(--letter-spacing-heading) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accent-text{ padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; color: #ffffff !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-subtitle{ font-weight: var(--font-weight-semibold); margin-top: 0; margin-bottom: 0; letter-spacing: var(--letter-spacing-heading); } #image-text-section-template--27097554157932__image_with_text_UDekRm .subtitle-wrapper{ width: fit-content !important; max-width: 100% !important; display: inline-block !important; align-self: flex-start; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-divider-wrapper{ display: flex !important; align-items: center !important; width: 100% !important; clear: both !important; box-sizing: border-box !important; position: relative !important; z-index: 1 !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-divider-line{ display: block !important; flex-shrink: 0 !important; box-sizing: border-box !important; position: relative !important; min-height: 1px !important; min-width: 20px !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-divider-line:empty{ background-color: #000000 !important; height: 2px !important; width: 50% !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body{ line-height: 1.6; margin-bottom: 0; letter-spacing: var(--letter-spacing-body); } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list{ padding-left: 0; margin: 0; list-style-type: none; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.no-bullets{ list-style-type: none; padding-left: 0; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list .list-title{ font-weight: var(--font-weight-semibold); margin-bottom: 12px; list-style-type: none; padding-left: 0; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list .list-item{ margin-bottom: 10px; line-height: 1.4; position: relative; display: flex; align-items: flex-start; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list .item-icon{ width: 20px; height: 20px; flex-shrink: 0; margin-right: 10px; display: flex; align-items: center; justify-content: center; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list .item-icon svg{ width: 100%; height: 100%; fill: currentColor; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list .item-icon img{ width: 100%; height: 100%; object-fit: contain; display: block; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list .item-text{ flex: 1; letter-spacing: var(--letter-spacing-body); } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.emoji-bullets .list-item{ list-style-type: none; position: relative; padding-left: 25px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.emoji-bullets .list-item:before{ content: attr(data-icon); position: absolute; left: 0; top: 0; } #image-text-section-template--27097554157932__image_with_text_UDekRm .secondary-image-container{ width: 100%; margin-top: 5px; margin-bottom: 5px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .secondary-image{ max-width: 100%; height: auto; border-radius: 4px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .button-container{ margin-top: 0; } #image-text-section-template--27097554157932__image_with_text_UDekRm .button{ display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; background-color: #ef4a65; color: #ffffff; text-decoration: none; font-weight: var(--font-weight-bold); transition: all 0.3s ease; letter-spacing: var(--letter-spacing-body); text-transform: none; text-align: center; min-width: 120px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .button.button-section-specific-sizing{ padding: var(--global-button-padding-y) 24px !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .button:hover{ opacity: 0.9; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.two-columns{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px 2px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.two-columns .list-title{ grid-column: 1 / -1; /* Make title span both columns */ margin-bottom: 15px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.pill-style{ display: flex; flex-wrap: wrap; gap: 8px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.pill-style .list-title{ width: 100%; margin-bottom: 12px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.pill-style .list-item.pill-item{ display: inline-flex; align-items: center; margin-bottom: 0; transition: all 0.3s ease; cursor: default; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.pill-style .list-item.pill-item:hover{ transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.pill-style .list-item.pill-item .item-icon{ margin-right: 6px; width: 16px; height: 16px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.pill-style .list-item.pill-item .item-icon img{ width: 100%; height: 100%; object-fit: contain; display: block; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.pill-style .list-item.pill-item .item-text{ font-size: inherit; line-height: 1.2; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.pill-style.two-columns{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list.pill-style.two-columns .list-title{ grid-column: 1 / -1; } @media screen and (max-width: 990px) { #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-heading[data-block-id="heading_MrFprK"] { font-size: 2.6rem !important; line-height: 1.2 !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accent-text[data-block-id="heading_MrFprK"] { font-size: 2.6rem !important; line-height: 1.2 !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list[data-block-id="bullet_list_gP4Y9c"] { font-size: 1.6rem !important; } } @media screen and (min-width: 991px) { #image-text-section-template--27097554157932__image_with_text_UDekRm { padding-top: 25px; padding-bottom: 25px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-container { padding: 0 20px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-content { flex-direction: row; align-items: stretch; gap: 35px; } /* Column widths */ #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column { width: 50%; flex-shrink: 0; align-self: stretch; display: flex; align-items: center; } #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column { width: 50%; flex-shrink: 1; min-width: 0; /* Allow flex item to shrink below content size */ } /* Override minimum heights when full height is set very low */ /* Desktop background image mode styling */ #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column.background-image-mode { min-height: 500px; } /* Allow text column to expand with FAQ content */ #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column { flex-grow: 1; min-height: 400px; justify-content: center; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-content.image-right .media-column { order: 2; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-content.image-right .text-column { order: 1; padding: 0px 0px 0px 0px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-content.image-left .text-column { padding: 0px 0px 0px 0px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-heading { margin-bottom: 25px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body { line-height: 1.5; margin-bottom: 25px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column { gap: 20px; } /* Desktop image/video margins */ #image-text-section-template--27097554157932__image_with_text_UDekRm .main-image, #image-text-section-template--27097554157932__image_with_text_UDekRm .main-video { margin-top: 20px; margin-bottom: 20px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .media-placeholder { margin-top: 20px; margin-bottom: 20px; } /* Block-level font sizes on desktop */ #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-heading[data-block-id="heading_MrFprK"] { font-size: 3.8rem !important; line-height: 1.2 !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accent-text[data-block-id="heading_MrFprK"] { font-size: 3.8rem !important; line-height: 1.2 !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-bullet-list[data-block-id="bullet_list_gP4Y9c"] { font-size: 1.6rem !important; } } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body p{ margin-bottom: 0.5em; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body p:last-child{ margin-bottom: 0; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body strong{ font-weight: 600 !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body em{ font-style: italic !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body a{ text-decoration: underline; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body ul, #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body ol{ margin: 0.5em 0; padding-left: 1.5em; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body li{ margin-bottom: 0.25em; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-container{ width: 100%; max-width: 100%; box-sizing: border-box; overflow: visible; flex-shrink: 1; /* Allow accordion to shrink if needed */ min-width: 0; /* Allow shrinking below content size */ } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item{ width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; /* Allow shrinking below content size */ } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-title{ margin: 0 0 16px 0; font-weight: 600; font-size: var(--accordion-title-size); } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-items-wrapper{ width: 100%; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item{ overflow: hidden; transition: all 0.2s ease; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header{ display: flex; align-items: center; padding: var(--header-padding-mobile); cursor: pointer; font-weight: 500; position: relative; transition: background-color 0.3s ease; gap: 16px; width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; /* Allow header to shrink below content size */ } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header:hover{ opacity: 0.9; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header-icon{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; width: var(--accordion-icon-size-mobile); height: var(--accordion-icon-size-mobile); margin-right: 12px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header-icon svg{ width: 100%; height: 100%; fill: currentColor; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header-text{ flex-grow: 1; padding-right: 15px; font-weight: 500; letter-spacing: var(--letter-spacing-body); font-size: var(--accordion-header-size); } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-toggle{ position: absolute; right: var(--header-padding-mobile); font-size: var(--accordion-toggle-size); font-weight: bold; transition: transform 0.3s ease; line-height: 1; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item.active .accordion-toggle{ transform: rotate(45deg); } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content{ padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner{ padding: var(--content-padding-mobile); opacity: 0; transition: opacity 0.3s ease; line-height: 1.6; font-size: var(--accordion-content-size); } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item.active .accordion-content{ max-height: 1000px !important; padding: var(--content-outer-padding-mobile) 0 !important; overflow: visible !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item.active .accordion-content-inner{ opacity: 1 !important; letter-spacing: var(--letter-spacing-body); padding: var(--content-padding-mobile) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item.active .accordion-toggle{ transform: rotate(45deg) !important; } @media screen and (min-width: 600px) and (max-width: 990px) { /* Ensure the media column doesn't change size when FAQ expands */ #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column { position: relative; } /* Ensure main video/image maintains its aspect ratio and doesn't stretch */ #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column .main-video, #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column .main-image { height: auto !important; max-height: none !important; object-fit: cover; width: 100%; flex-shrink: 0; } /* Allow text column to expand independently and use full width */ #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column { overflow: visible; width: 100% !important; max-width: 100% !important; } /* Ensure accordion content doesn't push media column and uses full width */ #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-container { width: 100% !important; max-width: 100% !important; } /* Ensure all text content uses full width */ #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column > *, #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-heading, #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-body { width: 100% !important; max-width: 100% !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item.active .accordion-content { max-height: none !important; height: auto !important; } } @media screen and (min-width: 991px) { /* Ensure the media column doesn't change size when FAQ expands */ #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column { height: fit-content; position: relative; } /* Ensure main video/image maintains its aspect ratio and doesn't stretch */ #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column .main-video, #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column .main-image { height: auto !important; max-height: none !important; object-fit: cover; width: 100%; flex-shrink: 0; } /* Allow text column to expand independently */ #image-text-section-template--27097554157932__image_with_text_UDekRm .text-column { overflow: visible; } /* Ensure accordion content doesn't push media column */ #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-container { width: 100%; max-width: 100%; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item.active .accordion-content { max-height: none !important; height: auto !important; } /* Desktop icon size */ #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header-icon { width: var(--accordion-icon-size-desktop); height: var(--accordion-icon-size-desktop); } } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item:not(.active) .accordion-content{ max-height: 0 !important; padding: 0 !important; overflow: hidden !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item:not(.active) .accordion-content-inner{ opacity: 0 !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner p, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner ul, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner ol, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner li, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner strong, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner em, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner b, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner i, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner a{ color: inherit !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner strong, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner b{ font-weight: bold; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner em, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner i{ font-style: italic; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner a{ color: inherit; text-decoration: underline; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner p{ margin-top: 0; margin-bottom: 10px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner p:last-child{ margin-bottom: 0; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner ul, #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner ol{ margin: 10px 0; padding-left: 20px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner li{ margin-bottom: 5px; } @media (max-width: 599px) { #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-container { max-width: 100%; } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-heading { margin-bottom: 20px !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header { padding: var(--header-padding-mobile); gap: 12px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-toggle { right: var(--header-padding-mobile); font-size: var(--accordion-toggle-size-mobile) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner { padding: var(--content-padding-mobile); } /* Mobile text size overrides */ #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-title { font-size: var(--accordion-title-size-mobile) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header-text { font-size: var(--accordion-header-size-mobile) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner { font-size: var(--accordion-content-size-mobile) !important; } } @media (min-width: 600px) and (max-width: 990px) { #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header { padding: calc(var(--header-padding-desktop) * 0.5) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-toggle { right: calc(var(--header-padding-desktop) * 0.5) !important; font-size: calc(var(--accordion-toggle-size-desktop) * 0.75) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner { padding: calc(var(--content-padding-desktop) * 0.5) !important; font-size: calc(var(--accordion-content-size-desktop) * 0.8) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item.active .accordion-content { padding: calc(var(--content-outer-padding-desktop) * 0.5) 0 !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item.active .accordion-content-inner { padding: calc(var(--content-padding-desktop) * 0.5) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-title { font-size: calc(var(--accordion-title-size-desktop) * 0.7) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header-text { font-size: calc(var(--accordion-header-size-desktop) * 0.8) !important; } } @media (min-width: 991px) { #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header { padding: var(--header-padding-desktop) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-toggle { right: var(--header-padding-desktop) !important; font-size: var(--accordion-toggle-size-desktop) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-content-inner { padding: var(--content-padding-desktop) !important; font-size: var(--accordion-content-size-desktop) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item.active .accordion-content { padding: var(--content-outer-padding-desktop) 0 !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-item.active .accordion-content-inner { padding: var(--content-padding-desktop) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-title { font-size: var(--accordion-title-size-desktop) !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .accordion-header-text { font-size: var(--accordion-header-size-desktop) !important; } } #image-text-section-template--27097554157932__image_with_text_UDekRm .button-container{ width: 100%; max-width: 100%; box-sizing: border-box; overflow: visible; flex-shrink: 1; /* Allow button container to shrink if needed */ min-width: 0; /* Allow shrinking below content size */ } #image-text-section-template--27097554157932__image_with_text_UDekRm .button-container .button{ max-width: 100%; box-sizing: border-box; word-wrap: break-word; min-width: 0; /* Allow button to shrink if needed */ } #image-text-section-template--27097554157932__image_with_text_UDekRm .button-container.full-width-mobile{ width: 100%; max-width: 100%; box-sizing: border-box; } #image-text-section-template--27097554157932__image_with_text_UDekRm .button.full-width-mobile{ width: 100% !important; max-width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-width: unset !important; box-sizing: border-box !important; overflow: hidden !important; } @media (max-width: 990px) { #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-content.mobile-media-full-width { gap: 0px; } #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column.mobile-full-width { margin-left: 0; margin-right: 0; padding: 0 !important; width: 100%; max-width: none; } #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column.mobile-full-width .main-image, #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column.mobile-full-width .main-video, #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column.mobile-full-width .media-placeholder { border-radius: 0 !important; max-width: none !important; width: 100% !important; height: auto !important; } #image-text-section-template--27097554157932__image_with_text_UDekRm .mobile-media-full-width .text-column { padding-top: 30px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 990px) { #image-text-section-template--27097554157932__image_with_text_UDekRm .media-column.mobile-full-width .main-video { object-fit: cover !important; display: block !important; min-height: 200px !important; } /* Ensure no overflow issues */ #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-content.mobile-media-full-width { overflow: hidden; } /* Ensure container allows overflow */ #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-container { overflow-x: hidden; } } #image-text-section-template--27097554157932__image_with_text_UDekRm .image-text-heading{ color: #ffffff !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; word-wrap: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; } .icon-block{ width: 100%; box-sizing: border-box; } .icon-wrapper{ box-sizing: border-box; } .icon-wrapper img{ display: block; } .icon-svg svg{ width: 100%; height: 100%; display: block; } .section-template--27097554157932__product_comparison_ahRqAP{ background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 100%); /* Theme color for background is handled by the div's inline style */ padding-top: 40px !important; padding-bottom: 40px !important; padding-left: 20px !important; padding-right: 20px !important; /* Section borders */ } @media screen and (max-width: 767px) { .section-template--27097554157932__product_comparison_ahRqAP { padding-top: 32px !important; padding-bottom: 32px !important; padding-left: 16px !important; padding-right: 16px !important; } } .section-template--27097554157932__product_comparison_ahRqAP .comparison-container{ max-width: 1200px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } @media (max-width: 991px) { .section-template--27097554157932__product_comparison_ahRqAP .comparison-container { padding-top: 0px; padding-bottom: 0px; padding-left: 16px; padding-right: 16px; } } .section-template--27097554157932__product_comparison_ahRqAP .comparison-layout{ display: flex; flex-direction: column; gap: 2rem; width: 100%; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-text-column-wrapper{ width: 100%; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-text-column{ width: 100%; text-align: center; padding-left: 20px; padding-right: 20px; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-text-column .comparison-heading{ margin-bottom: 15px; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-text-column .comparison-subheading{ margin-bottom: 0; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-desktop-description{ display: none; /* Hidden on mobile by default */ margin-top: 15px; letter-spacing: var(--letter-spacing-body); font-size: 14px; line-height: 1.5; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-table-column{ width: 100%; flex: 1; } @media screen and (min-width: 990px) { .section-template--27097554157932__product_comparison_ahRqAP .comparison-table-column { width: auto; } .section-template--27097554157932__product_comparison_ahRqAP .table-wrapper { width: 100%; } } @media screen and (min-width: 990px) { .section-template--27097554157932__product_comparison_ahRqAP .comparison-layout { flex-direction: row; align-items: stretch; gap: 4rem; min-height: 400px; /* Ensure minimum height for centering to work */ } .section-template--27097554157932__product_comparison_ahRqAP .comparison-text-column-wrapper { flex: 1; max-width: 60%; order: 1; align-self: stretch; /* Force the wrapper to stretch to parent height */ display: flex; flex-direction: column; justify-content: center; align-items: center; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-text-column { width: auto; padding-left: 40px; padding-right: 40px; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-desktop-description { display: block; /* Show on desktop */ font-size: 16px; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-table-column { order: 2; flex: 0 0 40%; max-width: 40%; } } .section-template--27097554157932__product_comparison_ahRqAP .comparison-header{ display: none; } @media screen and (min-width: 990px) { /* Reduce vertical spacing */ .section-template--27097554157932__product_comparison_ahRqAP .product-header { padding: 12px 6px; /* Much smaller horizontal padding */ width: 80px; } .section-template--27097554157932__product_comparison_ahRqAP .feature-cell { padding: 10px 6px; /* Much smaller horizontal padding */ } .section-template--27097554157932__product_comparison_ahRqAP .feature-header { width: 100px; /* Much narrower - reduced from 180px to 100px */ padding: 10px 6px; /* Much smaller horizontal padding */ } .section-template--27097554157932__product_comparison_ahRqAP .value-cell { padding: 10px 6px; /* Much smaller horizontal padding */ width: 80px; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-img-wrapper { margin-bottom: 8px; /* Reduced from 15px */ } .section-template--27097554157932__product_comparison_ahRqAP .comparison-product-title { margin-bottom: 4px; /* Reduced from 6px */ } } .section-template--27097554157932__product_comparison_ahRqAP .global-accent-text{ /* Title Part 2 with custom color */ color: #1a5fc8; font-weight: bold; font-style: normal; margin-left: 12px; font-style: normal !important; font-weight: 300 !important; padding-right: 4px !important; display: inline-block !important; line-height: inherit !important; vertical-align: baseline !important; } .section-template--27097554157932__product_comparison_ahRqAP .custom-accent-text{ color: !important; font-weight: 300 !important; padding-right: 4px !important; display: inline-block !important; line-height: inherit !important; vertical-align: baseline !important; } /* .section-template--27097554157932__product_comparison_ahRqAP .comparison-subheading{ color: #000000; } [id*="__sl_st11_"] */ /* .section-template--27097554157932__product_comparison_ahRqAP .product-header:not(.highlighted) .comparison-product-title{ color: #0d1823; } .section-template--27097554157932__product_comparison_ahRqAP .product-header:not(.highlighted) .product-subtitle{ color: #ababab; } [id*="__sl_st11_"] */ /* .section-template--27097554157932__product_comparison_ahRqAP .product-header.highlighted .comparison-product-title{ color: #ffffff !important; } .section-template--27097554157932__product_comparison_ahRqAP .product-header.highlighted .product-subtitle{ color: #ffffff !important; } [id*="__sl_st11_"] */ /* Feature Row - Feature Name (general, not column specific) */ /* .section-template--27097554157932__product_comparison_ahRqAP .feature-name{ color: #0d1823; /* Or a more general feature_name_color if added */ } [id*="__sl_st11_"] */ /* Feature Row Icons (general, not column specific) */ .section-template--27097554157932__product_comparison_ahRqAP .feature-icon{ color: #ababab; } .section-template--27097554157932__product_comparison_ahRqAP .value-cell:not(.highlighted) .check-yes{ color: #ababab; } .section-template--27097554157932__product_comparison_ahRqAP .value-cell:not(.highlighted) .check-no{ color: #ababab; } .section-template--27097554157932__product_comparison_ahRqAP .value-cell.highlighted .check-yes{ color: #ffffff !important; } .section-template--27097554157932__product_comparison_ahRqAP .value-cell.highlighted .check-no{ color: #ffffff !important; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-heading{ font-size: 30px; font-family: var(--font-heading-family); font-weight: var(--font-weight-bold); font-style: var(--font-heading-style); letter-spacing: var(--font-heading-letter-spacing); text-transform: var(--font-heading-text-transform); line-height: 1.2; } @media screen and (min-width: 990px) { .section-template--27097554157932__product_comparison_ahRqAP .comparison-heading { font-size: 40px; } } .section-template--27097554157932__product_comparison_ahRqAP .comparison-heading .accent-text{ display: inline-block !important; line-height: 1 !important; margin-left: 12px !important; /* 1. Apply Color or Gradient */ color: #1a5fc8 !important; /* 2. Apply Typography */ /* Use global accent fonts */ font-family: var(--font-accent-family) !important; font-style: var(--font-accent-style) !important; font-weight: var(--font-accent-weight) !important; letter-spacing: var(--font-accent-letter-spacing) !important; text-transform: var(--font-accent-text-transform) !important; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-subheading{ font-size: 15px; } .section-template--27097554157932__product_comparison_ahRqAP .comparison-product-title{ font-size: 21px; } .section-template--27097554157932__product_comparison_ahRqAP .product-subtitle{ font-size: 10px; } .section-template--27097554157932__product_comparison_ahRqAP .feature-name{ font-size: 15px; } .section-template--27097554157932__product_comparison_ahRqAP .text-value{ font-size: 14px; letter-spacing: var(--letter-spacing-body); } .section-template--27097554157932__product_comparison_ahRqAP .check-yes svg, .section-template--27097554157932__product_comparison_ahRqAP .check-no svg{ width: 24px; height: 24px; } .section-template--27097554157932__product_comparison_ahRqAP .check-yes .custom-check-icon, .section-template--27097554157932__product_comparison_ahRqAP .check-no .custom-check-icon{ width: 24px; height: 24px; object-fit: contain; } .section-template--27097554157932__product_comparison_ahRqAP .table-header th, .section-template--27097554157932__product_comparison_ahRqAP .feature-row td{ border-bottom: 1px solid #000000; } .section-template--27097554157932__product_comparison_ahRqAP .product-header.highlighted:before, .section-template--27097554157932__product_comparison_ahRqAP .value-cell.highlighted:before{ background-color: #1a5fc8; } .section-template--27097554157932__product_comparison_ahRqAP .product-header.highlighted:before{ border-radius: 10px 10px 0 0; } .section-template--27097554157932__product_comparison_ahRqAP tr:last-child .value-cell.highlighted:before{ border-radius: 0 0 10px 10px; } .section-template--27097554157932__product_comparison_ahRqAP .product-header.highlighted:after{ /* Assuming :after is used for overlay or similar, ensure radius matches */ border-radius: 10px 10px 0 0; } .section-template--27097554157932__product_comparison_ahRqAP tr:last-child .value-cell.highlighted:after{ border-radius: 0 0 10px 10px; } .section-template--27097554157932__product_comparison_ahRqAP .product-header.highlighted:after, .section-template--27097554157932__product_comparison_ahRqAP .value-cell.highlighted:after{ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important; } .section-template--27097554157932__product_comparison_ahRqAP .column-1-img{ max-height: 80px; } .section-template--27097554157932__product_comparison_ahRqAP .column-1 .subtitle-icon{ color: #ffffff !important; } .section-template--27097554157932__product_comparison_ahRqAP .column-1 .product-subtitle{ background: rgba(249, 253, 255, 0.2); border: 1px solid rgba(242, 242, 242, 0.3); } .section-template--27097554157932__product_comparison_ahRqAP .column-2-img{ max-height: 80px; } .section-template--27097554157932__product_comparison_ahRqAP .column-2 .subtitle-icon{ color: #ababab !important; } .section-template--27097554157932__product_comparison_ahRqAP .column-2 .product-subtitle{ background: rgba(112, 112, 112, 0.2); border: 1px solid rgba(112, 112, 112, 0.3); } @media (max-width: 767px) { .section-template--27097554157932__product_comparison_ahRqAP .comparison-product-title { font-size: 16px !important; } .section-template--27097554157932__product_comparison_ahRqAP .product-subtitle { font-size: 10px !important; } .section-template--27097554157932__product_comparison_ahRqAP .feature-name { font-size: 13px !important; } .section-template--27097554157932__product_comparison_ahRqAP .text-value { font-size: 12px !important; } /* Checkmark/X Icon Sizing - Mobile */ .section-template--27097554157932__product_comparison_ahRqAP .check-yes svg, .section-template--27097554157932__product_comparison_ahRqAP .check-no svg { width: 20px !important; height: 20px !important; } /* Custom Icon Images - Mobile */ .section-template--27097554157932__product_comparison_ahRqAP .check-yes .custom-check-icon, .section-template--27097554157932__product_comparison_ahRqAP .check-no .custom-check-icon { width: 20px !important; height: 20px !important; } /* Column-specific mobile image sizes */ .section-template--27097554157932__product_comparison_ahRqAP .column-1-img { max-height: 75px; } .section-template--27097554157932__product_comparison_ahRqAP .column-2-img { max-height: 50px; } } .reviews-section-outer .main-title{ font-size: 29px; } .reviews-section-outer .subtitle{ font-size: 14px; } @media screen and (min-width: 768px) { .reviews-section-outer .main-title { font-size: 42px; } .reviews-section-outer .subtitle { font-size: 18px; } } .reviews-section-outer .new-section .claim-button.theme-button{ background-color: #fb7948 !important; color: white !important; } .reviews-section-outer .new-section .claim-button.theme-button:hover{ background-color: #fb7948 !important; opacity: 0.9 !important; } .reviews-section-outer .new-section .claim-button .button-text{ /* Use Custom Button Text Sizing */ font-size: 14px !important; font-weight: var(--global-button-font-weight, 700) !important; letter-spacing: var(--global-button-letter-spacing, 1px) !important; text-transform: var(--global-button-text-transform, none) !important; } .reviews-section-outer .new-section .content-wrapper .main-title.h2{ color: #000000 !important; } .reviews-section-outer .new-section .content-wrapper .subtitle.body-large{ color: #000000 !important; } .reviews-section-outer .reviewSwiper.swiper{ overflow: hidden; transition: opacity 0.15s ease-out; } .reviews-section-outer .reviewSwiper--pending{ opacity: 0; pointer-events: none; } .global-nav-button:hover{ background: var(--nav-btn-bg-hover) !important; color: var(--nav-btn-color-hover) !important; border-color: var(--nav-btn-border-color-hover) !important; opacity: var(--nav-btn-opacity-hover) !important; } .global-nav-button[data-enable-hover-transform="true"]:hover{ transform: translateY(-2px); } .global-nav-button svg{ pointer-events: none; flex-shrink: 0; } .global-nav-button:hover{ background: var(--nav-btn-bg-hover) !important; color: var(--nav-btn-color-hover) !important; border-color: var(--nav-btn-border-color-hover) !important; opacity: var(--nav-btn-opacity-hover) !important; } .global-nav-button[data-enable-hover-transform="true"]:hover{ transform: translateY(-2px); } .global-nav-button svg{ pointer-events: none; flex-shrink: 0; } .testimonials-section.section-template--27097554157932__testimonials_QhQfgw{ --testimonials-gap: 20px; --card-width-mobile: 85%; --card-width-desktop: 320px; } .testimonials-container{ max-width: 1200px; margin: 0 auto; padding: 0 20px; } .testimonials-header{ text-align: center; margin-bottom: 40px; } .testimonials-heading{ margin-bottom: 20px; font-size: 52px; line-height: 1.2; } .testimonials-subtitle{ margin-bottom: 20px; font-size: 16px; line-height: 1.4; max-width: 800px; margin-left: auto; margin-right: auto; } .testimonials-section .testimonials-global-accent-text, .testimonials-section .testimonials-custom-accent-text{ padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; margin-left: 0px !important; color: #0f2945 !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } .testimonials-rating{ display: flex; flex-direction: column; align-items: center; gap: 8px; } .rating-stars{ display: flex; gap: 4px; font-size: 20px; } .testimonials-rating-text{ margin: 0; color: #0f2945; } .testimonials-rating-text p{ margin: 0 !important; padding: 0 !important; } .testimonials-rating-text strong, .testimonials-rating-text b{ font-weight: 700 !important; } .star{ opacity: 0.3; } .star.filled{ opacity: 1; } .testimonials-carousel{ position: relative; overflow: hidden; } .testimonials-track{ display: flex; gap: var(--testimonials-gap); transition: transform 0.3s ease; padding-bottom: 20px; justify-content: flex-start; } .testimonial-card{ flex: 0 0 var(--card-width-mobile); padding: 24px; border-radius: 12px; display: flex; flex-direction: column; gap: 2px; min-height: 200px; } @media screen and (min-width: 750px) { .testimonials-carousel { overflow: visible; /* Allow partial cards to show */ } .testimonial-card { flex: 0 0 300px; /* Fixed width for consistent sizing */ max-width: 300px; height: min-content; } .testimonials-track { display: flex; align-items: flex-start; } } .card-rating{ display: flex; gap: 4px; } .testimonials-card-star{ width: 16px !important; Height: 16px !important; } .testimonial-title{ font-size: 20px; margin: 0; line-height: 1.3; } .testimonial-card .testimonial-title[style*="color"]{ color: inherit !important; } .testimonial-content{ flex: 1; letter-spacing: var(--letter-spacing-body); line-height: 1.5; font-size: 14px; } .testimonial-author-container{ margin-top: auto; padding-top: 8px; } .testimonial-author{ display: flex; align-items: center; gap: 12px; } .author-avatar{ width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; overflow: hidden; } .author-avatar img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .author-info{ flex-grow: 1; height: 40px; gap: 4px; display: flex; flex-direction: column; justify-content: center; } .author-info-container{ display: flex; } .author-info-details{ display: inline-flex; align-items: center; font-size: 12px; border-radius: 50px; padding: 1px 2px; width: auto; max-width: fit-content; } .author-name{ font-size: 12px; margin: 0; line-height: 1.2; font-weight: var(--font-weight-medium); letter-spacing: var(--letter-spacing-body); } .testimonials-verified-badge{ font-size: 12px !important; display: flex; margin-left: 4px; align-items: center; gap: 4px; font-weight: var(--font-weight-bold); } .verified-icon{ color: white; border-radius: 50%; width: 10px; height: 10px; display: flex; align-items: center; justify-content: center; font-size: 8px; } .testimonials-product-purchase-date{ font-size: 12px; display: flex; align-items: center; gap: 4px; margin: 0px 0 0 0; } .testimonials-navigation{ display: flex; justify-content: center; gap: 12px; margin-top: 20px; } .testimonials-navigation .global-nav-button:disabled{ opacity: 0.3; cursor: not-allowed; } .testimonials-dots{ display: flex; justify-content: center; gap: 8px; margin-top: 24px; align-items: center; min-height: 16px; padding: 4px 0; overflow: visible; } .dot{ width: 8px; height: 8px; border-radius: 50%; border: none; cursor: pointer; transition: opacity 0.2s ease; opacity: 0.4; transform: none !important; scale: none !important; flex-shrink: 0; overflow: visible; } .dot.active{ opacity: 1; transform: none !important; scale: none !important; width: 8px !important; height: 8px !important; } @media screen and (max-width: 749px) { .testimonials-container { padding: 0 15px; } .testimonials-header { margin-bottom: 30px; } .testimonials-heading { font-size: 32px !important; } .testimonials-subtitle { font-size: 16px !important; } .testimonial-title { font-size: 20px !important; } .testimonial-content { font-size: 13px !important; } .testimonials-verified-badge { font-size: 11px !important; } .testimonials-product-purchase-date { font-size: 11px !important; } .testimonial-card { scroll-snap-align: start; } .testimonials-navigation { display: none; } } @media screen and (min-width: 750px) { .testimonial-card { flex: 0 0 var(--card-width-desktop); } .testimonials-track { overflow: visible; } } #benefits-template--27097554157932__4_benefits_4W3HNh{ background: #FFFFFF; padding: 20px 20px 40px 20px; } @media screen and (max-width: 767px) { } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__heading, #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__heading *{ color: #0f2945 !important; font-size: 32px !important; line-height: 1.2 !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__heading{ margin-bottom: 16px !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__heading-accent{ padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; margin-left: 0px !important; color: #2bb2fd !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__heading-accent *{ font-family: inherit !important; font-style: inherit !important; font-weight: inherit !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__subtitle{ color: #758da7 !important; font-size: 15px !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item{ text-align: center !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__icon{ margin-left: auto !important; margin-right: auto !important; width: 80px !important; height: 80px !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__icon-image, #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__icon-svg{ width: 80px !important; height: 80px !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__title{ color: #0f2945 !important; font-size: 18px !important; text-align: center !important; font-weight: 700 !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__description{ color: #758da7 !important; font-size: 14px !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__icon{ background: radial-gradient(rgba(43, 178, 253, 1) 3%, rgba(43, 178, 253, 1) 100%); border-radius: 50% !important; box-shadow: 0px 4px 12px 0px rgba(43, 178, 253, 0.55) !important; } @media screen and (min-width: 768px) { #benefits-template--27097554157932__4_benefits_4W3HNh { padding: 30px 20px 60px 20px; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__container { max-width: 1200px; margin: 0 auto; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__content-wrapper--no-image .benefits-grid__content { max-width: 800px !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__heading, #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__heading * { color: #0f2945 !important; font-size: 56px !important; line-height: 1.2 !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__heading-accent { padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; margin-left: 0px !important; color: #2bb2fd !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__subtitle { color: #758da7 !important; font-size: 16px !important; text-align: center !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefits-grid__items { justify-items: center !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item { text-align: center !important; align-items: center !important; margin-left: auto !important; margin-right: auto !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__icon { margin-left: auto !important; margin-right: auto !important; width: 100px !important; height: 100px !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__icon-image, #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__icon-svg { width: 98px !important; height: 98px !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__title { color: #0f2945 !important; font-size: 20px !important; text-align: center !important; font-weight: 700 !important; } #benefits-template--27097554157932__4_benefits_4W3HNh .benefit-item__description { color: #758da7 !important; font-size: 15px !important; text-align: center !important; } } .guarantee-section{ --section-background: linear-gradient(90deg, rgba(26, 95, 200, 1), rgba(26, 95, 200, 1) 100%); --padding-top-mobile: 40px; --padding-bottom-mobile: 40px; --padding-top: 60px; --padding-bottom: 60px; --overflow-setting: hidden; --padding-top-no-photos-mobile: 15px; --padding-top-no-photos-desktop: 15px; --polaroid-size-mobile: 100px; --polaroid-size-desktop: 180px; --polaroid-z-index: auto; --mobile-photos-margin-top: -8px; --photos-margin-top: 12px; --photos-margin-bottom: -12px; --photos-z-index: 1; --content-padding-mobile: 15px; --content-padding-desktop: 20px; --content-width: 100%; --content-max-width: 300px; --content-max-width-no-photos: 450px; --icon-color: #ffffff; --icon-margin-bottom: 10px; --heading-size-mobile: 24px; --heading-size-desktop: 26px; --heading-line-height: 1.3; --risk-free-color: ; --beauty-revolution-color: ; --accent-text-margin-right: 5px; --accent-font-family: , ; --accent-font-weight: ; --accent-font-style: ; --description-size-mobile: 14px; --description-size-desktop: 16px; --description-color: #a4c3ed; --description-line-height: 1.5; --button-background: #2bb2fd; --button-background-hover: #029df3; --button-text-color: #ffffff; --benefit-size-mobile: 12px; --benefit-size-desktop: 14px; --benefit-text-color: #a4c3ed; --checkmark-color: #1b8bff; } .guarantee-section .guarantee-section{ background: transparent !important; } .guarantee-section__cta, .theme-button.guarantee-section__cta{ /* Always use global spacing and consistency */ display: inline-flex !important; justify-content: center !important; align-items: center !important; text-decoration: none !important; cursor: pointer !important; transition: all 0.3s ease !important; text-align: center !important; padding: var(--global-button-padding-y, 12px) 20px !important; letter-spacing: var(--global-button-letter-spacing, 1px) !important; max-width: 100% !important; box-sizing: border-box !important; /* Use Section Custom Button Styling */ background: #2bb2fd !important; background-color: #2bb2fd !important; background-image: none !important; color: #ffffff !important; border: none !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 8px !important; padding: 12px 20px !important; } .guarantee-section__cta.disable-global-button-styling, [id*="__sl_st11_"] a.guarantee-section__cta.disable-global-button-styling, .guarantee-section .guarantee-section__cta.disable-global-button-styling{ background: #2bb2fd !important; background-color: #2bb2fd !important; background-image: none !important; color: #ffffff !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 8px !important; padding: 12px 20px !important; border: none !important; } .guarantee-section__cta.disable-global-button-styling:hover, [id*="__sl_st11_"] a.guarantee-section__cta.disable-global-button-styling:hover, .guarantee-section .guarantee-section__cta.disable-global-button-styling:hover{ background: #029df3 !important; background-color: #029df3 !important; background-image: none !important; color: #ffffff !important; } .guarantee-section__cta:hover, .theme-button.guarantee-section__cta:hover{ /* Custom Section Hover State */ background-color: var(--button-background-hover) !important; color: var(--button-text-color) !important; border: none !important; } .guarantee-section{ background: var(--section-background); } .guarantee-section__wrapper{ width: 100%; max-width: 100%; font-family: var(--font-body-family-override); font-weight: var(--font-weight-regular); box-sizing: border-box; letter-spacing: var(--letter-spacing-body); padding: 60px 40px; margin-top: var(--margin-top-mobile); margin-bottom: var(--margin-bottom-mobile); overflow: var(--overflow-setting); position: relative; } .guarantee-section__container{ } @media screen and (max-width: 768px) { .guarantee-section__wrapper { padding: 40px 20px; } } .guarantee-section__heading{ color: #ffffff !important; line-height: var(--heading-line-height) !important; } .guarantee-section .accent-text{ /* Use Section-Specific Accent Typography */ /* Apply spacing between accent text and regular text */ margin-right: var(--accent-text-margin-right) !important; /* Color and Gradient Application */color: #ef4a65 !important;padding-right: 0px !important; display: inline-block !important; } .store-faq-section{ padding: 0; /* Remove padding when full height image is enabled */ position: relative; /* For absolute positioning of full-height image */ overflow-x: hidden; /* Prevent horizontal overflow at section level */ } @media screen and (max-width: 767px) { .store-faq-section { } } .store-faq-container{ width: 100%; max-width: 1200px; /* Set max-width here instead of inline */ margin: 0 auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .store-faq-items-container.border-bottom-only{ border: none !important; } .store-faq-items-container.border-bottom-only .store-faq-question{ padding-right: var(--question-padding-right, 20px) !important; padding-left: var(--question-padding-left, 20px) !important; } .store-faq-items-container.border-bottom-only .store-faq-answer{ padding-right: var(--answer-padding-right, 20px) !important; padding-left: var(--answer-padding-left, 20px) !important; } .store-faq-flex-container{ display: flex; flex-direction: column; width: 100%; max-width: 100%; } .store-faq-header-column{ margin-bottom: 30px; width: 100%; max-width: 100%; } .store-faq-content-column{ width: 100%; max-width: 100%; } .store-faq-heading{ margin-bottom: 15px; letter-spacing: var(--letter-spacing-heading); font-size: 52px; line-height: 1.2; word-wrap: break-word; overflow-wrap: break-word; } .store-faq-subtitle{ line-height: 1.5; max-width: 100%; font-weight: var(--font-weight-regular); letter-spacing: var(--letter-spacing-body); word-wrap: break-word; overflow-wrap: break-word; margin-bottom: 24px; } .store-faq-header-image{ margin-top: 20px; } .store-faq-header-image img{ width: 100%; height: auto; display: block; } .store-faq-header-image.full-height{ margin: 0; height: 100%; overflow: hidden; } .store-faq-header-image.full-height img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } .desktop-only{ display: none; } .store-faq{ width: 100%; max-width: 100%; box-sizing: border-box; } #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-items-container{ overflow: hidden !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; border: 1px solid #495d73 !important; border-radius: 4px !important; } .store-faq .store-faq-item{ width: 100%; box-sizing: border-box; } .store-faq .store-faq-items-container:not(.individual-borders) .store-faq-item:last-child{ border-bottom: none !important; margin-bottom: 0 !important; } .store-faq-flex-container.two-column-desktop .store-faq-items-container:not(.individual-borders) .store-faq-item:last-child{ border-bottom: none !important; margin-bottom: 0 !important; } /* Container border handles the bottom border, avoid double border */ .store-faq-flex-container.two-column-desktop .store-faq-items-container:not(.individual-borders):not(.border-bottom-only){ border-bottom: 1px solid #ffffff !important; } .store-faq .store-faq-question{ display: flex; justify-content: space-between; align-items: center; padding: var(--question-padding-top, 15px) var(--question-padding-right, 20px) var(--question-padding-bottom, 15px) var(--question-padding-left, 20px); cursor: pointer; font-weight: var(--font-weight-semibold); letter-spacing: var(--letter-spacing-body); position: relative; font-size: 16px; width: 100%; box-sizing: border-box; word-wrap: break-word; overflow-wrap: break-word; border-radius: 4px 4px 0 0 !important; } .store-faq-item.active .store-faq-question{ border-radius: 0 !important; } .store-faq-items-container.individual-borders .store-faq-item:first-child .store-faq-question{ border-radius: 4px 4px 0 0 !important; } .store-faq-items-container.individual-borders .store-faq-item:last-child .store-faq-answer{ border-radius: 0 0 4px 4px !important; } .store-faq-items-container.individual-borders .store-faq-item:only-child .store-faq-question{ border-radius: 4px !important; } .store-faq .store-faq-question > span:first-child{ flex: 1; display: flex; align-items: center; justify-content: flex-start; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; padding-right: 15px; text-align: left; } .store-faq .store-faq-toggle{ font-size: 20px; font-weight: var(--font-weight-regular); transition: transform 0.3s ease; flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 20px; text-align: center; } .store-faq .store-faq-answer{ padding: 0 var(--answer-padding-right, 20px) 0 var(--answer-padding-left, 20px) !important; max-height: 0; overflow: hidden; letter-spacing: var(--letter-spacing-body); transition: max-height 0.3s ease, padding 0.3s ease; font-size: 14px; width: 100%; box-sizing: border-box; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; /* For extremely long strings */ text-align: left; } .store-faq .store-faq-item.active .store-faq-toggle{ transform: rotate(45deg); } .store-faq .store-faq-item.active .store-faq-answer{ max-height: 300px; /* Reduced for better mobile experience */ overflow-y: auto; text-align: left; letter-spacing: var(--letter-spacing-body); overflow-x: hidden; padding: var(--answer-padding-top, 15px) var(--answer-padding-right, 20px) var(--answer-padding-bottom, 15px) var(--answer-padding-left, 20px); box-sizing: border-box; } .store-faq .store-faq-answer > *{ max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; /* Handle extremely long strings */ box-sizing: border-box; } .store-faq .store-faq-answer p{ max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; /* For extremely long strings */ margin-top: 0; margin-bottom: 1em; } .store-faq .store-faq-answer p:last-child{ margin-bottom: 0; } .faq-mobile-view .store-faq .store-faq-question{ font-size: 14px !important; } .faq-mobile-view .store-faq .store-faq-answer{ font-size: 12px !important; } @media screen and (min-width: 750px) { .store-faq-container { padding-left: 15px; padding-right: 15px; } .store-faq-flex-container { flex-direction: row; align-items: flex-start; gap: 40px; position: relative; /* For absolute positioning of image */ padding: 40px 0; /* Add padding back to flex container */ } .store-faq-header-column { flex: 0 0 48%; margin-bottom: 0; padding-top: 20px; z-index: 1; /* Ensure FAQ content is above image */ position: relative; max-width: 48%; } .store-faq-content-column { flex: 0 0 48%; display: flex; justify-content: center; max-width: 48%; position: relative; /* For absolute positioning of image inside */ } .store-faq-content-column.full-height-image { position: static; /* Keep in flow for layout calculation */ } /* Position image container absolutely to section, extending full height */ .store-faq-content-column.full-height-image .store-faq-header-image.full-height { position: absolute; top: 0; bottom: 0; right: 0; width: calc(50% - 20px); /* 50% minus half the gap */ max-width: 600px; margin: 0; z-index: 0; } .store-faq { width: 100%; } .store-faq .store-faq-question { padding: var(--question-padding-top, 15px) var(--question-padding-right, 20px) var(--question-padding-bottom, 15px) var(--question-padding-left, 20px); align-items: center; } .store-faq-items-container.individual-borders .store-faq-question { padding: var(--question-padding-top, 15px) var(--question-padding-right, 20px) var(--question-padding-bottom, 15px) var(--question-padding-left, 20px) !important; align-items: center !important; } .store-faq .store-faq-toggle { font-size: 17px; } .store-faq .store-faq-answer { padding: 0 var(--answer-padding-right, 20px) 0 var(--answer-padding-left, 20px) !important; } .store-faq .store-faq-item.active .store-faq-answer { padding: var(--answer-padding-top, 15px) var(--answer-padding-right, 20px) var(--answer-padding-bottom, 15px) var(--answer-padding-left, 20px) !important; max-height: 400px; /* Slightly larger on desktop */ } /* Show image on desktop */ .desktop-only { display: block; } /* Desktop Layout Options */ /* Center FAQ when no image */ .store-faq-flex-container.center-no-image { justify-content: center; } .store-faq-flex-container.center-no-image .store-faq-header-column { flex: 0 0 100%; max-width: 1000px; text-align: center; } .store-faq-flex-container.center-no-image .store-faq-content-column { display: none; } /* Two Column FAQ Layout */ .store-faq-flex-container.two-column-desktop .store-faq-two-columns { display: flex; gap: 10px; width: 100%; align-items: flex-start; /* Prevents column stretching */ } .store-faq-flex-container.two-column-desktop .store-faq-items-container-two-columns { display: grid; gap: 10px; width: 100%; grid-template-columns: repeat(2, 1fr); } .store-faq-flex-container.two-column-desktop .store-faq-column-1, .store-faq-flex-container.two-column-desktop .store-faq-column-2 { flex: 1; width: 50%; align-self: flex-start; /* Forces each column to not stretch */ } /* Hide mobile-only items on desktop */ .store-faq-flex-container.two-column-desktop .mobile-only-item { display: none !important; } /* Last item in each column should have no bottom margin and no bottom border */ .store-faq-flex-container.two-column-desktop .store-faq-column-1 .store-faq-item:last-child, .store-faq-flex-container.two-column-desktop .store-faq-column-2 .store-faq-item:last-child { margin-bottom: 0 !important; } /* Two-column grid layout: remove bottom border from last item in each column */ /* :last-child is always last in its column, :nth-last-child(2) is last in the other column */ .store-faq-flex-container.two-column-desktop .store-faq-items-container-two-columns:not(.individual-borders) .store-faq-item:last-child, .store-faq-flex-container.two-column-desktop .store-faq-items-container-two-columns:not(.individual-borders) .store-faq-item:nth-last-child(2) { border-bottom: none !important; } /* FAQ Item Spacing */ .store-faq .store-faq-item { margin-bottom: 0px; } /* Margin handling is now covered by the specific layout rules above */ /* Individual Item Borders */ #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-items-container.individual-borders { border: none !important; } #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-items-container.individual-borders .store-faq-item { border: 1px solid #495d73 !important; border-radius: 4px !important; overflow: hidden !important; } .store-faq-items-container.individual-borders .store-faq-item:not(:last-child) { margin-bottom: 0px; } .store-faq-items-container.individual-borders .store-faq-item:last-child { margin-bottom: 0 !important; } /* Last item in each column with individual borders - keep all borders intact */ .store-faq-flex-container.two-column-desktop .store-faq-items-container.individual-borders .store-faq-item:last-child { margin-bottom: 0 !important; /* Keep all borders intact for individual border style */ } .store-faq-items-container.individual-borders .store-faq-question { padding: var(--question-padding-top, 15px) var(--question-padding-right, 20px) var(--question-padding-bottom, 15px) var(--question-padding-left, 20px) !important; } } @media screen and (max-width: 749px) { .store-faq-section { padding: 26.666666666666668px 0; } .store-faq-header-column { text-align: center; margin-left: auto; margin-right: auto; } /* Reset two-column layout on mobile - hide second column */ .store-faq-flex-container.two-column-desktop .store-faq-two-columns { display: block !important; gap: 0 !important; } .store-faq-flex-container.two-column-desktop .store-faq-column-1 { width: 100% !important; flex: none !important; } .store-faq-flex-container.two-column-desktop .store-faq-column-2 { display: none !important; } /* Show mobile-only items on mobile */ .store-faq-flex-container.two-column-desktop .mobile-only-item { display: block !important; } .store-faq-heading { font-size: 36px !important; line-height: 1.2; letter-spacing: var(--letter-spacing-heading); } .store-faq-subtitle { font-size: 14px !important; max-width: 100%; margin-left: auto; margin-right: auto; } .store-faq .store-faq-question { padding: var(--question-padding-top, 15px) var(--question-padding-right, 20px) var(--question-padding-bottom, 15px) var(--question-padding-left, 20px); font-size: 14px !important; align-items: flex-start; text-align: left; } .store-faq-items-container.individual-borders .store-faq-question { padding: var(--question-padding-top, 15px) var(--question-padding-right, 20px) var(--question-padding-bottom, 15px) var(--question-padding-left, 20px) !important; align-items: flex-start !important; text-align: left !important; } .store-faq .store-faq-question.mobile-font { font-size: 14px !important; } .store-faq .store-faq-toggle { font-size: 18px; } .store-faq .store-faq-answer { font-size: 12px !important; } .store-faq .store-faq-answer.mobile-font { font-size: 12px !important; } .store-faq .store-faq-item.active .store-faq-answer { padding: var(--answer-padding-top, 15px) var(--answer-padding-right, 20px) var(--answer-padding-bottom, 15px) var(--answer-padding-left, 20px) !important; } /* Individual Item Borders on Mobile */ #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-items-container.individual-borders { border: none !important; } #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-items-container.individual-borders .store-faq-item { border: 1px solid #495d73 !important; border-radius: 4px !important; overflow: hidden !important; } .store-faq-items-container.individual-borders .store-faq-item:not(:last-child) { margin-bottom: 0px; } .store-faq-items-container.individual-borders .store-faq-item:last-child { margin-bottom: 0; } } #store-faq-template--27097554157932__store_faq_Lpd3PW{ position: relative; z-index: 1; pointer-events: auto !important; } #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq, #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-items-container, #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-item{ pointer-events: auto !important; } #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-question{ cursor: pointer !important; pointer-events: auto !important; } #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-answer{ max-height: 0 !important; overflow: hidden !important; transition: max-height 0.3s ease, padding 0.3s ease !important; } #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-item.active .store-faq-answer{ max-height: 300px !important; } #store-faq-template--27097554157932__store_faq_Lpd3PW .store-faq-item.active .store-faq-toggle{ transform: rotate(45deg) !important; } .custom-footer{ --newsletter-bg-color: #fdffff; --newsletter-text-color: #0f2945; --newsletter-button-color: #0f2945; --footer-bg-color: #0f2945; --footer-text-color: #ffffff; --footer-heading-color: #fdffff; --footer-border-color: #333333; --footer-menu-color: #ffffff; --footer-menu-hover-color: #ffffff; --footer-divider-color: #666666; --localization-label-color: #ffffff; --footer-link-color: #007bff; --footer-link-hover-color: #0056b3; --footer-heading-size: 22px; --footer-text-size: 14px; --newsletter-title-size: 32px; --newsletter-subtitle-size: 16px; --copyright-text-size: 11px; --localization-label-size: 14px; --newsletter-section-padding-top: 80px; --newsletter-section-padding-bottom: 80px; --newsletter-form-max-width: 580px; --newsletter-form-margin-top: 32px; --newsletter-input-padding-vertical: 24px; --newsletter-input-padding-horizontal: 24px; --newsletter-input-border-radius: 8px; --newsletter-input-border-width: 1px; --newsletter-input-border-color: #e0e0e0; --newsletter-input-font-size: 14px; --newsletter-input-height: 48px; --newsletter-input-bg-color: #ffffff; --newsletter-input-text-color: #000000; --newsletter-button-bg-color: #0f2945; --newsletter-button-text-color: #ffffff; --newsletter-button-border-radius: 4px; } .custom-footer .footer-main{ background-color: var(--footer-bg-color) !important; } .custom-footer .footer-text a, .custom-footer .footer-column .footer-text a, .custom-footer .footer-bottom a, .custom-footer .newsletter-section a, .custom-footer p a, .custom-footer .rte a, .custom-footer .footer-description a{ color: var(--footer-link-color) !important; text-decoration: underline !important; text-underline-offset: 0.2em; transition: color 0.3s ease; } .custom-footer .footer-text a:hover, .custom-footer .footer-column .footer-text a:hover, .custom-footer .footer-bottom a:hover, .custom-footer .newsletter-section a:hover, .custom-footer p a:hover, .custom-footer .rte a:hover, .custom-footer .footer-description a:hover{ color: var(--footer-link-hover-color) !important; } .custom-footer .footer__localization a, .custom-footer .footer__localization a:hover, .custom-footer .footer__localization .disclosure__link, .custom-footer .footer__localization .localization-form__select{ text-decoration: none !important; color: var(--footer-text-color) !important; } .custom-footer .newsletter-section{ padding-top: var(--newsletter-section-padding-top) !important; padding-bottom: var(--newsletter-section-padding-bottom) !important; } .custom-footer .newsletter-form{ max-width: var(--newsletter-form-max-width) !important; margin-top: var(--newsletter-form-margin-top) !important; } .custom-footer .newsletter-form__field-wrapper .field{ position: relative !important; } .custom-footer .newsletter-form__field-wrapper .field__input{ padding: var(--newsletter-input-padding-vertical) var(--newsletter-input-padding-horizontal) !important; /* Space for button: button width + border spacing + right position + small gap */ padding-right: calc(var(--newsletter-input-height) - 10px + var(--newsletter-input-border-width) + 5px + 8px) !important; border-radius: var(--newsletter-input-border-radius) !important; border-width: var(--newsletter-input-border-width) !important; border-color: var(--newsletter-input-border-color) !important; border-style: solid !important; font-size: var(--newsletter-input-font-size) !important; height: var(--newsletter-input-height) !important; min-height: calc(var(--newsletter-input-height) + var(--newsletter-input-border-width) * 2) !important; background-color: var(--newsletter-input-bg-color) !important; color: var(--newsletter-input-text-color) !important; } .custom-footer .newsletter-form__field-wrapper .field__input:focus, .custom-footer .newsletter-form__field-wrapper .field__input:focus-visible{ border-radius: var(--newsletter-input-border-radius) !important; } .custom-footer .newsletter-form__button, .custom-footer button.newsletter-form__button, .custom-footer .newsletter-form__button.field__button, .custom-footer button.newsletter-form__button.field__button{ /* Button size: input height minus top/bottom spacing (5px each = 10px total) */ width: calc(var(--newsletter-input-height) - 10px) !important; height: calc(var(--newsletter-input-height) - 10px) !important; border-radius: calc(var(--newsletter-input-border-radius) - 4px) !important; /* Position: account for border width + 5px spacing from edge */ position: absolute !important; top: calc(var(--newsletter-input-border-width) + 5px) !important; right: calc(var(--newsletter-input-border-width) + 5px) !important; z-index: 2 !important; /* Display for icon centering */ display: flex !important; align-items: center !important; justify-content: center !important; /* Override global button styling - single color, no gradient, no border */ background: var(--newsletter-button-bg-color, var(--newsletter-button-color)) !important; background-color: var(--newsletter-button-bg-color, var(--newsletter-button-color)) !important; background-image: none !important; border: none !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: none !important; box-shadow: none !important; outline: none !important; color: var(--newsletter-button-text-color, #ffffff) !important; border-radius: var(--newsletter-button-border-radius) !important; /* Remove transforms and transitions from global button effects */ transform: none !important; transition: opacity 0.3s ease !important; } .custom-footer .newsletter-form__button:hover, .custom-footer button.newsletter-form__button:hover, .custom-footer .newsletter-form__button.field__button:hover, .custom-footer button.newsletter-form__button.field__button:hover{ background: var(--newsletter-button-bg-color, var(--newsletter-button-color)) !important; background-color: var(--newsletter-button-bg-color, var(--newsletter-button-color)) !important; background-image: none !important; opacity: 0.85 !important; border: none !important; box-shadow: none !important; transform: none !important; color: var(--newsletter-button-text-color, #ffffff) !important; } .custom-footer .newsletter-form__button:before, .custom-footer .newsletter-form__button:after, .custom-footer button.newsletter-form__button:before, .custom-footer button.newsletter-form__button:after{ display: none !important; content: none !important; } [dir="rtl"] .custom-footer .newsletter-form__button, [dir="rtl"] .custom-footer button.newsletter-form__button, [dir="rtl"] .custom-footer .newsletter-form__button.field__button, [dir="rtl"] .custom-footer button.newsletter-form__button.field__button{ left: calc(var(--newsletter-input-border-width) + 5px) !important; right: auto !important; } .custom-footer .newsletter-form__button svg, .custom-footer .newsletter-form__button .svg-wrapper{ width: 16px !important; height: 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .custom-footer .newsletter-form__button svg{ fill: var(--newsletter-button-text-color, #ffffff) !important; stroke: var(--newsletter-button-text-color, #ffffff) !important; } .custom-footer .newsletter-form__button .newsletter-button-text{ font-size: 14px !important; font-weight: 600 !important; color: var(--newsletter-button-text-color, #ffffff) !important; white-space: nowrap !important; letter-spacing: var(--letter-spacing-body) !important; } /* When button has text, make it wider */ .custom-footer .newsletter-form__button:has(.newsletter-button-text), .custom-footer button.newsletter-form__button:has(.newsletter-button-text){ width: auto !important; min-width: calc(var(--newsletter-input-height) - 10px) !important; padding: 0 16px !important; } [dir="rtl"] .custom-footer .newsletter-form__field-wrapper .field__input{ padding-left: calc(var(--newsletter-input-height) - 10px + var(--newsletter-input-border-width) + 5px + 8px) !important; padding-right: var(--newsletter-input-padding-horizontal) !important; } .custom-footer .newsletter-form__field-wrapper .field__label{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .custom-footer .newsletter-form__field-wrapper .field:after{ display: none !important; content: none !important; } @media screen and (max-width: 749px) { .custom-footer .newsletter-section { padding-top: 40px !important; padding-bottom: 40px !important; } } @media screen and (max-width: 749px) { .footer-content--4-col, .footer-content--5-col { grid-template-columns: 1fr !important; } .footer-column:first-child { grid-column: 1 !important; margin-bottom: 2rem; } } .ticker-wrapper{width:100%;overflow:hidden;height:38px;display:flex;align-items:center;background-color:var(--background-color)} .ticker{width:100%;overflow:hidden;position:relative} .ticker__track{display:flex;animation:ticker-scroll linear infinite;animation-duration:var(--scroll-speed);will-change:transform} .ticker__content{display:flex;white-space:nowrap;align-items:center;flex-shrink:0} .ticker__item{display:flex;align-items:center;padding:0 15px;font-weight:var(--ticker-font-weight)!important;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:var(--ticker-font-size-mobile, 14px);color:var(--text-color);flex-shrink:0} .ticker__divider{display:flex;align-items:center;justify-content:center;font-size:var(--ticker-font-size-mobile, 14px);padding:0 8px;color:var(--text-color);flex-shrink:0} .ticker__divider img{display:block;max-height:20px;width:var(--divider-size);height:auto} @keyframes ticker-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-16.67%,0,0)}} .ticker-wrapper:hover .ticker__track{animation-play-state:paused} @media screen and (min-width:768px){.ticker-wrapper{height:60px}.ticker__item{font-size:var(--ticker-font-size-desktop, 16px);padding:0 22px}.ticker__divider{font-size:var(--ticker-font-size-desktop, 16px);padding:0 12px}.ticker__divider img{max-height:25px}} .statistics-column{display:flex;flex-direction:column;gap:2rem} .statistics-content{flex:1} .statistics-image{flex:1;width:100%} @media screen and (min-width:990px){.statistics-column{flex-direction:row;align-items:center;gap:4rem}.statistics-column.image-above{flex-direction:column;gap:2rem}.statistics-content{order:1}.statistics-content.image-above{order:2}.statistics-image{order:2;max-width:50%;margin-bottom:0}.statistics-image.image-above{order:1;max-width:100%;margin-bottom:2rem}} .statistics-image img{width:100%;height:auto;object-fit:cover} .statistics-list{display:flex;flex-direction:column;gap:0} @media screen and (max-width:749px){.statistics-list{margin:0;padding:0;width:100%}} .statistic-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0;width:100%} @media screen and (max-width:749px){.statistic-item{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:2rem;padding:1.5rem 0;max-height:150px;margin:0;width:100%}} .stats-column-number{font-weight:var(--font-weight-bold)!important;line-height:1;flex-shrink:0;min-width:4rem;letter-spacing:var(--letter-spacing-body)} @media screen and (max-width:749px){.stats-column-number{min-width:6rem;text-align:left;margin:0;padding:0}} @media screen and (min-width:750px){.stats-column-number{min-width:6rem}} .statistic-text{flex:1;text-align:left} @media screen and (max-width:749px){.statistic-text{width:auto;flex:1;margin:0;padding:0}} .stats-column-title{font-weight:var(--font-weight-semibold);margin:0 0 .5rem;line-height:1.2;letter-spacing:var(--letter-spacing-body)} @media screen and (max-width:749px){.stats-column-title{margin:0 0 .5rem}} .stats-column-description{font-weight:var(--font-weight-regular);margin:0;line-height:1.4;letter-spacing:var(--letter-spacing-body)} @media screen and (max-width:749px){.stats-column-description{line-height:1.5;margin:0}} @media screen and (min-width:990px){.statistics-section-header.mobile-header{display:none}.statistics-section-header.desktop-header{display:block}} .section-subtitle-container{width:100%;text-align:center;margin:0 auto;display:flex;justify-content:center;align-items:center} .stats-section-title{font-weight:var(--font-weight-bold);margin:0 0 1rem;letter-spacing:var(--letter-spacing-heading)} .section-subtitle{font-weight:var(--font-weight-regular);margin:0;letter-spacing:var(--letter-spacing-body);text-align:center;width:100%;max-width:800px} .section-subtitle p{margin:0;text-align:center;font-size:inherit;color:inherit;font-weight:inherit} .accordion summary{display:flex;position:relative;line-height:1;padding:1.5rem 0} .accordion .summary__title{display:flex;flex:1} .accordion .summary__title+.icon-caret{height:calc(var(--font-heading-scale) * .6rem)} .accordion+.accordion{margin-top:0;border-top:none} .accordion{margin-top:2.5rem;margin-bottom:0;border-top:.1rem solid rgba(var(--color-foreground),.08);border-bottom:.1rem solid rgba(var(--color-foreground),.08)} .accordion__title{display:inline-block;max-width:calc(100% - 6rem);min-height:1.6rem;margin:0;word-break:break-word} .accordion .svg-wrapper{align-self:center;fill:rgb(var(--color-foreground));height:calc(var(--font-heading-scale) * 2rem);margin-right:calc(var(--font-heading-scale) * 1rem);width:calc(var(--font-heading-scale) * 2rem)} .accordion details[open]>summary .icon-caret{transform:rotate(180deg)} .accordion__content{margin-bottom:1.5rem;word-break:break-word;overflow-x:auto;padding:0 .6rem} .accordion__content img{max-width:100%} .benefits-grid{--benefits-grid-gap: 20px;--benefits-grid-padding: 20px;--benefits-grid-max-width: 1200px;width:100%;margin:0 auto;padding:var(--benefits-grid-padding)} .benefits-grid__container{max-width:var(--benefits-grid-max-width);margin:0 auto} .benefits-grid__content-wrapper{display:flex;flex-direction:column;gap:30px} .benefits-grid__header{text-align:center;margin-bottom:30px} .benefits-grid__heading{font-size:32px;font-weight:var(--font-weight-bold, 700);line-height:1.2;margin:0 0 8px;letter-spacing:var(--letter-spacing-heading, -.02em)} .benefits-grid__subtitle{font-size:16px;line-height:1.5;margin:0;letter-spacing:var(--letter-spacing-body);opacity:1;font-weight:var(--font-weight-regular)} .benefits-grid__items{display:grid;grid-template-columns:1fr 1fr;gap:var(--benefits-grid-gap)} .benefit-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:120px} .benefit-item__icon{width:var(--benefit-icon-container-size, 60px);height:var(--benefit-icon-container-size, 60px);border-radius:50%;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4a65,#ff6b9d);position:relative} .benefit-item__icon-svg{width:var(--benefit-icon-size, 28px);height:var(--benefit-icon-size, 28px);color:#fff;display:flex;align-items:center;justify-content:center} .benefit-item__icon-svg svg{width:100%;height:100%;fill:currentColor} .benefit-item__icon-image{width:var(--benefit-icon-size, 40px);height:var(--benefit-icon-size, 40px);object-fit:contain} .benefit-item__title{font-size:16px;font-weight:var(--font-weight-bold, 700);line-height:1.3;margin:0 0 8px;letter-spacing:var(--letter-spacing-body, 0)} .benefit-item__description{font-size:14px;line-height:1.4;margin:0;opacity:.9;letter-spacing:var(--letter-spacing-body, 0)} .benefits-grid__image{text-align:center} .benefits-grid__image--desktop{display:none} .benefits-grid__image--mobile{display:block;margin:20px 0} .benefits-grid__image--before-header{margin:0 0 20px} .benefits-grid__image-element{max-width:100%;width:100%;height:auto;border-radius:15px} .benefits-grid[data-image-mode=background]{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat} .benefits-grid[data-image-mode=background] .benefits-grid__container{position:relative;z-index:1} .benefits-grid[data-image-mode=background] .benefits-grid__image--mobile:not(.benefits-grid__image--mobile-placeholder){display:none!important} .benefits-grid[data-image-mode=background] .benefits-grid__image--desktop:not(.benefits-grid__image--placeholder){display:none!important} .benefits-grid__image--mobile-placeholder{width:100%;min-height:250px;margin:20px 0;display:none;position:relative} @media screen and (max-width:767px){.benefits-grid__image--mobile-placeholder{display:block}.benefits-grid[data-image-mode=background] .benefits-grid__image--mobile-placeholder{display:block!important}.benefits-grid[data-image-mode=full_height]{padding:0!important}.benefits-grid[data-image-mode=full_height] .benefits-grid__container{max-width:none;padding:0}.benefits-grid[data-image-mode=full_height] .benefits-grid__content-wrapper{overflow:visible}.benefits-grid[data-image-mode=full_height] .benefits-grid__content{padding:30px 20px;overflow:visible}.benefits-grid[data-image-mode=full_height] .benefits-grid__image--mobile{margin:0;display:block!important}.benefits-grid[data-image-mode=full_height] .benefits-grid__image--before-header{margin:0}.benefits-grid[data-image-mode=full_height] .benefits-grid__image--after-header{margin:20px -20px 0;width:calc(100% + 40px);max-width:none}.benefits-grid[data-image-mode=full_height] .benefits-grid__image-element{border-radius:0;width:100%}} @media screen and (min-width:768px){.benefits-grid{--benefits-grid-padding: 40px 20px}.benefits-grid__content-wrapper{flex-direction:row;align-items:stretch;gap:40px}.benefits-grid__content{flex:1;max-width:500px;display:flex;flex-direction:column;justify-content:center}.benefits-grid__header{text-align:left;margin-bottom:35px}.benefits-grid__heading{font-size:48px}.benefits-grid__subtitle{font-size:18px}.benefits-grid__items{max-width:500px}.benefits-grid__items[data-layout=row]{display:flex;flex-direction:row;justify-content:space-between;max-width:100%}.benefits-grid__items[data-layout=row] .benefit-item{flex:1;max-width:none;margin:0}.benefit-item{max-width:220px;margin:0 auto}.benefit-item__icon{width:var(--benefit-icon-container-size-desktop, 80px);height:var(--benefit-icon-container-size-desktop, 80px)}.benefit-item__icon-svg,.benefit-item__icon-image{width:var(--benefit-icon-size-desktop, 32px);height:var(--benefit-icon-size-desktop, 32px)}.benefit-item__title{font-size:18px}.benefit-item__description{font-size:15px}.benefits-grid__image--mobile{display:none}.benefits-grid__image--mobile-placeholder{display:none!important}.benefits-grid__image--desktop{flex:1;display:flex;align-items:stretch}.benefits-grid__image--placeholder{min-width:300px;flex:1;min-height:400px}.benefits-grid__image-element{width:100%;height:100%;object-fit:cover;min-height:400px}.benefits-grid[data-image-mode=full_height]{padding:0!important}.benefits-grid[data-image-mode=full_height] .benefits-grid__container{max-width:none;padding:0}.benefits-grid[data-image-mode=full_height] .benefits-grid__content-wrapper{align-items:stretch;gap:0}.benefits-grid[data-image-mode=full_height] .benefits-grid__content{padding:40px 40px 40px 60px;max-width:550px}.benefits-grid[data-image-mode=full_height] .benefits-grid__image--desktop{position:relative;overflow:hidden;display:flex;align-items:stretch;flex:1;min-height:500px}.benefits-grid[data-image-mode=full_height] .benefits-grid__image-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;min-height:unset;border-radius:0}.benefits-grid__content-wrapper--no-image{justify-content:center}.benefits-grid__content-wrapper--no-image .benefits-grid__content{max-width:600px;margin:0 auto}.benefits-grid__content-wrapper--no-image .benefits-grid__items{margin-left:auto;margin-right:auto}} @media screen and (min-width:1200px){.benefits-grid{--benefits-grid-padding: 80px 40px}.benefits-grid__content-wrapper{gap:50px}.benefits-grid__content{max-width:550px;display:flex;flex-direction:column;justify-content:center}.benefits-grid__items{max-width:550px}.benefit-item{max-width:240px}.benefits-grid[data-image-mode=full_height]{padding:0!important}.benefits-grid[data-image-mode=full_height] .benefits-grid__content{padding:80px 60px 80px 100px;max-width:600px}} @keyframes fadeInUp{to{opacity:1;transform:translateY(0)}} .benefit-item{animation:fadeInUp .6s ease-out forwards;animation-delay:calc(.1s * var(--index, 0))} .benefit-item[data-index="1"]{--index: 1} .benefit-item[data-index="2"]{--index: 2} .benefit-item[data-index="3"]{--index: 3} .benefit-item[data-index="4"]{--index: 4} .custom-benefits-section-wrapper, .custom-benefits-section-wrapper *{box-sizing:border-box} .custom-benefits-section-wrapper{display:block;width:100%} .custom-benefits-section{max-width:1200px;margin:0 auto;padding:0;width:100%;display:block} .custom-feature-image{width:100%;height:0;padding-bottom:100%;position:relative;border-radius:8px;overflow:hidden} .custom-feature-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px} .custom-placeholder-image{width:100%;height:0;padding-bottom:100%;margin:0 auto;background-color:#f5f5f5;border-radius:8px;position:relative;overflow:hidden} .custom-placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:#d0d0d0} .custom-benefit-item{margin-bottom:17px} .custom-benefit-item:last-child{margin-bottom:0} .custom-benefit-header{display:flex;align-items:center;margin-bottom:5px} .custom-benefit-icon{margin-right:10px;flex-shrink:0;width:24px;height:24px} [dir=rtl] .custom-benefit-icon{margin-left:10px} .custom-benefit-icon svg{width:100%;height:100%;fill:currentColor} .custom-benefit-description-container{padding-left:0} .custom-benefit-description{margin:0} .custom-icon-image{width:100%;height:100%;object-fit:contain;display:block} .custom-benefits-container{display:flex;flex-direction:column;gap:20px} .custom-header-section{order:1;text-align:center} .custom-image-column{order:2} .custom-content-column{order:3} @media screen and (min-width:768px){.custom-benefits-container{flex-direction:row;align-items:center;gap:40px}.custom-header-section{display:none}.custom-content-column,.custom-image-column{flex:1;order:0}.custom-section-header.desktop-header{display:block;text-align:center;margin-bottom:30px}} .comparison-section{padding:40px 20px;font-family:var(--font-body-family-override);letter-spacing:var(--letter-spacing-heading);position:relative;z-index:1;overflow:visible} .comparison-section *{--border-shadow-offset: 0 !important;box-shadow:none!important} .comparison-container{margin:0 auto;position:relative;overflow:visible;height:auto} .table-wrapper{width:100%;overflow-x:visible;overflow-y:visible} .comparison-header{text-align:center;margin-bottom:15px;padding:20px;line-height:20px;position:relative;z-index:2} .comparison-heading{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading);margin:0 0 15px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1px} .global-accent-text{margin-left:2px;font-family:var(--font-accent-family, var(--accent-text-font-family, var(--font-body-family)))!important;font-style:var(--font-accent-style, normal)!important;font-weight:var(--font-accent-weight, 400)!important;letter-spacing:var(--letter-spacing-heading)!important} .comparison-subheading{font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-body);max-width:700px;margin:0 auto} .comparison-table{width:100%;border-collapse:separate;border-spacing:0;position:relative;table-layout:fixed;margin:0 auto} .table-header th{position:relative} .product-header{padding:20px 12px;text-align:center;width:140px} .comparison-img-wrapper{margin-bottom:15px;display:flex;justify-content:center;align-items:center} .comparison-img{max-width:100%;height:auto;max-height:80px;border-radius:4px;object-fit:contain;background:#fff0} .feature-header{text-align:left;width:180px;position:relative;z-index:1} .comparison-product-title{font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:var(--letter-spacing-body);margin-bottom:6px} .product-subtitle{font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-body);display:inline-flex;align-items:center;justify-content:center;margin-top:5px;gap:0;padding:0 10px;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .3)} .product-subtitle.no-background{background:#fff0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;padding:0} .subtitle-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:4px;vertical-align:middle;line-height:1} .subtitle-icon svg{width:13px;height:13px;display:block;overflow:visible} .feature-icon{margin-right:14px;width:24px;height:24px;display:flex;align-items:center} [dir=rtl] .feature-icon{margin-left:14px} .feature-icon svg{width:24px;height:24px;stroke:currentColor} .close-icon{color:#000} .check-icon{color:#fff!important} .feature-cell{padding:16px 12px;text-align:left;position:relative;z-index:1} .feature-content{display:flex;flex-direction:row;align-items:center} .feature-name{font-weight:var(--font-weight-regular);line-height:1.4;letter-spacing:var(--letter-spacing-body)} .value-cell{padding:16px 12px;text-align:center;vertical-align:middle;position:relative;z-index:1} .check-yes{font-size:24px;font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center} .check-yes svg{width:28px;height:28px} .check-no{font-size:24px;font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center} .check-no svg{width:28px;height:28px} .product-header.highlighted{position:relative;z-index:2;padding-top:20px;padding-bottom:30px;border:none!important} .product-header.highlighted:before, .value-cell.highlighted:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;z-index:-1} .value-cell.highlighted{position:relative;z-index:2;border:none!important} td.highlighted, th.highlighted{border-bottom:0!important} tr:last-child td{border-bottom:0!important} tr:last-child .value-cell.highlighted:before{padding-bottom:5px} .product-header.highlighted:after, .value-cell.highlighted:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-2;box-shadow:0 5px 15px #00000014!important;pointer-events:none} .text-value{font-weight:var(--font-weight-regular);font-family:var(--font-body-family-override);letter-spacing:var(--letter-spacing-body)} @media(max-width:991px){.comparison-table{max-width:100%}.product-header{width:100px;padding:15px 8px}.feature-header{width:150px}.product-subtitle{padding:1px 8px}.subtitle-icon svg{width:12px;height:12px}.check-yes,.check-no{font-size:22px}.check-yes svg{width:24px;height:24px}.feature-cell,.value-cell{padding:12px 8px}.feature-icon,.feature-icon svg{width:20px;height:20px}} @media(max-width:800px){.feature-header{width:150px}.product-header{width:100px;padding:14px 6px}.feature-cell,.value-cell{width:100px;padding:12px 6px}.feature-icon{margin-right:12px}} @media(max-width:767px){.comparison-table{table-layout:fixed;width:100%;min-width:0}.subtitle-icon svg{width:11px;height:11px}} @media(max-width:767px){.comparison-table{width:100%!important;table-layout:fixed!important}.feature-header,.feature-cell{width:150px!important}.product-header,.value-cell{width:auto!important}.feature-content{flex-direction:row!important;align-items:center!important}.feature-icon{margin-right:12px!important;margin-bottom:0!important;width:18px!important;height:18px!important}.feature-icon svg{width:18px!important;height:18px!important}} @media(max-width:480px){.product-header{width:80px;padding:12px 4px}.feature-cell,.value-cell{padding:10px 4px}.check-yes svg{width:22px;height:22px}.check-yes,.check-no{font-size:20px}} .comparison-section span, .comparison-section .comparison-product-title, .comparison-section .product-subtitle, .comparison-section .check-yes, .comparison-section .check-no, .comparison-section .text-value, .comparison-section .feature-name, .comparison-section .comparison-subheading, .comparison-section .title-part-1, .comparison-section .title-part-2{font-family:var(--font-body-family-override)!important} .comparison-section .comparison-product-title, .comparison-section .comparison-heading, .comparison-section .title-part-1, .comparison-section .title-part-2{font-family:var(--font-heading-family-override)!important;font-weight:var(--font-weight-bold)!important} @media(max-width:479px){.feature-icon{width:16px!important;height:16px!important;margin-right:12px!important}.feature-icon svg{width:16px!important;height:16px!important}.product-subtitle{padding:1px 5px;border-radius:10px}.subtitle-icon svg{width:10px;height:10px}.check-yes svg{width:20px;height:20px}.check-yes,.check-no{font-size:18px}} @media(max-width:380px){.feature-icon{width:16px!important;height:16px!important;margin-right:12px!important}.feature-icon svg{width:16px!important;height:16px!important}.feature-name{line-height:1.2}.product-subtitle{padding:1px 5px;border-radius:10px}.subtitle-icon svg{width:10px;height:10px;margin-top:2px}.check-yes svg{width:20px;height:20px}.check-yes,.check-no{font-size:18px}} .new-section .claim-button{display:block;text-decoration:none;box-sizing:border-box;transition:all .3s ease;width:100%} .reviews-section-outer{width:100%;overflow:hidden} .new-section{max-width:1200px;margin:0 auto;overflow:hidden} .reviewSwiper{width:100%;margin-bottom:25px;padding:0 20px;overflow:hidden} .review-image{width:135px;height:240px;object-fit:cover;border-radius:12px} .content-wrapper{max-width:300px;margin:0 auto;text-align:center;padding-top:var(--content-padding-top-mobile);padding-bottom:var(--content-padding-bottom-mobile);padding-left:var(--content-padding-left-mobile);padding-right:var(--content-padding-right-mobile)} .main-title{font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:var(--letter-spacing-heading);margin:0} .subtitle{letter-spacing:var(--letter-spacing-body, -.3px);margin:0} .reviewSwiper .swiper-slide{width:auto} .reviewSwiper .swiper-wrapper{transition-timing-function:linear;will-change:transform} .new-section .claim-button{display:block;border-radius:var(--global-button-radius)!important;text-decoration:none;box-sizing:border-box;transition:background-color .3s ease;width:100%;padding-top:var(--global-button-padding-y);padding-bottom:var(--global-button-padding-y);font-size:var(--global-button-font-size);font-weight:var(--global-button-font-weight);letter-spacing:var(--global-button-letter-spacing);text-transform:var(--global-button-text-transform)} .new-section .claim-button:hover{opacity:.9} .rating-section{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap} .star-icons{display:flex;align-items:center;gap:0;margin-right:4px} .rating-text{font-size:10px;letter-spacing:var(--letter-spacing-body);white-space:nowrap} @media screen and (min-width:768px){.new-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.reviewSwiper{order:2;margin-bottom:0;padding:0}.content-wrapper{max-width:550px;text-align:center;padding-top:var(--content-padding-top-desktop);padding-bottom:var(--content-padding-bottom-desktop);padding-left:var(--content-padding-left-desktop);padding-right:var(--content-padding-right-desktop)}.claim-button{width:auto}.review-image{width:240px;height:426px}} .testimonials-section{width:100%;overflow:hidden} .testimonials-container{position:relative} .testimonials-header{margin-bottom:40px} .testimonials-heading{margin:0 0 20px;text-align:center;letter-spacing:var(--letter-spacing-heading)!important;line-height:1.2} .testimonials-heading[style*=color]{color:inherit} .testimonials-subtitle{margin:0 0 20px;text-align:center;line-height:1.4} .testimonials-subtitle[style*=color]{color:inherit} .testimonials-section .testimonials-heading[style*=color], .testimonials-section .testimonials-subtitle[style*=color]{color:inherit!important} .testimonials-custom-heading{color:var(--heading-color)!important} .testimonials-custom-subtitle{color:var(--subtitle-color)!important} .testimonials-section h2.testimonials-custom-heading, .testimonials-section .testimonials-custom-heading{color:var(--heading-color)!important} .testimonials-section div.testimonials-custom-subtitle, .testimonials-section .testimonials-custom-subtitle{color:var(--subtitle-color)!important} .testimonials-section[data-use-theme-colors=false] .testimonials-custom-heading{color:var(--heading-color)!important} .testimonials-section[data-use-theme-colors=false] .testimonials-custom-subtitle{color:var(--subtitle-color)!important} [id*="__sl_st11_"] html body .testimonials-section[data-use-theme-colors=false] h2.testimonials-custom-heading{color:var(--heading-color)!important} [id*="__sl_st11_"] html body .testimonials-section[data-use-theme-colors=false] div.testimonials-custom-subtitle{color:var(--subtitle-color)!important} .testimonials-rating-summary-wrapper{display:flex;justify-content:center;width:100%;margin-bottom:0} .testimonials-rating-summary{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;padding:5px 7px;margin:0 auto 5px;gap:0;max-width:fit-content;font-size:13px} .testimonials-rating-stars{display:flex;align-items:center;line-height:1;margin-right:5px;letter-spacing:1px} .testimonials-rating-text{font-weight:var(--font-weight-regular);line-height:1.2;white-space:nowrap;display:inline-block;letter-spacing:var(--letter-spacing-body)} .testimonials-summary-star{width:13px;height:13px;margin-right:-1px!important} .testimonials-summary-star.trustpilot-star{margin-right:2px!important} .testimonials-carousel{position:relative;margin:0 -10px;padding:0 10px} .testimonials-track{display:flex;padding-bottom:20px;margin-bottom:-20px} .testimonial-card{background:#2a2a2a;color:#fff;border-radius:12px;position:relative} .testimonials-card-rating{margin-bottom:12px} .testimonials-card-stars{display:flex;align-items:center;line-height:1} .testimonials-stars{display:flex;gap:0;align-items:center} .testimonials-card-star{width:20px;height:20px;display:block;margin:0;align-content:center;margin-right:-2px!important} .testimonials-card-star.trustpilot-star{margin-right:1px!important} .testimonial-title{font-size:18px;line-height:1.3;margin:0 0 12px} .testimonial-content{line-height:1.5;font-size:14px;margin-bottom:0} .testimonial-content p{margin:0} .testimonial-author{margin-top:auto;padding-top:8px} .author-avatar{font-size:16px;font-weight:700;text-transform:uppercase} .author-name{margin:0;line-height:1.2} .verified-badge{display:flex;align-items:center;margin-top:0;gap:4px} .author-info-details{display:flex;align-items:center;flex-wrap:wrap;gap:0} .author-name{font-weight:var(--font-weight-bold);font-size:14px} .testimonials-verified-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;letter-spacing:var(--letter-spacing-body);font-weight:var(--font-weight-bold);margin-left:6px} .verified-icon{width:16px;height:16px;flex-shrink:0} .testimonials-product-purchase-date{font-size:11px;margin:8px 0 0;letter-spacing:var(--letter-spacing-body);font-weight:var(--font-weight-regular);display:inline-flex;align-items:center;max-width:fit-content;padding:2px 5px;border-radius:8px} .testimonials-purchase-date-icon{position:relative;top:0} .testimonials-navigation{justify-content:center;gap:12px;margin-top:30px} .nav-button{transition:all .2s ease;font-weight:700;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center} .nav-button svg{flex-shrink:0} .nav-button:hover:not(:disabled){transform:scale(1.05)} .nav-button:active:not(:disabled){transform:scale(.95)} .testimonials-dots{justify-content:center;gap:8px} .dot{transition:all .2s ease;transform:scale(1)} .dot:hover{transform:scale(1.2)} .dot.active{transform:scale(1)} @media screen and (max-width:749px){.testimonials-section{overflow-x:visible}.testimonials-carousel{margin:0 -15px;padding:0 15px}.testimonials-track{padding-right:15px;margin-right:-15px;scroll-behavior:smooth}.testimonial-card{flex-shrink:0}.testimonials-navigation{margin-top:20px;display:flex!important;visibility:visible!important}.testimonials-dots{margin-top:20px}.testimonials-rating-summary{font-size:12px}.testimonials-summary-star{width:12px;height:12px}} @media screen and (min-width:750px){.testimonials-carousel{overflow:hidden}.testimonials-track{transition:transform .3s cubic-bezier(.4,0,.2,1)}.testimonial-card{flex-shrink:0}} @media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.testimonials-star{text-rendering:optimizeLegibility}} .nav-button:focus-visible, .dot:focus-visible{outline:2px solid currentColor;outline-offset:2px} @media(prefers-reduced-motion:reduce){.testimonials-track,.testimonial-card,.nav-button,.dot{transition:none}} @media print{.testimonials-navigation,.testimonials-dots{display:none}.testimonials-track{transform:none!important;display:block}.testimonial-card{break-inside:avoid;margin-bottom:20px;flex:none;width:auto}} .guarantee-section{width:100%;max-width:100%;font-family:var(--font-body-family-override);font-weight:var(--font-weight-regular);box-sizing:border-box;letter-spacing:var(--letter-spacing-body);background:var(--section-background);padding-top:0;padding-bottom:0;margin-top:var(--margin-top-mobile);margin-bottom:var(--margin-bottom-mobile);overflow:var(--overflow-setting);position:relative} .beauty-revolution-text{margin-left:var(--accent-text-margin-right)} .accent-text{margin-right:var(--accent-text-margin-right)} .guarantee-section__desktop{display:none} .guarantee-section__mobile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:500px;margin:0 auto;padding:25px 15px 30px;position:relative} .guarantee-section__mobile.no-photos{padding-top:var(--padding-top-no-photos-mobile)} .guarantee-section__mobile.no-photos .guarantee-section__content{max-width:450px;margin:0 auto} .guarantee-section__photos-mobile{display:flex;justify-content:center;position:relative;width:100%;max-width:250px;height:180px;margin-top:var(--mobile-photos-margin-top);margin-bottom:-40px;z-index:1} .guarantee-section__photos-mobile .polaroid-photo{position:absolute;transform-origin:center;box-shadow:0 4px 15px #00000026;width:var(--polaroid-size-mobile);height:calc(var(--polaroid-size-mobile) * 1.2);background:#fff;padding:8px 8px 15px} .guarantee-section__photos-mobile .polaroid-photo-1{transform:rotate(-8deg);left:0;z-index:1;top:0} .guarantee-section__photos-mobile .polaroid-photo-2{transform:rotate(0);left:50%;margin-left:calc(var(--polaroid-size-mobile) / -2);z-index:2;top:10px} .guarantee-section__photos-mobile .polaroid-photo-3{transform:rotate(8deg);right:80px;z-index:1;top:5px} .guarantee-section__photos-mobile .polaroid-photo-4{transform:rotate(8deg);right:0;z-index:1;top:0} .polaroid-photo{background:#fff;box-shadow:0 4px 12px #0000001a;padding:8px 8px 15px;width:var(--polaroid-size-mobile);height:calc(var(--polaroid-size-mobile) * 1.2);display:flex;flex-direction:column;border-radius:3px;overflow:hidden;position:relative;z-index:var(--polaroid-z-index)} .polaroid-photo img{width:calc(100% - 16px);height:calc(100% - 23px);object-fit:cover;border-radius:2px;display:block;position:absolute;top:8px;left:8px} .guarantee-section__content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding-left:var(--content-padding-mobile);padding-right:var(--content-padding-mobile)} .shield-icon{margin-bottom:var(--icon-margin-bottom);transform:scale(1);height:45px;width:45px;display:flex;justify-content:center;align-items:center;overflow:visible;color:var(--icon-color)} .shield-icon svg{fill:currentColor;color:var(--icon-color);width:100%;height:100%;overflow:visible} .guarantee-section__heading{font-size:var(--heading-size-mobile);margin-bottom:8px;font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:var(--letter-spacing-heading)} .risk-free-text{color:var(--risk-free-color);font-family:var(--accent-font-family);font-weight:var(--accent-font-weight);font-style:var(--accent-font-style)} .beauty-revolution-text{color:var(--beauty-revolution-color)} .guarantee-section__description{font-size:var(--description-size-mobile);color:var(--description-color);line-height:var(--description-line-height);margin-bottom:24px} .guarantee-section__cta{transition:all .3s ease;width:100%;margin-bottom:0;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center} .guarantee-section__benefits{display:flex;justify-content:center;width:100%;margin-top:8px;font-size:var(--benefit-size-mobile);color:var(--benefit-text-color)} .benefit{padding:0 5px;display:flex;align-items:center;justify-content:center} .checkmark-icon{margin-right:4px;flex-shrink:0;color:var(--checkmark-color)} [dir=rtl] .checkmark-icon{margin-left:4px} @media(min-width:768px){.guarantee-section{margin-top:var(--margin-top);margin-bottom:var(--margin-bottom)}.guarantee-section__mobile{display:none}.guarantee-section__desktop{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 30px;position:relative;min-height:320px;overflow:var(--overflow-setting)}.guarantee-section__desktop.no-photos{padding-top:var(--padding-top-no-photos-desktop);padding-bottom:var(--padding-top-no-photos-desktop);justify-content:center}.guarantee-section__desktop.no-photos .guarantee-section__content{margin:0 auto}.guarantee-section__desktop.no-photos .guarantee-section__content{width:100%;max-width:var(--content-max-width-no-photos);margin:0 auto}.guarantee-section__photos-left,.guarantee-section__photos-right{display:flex;flex-direction:column;gap:40px;width:25%;position:relative;z-index:1;margin-top:var(--photos-margin-top);margin-bottom:var(--photos-margin-bottom);z-index:var(--photos-z-index)}.guarantee-section__photos-left{padding-right:30px;align-items:flex-start}.guarantee-section__photos-right{padding-left:30px;align-items:flex-end}.guarantee-section__photos-left .polaroid-photo-1{transform:rotate(6deg);margin-left:5%}.guarantee-section__photos-left .polaroid-photo-2{transform:rotate(-5deg);margin-left:15%}.guarantee-section__photos-right .polaroid-photo-1{transform:rotate(-10deg);margin-right:15%}.guarantee-section__photos-right .polaroid-photo-2{transform:rotate(-6deg);margin-right:5%}.guarantee-section__photos-right .polaroid-photo-3{transform:rotate(8deg)}.guarantee-section__content{width:var(--content-width);max-width:var(--content-max-width);padding-left:var(--content-padding-desktop);padding-right:var(--content-padding-desktop)}.desktop-shield-container{height:40px;margin-bottom:10px;display:block;position:relative}.desktop-shield-icon{display:block}.guarantee-section__heading{font-size:var(--heading-size-desktop);margin-bottom:12px;letter-spacing:var(--letter-spacing-heading)}.guarantee-section__description{font-size:var(--description-size-desktop);max-width:500px;margin-bottom:20px;line-height:var(--description-line-height);letter-spacing:var(--letter-spacing-body)!important}.guarantee-section__benefits{font-size:var(--benefit-size-desktop);margin-top:10px}.polaroid-photo{width:var(--polaroid-size-desktop);height:calc(var(--polaroid-size-desktop) * 1.2)}.checkmark-icon{width:14px;height:14px;margin-right:3px}} .guarantee-section{--font-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"} .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .shop-thumbnail.visually-hidden{position:absolute!important;width:0!important;height:0!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important} .shop-add-to-cart-button{display:flex;justify-content:center;align-items:center;width:100%!important;font-size:16px;padding:20px 10px;border-radius:var(--button-border-radius, 10px);border:none;font-weight:600;cursor:pointer;transition:background-color .3s ease;font-family:var(--font-body-family-override);position:relative;gap:10px;--button-text-color: inherit;--button-price-color: var(--button-text-color, inherit)} .rating-component{font-family:var(--font-body-family-override);letter-spacing:var(--letter-spacing-body)} .image_review-star{width:15px;height:15px;margin-right:-2px} .review-star-half, .review-star{width:20px;height:20px;margin-right:-3px} [dir=rtl] .review-star-half{direction:ltr} .shop-product-price{font-size:1.8rem;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-body)} .shop-product-price.on-sale{color:#ef4a65!important} .shop-compare-price{text-decoration:line-through!important;font-size:1.6rem;margin-left:.5rem!important;letter-spacing:var(--letter-spacing-body)} .shop-product-price-block{letter-spacing:var(--letter-spacing-body);line-height:1.2!important} .shop-save-price{font-weight:var(--font-weight-semibold);padding:.5rem .8rem!important;border-radius:50px!important;margin-left:.75rem!important;letter-spacing:var(--letter-spacing-body);display:inline-flex!important;align-items:center!important;line-height:1!important} .shop-save-price .tag-icon{margin-right:4px;transform:rotate(90deg);position:relative;top:-.5px} .shop-product-description{margin:1rem 0;line-height:1.6;letter-spacing:var(--letter-spacing-body)} .shop-read-more, .shop-read-less{display:inline-block;margin-left:.5rem;text-decoration:none;font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-body)} .shop-custom-content{margin-top:1rem;padding-top:1rem;letter-spacing:var(--letter-spacing-body)} .shop-indicator-dot{width:8px;height:8px;border-radius:50%;cursor:pointer} .shop-thumbnails img{object-fit:cover;border-radius:0;cursor:pointer;opacity:.7;transition:all .3s ease} .shop-product-title{font-size:28px!important;margin-top:0;margin-bottom:0;line-height:1.3;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading);overflow:visible;word-wrap:break-word;max-width:100%} .shop-award-badge{padding:3px 12px;display:inline-flex;align-items:center;letter-spacing:var(--letter-spacing-body);line-height:1.4;width:fit-content;white-space:nowrap;align-self:flex-start} .shop-product-price-container{margin:1rem 0;position:relative;font-family:var(--font-body-family-override);display:flex!important;align-items:center!important;flex-wrap:wrap!important;width:100%!important} .shop-carousel-container{flex:0 0 50%;max-width:50%;position:relative;align-self:flex-start} .shop-image-container img.shop-main-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0} .shop-thumbnails img:hover{opacity:.9} .warning-title{font-weight:700!important;margin-bottom:1px;letter-spacing:var(--letter-spacing-body)} .shop-thumbnails img.active{opacity:1;border-color:#000} .shop-main-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0;background-color:#fff0;transition:opacity .35s cubic-bezier(.4,0,.2,1);pointer-events:none;border-radius:var(--product-image-border-radius)!important} .shop-main-image.active{opacity:1;pointer-events:auto} .shop-main-image img{transition:opacity .3s ease} .shop-add-to-cart-button .button-icon{line-height:0;display:flex;align-items:center} .shop-add-to-cart-button .button-text{color:var(--button-text-color, inherit)} .shop-add-to-cart-button:hover{background-color:var(--button-hover-color)!important} .shop-add-to-cart-wrapper{width:100%!important;display:block;border-radius:var(--button-border-radius, 10px)} .loading__spinner{position:absolute;width:1.8rem;display:flex;align-items:center;justify-content:center} .shop-add-to-cart-button.loading span{visibility:hidden} .shop-add-to-cart-button .spinner{animation:rotator 1.4s linear infinite} .limited-stock-component{font-family:var(--font-body-family);letter-spacing:var(--letter-spacing-body);display:inline-flex;align-items:center;width:auto;max-width:100%} .stock-icon{margin-right:8px;display:flex;align-items:center;position:relative;width:14px;height:14px} .clock-face, .hour-hand, .minute-hand{width:14px;height:14px} .hour-hand, .minute-hand{position:absolute;top:0;left:0} .minute-hand{transform-origin:center;animation:rotate 8s linear infinite} .hourglass{animation:flip 2s infinite;transform-origin:center} .limited-stock-text{font-weight:var(--font-weight-regular);margin-right:4px} .stock-available{font-weight:var(--font-weight-regular)} @keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}} @keyframes flip{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(0)}} @media(max-width:768px){.limited-stock-component{flex-wrap:wrap}.product-faq{font-size:90%;width:100%}.product-faq .faq-question-image{margin-right:8px}.product-faq .faq-item.active .faq-answer{max-height:350px}} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .shop-add-to-cart-button .path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite} @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .shop-stock-indicator{display:flex;align-items:center;border-radius:50px;width:fit-content} .shop-stock-dot-container{position:relative;margin-right:12px} .shop-stock-dot{display:block;border-radius:50%} .shop-stock-dot.static-dot{position:relative;z-index:2} .shop-stock-dot.animated-dot{position:absolute;top:0;left:0} .shop-product-details{max-width:1200px;margin:0 auto!important;padding:0;letter-spacing:var(--letter-spacing-body);font-family:var(--font-body-family-override)} .shop-add-to-cart-button .button-content{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative} .shop-add-to-cart-button .current-price{font-size:14px;font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-body);color:var(--button-price-color, var(--button-text-color, inherit))} .shop-add-to-cart-button .compare-price{font-size:14px;font-weight:var(--font-weight-regular);text-decoration:line-through;opacity:.7;letter-spacing:var(--letter-spacing-body);margin-left:0;color:var(--button-price-color, var(--button-text-color, inherit))} .shop-add-to-cart-button .price-separator{color:var(--button-price-color, var(--button-text-color, inherit));margin:0 2px} .shop-product-section{box-sizing:border-box;width:100%;padding:10px 8px;font-family:inherit} .shop-product-inner-container{max-width:1200px;margin:0 auto;width:100%} .shop-product-layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px} .shop-carousel-container{flex:0 0 55%;max-width:55%;position:relative;align-self:flex-start} .shop-product-info{flex:0 0 calc(45% - 20px);max-width:calc(45% - 20px);display:flex;flex-direction:column;width:100%;overflow:visible;text-align:left;align-items:flex-start} .shop-carousel-container *, .shop-carousel-container *:before, .shop-carousel-container *:after{box-sizing:border-box;margin:0;padding:0} .shop-video{width:100%;height:100%} .shop-product-carousel{width:90%;display:block;position:relative;padding:0} .shop-main-image-wrapper{width:100%;position:relative;overflow:hidden;border-radius:var(--product-image-border-radius)!important;margin-bottom:5px} .shop-image-container{position:relative;width:100%;border-radius:var(--product-image-border-radius)!important;overflow:hidden;background-color:#fff0} @media(max-width:799px){.shop-product-section[data-full-width-image=true] .shop-image-container{height:auto!important}.shop-product-section[data-full-width-image=true] .shop-main-image{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.shop-product-section[data-full-width-image=true] .shop-main-image.active{position:static!important;height:auto!important;width:100%!important;object-fit:contain!important;display:block!important;opacity:1!important;pointer-events:auto!important}.shop-product-section[data-full-width-image=true] .shop-main-image:not(.active){opacity:0!important;pointer-events:none!important}.shop-product-section[data-full-width-image=true] .shop-mobile-arrows{position:absolute;top:0;left:0;right:0;bottom:auto;height:100%}.shop-product-section[data-full-width-image=true] .shop-mobile-arrows-below{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;height:auto!important}.shop-product-section[data-full-width-image=true] .shop-desktop-arrows.shop-desktop-arrows-overlaid{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;height:100%!important}.shop-product-section[data-full-width-image=true] .shop-desktop-arrows.shop-desktop-arrows-below{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;height:auto!important}} @media(max-width:799px){.shop-product-section[data-full-width-image=true] .shop-main-image-wrapper{height:auto}.shop-product-section[data-full-width-image=true] .shop-thumbnails-outer{margin-top:10px}} .shop-product-section[data-hide-thumbnails=true] .shop-thumbnails-outer{display:none!important} @media(min-width:800px){.shop-product-section[data-hide-thumbnails=true] .shop-thumbnails-outer{display:none!important}} @media(max-width:799px){.shop-product-section[data-hide-thumbnails=true] .shop-thumbnails-outer{display:none!important}} .shop-dots-navigation{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:10px 0;flex-wrap:wrap;max-width:100%} .shop-dot{width:var(--dot-size, 8px);height:var(--dot-size, 8px);border-radius:50%;background-color:var(--dot-color, #cccccc);cursor:pointer;transition:all .2s ease;display:block} .shop-dot:hover{background-color:var(--dot-active-color, #000000);opacity:.7} .shop-dot:focus{outline:2px solid var(--dot-active-color, #000000);outline-offset:2px} .shop-dot.active{background-color:var(--dot-active-color, #000000);box-shadow:0 0 0 2px #fffc} @media(max-width:767px){.shop-dots-navigation{margin-top:12px;gap:6px;padding:8px 0}} @media(max-width:480px){.shop-dots-navigation{gap:5px;margin-top:10px}.shop-product-section[data-full-width-image=true] .shop-image-container{max-width:none;margin:0;aspect-ratio:auto}} @media(max-width:767px){.shopify-section:has(.shop-product-section[data-mobile-full-width=true]){padding:0!important;margin:0!important}.shop-product-section.shop-product-section[data-mobile-full-width=true]{padding:0!important;margin:0!important}.shop-product-section[data-mobile-full-width=true] .shop-product-inner-container{padding:0!important;margin:0!important;max-width:100%!important}.shop-product-section[data-mobile-full-width=true] .shop-product-layout{padding:0!important;margin:0!important;gap:0!important}.shop-product-section[data-mobile-full-width=true] .shop-carousel-container{padding:0!important;margin:0!important;max-width:100%!important;width:100%!important}.shop-product-section[data-mobile-full-width=true] .shop-product-carousel{width:100%!important;padding:0!important;margin:0!important;max-width:100%!important}.shop-product-section[data-mobile-full-width=true] .shop-image-container{border-radius:0!important;padding:0!important;margin:0!important;max-width:100%!important;width:100%!important;height:auto!important}.shop-product-section[data-mobile-full-width=true] .shop-main-image-wrapper{border-radius:0!important;padding:0!important;margin:0!important;max-width:100%!important;width:100vw!important;height:auto!important;position:relative;left:50%;right:50%;margin-left:-50vw!important;margin-right:-50vw!important}.shop-product-section[data-mobile-full-width=true] .shop-main-image,.shop-product-section[data-mobile-full-width=true] .shop-main-image img{width:100%!important;height:auto!important;max-width:100%!important;border-radius:0!important;object-fit:cover!important;display:block!important}.shop-product-section[data-mobile-full-width=true] .shop-image-zoom-wrapper{width:100%!important;height:auto!important;margin:0!important;padding:0!important}.shop-product-section[data-mobile-full-width=true] .page-fade-in{transform:none!important}} .shop-desktop-arrows{display:none} @media(min-width:800px){.shop-desktop-arrows{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:10px 0}.shop-dots-navigation+.shop-desktop-arrows{margin-top:10px}.shop-desktop-arrow{width:44px;height:44px;border-radius:var(--arrow-border-radius, 50%)!important;background-color:var(--desktop-arrow-bg, #ffffff);border:1px solid var(--desktop-arrow-border, #e0e0e0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.shop-desktop-arrow:hover{background-color:var(--desktop-arrow-hover-bg, #f5f5f5);border-color:var(--desktop-arrow-hover-border, #d0d0d0);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.shop-desktop-arrow:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.shop-desktop-arrow:focus{outline:none;border-color:var(--desktop-arrow-icon, #000000)}.shop-desktop-arrow svg{width:18px;height:18px;transition:all .2s ease}.shop-desktop-arrow svg path{stroke:var(--desktop-arrow-icon, #000000)}.shop-desktop-arrow:disabled{opacity:.4;cursor:not-allowed;transform:none}.shop-desktop-arrow:disabled:hover{background-color:var(--desktop-arrow-bg, #ffffff);border-color:var(--desktop-arrow-border, #e0e0e0);transform:none;box-shadow:0 2px 8px #0000001a}} @media(min-width:1200px){.shop-desktop-arrows{margin-top:25px;gap:30px}.shop-desktop-arrow{width:48px;height:48px;border-radius:var(--arrow-border-radius, 50%)!important}.shop-desktop-arrow svg{width:20px;height:20px}.shop-desktop-arrow svg path{stroke:var(--desktop-arrow-icon, #000000)}} .shop-desktop-arrows.shop-desktop-arrows-overlaid{display:none!important;position:static;margin:0;padding:0;gap:0} @media(min-width:800px){.shop-desktop-arrows.shop-desktop-arrows-overlaid{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;justify-content:space-between;align-items:center;padding:0 15px!important;pointer-events:none;z-index:2;margin:0!important;gap:0!important}.shop-desktop-arrows.shop-desktop-arrows-overlaid .shop-desktop-arrow{width:44px;height:44px;border-radius:var(--arrow-border-radius, 50%)!important;background-color:var(--desktop-arrow-bg, #ffffff);border:1px solid var(--desktop-arrow-border, #e0e0e0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:var(--arrow-opacity, .9);box-shadow:0 2px 8px #0000001a;pointer-events:auto;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.shop-desktop-arrows.shop-desktop-arrows-overlaid .shop-desktop-arrow:hover{background-color:var(--desktop-arrow-hover-bg, #f5f5f5);border-color:var(--desktop-arrow-hover-border, #d0d0d0);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.shop-desktop-arrows.shop-desktop-arrows-overlaid .shop-desktop-arrow:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a;border-color:var(--desktop-arrow-icon, #000000)}.shop-desktop-arrows.shop-desktop-arrows-overlaid .shop-desktop-arrow:focus{outline:none;border-color:var(--desktop-arrow-icon, #000000)}.shop-desktop-arrows.shop-desktop-arrows-overlaid .shop-desktop-arrow svg{width:18px;height:18px;transition:all .2s ease}.shop-desktop-arrows.shop-desktop-arrows-overlaid .shop-desktop-arrow svg path{stroke:var(--desktop-arrow-icon, #000000)}.shop-desktop-arrow-prev{margin-left:0}.shop-desktop-arrow-next{margin-right:0}} @media(min-width:1200px){.shop-desktop-arrows.shop-desktop-arrows-overlaid{padding:0 20px!important}.shop-desktop-arrows.shop-desktop-arrows-overlaid .shop-desktop-arrow{width:50px;height:50px}.shop-desktop-arrows.shop-desktop-arrows-overlaid .shop-desktop-arrow svg{width:20px;height:20px}} .shop-desktop-arrows.shop-desktop-arrows-below{display:none} @media(min-width:800px){.shop-desktop-arrows.shop-desktop-arrows-below{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:0;padding:10px 0}.shop-desktop-arrows.shop-desktop-arrows-below .shop-desktop-arrow{width:40px;height:40px;border-radius:var(--arrow-border-radius, 50%)!important;background-color:var(--desktop-arrow-bg, #ffffff);border:1px solid var(--desktop-arrow-border, #e0e0e0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.shop-desktop-arrows.shop-desktop-arrows-below .shop-desktop-arrow:hover{background-color:var(--desktop-arrow-hover-bg, #f5f5f5);border-color:var(--desktop-arrow-hover-border, #d0d0d0);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.shop-desktop-arrows.shop-desktop-arrows-below .shop-desktop-arrow:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a;border-color:var(--desktop-arrow-icon, #000000)}.shop-desktop-arrows.shop-desktop-arrows-below .shop-desktop-arrow:focus{outline:none;border-color:var(--desktop-arrow-icon, #000000)}.shop-desktop-arrows.shop-desktop-arrows-below .shop-desktop-arrow svg{width:18px;height:18px;transition:all .2s ease}.shop-desktop-arrows.shop-desktop-arrows-below .shop-desktop-arrow svg path{stroke:var(--desktop-arrow-icon, #000000)}.shop-desktop-arrows.shop-desktop-arrows-below .shop-desktop-arrow:disabled{opacity:.4;cursor:not-allowed;transform:none}.shop-desktop-arrows.shop-desktop-arrows-below .shop-desktop-arrow:disabled:hover{background-color:var(--desktop-arrow-bg, #ffffff);border-color:var(--desktop-arrow-border, #e0e0e0);transform:none;box-shadow:0 2px 8px #0000001a}} @media(min-width:1200px){.shop-desktop-arrows.shop-desktop-arrows-below{margin-top:25px;gap:30px}.shop-desktop-arrows.shop-desktop-arrows-below .shop-desktop-arrow{width:48px;height:48px}.shop-desktop-arrows.shop-desktop-arrows-below .shop-desktop-arrow svg{width:20px;height:20px}} .shop-mobile-arrows{display:none} .shop-mobile-arrows{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:0 10px;pointer-events:none;z-index:2;animation:fadeInMobileArrows .3s ease-in-out} @keyframes fadeInMobileArrows{0%{opacity:0}to{opacity:1}} .shop-mobile-arrow{width:40px;height:40px;border-radius:var(--arrow-border-radius, 50%)!important;background-color:var(--desktop-arrow-bg, #ffffff);border:1px solid var(--desktop-arrow-border, #e0e0e0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:var(--arrow-opacity, .9);box-shadow:0 2px 8px #00000026;pointer-events:auto;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)} .shop-mobile-arrow:active{transform:scale(.95);opacity:1;border-color:var(--desktop-arrow-icon, #000000)} .shop-mobile-arrow:focus{outline:none;border-color:var(--desktop-arrow-icon, #000000)} .shop-mobile-arrow svg{width:16px;height:16px;transition:all .2s ease} .shop-mobile-arrow svg path{stroke:var(--desktop-arrow-icon, #000000)} .shop-mobile-prev-arrow{margin-left:0} .shop-mobile-next-arrow{margin-right:0} @media(max-width:480px){.shop-mobile-arrows{padding:0 8px}.shop-mobile-arrow{width:36px;height:36px}.shop-mobile-arrow svg{width:14px;height:14px}} .shop-mobile-arrow-in-thumbnails{display:none} @media(max-width:799px){.shop-thumbnails-wrapper{display:flex!important;align-items:center;gap:10px}.shop-mobile-arrow-in-thumbnails{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--arrow-border-radius, 50%)!important;background-color:var(--desktop-arrow-bg, #ffffff);border:1px solid var(--desktop-arrow-border, #e0e0e0);cursor:pointer;transition:all .2s ease;opacity:var(--arrow-opacity, .9);box-shadow:0 2px 6px #0000001a;pointer-events:auto;flex-shrink:0}.shop-mobile-arrow-in-thumbnails:hover{background-color:var(--desktop-arrow-hover-background, #f5f5f5);border-color:var(--desktop-arrow-hover-border, #d0d0d0);opacity:1}.shop-mobile-arrow-in-thumbnails:active{transform:scale(.95);opacity:1;border-color:var(--desktop-arrow-icon, #000000)}.shop-mobile-arrow-in-thumbnails:focus{outline:none;border-color:var(--desktop-arrow-icon, #000000)}.shop-mobile-arrow-in-thumbnails svg{width:19px;height:19px;transition:all .2s ease}.shop-mobile-arrow-in-thumbnails svg path{stroke:var(--desktop-arrow-icon, #000000)}.shop-thumbnails{display:flex;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.shop-thumbnails::-webkit-scrollbar{display:none}.shop-thumbnail{width:50px!important;height:50px!important}.shop-thumbnails{gap:8px!important}.shop-thumbnails-wrapper:has(.shop-mobile-arrow-in-thumbnails) .shop-thumbnail,.shop-thumbnails-wrapper.has-mobile-arrows .shop-thumbnail{width:45px!important;height:45px!important}.shop-thumbnails-wrapper:has(.shop-mobile-arrow-in-thumbnails) .shop-thumbnails,.shop-thumbnails-wrapper.has-mobile-arrows .shop-thumbnails{gap:6px!important}} @media(max-width:480px){.shop-mobile-arrow-in-thumbnails{width:28px;height:28px}.shop-mobile-arrow-in-thumbnails svg{width:17px;height:17px}.shop-thumbnails-wrapper{gap:8px}.shop-thumbnail{width:45px!important;height:45px!important}.shop-thumbnails{gap:6px!important}.shop-thumbnails-wrapper:has(.shop-mobile-arrow-in-thumbnails) .shop-thumbnail,.shop-thumbnails-wrapper.has-mobile-arrows .shop-thumbnail{width:40px!important;height:40px!important}.shop-thumbnails-wrapper:has(.shop-mobile-arrow-in-thumbnails) .shop-thumbnails,.shop-thumbnails-wrapper.has-mobile-arrows .shop-thumbnails{gap:4px!important}} .shop-mobile-arrows-below{display:none} @media(max-width:799px){.shop-mobile-arrows-below{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;display:flex;justify-content:center;align-items:center;gap:20px;margin-top:15px;padding:10px 0;pointer-events:auto!important;z-index:auto!important;animation:none!important}.shop-mobile-arrows-below .shop-mobile-arrow{width:40px;height:40px;border-radius:var(--arrow-border-radius, 50%)!important;background-color:var(--desktop-arrow-bg, #ffffff);border:1px solid var(--desktop-arrow-border, #e0e0e0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:var(--arrow-opacity, .9);box-shadow:0 2px 8px #00000026;pointer-events:auto;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.shop-mobile-arrows-below .shop-mobile-arrow:active{transform:scale(.95);opacity:1;border-color:var(--desktop-arrow-icon, #000000)}.shop-mobile-arrows-below .shop-mobile-arrow:focus{outline:none;border-color:var(--desktop-arrow-icon, #000000)}.shop-mobile-arrows-below .shop-mobile-arrow svg{width:16px;height:16px;transition:all .2s ease}.shop-mobile-arrows-below .shop-mobile-arrow svg path{stroke:var(--desktop-arrow-icon, #000000)}} @media(max-width:480px){.shop-mobile-arrows-below{gap:15px;margin-top:12px;padding:8px 0}.shop-mobile-arrows-below .shop-mobile-arrow{width:36px;height:36px}.shop-mobile-arrows-below .shop-mobile-arrow svg{width:14px;height:14px}} .shop-thumbnails-outer{position:relative;width:100%;margin-top:10px;display:flex;justify-content:center} .shop-thumbnails-wrapper{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:0 5px;max-width:100%;margin:0 auto} .shop-thumbnails{display:flex;gap:10px;width:100%;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:5px 0;flex-wrap:nowrap;align-items:center} .shop-thumbnails::-webkit-scrollbar{display:none} @media(min-width:800px){.shop-thumbnails,.shop-thumbnails-wrapper.left-column-layout,.shop-main-image-wrapper.shop-image-thumbnails-row .shop-thumbnails-outer{cursor:grab;-webkit-user-select:none;user-select:none}.shop-thumbnails img,.shop-thumbnails-wrapper.left-column-layout img{-webkit-user-drag:none;user-drag:none}.shop-thumbnails[data-dragging="1"],.shop-thumbnails-wrapper.left-column-layout[data-dragging="1"],.shop-thumbnails-outer[data-dragging="1"]{cursor:grabbing;scroll-behavior:auto}} .shop-thumbnail{flex:0 0 auto;width:70px;height:70px;cursor:pointer;border-radius:4px!important;overflow:hidden;transition:opacity .2s ease,border-color .2s ease;padding:0;margin:0;background-color:#f8f8f8} .thumb-square{width:100%;height:100%;position:relative;display:block;overflow:hidden;padding:0;margin:0} .thumb-square img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;right:0;bottom:0} .thumb-square .video-icon{position:absolute;transform:translate(-50%,-50%)} .shop-thumbnail-indicators{display:none;justify-content:center;gap:5px;margin-top:10px} .shop-square-container{position:relative;aspect-ratio:1 / 1;width:100%;overflow:hidden} .shop-match-image-width{width:100%;max-width:100%;padding:0} @media(min-width:768px){.shop-thumbnail{width:64px;height:64px}.shop-thumbnails{gap:4px}.shop-product-{padding:0 7px}.shop-main-image-wrapper{margin-bottom:14px}.shop-thumbnails-outer{margin:10px 0}} @media(min-width:800px){.shop-carousel-container::-webkit-scrollbar{display:none}.shop-main-image-wrapper,.shop-image-container{align-self:flex-start;margin-left:0;margin-right:auto}.shop-thumbnails-wrapper{max-width:100%;width:100%;justify-content:center}.shop-thumbnails{max-width:100%;justify-content:flex-start;margin:0 auto}.shop-match-image-width{max-width:100%;width:100%;padding:0}.shop-square-container{width:100%}.shop-product-layout{display:flex;gap:20px;align-items:flex-start}.shop-carousel-container{flex:0 0 50%;max-width:50%;position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;align-items:center}.shop-product-info{flex:0 0 calc(50% - 20px);max-width:calc(50% - 20px)}} @media screen and (min-width:750px){.shop-add-to-cart-button .current-price{font-size:16px}.shop-add-to-cart-button .compare-price{font-size:14px}} @media(max-width:799px){.shop-product-layout{flex-direction:column;gap:0}.shop-carousel-container{margin-bottom:2px;display:flex;flex-direction:column;align-items:center}.shop-thumbnails-wrapper{max-width:600px;margin:0 auto}.shop-product-info{padding-top:10px;align-items:flex-start;text-align:left}.shop-carousel-container,.shop-product-info{flex:0 0 100%;max-width:100%;position:static;max-height:none}.shop-carousel-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.shop-image-container{max-width:600px;margin:0 auto}.shop-thumbnails-outer{max-width:600px;width:100%;margin:10px auto 0}.shop-product-title{font-size:26px!important;padding-right:0;width:100%}.shop-thumbnail-indicators{display:flex}.shop-image-container{width:100%!important;max-width:100%!important;margin:0!important}.shop-thumbnails-outer{width:100%!important;max-width:100%!important;margin:10px 0 0!important}.shop-thumbnails-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.shop-product-carousel{width:100%!important}.shop-carousel-container{padding:0!important;width:100%!important}.shop-thumbnail{width:60px;height:60px;border-radius:4px!important}.shop-thumbnails{gap:8px;padding:5px 6px;justify-content:center}.shop-main-image{object-fit:contain}.shop-main-image:hover img{transform:scale(1.03)}.shop-square-container,.shop-match-image-width{margin:0 auto;max-width:600px}.shop-square-container{aspect-ratio:4 / 3}} @media(max-width:767px){.shop-image-container,.shop-thumbnails-outer,.shop-thumbnails-wrapper{max-width:500px}.shop-award-badge{white-space:normal;padding:3px 12px}.rating-component{flex-wrap:wrap}.rating-satisfaction{margin-left:0;letter-spacing:var(--letter-spacing-body);margin-top:0}.shop-product-info{align-items:flex-start;text-align:left}.shop-image-container{width:100%!important;max-width:100%!important;margin:0!important}.shop-thumbnails-outer{width:100%!important;max-width:100%!important;margin:10px 0 0!important}.shop-thumbnails-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.shop-product-carousel{width:100%!important}.shop-carousel-container{padding:0!important;width:100%!important}.shop-image-container{margin:0 auto;max-width:500px}.shop-main-image{object-fit:contain}.shop-main-image:hover img{transform:scale(1.03)}.shop-square-container,.shop-match-image-width{max-width:500px}.shop-square-container{aspect-ratio:5 / 4}.shop-add-to-cart-button,.shop-add-to-cart-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.shop-carousel-container,.shop-product-carousel,.shop-image-container,.shop-thumbnails-outer,.shop-thumbnails-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;margin-bottom:2px}.shop-product-info{padding-top:0}.shop-product-title{font-size:26px!important;padding-right:0;width:100%}.shop-thumbnail-indicators{display:flex}.shop-thumbnail{width:60px;height:60px;border-radius:4px!important}.shop-thumbnails{gap:8px;padding:5px 6px;justify-content:flex-start;width:100%!important}} @media(max-width:480px){.shop-image-container,.shop-thumbnails-wrapper{max-width:100%}.shop-thumbnail{width:50px;height:50px;border-radius:3px!important}.shop-square-container,.shop-match-image-width{max-width:100%}.shop-thumbnails{gap:6px;padding:5px 4px}.shop-image-container,.shop-thumbnails-outer,.shop-thumbnails-wrapper{width:100%;max-width:100%;margin:0}.shop-thumbnails-outer{margin-top:10px}} @media(max-width:767px){.shop-thumbnail{width:60px;height:60px;border-radius:4px!important}} @media(max-width:480px){.shop-thumbnail{width:50px;height:50px;border-radius:3px!important}} .shop-product-layout.no-gallery{display:block} .shop-product-layout.no-gallery .shop-product-info{flex:1 1 100%;max-width:100%;width:100%} .shop-product-layout.no-gallery .shop-carousel-container{display:none} @media(min-width:800px){.shop-product-layout.no-gallery .shop-product-info{max-width:800px;margin:0 auto}} @media(max-width:799px){.shop-product-layout.no-gallery .shop-product-info{padding-top:0}} .stats-column-item div.stats-column-number.counter-animate{color:#ffffff !important} .product-header.column-1.highlighted div.comparison-product-title{color:#111111 !important} .product-header.column-1.highlighted div.product-subtitle{color:#111111 !important} .guarantee-section__content h2.guarantee-section__heading.heading-text{color:#111111 !important} .sl-bb-piece{max-width:100%;overflow-x:clip}.sl-bb-piece details,.sl-bb-piece summary,.sl-bb-piece table{max-width:100%;box-sizing:border-box}.sl-copy{overflow-x:clip}:where(.sl-bb-piece,.sl-copy) img{max-width:100%;height:auto}.sl-bb-piece .product__text:has(> img,> svg){display:flex;align-items:center;gap:.5em}.sl-bb-piece .product__text img{width:calc(1.2em*var(--icon-scale,1));flex:0 0 auto}.sl-rbadge{display:inline-flex;align-items:center;gap:6px;text-decoration:none;flex:0 0 auto}.sl-rbadge__st{color:#111111;letter-spacing:1px;font-size:13px;line-height:1}.sl-rbadge__t{font-size:11.5px;color:#8a8f98;font-weight:500;white-space:nowrap} .sl-bb-piece{max-width:100%;overflow-x:clip}.sl-bb-piece details,.sl-bb-piece summary,.sl-bb-piece table{max-width:100%;box-sizing:border-box}.sl-copy{overflow-x:clip}:where(.sl-bb-piece,.sl-copy) img{max-width:100%;height:auto}.sl-bb-piece .product__text:has(> img,> svg){display:flex;align-items:center;gap:.5em}.sl-bb-piece .product__text img{width:calc(1.2em*var(--icon-scale,1));flex:0 0 auto}.sl-rbadge{display:inline-flex;align-items:center;gap:6px;text-decoration:none;flex:0 0 auto}.sl-rbadge__st{color:#111111;letter-spacing:1px;font-size:13px;line-height:1}.sl-rbadge__t{font-size:11.5px;color:#8a8f98;font-weight:500;white-space:nowrap} /* 15 Oct fence (SOP S87): their heading colours must not reach the STORE header/footer */ .shopify-section-group-footer-group :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,[class*="title"],[class*="heading"]),.shopify-section-group-header-group :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,[class*="title"],[class*="heading"]){color:rgb(var(--color-foreground)) !important} /* 15 Oct: comparison pills fit their 45px column at 320 */ @media (max-width:360px){[id*="sl_st11_productcompari"] .product-subtitle{font-size:8px!important;letter-spacing:0!important;padding:3px 3px!important;max-width:100%;box-sizing:border-box;white-space:normal;line-height:1.15}} @media (max-width:360px){[id*="sl_st11_productcompari"] .comparison-product-title{font-size:13px!important;line-height:1.15;overflow-wrap:normal;hyphens:none}}