/** Shopify CDN: Minification failed Line 757:10 Expected identifier but found whitespace Line 757:11 Unexpected "20px" **/ [id*="__sl_si35_"]{letter-spacing:normal}[id*="__sl_si35_"] :where(h1,h2,h3,h4,h5,h6,p,li,td,th,span,a,strong,button,summary){letter-spacing:normal} [id*="__sl_si35_"] *{word-break:normal !important;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word} :root{ /* Global button variables */ --global-button-bg-color: #0c0c0d; --global-button-text-color: #ffffff; --global-button-hover-bg-color: #ffffff; --global-button-hover-text-color: #629300; --global-button-radius: 12px; --global-button-font-size: 16px; --global-button-font-weight: 400; --global-button-padding-y: 13px; --global-button-letter-spacing: -0.5px; --global-button-text-transform: uppercase; --global-button-font-family: var(--font-body-family, sans-serif); /* Global section colors */ --global-section-text-color: #141720; --global-section-background-color: #ffffff; --global-section-accent-1-color: #F7F2E9; } /* 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_si35_"] 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_si35_"] 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_si35_"] 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_si35_"] 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: Arial, sans-serif; --font-body-family: "Nunito Sans", 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: "Nunito Sans", sans-serif; --font-heading-family-override: Arial, sans-serif; --font-body-weight-override: 400; --font-heading-weight-override: 600; /* Button styling variables */ --global-button-radius: 12px; /* Custom font sizes from theme settings */ --h1-font-size: 48px; --h2-font-size: 36px; --h3-font-size: 28px; --body-font-size: 16px; --subtitle-font-size: 18px; } .button, .button-text, [id*="__sl_si35_"] button[type="submit"], [id*="__sl_si35_"] input[type="submit"]{ text-transform: var(--button-text-transform); font-family: var(--font-body-family-override); } [id*="__sl_si35_"] p, span, div, [id*="__sl_si35_"] a, [id*="__sl_si35_"] button, [id*="__sl_si35_"] input, select, textarea, label, [id*="__sl_si35_"] li{ font-family: var(--font-body-family-override, "Nunito Sans", sans-serif); } [id*="__sl_si35_"] h1, [id*="__sl_si35_"] h2, [id*="__sl_si35_"] h3, [id*="__sl_si35_"] h4, [id*="__sl_si35_"] h5, [id*="__sl_si35_"] h6, [id*="__sl_si35_"] .h1, [id*="__sl_si35_"] .h2, [id*="__sl_si35_"] .h3, [id*="__sl_si35_"] .h4, [id*="__sl_si35_"] .h5, [id*="__sl_si35_"] .h6, [id*="__sl_si35_"] [class*="title"], [id*="__sl_si35_"] [class*="heading"], .title, .heading{ font-family: var(--font-heading-family-override, Arial, 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, Arial, 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, "Nunito Sans", sans-serif); } .button, .btn, [id*="__sl_si35_"] button[type="submit"], [id*="__sl_si35_"] 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-color: var(--global-button-bg-color) !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_si35_"] button[type="submit"]:hover, [id*="__sl_si35_"] input[type="submit"]:hover, .shopify-payment-button__button:hover, .product-form__submit:hover, .shop-add-to-cart-button:hover, .claim-button:hover, [id*="__sl_si35_"] button[class*="add-to-cart"]:hover, [id*="__sl_si35_"] button[class*="add_to_cart"]:hover, [id*="__sl_si35_"] a[class*="add-to-cart"]:hover, [id*="__sl_si35_"] a[class*="add_to_cart"]:hover, [id*="__sl_si35_"] input[class*="add-to-cart"]:hover, [id*="__sl_si35_"] 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_si35_"] button[type="submit"]:focus, [id*="__sl_si35_"] button[type="submit"]:focus-visible, [id*="__sl_si35_"] input[type="submit"]:focus, [id*="__sl_si35_"] 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_si35_"] button[class*="add-to-cart"]:focus, [id*="__sl_si35_"] button[class*="add_to_cart"]:focus, [id*="__sl_si35_"] a[class*="add-to-cart"]:focus, [id*="__sl_si35_"] a[class*="add_to_cart"]:focus, [id*="__sl_si35_"] input[class*="add-to-cart"]:focus, [id*="__sl_si35_"] 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-color: var(--global-button-hover-bg-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; 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_si35_"] p[class*="add-to-cart"]:hover, [id*="__sl_si35_"] 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_si35_"] p[class*="add-to-cart"]:focus, [id*="__sl_si35_"] 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_si35_"] [class*="sticky-add-to-cart"]:not(button):not(input[type="submit"]):not(.button):not(.btn):hover, [id*="__sl_si35_"] [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_si35_"] button[type="submit"]:before, [id*="__sl_si35_"] button[type="submit"]:after, [id*="__sl_si35_"] input[type="submit"]:before, [id*="__sl_si35_"] 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_si35_"] [class*="add-to-cart"]:before, [id*="__sl_si35_"] [class*="add-to-cart"]:after, [id*="__sl_si35_"] [class*="add_to_cart"]:before, [id*="__sl_si35_"] [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_si35_"] button:not([class^="shopify"]), .secondary-button, .link-styled-button, [id*="__sl_si35_"] [class*="button"], [id*="__sl_si35_"] [class*="btn-"], .card__badge, .badge, .tag, .spr-button, .pagination__item, [id*="__sl_si35_"] 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_si35_"] [class*="pill"]:not(.pill-item), [id*="__sl_si35_"] [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: #141720 !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: #F7F2E9 !important; } span.gb-cart-total-item{ background-color: #141720 !important; color: #ffffff !important; } .social-proof-bar{ background-color: #F7F2E9 !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_si35_"] [class*="accent-title"], .accent-heading, [id*="__sl_si35_"] [class*="accent-heading"]{ color: #F7F2E9 !important; } :root{ --enhanced-3d-enabled: false; --enhanced-gradient-enabled: false; } .button-box-shadow, .button.button-box-shadow, .btn.button-box-shadow, [id*="__sl_si35_"] button[type="submit"].button-box-shadow, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow.intensity-1, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow.intensity-1:hover, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow.intensity-2, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow.intensity-2:hover, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow.intensity-3, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow.intensity-3:hover, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow.intensity-4, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow.intensity-4:hover, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow.intensity-5, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow.intensity-5:hover, [id*="__sl_si35_"] 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_si35_"] button[type="submit"].button-box-shadow:active, [id*="__sl_si35_"] 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; } /* * 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_si35_"] 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_si35_"] button.cart-remove-button.button-box-shadow, [id*="__sl_si35_"] button.cart-remove-button.button-gradient-effect, [id*="__sl_si35_"] button.cart-remove-button.intensity-1, [id*="__sl_si35_"] button.cart-remove-button.intensity-2, [id*="__sl_si35_"] button.cart-remove-button.intensity-3, [id*="__sl_si35_"] button.cart-remove-button.intensity-4, [id*="__sl_si35_"] 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_si35_"] 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_si35_"] button.cart-remove-button.button-box-shadow:hover, [id*="__sl_si35_"] button.cart-remove-button.button-gradient-effect:hover, [id*="__sl_si35_"] button.cart-remove-button.intensity-1:hover, [id*="__sl_si35_"] button.cart-remove-button.intensity-2:hover, [id*="__sl_si35_"] button.cart-remove-button.intensity-3:hover, [id*="__sl_si35_"] button.cart-remove-button.intensity-4:hover, [id*="__sl_si35_"] 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_si35_"] 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_si35_"] button.cart-remove-button.button-box-shadow:active, [id*="__sl_si35_"] button.cart-remove-button.button-gradient-effect:active, [id*="__sl_si35_"] button.cart-remove-button.intensity-1:active, [id*="__sl_si35_"] button.cart-remove-button.intensity-2:active, [id*="__sl_si35_"] button.cart-remove-button.intensity-3:active, [id*="__sl_si35_"] button.cart-remove-button.intensity-4:active, [id*="__sl_si35_"] 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_si35_"] 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_si35_"] button.cart-remove-button.button-gradient-effect::before, [id*="__sl_si35_"] 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_si35_"] h1, [id*="__sl_si35_"] h2, [id*="__sl_si35_"] h3, [id*="__sl_si35_"] h4, [id*="__sl_si35_"] h5, [id*="__sl_si35_"] h6, .title, .heading, [id*="__sl_si35_"] [class*="title"], [id*="__sl_si35_"] [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_si35_"] .h1, [id*="__sl_si35_"] .h2, [id*="__sl_si35_"] .h3, [id*="__sl_si35_"] .h4, [id*="__sl_si35_"] .h5, [id*="__sl_si35_"] .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: #141720 !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_si35_"] *[data-use-theme-colors="true"] .title, [id*="__sl_si35_"] *[data-use-theme-colors="true"] [class*="title"], [id*="__sl_si35_"] *[data-use-theme-colors="true"] h1, [id*="__sl_si35_"] *[data-use-theme-colors="true"] h2, [id*="__sl_si35_"] *[data-use-theme-colors="true"] h3, [id*="__sl_si35_"] *[data-use-theme-colors="true"] h4, [id*="__sl_si35_"] *[data-use-theme-colors="true"] h5, [id*="__sl_si35_"] *[data-use-theme-colors="true"] h6, [id*="__sl_si35_"] *[data-use-theme-colors="true"] .heading{ color: #141720 !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_si35_"] [class*="accent-title"], .accent-heading, [id*="__sl_si35_"] [class*="accent-heading"]{ color: #F7F2E9 !important; } #payment-icons-cart_payment_icon_LNm8HV.payment-icons-container{ width: 100%; margin-top: 8px; margin-bottom: 8px; margin-left: 0; margin-right: 0; padding: 0; } #payment-icons-cart_payment_icon_LNm8HV .payment-icons-wrapper{ margin: 0 auto; gap: 6px !important; } #payment-icons-cart_payment_icon_LNm8HV .payment-icon{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; opacity: 1 !important; visibility: visible !important; height: 16px !important; } #payment-icons-cart_payment_icon_LNm8HV .payment-icon svg{ max-height: 100%; width: auto; min-width: 30px; display: block; opacity: 1 !important; visibility: visible !important; height: 16px !important; } @media screen and (max-width: 749px) { #payment-icons-cart_payment_icon_LNm8HV .payment-icons-wrapper { gap: 3px !important; } #payment-icons-cart_payment_icon_LNm8HV .payment-icon { height: 12.8px !important; } #payment-icons-cart_payment_icon_LNm8HV .payment-icon svg { height: 12.8px !important; } } #CartDrawer{ --global_section_background_color: #FFFFFF; --cart-drawer-primary-background-color: #f2f2f2; --cart-drawer-background-gradient: linear-gradient(57deg, rgba(242, 242, 242, 1), rgba(242, 242, 242, 1) 100%); --cart-drawer-primary-text-color: #141313; --cart-drawer-header-background: #ffffff; --cart-drawer-item-saving-color: #f2f2f2; --cart-drawer-item-saving-background: #141313; --cart-drawer-checkout-button-background: #141313; --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: #ffffff; --cart-drawer-secondary-text: #483e32; --cart-drawer-accent-color: #141313; --cart-drawer-divider-color: #e5e5e5; --cart-drawer-active-icon-color: #EF4A65; --cart-drawer-discount-bg-color: #f7f2e9; --cart-drawer-discount-text-color: #141313; --cart-drawer-discount-border-radius: 4px; --cart-drawer-discount-icon-color: #141313; } .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: 17px !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_si35_"] button.quantity__button, [id*="__sl_si35_"] button.cart-remove-button, .gb-shipping-protection-button{ position: relative; } [id*="__sl_si35_"] 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; } .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: 4px; padding-bottom: 4px; } } .shop-product-section{ letter-spacing: var(--letter-spacing-body); background-color: #ffffff; color: #1a371a; --accent-color: #629300; --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: 4px; color: #1a371a; } .shop-thumbnail{ border: 1px solid #f2f2f2; } .shop-thumbnail.active{ border-color: #1a371a; } .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: #629300; } .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: 18px 20px !important; font-size: 19px !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: #141720 !important;background-color: var(--button-bg-color, #141313) !important; color: #ffffff !important; border-radius: 8px !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: 19px !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: 6px; } } @media (max-width: 767px) { .shop-product-info { gap: 6px; } } .imgr-container{ display: flex; align-items: center; width: 100%; max-width: 100%; position: relative; z-index: 1; flex-wrap: wrap; } .imgr-link{ text-decoration: none; cursor: pointer; } .imgr-avatar-group{ display: flex; margin-right: 12px; align-items: center; flex-shrink: 0; } .imgr-avatar{ width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid white; margin-right: calc(-16px * 0.4); overflow: hidden; position: relative; } .imgr-avatar:nth-child(1){ z-index: 5; } .imgr-avatar:nth-child(2){ z-index: 4; } .imgr-avatar:nth-child(3){ z-index: 3; } .imgr-avatar:nth-child(4){ z-index: 2; } .imgr-avatar:nth-child(5){ z-index: 1; } .imgr-avatar img{ width: 100%; height: 100%; object-fit: cover; } .imgr-rating-text-container{ display: flex; align-items: center; margin-right: 12px; margin-left: 4px; flex-shrink: 1; min-width: 0; flex-wrap: wrap; } .imgr-rating-text{ font-weight: var(--font-weight-semibold); line-height: 1.3; } .imgr-rating-text p{ margin: 0; display: inline; } .imgr-rating-text p strong, .imgr-rating-text p b{ font-weight: var(--font-weight-bold); } .imgr-rating-value{ font-weight: var(--font-weight-regular); margin-left: 3px; line-height: 1.3; } .imgr-rating-value p{ margin: 0; display: inline; } .imgr-rating-value p strong, .imgr-rating-value p b{ font-weight: var(--font-weight-bold); } .imgr-stars{ display: flex; align-items: center; flex-shrink: 0; } .imgr-star{ width: 22px; height: 22px; flex-shrink: 0; margin-right: calc(-22px * 0.25); } .imgr-star-half-container{ position: relative; width: 22px; height: 22px; flex-shrink: 0; margin-right: calc(-22px * 0.25); } .imgr-star-half-wrapper{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; } @media screen and (max-width: 767px) { .imgr-container { width: 100%; max-width: 100%; } .imgr-avatar-group { margin-right: calc(12px * 0.85); } .imgr-avatar { width: calc(16px * 0.85); height: calc(16px * 0.85); border: 1px solid white; margin-right: calc(-16px * 0.4 * 0.85); } .imgr-rating-text-container { margin-right: calc(12px * 0.85); margin-left: calc(4px * 0.85); } .imgr-rating-text { font-size: calc(14px * 0.9) !important; } .imgr-rating-value { font-size: calc(14px * 0.9) !important; } .imgr-star, .imgr-star-half-container { width: calc(22px * 0.85) !important; height: calc(22px * 0.85) !important; margin-right: calc(-22px * 0.25 * 0.85); } .imgr-star-half-container svg { width: calc(22px * 0.85) !important; height: calc(22px * 0.85) !important; } } .custom-text-block-container-custom_text_XKJDV4{ width: 100%; display: block; } .custom-text-block-custom_text_XKJDV4{ margin-top: 0px; margin-bottom: 0px; text-align: left; width: 100%; } .custom-text-block-custom_text_XKJDV4 .custom-text-wrapper{ width: 100%; } .custom-text-block-custom_text_XKJDV4 .custom-text-with-divider{ display: flex; align-items: center; width: 100%; gap: 12px; } .custom-text-block-custom_text_XKJDV4 .divider-line{ flex: 1; height: 1px; min-height: 1px; min-width: 20px; background-color: #e0e0e0; border: none; margin: 0; display: block; } .custom-text-block-custom_text_XKJDV4 .custom-text-main{ display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: var(--font-weight-regular) ; width: 100%; justify-content: flex-start; flex-shrink: 0; } .custom-text-block-custom_text_XKJDV4 .custom-text-icon{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: #333333; width: 20px; height: 20px; margin-left: 0px; margin-right: 8px; } .custom-text-block-custom_text_XKJDV4 .custom-text-icon svg{ width: 100%; height: 100%; fill: currentColor; stroke: currentColor; } .custom-text-block-custom_text_XKJDV4 .custom-text-after-icon{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: #333333; width: 20px; height: 20px; margin-left: 8px; margin-right: 0px; } .custom-text-block-custom_text_XKJDV4 .custom-text-after-icon svg{ width: 100%; height: 100%; fill: currentColor; stroke: currentColor; } .custom-text-block-custom_text_XKJDV4 .custom-text-content{ color: #333333; margin: 0; width: 100%; } .custom-text-block-custom_text_XKJDV4 .custom-text-content a, .custom-text-block-custom_text_XKJDV4 .custom-text-main-text-content a{ color: #0066cc; text-decoration: underline; } .custom-text-block-custom_text_XKJDV4 .custom-text-content a:hover, .custom-text-block-custom_text_XKJDV4 .custom-text-main-text-content a:hover{ opacity: 0.8; } .custom-text-block-custom_text_XKJDV4 .custom-text-content strong, .custom-text-block-custom_text_XKJDV4 .custom-text-content b, .custom-text-block-custom_text_XKJDV4 .custom-text-main-text-content strong, .custom-text-block-custom_text_XKJDV4 .custom-text-main-text-content b{ font-weight: 700 !important; } .custom-text-block-custom_text_XKJDV4 .custom-text-main-text-content{ text-align: left; width: auto; font-weight: var(--font-weight-regular) ; } .custom-text-block-custom_text_XKJDV4 .custom-text-main-text-content p{ text-align: inherit; font-weight: inherit; } .custom-text-block-custom_text_XKJDV4 .custom-text-main-text-content strong, .custom-text-block-custom_text_XKJDV4 .custom-text-main-text-content b{ font-weight: var(--font-weight-semibold) ; } .custom-text-block-custom_text_XKJDV4 .custom-text-main-text-content p{ margin-top: 0; margin-bottom: px; } .custom-text-block-custom_text_XKJDV4 .custom-text-main-text-content p:last-child{ margin-bottom: 0; } .custom-text-block-custom_text_XKJDV4 .custom-text-description{ font-size: 10px; margin-top: 4px; color: #666666; opacity: 0.8; font-weight: var(--font-weight-regular) ; text-align: left; } .custom-text-block-custom_text_XKJDV4 .custom-text-description strong, .custom-text-block-custom_text_XKJDV4 .custom-text-description b{ font-weight: var(--font-weight-semibold) ; } .custom-text-block-custom_text_XKJDV4 .custom-text-description p{ margin-top: 0; margin-bottom: px; } .custom-text-block-custom_text_XKJDV4 .custom-text-description p:last-child{ margin-bottom: 0; } .bg-benefits-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px !important; max-width: 450px; margin-top: 0px; margin-bottom: 0px; padding: 0px; padding-top: 15px; padding-right: 10px; } .bg-benefit-item{ display: flex; align-items: center; gap: 7px; } .bg-benefit-icon{ flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .bg-benefit-icon.no-background{ border-radius: 0 !important; } .bg-benefit-icon svg{ width: 24px; height: 24px; } .bg-benefit-text{ font-family: var(--font-body-family-override); font-weight: var(--font-weight-semibold) !important; letter-spacing: var(--letter-spacing-body); line-height: 1.3; } @media (max-width: 768px) { .bg-benefits-grid { grid-template-columns: repeat(2, 1fr); gap: 12px !important; } } .shop-add-to-cart-button .button-text{ text-transform: none !important; } #product-form-template--30086022594934__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: 16px; height: 16px; 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: 16px; height: 16px; 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: 16px !important; max-height: 16px !important; fill: #00C7FF !important; stroke: #00C7FF !important; } #block-add_to_cart_7nhY9K .guarantee-custom-icon img{ width: 100% !important; height: 100% !important; max-width: 16px !important; max-height: 16px !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_H93g9M.payment-icons-container{ width: 100%; margin-top: -10px; margin-bottom: 0px; margin-left: 0; margin-right: 0; padding: 0; } #payment-icons-payment_icons_H93g9M .payment-icons-wrapper{ margin: 0 auto; gap: 6px !important; } #payment-icons-payment_icons_H93g9M .payment-icon{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; opacity: 1 !important; visibility: visible !important; height: 32px !important; } #payment-icons-payment_icons_H93g9M .payment-icon svg{ max-height: 100%; width: auto; min-width: 30px; display: block; opacity: 1 !important; visibility: visible !important; height: 32px !important; } @media screen and (max-width: 749px) { #payment-icons-payment_icons_H93g9M .payment-icons-wrapper { gap: 3px !important; } #payment-icons-payment_icons_H93g9M .payment-icon { height: 25.6px !important; } #payment-icons-payment_icons_H93g9M .payment-icon svg { height: 25.6px !important; } } #block-guarantee_badges_nPNbtQ.guarantee-badges-container{ display: flex; justify-content: center; align-items: center; gap: 11px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; font-size: 12px; letter-spacing: var(--letter-spacing-body); color: #4f4e4c !important; width: 100%; flex-direction: row; flex-wrap: wrap; } #block-guarantee_badges_nPNbtQ .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_nPNbtQ .guarantee-blinking-dot-1{ background-color: #4caf50; animation: guarantee-blink-1 1s infinite linear; } #block-guarantee_badges_nPNbtQ .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_nPNbtQ .guarantee-blinking-dot-2{ background-color: #4caf50; animation: guarantee-blink-2 1s infinite linear; } #block-guarantee_badges_nPNbtQ .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_nPNbtQ .guarantee-item{ display: flex; align-items: center; gap: 4px; flex-shrink: 0; min-width: 0; } #block-guarantee_badges_nPNbtQ .guarantee-icon{ width: 14px; height: 14px; display: block; flex-shrink: 0; stroke: #4f4e4c !important; color: #4f4e4c !important; margin-bottom: 1px; } #block-guarantee_badges_nPNbtQ .guarantee-icon svg{ width: 100%; height: 100%; display: block; } #block-guarantee_badges_nPNbtQ .guarantee-custom-icon{ width: 14px; height: 14px; margin-bottom: 1px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #block-guarantee_badges_nPNbtQ .guarantee-custom-icon svg{ width: 100% !important; height: 100% !important; max-width: 14px !important; max-height: 14px !important; fill: #4f4e4c !important; stroke: #4f4e4c !important; } #block-guarantee_badges_nPNbtQ .guarantee-custom-icon img{ width: 100% !important; height: 100% !important; max-width: 14px !important; max-height: 14px !important; object-fit: contain !important; } #block-guarantee_badges_nPNbtQ .guarantee-text{ font-weight: 500; letter-spacing: var(--letter-spacing-body); word-wrap: break-word; hyphens: auto; color: #4f4e4c !important; } @media (max-width: 480px) { #block-guarantee_badges_nPNbtQ.guarantee-badges-container { flex-direction: row; justify-content: center; margin-top: 0px; flex-wrap: wrap; } #block-guarantee_badges_nPNbtQ .guarantee-item { flex-wrap: wrap; justify-content: center; } } .customer-review-customer_review_3pRdeM{ display: flex; padding: clamp(12px, 1%, 24px); background: linear-gradient(to bottom, #ffffff, #f8f8f8); border: 1px dashed #dcdcdc; 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_3pRdeM .customer-review-avatar-container{ position: relative; width: 75px; flex: 0 0 auto; align-self: flex-start; } .customer-review-customer_review_3pRdeM .customer-review-avatar-container::before{ content: ""; display: block; padding-top: 100%; /* Creates a 1:1 aspect ratio */ } .customer-review-customer_review_3pRdeM .customer-review-avatar{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 6px; overflow: hidden; } .customer-review-customer_review_3pRdeM .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_3pRdeM .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_3pRdeM .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_3pRdeM .customer-review-name{ font-weight: var(--font-weight-bold) !important; font-size: 16px; color: #252323; 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_3pRdeM .customer-review-verified{ margin-left: 5px; margin-right: 6px; position: relative; top: -1px; flex-shrink: 0; width: 16px; height: 16px; } .customer-review-customer_review_3pRdeM .customer-review-stars{ display: flex; align-items: center; flex-wrap: nowrap; flex-shrink: 0; } .customer-review-customer_review_3pRdeM .customer-review-star{ margin-right: -3px; fill: #D8D8D8 !important; height: 16px; width: 16px; flex-shrink: 0; } .customer-review-customer_review_3pRdeM .customer-review-star--filled{ fill: #ffb800 !important; } .customer-review-customer_review_3pRdeM .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_3pRdeM .customer-review-text:empty{ display: none; } .customer-review-customer_review_3pRdeM .customer-review-text:only-child{ margin-top: 0; } @media (max-width: 480px) { .customer-review-customer_review_3pRdeM { padding: 10px; gap: 8px; }.customer-review-customer_review_3pRdeM .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_3pRdeM .customer-review-header { margin-bottom: 3px; align-items: center !important; gap: 0px !important; } .customer-review-customer_review_3pRdeM .customer-review-verified { /* Use customizable sizing that scales with name size */ } .customer-review-customer_review_3pRdeM .customer-review-star { /* Use customizable sizing instead of fixed mobile size */ } .customer-review-customer_review_3pRdeM .customer-review-text { /* Use customizable sizing instead of fixed mobile size */ line-height: 1.3; } } .new-product-faq{ width: 100%; margin: 10px auto 10px; font-size: 95%; } .new-faq-container{ border-radius: 10px; overflow: hidden; border: 1px solid #f7f2e9; 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 #f7f2e9; padding: 0; } .faq-item:last-child{ border-bottom: none; } .faq-question{ display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 16px 16px; cursor: pointer; font-weight: var(--font-weight-regular); position: relative; color: #141313; 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: 20px; height: 20px; border-radius: 0px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .faq-question-image img{ width: 100%; height: 100%; object-fit: cover; } .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: #141720; 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: #252323; background-color: #ffffff; font-size: 16px; line-height: 1.4; opacity: 0; will-change: max-height, opacity; } .faq-item.active .faq-answer{ opacity: 1; padding: 0 16px 9px 0; } .faq-answer-inner{ padding-top: 9px; } .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: 16px 14px; font-size: 16px; } .faq-question-image, .faq-question-svg { width: 17.5px; height: 17.5px; margin-right: 10px; } .faq-toggle { font-size: 16px; width: 16px; height: 16px; } .faq-answer { padding: 0 14px 0 0; font-size: 16px; } .faq-item.active .faq-answer { padding: 0 14px 9px 0; } .faq-answer::-webkit-scrollbar { width: 4px; } } @media screen and (max-width: 480px) { .product-faq { font-size: 85%; width: 100%; margin: 8.0px auto 8.0px; } .faq-question { padding: 16px 12px; font-size: 16px; } .faq-question-image, .faq-question-svg { width: 15.0px; height: 15.0px; margin-right: 8px; } .faq-toggle { font-size: 14px; width: 14px; height: 14px; } .faq-answer { padding: 0 12px 0 0; font-size: 16px; line-height: 1.3; } .faq-item.active .faq-answer { padding: 0 12px 9px 0; } .faq-answer::-webkit-scrollbar { width: 3px; } } .button-gradient-effect, #stickyAddToCart .button-gradient-effect, [id*="__sl_si35_"] html body #stickyAddToCart .button-gradient-effect{ background: transparent !important; background-image: none !important; } #stickyAddToCart, [id*="__sl_si35_"] html body #stickyAddToCart{ background: #ffffff !important; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1) !important; color: #141720 !important; z-index: 9900; } @media (max-width: 767px) { } #stickyAddToCart .sticky-add-to-cart__container, [id*="__sl_si35_"] html body #stickyAddToCart .sticky-add-to-cart__container{ background: #ffffff !important; } @media (max-width: 767px) { } #stickyAddToCart .sticky-add-to-cart__product, #stickyAddToCart .sticky-add-to-cart__shipping, #stickyAddToCart .sticky-add-to-cart__shipping-date, #stickyAddToCart .sticky-add-to-cart__details, #stickyAddToCart .sticky-add-to-cart__ratings, #stickyAddToCart .sticky-add-to-cart__stars, #stickyAddToCart .sticky-add-to-cart__rating-text, #stickyAddToCart .sticky-add-to-cart__title, #stickyAddToCart .desktop-view, #stickyAddToCart .mobile-view, #stickyAddToCart .mobile-shipping-info{ background: #ffffff !important; } @media (max-width: 767px) { } #stickyAddToCart .sticky-add-to-cart__button, [id*="__sl_si35_"] html body #stickyAddToCart .sticky-add-to-cart__button{ /* Use Section-Specific Button Styling (theme colors are OFF) */ --button-text-font-size: 21px; padding: 9px 20px !important; font-size: 21px !important; background: #141313 !important; background-color: #141313 !important; background-image: none !important; color: #ffffff !important; border-radius: 8px; border: 2px solid #141313 !important; } #stickyAddToCart .sticky-add-to-cart__button:hover, [id*="__sl_si35_"] html body #stickyAddToCart .sticky-add-to-cart__button:hover{ /* Use Section-Specific Button Hover Styling */ background: #141313 !important; background-color: #141313 !important; background-image: none !important; border-color: #141313 !important; opacity: 1 !important; filter: none !important; } #stickyAddToCart .sticky-add-to-cart__button .button-text, #stickyAddToCart .sticky-add-to-cart__button .button-added-text, [id*="__sl_si35_"] html body #stickyAddToCart .sticky-add-to-cart__button .button-text, [id*="__sl_si35_"] html body #stickyAddToCart .sticky-add-to-cart__button .button-added-text{ font-size: var(--button-text-font-size, var(--global-button-font-size)) !important; } #stickyAddToCart .sticky-add-to-cart__title, [id*="__sl_si35_"] html body #stickyAddToCart .sticky-add-to-cart__title{ color: #141720 !important; font-size: 14px; letter-spacing: 0px; } #stickyAddToCart .sticky-add-to-cart__rating-text, [id*="__sl_si35_"] html body #stickyAddToCart .sticky-add-to-cart__rating-text{ color: #8d8d8d !important; font-size: 14px; font-weight: var(--font-weight-regular); letter-spacing: 0px; } #stickyAddToCart .star, [id*="__sl_si35_"] html body #stickyAddToCart .star{ color: #483e32 !important; opacity: 1 !important; } #stickyAddToCart .sticky-add-to-cart__image, [id*="__sl_si35_"] html body #stickyAddToCart .sticky-add-to-cart__image{ border-color: #9f8b74 !important; } #stickyAddToCart .delivery-icon, [id*="__sl_si35_"] html body #stickyAddToCart .delivery-icon{ color: #483e32 !important; } #stickyAddToCart .delivery-text, [id*="__sl_si35_"] html body #stickyAddToCart .delivery-text{ color: #1d3a1d !important; font-size: 12px; font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-body); } #stickyAddToCart .delivery-date, [id*="__sl_si35_"] html body #stickyAddToCart .delivery-date{ color: #483e32 !important; font-size: 12px; font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-body); } @media (min-width: 768px) { #stickyAddToCart .sticky-add-to-cart__title, html body #stickyAddToCart .sticky-add-to-cart__title { font-size: 16 px !important; } #stickyAddToCart .sticky-add-to-cart__rating-text, html body #stickyAddToCart .sticky-add-to-cart__rating-text { font-size: 14 px !important; } #stickyAddToCart .delivery-text, html body #stickyAddToCart .delivery-text { font-size: 14 px !important; } #stickyAddToCart .delivery-date, html body #stickyAddToCart .delivery-date { font-size: 14 px !important; } } @media (max-width: 767px) { .mobile-view--full-width .mobile-shipping-info { display: none !important; } .mobile-view--full-width .mobile-button-wrapper { width: 100%; } .mobile-view--full-width .sticky-add-to-cart__button { width: 100% !important; text-align: center; border-radius: 0 !important; } .mobile-view--full-width { padding: 0 !important; } .mobile-view--full-width .sticky-add-to-cart__container { padding: 0 !important; } #stickyAddToCart:has(.mobile-view--full-width) { padding: 0 !important; } } #image-text-section-template--30086022594934__image_with_text_ka3FnB{ width: 100%; overflow: hidden; border-radius: 0px; padding-top: 40px; padding-bottom: 0px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-container{ max-width: 1200px; margin: 0 auto; padding: 0 20px; } @media (max-width: 990px) { #image-text-section-template--30086022594934__image_with_text_ka3FnB:has(.mobile-media-full-width) .image-text-container { padding: 0 !important; } } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-content{ display: flex; flex-direction: column; gap: 30px; } @media screen and (max-width: 599px) { #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-content { flex-direction: column; gap: 30px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column, #image-text-section-template--30086022594934__image_with_text_ka3FnB .text-column { width: 100%; } } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .mobile-heading-above-image { display: none !important; } /* Always show heading in text-column on desktop */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .heading-block-wrapper.hide-on-mobile { display: block; } } #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column{ width: 100%; padding: 0px; border-radius: 8px; overflow: hidden; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column.background-image-mode{ min-height: 400px; } @media screen and (min-width: 991px) { #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column.background-image-mode { min-height: 500px; } } #image-text-section-template--30086022594934__image_with_text_ka3FnB .main-image, #image-text-section-template--30086022594934__image_with_text_ka3FnB .main-video{ width: 100%; height: auto; border-radius: 8px !important; object-fit: cover; display: block; margin-top: 0px; margin-bottom: 0px; max-width: 800px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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: 0px; margin-bottom: 0px; max-width: 800px; margin: 0 auto; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-placeholder svg{ width: 40%; height: 40%; fill: #d0d0d0; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .image-text-heading{ font-weight: var(--font-weight-bold); color: #141720 !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--30086022594934__image_with_text_ka3FnB .text-column > div{ width: 100%; max-width: 100%; box-sizing: border-box; overflow: visible; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .text-column{ overflow: visible !important; max-width: 100%; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .text-column h2, #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .accent-text{ color: #F7F2E9; font-family: , ; font-weight: ; font-style: ; letter-spacing: var(--letter-spacing-heading) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accent-text{ padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; background: linear-gradient(45deg, rgba(20, 23, 32, 1), rgba(93, 98, 113, 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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .subtitle-wrapper{ width: fit-content !important; max-width: 100% !important; display: inline-block !important; align-self: flex-start; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .image-text-divider-line:empty{ background-color: #000000 !important; height: 2px !important; width: 50% !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .subtitle-wrapper[data-block-id="subtitle_hTfwpg"] .image-text-subtitle{ color: #333333 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .subtitle-wrapper[data-block-id="subtitle_kkyR4m"] .image-text-subtitle{ color: #333333 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .subtitle-wrapper[data-block-id="subtitle_AbM8Kw"] .image-text-subtitle{ color: #333333 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body{ line-height: 1.6; margin-bottom: 0; letter-spacing: var(--letter-spacing-body); } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list{ padding-left: 0; margin: 0; list-style-type: none; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.no-bullets{ list-style-type: none; padding-left: 0; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .image-text-bullet-list .item-icon svg{ width: 100%; height: 100%; fill: currentColor; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list .item-icon img{ width: 100%; height: 100%; object-fit: contain; display: block; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list .item-text{ flex: 1; letter-spacing: var(--letter-spacing-body); } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.emoji-bullets .list-item{ list-style-type: none; position: relative; padding-left: 25px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.emoji-bullets .list-item:before{ content: attr(data-icon); position: absolute; left: 0; top: 0; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .secondary-image-container{ width: 100%; margin-top: 5px; margin-bottom: 5px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .secondary-image{ max-width: 100%; height: auto; border-radius: 4px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .button-container{ margin-top: 0; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .button{ display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; background-color: #F7F2E9; 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--30086022594934__image_with_text_ka3FnB .button.button-section-specific-sizing{ padding: var(--global-button-padding-y) 24px !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .button:hover{ background-color: #2a2135; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.two-columns{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px 2px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.two-columns .list-title{ grid-column: 1 / -1; /* Make title span both columns */ margin-bottom: 15px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.pill-style{ display: flex; flex-wrap: wrap; gap: 8px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.pill-style .list-title{ width: 100%; margin-bottom: 12px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.pill-style .list-item.pill-item .item-icon{ margin-right: 6px; width: 16px; height: 16px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.pill-style .list-item.pill-item .item-text{ font-size: inherit; line-height: 1.2; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.pill-style.two-columns{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-bullet-list.pill-style.two-columns .list-title{ grid-column: 1 / -1; } @media screen and (max-width: 990px) { #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-heading[data-block-id="heading_QBDerA"] { font-size: 2rem !important; line-height: 1.2 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accent-text[data-block-id="heading_QBDerA"] { font-size: 2rem !important; line-height: 1.2 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB [data-block-id="subtitle_hTfwpg"] .image-text-subtitle { font-size: 1.5rem !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB [data-block-id="subtitle_kkyR4m"] .image-text-subtitle { font-size: 1.5rem !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB [data-block-id="subtitle_AbM8Kw"] .image-text-subtitle { font-size: 1.5rem !important; } } @media screen and (min-width: 991px) { #image-text-section-template--30086022594934__image_with_text_ka3FnB { padding-top: 60px; padding-bottom: 60px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-container { padding: 0 40px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-content { flex-direction: row; align-items: flex-start; gap: 40px; } /* Column widths */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column { width: 50%; flex-shrink: 0; align-self: flex-start; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .media-column.background-image-mode { min-height: 500px; } /* Allow text column to expand with FAQ content */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .text-column { flex-grow: 1; min-height: 0; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-content.image-right .media-column { order: 2; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-content.image-right .text-column { order: 1; padding: 0px 0px 0px 0px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-content.image-left .text-column { padding: 0px 0px 0px 0px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-heading { margin-bottom: 25px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body { line-height: 1.5; margin-bottom: 25px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .text-column { gap: 20px; } /* Desktop image/video margins */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .main-image, #image-text-section-template--30086022594934__image_with_text_ka3FnB .main-video { margin-top: 0px; margin-bottom: 0px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-placeholder { margin-top: 0px; margin-bottom: 0px; } /* Block-level font sizes on desktop */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-heading[data-block-id="heading_QBDerA"] { font-size: 3rem !important; line-height: 1.2 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accent-text[data-block-id="heading_QBDerA"] { font-size: 3rem !important; line-height: 1.2 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB [data-block-id="subtitle_hTfwpg"] .image-text-subtitle { font-size: 1.5rem !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB [data-block-id="subtitle_kkyR4m"] .image-text-subtitle { font-size: 1.5rem !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB [data-block-id="subtitle_AbM8Kw"] .image-text-subtitle { font-size: 1.5rem !important; } } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body p{ margin-bottom: 0.5em; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body p:last-child{ margin-bottom: 0; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body strong{ font-weight: 600 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body em{ font-style: italic !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body a{ text-decoration: underline; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body ul, #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body ol{ margin: 0.5em 0; padding-left: 1.5em; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body li{ margin-bottom: 0.25em; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .accordion-item{ width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; /* Allow shrinking below content size */ } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-title{ margin: 0 0 16px 0; font-weight: 600; font-size: var(--accordion-title-size); } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-items-wrapper{ width: 100%; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-item{ overflow: hidden; transition: all 0.2s ease; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .accordion-header:hover{ opacity: 0.9; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .accordion-header-icon svg{ width: 100%; height: 100%; fill: currentColor; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .accordion-item.active .accordion-toggle{ transform: rotate(45deg); } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content{ padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .accordion-item.active .accordion-content{ max-height: 1000px !important; padding: var(--content-outer-padding-mobile) 0 !important; overflow: visible !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .media-column { height: fit-content; position: relative; } /* Ensure main video/image maintains its aspect ratio and doesn't stretch */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column .main-video, #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .accordion-container { width: 100% !important; max-width: 100% !important; } /* Ensure all text content uses full width */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .text-column > *, #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-heading, #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-body { width: 100% !important; max-width: 100% !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .media-column { height: fit-content; position: relative; } /* Ensure main video/image maintains its aspect ratio and doesn't stretch */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column .main-video, #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column .main-image { height: auto !important; max-height: none !important; object-fit: cover; } /* Allow text column to expand independently */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .text-column { overflow: visible; } /* Ensure accordion content doesn't push media column */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-container { width: 100%; max-width: 100%; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-item.active .accordion-content { max-height: none !important; height: auto !important; } /* Desktop icon size */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-header-icon { width: var(--accordion-icon-size-desktop); height: var(--accordion-icon-size-desktop); } } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-item:not(.active) .accordion-content{ max-height: 0 !important; padding: 0 !important; overflow: hidden !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-item:not(.active) .accordion-content-inner{ opacity: 0 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner p, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner ul, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner ol, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner li, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner strong, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner em, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner b, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner i, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner a{ color: inherit !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner strong, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner b{ font-weight: bold; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner em, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner i{ font-style: italic; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner a{ color: inherit; text-decoration: underline; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner p{ margin-top: 0; margin-bottom: 10px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner p:last-child{ margin-bottom: 0; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner ul, #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner ol{ margin: 10px 0; padding-left: 20px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner li{ margin-bottom: 5px; } @media (max-width: 599px) { #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-container { max-width: 100%; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-heading { margin-bottom: 20px !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-header { padding: var(--header-padding-mobile); gap: 12px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-toggle { right: var(--header-padding-mobile); font-size: var(--accordion-toggle-size-mobile) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner { padding: var(--content-padding-mobile); } /* Mobile text size overrides */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-title { font-size: var(--accordion-title-size-mobile) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-header-text { font-size: var(--accordion-header-size-mobile) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner { font-size: var(--accordion-content-size-mobile) !important; } } @media (min-width: 600px) and (max-width: 990px) { #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-header { padding: calc(var(--header-padding-desktop) * 0.5) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .accordion-item.active .accordion-content { padding: calc(var(--content-outer-padding-desktop) * 0.5) 0 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-item.active .accordion-content-inner { padding: calc(var(--content-padding-desktop) * 0.5) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-title { font-size: calc(var(--accordion-title-size-desktop) * 0.7) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-header-text { font-size: calc(var(--accordion-header-size-desktop) * 0.8) !important; } } @media (min-width: 991px) { #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-header { padding: var(--header-padding-desktop) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-toggle { right: var(--header-padding-desktop) !important; font-size: var(--accordion-toggle-size-desktop) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-content-inner { padding: var(--content-padding-desktop) !important; font-size: var(--accordion-content-size-desktop) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-item.active .accordion-content { padding: var(--content-outer-padding-desktop) 0 !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-item.active .accordion-content-inner { padding: var(--content-padding-desktop) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-title { font-size: var(--accordion-title-size-desktop) !important; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .accordion-header-text { font-size: var(--accordion-header-size-desktop) !important; } } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .button-container.full-width-mobile{ width: 100%; max-width: 100%; box-sizing: border-box; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .image-text-content.mobile-media-full-width { gap: 0px; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column.mobile-full-width { margin-left: 0; margin-right: 0; padding: 0 !important; width: 100%; max-width: none; } #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column.mobile-full-width .main-image, #image-text-section-template--30086022594934__image_with_text_ka3FnB .media-column.mobile-full-width .main-video, #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .mobile-media-full-width .text-column { padding-top: 30px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 990px) { #image-text-section-template--30086022594934__image_with_text_ka3FnB .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--30086022594934__image_with_text_ka3FnB .image-text-content.mobile-media-full-width { overflow: hidden; } /* Ensure container allows overflow */ #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-container { overflow-x: hidden; } } #image-text-section-template--30086022594934__image_with_text_ka3FnB .image-text-heading{ color: #141720 !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--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section{ --section-max-width: 1200px; background-color: #ffffff !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle.section-title, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle.heading, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle.h1{ font-size: 3.5rem !important; font-weight: var(--font-weight-bold) !important; letter-spacing: var(--letter-spacing-heading) !important; color: #141313 !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .global-accent-text, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle .global-accent-text, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .custom-accent-text{ padding: 2px 4px !important; margin: -2px -4px !important; margin-left: calc(0px - 4px) !important; display: inline-block !important; letter-spacing: var(--letter-spacing-heading) !important; color: #000000 !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; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-description{ color: #73716d !important; font-size: 16px !important; margin-bottom: 24px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-summary-star{ color: #ffbf00 !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .rating-stars .reviews-summary-star{ color: #ffbf00 !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .rating-summary-wrapper .rating-stars .star{ color: #ffbf00 !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .carousel-review-star.star-filled{ color: #ffc107 !important; opacity: 1 !important; filter: none !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .carousel-review-star.star-empty{ color: #e0e0e0 !important; opacity: 1 !important; filter: none !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .carousel-review-star{ width: 16px !important; height: 16px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .review-stars .carousel-review-star, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .carousel-review-header .carousel-review-star{ width: 16px !important; height: 16px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .review-card{ width: 390px; border-radius: 8px; border: 1px solid #e0e0e0; background: #ffffff !important; margin: 0px 0px 0px 0px; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .review-image-container{ border-top-left-radius: 8px; border-top-right-radius: 8px; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .empty-image{ background-color: #f0f0f0 !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .review-text{ color: #000000 !important; font-size: 14px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviewer-info{ color: #000000 !important; background-color: #ffffff !important; font-size: 12px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .carousel-reviewer-name, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviewer-age{ font-size: 12px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .verified-badge{ color: #141313 !important; font-size: 10px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .verified-icon{ width: 12.0px !important; height: 12.0px !important; margin-right: 3px !important; vertical-align: middle !important; color: #141313 !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .product-purchased{ border-width: 1px !important; border-style: solid !important; border-color: #eeeeee !important; background-color: #f9f9f9 !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .product-info{ flex: 1 !important; overflow: visible !important; display: flex !important; flex-direction: column !important; height: auto !important; min-height: 60px !important; justify-content: center !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .product-label{ display: none !important; letter-spacing: 0.08em !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .product-purchased-container{ width: 100% !important; overflow: visible !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .review-product-title{ color: #000000 !important; font-size: 12px !important; word-wrap: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; line-height: 1.3 !important; display: block !important; visibility: visible !important; -webkit-line-clamp: unset !important; line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: visible !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .product-price{ color: #ef4a65 !important; font-size: 12px !important; letter-spacing: var(--letter-spacing-body); } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .product-compare-price{ color: #9b9b9b !important; font-size: 10px !important; letter-spacing: var(--letter-spacing-body); } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .product-purchase-date{ color: #000000 !important; font-size: 10px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .purchase-date-icon{ stroke: #000000 !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-rating-summary{ background-color: #ffffff !important; border-radius: 50px; margin-bottom: 0px; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .rating-text{ color: #000000 !important; font-size: 13px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .rating-text p{ margin: 0 !important; color: inherit !important; font-size: inherit !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .rating-text strong{ font-weight: bold !important; } @media (max-width: 768px) { .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .review-card { width: 300px; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .review-text { font-size: 14px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .rating-text { font-size: 13px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle.section-title, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle.heading, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle.h1 { font-size: 3.4rem !important; } } @media (max-width: 480px) { .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .review-card { width: 280px; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .review-text { font-size: 15px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .rating-text { font-size: 13px !important; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle.section-title, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle.heading, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-subtitle.h1 { font-size: 3.4rem !important; } } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .image-wrapped{ height: auto; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-navigation-container{ position: relative; z-index: 1; margin-top: 5px; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .reviews-navigation{ display: flex; gap: 10px; justify-content: center; position: relative; z-index: 10; } .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .global-nav-button, .section-template--30086022594934__customer_reviews_carousel_JmnVJC.reviews-transformation-section .nav-button{ pointer-events: auto !important; cursor: pointer !important; position: relative; z-index: 11; } .reviews-transformation-section .reviews-carousel-swiper.swiper{ overflow: hidden; transition: opacity 0.15s ease-out; } .reviews-transformation-section .reviews-carousel-swiper--pending{ opacity: 0; pointer-events: none; } .reviews-transformation-section .reviews-carousel-swiper .swiper-slide{ width: auto; flex-shrink: 0; box-sizing: border-box; } .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; } .store-faq-section{ padding: 60px 0; 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: 36px; 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--30086022594934__store_faq_TR8DRX .store-faq-items-container{ overflow: hidden !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; border: none !important; border-radius: 8px !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-items-container.border-bottom-only .store-faq-item:last-child{ border-bottom: 1px solid #E5E5E5 !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: 8px 8px 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: 8px 8px 0 0 !important; } .store-faq-items-container.individual-borders .store-faq-item:last-child .store-faq-answer{ border-radius: 0 0 8px 8px !important; } .store-faq-items-container.individual-borders .store-faq-item:only-child .store-faq-question{ border-radius: 8px !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: 13px !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; } .store-faq-header-column { flex: 0 0 48%; margin-bottom: 0; padding-top: 20px; max-width: 48%; } .store-faq-content-column { flex: 0 0 48%; display: flex; justify-content: center; max-width: 48%; } .store-faq-content-column.full-height-image { } .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: 750px; 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: 15px; 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: 15px; 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--30086022594934__store_faq_TR8DRX .store-faq-items-container.individual-borders { border: none !important; } #store-faq-template--30086022594934__store_faq_TR8DRX .store-faq-items-container.individual-borders .store-faq-item { border: none !important; border-bottom: 1px solid #E5E5E5 !important; border-radius: 8px !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: 40.0px 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: 30px !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: 13px !important; } .store-faq .store-faq-answer.mobile-font { font-size: 13px !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--30086022594934__store_faq_TR8DRX .store-faq-items-container.individual-borders { border: none !important; } #store-faq-template--30086022594934__store_faq_TR8DRX .store-faq-items-container.individual-borders .store-faq-item { border: none !important; border-bottom: 1px solid #E5E5E5 !important; border-radius: 8px !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--30086022594934__store_faq_TR8DRX{ position: relative; z-index: 1; pointer-events: auto !important; } #store-faq-template--30086022594934__store_faq_TR8DRX .store-faq, #store-faq-template--30086022594934__store_faq_TR8DRX .store-faq-items-container, #store-faq-template--30086022594934__store_faq_TR8DRX .store-faq-item{ pointer-events: auto !important; } #store-faq-template--30086022594934__store_faq_TR8DRX .store-faq-question{ cursor: pointer !important; pointer-events: auto !important; } #store-faq-template--30086022594934__store_faq_TR8DRX .store-faq-answer{ max-height: 0 !important; overflow: hidden !important; transition: max-height 0.3s ease, padding 0.3s ease !important; } #store-faq-template--30086022594934__store_faq_TR8DRX .store-faq-item.active .store-faq-answer{ max-height: 300px !important; } #store-faq-template--30086022594934__store_faq_TR8DRX .store-faq-item.active .store-faq-toggle{ transform: rotate(45deg) !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}.sl-bb-piece img,.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} /* SOP S87: their heading colours never reach the STORE header/footer (K9 footer went dark green on black, 15 Oct) */ .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} /* SD2 27 Oct: rival block styles the ripper dropped (award badge, low-stock box) */ #block-award_badge_3czMpR { display: inline-flex; align-items: center; gap: 6px; background: linear-gradient(135deg, rgba(245, 245, 245, 1), rgba(245, 244, 240, 1) 99%); color: #141313 !important; border: 1px solid #f7f2e9; border-radius: 20px; margin-top: 10px; margin-bottom: 0px; font-size: 12px; padding: 6px 12px; } #block-award_badge_3czMpR .award-badge-icon { width: 16px; height: 16px; object-fit: contain; flex-shrink: 0; } @media (max-width: 767px) { #block-award_badge_3czMpR { margin-top: 10px; } } #ws-ws1 { width: 100%; margin: 18px 0 18px; padding: 22px; background: #FFFFFF; border: 1px solid #D8D8D8; border-radius: 10px; box-sizing: border-box; font-family: inherit; -webkit-font-smoothing: antialiased; } #ws-ws1 * { box-sizing: border-box; } #ws-ws1 .ws__head { display: flex; align-items: center; gap: 11px; margin-bottom: 12px; } #ws-ws1 .ws__icon { flex: 0 0 auto; line-height: 0; color: #1A1A1A; } #ws-ws1 .ws__icon svg { width: 22px; height: 22px; display: block; } #ws-ws1 .ws__title, #ws-ws1 p.ws__title { margin: 0; color: #1A1A1A !important; font-size: 19px; font-weight: 600; line-height: 1.3; } #ws-ws1 .ws__body { color: #3A3A3A !important; font-size: 15px; font-weight: 400; line-height: 1.55; } #ws-ws1 .ws__body p { margin: 0 0 12px; } #ws-ws1 .ws__body p:last-child { margin-bottom: 0; } #ws-ws1 .ws__body strong { color: #1A1A1A !important; font-weight: 700; } #ws-ws1 .ws__body u { text-decoration: underline; text-underline-offset: 2px; } @media (max-width: 480px) { #ws-ws1 { padding: 18px; border-radius: 8px; } #ws-ws1 .ws__head { gap: 9px; margin-bottom: 10px; } #ws-ws1 .ws__title { font-size: 17px; } #ws-ws1 .ws__body { font-size: 14px; } #ws-ws1 .ws__icon svg { width: 20px; height: 20px; } } /* SD2 27 Oct: ATC normal + hover colours like theirs (gate G10), award badge weight like theirs (G9) */ .product-form__buttons .lumin-submit.button.product-form__submit, .product-form__submit.lumin-submit{background-image:none !important;background-color:rgb(20,19,19) !important;color:#fff !important} .product-form__buttons .lumin-submit.button.product-form__submit:hover, .product-form__submit.lumin-submit:hover{background-image:none !important;background-color:rgb(54,54,54) !important;color:#fff !important} .product-form__submit.lumin-submit:hover span{color:#fff !important} #block-award_badge_3czMpR{font-weight:300} /* SD2 27 Oct: desktop buy box centred like theirs (gate G8 at 1440: gallery 150/540, text 740/580) */ @media (min-width:990px){ #MainProduct-template--23018995843210__main > .gradient > .page-width{max-width:1270px} #MainProduct-template--23018995843210__main .product__media-wrapper{max-width:46.2%;width:46.2%} #MainProduct-template--23018995843210__main .product__info-wrapper{max-width:53.8%;width:53.8%;padding-left:50px !important} } /* SD2 27 Oct: class rule like theirs (gate G9) */ .shop-award-badge{display:inline-flex} /* SD2 27 Oct: ATC flat like theirs (2px border same colour, no pink edge / thick bottom) */ .product-form__buttons .lumin-submit.button.product-form__submit, .product-form__submit.lumin-submit{border:2px solid rgb(20,19,19) !important;border-radius:6px !important} .product-form__buttons .lumin-submit.button.product-form__submit:hover, .product-form__submit.lumin-submit:hover{border-color:rgb(54,54,54) !important} /* SD2 27 Oct: "Achat unique" link under the ATC like theirs (their Kaching custom CSS, our deal id) */ kaching-bundles-block[deal-block-id="ac3a5def-e743-42e0-894e-15fc507e2c9e"] .kaching-bundles__block{position:relative !important;overflow:visible !important} kaching-bundles-block[deal-block-id="ac3a5def-e743-42e0-894e-15fc507e2c9e"] .kaching-bundles__subscriptions-wrapper{position:absolute !important;left:0;right:0;top:calc(100% + 86px) !important;margin:0 !important;text-align:center;z-index:2} #ProductInfo-template--23018995843210__main .product-form__buttons{margin-bottom:40px !important}