/** Shopify CDN: Minification failed Line 2219:2 Unexpected "not(" Line 3678:2 Unexpected "}" **/ #shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%; } #shopify-buyer-consent.hidden { display: none; } #shopify-subscription-policy-button { background: none; border: none; padding: 0; text-decoration: underline; font-size: inherit; cursor: pointer; } #shopify-subscription-policy-button::before { box-shadow: none; } @font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: swap; src: local("Poppins") format("woff2"), local("Poppins") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: normal; font-display: swap; src: local("Poppins") format("woff2"), local("Poppins") format("woff"); } @font-face { font-family: Poppins; font-weight: 400; font-style: italic; font-display: swap; src: local("Poppins") format("woff2"), local("Poppins") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: italic; font-display: swap; src: local("Poppins") format("woff2"), local("Poppins") format("woff"); } @font-face { font-family: Montserrat; font-weight: 400; font-style: normal; font-display: swap; src: local("Poppins") format("woff2"), local("Poppins") format("woff"); } :root { /* Global Color Variables */ --global-section-background-color: #ffffff; --global-section-text-color: #000000; --global-section-heading-color: ; --global-section-accent-1-color: #ffffff; --global-section-use-gradient-background: 0; --color-background: 255,255,255; --gradient-background: linear-gradient(329deg, rgba(1, 90, 173, 1), rgba(159, 47, 48, 1) 100%); --color-foreground: #000000; --color-background-contrast: 191,191,191; --color-shadow: 18,18,18; --color-button: 255,255,255; --color-button-text: 0,0,0; --color-secondary-button: 255,255,255; --color-secondary-button-text: 0,0,0; --color-link: 1,90,173; --color-badge-foreground: 0,0,0; --color-header: 255,255,255; --color-header-border: 228 228 228; --color-footer: 27,27,27; --color-drawer: 255,255,255; --color-drawer-text: 12,12,13; --color-dropdown: 255,255,255; --color-badge-background: 255,255,255; --color-badge-border: 255,255,255; --payment-terms-background-color: rgb(255 255 255); /* Container Styling Variables */ --container-border-width: px; --container-border-radius: 2px; --container-border-style: ; --container-border-opacity: 0.0; --container-shadow: none; } :root { /* Typography Variables */ --font-body-family: Poppins, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-heading-family: Montserrat, sans-serif; --font-heading-style: normal; --font-heading-weight: 400; --font-accent-family: Helvetica, Arial, sans-serif; --font-accent-style: normal; --font-accent-weight: 400; --font-accent-scale: 1.25; --font-accent-letter-spacing: -0.9px; --font-accent-text-transform: none; --global-accent-font: var(--font-accent-family); --font-weight-regular: 500 !important; --font-weight-bold: 700 !important; --font-weight-semibold: 600 !important; --font-body-scale: 1.0; --font-heading-scale: 1.0; /* Media Variables */ --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 1200px; --page-width-margin: 0rem; --animate-spin: spin 1s linear infinite; /* Product Card Variables */ --product-card-image-padding: 0.0rem; --product-card-corner-radius: 0.0rem; --product-card-text-alignment: left; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0.0rem; --product-card-shadow-vertical-offset: 0.4rem; --product-card-shadow-blur-radius: 0.5rem; /* Collection Card Variables */ --collection-card-image-padding: 0.0rem; --collection-card-corner-radius: 0.0rem; --collection-card-text-alignment: left; --collection-card-border-width: 0.0rem; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0.0rem; --collection-card-shadow-vertical-offset: 0.4rem; --collection-card-shadow-blur-radius: 0.5rem; /* Blog Card Variables */ --blog-card-image-padding: 0.0rem; --blog-card-corner-radius: 0.0rem; --blog-card-text-alignment: left; --blog-card-border-width: 0.0rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0.0rem; --blog-card-shadow-vertical-offset: 0.4rem; --blog-card-shadow-blur-radius: 0.5rem; --badge-corner-radius: 4.0rem; /* Popup Variables */ --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.05; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; /* Drawer Variables */ --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; /* Spacing Variables */ --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 8px; --grid-desktop-horizontal-spacing: 8px; --page-desktop-horizontal-padding: 0px; --sections-desktop-horizontal-padding: 0px; --grid-mobile-vertical-spacing: 4px; --grid-mobile-horizontal-spacing: 4px; --page-desktop-horizontal-padding: 0px; --sections-desktop-horizontal-padding: 0px; --sections-desktop-vertical-padding: 0px; --sections-mobile-horizontal-padding: 0px; --sections-mobile-vertical-padding: 0px; /* Text Box Variables */ --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; /* Button Variables */ --buttons-radius: 0px; --buttons-radius-outset: 0px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0px; /* Input Variables */ --inputs-radius: 0px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 0px; /* Variant Pills Variables */ --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; /* Global Button Variables */ --global-button-padding-y: 13px; --global-button-font-size: 16px; --global-button-font-weight: 700; --conditional-button-font-weight: var(--global-button-font-weight, 700); --global-button-letter-spacing: -0.5px; --global-button-text-transform: uppercase; --global-button-radius: 12px; /* Enhanced Global Button Colors */ --global-button-bg-color: #ff5801; --global-button-text-color: #ffffff; --global-button-border-color: #333030; --global-button-border-width: 0px; --global-button-bottom-border-width: 0px; --global-button-bottom-border-color: #333030; /* Hover & Focus Colors */ --global-button-hover-bg-color: #5f6264; --global-button-hover-text-color: #333030; /* Button Box Shadow Variables */ --button-box-shadow-enabled: true; --button-shadow-intensity: 1; /* Gradient Effect Variables */ --button-gradient-enabled: false; --button-gradient-start: #0954bc; --button-gradient-end: #2072e1; --button-gradient-direction: to bottom; --button-gradient-hover-start: #333337; --button-gradient-hover-end: #333337; --button-gradient-shine-enabled: true; --global-button-hover-brightness: 90%; /* Global Border System Disabled */ --enable-global-border-styling: 0; /* Letter spacing for body text and apps */ --letter-spacing-body: -0.3px; --app-letter-spacing: -1px; --global-section-bg-color: #ffffff; --global-section-text-color: #000000; --global-section-accent-1-color: #ffffff; --global-section-accent-2-color: #015AAD; --global-section-accent-gradient-color: var(--gradient-background); /* RTL Support Variables */ --direction: ltr; --text-align-start: left; --text-align-end: right; --margin-start: margin-left; --margin-end: margin-right; --padding-start: padding-left; --padding-end: padding-right; --border-start: border-left; --border-end: border-right; --float-start: left; --float-end: right; /* Contained Sections System Disabled */ --enable-contained-sections: 0; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } body { display: flex; flex-direction: column; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: var(--letter-spacing-body); line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); } section { color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); } #MainContent { flex-grow: 1; } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } } :root { /* Global button variables */ --global-button-bg-color: #ff5801; --global-button-text-color: #ffffff; --global-button-hover-bg-color: #5f6264; --global-button-hover-text-color: #333030; --global-button-radius: 12px; --global-button-font-size: 16px; --global-button-font-weight: 700; --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: #000000; --global-section-background-color: #ffffff; --global-section-accent-1-color: #ffffff; } /* Apply global button styles to all buttons except those with disable-global-button-styling */ /* Exclude base .button class when it only has gradient classes */ /* 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"]), 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"]), 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; } /* Hover states */ .btn:not(.disable-global-button-styling):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):hover, 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, 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; } /* === THIRD-PARTY APP EXCLUSIONS === */ /* Reset ALL styling for buttons inside third-party app containers */ /* This ensures apps like Klaviyo, Privy, JustUno, OptiMonk, Omnisend, etc. retain their own styling */ /* CSS variable overrides from theme settings */ :root { /* Font families from theme settings */ --font-heading-family: Montserrat, sans-serif; --font-body-family: Poppins, 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: Poppins, sans-serif; --font-heading-family-override: Montserrat, sans-serif; --font-body-weight-override: 400; --font-heading-weight-override: 700; /* 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; } /* Apply button text transform */ .button, .button-text, button[type="submit"], input[type="submit"] { text-transform: var(--button-text-transform); font-family: var(--font-body-family-override); } /* Global Typography Overrides */ /* This ensures that all text elements inherit the correct font family from theme settings */ /* Basic text elements */ p, span, div, a, button, input, select, textarea, label, li { font-family: var(--font-body-family-override, Poppins, sans-serif); } /* Heading elements */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, [class*="title"], [class*="heading"], .title, .heading { font-family: var(--font-heading-family-override, Montserrat, sans-serif); } /* Special elements */ .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, Montserrat, 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, Poppins, sans-serif); } :root { --app-letter-spacing: -1px; } /* Apply letter-spacing to common app elements */ .shopify-app-block, .shopify-buy-frame, div[data-shopify-app], div[data-app-id], div[class*="app-"], div[class*="App"], #bundle-container, #bundle-app, [data-bundle-app], .bundle-builder, #ReCharge, [data-rebuy-id], [data-rebuy-container], [data-bold-bundle], [data-loyalty-container] { letter-spacing: var(--app-letter-spacing) !important; } /* Exclude shop-product-details blocks from app letter-spacing rules */ .shop-product-section, .shop-product-info, .shop-product-info *:not(.shop-product-title):not([class*="product-title"]), .shop-product-section *:not(.shop-product-title):not([class*="product-title"]), .blocks-section:not(.shopify-app-block):not([data-shopify-app]):not([data-app-id]):not([class*="app-"]):not([class*="App"]), .limited-inventory-alert, .limited-inventory-alert *, .product-description-block, .product-description-block * { letter-spacing: var(--letter-spacing-body) !important; } /* Product title should use heading letter-spacing */ .shop-product-title, .shop-product-section .shop-product-title, [class*="product-title-title"] { letter-spacing: var(--letter-spacing-heading) !important; } /* Global Button Styling Overrides */ /* Define CSS variables for global button colors */ /* CSS variables are now defined in layout/theme.liquid */ /* Primary buttons - apply global styling */ .button, .btn, button[type="submit"], 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, button[type="submit"]:hover, input[type="submit"]:hover, .shopify-payment-button__button:hover, .product-form__submit:hover, .shop-add-to-cart-button:hover, .claim-button:hover, button[class*="add-to-cart"]:hover, button[class*="add_to_cart"]:hover, a[class*="add-to-cart"]:hover, a[class*="add_to_cart"]:hover, input[class*="add-to-cart"]:hover, 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, button[type="submit"]:focus, button[type="submit"]:focus-visible, input[type="submit"]:focus, 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, button[class*="add-to-cart"]:focus, button[class*="add_to_cart"]:focus, a[class*="add-to-cart"]:focus, a[class*="add_to_cart"]:focus, input[class*="add-to-cart"]:focus, 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; } /* Exclude non-button elements from hover effects */ div[class*="add-to-cart"]:hover, div[class*="add_to_cart"]:hover, span[class*="add-to-cart"]:hover, span[class*="add_to_cart"]:hover, p[class*="add-to-cart"]:hover, 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, p[class*="add-to-cart"]:focus, 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 elements - prevent hover styling for non-button elements */ .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, [class*="sticky-add-to-cart"]:not(button):not(input[type="submit"]):not(.button):not(.btn):hover, [class*="sticky-add-to-cart"]:not(button):not(input[type="submit"]):not(.button):not(.btn):focus { background-color: inherit !important; box-shadow: inherit !important; } /* Remove any box shadows from pseudo-elements */ .button:before, .button:after, .btn:before, .btn:after, button[type="submit"]:before, button[type="submit"]:after, input[type="submit"]:before, 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, [class*="add-to-cart"]:before, [class*="add-to-cart"]:after, [class*="add_to_cart"]:before, [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 accelerated checkout buttons */ .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; } /* Apply button radius to other elements */ button:not([class^="shopify"]), .secondary-button, .link-styled-button, [class*="button"], [class*="btn-"], .card__badge, .badge, .tag, .spr-button, .pagination__item, input[type="button"], select, .select__select, .disclosure__button, .filter-group, .facet-checkbox, .variant-input, .color-swatch, .swatch { border-radius: var(--global-button-radius); } /* Special elements with different radius */ .pagination__item, .card__badge { border-radius: calc(var(--global-button-radius) * 0.75) !important; } /* Pill-shaped elements */ .pill:not(.pill-item), .tag-label, [class*="pill"]:not(.pill-item), [class*="tag-"] { border-radius: 50px !important; } /* SPECIFIC BUTTON AND ELEMENT EXCEPTIONS */ /* Cart drawer elements - ensure proper colors */.cart-drawer td.cart-item__details dl, .cart-drawer .discounts__discount, .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: #000000 !important; } /* Cart drawer product price */ .cart-drawer .cart-item__final-price.product-option { color: #ffffff !important; } /* Remove background from cart remove buttons */ cart-remove-button .button, .cart-remove-button, [id^="CartDrawer-Remove"] { background-color: transparent !important; border: none !important; } /* Shipping protection toggle */ .gb-shipping-protection-button input:checked + .slider { background-color: #ffffff !important; } /* Cart total item - inverted colors */ span.gb-cart-total-item { background-color: #000000 !important; color: #ffffff !important; } /* Social proof bar - accent background with inverted text */ .social-proof-bar { background-color: #ffffff !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 colored text elements */ .accent-title, [class*="accent-title"], .accent-heading, [class*="accent-heading"] { color: #ffffff !important; } /* Enhanced button effect styling variables */ :root { --enhanced-3d-enabled: false; --enhanced-gradient-enabled: false; } /* Critical box shadow effect overrides - must override global button styles */ /* Force box-shadow to override global button box-shadow: none */ .button-box-shadow, .button.button-box-shadow, .btn.button-box-shadow, button[type="submit"].button-box-shadow, 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; } /* Apply the correct shadow based on intensity */ .button-box-shadow.intensity-1, .button.button-box-shadow.intensity-1, .btn.button-box-shadow.intensity-1, button[type="submit"].button-box-shadow.intensity-1, 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, button[type="submit"].button-box-shadow.intensity-1:hover, 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, button[type="submit"].button-box-shadow.intensity-2, 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, button[type="submit"].button-box-shadow.intensity-2:hover, 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, button[type="submit"].button-box-shadow.intensity-3, 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, button[type="submit"].button-box-shadow.intensity-3:hover, 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, button[type="submit"].button-box-shadow.intensity-4, 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, button[type="submit"].button-box-shadow.intensity-4:hover, 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, button[type="submit"].button-box-shadow.intensity-5, 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, button[type="submit"].button-box-shadow.intensity-5:hover, 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, button[type="submit"].button-box-shadow:active, 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; } /* ===================================== */ /* GRADIENT BACKGROUND EFFECTS */ /* ===================================== */ /* ===================================== */ /* CRITICAL CART REMOVE BUTTON EXCLUSIONS */ /* ===================================== */ /* * 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, 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, button.cart-remove-button.button-box-shadow, button.cart-remove-button.button-gradient-effect, button.cart-remove-button.intensity-1, button.cart-remove-button.intensity-2, button.cart-remove-button.intensity-3, button.cart-remove-button.intensity-4, 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, 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, button.cart-remove-button.button-box-shadow:hover, button.cart-remove-button.button-gradient-effect:hover, button.cart-remove-button.intensity-1:hover, button.cart-remove-button.intensity-2:hover, button.cart-remove-button.intensity-3:hover, button.cart-remove-button.intensity-4:hover, 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, 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, button.cart-remove-button.button-box-shadow:active, button.cart-remove-button.button-gradient-effect:active, button.cart-remove-button.intensity-1:active, button.cart-remove-button.intensity-2:active, button.cart-remove-button.intensity-3:active, button.cart-remove-button.intensity-4:active, button.cart-remove-button.intensity-5:active { box-shadow: none !important; transform: none !important; opacity: 0.5 !important; } /* Remove any gradient effects that might have been applied */ .cart-remove-button::before, .button--tertiary.cart-remove-button::before, 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, button.cart-remove-button.button-gradient-effect::before, button.cart-remove-button.gradient-shine-enabled::before { display: none !important; content: none !important; background: none !important; } /* Additional mobile optimizations for box shadow effects */ @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; } } /* Print media - remove box shadow effects for better printing */ @media print { .button-box-shadow { box-shadow: none !important; transform: none !important; } .button-gradient-effect::before { display: none !important; } } /* Complete override for disable-global-button-styling class */ /* These rules ensure that buttons with this class never get enhanced effects */ /* EXCEPT cart-discount-code-button which has its own color management */ .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 */ } /* Reset hover states */ /* EXCEPT cart-discount-code-button which has its own color management */ .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; } /* Reset active states */ /* EXCEPT cart-discount-code-button which has its own color management */ .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; } /* Remove any pseudo-elements (like gradient shine effects) */ /* EXCEPT cart-discount-code-button which manages its own pseudo-elements */ .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; } /* Global Title/Heading Color Overrides */ /* Apply consistent text colors based on theme settings */ h1, h2, h3, h4, h5, h6, .title, .heading, [class*="title"], [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, .h1, .h2, .h3, .h4, .h5, .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: #000000 !important; } /* Specific title classes that might be in sections using theme colors */ .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, *[data-use-theme-colors="true"] .title, *[data-use-theme-colors="true"] [class*="title"], *[data-use-theme-colors="true"] h1, *[data-use-theme-colors="true"] h2, *[data-use-theme-colors="true"] h3, *[data-use-theme-colors="true"] h4, *[data-use-theme-colors="true"] h5, *[data-use-theme-colors="true"] h6, *[data-use-theme-colors="true"] .heading { color: #000000 !important; } /* Specific shop product heading/title elements */ .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; } /* Specific exceptions where accent color might be needed instead of text color */ .accent-title, [class*="accent-title"], .accent-heading, [class*="accent-heading"] { color: #ffffff !important; } .shopify-payment-button__more-options { display: none !important; } .kaching-bundles__block { display: none; } .kaching-bundles-sticky-atc { display: none; } @font-face { font-family: 'GTStandard-M'; src: url('https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MRegular.woff2') format('woff2'); font-style: normal; font-weight: 450; font-display: fallback; } @font-face { font-family: 'GTStandard-M'; src: url('https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MMedium.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: fallback; } @font-face { font-family: 'GTStandard-M'; src: url('https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MSemibold.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: fallback; } [data-pf-type="ImageComparison"], [data-pf-type="BeforeAfter"] { user-select: none; } .pf-ba-content { position: relative; overflow: hidden; width: 100%; height: 100%; } [data-pf-type="ImageComparison"]:not(:has(.pf-ba-content)), [data-pf-type="BeforeAfter"]:not(:has(.pf-ba-content)) { position: relative; overflow: hidden; } .pf-ba-after { position: relative; width: 100%; z-index: 0; } .pf-ba-after img { display: block; width: 100%; height: auto; } .pf-ba-before { position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; height: 100%; } .pf-ba-before img { display: block; object-fit: cover; max-width: none; max-height: none; } .pf-ba-vertical .pf-ba-before { width: 100%; height: auto; } .pf-ba-vertical .pf-ba-before img { width: 100%; height: auto; } .pf-ba-handle { position: absolute; top: 0; height: 100%; width: 4px; background: #fff; z-index: 10; cursor: col-resize; transform: translateX(-50%); } .pf-ba-handle[data-pf-ba-vertical] { top: auto; left: 0; width: 100%; height: 4px; cursor: row-resize; transform: translateY(-50%); } .pf-ba-handle-circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; background: #fff; border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; } .pf-ba-badge-wrapper { display: contents; font-size: 12px; font-weight: 500; color: #fff; background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 4px; border: none; } .pf-ba-label { position: absolute; z-index: 5; white-space: nowrap; font-size: inherit; font-weight: inherit; font-style: inherit; font-family: inherit; color: inherit; text-decoration: inherit; background: inherit; padding: inherit; border: inherit; border-radius: inherit; pointer-events: none; user-select: none; } .kaching-bundles .kaching-bundles__multiple-gifts-selector{position:relative}.kaching-bundles .kaching-bundles__multiple-gifts-selector__clickable-overlay{position:absolute;inset:0;cursor:pointer}.kaching-bundles .kaching-bundles__multiple-gifts-selector__photos{position:relative;display:flex;align-items:center;flex-shrink:0;padding-block:2px}.kaching-bundles .kaching-bundles__multiple-gifts-selector__photo{box-sizing:border-box;width:40px;height:40px;-o-object-fit:cover;object-fit:cover;background-color:#fff;border-radius:8px;border:1px solid var(--kaching-free-gift-background-color, #fff)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__multiple-gifts-selector__photo{border-color:var(--kaching-free-gift-selected-background-color, #000)}.kaching-bundles .kaching-bundles__multiple-gifts-selector__photo:not(:first-child){margin-inline-start:-16px}.kaching-bundles .kaching-bundles__multiple-gifts-selector__photo-count{box-sizing:border-box;position:absolute;top:0;inset-inline-end:0;transform:translate(18%,-3%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--kaching-free-gift-text-color, #000);background-color:var(--kaching-free-gift-background-color, rgba(0, 0, 0, .3));color:var(--kaching-free-gift-text-color, #000);font-size:calc(var(--kaching-free-gift-font-size, 13px) - 2px);font-weight:var(--kaching-free-gift-font-weight, bold);line-height:1}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__multiple-gifts-selector__photo-count{border-color:var(--kaching-free-gift-selected-text-color, #fff);background-color:var(--kaching-free-gift-selected-background-color, #000);color:var(--kaching-free-gift-selected-text-color, #fff)}.kaching-bundles .kaching-bundles__bundle-products{display:flex;justify-content:space-evenly;margin-top:12px;margin-bottom:4px;border:1px solid var(--bar-border-color, rgba(0, 0, 0, .3));border-radius:calc(var(--bar-border-radius, 0) * 3 / 4)}.kaching-bundles .kaching-bundles__bundle-products .kaching-bundles__bar-variant-selects{justify-content:center}.kaching-bundles .kaching-bundles__bundle-products__divider{display:flex;flex-direction:column;align-items:center;width:0;overflow:visible}.kaching-bundles .kaching-bundles__bundle-products__divider *{max-width:initial}.kaching-bundles .kaching-bundles__bundle-products__divider-line{display:flex;flex:1;width:1px;background-color:var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__bundle-products__divider-icon{display:flex}.kaching-bundles .kaching-bundles__bundle-products__divider-icon svg{color:var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__bundle-products__product{display:flex;flex:1;flex-direction:column;align-items:center;min-width:0;gap:5px;padding:12px}.kaching-bundles .kaching-bundles__bundle-products__product.kaching-bundles__bundle-products__product--placeholder{justify-content:center;text-align:center;font-size:13px;font-weight:700;color:#555}.kaching-bundles .kaching-bundles__bundle-products__wrapper{display:flex;align-items:center;gap:10px;min-width:0}.kaching-bundles .kaching-bundles__bundle-products__content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.kaching-bundles .kaching-bundles__bundle-products__link{display:flex;flex-shrink:0;text-decoration:none}.kaching-bundles .kaching-bundles__bundle-products__image{flex-shrink:0;height:50px;width:auto;max-width:100%;border-radius:var(--kaching-bundle-products-image-border-radius, 0)}.kaching-bundles .kaching-bundles__bundle-products__image-placeholder{flex-shrink:0;height:50px;width:50px}.kaching-bundles .kaching-bundles__bundle-products__title{overflow-wrap:break-word;text-align:center;font-size:13px;color:var(--bar-title-color);font-weight:var(--bar-title-font-weight, 700);font-style:var(--bar-title-font-style)}.kaching-bundles .kaching-bundles__bundle-products__pricing{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:5px}.kaching-bundles .kaching-bundles__bundle-products__price{font-size:13px;font-weight:700;color:var(--bar-price-color, #000)}.kaching-bundles .kaching-bundles__bundle-products__full-price{text-decoration:line-through;font-size:12px;color:var(--bar-full-price-color, #555)}.kaching-bundles .kaching-bundles__bundle-products__unit-price{width:100%;text-align:center;font-size:12px;color:var(--bar-full-price-color, #555);text-transform:uppercase}.kaching-bundles .kaching-bundles__bundle-products--hidden{display:none}.kaching-bundles .kaching-bundles__bundle-products--vertical{flex-direction:column}.kaching-bundles .kaching-bundles__bundle-products--vertical .kaching-bundles__bundle-products__divider{flex-direction:row;width:100%;height:0}.kaching-bundles .kaching-bundles__bundle-products--vertical .kaching-bundles__bundle-products__divider-line{width:auto;height:1px}.kaching-bundles .kaching-bundles__bundle-products--vertical .kaching-bundles__bundle-products__product{flex-direction:row;justify-content:space-between;padding:14px 12px}.kaching-bundles .kaching-bundles__bundle-products--vertical .kaching-bundles__bundle-products__pricing{flex-direction:column;align-items:flex-end}.kaching-bundles .kaching-bundles__bundle-products--vertical .kaching-bundles__bundle-products__pricing--with-unit-price{flex-flow:row wrap;justify-content:flex-end}.kaching-bundles .kaching-bundles__bundle-products--vertical .kaching-bundles__bundle-products__unit-price{text-align:end}.kaching-bundles .kaching-bundles__bundle-products--vertical .kaching-bundles__bundle-products__title{text-align:start}.kaching-bundles .kaching-bundles__bundle-products--vertical .kaching-bundles__bundle-products__image{width:50px;height:auto;-o-object-fit:contain;object-fit:contain}.kaching-bundles .kaching-bundles__bundle-products--vertical .kaching-bundles__bar-variant-selects{justify-content:flex-start}.kaching-bundles .kaching-bundles__mix-and-match-products{display:flex;flex-direction:column;margin-top:12px;margin-bottom:4px;border:1px solid var(--bar-border-color, rgba(0, 0, 0, .3));border-radius:calc(var(--bar-border-radius, 0) * 3 / 4);overflow:hidden}.kaching-bundles .kaching-bundles__mix-and-match-products--hidden{display:none}.kaching-bundles .kaching-bundles__mix-and-match-products__divider{display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;height:0;overflow:visible}.kaching-bundles .kaching-bundles__mix-and-match-products__divider-line{display:flex;flex:1;width:auto;height:1px;background-color:var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__mix-and-match-products__divider-icon{display:flex}.kaching-bundles .kaching-bundles__mix-and-match-products__divider-icon svg{color:var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__mix-and-match-product{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px}.kaching-bundles .kaching-bundles__mix-and-match-product__content{display:flex;flex-direction:column;gap:6px;min-width:0}.kaching-bundles .kaching-bundles__mix-and-match-product__pricing{display:flex;justify-content:flex-end}.kaching-bundles .kaching-bundles__mix-and-match-product__pricing .kaching-bundles__bundle-products__pricing{flex-direction:column;align-items:flex-end;gap:0}.kaching-bundles .kaching-bundles__mix-and-match-product__image-link{display:flex;flex-shrink:0;text-decoration:none}.kaching-bundles .kaching-bundles__mix-and-match-product__image{flex-shrink:0;height:50px;width:auto;max-width:100%;border-radius:var(--kaching-bundle-products-image-border-radius, 0)}.kaching-bundles .kaching-bundles__mix-and-match-product__image-placeholder{height:50px;width:50px}.kaching-bundles .kaching-bundles__mix-and-match-product__title-link{align-self:flex-start;text-decoration:none}.kaching-bundles .kaching-bundles__mix-and-match-product__title{overflow-wrap:break-word;text-align:start;font-size:13px;color:var(--bar-title-color);font-weight:var(--bar-title-font-weight, 700);font-style:var(--bar-title-font-style)}.kaching-bundles .kaching-bundles__mix-and-match-product__swap-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--bar-border-radius, 8px);background-color:var(--collection-product-button-color, #2b2b2b);color:var(--collection-product-button-text-color, #ffffff);font-size:13px;line-height:1.2;text-align:center;cursor:pointer;white-space:nowrap}.kaching-bundles .kaching-bundles__mix-and-match-products__placeholder{display:flex;align-items:center;justify-content:center;padding:14px 12px;color:#0006;font-style:italic}.kaching-bundles .kaching-bundles__checkbox-upsells__upsell .kaching-bundles__bar-main{gap:10px}.kaching-bundles .kaching-bundles__checkbox-upsells__upsell .kaching-bundles__selling-plan-select{margin-top:5px}.kaching-bundles .kaching-bundles__checkbox-upsells__checkbox{all:unset;display:flex;flex-shrink:0;width:20px;height:20px;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;color:var(--bar-selected-border-color);border-width:2px;border-style:solid;border-color:var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__checkbox-upsells__checkbox.kaching-bundles__checkbox-upsells__checkbox--selected{border-color:var(--bar-selected-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__checkbox-upsells__image{width:initial;max-width:50px;max-height:50px;border-radius:calc(var(--bar-border-radius, 0) / 2)}.kaching-bundles .kaching-bundles__choose-multiple-gifts-modal{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;text-align:start;line-height:1.4;background-color:var(--kaching-choose-multiple-gifts-overlay-color, rgba(0, 0, 0, .5))}.kaching-bundles .kaching-bundles__choose-multiple-gifts-modal__content{position:relative;z-index:10000;min-width:min(470px,95%);max-width:700px;max-height:calc(100dvh - 20px);width:100%;display:flex;flex-direction:column}.kaching-bundles .kaching-bundles__choose-multiple-gifts{display:flex;flex-direction:column;border-radius:10px;background-color:#fff;max-height:100%;overflow:hidden}.kaching-bundles .kaching-bundles__choose-multiple-gifts__header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0;margin-block:2px 18px;color:var(--kaching-choose-multiple-gifts-text-color, #000);flex-shrink:0}.kaching-bundles .kaching-bundles__choose-multiple-gifts__heading{margin:0;font-weight:650;font-size:16px}.kaching-bundles .kaching-bundles__choose-multiple-gifts__close{all:unset;display:flex;align-items:center;justify-content:center;margin-inline-end:-6px;width:24px;height:24px;cursor:pointer}.kaching-bundles .kaching-bundles__choose-multiple-gifts__products{display:flex;flex-direction:column;gap:16px;padding:0 16px;flex:1;overflow-y:auto;min-height:0}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product{display:flex;align-items:center;justify-content:space-between;gap:20px}@media (width <= 600px){.kaching-bundles .kaching-bundles__choose-multiple-gifts__product{gap:12px}}@media (width <= 500px){.kaching-bundles .kaching-bundles__choose-multiple-gifts__product{flex-direction:column;align-items:stretch;gap:12px}}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-container{display:flex;align-items:center;gap:12px;min-width:0;flex:1}@media (width <= 600px){.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-container{gap:8px}}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-image-link{display:flex;flex-shrink:0}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-image{display:flex;border-radius:8px;border:1px solid #e5e5e3;-o-object-fit:contain;object-fit:contain;height:auto;width:var(--kaching-choose-multiple-gifts-photo-size, 100px);max-height:calc(var(--kaching-choose-multiple-gifts-photo-size, 100px) * 2)}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-content{display:flex;flex-direction:column;gap:4px;min-width:0}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-link{text-decoration:none}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-title{overflow-wrap:break-word;font-weight:650;font-size:var(--kaching-choose-multiple-gifts-text-size, 14px);color:var(--kaching-choose-multiple-gifts-text-color, #000)}.kaching-bundles .kaching-bundles__choose-multiple-gifts__variant-selectors{display:flex;flex-direction:column;gap:8px;margin-top:8px;min-width:0;max-width:100%}.kaching-bundles .kaching-bundles__choose-multiple-gifts__variant-selector-row{display:flex;align-items:flex-start;gap:8px}.kaching-bundles .kaching-bundles__choose-multiple-gifts__variant-counter{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:24px;height:24px;font-size:12px;color:#000}.kaching-bundles .kaching-bundles__choose-multiple-gifts__variant-selector-content{flex:1;min-width:0}.kaching-bundles .kaching-bundles__choose-multiple-gifts__variant-selector-with-counter{display:flex;align-items:center;gap:8px;min-width:0}.kaching-bundles .kaching-bundles__choose-multiple-gifts__variant-selector-wrapper{flex:1;min-width:0}.kaching-bundles .kaching-bundles__choose-multiple-gifts__subtitle{font-size:14px;font-weight:400;color:var(--kaching-choose-multiple-gifts-text-color, #000)}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-price-container{display:flex;gap:10px}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-price{font-size:14px;font-weight:650;color:var(--kaching-choose-multiple-gifts-price-color, #f04438)}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-compare-at-price{font-size:14px;font-weight:650;text-decoration:line-through;color:var(--kaching-choose-multiple-gifts-compare-at-price-color, #667085)}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;display:flex;justify-content:center;align-items:center;border:none;font-weight:600;padding:10px 12px;line-height:1.4;border-radius:8px;cursor:pointer;font-size:var(--kaching-choose-multiple-gifts-button-size, 16px);background-color:var(--kaching-choose-multiple-gifts-button-color, #7f56d9);color:var(--kaching-choose-multiple-gifts-button-text-color, #fff)}@media (width <= 500px){.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-button{flex:1}}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-button--disabled{background-color:#eaecf0;color:#98a2b3;cursor:not-allowed}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-button--selected{display:flex;align-items:center;gap:8px;background-color:#fff;color:#414651;border:1px solid #d5d7da}.kaching-bundles .kaching-bundles__choose-multiple-gifts__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding:16px;border-top:1px solid #e5e5e3;flex-shrink:0}.kaching-bundles .kaching-bundles__choose-multiple-gifts__footer-text{font-size:14px;font-weight:400;color:#535862;flex:1;min-width:0;overflow-wrap:break-word}.kaching-bundles .kaching-bundles__choose-multiple-gifts__footer-buttons{display:flex;gap:8px;flex:1;min-width:0;flex-shrink:0}.kaching-bundles .kaching-bundles__choose-multiple-gifts__footer-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:40px;min-width:80px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1;box-shadow:0 1px 2px #0a0d120d}.kaching-bundles .kaching-bundles__choose-multiple-gifts__footer-button--cancel{background-color:#fff;border:1px solid #d5d7da;color:#414651}.kaching-bundles .kaching-bundles__choose-multiple-gifts__footer-button--confirm{background-color:#000;color:#fff}.kaching-bundles .kaching-bundles__choose-multiple-gifts__footer-button--confirm:disabled{background-color:#eaecf0;border:1px solid #e9eaeb;color:#98a2b3;cursor:not-allowed}.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}@media (width <= 600px){.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-actions{gap:8px}}@media (width <= 500px){.kaching-bundles .kaching-bundles__choose-multiple-gifts__product-actions{flex-direction:row-reverse;justify-content:space-between;flex-shrink:1}}.kaching-bundles .kaching-bundles__choose-multiple-gifts__gift-quantity{display:flex;align-items:center;justify-content:space-between;width:72px;height:42px;border:1px solid #d6d6d6;border-radius:8px;overflow:hidden}.kaching-bundles .kaching-bundles__choose-multiple-gifts__gift-quantity-button{all:unset;display:flex;align-items:center;justify-content:center;width:28px;height:100%;cursor:pointer;color:#424242}.kaching-bundles .kaching-bundles__choose-multiple-gifts__gift-quantity-button[aria-disabled=true]{opacity:.4;cursor:not-allowed}.kaching-bundles .kaching-bundles__choose-multiple-gifts__gift-quantity-button img{filter:brightness(0) saturate(100%) invert(24%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(96%) contrast(89%)}.kaching-bundles .kaching-bundles__choose-multiple-gifts__gift-quantity-value{font-size:14px;font-weight:600;color:#414651}body:has(.kaching-bundles__choose-multiple-gifts-modal){overflow:hidden}.kaching-bundles .kaching-bundles__mix-and-match-choose-product-modal{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;overflow-y:auto;padding:10px;text-align:start;line-height:1.4;background-color:var(--kaching-mix-and-match-choose-product-overlay-color, rgba(0, 0, 0, .5))}.kaching-bundles .kaching-bundles__mix-and-match-choose-product-modal__content{position:relative;z-index:10000;margin:auto;min-width:min(470px,95%);max-width:700px;width:100%}.kaching-bundles .kaching-bundles__mix-and-match-choose-product{display:flex;flex-direction:column;padding:16px;border-radius:10px;background-color:#fff}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__header{display:flex;align-items:center;justify-content:space-between;margin-block:2px 18px;color:var(--kaching-mix-and-match-choose-product-text-color, #000)}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__heading{margin:0;font-weight:650;font-size:16px}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__close{all:unset;display:flex;align-items:center;justify-content:center;margin-inline-end:-6px;width:24px;height:24px;cursor:pointer}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__products{display:flex;flex-direction:column;gap:16px}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;color:#4b5565}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product{display:flex;align-items:center;justify-content:space-between;gap:20px}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-container{display:flex;align-items:center;gap:12px;min-width:0}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-image-link{display:flex;flex-shrink:0}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-image{display:flex;border-radius:8px;border:1px solid #e5e5e3;-o-object-fit:contain;object-fit:contain;height:auto;width:var(--kaching-mix-and-match-choose-product-photo-size, 100px);max-height:calc(var(--kaching-mix-and-match-choose-product-photo-size, 100px) * 2)}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-content{display:flex;flex-direction:column;gap:4px;min-width:0}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-link{text-decoration:none}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-title{overflow-wrap:break-word;font-weight:650;font-size:var(--kaching-mix-and-match-choose-product-text-size, 14px);color:var(--kaching-mix-and-match-choose-product-text-color, #000)}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__subtitle{font-size:14px;font-weight:400;color:var(--kaching-mix-and-match-choose-product-text-color, #000)}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-price-container{display:flex;gap:10px}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-price{font-size:14px;font-weight:650;color:var(--kaching-mix-and-match-choose-product-price-color, #f04438)}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-compare-at-price{font-size:14px;font-weight:650;text-decoration:line-through;color:var(--kaching-mix-and-match-choose-product-compare-at-price-color, #667085)}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-option-names.kaching-bundles__bar-variant-names{color:inherit;margin-block:0}.kaching-bundles .kaching-bundles__mix-and-match-choose-product__product-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;border:none;font-weight:600;padding:12px;line-height:1.2;border-radius:8px;cursor:pointer;font-size:var(--kaching-mix-and-match-choose-product-button-size, 16px);background-color:var(--kaching-mix-and-match-choose-product-button-color, #7f56d9);color:var(--kaching-mix-and-match-choose-product-button-text-color, #fff)}body:has(.kaching-bundles__mix-and-match-choose-product-modal){overflow:hidden}.kaching-bundles .kaching-bundles__bar-collection-products{display:flex;flex-direction:column;gap:5px;margin-top:5px}.kaching-bundles .kaching-bundles__collection-product{display:flex;gap:16px;align-items:center;justify-content:space-between}.kaching-bundles .kaching-bundles__collection-product .kaching-bundles__bar-variant-names{display:none;margin-block:0}.kaching-bundles .kaching-bundles__collection-product__image--default{background-color:#fff;border:1px solid #e9e9e9;color:#000}.kaching-bundles .kaching-bundles__collection-product--require-selection{padding:8px;border-radius:12px;background-color:var(--kaching-collection-breaks-require-selection-background-color)}.kaching-bundles .kaching-bundles__collection-product--require-selection .kaching-bundles__collection-product__image--default{border-color:var(--kaching-collection-breaks-require-selection-text-color);color:var(--kaching-collection-breaks-require-selection-text-color)}.kaching-bundles .kaching-bundles__collection-breaks-alert{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border-radius:12px;font-size:12px;background-color:var(--kaching-collection-breaks-require-selection-background-color, rgb(254, 228, 226));color:var(--kaching-collection-breaks-require-selection-text-color, rgb(240, 68, 56))}.kaching-bundles .kaching-bundles__collection-breaks-alert__icon{flex-shrink:0;width:16px;height:16px}.kaching-bundles .kaching-bundles__collection-product__main{display:flex;gap:16px;align-items:center;min-width:0}.kaching-bundles .kaching-bundles__collection-product__content{display:flex;flex-direction:column;gap:3px;min-width:0}.kaching-bundles .kaching-bundles__collection-product__link{display:flex;flex-shrink:0;text-decoration:none}.kaching-bundles .kaching-bundles__collection-product__image{flex-shrink:0;-o-object-fit:contain;object-fit:contain;height:auto;width:var(--kaching-collection-breaks-product-photo-size, 40px);border-radius:var(--kaching-collection-breaks-image-border-radius, 0)}.kaching-bundles .kaching-bundles__collection-product__title{font-size:16px;color:var(--kaching-collection-breaks-product-title-color, #000)}.kaching-bundles .kaching-bundles__collection-product__choose-product-image{cursor:pointer;line-height:0}.kaching-bundles .kaching-bundles__collection-product__choose-product-button{cursor:pointer;color:#fff;font-size:12px;line-height:1.4;padding:6px 14px;border-radius:8px;background-color:var(--kaching-collection-breaks-button-color, #333)}.kaching-bundles .kaching-bundles__collection-product__remove-button{display:flex;align-items:center;justify-content:center;height:24px;width:24px;cursor:pointer}.kaching-bundles .kaching-bundles__choose-product-modal{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;overflow-y:auto;padding:10px;text-align:start;line-height:1.4;background-color:var(--kaching-choose-product-overlay-color, rgba(0, 0, 0, .5))}.kaching-bundles .kaching-bundles__choose-product-modal__content{position:relative;z-index:10000;margin:auto;min-width:min(470px,95%);max-width:700px;width:100%}.kaching-bundles .kaching-bundles__choose-product{display:flex;flex-direction:column;padding:16px;border-radius:10px;background-color:#fff}.kaching-bundles .kaching-bundles__choose-product__header{display:flex;align-items:center;justify-content:space-between;margin-block:2px 18px;color:var(--kaching-choose-product-text-color, #000)}.kaching-bundles .kaching-bundles__choose-product__heading{margin:0;font-weight:650;font-size:16px}.kaching-bundles .kaching-bundles__choose-product__close{all:unset;display:flex;align-items:center;justify-content:center;margin-inline-end:-6px;width:24px;height:24px;cursor:pointer}.kaching-bundles .kaching-bundles__choose-product__products{display:flex;flex-direction:column;gap:16px}.kaching-bundles .kaching-bundles__choose-product__controls{display:flex;align-items:center;gap:10px;margin-bottom:14px}.kaching-bundles .kaching-bundles__choose-product__search-field{position:relative;flex:1 1 auto;min-width:0}.kaching-bundles .kaching-bundles__choose-product__search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.kaching-bundles .kaching-bundles__choose-product__search-input{box-sizing:border-box;width:100%;padding:10px 12px 10px 36px;border:1px solid #d5d7da;border-radius:8px;font-size:14px;color:var(--kaching-choose-product-text-color, #000);background-color:#fff}.kaching-bundles .kaching-bundles__choose-product__sort{position:relative;flex-shrink:0}.kaching-bundles .kaching-bundles__choose-product__sort-button{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d5d7da;border-radius:8px;background:#fff;color:var(--kaching-choose-product-text-color, #000);font-size:14px;line-height:1;cursor:pointer}.kaching-bundles .kaching-bundles__choose-product__sort-icon{width:16px;height:16px;display:block}.kaching-bundles .kaching-bundles__choose-product__sort-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:2;min-width:210px;display:flex;flex-direction:column;border:1px solid #d5d7da;border-radius:10px;background:#fff;box-shadow:0 8px 24px #10182824;overflow:hidden}.kaching-bundles .kaching-bundles__choose-product__sort-option{display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;background:#fff;text-align:start;padding:10px 12px;font-size:14px;color:var(--kaching-choose-product-text-color, #000);cursor:pointer}.kaching-bundles .kaching-bundles__choose-product__sort-option-check{flex-shrink:0;width:16px;height:16px;display:block}.kaching-bundles .kaching-bundles__choose-product__sort-option:hover{background:#f8fafc}.kaching-bundles .kaching-bundles__choose-product__empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;color:#4b5565}.kaching-bundles .kaching-bundles__choose-product__empty-state-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:16px}.kaching-bundles .kaching-bundles__choose-product__empty-state-icon{width:48px;height:48px}.kaching-bundles .kaching-bundles__choose-product__empty-state-title{font-size:18px;font-weight:500;color:#181d27}.kaching-bundles .kaching-bundles__choose-product__empty-state-description{margin-top:8px;font-size:14px;color:#535862}.kaching-bundles .kaching-bundles__choose-product__empty-state-clear-button{margin-top:16px;padding:10px 16px;border:1px solid #d5d7da;border-radius:8px;background:#fff;color:#414651;font-size:14px;font-weight:600}.kaching-bundles .kaching-bundles__choose-product__product{display:flex;align-items:center;justify-content:space-between;gap:20px}.kaching-bundles .kaching-bundles__choose-product__product-container{display:flex;align-items:center;gap:12px;min-width:0}.kaching-bundles .kaching-bundles__choose-product__product-image-link{display:flex;flex-shrink:0}.kaching-bundles .kaching-bundles__choose-product__product-image{display:flex;border-radius:8px;border:1px solid #e5e5e3;-o-object-fit:contain;object-fit:contain;height:auto;width:var(--kaching-choose-product-photo-size, 100px);max-height:calc(var(--kaching-choose-product-photo-size, 100px) * 2)}.kaching-bundles .kaching-bundles__choose-product__product-content{display:flex;flex-direction:column;gap:4px;min-width:0}.kaching-bundles .kaching-bundles__choose-product__product-link{text-decoration:none}.kaching-bundles .kaching-bundles__choose-product__product-title{overflow-wrap:break-word;font-weight:650;font-size:var(--kaching-choose-product-text-size, 14px);color:var(--kaching-choose-product-text-color, #000)}.kaching-bundles .kaching-bundles__choose-product__subtitle{font-size:14px;font-weight:400;color:var(--kaching-choose-product-text-color, #000)}.kaching-bundles .kaching-bundles__choose-product__product-price-container{display:flex;gap:10px}.kaching-bundles .kaching-bundles__choose-product__product-price{font-size:14px;font-weight:650;color:var(--kaching-choose-product-price-color, #f04438)}.kaching-bundles .kaching-bundles__choose-product__product-compare-at-price{font-size:14px;font-weight:650;text-decoration:line-through;color:var(--kaching-choose-product-compare-at-price-color, #667085)}.kaching-bundles .kaching-bundles__choose-product__product-option-names.kaching-bundles__bar-variant-names{color:inherit;margin-block:0}.kaching-bundles .kaching-bundles__choose-product__product-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;border:none;font-weight:600;padding:12px;line-height:1.2;border-radius:8px;cursor:pointer;font-size:var(--kaching-choose-product-button-size, 16px);background-color:var(--kaching-choose-product-button-color, #7f56d9);color:var(--kaching-choose-product-button-text-color, #fff)}body:has(.kaching-bundles__choose-product-modal){overflow:hidden}.kaching-bundles .kaching-bundles__free-gift{display:flex;align-items:center;justify-content:space-between;margin-inline:1px;padding-block:7px;padding-inline:8px calc(15px * var(--block-spacing, 1) + 5px);gap:5px 10px;background-color:var(--kaching-free-gift-background-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__free-gift:last-child{margin-block-end:1px;border-end-start-radius:calc(var(--bar-border-radius) - 1px);border-end-end-radius:calc(var(--bar-border-radius) - 1px)}.kaching-bundles .kaching-bundles__free-gift.kaching-bundles__free-gift--out-of-stock{opacity:.3}.kaching-bundles .kaching-bundles__free-gift__link{pointer-events:none}.kaching-bundles .kaching-bundles__free-gift__main{display:flex;align-items:center;gap:calc(5px + 5px * var(--block-spacing, 1));min-width:0;flex:1}.kaching-bundles .kaching-bundles__free-gift__main:has(.kaching-bundles__swatch-buttons){overflow-x:auto}.kaching-bundles .kaching-bundles__free-gift__content{display:flex;align-items:center;gap:5px 15px;flex-wrap:wrap;min-width:0;flex:1}.kaching-bundles .kaching-bundles__free-gift__content--clickable{cursor:pointer}.kaching-bundles .kaching-bundles__free-gift__add-button{all:unset;display:flex;cursor:pointer;line-height:0;padding:4px;margin:-4px -4px -4px -6px;color:var(--kaching-free-gift-text-color, #000)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__free-gift__add-button{color:var(--kaching-free-gift-selected-text-color, #fff)}.kaching-bundles .kaching-bundles__free-gift__text{color:var(--kaching-free-gift-text-color, #000);font-size:var(--kaching-free-gift-font-size, 13px);font-weight:var(--kaching-free-gift-font-weight, bold);font-style:var(--kaching-free-gift-font-style, normal)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__free-gift__text{color:var(--kaching-free-gift-selected-text-color, #fff)}.kaching-bundles .kaching-bundles__free-gift__image{display:flex;flex-shrink:0;width:auto;height:var(--kaching-free-gift-image-height, 30px);border-radius:var(--kaching-free-gift-image-border-radius, 0)}.kaching-bundles .kaching-bundles__free-gift__full-price{flex-shrink:0;text-decoration:line-through;font-size:calc(var(--kaching-free-gift-font-size, 13px) - 1px);font-weight:var(--bar-subtitle-font-weight);font-style:var(--bar-subtitle-font-style);color:var(--kaching-free-gift-text-color, #000)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__free-gift__full-price{color:var(--kaching-free-gift-selected-text-color, #fff)}.kaching-bundles .kaching-bundles__free-gift__divider{height:1px;display:flex}.kaching-bundles .kaching-bundles__free-gift-summary{gap:8px;justify-content:flex-start}.kaching-bundles .kaching-bundles__free-gift-summary__images{display:flex;flex-shrink:0;align-items:center}.kaching-bundles .kaching-bundles__free-gift-summary__image{display:flex;flex-shrink:0;width:auto;height:var(--kaching-free-gift-image-height, 30px);border-radius:var(--kaching-free-gift-image-border-radius, 0);margin-inline-start:-8px;border:1px solid var(--kaching-free-gift-background-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__free-gift-summary__image:first-child{margin-inline-start:0}.kaching-bundles .kaching-bundles__free-gift-summary__image--no-border{border-color:transparent}.kaching-bundles .kaching-bundles__upsell{display:flex;align-items:center;justify-content:space-between;position:relative;padding-block:7px;padding-inline:8px calc(15px * var(--block-spacing, 1) + 5px);margin-inline:1px;gap:5px 10px;background-color:var(--kaching-upsell-background-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__upsell:last-child{margin-block-end:1px;border-end-start-radius:calc(var(--bar-border-radius) - 1px);border-end-end-radius:calc(var(--bar-border-radius) - 1px)}.kaching-bundles .kaching-bundles__upsell.kaching-bundles__upsell--out-of-stock{opacity:.3}.kaching-bundles .kaching-bundles__upsell--badge-border-all{margin:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__upsell--badge-border-top{margin-top:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__upsell--badge-border-bottom{margin-bottom:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__upsell--badge-border-left{min-height:var(--badge-border-min-length, auto);margin-left:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__upsell--badge-border-right{min-height:var(--badge-border-min-length, auto);margin-right:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__upsell .kaching-bundles__badge-border--all{inset:calc(-1 * var(--badge-border-thickness, 22px))}.kaching-bundles .kaching-bundles__upsell .kaching-bundles__badge-border--top{inset:calc(-1 * var(--badge-border-thickness, 22px)) 0 auto;height:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__upsell .kaching-bundles__badge-border--bottom{inset:auto 0 calc(-1 * var(--badge-border-thickness, 22px));height:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__upsell .kaching-bundles__badge-border--left{inset:0 auto 0 calc(-1 * var(--badge-border-thickness, 22px));width:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__upsell .kaching-bundles__badge-border--right{inset:0 calc(-1 * var(--badge-border-thickness, 22px)) 0 auto;width:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__upsell__main{display:flex;align-items:center;gap:calc(5px + 5px * var(--block-spacing, 1));min-width:0;flex:1}.kaching-bundles .kaching-bundles__upsell__content{display:flex;align-items:center;gap:5px 15px;flex-wrap:wrap;min-width:0;flex:1}.kaching-bundles .kaching-bundles__upsell__link{display:flex;flex-shrink:0}.kaching-bundles .kaching-bundles__upsell__image{width:auto;height:var(--kaching-upsell-image-height, 30px);border-radius:var(--kaching-upsell-image-border-radius, 0)}.kaching-bundles .kaching-bundles__upsell__checkbox{all:unset;display:flex;flex-shrink:0;width:16px;height:16px;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;margin-inline-end:4px;color:var(--bar-selected-border-color);border-width:2px;border-style:solid;border-color:var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__upsell__checkbox.kaching-bundles__upsell__checkbox--selected{border-color:var(--bar-selected-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__upsell__text{display:flex;min-height:30px;align-items:center;cursor:pointer;overflow-wrap:break-word;color:var(--kaching-upsell-text-color, #000);font-size:var(--kaching-upsell-font-size, 13px);font-weight:var(--kaching-upsell-font-weight, bold);font-style:var(--kaching-upsell-font-style, normal)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__upsell__text{color:var(--kaching-upsell-selected-text-color, #000)}.kaching-bundles .kaching-bundles__upsell__pricing{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0}.kaching-bundles .kaching-bundles__upsell__pricing-row{display:flex;align-items:baseline;gap:6px}.kaching-bundles .kaching-bundles__upsell__price{font-size:var(--kaching-upsell-font-size, 13px);font-weight:var(--bar-title-font-weight);font-style:var(--bar-title-font-style);color:var(--bar-price-color, #000)}.kaching-bundles .kaching-bundles__upsell__pricing-row--secondary .kaching-bundles__upsell__price{font-size:calc(var(--kaching-upsell-font-size, 13px) - 1px)}.kaching-bundles .kaching-bundles__upsell__full-price,.kaching-bundles .kaching-bundles__upsell__unit-price{font-size:calc(var(--kaching-upsell-font-size, 13px) - 1px);font-weight:var(--bar-subtitle-font-weight);font-style:var(--bar-subtitle-font-style);color:var(--bar-full-price-color, #555)}.kaching-bundles .kaching-bundles__upsell__full-price{text-decoration:line-through}.kaching-bundles .kaching-bundles__upsell__unit-price{text-transform:uppercase}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__free-gift{flex-direction:column;padding-inline-end:8px}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__upsell{flex-direction:column}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__upsell__pricing{flex-direction:row;gap:5px;align-items:center}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__free-gift{margin-inline:2px;padding-block:7px 6px;padding-inline:7px calc(15px * var(--block-spacing, 1) + 4px);background-color:var(--kaching-free-gift-selected-background-color, #000)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__free-gift:last-child{margin-block-end:2px;border-end-start-radius:calc(var(--bar-border-radius) - 2px);border-end-end-radius:calc(var(--bar-border-radius) - 2px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-all .kaching-bundles__free-gift:last-child,.kaching-bundles .kaching-bundles__bars--badge-border-all .kaching-bundles__free-gift:last-child{margin-inline:0;margin-block-end:0;border-end-start-radius:var(--bar-border-radius);border-end-end-radius:var(--bar-border-radius)}.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom .kaching-bundles__free-gift:last-child{border-end-start-radius:0;border-end-end-radius:0}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__upsell{margin-inline:2px;padding-block:7px 6px;padding-inline:7px calc(15px * var(--block-spacing, 1) + 4px);background-color:var(--kaching-upsell-selected-background-color, rgba(0, 0, 0, .2))}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__upsell:last-child{margin-block-end:2px;border-end-start-radius:calc(var(--bar-border-radius) - 2px);border-end-end-radius:calc(var(--bar-border-radius) - 2px)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__upsell--badge-border-all,.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__upsell--badge-border-left{margin-left:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__upsell--badge-border-all,.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__upsell--badge-border-right{margin-right:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__upsell--badge-border-all:last-child,.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__upsell--badge-border-bottom:last-child{margin-block-end:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__deal-bar-progressive-gifts{border-end-start-radius:var(--bar-border-radius);border-end-end-radius:var(--bar-border-radius)}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift{display:flex;align-items:center;justify-content:space-between;margin-inline:1px;padding-block:7px;padding-inline:8px calc(15px * var(--block-spacing, 1) + 5px);gap:5px 10px;background-color:var(--bar-border-color, #fff)}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift:last-child{margin-block-end:1px;border-end-start-radius:calc(var(--bar-border-radius) - 1px);border-end-end-radius:calc(var(--bar-border-radius) - 1px)}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__link{pointer-events:none}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__main{display:flex;align-items:center;gap:calc(5px + 5px * var(--block-spacing, 1));min-width:0;flex:1}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__main:has(.kaching-bundles__swatch-buttons){overflow-x:auto}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__content{display:flex;align-items:center;gap:5px 15px;flex-wrap:wrap;min-width:0;flex:1}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__image{display:flex;flex-shrink:0;width:auto;height:var(--kaching-deal-bar-progressive-gift-image-size, 40px);border-radius:var(--kaching-deal-bar-progressive-gift-corner-radius, 0)}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__image--locked-product{opacity:.4}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__text{color:var(--kaching-deal-bar-progressive-gift-text-color, #000);font-size:var(--kaching-deal-bar-progressive-gift-text-size, 14px)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__deal-bar-progressive-gift__text{color:var(--kaching-deal-bar-progressive-gift-selected-text-color, #fff);font-weight:500}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__labels{display:flex;align-items:center;gap:5px}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__label{background-color:var(--kaching-deal-bar-progressive-gift-label-background-color);color:var(--kaching-deal-bar-progressive-gift-label-text-color);font-size:var(--kaching-deal-bar-progressive-gift-label-text-size, 12px);padding:2px 8px;border-radius:16px;white-space:nowrap;font-weight:500}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__label-crossed-out{text-decoration:line-through}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__lock-icon{display:flex;align-items:center;justify-content:center;color:var(--kaching-deal-bar-progressive-gift-locked-icon-color, #667085)}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift__lock-icon svg{width:auto;height:100%}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift--locked .kaching-bundles__deal-bar-progressive-gift__text{color:var(--kaching-deal-bar-progressive-gift-locked-text-color, #555);font-size:var(--kaching-deal-bar-progressive-gift-locked-text-size, 14px)}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift--out-of-stock{opacity:.3}.kaching-bundles .kaching-bundles__deal-bar-progressive-gift--locked .kaching-bundles__deal-bar-progressive-gift__label{background-color:var(--kaching-deal-bar-progressive-gift-locked-label-background-color);color:var(--kaching-deal-bar-progressive-gift-locked-label-text-color);font-size:var(--kaching-deal-bar-progressive-gift-locked-label-text-size, 12px)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__deal-bar-progressive-gift{margin-inline:2px;padding-block:7px 6px;padding-inline:7px calc(15px * var(--block-spacing, 1) + 4px);background-color:var(--bar-selected-border-color)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__deal-bar-progressive-gift:last-child{margin-block-end:2px;border-end-start-radius:calc(var(--bar-border-radius) - 2px);border-end-end-radius:calc(var(--bar-border-radius) - 2px)}.kaching-bundles .kaching-bundles__product-personalisation{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:10px;background-color:#fafafa;border-radius:calc(var(--bar-border-radius, 10px) - 4px);border:1px dashed #d6d6d6;margin-top:12px;cursor:pointer}.kaching-bundles .kaching-bundles__product-personalisation--filled{border-style:solid}.kaching-bundles .kaching-bundles__product-personalisation__main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.kaching-bundles .kaching-bundles__product-personalisation__image-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--kaching-product-personalisation-image-height, 40px);height:var(--kaching-product-personalisation-image-height, 40px);background-color:#fff;border-radius:calc(var(--bar-border-radius, 10px) - 6px);border:1px solid #d6d6d6}.kaching-bundles .kaching-bundles__product-personalisation__image{display:flex;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.kaching-bundles .kaching-bundles__product-personalisation__image--default{width:70%;height:70%;-o-object-fit:contain;object-fit:contain;opacity:.7;color:#000}.kaching-bundles .kaching-bundles__product-personalisation__content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.kaching-bundles .kaching-bundles__product-personalisation__title{color:#000;font-size:14px;font-weight:600;font-style:normal}.kaching-bundles .kaching-bundles__product-personalisation__subtitle{color:#555;font-size:13px;font-weight:400;font-style:normal}.kaching-bundles .kaching-bundles__product-personalisation__pricing{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:2px}.kaching-bundles .kaching-bundles__product-personalisation__price{font-size:14px;font-weight:500;font-style:normal;color:#000}.kaching-bundles .kaching-bundles__product-personalisation__compare-at-price{font-size:12px;font-weight:400;font-style:normal;color:#888;line-height:1.2;text-decoration:line-through}.kaching-bundles .kaching-bundles__product-personalisation__price .kaching-bundles__product-personalisation__unit-label{font-size:calc(var(--kaching-bundles-unit-label-font-size, 14px) - 4px);font-weight:var(--kaching-bundles-unit-label-font-weight, normal);font-style:var(--kaching-bundles-unit-label-font-style, normal)}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__product-personalisation{flex-direction:column;align-items:stretch;text-align:center}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__product-personalisation__main{flex-direction:column}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__product-personalisation__pricing{flex-direction:row;justify-content:center;gap:8px;align-items:baseline}.kaching-bundles .kaching-bundles__personalisation-modal-overlay{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;overflow-y:auto;padding:10px;text-align:start;line-height:1.4;background-color:var(--kaching-product-personalisation-overlay-color, rgba(0, 0, 0, .5))}.kaching-bundles .kaching-bundles__personalisation-modal-overlay--inline{position:relative;z-index:auto;inset:auto;padding:20px;border-radius:var(--kaching-product-personalisation-radius, 16px)}.kaching-bundles .kaching-bundles__personalisation-modal-overlay__content{position:relative;z-index:10000;margin:auto;min-width:min(470px,95%);max-width:700px;width:100%}.kaching-bundles .kaching-bundles__personalisation-modal{display:flex;flex-direction:column;padding:var(--kaching-product-personalisation-gap-0, 20px);border-radius:var(--kaching-product-personalisation-radius, 16px);background-color:#fff}.kaching-bundles .kaching-bundles__personalisation-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--kaching-product-personalisation-gap-0, 20px);color:var(--kaching-product-personalisation-primary-text-color, rgb(0, 0, 0))}.kaching-bundles .kaching-bundles__personalisation-modal__heading{margin:0;font-weight:650;font-size:var(--kaching-product-personalisation-font-0, 24px)}.kaching-bundles .kaching-bundles__personalisation-modal__close{all:unset;display:flex;align-items:center;justify-content:center;margin-inline-end:-6px;width:24px;height:24px;cursor:pointer}.kaching-bundles .kaching-bundles__personalisation-modal__items{display:flex;flex-direction:column;gap:var(--kaching-product-personalisation-gap-1, 16px);padding:var(--kaching-product-personalisation-gap-1, 16px);border:1px solid #e9e9e9;border-radius:calc(var(--kaching-product-personalisation-radius, 16px) - 4px)}.kaching-bundles .kaching-bundles__personalisation-modal__item{display:flex;flex-direction:column;gap:var(--kaching-product-personalisation-gap-2, 12px)}.kaching-bundles .kaching-bundles__personalisation-modal__item-info{display:flex;align-items:center;gap:var(--kaching-product-personalisation-gap-2, 12px)}.kaching-bundles .kaching-bundles__personalisation-modal__item-image-wrapper{flex-shrink:0;width:var(--kaching-product-personalisation-image-size, 48px);height:var(--kaching-product-personalisation-image-size, 48px);border-radius:calc(var(--kaching-product-personalisation-radius, 16px) - 4px - 4px);border:1px solid #e9e9e9;overflow:hidden}.kaching-bundles .kaching-bundles__personalisation-modal__item-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.kaching-bundles .kaching-bundles__personalisation-modal__item-details{display:flex;flex-direction:column;gap:2px;min-width:0}.kaching-bundles .kaching-bundles__personalisation-modal__item-title{font-size:var(--kaching-product-personalisation-text-size, 16px);font-weight:600;color:var(--kaching-product-personalisation-primary-text-color, rgb(0, 0, 0))}.kaching-bundles .kaching-bundles__personalisation-modal__item-variant{font-size:var(--kaching-product-personalisation-font-3, 12px);color:var(--kaching-product-personalisation-secondary-text-color, rgb(115, 115, 115))}.kaching-bundles .kaching-bundles__personalisation-modal__input-wrapper{display:flex;flex-direction:column;gap:4px}.kaching-bundles .kaching-bundles__personalisation-modal__input-container{position:relative;display:flex;align-items:center}.kaching-bundles .kaching-bundles__personalisation-modal__input-clear{all:unset;position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:pointer}.kaching-bundles .kaching-bundles__personalisation-modal__input{width:100%;padding:10px 12px;border:1px solid #e9e9e9;border-radius:calc(var(--kaching-product-personalisation-radius, 16px) - 4px - 4px);font-size:var(--kaching-product-personalisation-font-2, 16px);outline:none!important;box-shadow:none!important;box-sizing:border-box}.kaching-bundles .kaching-bundles__personalisation-modal__input:focus{border-color:#333;outline:none!important;box-shadow:none!important}.kaching-bundles .kaching-bundles__personalisation-modal__input:focus-visible{outline:2px solid #333!important;outline-offset:-1px}.kaching-bundles .kaching-bundles__personalisation-modal__input::-moz-placeholder{color:#999}.kaching-bundles .kaching-bundles__personalisation-modal__input::placeholder{color:#999}.kaching-bundles .kaching-bundles__personalisation-modal__input--with-clear{padding-right:40px}.kaching-bundles .kaching-bundles__personalisation-modal__input--error{border-color:var(--kaching-product-personalisation-error-color, rgb(240, 68, 56))}.kaching-bundles .kaching-bundles__personalisation-modal__input--error:focus{border-color:var(--kaching-product-personalisation-error-color, rgb(240, 68, 56))}.kaching-bundles .kaching-bundles__personalisation-modal__input-counter{font-size:var(--kaching-product-personalisation-font-3, 12px);color:#999}.kaching-bundles .kaching-bundles__personalisation-modal__input-counter--error{color:var(--kaching-product-personalisation-error-color, rgb(240, 68, 56))}.kaching-bundles .kaching-bundles__personalisation-modal__input-error{font-size:var(--kaching-product-personalisation-font-3, 12px);color:var(--kaching-product-personalisation-error-color, rgb(240, 68, 56))}.kaching-bundles .kaching-bundles__personalisation-modal__actions{display:flex;gap:var(--kaching-product-personalisation-gap-1, 16px);margin-top:var(--kaching-product-personalisation-gap-0, 20px)}.kaching-bundles .kaching-bundles__personalisation-modal__button{flex:1;padding:12px 16px;border-radius:calc(var(--kaching-product-personalisation-radius, 16px) - 4px - 4px);font-size:var(--kaching-product-personalisation-font-2, 16px);font-weight:500;cursor:pointer;border:none;box-shadow:0 1px 2px #0a0d120d}.kaching-bundles .kaching-bundles__personalisation-modal__button--cancel{background:#fff;color:#333;border:1px solid #d5d7da}.kaching-bundles .kaching-bundles__personalisation-modal__button--confirm{color:var(--kaching-product-personalisation-button-text-color, rgb(255, 255, 255));border:1px solid var(--kaching-product-personalisation-button-color, rgb(0, 0, 0));background:var(--kaching-product-personalisation-button-color, rgb(0, 0, 0))}.kaching-bundles .kaching-bundles__personalisation-modal__button--disabled{cursor:not-allowed;border:1px solid #e9eaeb;background:#eaecf0;color:#98a2b3}.kaching-bundles .kaching-bundles__progressive-gifts{display:flex;flex-direction:column;gap:calc(10px * var(--block-spacing, 1) + 4px);margin-top:calc(10px * var(--block-spacing, 1))}.kaching-bundles .kaching-bundles__progressive-gifts__header{display:flex;flex-direction:column}.kaching-bundles .kaching-bundles__progressive-gifts__title{color:var(--kaching-bundles-progressive-gifts-title-color, #000);text-align:var(--kaching-bundles-progressive-gifts-title-alignment, center);font-weight:var(--kaching-bundles-progressive-gifts-title-weight, bold);font-style:var(--kaching-bundles-progressive-gifts-title-style, normal);font-size:var(--kaching-bundles-progressive-gifts-title-size, 20px)}.kaching-bundles .kaching-bundles__progressive-gifts__subtitle{color:var(--kaching-bundles-progressive-gifts-subtitle-color, #000);text-align:var(--kaching-bundles-progressive-gifts-subtitle-alignment, center);font-weight:var(--kaching-bundles-progressive-gifts-subtitle-weight, 450);font-style:var(--kaching-bundles-progressive-gifts-subtitle-style, normal);font-size:var(--kaching-bundles-progressive-gifts-subtitle-size, 16px)}.kaching-bundles .kaching-bundles__progressive-gifts__gifts{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));justify-content:center;gap:calc(10px * var(--block-spacing, 1))}.kaching-bundles .kaching-bundles__progressive-gifts__gift{position:relative;display:flex;flex-direction:column;align-items:center;padding:calc(10px * var(--block-spacing, 1));gap:calc(6px * var(--block-spacing, 1));border-radius:var(--kaching-bundles-progressive-gifts-border-radius);background-color:var(--kaching-bundles-progressive-gifts-background-color);box-shadow:inset 0 0 0 2px var(--kaching-bundles-progressive-gifts-border-color, #000)}.kaching-bundles .kaching-bundles__progressive-gifts__gift.kaching-bundles__progressive-gifts__gift--locked{background-color:var(--kaching-bundles-progressive-gifts-locked-background-color);box-shadow:inset 0 0 0 1px var(--kaching-bundles-progressive-gifts-locked-border-color, rgba(0, 0, 0, .3));cursor:pointer}.kaching-bundles .kaching-bundles__progressive-gifts__gift.kaching-bundles__progressive-gifts__gift--locked:hover,.kaching-bundles .kaching-bundles__progressive-gifts__gift.kaching-bundles__progressive-gifts__gift--locked:focus{box-shadow:inset 0 0 0 2px var(--kaching-bundles-progressive-gifts-locked-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__progressive-gifts__gift.kaching-bundles__progressive-gifts__gift--locked:focus{outline:none}.kaching-bundles .kaching-bundles__progressive-gifts__gift.kaching-bundles__progressive-gifts__gift--out-of-stock{opacity:.3}.kaching-bundles .kaching-bundles__progressive-gifts__gift__content{display:flex;flex-direction:column;max-width:100%;gap:calc(6px * var(--block-spacing, 1))}.kaching-bundles .kaching-bundles__progressive-gifts__gift__image-wrapper{display:flex;flex-shrink:0;align-items:center;justify-content:center;height:var(--kaching-bundles-progressive-gifts-image-size, 100px);width:initial;max-width:100%;margin-top:max(0px,(100px - var(--kaching-bundles-progressive-gifts-image-size, 100px)) / 5);color:var(--kaching-bundles-progressive-gifts-locked-icon-color, #667085);border-radius:calc(var(--kaching-bundles-progressive-gifts-border-radius) / 2);background-color:transparent}.kaching-bundles .kaching-bundles__progressive-gifts__gift__image-wrapper svg{width:auto;height:100%}.kaching-bundles .kaching-bundles__progressive-gifts__gift__image{-o-object-fit:contain;object-fit:contain;max-height:100%;max-width:100%;border-radius:calc(var(--kaching-bundles-progressive-gifts-border-radius) / 2);width:initial}.kaching-bundles .kaching-bundles__progressive-gifts__gift__image--locked-product{opacity:.4}.kaching-bundles .kaching-bundles__progressive-gifts__gift__details{display:flex;flex-direction:column;gap:4px;align-items:center;min-width:0}.kaching-bundles .kaching-bundles__progressive-gifts__gift__details__content{display:flex;align-items:center;gap:8px}.kaching-bundles .kaching-bundles__progressive-gifts__gift__title{font-weight:500;text-align:center;color:var(--kaching-bundles-progressive-gifts-text-color, #000);font-size:var(--kaching-bundles-progressive-gifts-text-size, 14px)}.kaching-bundles .kaching-bundles__progressive-gifts__gift__title.kaching-bundles__progressive-gifts__gift__title--locked{color:var(--kaching-bundles-progressive-gifts-locked-text-color, #555);font-size:var(--kaching-bundles-progressive-gifts-locked-text-size, 14px)}.kaching-bundles .kaching-bundles__progressive-gifts__gift:not(.kaching-bundles__progressive-gifts__gift--locked) .kaching-bundles__progressive-gifts__gift__image,.kaching-bundles .kaching-bundles__progressive-gifts__gift:not(.kaching-bundles__progressive-gifts__gift--locked) .kaching-bundles__progressive-gifts__gift__title{animation:kaching-progressive-gift-unlock .6s ease-out}@keyframes kaching-progressive-gift-unlock{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.kaching-bundles .kaching-bundles__progressive-gifts__gift__label{display:flex;flex-direction:row;align-items:center;position:absolute;top:-8px;left:50%;transform:translate(-50%);line-height:1;gap:calc(5px * var(--block-spacing, 1));padding:calc(8px * var(--block-spacing, 1));background-color:var(--kaching-bundles-progressive-gifts-label-background-color, #eee);border-radius:var(--kaching-bundles-progressive-gifts-border-radius)}.kaching-bundles .kaching-bundles__progressive-gifts__gift__label__text{font-weight:450;color:var(--kaching-bundles-progressive-gifts-label-text-color, #777);font-size:var(--kaching-bundles-progressive-gifts-label-text-size, 12px);white-space:nowrap}.kaching-bundles .kaching-bundles__progressive-gifts__gift__label__text.kaching-bundles__progressive-gifts__gift__label__text--crossed-out{text-decoration:line-through}.kaching-bundles .kaching-bundles__progressive-gifts__gifts.kaching-bundles__progressive-gifts__gifts--vertical{display:flex;flex-direction:column}.kaching-bundles .kaching-bundles__progressive-gifts__gifts.kaching-bundles__progressive-gifts__gifts--vertical .kaching-bundles__progressive-gifts__gift{flex-direction:row;justify-content:space-between;gap:calc(10px * var(--block-spacing, 1))}.kaching-bundles .kaching-bundles__progressive-gifts__gifts.kaching-bundles__progressive-gifts__gifts--vertical .kaching-bundles__progressive-gifts__gift__content{flex-direction:row;align-items:center;gap:calc(10px * var(--block-spacing, 1))}.kaching-bundles .kaching-bundles__progressive-gifts__gifts.kaching-bundles__progressive-gifts__gifts--vertical .kaching-bundles__progressive-gifts__gift__details{align-items:flex-start}.kaching-bundles .kaching-bundles__progressive-gifts__gifts.kaching-bundles__progressive-gifts__gifts--vertical .kaching-bundles__progressive-gifts__gift__image-wrapper{margin-top:0;height:var(--kaching-bundles-progressive-gifts-image-size, 50px);width:var(--kaching-bundles-progressive-gifts-image-size, 50px)}.kaching-bundles .kaching-bundles__progressive-gifts__gifts.kaching-bundles__progressive-gifts__gifts--vertical .kaching-bundles__progressive-gifts__gift__title{text-align:start}.kaching-bundles .kaching-bundles__progressive-gifts__gifts.kaching-bundles__progressive-gifts__gifts--vertical .kaching-bundles__progressive-gifts__gift__label{position:initial;transform:none}.kaching-bundles .kaching-bundles-savings-summary{display:flex;align-items:center;justify-content:var(--kaching-bundles-savings-summary-alignment, flex-start);gap:8px;padding:12px 16px;margin-top:calc(10px * var(--block-spacing, 1));background-color:var(--kaching-bundles-savings-summary-background-color, #f5fcf7);color:var(--kaching-bundles-savings-summary-text-color, #1b5933);border-style:solid;border-color:var(--kaching-bundles-savings-summary-border-color, #457757);border-width:var(--kaching-bundles-savings-summary-border-width, 1px);border-radius:var(--kaching-bundles-savings-summary-border-radius, 8px);font-size:var(--kaching-bundles-savings-summary-title-font-size, 14px);font-style:var(--kaching-bundles-savings-summary-title-font-style, normal);font-weight:var(--kaching-bundles-savings-summary-title-font-weight, 500)}.kaching-bundles .kaching-bundles-savings-summary__icon{display:flex;align-items:center;width:1.2em;height:1.2em;flex-shrink:0;color:var(--kaching-bundles-savings-summary-icon-color, #1c5632)}.kaching-bundles .kaching-bundles-savings-summary__icon svg{width:100%;height:100%}.kaching-bundles .kaching-bundles-savings-summary__icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.kaching-bundles .kaching-bundles-savings-summary__value{color:var(--kaching-bundles-savings-summary-value-color, #000000)}.kaching-bundles .kaching-bundles__scratch-off{position:relative;display:flex;flex-direction:column;gap:calc(10px * var(--block-spacing, 1));margin:calc(5px * var(--block-spacing, 1)) 0}.kaching-bundles .kaching-bundles__scratch-off>.kaching-bundles__bar{margin:0}.kaching-bundles .kaching-bundles__scratch-off--unscratched{-webkit-user-select:none;-moz-user-select:none;user-select:none}.kaching-bundles .kaching-bundles__scratch-off--unscratched .kaching-bundles__bar{pointer-events:none}.kaching-bundles .kaching-bundles__scratch-off--revealing .kaching-bundles__bar-most-popular{animation:kaching-scratch-off-badge-pop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes kaching-scratch-off-badge-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.kaching-bundles .kaching-bundles__scratch-off--unscratched:not(.kaching-bundles__scratch-off--revealing) .kaching-bundles__bar-most-popular{visibility:hidden}.kaching-bundles .kaching-bundles__scratch-off--loading{visibility:hidden}.kaching-bundles .kaching-bundles__scratch-off-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--bar-border-radius, 8px);cursor:pointer;touch-action:none;transition:opacity .3s ease-out;z-index:11}.kaching-bundles .kaching-bundles__scratch-off-canvas--revealing{opacity:0;pointer-events:none}.kaching-bundles .kaching-bundles__scratch-off-hint{position:absolute;inset:0;margin:auto;width:calc(100% - 10px);height:calc(100% - 10px);max-width:317px;max-height:143px;pointer-events:none;opacity:.4;transition:opacity .3s ease-out;z-index:12}.kaching-bundles .kaching-bundles__scratch-off-hint--hidden{opacity:0}.kaching-bundles .kaching-bundles__scratch-off-hint-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:kaching-scratch-off-hint-draw 2.8s cubic-bezier(.4,0,.2,1) infinite}@keyframes kaching-scratch-off-hint-draw{0%{stroke-dashoffset:1200;opacity:1}60%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.kaching-bundles .kaching-bundles__scratch-off-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--scratch-off-title-color);font-weight:700;font-size:var(--scratch-off-title-size);line-height:1.25;text-align:center;pointer-events:none;transition:opacity .3s ease-out;z-index:12}.kaching-bundles .kaching-bundles__scratch-off-title--hidden{opacity:0}.kaching-bundles .kaching-bundles-sticky-atc{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;box-shadow:0 0 10px #00000040;background-color:var(--kaching-bundles-sticky-atc-background-color, #fff)}.kaching-bundles .kaching-bundles-sticky-atc .kaching-bundles-sticky-atc__content{display:flex;align-items:center;gap:16px}.kaching-bundles .kaching-bundles-sticky-atc .kaching-bundles-sticky-atc__image{display:var(--kaching-bundles-sticky-atc-image-display, block);width:auto;height:var(--kaching-bundles-sticky-atc-product-photo-size, 40px);border-radius:var(--kaching-bundles-sticky-atc-product-photo-corner-radius, 0)}.kaching-bundles .kaching-bundles-sticky-atc .kaching-bundles-sticky-atc__title{color:var(--kaching-bundles-sticky-atc-title-color, #000);font-size:var(--kaching-bundles-sticky-atc-title-font-size, 16px);font-style:var(--kaching-bundles-sticky-atc-title-font-style, normal);font-weight:var(--kaching-bundles-sticky-atc-title-font-weight, 400)}.kaching-bundles .kaching-bundles-sticky-atc .kaching-bundles-sticky-atc__button{all:unset;white-space:nowrap;cursor:pointer;background-color:var(--kaching-bundles-sticky-atc-button-color, #303030);color:var(--kaching-bundles-sticky-atc-button-text-color, #fff);font-size:var(--kaching-bundles-sticky-atc-button-font-size, 16px);font-style:var(--kaching-bundles-sticky-atc-button-font-style, normal);font-weight:var(--kaching-bundles-sticky-atc-button-font-weight, 400);padding:var(--kaching-bundles-sticky-atc-button-padding, 15px);border-radius:var(--kaching-bundles-sticky-atc-button-corner-radius, 8px)}@media (width < 750px){.kaching-bundles .kaching-bundles-sticky-atc .kaching-bundles-sticky-atc__image{display:var(--kaching-bundles-sticky-atc-image-display-mobile, var(--kaching-bundles-sticky-atc-image-display, block));height:var(--kaching-bundles-sticky-atc-product-photo-size-mobile, var(--kaching-bundles-sticky-atc-product-photo-size, 40px));border-radius:var(--kaching-bundles-sticky-atc-product-photo-corner-radius-mobile, var(--kaching-bundles-sticky-atc-product-photo-corner-radius, 0))}.kaching-bundles .kaching-bundles-sticky-atc .kaching-bundles-sticky-atc__title{font-size:var(--kaching-bundles-sticky-atc-title-font-size-mobile, var(--kaching-bundles-sticky-atc-title-font-size, 16px))}.kaching-bundles .kaching-bundles-sticky-atc .kaching-bundles-sticky-atc__button{font-size:var(--kaching-bundles-sticky-atc-button-font-size-mobile, var(--kaching-bundles-sticky-atc-button-font-size, 16px));padding:var(--kaching-bundles-sticky-atc-button-padding-mobile, var(--kaching-bundles-sticky-atc-button-padding, 15px));border-radius:var(--kaching-bundles-sticky-atc-button-corner-radius-mobile, var(--kaching-bundles-sticky-atc-button-corner-radius, 8px))}}.kaching-bundles .kaching-bundles__subscriptions.kaching-bundles__bars--horizontal.kaching-bundles__bars{grid-template-columns:repeat(2,1fr)}.kaching-bundles .kaching-bundles__subscriptions.kaching-bundles__bars--horizontal .kaching-bundles__bar-wrapper{padding:10px 7px}.kaching-bundles .kaching-bundles__subscriptions.kaching-bundles__bars--horizontal .kaching-bundles__bar-main{min-height:initial}.kaching-bundles .kaching-bundles__subscriptions.kaching-bundles__subscriptions--checkbox .kaching-bundles__bar-container{border:2px dashed var(--bar-selected-border-color, #000);box-shadow:none}.kaching-bundles .kaching-bundles__subscriptions.kaching-bundles__subscriptions--checkbox .kaching-bundles__bar-wrapper{margin:-2px}.kaching-bundles .kaching-bundles__subscriptions.kaching-bundles__subscriptions--checkbox .kaching-bundles__bar-variants{display:flex}.kaching-bundles .kaching-bundles__subscriptions .kaching-bundles__subscriptions__title{display:inline-block;overflow-wrap:break-word;font-weight:700;font-size:var(--kaching-subscriptions-title-font-size, 15px);color:var(--kaching-subscriptions-title-color, #000)}.kaching-bundles .kaching-bundles__subscriptions .kaching-bundles__subscriptions__subtitle{display:inline-block;overflow-wrap:break-word;font-size:var(--kaching-subscriptions-subtitle-font-size, 13px);color:var(--kaching-subscriptions-subtitle-color, #555)}.kaching-bundles .kaching-bundles__subscriptions .kaching-bundles__bar-price{font-size:var(--kaching-subscriptions-title-font-size, 15px);color:var(--kaching-subscriptions-title-color, #000)}.kaching-bundles .kaching-bundles__subscriptions .kaching-bundles__bar-full-price{font-size:var(--kaching-subscriptions-subtitle-font-size, 13px);color:var(--kaching-subscriptions-subtitle-color, #555)}.kaching-bundles .kaching-bundles__subscriptions .kaching-bundles__subscriptions__checkbox{all:unset;display:flex;flex-shrink:0;width:20px;height:20px;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;color:var(--bar-selected-border-color);border-width:2px;border-style:solid;border-color:var(--bar-selected-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__subscriptions.kaching-bundles__subscriptions--link{display:flex;justify-content:center;align-items:center;padding:8px 0}.kaching-bundles .kaching-bundles__subscriptions .kaching-bundles__subscriptions__link{all:unset;cursor:pointer;display:inline;text-decoration:underline;text-underline-offset:3px;font-size:var(--kaching-subscriptions-title-font-size, 15px);color:var(--kaching-subscriptions-title-color, #000)}.kaching-bundles .kaching-bundles__timer{display:flex;align-items:center;background-color:var(--kaching-bundles-timer-background-color, #000);color:var(--kaching-bundles-timer-text-color, #fff);padding:10px 20px;border-radius:var(--bar-border-radius, 8px);margin-bottom:calc(8px * var(--block-spacing, 1))}.kaching-bundles .kaching-bundles__timer-title{flex:1;text-align:var(--kaching-bundles-timer-title-alignment, center);font-size:var(--kaching-bundles-timer-title-size, 13px);font-weight:var(--kaching-bundles-timer-title-font-weight, bold);font-style:var(--kaching-bundles-timer-title-font-style, normal)}.kaching-bundles .kaching-bundles__swatch-dropdown{display:flex;position:relative;min-width:0;margin:0}.kaching-bundles .kaching-bundles__swatch{display:flex;flex-shrink:0;background-size:cover;background-position:center;overflow:hidden;position:relative;width:var(--kaching-swatch-size, 20px);height:var(--kaching-swatch-size, 20px);border:1px solid var(--kaching-swatch-border-color, #c2cdd6);background-color:var(--kaching-swatch-color, #fff);background-image:var(--kaching-swatch-image-url, none);border-radius:var(--kaching-swatch-border-radius, 0)}.kaching-bundles .kaching-bundles__swatch.kaching-bundles__swatch--unavailable{border-color:#121212;opacity:.4}.kaching-bundles .kaching-bundles__swatch.kaching-bundles__swatch--unavailable:after{content:"";position:absolute;bottom:0;left:0;width:140%;height:1px;background-color:#121212;transform:rotate(-45deg);transform-origin:left}.kaching-bundles .kaching-bundles__swatches-dropdown__color{display:flex;width:20px;height:20px;border:1px solid #c2cdd6;background-size:cover;background-position:center}.kaching-bundles .kaching-bundles__swatch-dropdown__options{display:flex;flex-direction:column;max-width:400px;max-height:500px;overflow:auto;position:fixed;top:0;left:0;border:1px solid #ccc;background-color:#fff;z-index:1000;box-shadow:0 20px 20px #1a1a1a47}.kaching-bundles .kaching-bundles__swatch-dropdown__option{font-size:14px;font-weight:400;font-style:normal;display:flex;align-items:center;gap:10px;white-space:nowrap;padding-block:10px;padding-inline:10px 60px;border:none;border-bottom:1px solid #dfe3e8;cursor:pointer;color:#000;background:none}.kaching-bundles .kaching-bundles__swatch-dropdown__option:last-child{border-bottom:none}.kaching-bundles .kaching-bundles__swatch-dropdown__option:hover,.kaching-bundles .kaching-bundles__swatch-dropdown__option--focused{background-color:#f0f0f0}.kaching-bundles .kaching-bundles__swatch-buttons{display:flex;overflow:auto}.kaching-bundles .kaching-bundles__pill-buttons{display:flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}.kaching-bundles .kaching-bundles__pill-buttons__button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:.65em 1em;border:1px solid var(--kaching-pill-border-color, rgba(0, 0, 0, .3));border-radius:var(--kaching-pill-corner-radius, 10px);background:var(--kaching-pill-background-color, #fff);color:var(--kaching-pill-text-color, #000);font-size:var(--kaching-pill-font-size, 14px);font-weight:var(--kaching-pill-font-weight, 400);font-style:var(--kaching-pill-font-style, normal);line-height:1.3;text-align:center;cursor:pointer}.kaching-bundles .kaching-bundles__pill-buttons__button.kaching-bundles__pill-buttons__button--selected{border-color:var(--kaching-pill-selected-border-color, #000);background:var(--kaching-pill-selected-background-color, #000);color:var(--kaching-pill-selected-text-color, #fff)}.kaching-bundles .kaching-bundles__pill-buttons__button.kaching-bundles__pill-buttons__button--unavailable{opacity:.4;text-decoration:line-through}.kaching-bundles .kaching-bundles__swatch-buttons__button{display:flex;align-items:center;box-sizing:border-box;border:none;padding:9px;background:#fff;cursor:pointer;border-top:1px solid var(--bar-border-color, rgba(0, 0, 0, .3));border-bottom:1px solid var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__swatch-buttons__button:first-of-type{border-start-start-radius:var(--bar-variant-select-border-radius, 0);border-end-start-radius:var(--bar-variant-select-border-radius, 0);border-inline-start:1px solid var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__swatch-buttons__button:last-of-type{border-start-end-radius:var(--bar-variant-select-border-radius, 0);border-end-end-radius:var(--bar-variant-select-border-radius, 0);border-inline-end:1px solid var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__swatch-buttons__button.kaching-bundles__swatch-buttons__button--selected{padding:8px 7px;border:2px solid var(--bar-selected-border-color, #50b83c)}.kaching-bundles .kaching-bundles__swatch-buttons__button.kaching-bundles__swatch-buttons__button--selected:first-of-type{padding-inline-start:8px}.kaching-bundles .kaching-bundles__swatch-buttons__button.kaching-bundles__swatch-buttons__button--selected:last-of-type{padding-inline-end:8px}.kaching-bundles .kaching-bundles__bar-variant__content.kaching-bundles__bar-variant__content--with-option-names{align-items:flex-start}.kaching-bundles .kaching-bundles__bar-variant-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:100%}.kaching-bundles .kaching-bundles__bar-variant-option__name{font-size:13px;line-height:1.3}.kaching-bundles .kaching-bundles__bar-variant-option__name-label{font-weight:600}.kaching-bundles .kaching-bundles__bar-variant-option__name-value{font-weight:400;opacity:.85}.kaching-bundles .kaching-bundles__quantity-selector{display:flex;width:-moz-fit-content;width:fit-content;border:1px solid #cccccc;box-sizing:border-box;overflow:hidden;margin-top:5px;border-radius:calc(var(--bar-border-radius, 0) / 2)}.kaching-bundles .kaching-bundles__quantity-selector .kaching-bundles__quantity-selector__button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background-color:#fff;color:#000;border-radius:0}.kaching-bundles .kaching-bundles__quantity-selector .kaching-bundles__quantity-selector__button:hover{background-color:#eee}.kaching-bundles .kaching-bundles__quantity-selector .kaching-bundles__quantity-selector__button.kaching-bundles__quantity-selector__button--disabled{cursor:not-allowed;pointer-events:none}.kaching-bundles .kaching-bundles__quantity-selector .kaching-bundles__quantity-selector__button.kaching-bundles__quantity-selector__button--disabled img{opacity:.5}.kaching-bundles .kaching-bundles__quantity-selector .kaching-bundles__quantity-selector__input{all:unset;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;height:30px;width:30px;padding:0;border:1px solid #cccccc;border-top:none;border-bottom:none;background-color:#fff;color:#000;text-align:center;font-size:16px;font-weight:400;box-sizing:border-box}.kaching-bundles .kaching-bundles__quantity-selector .kaching-bundles__quantity-selector__input::-webkit-outer-spin-button,.kaching-bundles .kaching-bundles__quantity-selector .kaching-bundles__quantity-selector__input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.kaching-bundles .kaching-bundles__highlights{display:flex;flex-direction:column;gap:8px;padding:10px 0}.kaching-bundles .kaching-bundles__highlights--horizontal{flex-flow:row wrap}.kaching-bundles .kaching-bundles__highlights__item{display:flex;gap:8px}.kaching-bundles .kaching-bundles__highlights__icon{display:flex;align-items:center;flex-shrink:0;color:var(--kaching-highlights-icon-color, #000);width:var(--kaching-highlights-icon-size, 16px);height:var(--kaching-highlights-icon-size, 16px)}.kaching-bundles .kaching-bundles__highlights__icon svg{width:100%;height:100%}.kaching-bundles .kaching-bundles__highlights__icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.kaching-bundles .kaching-bundles__highlights__text{color:var(--kaching-highlights-text-color, #808080);font-size:var(--kaching-highlights-text-size, 16px);line-height:1.3}.kaching-bundles .kaching-bundles__low-stock-alert{color:var(--kaching-bundles-low-stock-alert-text-color, #ff0909);font-size:14px}.kaching-bundles img{width:initial}.kaching-bundles svg{width:initial;height:initial}.kaching-bundles .kaching-bundles__block{display:flex;flex-direction:column;width:100%;margin-top:15px;margin-bottom:10px;text-align:start;line-height:1.4;font-family:var(--block-font-family, inherit)}.kaching-bundles .kaching-bundles__block--hidden{display:none!important}.kaching-bundles .kaching-bundles__block.kaching-bundles__block--loaded{display:flex}.kaching-bundles .kaching-bundles__block-title{display:flex;align-items:center;text-align:center;gap:8px;margin-top:10px;margin-bottom:10px;color:var(--block-block-title-color, #000);font-size:var(--block-title-font-size, 14px);font-weight:var(--block-title-font-weight, bold);font-style:var(--block-title-font-style)}.kaching-bundles .kaching-bundles__block>.kaching-bundles__block-title:first-child{margin-top:0}.kaching-bundles .kaching-bundles__block-title:before,.kaching-bundles .kaching-bundles__block-title:after{content:"";flex-grow:1;height:2px;background-color:var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__bars{display:flex;flex-direction:column;position:relative}.kaching-bundles .kaching-bundles__bars--badge-border-all{--badge-ring-outer: calc( var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px) );padding:var(--badge-ring-outer)}.kaching-bundles .kaching-bundles__bars--badge-border-top{padding-top:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bars--badge-border-bottom{padding-bottom:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bars--badge-border-left{padding-left:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bars--badge-border-right{padding-right:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bars--badge-border-left,.kaching-bundles .kaching-bundles__bars--badge-border-right{min-height:var(--badge-border-min-length, auto);border-radius:var(--bar-border-radius, 8px);box-shadow:0 1px 10px var(--badge-border-wrap-color, rgba(0, 0, 0, .12))}.kaching-bundles .kaching-bundles__bars--badge-border-all,.kaching-bundles .kaching-bundles__bars--badge-border-top,.kaching-bundles .kaching-bundles__bars--badge-border-bottom{row-gap:calc(10px * var(--block-spacing, 1))}.kaching-bundles .kaching-bundles__subscriptions-wrapper{position:relative}.kaching-bundles .kaching-bundles__bar{display:flex;flex:1;margin:calc(5px * var(--block-spacing, 1)) 0;position:relative}.kaching-bundles .kaching-bundles__bars--badge-border-all>.kaching-bundles__bar,.kaching-bundles .kaching-bundles__bars--badge-border-all>.kaching-bundles__scratch-off,.kaching-bundles .kaching-bundles__bars--badge-border-top>.kaching-bundles__bar,.kaching-bundles .kaching-bundles__bars--badge-border-top>.kaching-bundles__scratch-off,.kaching-bundles .kaching-bundles__bars--badge-border-bottom>.kaching-bundles__bar,.kaching-bundles .kaching-bundles__bars--badge-border-bottom>.kaching-bundles__scratch-off{margin-block:0}.kaching-bundles .kaching-bundles__bar--disabled{opacity:.3}.kaching-bundles .kaching-bundles__bar-container--sold-out{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--kaching-bundles-show-as-sold-out-opacity, .3)}.kaching-bundles .kaching-bundles__bar-sold-out-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:6px 12px;border-radius:8px;font-weight:600;background-color:var(--kaching-bundles-show-as-sold-out-background-color, #000);color:var(--kaching-bundles-show-as-sold-out-text-color, #fff);font-size:var(--kaching-bundles-show-as-sold-out-text-size, 13px);z-index:10;text-align:center}.kaching-bundles .kaching-bundles__bar>input[type=radio]{display:none}.kaching-bundles .kaching-bundles__bar-image{-o-object-fit:contain;object-fit:contain;height:var(--bar-image-size, 48px);width:var(--bar-image-size, 48px);border-radius:var(--bar-image-border-radius, 0)}.kaching-bundles .kaching-bundles__bar-radio{display:flex;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #fff;box-sizing:border-box;box-shadow:0 0 0 2px var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-radio{background:var(--bar-selected-border-color, #000);box-shadow:0 0 0 2px var(--bar-selected-border-color, #000)}.kaching-bundles .kaching-bundles__bar-container{display:flex!important;flex-direction:column;justify-content:center;align-items:initial;position:relative;box-sizing:border-box;cursor:pointer;width:100%;margin:0;padding:0;border:none;background-color:var(--bar-background-color, #fff);border-radius:var(--bar-border-radius);box-shadow:inset 0 0 0 1px var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__bar-wrapper{padding:calc(10px * var(--block-spacing, 1)) calc(15px * var(--block-spacing, 1) + 5px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-left .kaching-bundles__bar-wrapper,.kaching-bundles .kaching-bundles__bar-container--badge-border-right .kaching-bundles__bar-wrapper{position:relative;z-index:1;flex:1;box-sizing:border-box;min-height:var(--badge-border-min-length, auto);padding:calc(10px * var(--block-spacing, 1)) calc(15px * var(--block-spacing, 1) + 5px);background-color:var(--bar-background-color, #fff);border-radius:var(--bar-border-radius);display:flex;flex-direction:column;justify-content:center}.kaching-bundles .kaching-bundles__bar-container--badge-border-left .kaching-bundles__bar-wrapper{margin-inline-start:calc(var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px));border-start-start-radius:var(--badge-concave-depth, 8px);border-end-start-radius:var(--badge-concave-depth, 8px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-right .kaching-bundles__bar-wrapper{margin-inline-end:calc(var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px));border-start-end-radius:var(--badge-concave-depth, 8px);border-end-end-radius:var(--badge-concave-depth, 8px)}.kaching-bundles .kaching-bundles__bar-container:hover{opacity:1;box-shadow:inset 0 0 0 2px var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__bar-container:has(:focus-visible){opacity:1;box-shadow:inset 0 0 0 2px var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__bar-container *{letter-spacing:normal;text-transform:initial}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container{cursor:default;background-color:var(--bar-selected-background-color);box-shadow:inset 0 0 0 2px var(--bar-selected-border-color, #000)}.kaching-bundles .kaching-bundles__bar-most-popular{position:absolute;z-index:3}.kaching-bundles .kaching-bundles__bar-most-popular.kaching-bundles__bar-most-popular--simple{top:-8px;right:var(--bar-border-radius)}.kaching-bundles .kaching-bundles__bar-most-popular.kaching-bundles__bar-most-popular--fancy{top:-27px;right:-15px}.kaching-bundles .kaching-bundles__bar-most-popular.kaching-bundles__bar-most-popular--custom{top:-25px;right:-15px}.kaching-bundles .kaching-bundles__bar-most-popular--custom .kaching-bundles__bar-most-popular__custom-image{max-height:var(--badge-size, 56px);width:auto;display:block}.kaching-bundles .kaching-bundles__bar-most-popular svg{color:var(--bar-most-popular-background-color)}.kaching-bundles .kaching-bundles__bar-most-popular svg .most-popular-text{fill:var(--bar-most-popular-color)}.kaching-bundles .kaching-bundles__bar-most-popular--fancy svg{width:var(--badge-size, 102px);height:auto}.kaching-bundles .kaching-bundles__bar-most-popular__content{margin:0 8px;padding:6px 8px;border-radius:0 0 5px 5px;font-family:sans-serif;font-size:var(--badge-text-size, 12px);font-weight:700;line-height:1;color:var(--bar-most-popular-color, #fff);background-color:var(--bar-most-popular-background-color)}.kaching-bundles .kaching-bundles__badge-border{position:absolute;z-index:1;display:flex;box-sizing:border-box;overflow:hidden;align-items:center;justify-content:center;font-family:sans-serif;font-size:max(6px,min(var(--badge-text-size, 12px),var(--badge-border-thickness, 22px) - 6px));font-weight:700;line-height:1;letter-spacing:normal;color:var(--bar-most-popular-color, #fff);background-color:var(--bar-most-popular-background-color, #000)}.kaching-bundles .kaching-bundles__badge-border--top{inset:0 0 auto;height:var(--badge-border-thickness, 22px);border-radius:var(--bar-border-radius, 8px) var(--bar-border-radius, 8px) 0 0}.kaching-bundles .kaching-bundles__badge-border--bottom{inset:auto 0 0;height:var(--badge-border-thickness, 22px);border-radius:0 0 var(--bar-border-radius, 8px) var(--bar-border-radius, 8px)}.kaching-bundles .kaching-bundles__badge-border--left{inset:0 auto 0 0;width:var(--badge-border-thickness, 22px);border-radius:var(--bar-border-radius, 8px) 0 0 var(--bar-border-radius, 8px)}.kaching-bundles .kaching-bundles__badge-border__side{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap}.kaching-bundles .kaching-bundles__badge-border .kaching-bundles__badge-border__text,.kaching-bundles .kaching-bundles__badge-border .kaching-bundles__badge-border__side{letter-spacing:normal}.kaching-bundles .kaching-bundles__badge-border__curve{position:absolute;inset:0;width:100%;height:100%}.kaching-bundles .kaching-bundles__badge-border__curve text{font-family:sans-serif;font-size:max(6px,min(var(--badge-text-size, 12px),var(--badge-border-thickness, 22px) - 6px));font-weight:700;letter-spacing:normal;fill:var(--bar-most-popular-color, #fff)}.kaching-bundles .kaching-bundles__badge-border--all{inset:0;background-color:transparent;pointer-events:none}.kaching-bundles .kaching-bundles__badge-border__band{display:block;position:absolute;inset:0;padding:var(--badge-border-thickness, 22px);border-radius:calc(var(--bar-border-radius, 8px) + var(--badge-ring-outer));background-color:var(--bar-most-popular-background-color, #000);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.kaching-bundles .kaching-bundles__badge-border__side--top{inset:0 0 auto;height:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__badge-border__side--bottom{inset:auto 0 0;height:var(--badge-border-thickness, 22px);transform:rotate(180deg)}.kaching-bundles .kaching-bundles__badge-border__side--left{inset:var(--badge-border-thickness, 22px) auto var(--badge-border-thickness, 22px) 0;width:var(--badge-border-thickness, 22px);writing-mode:vertical-rl;transform:rotate(180deg)}.kaching-bundles .kaching-bundles__badge-border__side--right{inset:var(--badge-border-thickness, 22px) 0 var(--badge-border-thickness, 22px) auto;width:var(--badge-border-thickness, 22px);writing-mode:vertical-rl}.kaching-bundles .kaching-bundles__badge-border--left .kaching-bundles__badge-border__text{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;text-align:center}.kaching-bundles .kaching-bundles__badge-border--right{inset:0 0 0 auto;width:var(--badge-border-thickness, 22px);border-radius:0 var(--bar-border-radius, 8px) var(--bar-border-radius, 8px) 0}.kaching-bundles .kaching-bundles__badge-border--right .kaching-bundles__badge-border__text{writing-mode:vertical-rl;white-space:nowrap;text-align:center}.kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--all{inset:calc(-1 * var(--badge-ring-outer))}.kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--top{inset:0 0 auto;height:calc(var(--badge-border-thickness, 22px) + var(--badge-concave-extra));border-radius:var(--bar-border-radius, 8px) var(--bar-border-radius, 8px) 0 0;display:flex;align-items:flex-start;justify-content:center;-webkit-mask:linear-gradient(#000,#000) left top/100% var(--badge-border-thickness, 22px) no-repeat,radial-gradient(circle at 100% 100%,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) left bottom/var(--badge-concave-depth, 8px) var(--badge-concave-extra) no-repeat,radial-gradient(circle at 0 100%,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) right bottom/var(--badge-concave-depth, 8px) var(--badge-concave-extra) no-repeat;mask:linear-gradient(#000,#000) left top/100% var(--badge-border-thickness, 22px) no-repeat,radial-gradient(circle at 100% 100%,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) left bottom/var(--badge-concave-depth, 8px) var(--badge-concave-extra) no-repeat,radial-gradient(circle at 0 100%,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) right bottom/var(--badge-concave-depth, 8px) var(--badge-concave-extra) no-repeat}.kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--top .kaching-bundles__badge-border__text{display:flex;align-items:center;height:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--bottom{inset:auto 0 0;height:calc(var(--badge-border-thickness, 22px) + var(--badge-concave-extra));border-radius:0 0 var(--bar-border-radius, 8px) var(--bar-border-radius, 8px);display:flex;align-items:flex-end;justify-content:center;-webkit-mask:linear-gradient(#000,#000) left bottom/100% var(--badge-border-thickness, 22px) no-repeat,radial-gradient(circle at 100% 0,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) left top/var(--badge-concave-depth, 8px) var(--badge-concave-extra) no-repeat,radial-gradient(circle at 0 0,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) right top/var(--badge-concave-depth, 8px) var(--badge-concave-extra) no-repeat;mask:linear-gradient(#000,#000) left bottom/100% var(--badge-border-thickness, 22px) no-repeat,radial-gradient(circle at 100% 0,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) left top/var(--badge-concave-depth, 8px) var(--badge-concave-extra) no-repeat,radial-gradient(circle at 0 0,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) right top/var(--badge-concave-depth, 8px) var(--badge-concave-extra) no-repeat}.kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--bottom .kaching-bundles__badge-border__text{display:flex;align-items:center;height:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--left{inset:0 auto 0 0;width:calc(var(--badge-border-thickness, 22px) + var(--badge-concave-extra));border-radius:var(--bar-border-radius, 8px) 0 0 var(--bar-border-radius, 8px);display:flex;align-items:center;justify-content:flex-start;-webkit-mask:linear-gradient(#000,#000) left top/var(--badge-border-thickness, 22px) 100% no-repeat,radial-gradient(circle at 100% 100%,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) right top/var(--badge-concave-extra) var(--badge-concave-depth, 8px) no-repeat,radial-gradient(circle at 100% 0,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) right bottom/var(--badge-concave-extra) var(--badge-concave-depth, 8px) no-repeat;mask:linear-gradient(#000,#000) left top/var(--badge-border-thickness, 22px) 100% no-repeat,radial-gradient(circle at 100% 100%,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) right top/var(--badge-concave-extra) var(--badge-concave-depth, 8px) no-repeat,radial-gradient(circle at 100% 0,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) right bottom/var(--badge-concave-extra) var(--badge-concave-depth, 8px) no-repeat}.kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--right{inset:0 0 0 auto;width:calc(var(--badge-border-thickness, 22px) + var(--badge-concave-extra));border-radius:0 var(--bar-border-radius, 8px) var(--bar-border-radius, 8px) 0;display:flex;align-items:center;justify-content:flex-end;-webkit-mask:linear-gradient(#000,#000) right top/var(--badge-border-thickness, 22px) 100% no-repeat,radial-gradient(circle at 0 100%,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) left top/var(--badge-concave-extra) var(--badge-concave-depth, 8px) no-repeat,radial-gradient(circle at 0 0,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) left bottom/var(--badge-concave-extra) var(--badge-concave-depth, 8px) no-repeat;mask:linear-gradient(#000,#000) right top/var(--badge-border-thickness, 22px) 100% no-repeat,radial-gradient(circle at 0 100%,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) left top/var(--badge-concave-extra) var(--badge-concave-depth, 8px) no-repeat,radial-gradient(circle at 0 0,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) left bottom/var(--badge-concave-extra) var(--badge-concave-depth, 8px) no-repeat}.kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--left .kaching-bundles__badge-border__text,.kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--right .kaching-bundles__badge-border__text{display:flex;align-items:center;justify-content:center;width:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-all{--badge-ring-outer: calc( var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px) );margin:var(--badge-ring-outer)}.kaching-bundles .kaching-bundles__bar-container--badge-border-top,.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom,.kaching-bundles .kaching-bundles__bar-container--badge-border-left,.kaching-bundles .kaching-bundles__bar-container--badge-border-right{--badge-concave-extra: max( 0px, var(--badge-concave-depth, 8px) - var(--badge-border-gap, 0px) )}.kaching-bundles .kaching-bundles__bar-container--badge-border-top{box-shadow:none}.kaching-bundles .kaching-bundles__bar-container--badge-border-top:after{content:"";position:absolute;inset:calc(var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px)) 0 0;border:1px solid var(--bar-border-color, rgba(0, 0, 0, .3));border-top:var(--badge-border-gap-border, none);border-start-start-radius:var(--badge-concave-depth, 8px);border-start-end-radius:var(--badge-concave-depth, 8px);border-end-start-radius:var(--bar-border-radius);border-end-end-radius:var(--bar-border-radius);pointer-events:none;z-index:2}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-top:after{border-width:2px;border-color:var(--bar-selected-border-color, #000)}.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom{box-shadow:none}.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom:after{content:"";position:absolute;inset:0 0 calc(var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px));border:1px solid var(--bar-border-color, rgba(0, 0, 0, .3));border-bottom:var(--badge-border-gap-border, none);border-start-start-radius:var(--bar-border-radius);border-start-end-radius:var(--bar-border-radius);border-end-start-radius:var(--badge-concave-depth, 8px);border-end-end-radius:var(--badge-concave-depth, 8px);pointer-events:none;z-index:2}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-bottom:after{border-width:2px;border-color:var(--bar-selected-border-color, #000)}.kaching-bundles .kaching-bundles__bar-container--badge-border-left,.kaching-bundles .kaching-bundles__bar-container--badge-border-right{box-shadow:none;background-color:transparent;min-height:var(--badge-border-min-length, auto)}.kaching-bundles .kaching-bundles__bar-container--badge-border-top:hover,.kaching-bundles .kaching-bundles__bar-container--badge-border-top:has(:focus-visible),.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom:hover,.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom:has(:focus-visible),.kaching-bundles .kaching-bundles__bar-container--badge-border-left:hover,.kaching-bundles .kaching-bundles__bar-container--badge-border-left:has(:focus-visible),.kaching-bundles .kaching-bundles__bar-container--badge-border-right:hover,.kaching-bundles .kaching-bundles__bar-container--badge-border-right:has(:focus-visible),.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-top,.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-bottom,.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-left,.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-right{box-shadow:none}.kaching-bundles .kaching-bundles__bar-container--badge-border-left:after{content:"";position:absolute;inset:0 0 0 calc(var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px));border:1px solid var(--bar-border-color, rgba(0, 0, 0, .3));border-left:var(--badge-border-gap-border, none);border-start-start-radius:var(--badge-concave-depth, 8px);border-start-end-radius:var(--bar-border-radius);border-end-start-radius:var(--badge-concave-depth, 8px);border-end-end-radius:var(--bar-border-radius);pointer-events:none;z-index:2}.kaching-bundles .kaching-bundles__bar-container--badge-border-right:after{content:"";position:absolute;inset:0 calc(var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px)) 0 0;border:1px solid var(--bar-border-color, rgba(0, 0, 0, .3));border-right:var(--badge-border-gap-border, none);border-start-start-radius:var(--bar-border-radius);border-start-end-radius:var(--badge-concave-depth, 8px);border-end-start-radius:var(--bar-border-radius);border-end-end-radius:var(--badge-concave-depth, 8px);pointer-events:none;z-index:2}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-left:after,.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-right:after{border-width:2px;border-color:var(--bar-selected-border-color, #000)}.kaching-bundles .kaching-bundles__bar-most-popular__content:before,.kaching-bundles .kaching-bundles__bar-most-popular__content:after{display:block;position:absolute;top:0;width:0;height:0;content:"";border-bottom:8px solid var(--bar-most-popular-background-color, transparent);filter:brightness(.7)}.kaching-bundles .kaching-bundles__bar-most-popular__content:before{left:0;border-left:8px solid transparent}.kaching-bundles .kaching-bundles__bar-most-popular__content:after{right:0;border-right:8px solid transparent}@media (width >= 750px){.kaching-bundles .kaching-bundles__bar-most-popular.kaching-bundles__bar-most-popular--fancy,.kaching-bundles .kaching-bundles__bar-most-popular.kaching-bundles__bar-most-popular--custom{right:-20px}}.kaching-bundles .kaching-bundles__bar-main{display:flex;align-items:center;gap:18px;min-height:55px}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-main{cursor:pointer}.kaching-bundles .kaching-bundles__bar-content{align-items:center;justify-content:space-between;display:flex;gap:8px;flex:1}.kaching-bundles .kaching-bundles__bar-content-left{display:flex;flex-direction:column;flex:1;align-items:flex-start}.kaching-bundles .kaching-bundles__bar-first-line{display:flex;flex-wrap:wrap;-moz-column-gap:8px;column-gap:8px;align-items:center}.kaching-bundles .kaching-bundles__bar-second-line{display:flex;flex-wrap:wrap;align-items:center;-moz-column-gap:10px;column-gap:10px}.kaching-bundles .kaching-bundles__bar-title{display:inline-block;overflow-wrap:break-word;font-size:var(--bar-title-font-size, 20px);font-weight:var(--bar-title-font-weight, 500);font-style:var(--bar-title-font-style);color:var(--bar-title-color, #000)}.kaching-bundles .kaching-bundles__bar-label{display:inline-flex;align-items:center;justify-content:center;gap:4px;vertical-align:top;padding:4px 8px;overflow-wrap:break-word;background-color:var(--bar-label-background-color, #eee);color:var(--bar-label-color, #777);font-size:var(--bar-label-font-size, 12px);font-weight:var(--bar-label-font-weight);font-style:var(--bar-label-font-style);border-radius:var(--bar-border-radius)}.kaching-bundles .kaching-bundles__bar-subtitle{overflow-wrap:break-word;font-size:var(--bar-subtitle-font-size, 14px);font-weight:var(--bar-subtitle-font-weight);font-style:var(--bar-subtitle-font-style);color:var(--bar-subtitle-color, #555)}.kaching-bundles .kaching-bundles__bar-pricing{align-items:flex-end;display:flex;flex-direction:column}.kaching-bundles .kaching-bundles__bars--hide-prices .kaching-bundles__bar-pricing{display:none}.kaching-bundles .kaching-bundles__bar-pricing-row{display:flex;align-items:baseline;gap:6px}.kaching-bundles .kaching-bundles__bar-price{font-size:var(--bar-title-font-size, 20px);font-weight:var(--bar-title-font-weight, 500);font-style:var(--bar-title-font-style);color:var(--bar-price-color, #000)}.kaching-bundles .kaching-bundles__bar-price .kaching-bundles__bar-price__unit-label{font-size:var(--kaching-bundles-unit-label-font-size, 14px);font-weight:var(--kaching-bundles-unit-label-font-weight, normal);font-style:var(--kaching-bundles-unit-label-font-style)}.kaching-bundles .kaching-bundles__bar-pricing-row--secondary .kaching-bundles__bar-price{font-size:var(--bar-subtitle-font-size)}.kaching-bundles .kaching-bundles__bar-full-price,.kaching-bundles .kaching-bundles__bar-unit-price{font-size:var(--bar-subtitle-font-size, 14px);font-weight:var(--bar-subtitle-font-weight);font-style:var(--bar-subtitle-font-style);color:var(--bar-full-price-color, #555)}.kaching-bundles .kaching-bundles__bar-full-price{text-decoration:line-through}.kaching-bundles .kaching-bundles__bar-unit-price{text-transform:uppercase}.kaching-bundles .kaching-bundles__bar-variants{display:none;flex-direction:column;align-items:flex-start}.kaching-bundles .kaching-bundles__bar-variant{flex:1;max-width:100%}.kaching-bundles .kaching-bundles__bar-variants .kaching-bundles__bar-variant{margin-top:5px}.kaching-bundles .kaching-bundles__bar-variant__content{display:flex;align-items:center}.kaching-bundles .kaching-bundles__invalid-variant-error{color:red;font-size:12px;padding-bottom:2px}.kaching-bundles .kaching-bundles__bar-variant-names{font-size:12px;color:var(--bar-subtitle-color, #555);margin-block:3px}.kaching-bundles .kaching-bundles__bar-variant-names>span:not(:last-child):after{content:", "}.kaching-bundles .kaching-bundles__bar-variant-number{font-size:12px;margin-right:2px;min-width:20px;display:inline-flex;color:var(--bar-title-color, #000)}.kaching-bundles .kaching-bundles__bar-variant-image{width:initial;max-width:40px;max-height:40px;border-radius:calc(var(--bar-border-radius, 0) / 2);margin-right:7px}.kaching-bundles .kaching-bundles__bar-variant-main{display:flex;flex-direction:column;min-width:0}.kaching-bundles .kaching-bundles__bar-variant-selects{display:flex;min-width:0;margin-right:2px;margin-bottom:2px;flex-wrap:wrap;gap:7px}.kaching-bundles .kaching-bundles__bar-variant-select{font-size:14px;font-weight:400;font-style:normal;font-family:var(--block-font-family, inherit);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:7px 25px 7px 7px;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-image:url("data:image/svg+xml;utf8,")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-color:#fff;background-size:initial;color:#000;outline:none;max-width:100%;width:auto;height:auto;min-height:auto;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--bar-border-color, rgba(0, 0, 0, .3));border-radius:var(--bar-variant-select-border-radius, 0)}.kaching-bundles .kaching-bundles__bar-variant-select span{overflow:hidden;text-overflow:ellipsis}.kaching-bundles .kaching-bundles__bar-variant-selector-wrapper{display:flex;flex-wrap:wrap;align-items:center;-moz-column-gap:10px;column-gap:10px;max-width:100%}.kaching-bundles .kaching-bundles__selling-plan-select{width:100%}.kaching-bundles .kaching-bundles__bar-selling-plan{margin-top:5px;margin-bottom:5px}.kaching-bundles .kaching-bundles__bar-variant--invalid .kaching-bundles__bar-variant-select{box-shadow:0 0 0 1px red}.kaching-bundles .kaching-bundles__bar-variant-select:hover{border:none;box-shadow:inset 0 0 0 2px var(--bar-border-color, rgba(0, 0, 0, .3))}.kaching-bundles .kaching-bundles__bar-variant-select:focus{border:none;box-shadow:inset 0 0 0 2px var(--bar-selected-border-color, #000)}.kaching-bundles .kaching-bundles__bar-variant--invalid .kaching-bundles__bar-variant-select:is(:hover,:focus){box-shadow:0 0 0 2px red}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-variants,.kaching-bundles .kaching-bundles__bar-variants--visible{display:flex}.kaching-bundles .kaching-bundles__out-of-stock{background-color:#ff2d2d4d;border:1px solid #ff2c2c;color:#df2121;padding:8px 12px;margin:5px 0;font-size:14px}.kaching-bundles .kaching-bundles__bars--horizontal.kaching-bundles__bars{display:grid;grid-template-columns:repeat(var(--bundle-bars-per-row, 3),1fr);gap:calc(10px * var(--block-spacing, 1));overflow-x:auto}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__bar{position:relative}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__bar-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 7px 10px;height:100%}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__bar-main{flex-direction:column;gap:10px;text-align:center}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__bar-content{flex-direction:column}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__bar-content-left{align-items:center}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__bar-second-line{justify-content:center}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__bar-label{position:absolute;top:0;left:0;right:0;margin-right:0;border-top-left-radius:var(--bar-label-border-top-radius);border-top-right-radius:var(--bar-label-border-top-radius)}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__bar-pricing{align-items:center}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__bar-variants{align-items:center;margin-top:10px;margin-bottom:5px}.kaching-bundles .kaching-bundles__bars--horizontal .kaching-bundles__bar-variant-selector-wrapper{justify-content:center}.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(10px * var(--block-spacing, 1))}.kaching-bundles .kaching-bundles__bars--grid .kaching-bundles__bar-main{min-height:initial}.kaching-bundles .kaching-bundles__bars--grid .kaching-bundles__bar{margin:0}.kaching-bundles .kaching-bundles__bars--grid .kaching-bundles__bar-radio{display:none}.kaching-bundles .kaching-bundles__bars--plain .kaching-bundles__bar-container,.kaching-bundles .kaching-bundles__bars--plain .kaching-bundles__bar-container:hover,.kaching-bundles .kaching-bundles__bars--plain .kaching-bundles__bar--selected .kaching-bundles__bar-container{box-shadow:none}.kaching-bundles .kaching-bundles__bars--plain .kaching-bundles__bar-main{min-height:initial}.kaching-bundles .kaching-bundles__bars--plain .kaching-bundles__bar-pricing{flex-direction:row;gap:10px}.kaching-bundles .kaching-bundles__bar-container:has(.kaching-bundles__bar-most-popular--simple) .kaching-bundles__bar-main{margin-top:7px;margin-bottom:7px}.kaching-bundles .kaching-bundles__bar-container:has(.kaching-bundles__bar-most-popular--fancy) .kaching-bundles__bar-pricing{margin-top:18px}.kaching-bundles .kaching-bundles__bar-container:has(.kaching-bundles__bar-most-popular--custom) .kaching-bundles__bar-pricing{margin-top:18px}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container:has(.kaching-bundles__bar-most-popular--simple) .kaching-bundles__bar-variants{margin-top:-7px}.kaching-bundles .kaching-bundles__bar-full-price:before,.kaching-bundles .kaching-bundles__bar-price:before{content:attr(data-a11y-label);position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.kaching-bundles *,.kaching-bundles *:before,.kaching-bundles *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.kaching-bundles .kaching-bundles__bars--badge-border-all .kaching-bundles__subscriptions-wrapper .kaching-bundles__bar,.kaching-bundles .kaching-bundles__bars--badge-border-top .kaching-bundles__subscriptions-wrapper .kaching-bundles__bar,.kaching-bundles .kaching-bundles__bars--badge-border-bottom .kaching-bundles__subscriptions-wrapper .kaching-bundles__bar{margin-block:0}.kaching-bundles .kaching-bundles__bars--badge-border-all .kaching-bundles__subscriptions-wrapper .kaching-bundles__bars,.kaching-bundles .kaching-bundles__bars--badge-border-top .kaching-bundles__subscriptions-wrapper .kaching-bundles__bars,.kaching-bundles .kaching-bundles__bars--badge-border-bottom .kaching-bundles__subscriptions-wrapper .kaching-bundles__bars{row-gap:calc(10px * var(--block-spacing, 1))}.kaching-bundles .kaching-bundles__bar-container--badge-border-left:has(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts) .kaching-bundles__bar-wrapper,.kaching-bundles .kaching-bundles__bar-container--badge-border-right:has(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts) .kaching-bundles__bar-wrapper{border-end-start-radius:0;border-end-end-radius:0}.kaching-bundles .kaching-bundles__bar-container--badge-border-top .kaching-bundles__bar-wrapper{position:relative;z-index:1;margin-top:calc(var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px));background-color:var(--bar-background-color, #fff);border-start-start-radius:var(--badge-concave-depth, 8px);border-start-end-radius:var(--badge-concave-depth, 8px);border-end-start-radius:var(--bar-border-radius);border-end-end-radius:var(--bar-border-radius)}.kaching-bundles .kaching-bundles__bar-container--badge-border-top:has(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts) .kaching-bundles__bar-wrapper{border-end-start-radius:0;border-end-end-radius:0}.kaching-bundles .kaching-bundles__bar-container--badge-border-top :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts):last-child{border-end-start-radius:var(--bar-border-radius);border-end-end-radius:var(--bar-border-radius)}.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom .kaching-bundles__bar-wrapper{position:relative;z-index:1;margin-bottom:calc(var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px));background-color:var(--bar-background-color, #fff);border-start-start-radius:var(--bar-border-radius);border-start-end-radius:var(--bar-border-radius);border-end-start-radius:var(--badge-concave-depth, 8px);border-end-end-radius:var(--badge-concave-depth, 8px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts){position:relative;z-index:1}.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom:has(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts) .kaching-bundles__bar-wrapper{margin-bottom:0;border-end-start-radius:0;border-end-end-radius:0}.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom:has(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts) :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts):last-child{margin-bottom:var(--badge-border-thickness, 22px);border-end-start-radius:var(--badge-concave-depth, 8px);border-end-end-radius:var(--badge-concave-depth, 8px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-top :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts),.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts),.kaching-bundles .kaching-bundles__bar-container--badge-border-left :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts),.kaching-bundles .kaching-bundles__bar-container--badge-border-right :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts){margin-inline:0}.kaching-bundles .kaching-bundles__bar-container--badge-border-left :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts){position:relative;z-index:1;margin-inline-start:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-right :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts){position:relative;z-index:1;margin-inline-end:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-left :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts):last-child,.kaching-bundles .kaching-bundles__bar-container--badge-border-right :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts):last-child{margin-block-end:0}.kaching-bundles .kaching-bundles__bar-container--badge-border-left :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts):last-child{border-end-start-radius:var(--badge-concave-depth, 8px);border-end-end-radius:var(--bar-border-radius)}.kaching-bundles .kaching-bundles__bar-container--badge-border-right :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts):last-child{border-end-start-radius:var(--bar-border-radius);border-end-end-radius:var(--badge-concave-depth, 8px)}.kaching-bundles .kaching-bundles__bars--badge-border-all .kaching-bundles__bar-container--badge-border-left :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts):last-child{margin-inline-start:var(--badge-border-thickness, 22px);border-end-start-radius:var(--badge-concave-depth, 8px);border-end-end-radius:var(--bar-border-radius)}.kaching-bundles .kaching-bundles__bars--badge-border-all .kaching-bundles__bar-container--badge-border-right :is(.kaching-bundles__free-gift,.kaching-bundles__upsell,.kaching-bundles__deal-bar-progressive-gifts):last-child{margin-inline-end:var(--badge-border-thickness, 22px);border-end-start-radius:var(--bar-border-radius);border-end-end-radius:var(--badge-concave-depth, 8px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom .kaching-bundles__deal-bar-progressive-gift:last-child{margin-block-end:0;border-end-start-radius:var(--badge-concave-depth, 8px);border-end-end-radius:var(--badge-concave-depth, 8px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-left .kaching-bundles__deal-bar-progressive-gift:last-child,.kaching-bundles .kaching-bundles__bar-container--badge-border-right .kaching-bundles__deal-bar-progressive-gift:last-child{margin-block-end:0}.kaching-bundles .kaching-bundles__bar-container--badge-border-left .kaching-bundles__deal-bar-progressive-gift:last-child{border-end-start-radius:var(--badge-concave-depth, 8px);border-end-end-radius:var(--bar-border-radius)}.kaching-bundles .kaching-bundles__bar-container--badge-border-right .kaching-bundles__deal-bar-progressive-gift:last-child{border-end-start-radius:var(--bar-border-radius);border-end-end-radius:var(--badge-concave-depth, 8px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-top .kaching-bundles__deal-bar-progressive-gift,.kaching-bundles .kaching-bundles__bar-container--badge-border-bottom .kaching-bundles__deal-bar-progressive-gift,.kaching-bundles .kaching-bundles__bar-container--badge-border-left .kaching-bundles__deal-bar-progressive-gift,.kaching-bundles .kaching-bundles__bar-container--badge-border-right .kaching-bundles__deal-bar-progressive-gift{margin-inline:0}.kaching-bundles .kaching-bundles__bar-container--badge-border-left .kaching-bundles__free-gift__divider{margin-inline-start:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bar-container--badge-border-right .kaching-bundles__free-gift__divider{margin-inline-end:var(--badge-border-thickness, 22px)}.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-top .kaching-bundles__bar-wrapper,.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-bottom .kaching-bundles__bar-wrapper,.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-left .kaching-bundles__bar-wrapper,.kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-right .kaching-bundles__bar-wrapper{background-color:var(--bar-selected-background-color)} /* Regular weight elements */ body, p, div, input, textarea, select { font-weight: var(--font-weight-regular) !important; } /* Semi-bold elements */ h3, h4, h5, h6, th, .semi-bold { font-weight: var(--font-weight-semibold) !important; } /* Bold elements */ h1, h2, strong, b, .bold, .heading, .btn--primary, .btn--secondary { font-weight: var(--font-weight-bold) !important; } .cart-timer-bar-cart_timer_bar_zYpRGz { background-color: #000000; padding: 8px; text-align: center; width: 100%; box-sizing: border-box; margin: 0 !important; display: block !important; position: relative; z-index: 10; flex-shrink: 0; min-height: calc(15px + 8px * 2); } .cart-timer-bar-cart_timer_bar_zYpRGz:not(.timer-expired) { display: block !important; visibility: visible !important; opacity: 1 !important; } .cart-timer-bar-cart_timer_bar_zYpRGz.timer-expired { display: none !important; } .is-empty .cart-timer-bar-cart_timer_bar_zYpRGz { display: none !important; } .cart-timer-text span { color: #ffffff !important; font-size: 15px; letter-spacing: var(--letter-spacing-body); } .cart-timer-bar-cart_timer_bar_zYpRGz.timer-expired { display: none; } #block-trustpilot_rating_mFwGPm .rating-container { display: flex; align-items: center; /* font-family: Arial, Helvetica, sans-serif; */ /* Removed to inherit global font */ flex-wrap: wrap; font-weight: var(--font-body-weight); /* Inherit global font weight */ letter-spacing: var(--letter-spacing-body); /* Inherit global letter spacing */ } #block-trustpilot_rating_mFwGPm .trustpilot-block-rating-text { color: #000000 !important; font-size: 13px; margin: 0; padding: 4px 7px; display: flex; align-items: center; flex-wrap: wrap; letter-spacing: var(--letter-spacing-body); } #block-trustpilot_rating_mFwGPm .rating-excellent { font-weight: bold; margin-right: 5px; color: #000000 !important; } #block-trustpilot_rating_mFwGPm .rating-score { margin-right: 0px; font-weight: var(--font-weight-regular); letter-spacing: var(--letter-spacing-body); color: #000000 !important; } #block-trustpilot_rating_mFwGPm .trustpilot-star { height: 17px; margin: 0 0 1px 5px; /* Adjusted margin for single star after text */ vertical-align: middle; /* Better alignment with text */ } #block-trustpilot_rating_mFwGPm .trustpilot-star-five { height: 17px; width: auto; margin: 0 8px 0 0; /* Added margin for five stars before text */ vertical-align: middle; } #block-trustpilot_rating_mFwGPm.trustpilot-rating-link { text-decoration: none; cursor: pointer; } /* Always center on cart drawer */ .cart-drawer-trustpilot-rating #block-trustpilot_rating_mFwGPm.trustpilot-rating-container { justify-content: center !important; } @media (max-width: 768px) { #block-trustpilot_rating_mFwGPm .trustpilot-block-rating-text { font-size: 14px; } #block-trustpilot_rating_mFwGPm .trustpilot-star, #block-trustpilot_rating_mFwGPm .trustpilot-star-five { height: 18px; } } @media (max-width: 480px) { #block-trustpilot_rating_mFwGPm .trustpilot-block-rating-text { font-size: 12px; } #block-trustpilot_rating_mFwGPm .trustpilot-star, #block-trustpilot_rating_mFwGPm .trustpilot-star-five { height: 15px; } } .cart-drawer h2.gb-30day-back { color: #0c0c0d; } #payment-icons-cart_payment_icon_LNm8HV.payment-icons-container { width: 100%; margin-top: 23px; margin-bottom: 0px; 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: 26px !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: 26px !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: 20.8px !important; } #payment-icons-cart_payment_icon_LNm8HV .payment-icon svg { height: 20.8px !important; } } #CartDrawer { --global_section_background_color: #FFFFFF; --cart-drawer-primary-background-color: #ffffff; --cart-drawer-background-gradient: linear-gradient(57deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 100%); --cart-drawer-primary-text-color: #0c0c0d; --cart-drawer-header-background: #ffffff; --cart-drawer-item-saving-color: #0c0c0d; --cart-drawer-item-saving-background: #e4e4e4; --cart-drawer-checkout-button-background: #ff5801; --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: #0c0c0d; --cart-drawer-accent-color: #444444; --cart-drawer-divider-color: #e5e5e5; --cart-drawer-active-icon-color: #EF4A65; --cart-drawer-discount-bg-color: #0c0c0d; --cart-drawer-discount-text-color: #ffffff; --cart-drawer-discount-border-radius: 4px; --cart-drawer-discount-icon-color: #ffffff; } .free-shipping-main.first-gift { position: absolute; margin-left: unset; margin-right: unset; left: calc(15px + ((100% - 30px) * 0 / 100) - 15px); } .free-gift-main.first-gift { position: absolute; margin-left: unset; margin-right: unset; left: calc(15px + ((100% - 30px) * 0 / 100) - 15px); } /* Second gift icon: fixed at 100% (right end of progress bar) */ .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 Icon Colors */ .free-shipping-main svg path, .free-shipping-main svg circle { fill: var(--cart-drawer-fs-icon-default-color); } /* Icon container sizing for both SVG and IMG */ .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; } /* Active state for icons */ .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; } .drawer { visibility: hidden; } /* Apply default color to inactive gift icon */ .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; } /* Override global accent color for cart buttons */ .cart-drawer .quantity__button, .cart-drawer { background-color: transparent !important; border-color: #E2E2E2 !important; color: currentColor !important; } .cart-drawer .cart-remove-button { border: none !important; padding: 0 !important; } .cart-drawer .quantity__button:focus, .cart-drawer .quantity__button:active, .cart-drawer .cart-remove-button:focus, .cart-drawer .cart-remove-button:active { outline: none !important; background-color: transparent !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent; } .cart-drawer quantity-input.quantity.cart-quantity .quantity__button:active, .cart-drawer quantity-input.quantity.cart-quantity .quantity__button:focus { background-color: #f5f5f5 !important; } .cart-drawer .cart-remove-button:hover, .cart-drawer .cart-remove-button:active, .cart-drawer .cart-remove-button:focus { opacity: 0.8; background-color: transparent !important; } /* IMPORTANT: Ensure the .gb-price-drawer-saving class always uses fixed colors regardless of theme settings */ /* .gb-price-drawer-saving { background:rgb(255, 237, 237) !important; color: #FF1717 !important; } */ /* Apply custom cart drawer colors to specific elements */.cart-drawer .drawer__header { background-color: var(--cart-drawer-header-background); height: 50px !important; min-height: 50px !important; max-height: 50px !important; display: flex !important; align-items: center !important; } .cart-drawer .drawer__close { top: 8px !important; } .cart-drawer .drawer__contents { padding-top: 16px !important; padding-bottom: 16px !important; } .cart-drawer .cart-item { background-color: var(--cart-drawer-product-bg); } .cart-drawer .drawer__footer { background-color: var(--cart-drawer-footer-bg); border-top-color: var(--cart-drawer-divider-color); padding: 15px 15px 15px 15px !important; } .cart-drawer .drawer__cart-items-wrapper .cart-items { border-color: var(--cart-drawer-divider-color); } .cart-drawer .cart__checkout-button { background-color: var(--cart-drawer-checkout-button-background) !important; color: var(--cart-drawer-checkout-button-text-color) !important; border-radius: 20px !important; } /* Additional checkout button text color overrides */ .cart-drawer .cart__checkout-button, .cart-drawer .cart__checkout-button *, .cart-drawer .cart__checkout-button:hover, .cart-drawer .cart__checkout-button:focus, .cart-drawer .cart__checkout-button:active, .cart-drawer .cart__checkout-button:visited, .cart-drawer button[name="add"], .cart-drawer input[type="submit"][name="add"] { color: var(--cart-drawer-checkout-button-text-color) !important; } /* Ensure checkout button text elements don't inherit other colors */ .cart-drawer .cart__checkout-button span, .cart-drawer .cart__checkout-button .loading__spinner, .cart-drawer .cart__checkout-button .icon { color: var(--cart-drawer-checkout-button-text-color) !important; } .cart-drawer .cart-item__price-wrapper, .cart-drawer .totals__subtotal-value, .cart-drawer .price--end, .cart-drawer .product-option, .cart-drawer .product-option *, .cart-drawer .tax-note, .cart-drawer .tax-note * { color: var(--cart-drawer-secondary-text); } .cart-drawer .totals__total-value { color: var(--cart-drawer-primary-text-color); } /* Apply accent color to final price */ .cart-drawer .cart-item__final-price.product-option, .cart-drawer strong.cart-item__final-price { color: var(--cart-drawer-accent-color) !important; } /* Apply accent color to toggle switch */ .cart-drawer .gb-shipping-protection-button input:checked + .slider { background-color: var(--cart-drawer-accent-color) !important; } /* Apply accent color to toggle switch on focus */ .cart-drawer .gb-shipping-protection-button input:focus + .slider { box-shadow: 0 0 1px var(--cart-drawer-accent-color) !important; } .cart-drawer .free-product-progress-bar { border-color: var(--cart-drawer-divider-color); } /* Removed frequently bought background color per user request */ /* .cart-drawer product-info.gb-main-freq-bg-color { background-color: var(--cart-drawer-freq-bought-background); } */ /* Cart item image border radius customization */ .cart-drawer .cart-item__image, .cart-drawer .cart-item__image-container { border-radius: 8px !important; } cart-drawer.drawer, .drawer.cart-drawer, cart-drawer.drawer.active, cart-drawer .drawer { left: auto !important; right: 0 !important; justify-content: flex-end !important; padding-right: 0 !important; padding-left: 0 !important; margin-right: 0 !important; margin-left: 0 !important; } /* Mobile: Full width - Override component-cart-drawer.css */ 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; margin-right: 0 !important; margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left: none !important; border-right: none !important; } /* Ensure mobile full width at smaller viewports */ @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; } } /* Desktop: Customizable width, aligned to the right */ @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; } } .cart-drawer .cart-item__discounted-prices s, .cart-drawer s.cart-item__old-price { color: var(--cart-drawer-secondary-text); } /* Cart Drawer Payment Icons */ .cart-drawer-payment-icons { margin-top: 4px; padding: 0; } /* Override desktop flex layout for cart drawer to stack payment icons below button */ .cart-drawer .cart__ctas { display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 0 0px !important; } .cart-drawer-payment-icons .payment-icons-container { margin: 0; } .cart-drawer-payment-icons .payment-icons-wrapper { gap: 8px; justify-content: center; } .cart-drawer-payment-icons .payment-icon svg { height: 24px; width: auto; border-radius: 4px; } @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; } } /* Fix quantity popover to use cart drawer colors instead of global theme colors */ .cart-drawer quantity-popover .quantity { background: var(--cart-drawer-product-bg) !important; color: var(--cart-drawer-primary-text-color) !important; } /* Ensure quantity popover text elements inherit the cart drawer text color */ .cart-drawer quantity-popover .quantity__button, .cart-drawer quantity-popover .quantity__input, .cart-drawer quantity-popover .quantity__rules { color: var(--cart-drawer-primary-text-color); } /* Override quantity popover button backgrounds to match cart drawer styling */ .cart-drawer quantity-popover .quantity__button { background-color: transparent; border-color: var(--cart-drawer-divider-color); } /* Ensure all text elements in cart drawer use cart drawer text color */ .cart-drawer, .cart-drawer *:not(.gb-price-drawer-saving) :not(.cart-item__final-price) :not(strong.cart-item__final-price) :not(span.gb-cart-total-item) :not(.cart__checkout-button) :not(.cart__checkout-button *) :not(.gb-shipping-protection) :not(.gb-shipping-protection *) :not(.free-shipping-main) :not(.free-shipping-main *) :not(.free-gift-main) :not(.free-gift-main *) :not(.social-proof-bar) :not(.social-proof-bar *) :not(.discount-banner) :not(.discount-banner *) :not(.upsell-button-text) :not(.upsell-price) :not(.upsell-add-button) :not(.upsell-add-button *) :not([class^="upsell-add-button-"]) :not([class^="upsell-add-button-"] *) :not(.upsell-best-seller-tag) :not(.upsell-best-seller-tag *) not(.cartitem-free-product-label) :not(.cartitem-free-product-label *) :not(.discount_discount-value) :not(.discount_discount-value *) :not(.cart-discount-code-button) :not(.cart-discount-code-button *) :not(.cart-discount-code-input) :not(.cart-discount-code-input *) { color: var(--cart-drawer-primary-text-color); } /* Specific overrides for common text elements */ .cart-drawer .cart-item__name, .cart-drawer .cart-item__details, .cart-drawer .cart-item__totals, .cart-drawer .cart-item .product-option, .cart-drawer .drawer__heading, .cart-drawer .totals, .cart-drawer .tax-note, .cart-drawer p, .cart-drawer span, .cart-drawer div { color: var(--cart-drawer-primary-text-color); } /* Additional specific override for drawer heading */ .cart-drawer .drawer__heading { color: var(--cart-drawer-primary-text-color) !important; font-size: 20px !important; } /* Drawer Heading Font Size - Mobile */ @media only screen and (max-width: 767px) { .cart-drawer .drawer__heading { font-size: 22px !important; } } /* Make sure links respect cart drawer text color */ .cart-drawer a:not(.cart__checkout-button) { color: var(--cart-drawer-primary-text-color); } /* Specific override for cart item name link */ .cart-drawer .gb-cart-drawer-lb td.cart-item__details a.cart-item__name, .cart-drawer .cart-item__details a.cart-item__name, .cart-drawer a.cart-item__name { color: var(--cart-drawer-primary-text-color) !important; } /* Secondary text elements */ .cart-drawer .cart-item__price-wrapper *, .cart-drawer .totals__subtotal-value *, .cart-drawer .price--end * { color: var(--cart-drawer-secondary-text); } /* Cart total item badge - inverted colors for contrast */ .cart-drawer span.gb-cart-total-item { background-color: var(--cart-drawer-primary-text-color) !important; color: var(--cart-drawer-primary-background-color) !important; } /* Checkout button text color override */ .cart-drawer .cart__checkout-button, .cart-drawer .cart__checkout-button * { color: var(--cart-drawer-checkout-button-text-color) !important; } /* Shipping protection text color override */ /* Free shipping icon color overrides - Default state */ .cart-drawer .free-shipping-main svg, .cart-drawer .free-shipping-main svg path, .cart-drawer .free-shipping-main svg circle, .cart-drawer .free-shipping-main svg rect, .cart-drawer .free-shipping-main svg polygon, .cart-drawer .free-shipping-main svg g, .cart-drawer .free-shipping-main i { fill: var(--cart-drawer-fs-icon-default-color) !important; color: var(--cart-drawer-fs-icon-default-color) !important; } /* Free shipping icon color overrides - Active state */ .cart-drawer .free-shipping-main.free-shipping-main-color svg path, .cart-drawer .free-shipping-main.free-shipping-main-color svg circle, .cart-drawer .free-shipping-main.free-shipping-main-color svg rect, .cart-drawer .free-shipping-main.free-shipping-main-color svg polygon, .cart-drawer .free-shipping-main.free-shipping-main-color svg g, .cart-drawer .free-shipping-main.free-shipping-main-color i { fill: var(--cart-drawer-progress-active-icon-fill-color) !important; color: var(--cart-drawer-progress-active-icon-fill-color) !important; } /* Free gift icon color override - Default state */ .cart-drawer .free-gift-main svg, .cart-drawer .free-gift-main svg path, .cart-drawer .free-gift-main svg circle, .cart-drawer .free-gift-main svg rect, .cart-drawer .free-gift-main svg polygon, .cart-drawer .free-gift-main svg g, .cart-drawer .free-gift-main i { fill: var(--cart-drawer-fs-icon-default-color) !important; color: var(--cart-drawer-fs-icon-default-color) !important; } /* Free gift icon color override - Active state */ .cart-drawer .free-gift-main.free-gift-main-color svg path, .cart-drawer .free-gift-main.free-gift-main-color svg circle, .cart-drawer .free-gift-main.free-gift-main-color svg rect, .cart-drawer .free-gift-main.free-gift-main-color svg polygon, .cart-drawer .free-gift-main.free-gift-main-color svg g, .cart-drawer .free-gift-main.free-gift-main-color i { fill: var(--cart-drawer-progress-active-icon-fill-color) !important; color: var(--cart-drawer-progress-active-icon-fill-color) !important; } /* Discount banner color overrides */ /* Item saving badge colors - customizable when theme colors are off */.gb-price-drawer-saving { background-color: var(--cart-drawer-item-saving-background) !important; color: var(--cart-drawer-item-saving-color) !important; } /* NOTE: .gb-price-drawer-saving colors are now handled conditionally near the end of the style block */ /* Apply custom cart drawer colors to specific elements */@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; } .cart-drawer .gb-shipping-protection .complete-check { display: none; color: white !important; position: absolute; top: 4px; left: 5px; height: 15px; width: 15px; } button.quantity__button, button.cart-remove-button, .gb-shipping-protection-button { position: relative; } button.cart-remove-button { width: 50px; } .quantity__button .spin-animation { top: 7px; left: 4px; } .cart-item__quantity .spin-animation { display: none; } .cart-drawer .bestseller-icon { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin-right: 2px; fill: currentColor; } /* Style custom SVG icons to match default icon */ .cart-drawer .placeholder-wrapper { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .cart-drawer .placeholder-wrapper .placeholder-svg { width: 80%; height: 80%; } @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 animation */ .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; } /* Upsell Header Styling */ .cart-drawer .upsell-header-wrapper { width: 100%; display: block; margin-bottom: 12px; padding: 0; position: relative; z-index: 10; clear: both; overflow: visible; } .cart-drawer .upsell-header-text { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100%; letter-spacing: var(--letter-spacing-body); /* margin and padding now controlled via inline styles in sections/cart-drawer.liquid */ /* margin: 8px 0; */ /* padding: 8px 16px; */ font-weight: 500; background-color: transparent; position: static; } @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; } } .cart-drawer, .cart-drawer *:not(.gb-price-drawer-saving) :not(.cart-item__final-price) :not(strong.cart-item__final-price) :not(span.gb-cart-total-item) :not(.cart__checkout-button) :not(.cart__checkout-button *) :not(.gb-shipping-protection) :not(.gb-shipping-protection *) :not(.free-shipping-main) :not(.free-shipping-main *) :not(.free-gift-main) :not(.free-gift-main *) :not(.social-proof-bar) :not(.social-proof-bar *) :not(.discount-banner) :not(.discount-banner *) :not(.upsell-button-text) :not(.upsell-price) :not(.upsell-add-button) :not(.upsell-add-button *) :not([class^="upsell-add-button-"]) :not([class^="upsell-add-button-"] *) :not(.upsell-best-seller-tag) :not(.upsell-best-seller-tag *) :not(.cartitem-free-product-label) :not(.cartitem-free-product-label *) :not(.discount_discount-value) :not(.discount_discount-value *) :not(.cart-discount-code-button) :not(.cart-discount-code-button *) :not(.cart-discount-code-input) :not(.cart-discount-code-input *) { color: var(--cart-drawer-primary-text-color); } .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; } .announcement-text strong, .announcement-text b { font-weight: 700 !important; } .sale-countdown-banner { --banner-bg-color: #ffffff; --banner-text-color: #ffffff; --banner-border-color: #e6e6e6; --highlight-color: #000000; --highlight-decoration: none; --countdown-color: #ffffff; --countdown-label-color: #ffffff; } header-drawer { justify-self: start; margin-left: -1.2rem; }/* Header Top Border Styling *//* Full Width Header Styling */@media screen and (min-width: 990px) { header-drawer { display: none; } } @media screen and (max-width: 989px) { .header__inline-menu { display: none; } }.menu-drawer-container { display: flex; } .list-menu { list-style: none; padding: 0; margin: 0; } .list-menu--inline { display: inline-flex; flex-wrap: wrap; } summary.list-menu__item { padding-right: 3rem; padding-right: 3rem; } .list-menu__item { display: flex; font-weight: var(--font-weight-regular); align-items: center; line-height: calc(1 + 0.3 / var(--font-body-scale)); } .list-menu__item--link { text-decoration: none; font-weight: var(--font-weight-regular); padding-bottom: 1rem; padding-top: 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); } /* Header menu item spacing and styling fixes */ .header__inline-menu .list-menu--inline > li { margin-right: 2rem; } .header__inline-menu .list-menu--inline > li:last-child { margin-right: 0; } .header__menu-item { text-decoration: none !important; } .header__menu-item:hover { text-decoration: none !important; } @media screen and (min-width: 990px) { .header-wrapper { --header-menu-underline-thickness: 1px; --header-menu-underline-color: #141720; } .header__inline-menu .header__menu-item > span { display: inline-block; position: relative; text-decoration: none; } .header__inline-menu .header__menu-item > span::after { content: ''; position: absolute; width: 100%; height: var(--header-menu-underline-thickness); left: 0; bottom: -0.3rem; background-color: var(--header-menu-underline-color); border-radius: calc(var(--header-menu-underline-thickness) / 2); transform: scaleX(0); transform-origin: left center; transition: transform 0.25s ease-out; } .header__inline-menu .header__menu-item:hover > span::after, .header__inline-menu .header__menu-item:focus-visible > span::after, .header__inline-menu details[open] > .header__menu-item > span::after, span.header__active-menu-item::after { transform: scaleX(1) !important; } .header__inline-menu .header__menu-item:hover span, .header__inline-menu details[open] > .header__menu-item, .header__inline-menu .header__active-menu-item { text-decoration: none; } } /* Header menu hover functionality */ @media screen and (min-width: 990px) { header-menu:hover details[open] .header__submenu, header-menu:hover details[open] .mega-menu__content { opacity: 1; width: 150px; visibility: visible; transform: translateY(0); } .header__submenu, .mega-menu__content { transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; } details:not([open]) .header__submenu, details:not([open]) .mega-menu__content { opacity: 0; visibility: hidden; transform: translateY(-10px); } } /* Header submenu spacing and styling */ .header__submenu { padding: 1rem 0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: rgb(var(--color-header)); z-index: 100; width: auto; min-width: 16rem; max-width: 20rem; top: calc(80% + 5px); } .header__submenu .list-menu__item { padding: 0.8rem 1.5rem; margin: 0; border-bottom: none; } .header__submenu .header__menu-item { display: block; padding: 0.8rem 1.5rem; margin: 0; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease; border-radius: 0; } .header__submenu .header__menu-item:hover { background-color: rgba(var(--color-foreground), 0.05); text-decoration: none; } .header__submenu li:first-child .header__menu-item { border-top-left-radius: 8px; border-top-right-radius: 8px; } .header__submenu li:last-child .header__menu-item { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } /* Mega menu spacing and styling */ .mega-menu__content { padding: 2rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: rgb(var(--color-header)); z-index: 100; top: calc(100% + 5px); } .mega-menu__list { gap: 2rem; } .mega-menu__link { padding: 0.6rem 0; display: block; text-decoration: none; transition: color 0.2s ease; } .mega-menu__link:hover { color: rgba(var(--color-foreground), 0.7); text-decoration: none; } .mega-menu__link--level-2 { font-weight: var(--font-weight-medium); margin-bottom: 0.5rem; } .mega-menu__list .list-unstyled { margin-top: 0.5rem; } .mega-menu__list .list-unstyled a { padding: 0.4rem 0; font-size: 0.9em; opacity: 0.8; } .mega-menu__list .list-unstyled a:hover { opacity: 1; } .header__menu-item.link { text-decoration: none !important; } @media screen and (min-width: 750px) { .list-menu__item--link { padding-bottom: 0.5rem; padding-top: 0.5rem; } } /* Header menu hover functionality */ @media screen and (min-width: 990px) { header-menu:hover details .header__submenu.list-menu--disclosure, header-menu:hover details .mega-menu__content, header-menu details[open] .header__submenu.list-menu--disclosure, header-menu details[open] .mega-menu__content { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0) !important; display: block !important; } .header__submenu, .mega-menu__content { transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(-10px); } /* Ensure submenus are hidden by default */ header-menu:not(:hover) details:not([open]) .header__submenu, header-menu:not(:hover) details:not([open]) .mega-menu__content { opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(-10px); } /* 3rd level menu: flyout lateral (izquierda a derecha) */ .header__submenu.list-menu--disclosure > li { position: relative; } .header__submenu--flyout { position: absolute !important; left: 98% !important; top: -10px !important; margin: 0 !important; margin-left: 4px !important; min-width: 14rem; max-width: 20rem; z-index: 101; background: #fff !important; background-color: #fff !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 1rem 0 !important; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.25s ease-out; animation: none !important; } .header__submenu-item--has-flyout[open] > .header__submenu--flyout { opacity: 1; visibility: visible; transform: translateX(0); } } /* Header submenu spacing and styling */ .header__submenu { padding: 1rem 0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: rgb(var(--color-header)); z-index: 100; width: auto; min-width: 16rem; max-width: 20rem; } /* Ensure the parent header-menu has relative positioning */ header-menu { position: relative; } /* Ensure submenus are initially hidden */ .header__submenu.list-menu--disclosure { opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(-10px); transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; } .header__submenu .list-menu__item { padding: 0.8rem 1.5rem; margin: 0; border-bottom: none; } .header__submenu .header__menu-item { display: block; padding: 0.8rem 1.5rem; margin: 0; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease; border-radius: 0; } .header__submenu .header__menu-item:hover { background-color: rgba(var(--color-foreground), 0.05); text-decoration: none; } .header__submenu li:first-child .header__menu-item { border-top-left-radius: 8px; border-top-right-radius: 8px; } .header__submenu li:last-child .header__menu-item { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } /* Mega menu spacing and styling */ .mega-menu__content { padding: 2rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: rgb(var(--color-header)); z-index: 100; top: calc(100% + 5px); position: absolute; left: 50%; transform: translateX(-50%); } .mega-menu__list { gap: 2rem; } .mega-menu__link { padding: 0.6rem 0; display: block; text-decoration: none; transition: color 0.2s ease; } .mega-menu__link:hover { color: rgba(var(--color-foreground), 0.7); text-decoration: none; } .mega-menu__link--level-2 { font-weight: var(--font-weight-medium); margin-bottom: 0.5rem; } .mega-menu__list .list-unstyled { margin-top: 0.5rem; } .mega-menu__list .list-unstyled a { padding: 0.4rem 0; font-size: 0.9em; opacity: 0.8; } .mega-menu__list .list-unstyled a:hover { opacity: 1; } .header-wrapper { /* Targeting .header-wrapper directly */ /* Fallback or default background if nothing is set and you want one *//* Fallback or default text color */ /* color: #000000; */ /* --color-header-foreground: #000000; */ } /* Apply text color to links and icons within the header when use_theme_colors is true */ /* Specific styling for cart bag icon */ .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; } /* Override any icon classes that might interfere */ 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; } /* Account icon sizing */ .header__icon--account .svg-wrapper svg, .header__icon--account account-icon svg, .menu-drawer__account .svg-wrapper svg, .menu-drawer__account account-icon svg { width: 40px !important; height: 40px !important; fill: currentColor !important; } .header__icon--account .svg-wrapper, .header__icon--account account-icon, .menu-drawer__account .svg-wrapper, .menu-drawer__account account-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; } .header { padding: 5px 3rem 5px 3rem; } .section-header { position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ margin-bottom: 0px; } @media screen and (min-width: 750px) { .section-header { margin-bottom: 0px; } } @media screen and (min-width: 990px) { .header { padding-top: 10px; padding-bottom: 10px; } } .shop-product-section { letter-spacing: var(--letter-spacing-body); background-color: #ffffff; color: #1a371a; --accent-color: #1a371a; --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; } /* Added container class to handle the margin without affecting other sections */ .shop-product-info { gap: 4px; color: #1a371a; } .shop-thumbnail { border: 1px solid #f2f2f2; } .shop-thumbnail.active { border-color: #ffffff; } .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: ; } /* Fl�ches mobiles - version plus sp�cifique */ .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; } } /* Masquer sur desktop */ @media screen and (min-width: 768px) { .shop-product-section .shop-mobile-arrows { display: none !important; } } /* Dynamic aspect ratio based on setting */ /* Default 1:1 square aspect ratio */ .shop-image-container.shop-square-container { aspect-ratio: 1; } /* Desktop thumbnails only - not mobile */ @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; } } /* Make all thumbnails height auto for natural square appearance */ .shop-thumbnail { height: auto; } /* Mobile 4-in-row layout for thumbnails using swiper-wrapper style */ @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; } } /* Thumbnail section padding option */ /* Hide thumbnails on mobile */ /* Left column thumbnails on desktop */ /* Fade to white at bottom of thumbnails (desktop only) */ /* Portrait image adaptation */ .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: #1a371a; } .shop-custom-content { color: ; } /* Style for the add to cart button */ .shop-add-to-cart-button { background-color: #ffffff !important; color: #ffffff !important; border: 2px solid !important; } /* Add to cart button from blocks */ .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: 16px 20px !important; font-size: 15px !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: #0c61b0 !important;background-color: var(--button-bg-color, #ffffff) !important; color: #ffffff !important; border-radius: 10px !important; } /* Handle button-text and compare-price inside add to cart button */ :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: 15px !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; } /* Shopify Payment Button Styling */ .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: %; } } /* Mobile full-width image styles - MOBILE AND TABLET ONLY */ @media screen and (max-width: 799px) and (min-width: 0px) { .shop-product-section { padding: 0 !important; } .shop-product-carousel { padding: 0 !important; } .shop-main-image-wrapper { margin: 0 !important; border-radius: 0 !important; } .shop-image-container { border-radius: 0 !important; } .shop-thumbnails-outer { margin-top: 0 !important; } .shop-product-info { padding: 0px 15px 15px 15px !important; } } /* Fl�ches mobiles */ @media screen and (max-width: 767px) { .shop-mobile-arrows { display: none !important; } .shop-mobile-arrows { justify-content: center; gap: 20px; margin-top: 10px; } } /* Explicitly prevent desktop changes */ @media screen and (min-width: 800px) { .shop-product-section { padding: 10px 8px; } .shop-product-carousel { padding: 0 5px; } } /* Tablet and mobile specific styles */ @media (max-width: 799px) { .shop-product-info { gap: 6px; } } @media (max-width: 767px) { .shop-product-info { gap: 6px; } } /* Added CSS for block-level styling */ /* Main product image border radius */ .shop-main-image, .shop-main-image img, .shop-image-zoom-wrapper, .shop-video { border-radius: 0px !important; } /* Thumbnail border radius */ .shop-thumbnail, .shop-thumbnail img, .shop-thumbnail .thumb-square { border-radius: 0px !important; } } /* Load-in Animation */ .page-fade-in { opacity: 0; transform: translateY(20px); animation: fadeInUp 0.6s ease-out forwards; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } .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: 24px; height: 24px; border-radius: 50%; border: 1.5px solid white; margin-right: calc(-24px * 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: 24px; height: 24px; flex-shrink: 0; margin-right: calc(-24px * 0.25); } .imgr-star-half-container { position: relative; width: 24px; height: 24px; flex-shrink: 0; margin-right: calc(-24px * 0.25); } .imgr-star-half-wrapper { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; } /* Mobile responsive styles - 85% scale for better readability */ @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(24px * 0.85); height: calc(24px * 0.85); border: 1px solid white; margin-right: calc(-24px * 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(13px * 0.9) !important; } .imgr-star, .imgr-star-half-container { width: calc(24px * 0.85) !important; height: calc(24px * 0.85) !important; margin-right: calc(-24px * 0.25 * 0.85); } .imgr-star-half-container svg { width: calc(24px * 0.85) !important; height: calc(24px * 0.85) !important; } } .custom-text-block-container-custom_text_zgUmYA { width: 100%; display: block; } .custom-text-block-custom_text_zgUmYA { margin-top: -32px; margin-bottom: -32px; text-align: left; width: 100%; background-color: rgba(0,0,0,0); padding: 10px 4px; border-radius: 4px; } .custom-text-block-custom_text_zgUmYA .custom-text-wrapper { width: 100%; } .custom-text-block-custom_text_zgUmYA .custom-text-with-divider { display: flex; align-items: center; width: 100%; gap: 12px; } .custom-text-block-custom_text_zgUmYA .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_zgUmYA .custom-text-main { display: flex; align-items: center; gap: 4px; font-size: 17px; font-weight: var(--font-weight-regular) ; width: 100%; justify-content: flex-start; flex-shrink: 0; } .custom-text-block-custom_text_zgUmYA .custom-text-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: #bb233e; width: 20px; height: 20px; margin-left: 0px; margin-right: 2px; } .custom-text-block-custom_text_zgUmYA .custom-text-icon svg { width: 100%; height: 100%; fill: currentColor; stroke: currentColor; } .custom-text-block-custom_text_zgUmYA .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_zgUmYA .custom-text-after-icon svg { width: 100%; height: 100%; fill: currentColor; stroke: currentColor; } .custom-text-block-custom_text_zgUmYA .custom-text-content { color: #1c0005; margin: 0; width: 100%; } .custom-text-block-custom_text_zgUmYA .custom-text-content a, .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content a { color: #0066cc; text-decoration: underline; } .custom-text-block-custom_text_zgUmYA .custom-text-content a:hover, .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content a:hover { opacity: 0.8; } .custom-text-block-custom_text_zgUmYA .custom-text-content strong, .custom-text-block-custom_text_zgUmYA .custom-text-content b, .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content strong, .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content b { font-weight: 700 !important; } .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content { text-align: left; width: auto; font-weight: var(--font-weight-regular) ; } /* Ensure paragraph tags inherit the text alignment and font weight */ .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content p { text-align: inherit; font-weight: inherit; } /* Ensure strong tags within the custom text also respect the font weight setting */ .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content strong, .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content b { font-weight: var(--font-weight-semibold) ; } .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content p { margin-top: 0; margin-bottom: px; } .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content p:last-child { margin-bottom: 0; } .custom-text-block-custom_text_zgUmYA .custom-text-description { font-size: 17px; margin-top: 4px; color: #111111; opacity: 0.8; font-weight: var(--font-weight-regular) ; text-align: left; } /* Accent Text Styles */ /* Ensure strong tags within the description also work properly */ .custom-text-block-custom_text_zgUmYA .custom-text-description strong, .custom-text-block-custom_text_zgUmYA .custom-text-description b { font-weight: var(--font-weight-semibold) ; } .custom-text-block-custom_text_zgUmYA .custom-text-description p { margin-top: 0; margin-bottom: px; } .custom-text-block-custom_text_zgUmYA .custom-text-description p:last-child { margin-bottom: 0; } /* Special handling for center alignment with divider */ /* Ensure strong and bold tags always display as bold */ .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content strong, .custom-text-block-custom_text_zgUmYA .custom-text-main-text-content b, .custom-text-block-custom_text_zgUmYA .custom-text-description strong, .custom-text-block-custom_text_zgUmYA .custom-text-description b { font-weight: 700 !important; } /* Override font weight inheritance for non-bold elements only */ .custom-text-block-custom_text_zgUmYA *:not(strong):not(b) { font-weight: inherit; } /* Ensure all text elements respect the custom font weight (except strong/b tags) */ .custom-text-block-custom_text_zgUmYA span:not(strong):not(b), .custom-text-block-custom_text_zgUmYA div:not(.custom-text-icon):not(strong):not(b), .custom-text-block-custom_text_zgUmYA p:not(strong):not(b), .custom-text-block-custom_text_zgUmYA h1:not(strong):not(b), .custom-text-block-custom_text_zgUmYA h2:not(strong):not(b), .custom-text-block-custom_text_zgUmYA h3:not(strong):not(b), .custom-text-block-custom_text_zgUmYA h4:not(strong):not(b), .custom-text-block-custom_text_zgUmYA h5:not(strong):not(b), .custom-text-block-custom_text_zgUmYA h6:not(strong):not(b) { font-weight: var(--font-weight-regular) ; } .product-bullet-list { width: 100%; font-family: var(--font-body-family-override, sans-serif); letter-spacing: var(--letter-spacing-body); } .product-bullet-items { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; } .product-bullet-items.layout-horizontal { flex-direction: row; flex-wrap: wrap; align-items: flex-start; } .product-bullet-item { display: inline-flex; align-items: center; width: fit-content; max-width: 100%; } .layout-horizontal .product-bullet-item { flex: 0 0 auto; } .product-bullet-item.has-bg { padding: 5px 8px; } .product-bullet-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .product-bullet-text { line-height: 1.4; } /* Icon sizing for all SVG icons (desktop) */ .product-bullet-icon svg { width: 22px; height: 22px; } /* Force color on all SVG elements - maximum specificity using block ID */ #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg, #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg *, #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg path, #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg circle, #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg rect, #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg polygon, #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg polyline, #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg line, #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg ellipse, #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg g, #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg g * { fill: #015aad !important; color: #015aad !important; } /* Exception: preserve fill="none" for stroke-only icons */ #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg path[fill="none"], #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg circle[fill="none"], #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg rect[fill="none"], #product-bullet-list-bullet_list_7p9hAV .product-bullet-icon svg ellipse[fill="none"] { fill: none !important; stroke: #015aad !important; } /* Mobile styling */ @media screen and (max-width: 767px) { .product-bullet-text { font-size: calc(17px * 0.9) !important; } .product-bullet-icon svg { width: calc(22px * 0.9); height: calc(22px * 0.9); } /* Stack horizontally laid out items vertically on mobile */ .product-bullet-items.layout-horizontal { flex-direction: row; } } #more-payment-options-link{cursor:pointer}#more-payment-options-link[aria-disabled=true]{cursor:default;opacity:.6} .shop-add-to-cart-button .button-text { text-transform: none !important; } /* Ensure form takes full width */ #product-form-template--23283797885148__shop_product_details_CPbRRa, .form { width: 100% !important; display: block; } .shop-add-to-cart-button .path { stroke: #ffffff; } #block-add_to_cart_Wt4MaJ.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_Wt4MaJ .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_Wt4MaJ .guarantee-blinking-dot-1 { background-color: #4CAF50; animation: guarantee-blink-1 1s infinite linear; } #block-add_to_cart_Wt4MaJ .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_Wt4MaJ .guarantee-blinking-dot-2 { background-color: #4CAF50; animation: guarantee-blink-2 1s infinite linear; } #block-add_to_cart_Wt4MaJ .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_Wt4MaJ .guarantee-item { display: flex; align-items: center; gap: 4px; flex-shrink: 0; min-width: 0; } #block-add_to_cart_Wt4MaJ .guarantee-icon { width: 18px; height: 18px; display: block; flex-shrink: 0; stroke: #00C7FF !important; color: #00C7FF !important; margin-bottom: 1px; } #block-add_to_cart_Wt4MaJ .guarantee-icon svg { width: 100%; height: 100%; display: block; } #block-add_to_cart_Wt4MaJ .guarantee-custom-icon { width: 18px; height: 18px; margin-bottom: 1px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #block-add_to_cart_Wt4MaJ .guarantee-custom-icon svg { width: 100% !important; height: 100% !important; max-width: 18px !important; max-height: 18px !important; fill: #00C7FF !important; stroke: #00C7FF !important; } #block-add_to_cart_Wt4MaJ .guarantee-custom-icon img { width: 100% !important; height: 100% !important; max-width: 18px !important; max-height: 18px !important; object-fit: contain !important; } #block-add_to_cart_Wt4MaJ .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_Wt4MaJ.guarantee-badges-container { flex-direction: row; justify-content: flex-start; margin-top: -5px; flex-wrap: wrap; } #block-add_to_cart_Wt4MaJ .guarantee-item { flex-wrap: wrap; justify-content: center; } } #payment-icons-payment_icons_e7ErBL.payment-icons-container { width: 100%; margin-top: -2px; margin-bottom: 0px; margin-left: 0; margin-right: 0; padding: 0; } #payment-icons-payment_icons_e7ErBL .payment-icons-wrapper { margin: 0 auto; gap: 12px !important; } #payment-icons-payment_icons_e7ErBL .payment-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; opacity: 1 !important; visibility: visible !important; height: 24px !important; } #payment-icons-payment_icons_e7ErBL .payment-icon svg { max-height: 100%; width: auto; min-width: 30px; display: block; opacity: 1 !important; visibility: visible !important; height: 24px !important; } @media screen and (max-width: 749px) { #payment-icons-payment_icons_e7ErBL .payment-icons-wrapper { gap: 6px !important; } #payment-icons-payment_icons_e7ErBL .payment-icon { height: 19.2px !important; } #payment-icons-payment_icons_e7ErBL .payment-icon svg { height: 19.2px !important; } } #block-guarantee_badges_xJPXKj.guarantee-badges-container { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: -5px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; font-size: 12px; letter-spacing: var(--letter-spacing-body); color: #000000 !important; width: 100%; flex-direction: row; flex-wrap: wrap; } #block-guarantee_badges_xJPXKj .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_xJPXKj .guarantee-blinking-dot-1 { background-color: #4caf50; animation: guarantee-blink-1 1s infinite linear; } #block-guarantee_badges_xJPXKj .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_xJPXKj .guarantee-blinking-dot-2 { background-color: #4caf50; animation: guarantee-blink-2 1s infinite linear; } #block-guarantee_badges_xJPXKj .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_xJPXKj .guarantee-item { display: flex; align-items: center; gap: 4px; flex-shrink: 0; min-width: 0; } #block-guarantee_badges_xJPXKj .guarantee-icon { width: 13px; height: 13px; display: block; flex-shrink: 0; stroke: #ffffff !important; color: #ffffff !important; margin-bottom: 1px; } #block-guarantee_badges_xJPXKj .guarantee-icon svg { width: 100%; height: 100%; display: block; } #block-guarantee_badges_xJPXKj .guarantee-custom-icon { width: 13px; height: 13px; margin-bottom: 1px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #block-guarantee_badges_xJPXKj .guarantee-custom-icon svg { width: 100% !important; height: 100% !important; max-width: 13px !important; max-height: 13px !important; fill: #ffffff !important; stroke: #ffffff !important; } #block-guarantee_badges_xJPXKj .guarantee-custom-icon img { width: 100% !important; height: 100% !important; max-width: 13px !important; max-height: 13px !important; object-fit: contain !important; } #block-guarantee_badges_xJPXKj .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-guarantee_badges_xJPXKj.guarantee-badges-container { flex-direction: row; justify-content: center; margin-top: -5px; flex-wrap: wrap; } #block-guarantee_badges_xJPXKj .guarantee-item { flex-wrap: wrap; justify-content: center; } } .custom-money-back-guarantee { background: linear-gradient(135deg, #37780e 0%, #2cda26 100%); border-radius: 16px; padding: 3px 10px 3px 10px; margin: 0px 0 0px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.08); max-height: none; position: relative; border: 1px dotted #000000; overflow: hidden; letter-spacing: var(--letter-spacing-heading); width: 100%; } .custom-money-back-guarantee::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; z-index: 0; pointer-events: none; border-radius: 5px; } .custom-guarantee-content { display: flex; align-items: center; gap: 6px; position: relative; z-index: 1; } .custom-badge-circle { display: flex; align-items: center; justify-content: center; align-self: flex-start; margin-top: 3px; flex-shrink: 0; } .custom-badge-circle.has-circle { box-sizing: border-box; } .custom-badge-container { min-width: 35px; display: flex; align-items: center; justify-content: center; } .custom-badge-image { width: 100%; height: 100%; object-fit: contain; } .custom-badge-svg { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .custom-badge-svg svg { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } .custom-guarantee-text { flex: 1; letter-spacing: var(--letter-spacing-body); } .custom-guarantee-text h3 { font-size: 15px; font-weight: var(--font-weight-semibold); margin: 0 0 2px 0; line-height: 1.2; color: #ffffff !important; letter-spacing: var(--letter-spacing-body); } .custom-guarantee-text p { font-size: 12px; line-height: 1.3; margin: 0; color: #ffffff !important; letter-spacing: var(--letter-spacing-body); } @media screen and (max-width: 450px) { .custom-badge-container { width: 65px !important; height: 65px !important; min-width: 32px; } .custom-guarantee-text h3 { font-size: calc(15px * 0.9); letter-spacing: var(--letter-spacing-body); } .custom-guarantee-text p { font-size: calc(12px * 0.9); letter-spacing: var(--letter-spacing-body); } } /* Desktop full width styling */ @media screen and (min-width: 750px) { .custom-money-back-guarantee { width: 100%; max-width: none; } } .customer-review-customer_review_D8rjrT { display: flex; padding: clamp(12px, 1%, 24px); background: linear-gradient(to bottom, #dedede, #ffffff); border: 1px solid rgba(0,0,0,0); 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_D8rjrT .customer-review-avatar-container { position: relative; width: 45px; flex: 0 0 auto; align-self: flex-start; } /* This pseudo-element ensures the container remains square */ .customer-review-customer_review_D8rjrT .customer-review-avatar-container::before { content: ""; display: block; padding-top: 100%; /* Creates a 1:1 aspect ratio */ } .customer-review-customer_review_D8rjrT .customer-review-avatar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 6px; overflow: hidden; } .customer-review-customer_review_D8rjrT .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_D8rjrT .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_D8rjrT .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_D8rjrT .customer-review-name { font-weight: var(--font-weight-bold) !important; font-size: 14px; color: #000000; display: flex; align-items: center; letter-spacing: var(--letter-spacing-body); flex-shrink: 1; margin-right: 0; min-width: 0; width: auto; } .customer-review-customer_review_D8rjrT .customer-review-verified { margin-left: 5px; margin-right: 6px; position: relative; top: -1px; flex-shrink: 0; width: 14px; height: 14px; } .customer-review-customer_review_D8rjrT .customer-review-stars { display: flex; align-items: center; flex-wrap: nowrap; flex-shrink: 0; } .customer-review-customer_review_D8rjrT .customer-review-star { margin-right: -3px; fill: #D8D8D8 !important; height: 18px; width: 18px; flex-shrink: 0; } .customer-review-customer_review_D8rjrT .customer-review-star--filled { fill: #ffb800 !important; } .customer-review-customer_review_D8rjrT .customer-review-text { margin: 0 !important; font-size: 13px !important; color: #333030 !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 */ } /* Add responsive sizing for shorter reviews */ .customer-review-customer_review_D8rjrT .customer-review-text:empty { display: none; } .customer-review-customer_review_D8rjrT .customer-review-text:only-child { margin-top: 0; } @media (max-width: 480px) { .customer-review-customer_review_D8rjrT { padding: 10px; gap: 8px; }.customer-review-customer_review_D8rjrT .customer-review-avatar-container { width: 40px; /* The padding-top percentage in the ::before element ensures it remains square at all widths */ }.customer-review-customer_review_D8rjrT .customer-review-header { margin-bottom: 3px; align-items: center !important; gap: 0px !important; } .customer-review-customer_review_D8rjrT .customer-review-verified { /* Use customizable sizing that scales with name size */ } .customer-review-customer_review_D8rjrT .customer-review-star { /* Use customizable sizing instead of fixed mobile size */ } .customer-review-customer_review_D8rjrT .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 #e5e5e5; background-color: transparent; } .new-faq-container.border-bottom-only { border: none; } .new-faq-container.border-bottom-only .faq-question { padding-right: 0; padding-left: 0; } .new-faq-container.border-bottom-only .faq-answer { padding-right: 0; padding-left: 0; } .faq-item { border-bottom: 1px solid #e5e5e5; padding: 0; } .faq-item:last-child { border-bottom: none; } .faq-question { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 8px 16px; cursor: pointer; font-weight: var(--font-weight-regular); position: relative; color: #000000; background-color: #ffffff; font-size: 16px; line-height: 1.3; border: none; outline: none; transition: background-color 0.3s, color 0.3s; text-align: left; border-radius: 10px !important; } .faq-question-image, .faq-question-svg { margin-right: 12px; flex-shrink: 0; width: 31px; height: 31px; border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .faq-question-image img { width: 100%; height: 100%; object-fit: contain; } .faq-question-svg svg { width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: block; } .faq-question-svg { background-color: transparent; } .faq-question-text { flex: 1; } .faq-toggle { display: flex; align-items: center; justify-content: center; font-size: 18px; margin-left: 10px; transition: transform 0.4s cubic-bezier(.4,0,.2,1); color: #000000; width: 18px; height: 18px; flex-shrink: 0; } .faq-toggle svg, .faq-toggle img { width: 100%; height: 100%; display: block; } .faq-toggle img { object-fit: contain; } .faq-toggle--custom { transform: none; } .faq-item.active .faq-toggle { transform: rotate(45deg); } .faq-item.active .faq-toggle--custom { transform: none; } .faq-answer { padding: 0 16px 0 0; max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(.4,0,.2,1), padding 0.3s; color: #000000; background-color: #ffffff; font-size: 16px; line-height: 1.4; opacity: 0; will-change: max-height, opacity; } .faq-item.active .faq-answer { opacity: 1; padding: 0 16px 16px 0; } .faq-answer-inner { padding-top: 16px; } .faq-answer p { margin-top: 0; margin-bottom: 0.5em; } .faq-answer p:last-child { margin-bottom: 0; } /* Ensure lists display properly inside FAQ answers */ .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; } /* Images in FAQ answers (from product description) */ .faq-answer img { max-width: 100%; height: auto; display: block; margin: 0.5em 0; } /* Custom scrollbar styling for FAQ answers */ .faq-answer::-webkit-scrollbar { width: 6px; } .faq-answer::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 3px; } .faq-answer::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); border-radius: 3px; } .faq-answer::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 768px) { .product-faq { font-size: 90%; width: 100%; } .faq-question { padding: 8px 14px; font-size: 16px; } .faq-question-image, .faq-question-svg { width: 27.125px; height: 27.125px; 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 16px 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: 8px 12px; font-size: 16px; } .faq-question-image, .faq-question-svg { width: 23.25px; height: 23.25px; 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 16px 0; } .faq-answer::-webkit-scrollbar { width: 3px; } } .trust-card-wrap { max-width: 500px; margin: 10px auto; padding: 35px 30px; background: linear-gradient(180deg, #2c3e50 0%, #1a1a2e 100%) !important; border-radius: 16px; color: #ffffff; font-family: Poppins, sans-serif !important; } .trust-card-wrap * { font-family: Poppins, sans-serif !important; box-sizing: border-box; } .trust-card-wrap h2 { font-size: 22px !important; font-weight: 800 !important; text-align: center; color: #ffffff !important; margin: 0 0 25px 0 !important; line-height: 1.3; } .tc-grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px; } .tc-point { display: flex !important; align-items: flex-start !important; gap: 10px; } .tc-icon { flex-shrink: 0; width: 24px; height: 24px; min-width: 24px; background: rgba(255,255,255,0.15) !important; border-radius: 50%; display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 2px; } .tc-txt { font-size: 14px !important; font-weight: 500 !important; color: #e0e0e0 !important; line-height: 1.4; } .tc-desc { font-size: 13px !important; font-weight: 400 !important; color: #c0c0c0 !important; text-align: center; line-height: 1.7; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px !important; margin: 0 !important; } @media (max-width: 749px) { .trust-card-wrap { margin: 8px 15px !important; padding: 25px 20px !important; } .trust-card-wrap h2 { font-size: 18px !important; margin-bottom: 18px !important; } .tc-grid { grid-template-columns: 1fr !important; gap: 15px; margin-bottom: 20px; } .tc-txt { font-size: 13px !important; } .tc-desc { font-size: 12px !important; } } #shopify-section-template--23283797885148__shop_product_details_CPbRRa .custom-text-accent {font-weight: 700 !important;} #shopify-section-template--23283797885148__shop_product_details_CPbRRa .simple-variant-picker__selected-variant {opacity: 0% !important;} /* Custom colors enabled - DEBUG: use_theme_colors = false */ /* Override gradient background when theme colors are off */ .button-gradient-effect, #stickyAddToCart .button-gradient-effect, html body #stickyAddToCart .button-gradient-effect { background: transparent !important; background-image: none !important; } #stickyAddToCart, html body #stickyAddToCart { background: #ffffff !important; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1) !important; color: #333030 !important; z-index: 9900; } /* Mobile-only transparent background for custom colors */ @media (max-width: 767px) { } #stickyAddToCart .sticky-add-to-cart__container, html body #stickyAddToCart .sticky-add-to-cart__container { background: #ffffff !important; } /* Mobile-only transparent background for custom colors container */ @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; } /* Mobile-only transparent background for custom colors elements */ @media (max-width: 767px) { } #stickyAddToCart .sticky-add-to-cart__button, html body #stickyAddToCart .sticky-add-to-cart__button { /* Use Global Button Styling System */ --button-text-font-size: var(--global-button-font-size, 14px); padding: var(--global-button-padding-y, 12px) var(--global-button-padding-x, 24px) !important; font-size: var(--global-button-font-size, 14px) !important; font-weight: var(--global-button-font-weight, 700) !important; font-family: var(--global-button-font-family, inherit) !important; letter-spacing: var(--global-button-letter-spacing, 1px) !important; text-transform: var(--global-button-text-transform, none) !important; color: var(--global-button-text-color) !important; border-radius: var(--global-button-radius); background-color: var(--global-button-bg-color) !important; border-left: var(--global-button-border-width, 0) solid var(--global-button-border-color, transparent) !important; border-right: var(--global-button-border-width, 0) solid var(--global-button-border-color, transparent) !important; border-top: var(--global-button-border-width, 0) solid var(--global-button-border-color, transparent) !important; border-bottom: var(--global-button-bottom-border-width, 0) solid var(--global-button-bottom-border-color, transparent) !important; } #stickyAddToCart .sticky-add-to-cart__button:hover, html body #stickyAddToCart .sticky-add-to-cart__button:hover { /* Use Global Button Hover Styling */ background-color: var(--global-button-hover-bg-color) !important; color: var(--global-button-hover-text-color) !important; border-color: var(--global-button-hover-border-color, transparent) !important; opacity: 1 !important; filter: none !important; } /* Button text elements */ #stickyAddToCart .sticky-add-to-cart__button .button-text, #stickyAddToCart .sticky-add-to-cart__button .button-added-text, html body #stickyAddToCart .sticky-add-to-cart__button .button-text, 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, html body #stickyAddToCart .sticky-add-to-cart__title { color: #333030 !important; font-size: 14px; letter-spacing: 0px; } #stickyAddToCart .sticky-add-to-cart__rating-text, html body #stickyAddToCart .sticky-add-to-cart__rating-text { color: #444444 !important; font-size: 14px; font-weight: var(--font-weight-regular); letter-spacing: 0px; } #stickyAddToCart .star, html body #stickyAddToCart .star { color: #444444 !important; opacity: 1 !important; } #stickyAddToCart .sticky-add-to-cart__image, html body #stickyAddToCart .sticky-add-to-cart__image { border-color: #919191 !important; } #stickyAddToCart .delivery-icon, html body #stickyAddToCart .delivery-icon { color: #444444 !important; } #stickyAddToCart .delivery-text, 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, html body #stickyAddToCart .delivery-date { color: #444444 !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; } } /* Full-width mobile button mode */ @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; } } .global-nav-button:hover { background: var(--nav-btn-bg-hover) !important; color: var(--nav-btn-color-hover) !important; border-color: var(--nav-btn-border-color-hover) !important; opacity: var(--nav-btn-opacity-hover) !important; } .global-nav-button[data-enable-hover-transform="true"]:hover { transform: translateY(-2px); } .global-nav-button svg { pointer-events: none; flex-shrink: 0; } .global-nav-button:hover { background: var(--nav-btn-bg-hover) !important; color: var(--nav-btn-color-hover) !important; border-color: var(--nav-btn-border-color-hover) !important; opacity: var(--nav-btn-opacity-hover) !important; } .global-nav-button[data-enable-hover-transform="true"]:hover { transform: translateY(-2px); } .global-nav-button svg { pointer-events: none; flex-shrink: 0; } .testimonials-section.section-template--23283797885148__testimonials_XjYNEP { --testimonials-gap: 20px; --card-width-mobile: 85%; --card-width-desktop: 320px; } .testimonials-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .testimonials-header { text-align: center; margin-bottom: 40px; } .testimonials-heading { margin-bottom: 20px; font-size: 42px; line-height: 1.2; } .testimonials-subtitle { margin-bottom: 20px; font-size: 18px; line-height: 1.4; max-width: 800px; margin-left: auto; margin-right: auto; } /* Enhanced accent text styling with global and local customization options */ .testimonials-section .testimonials-global-accent-text, .testimonials-section .testimonials-custom-accent-text { padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; margin-left: 0px !important; background: linear-gradient(45deg, rgba(1, 90, 173, 1) 100%, rgba(106, 76, 147, 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; } .testimonials-rating { display: flex; flex-direction: column; align-items: center; gap: 8px; } .rating-stars { display: flex; gap: 4px; font-size: 20px; } .testimonials-rating-text { margin: 0; color: #000000; } .testimonials-rating-text p { margin: 0 !important; padding: 0 !important; } .testimonials-rating-text strong, .testimonials-rating-text b { font-weight: 700 !important; } .star { opacity: 0.3; } .star.filled { opacity: 1; } .testimonials-carousel { position: relative; overflow: hidden; } .testimonials-carousel { -webkit-mask: linear-gradient(to right, transparent 0%, black 100px, black calc(100% - 100px), transparent 100%); mask: linear-gradient(to right, transparent 0%, black 100px, black calc(100% - 100px), transparent 100%); } /* Desktop: Adjust mask for 5-card layout */ @media screen and (min-width: 750px) { .testimonials-carousel { -webkit-mask: linear-gradient(to right, transparent 0%, black 150px, black calc(100% - 150px), transparent 100%); mask: linear-gradient(to right, transparent 0%, black 150px, black calc(100% - 150px), transparent 100%); } } .testimonials-track { display: flex; gap: var(--testimonials-gap); transition: transform 0.3s ease; padding-bottom: 20px; justify-content: flex-start; } .testimonial-card { flex: 0 0 var(--card-width-mobile); padding: 24px; border-radius: 12px; display: flex; flex-direction: column; gap: 2px; min-height: 200px; } /* Desktop: 5 cards visible (3 full, 2 partial) */ @media screen and (min-width: 750px) { .testimonials-carousel { overflow: visible; /* Allow partial cards to show */ } .testimonial-card { flex: 0 0 300px; /* Fixed width for consistent sizing */ max-width: 300px; height: min-content; } .testimonials-track { display: flex; align-items: flex-start; } } .card-rating { display: flex; gap: 4px; } .testimonials-card-star { width: 16px !important; Height: 16px !important; } .testimonial-title { font-size: 18px; margin: 0; line-height: 1.3; } /* Ensure custom title colors take precedence */ .testimonial-card .testimonial-title[style*="color"] { color: inherit !important; } .testimonial-content { flex: 1; letter-spacing: var(--letter-spacing-body); line-height: 1.5; font-size: 14px; } .testimonial-author-container { margin-top: auto; padding-top: 8px; } .testimonial-author { display: flex; align-items: center; gap: 12px; } .author-avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; overflow: hidden; } .author-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .author-info { flex-grow: 1; height: 40px; gap: 4px; display: flex; flex-direction: column; justify-content: center; } .author-info-container { display: flex; } .author-info-details { display: inline-flex; align-items: center; font-size: 12px; border-radius: 50px; padding: 1px 2px; width: auto; max-width: fit-content; } .author-name { font-size: 12px; margin: 0; line-height: 1.2; font-weight: var(--font-weight-medium); letter-spacing: var(--letter-spacing-body); } .testimonials-verified-badge { font-size: 12px !important; display: flex; margin-left: 4px; align-items: center; gap: 4px; font-weight: var(--font-weight-bold); } .verified-icon { color: white; border-radius: 50%; width: 10px; height: 10px; display: flex; align-items: center; justify-content: center; font-size: 8px; } .testimonials-product-purchase-date { font-size: 12px; display: flex; align-items: center; gap: 4px; margin: 0px 0 0 0; } .testimonials-navigation { display: flex; justify-content: center; gap: 12px; margin-top: 20px; } /* Navigation buttons now use global-nav-button snippet */ .testimonials-navigation .global-nav-button:disabled { opacity: 0.3; cursor: not-allowed; } .testimonials-dots { display: flex; justify-content: center; gap: 8px; margin-top: 24px; align-items: center; min-height: 16px; padding: 4px 0; overflow: visible; } .dot { width: 8px; height: 8px; border-radius: 50%; border: none; cursor: pointer; transition: opacity 0.2s ease; opacity: 0.4; transform: none !important; scale: none !important; flex-shrink: 0; overflow: visible; } .dot.active { opacity: 1; transform: none !important; scale: none !important; width: 8px !important; height: 8px !important; } @media screen and (max-width: 749px) { .testimonials-container { padding: 0 15px; } .testimonials-header { margin-bottom: 30px; } .testimonials-heading { font-size: 28px !important; } .testimonials-subtitle { font-size: 18px !important; } .testimonial-title { font-size: 16px !important; } .testimonial-content { font-size: 13px !important; } .testimonials-verified-badge { font-size: 11px !important; } .testimonials-product-purchase-date { font-size: 11px !important; } .testimonial-card { scroll-snap-align: start; } .testimonials-navigation { display: none; } } @media screen and (min-width: 750px) { .testimonial-card { flex: 0 0 var(--card-width-desktop); } .testimonials-track { overflow: visible; } } /* Dynamic styles that use Liquid variables */ .custom-benefits-section-wrapper { background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1) 100%) !important; padding-top: 0px; padding-bottom: 35px; padding-left: 25px; padding-right: 25px; } /* Desktop background image - only applies on screens wider than 767px */ @media screen and (min-width: 768px) { .custom-benefits-section-wrapper { } } /* Background overlay */ /* Mobile background image */ @media screen and (max-width: 767px) { .custom-benefits-section-wrapper { } } /* Content column positioning for overlay effect */ .custom-content-column { position: relative; z-index: 1; } /* Desktop Layout Options */ @media screen and (min-width: 768px) { .custom-benefits-container { flex-direction: row !important; align-items: center !important; gap: 40px !important; } .custom-header-section { display: none !important; } .custom-content-column, .custom-image-column { flex: 1 !important; order: 0 !important; } .custom-section-header.desktop-header { display: block !important; text-align: center !important; margin-bottom: 30px !important; } .custom-image-column { position: relative; z-index: 1; } } /* Enhanced accent text styling with global and local customization options */ .custom-benefits-section .global-accent-text, .custom-benefits-section-wrapper .global-accent-text, .custom-benefits-section .custom-accent-text, .custom-benefits-section-wrapper .custom-accent-text { padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; margin-left: 0px !important; color: #0c61b0 !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; } /* Enhanced specificity for heading */ .custom-benefits-section .product-benefits-heading, .custom-benefits-section-wrapper .product-benefits-heading, .custom-benefits-section-wrapper h2.product-benefits-heading { font-size: 29px !important; color: #000000 !important; letter-spacing: var(--letter-spacing-heading) !important; line-height: 1.1 !important; font-weight: var(--font-weight-bold) !important; margin-top: 0px !important; margin-bottom: 12px !important; } /* Enhanced specificity for subtitle */ .custom-benefits-section .custom-subtitle, .custom-benefits-section-wrapper .custom-subtitle { font-size: 12px !important; letter-spacing: var(--letter-spacing-body); color: #000000 !important; } /* Enhanced specificity for benefit titles */ .custom-benefits-section .custom-benefit-title, .custom-benefits-section-wrapper .custom-benefit-title, .custom-benefits-section-wrapper h3.custom-benefit-title { font-size: 15px !important; letter-spacing: var(--letter-spacing-body) !important; margin-bottom: 0px !important; font-weight: var(--font-weight-bold) !important; } /* Force benefit title colors to override inline styles */ .custom-benefits-section [data-block-id="benefit_qqz9e9"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_qqz9e9"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_qqz9e9"] h3.custom-benefit-title { color: #0c61b0 !important; } .custom-benefits-section [data-block-id="benefit_68ByAi"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_68ByAi"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_68ByAi"] h3.custom-benefit-title { color: #0c61b0 !important; } .custom-benefits-section [data-block-id="benefit_DMB7HC"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_DMB7HC"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_DMB7HC"] h3.custom-benefit-title { color: #0c61b0 !important; } .custom-benefits-section [data-block-id="benefit_CkQDhb"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_CkQDhb"] .custom-benefit-title, .custom-benefits-section-wrapper [data-block-id="benefit_CkQDhb"] h3.custom-benefit-title { color: #0c61b0 !important; } /* Universal benefit title color overrides */ html body .custom-benefits-section .custom-benefit-title, html body .custom-benefits-section-wrapper .custom-benefit-title, html body .custom-benefits-section-wrapper h3.custom-benefit-title, html body .custom-benefits-section .custom-benefit-item .custom-benefit-title, html body .custom-benefits-section-wrapper .custom-benefit-item .custom-benefit-title { color: #0c61b0 !important; } /* Individual benefit color overrides */ /* Enhanced specificity for benefit descriptions */ .custom-benefits-section .custom-benefit-description, .custom-benefits-section-wrapper .custom-benefit-description { font-size: 12px !important; letter-spacing: var(--letter-spacing-body); } /* Title below icon layout */ /* Enhanced specificity for benefits list */ .custom-benefits-section .custom-benefits-list, .custom-benefits-section-wrapper .custom-benefits-list { background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(240, 240, 240, 1) 100%) !important; border-radius: 20px !important; padding: 20px !important; max-width: 450px !important; margin: 0 auto !important; border: 1px solid #e0e0e0 !important; position: static !important; z-index: auto !important; } @media screen and (min-width: 768px) { .custom-benefits-section .product-benefits-heading, .custom-benefits-section-wrapper .product-benefits-heading, .custom-benefits-section-wrapper h2.product-benefits-heading { font-size: 35px !important; letter-spacing: var(--letter-spacing-heading) !important; line-height: 1.1 !important; } .custom-benefits-section .custom-subtitle, .custom-benefits-section-wrapper .custom-subtitle { font-size: 13px !important; } .custom-benefits-section .custom-benefit-title, .custom-benefits-section-wrapper .custom-benefit-title, .custom-benefits-section-wrapper h3.custom-benefit-title { font-size: 14px !important; } .custom-benefits-section .custom-benefit-description, .custom-benefits-section-wrapper .custom-benefit-description { font-size: 12px !important; } } /* Video styling for feature video */ .custom-feature-video { width: 100%; height: auto; border-radius: 8px; overflow: hidden; background: #000; margin-top: 0px; margin-bottom: 20px; } .custom-video-element { width: 100% !important; height: auto !important; display: block !important; border-radius: 8px !important; background: #000 !important; } /* Image styling with margins */ .custom-section-image-container { margin-top: 0px; margin-bottom: 20px; position: relative; z-index: 1; } /* Image border */ .custom-feature-image img, .custom-feature-video, .custom-video-element, .custom-placeholder-image svg { border-radius: 8px !important; } /* Mobile full-width image styling */ @media screen and (max-width: 767px) { /* Ensure benefits list appears above image on mobile */ .custom-benefits-section .custom-benefits-list, .custom-benefits-section-wrapper .custom-benefits-list { position: relative !important; z-index: 2 !important; } /* Ensure content column has proper stacking on mobile */ .custom-content-column { position: relative !important; z-index: 1 !important; } } .section-template--23283797885148__roadmap_MP3fN8-padding { padding-top: 36px; padding-bottom: 36px; padding-left: 24px; padding-right: 24px; } @media screen and (min-width: 750px) { .section-template--23283797885148__roadmap_MP3fN8-padding { padding-top: 72px; padding-bottom: 72px; padding-left: 80px; padding-right: 80px; } } .roadmap-section { position: relative; color: ; /* Only gradient/color when no background image */ background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1) 100%); } /* Max section width for content when not contained (background stays full width) */ /* Remove page-width constraints when full height is enabled */ /* Two-column layout on desktop (only for placeholder, not when image exists) */ /* Mobile placeholder space (below timeline) */ .roadmap-container { display: flex; flex-direction: column; gap: 40px; max-width: 100%; position: relative; z-index: 2; margin: 0 auto; } /* Apply padding to roadmap content on mobile when full height is enabled */ /* Mobile image above timeline styling */ .roadmap-image-mobile-above { width: 100%; margin-bottom: 30px; display: none; } .roadmap-image-mobile-above img { width: 100%; height: auto; border-radius: 8px; } /* Mobile background image */ @media screen and (max-width: 749px) { .roadmap-section { } /* Show mobile image above timeline */ .roadmap-image-mobile-above { display: block !important; } /* Hide the regular image column on mobile */ .roadmap-image-column { display: none !important; } } @media screen and (min-width: 750px) { .roadmap-container { flex-direction: row; align-items: flex-start; gap: 60px; max-width: 1200px; } /* Hide mobile image above timeline on desktop */ .roadmap-image-mobile-above { display: none !important; } .roadmap-content { flex: 1; min-width: 0; } .roadmap-image-column { flex: 0 0 50%; max-width: 50%; } } .roadmap-image { width: 100%; height: auto; border-radius: 8px; } .roadmap-timeline { position: relative; max-width: 95%; } .roadmap-timeline::before { content: ''; position: absolute; left: 15px; top: 30px; bottom: 0; width: 3px; background: #e0e0e0; border-radius: 3px; } /* Desktop: Adjust timeline height when button is present */ @media screen and (min-width: 750px) { .roadmap-timeline::before { bottom: 100px; /* Reduce height by 100px when button is present on desktop */ } } /* Active fill line that animates with scroll */ .roadmap-timeline .timeline-fill { position: absolute; left: 15px; top: 30px; width: 3px; background: #ff5801; border-radius: 3px; height: 0%; min-height: 0; transition: height 0.3s ease-out; z-index: 2; transform-origin: top; pointer-events: none; /* Prevent fill from extending beyond roadmap items */ overflow: hidden; } .roadmap-item { position: relative; margin-bottom: 40px; padding-left: 50px; opacity: 1; transform: translateY(0); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .roadmap-item.fade-out { opacity: 0; transform: translateY(30px); } .roadmap-item.animate-in { opacity: 1; transform: translateY(0); } /* Respect user's motion preferences */ @media (prefers-reduced-motion: reduce) { .roadmap-item { opacity: 1; transform: none; transition: none; } .roadmap-item.animate-in { opacity: 1; transform: none; } } .roadmap-item:last-child { margin-bottom: 0; } .roadmap-circle { position: absolute; left: 0; top: 0px; width: 30px; height: 30px; border-radius: 50%; background: #ffdac7; display: flex; align-items: center; justify-content: center; z-index: 2; } .roadmap-circle svg { width: 16px; height: 16px; fill: #ff5801 !important; } .roadmap-badge { display: inline-block; background: #ff5801; color: #ffffff; padding: 4px 12px; border-radius: 50px; font-size: 12px !important; font-weight: 600 !important; margin-bottom: 6px; letter-spacing: var(--letter-spacing-body); border: 1px solid #ff5801; } .roadmap-title { font-size: 16px !important; font-weight: var(--font-weight-bold) !important; font-style: normal !important; font-family: var(--font-body-family) !important; margin-bottom: 8px; letter-spacing: var(--letter-spacing-heading) !important; line-height: 1.3; color: #121212 !important; } .roadmap-description { font-size: 12px !important; line-height: 1.6; color: #666666 !important; opacity: 0.9; letter-spacing: var(--letter-spacing-body); } /* Bullet list styling for roadmap descriptions */ .roadmap-description ul, .roadmap-description ol { margin: 10px 0; padding-left: 0; list-style: none; } .roadmap-description ul li, .roadmap-description ol li { position: relative; padding-left: 28px; margin-bottom: 8px; line-height: 1.5; } /* Default bullet style */ .roadmap-description ul li::before { content: ''; position: absolute; left: 0; top: 0.35em; width: 8px; height: 8px; background: #ffdac7; border-radius: 50%; } /* Ordered list numbers */ .roadmap-description ol { counter-reset: list-counter; } .roadmap-description ol li::before { counter-increment: list-counter; content: counter(list-counter) "."; position: absolute; left: 0; top: 0; font-weight: 600; color: #ffdac7; } .roadmap-header { text-align: center !important; margin-bottom: 40px; } .roadmap-header .heading { font-size: 44px !important; font-weight: var(--font-weight-bold); color: #121212 !important; margin-bottom: 15px; letter-spacing: var(--letter-spacing-heading) !important; line-height: 1.3; } .roadmap-header .subheading { font-size: 17px !important; color: #121212 !important; opacity: 0.8; letter-spacing: var(--letter-spacing-body) !important; } /* Enhanced accent text styling with global and local customization options */ .roadmap-section .accent, .roadmap-section .global-accent-text, .roadmap-section .custom-accent-text { padding-right: 0px !important; display: inline-block !important; color: #007bff !important; font-family: var(--font-accent-family, var(--font-body-family)) !important; font-style: var(--font-accent-style, normal) !important; font-weight: var(--font-accent-weight, inherit) !important; letter-spacing: var(--font-accent-letter-spacing, inherit) !important; text-transform: var(--font-accent-text-transform, none) !important; } @media screen and (max-width: 749px) { .roadmap-header { text-align: center !important; margin-bottom: 30px; } .roadmap-header .heading { font-size: 23px !important; color: #121212 !important; letter-spacing: var(--letter-spacing-heading) !important; line-height: 1.3; } .roadmap-header .subheading { font-size: 13px !important; color: #121212 !important; letter-spacing: var(--letter-spacing-body) !important; } .roadmap-timeline::before { left: 15px; top: 25px; } .roadmap-item { padding-left: 50px; margin-bottom: 30px; } .roadmap-item.fade-out { /* Reduce animation distance on mobile for better UX */ transform: translateY(20px); } .roadmap-item.animate-in { transform: translateY(0); } .roadmap-circle { left: 0; top: 0px; width: 30px; height: 30px; } .roadmap-circle svg { width: 16px; height: 16px; } .roadmap-badge { font-size: 11px !important; padding: 3px 10px; margin-bottom: 6px; } .roadmap-title { font-size: 14px !important; font-style: normal !important; font-family: var(--font-body-family) !important; color: #121212 !important; } .roadmap-description { font-size: 12px !important; color: #666666 !important; } /* Mobile bullet list adjustments */ .roadmap-description ul li, .roadmap-description ol li { padding-left: 24px; margin-bottom: 6px; } .roadmap-description ul li::before { width: 6px; height: 6px; top: 0.4em; } } /* Roadmap Button Styling */ .roadmap-button-container { text-align: center; margin-top: 0px; margin-bottom: 20px; padding-top: 0px; } .roadmap-cta-button { display: block; width: 100%; text-decoration: none; transition: all 0.3s ease; cursor: pointer; text-align: center; /* Use Custom Section Styling */ padding: 14px 28px; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border-radius: 8px; background-color: #ff5801; color: #ffffff; border: 2px solid #ff5801; } .roadmap-cta-button:hover { /* Custom Section Hover State */ background-color: #ffffff; color: #000000; border-color: #ff5801; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } /* Desktop: Show button inside timeline, hide mobile button */ @media screen and (min-width: 750px) { .roadmap-button-desktop { display: block; } .roadmap-button-mobile { display: none; } } /* Mobile: Hide desktop button, show mobile button */ @media screen and (max-width: 749px) { .roadmap-button-desktop { display: none; } .roadmap-button-mobile { display: block; margin-top: 0px; margin-bottom: 20px; padding-top: 0px; } .roadmap-content { padding-bottom: 0px !important; } } .section-template--23283797885148__statistics_column_y9eLJy { --stats-number-size-mobile: 24px; --stats-number-size-desktop: 44px; --stats-title-size-mobile: 16px; --stats-title-size-desktop: 16px; --stats-description-size-mobile: 13px; --stats-description-size-desktop: 16px; --stats-disclaimer-padding-top: 0px; --stats-disclaimer-padding-bottom: 0px; --stats-disclaimer-padding-left: 0px; --stats-disclaimer-padding-right: 0px; --stats-disclaimer-size-mobile: 13px; --stats-disclaimer-size-desktop: 14px; --stats-disclaimer-border-radius: 8px; --stats-disclaimer-background: #fdfdfd; --stats-disclaimer-color: #9b9b9b; --stats-disclaimer-icon-color: #ffffff; --stats-disclaimer-line-height: 1.4; --stats-disclaimer-border-width: 1px; --stats-disclaimer-border-style: none; --stats-disclaimer-border-color: #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .section-template--23283797885148__statistics_column_y9eLJy .stats-column-title { font-size: var(--stats-title-size-mobile); color: #444444; } @media screen and (min-width: 750px) { .section-template--23283797885148__statistics_column_y9eLJy .stats-column-title { font-size: var(--stats-title-size-desktop); } } .section-template--23283797885148__statistics_column_y9eLJy .stats-column-description { font-size: var(--stats-description-size-mobile); color: #666666; } @media screen and (min-width: 750px) { .section-template--23283797885148__statistics_column_y9eLJy .stats-column-description { font-size: var(--stats-description-size-desktop); } } .section-template--23283797885148__statistics_column_y9eLJy .studies-disclaimer { margin-top: 2rem; } .section-template--23283797885148__statistics_column_y9eLJy .studies-disclaimer-content { display: flex; align-items: flex-start; gap: 10px; padding: var(--stats-disclaimer-padding-top) var(--stats-disclaimer-padding-right) var(--stats-disclaimer-padding-bottom) var(--stats-disclaimer-padding-left); background-color: var(--stats-disclaimer-background); border-radius: var(--stats-disclaimer-border-radius); border: var(--stats-disclaimer-border-width) var(--stats-disclaimer-border-style) var(--stats-disclaimer-border-color); } .section-template--23283797885148__statistics_column_y9eLJy .disclaimer-icon { flex-shrink: 0; margin-top: 0.125rem; opacity: 0.7; color: var(--stats-disclaimer-icon-color); } .section-template--23283797885148__statistics_column_y9eLJy .disclaimer-icon svg { width: 16px; height: 16px; fill: currentColor; } .section-template--23283797885148__statistics_column_y9eLJy .studies-disclaimer-text { font-weight: var(--font-weight-regular); margin: 0; line-height: var(--stats-disclaimer-line-height); letter-spacing: var(--letter-spacing-body); flex: 1; font-size: var(--stats-disclaimer-size-mobile); color: var(--stats-disclaimer-color); } @media screen and (min-width: 750px) { .section-template--23283797885148__statistics_column_y9eLJy .studies-disclaimer-text { font-size: var(--stats-disclaimer-size-desktop); } } .section-template--23283797885148__statistics_column_y9eLJy .studies-disclaimer-text strong { color: var(--stats-disclaimer-icon-color); } .statistics-section-custom-background-template--23283797885148__statistics_column_y9eLJy { background: linear-gradient(135deg, rgba(1, 90, 173, 1), rgba(255, 255, 255, 1) 100%); } /* Page-width container padding customization - applies regardless of contain_section */ .section-template--23283797885148__statistics_column_y9eLJy .page-width { padding-left: 25px; padding-right: 25px; padding-top: 40px; padding-bottom: 40px; } @media screen and (min-width: 750px) { .section-template--23283797885148__statistics_column_y9eLJy .page-width { padding-left: 35px; padding-right: 35px; padding-top: 40px; padding-bottom: 40px; } } .stats-column { display: flex; flex-direction: column; gap: 2rem; } .stats-column-content { flex: 1; order: 2; } .stats-column-image { flex: 1; width: 100%; order: 1; } @media screen and (min-width: 990px) { .stats-column { flex-direction: row; align-items: center; gap: 4rem; } .stats-column-content { order: 1; max-width: calc(100% - 30%); } .stats-column-image { order: 2; max-width: 30%; margin-bottom: 0; } } .stats-column-image img { width: 100%; height: auto; object-fit: cover; border-radius: 0px; } /* Two Column Layout Styles */ .stats-column.two-column-layout { display: flex; flex-direction: column; gap: 2rem; } @media screen and (min-width: 990px) { /* Desktop container padding */ .stats-column-container.contained { padding: 25px 25px 30px 35px !important; } .stats-column.two-column-layout { flex-direction: row; align-items: flex-start; gap: 4rem; } .stats-column.two-column-layout .stats-column-header-section { flex: 1; max-width: 50%; } .stats-column.two-column-layout .stats-column-content { flex: 1; max-width: 50%; } /* Hide desktop header in two-column layout since it's in the header section */ .stats-column.two-column-layout .stats-column-content .desktop-header { display: none; } } /* Container Styles */ .stats-column-container { width: 100%; } .stats-column-container.contained { max-width: 1200px; margin: 0 auto; } /* Override page-width max-width when contain_section is enabled */ .section-template--23283797885148__statistics_column_y9eLJy .page-width { max-width: 1200px; } .stats-column-list { display: flex; flex-direction: column; gap: 0; } @media screen and (max-width: 749px) { .stats-column-list { margin: 0; padding: 0; width: 100%; } } .stats-column-item { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1.5rem 0; width: 100%; min-height: 100px; } @media screen and (max-width: 749px) { .stats-column-item { flex-direction: column; align-items: flex-start; gap: 1rem; max-height: none; padding: 1.5rem 0; margin: 0; width: 100%; } } .stats-column-item:not(:last-child) { border-bottom: 1px solid #c7c4c4; } .section-template--23283797885148__statistics_column_y9eLJy .stats-column-number { font-size: 24px !important; font-weight: var(--font-weight-bold) !important; color: #444444 !important; line-height: 1; width: 100%; text-align: left; letter-spacing: var(--letter-spacing-body); } @media screen and (max-width: 749px) { .section-template--23283797885148__statistics_column_y9eLJy .stats-column-number { font-size: 40px !important; width: 100%; text-align: left; text-align: left; margin: 0; padding: 0; color: #444444 !important; } } @media screen and (min-width: 750px) { .section-template--23283797885148__statistics_column_y9eLJy .stats-column-number { font-size: 44px !important; width: 100%; text-align: left; color: #444444 !important; } } .stats-column-text { width: 100%; text-align: left; display: flex; flex-direction: column; } .stats-column-title-wrapper { display: flex; flex-direction: column; justify-content: flex-start; flex: 1; min-height: 100%; } @media screen and (max-width: 749px) { .stats-column-text { width: auto; flex: 1; margin: 0; padding: 0; } } .stats-column-title { font-size: 16px; font-weight: var(--font-weight-semibold); color: #444444 !important; margin: 0 0 0.5rem 0; line-height: 1.2; letter-spacing: var(--letter-spacing-body); } @media screen and (max-width: 749px) { .stats-column-title { font-size: 16px; color: #444444 !important; margin: 0 0 0.5rem 0; } } @media screen and (min-width: 750px) { .stats-column-title { font-size: 16px; } } .stats-column-description { font-size: 13px; font-weight: var(--font-weight-regular); color: #666666 !important; margin: 0; line-height: 1.4; letter-spacing: var(--letter-spacing-body); } @media screen and (max-width: 749px) { .stats-column-description { font-size: 13px; color: #666666 !important; line-height: 1.5; margin: 0; } } @media screen and (min-width: 750px) { .stats-column-description { font-size: 16px; color: #666666 !important; } } .stats-column-section-header { text-align: center; margin-bottom: 48px; } /* Heading vertical alignment for two-column layout */ .stats-column-header-section { display: flex; flex-direction: column; justify-content: center; } /* Mobile Header - visible on mobile, hidden on desktop */ .stats-column-section-header.mobile-header { display: block; } /* Desktop Header - hidden on mobile, visible on desktop */ .stats-column-section-header.desktop-header { display: none; } @media screen and (min-width: 990px) { .stats-column-section-header.mobile-header { display: none; } .stats-column-section-header.desktop-header { display: block; } } .section-template--23283797885148__statistics_column_y9eLJy .section-subtitle-container { width: 100%; text-align: left; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; } .section-template--23283797885148__statistics_column_y9eLJy .stats-section-title { font-size: 26px; font-weight: var(--font-weight-bold); color: #444444 !important; margin: 0 0 1rem 0; letter-spacing: var(--letter-spacing-heading); text-align: left; line-height: 1; } @media screen and (min-width: 750px) { .section-template--23283797885148__statistics_column_y9eLJy .stats-section-title { font-size: 42px; } } .section-template--23283797885148__statistics_column_y9eLJy .section-subtitle { font-size: 14px; font-weight: var(--font-weight-regular); color: #666666 !important; margin: 0; letter-spacing: var(--letter-spacing-body); text-align: left !important; width: 100%; max-width: 800px; } .section-template--23283797885148__statistics_column_y9eLJy .section-subtitle p { margin: 0; text-align: left !important; font-size: inherit; color: inherit; font-weight: inherit; } @media screen and (min-width: 750px) { .section-template--23283797885148__statistics_column_y9eLJy .section-subtitle { font-size: 14px; } } /* Enhanced accent text styling with global and local customization options */ .section-template--23283797885148__statistics_column_y9eLJy .stats-section-title .global-accent-text, .section-template--23283797885148__statistics_column_y9eLJy .stats-section-title .custom-accent-text { margin-left: 0px !important; color: #257bbc !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; } /* Theme background styling */ .statistics-section-theme-background-template--23283797885148__statistics_column_y9eLJy { background-color: #000000 !important; } .store-faq-section { padding: 30px 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.1; 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; } /* Full height image styling - base styles */ .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; } /* Hide image on mobile */ .desktop-only { display: none; } .store-faq { width: 100%; max-width: 100%; box-sizing: border-box; } #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq-items-container { overflow: hidden !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; border: 1px solid #e5e5e5 !important; border-radius: 8px !important; } .store-faq .store-faq-item { width: 100%; box-sizing: border-box; } /* Single column layout - remove bottom border from last item only when container has border */ .store-faq .store-faq-items-container:not(.individual-borders) .store-faq-item:last-child { border-bottom: none !important; margin-bottom: 0 !important; } /* Two column layout - keep bottom border on last items in columns for visual consistency */ .store-faq-flex-container.two-column-desktop .store-faq-items-container:not(.individual-borders) .store-faq-item:last-child { border-bottom: none !important; margin-bottom: 0 !important; } /* Container border handles the bottom border, avoid double border */ .store-faq-flex-container.two-column-desktop .store-faq-items-container:not(.individual-borders):not(.border-bottom-only) { border-bottom: 1px solid #e5e5e5 !important; } /* Border-bottom-only style - ensure last item has border */ .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: 18px; 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: 18px; 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; } /* Target all possible children of faq-answer */ .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; } /* Apply mobile styles when the faq-mobile-view class is present */ .faq-mobile-view .store-faq .store-faq-question { font-size: 16px !important; } .faq-mobile-view .store-faq .store-faq-answer { font-size: 16px !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: 650px; 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--23283797885148__store_faq_9EJmcm .store-faq-items-container.individual-borders { border: none !important; } #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq-items-container.individual-borders .store-faq-item { border: 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: 20.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.1; 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: 16px !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: 16px !important; } .store-faq .store-faq-toggle { font-size: 18px; } .store-faq .store-faq-answer { font-size: 16px !important; } .store-faq .store-faq-answer.mobile-font { font-size: 16px !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--23283797885148__store_faq_9EJmcm .store-faq-items-container.individual-borders { border: none !important; } #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq-items-container.individual-borders .store-faq-item { border: 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; } } /* Critical overrides for product page conflicts */ #store-faq-template--23283797885148__store_faq_9EJmcm { position: relative; z-index: 1; pointer-events: auto !important; } #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq, #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq-items-container, #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq-item { pointer-events: auto !important; } #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq-question { cursor: pointer !important; pointer-events: auto !important; } #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq-answer { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.3s ease, padding 0.3s ease !important; } #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq-item.active .store-faq-answer, #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq-item[open] .store-faq-answer { max-height: 300px !important; } #store-faq-template--23283797885148__store_faq_9EJmcm .store-faq-item.active .store-faq-toggle { transform: rotate(45deg) !important; } #shopify-section-template--23283797885148__rich_text_w7UfUD { } .rich-text-section-template--23283797885148__rich_text_w7UfUD { padding-top: 0px; padding-bottom: 0px; padding-left: 21px; padding-right: 21px; background-color: #ffffff; } .rich-text-section-template--23283797885148__rich_text_w7UfUD .rich-text-title { color: #0c61b0 !important; font-family: var(--font-heading-family) !important; font-weight: var(--font-weight-bold) !important; letter-spacing: var(--letter-spacing-heading) !important; font-size: 36px; line-height: 1.3; margin-bottom: 20px; } .rich-text-section-template--23283797885148__rich_text_w7UfUD .rich-text-title .accent { color: #ef4a65 !important; display: inline-block; } .rich-text-section-template--23283797885148__rich_text_w7UfUD .rich-text-subtitle { color: #666666 !important; font-size: 18px; line-height: 1.6; letter-spacing: var(--letter-spacing-body); margin-bottom: 32px; max-width: 700px; margin-left: auto; margin-right: auto; text-align: center; } .rich-text-section-template--23283797885148__rich_text_w7UfUD .rich-text-subtitle p { margin: 0 0 1rem 0; color: inherit !important; } .rich-text-section-template--23283797885148__rich_text_w7UfUD .rich-text-subtitle p:last-child { margin-bottom: 0; color: inherit !important; } /* Bold text styling */ .rich-text-section-template--23283797885148__rich_text_w7UfUD .rich-text-subtitle strong, .rich-text-section-template--23283797885148__rich_text_w7UfUD .rich-text-subtitle b, .rich-text-section-template--23283797885148__rich_text_w7UfUD .rte strong, .rich-text-section-template--23283797885148__rich_text_w7UfUD .rte b { font-weight: 700 !important; } /* Remove default page-width padding - use only section padding */ .rich-text-section-template--23283797885148__rich_text_w7UfUD .page-width { padding: 0 !important; margin-left: auto !important; margin-right: auto !important; } /* Image Block Styling */ /* Mobile Responsive */ @media screen and (max-width: 768px) { .rich-text-section-template--23283797885148__rich_text_w7UfUD { padding-top: 0px; padding-bottom: 0px; } .rich-text-section-template--23283797885148__rich_text_w7UfUD .rich-text-title { font-size: 26px; margin-bottom: 15px; } .rich-text-section-template--23283797885148__rich_text_w7UfUD .rich-text-subtitle { font-size: 16px; margin-bottom: 24px; max-width: 100%; margin-left: auto; margin-right: auto; text-align: center; } .rich-text-section-template--23283797885148__rich_text_w7UfUD .rich-text-button { margin-top: 18px; /* Mobile font size always uses section setting */ font-size: 14px !important; } /* Only apply custom padding when NOT using global button styling */ /* Mobile Image Styling */ } .global-nav-button:hover { background: var(--nav-btn-bg-hover) !important; color: var(--nav-btn-color-hover) !important; border-color: var(--nav-btn-border-color-hover) !important; opacity: var(--nav-btn-opacity-hover) !important; } .global-nav-button[data-enable-hover-transform="true"]:hover { transform: translateY(-2px); } .global-nav-button svg { pointer-events: none; flex-shrink: 0; } .global-nav-button:hover { background: var(--nav-btn-bg-hover) !important; color: var(--nav-btn-color-hover) !important; border-color: var(--nav-btn-border-color-hover) !important; opacity: var(--nav-btn-opacity-hover) !important; } .global-nav-button[data-enable-hover-transform="true"]:hover { transform: translateY(-2px); } .global-nav-button svg { pointer-events: none; flex-shrink: 0; } .testimonials-section.section-template--23283797885148__testimonials_44W6N3 { --testimonials-gap: 10px; --card-width-mobile: 75%; --card-width-desktop: 340px; } .testimonials-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .testimonials-header { text-align: center; margin-bottom: 40px; } .testimonials-heading { margin-bottom: 20px; font-size: 24px; line-height: 1.2; } .testimonials-subtitle { margin-bottom: 20px; font-size: 18px; line-height: 1.4; max-width: 800px; margin-left: auto; margin-right: auto; } /* Enhanced accent text styling with global and local customization options */ .testimonials-section .testimonials-global-accent-text, .testimonials-section .testimonials-custom-accent-text { padding: 2px 4px !important; margin: -2px -4px !important; display: inline-block !important; margin-left: 0px !important; color: #ef4a65 !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; } .testimonials-rating { display: flex; flex-direction: column; align-items: center; gap: 8px; } .rating-stars { display: flex; gap: 4px; font-size: 20px; } .testimonials-rating-text { margin: 0; color: #333333; } .testimonials-rating-text p { margin: 0 !important; padding: 0 !important; } .testimonials-rating-text strong, .testimonials-rating-text b { font-weight: 700 !important; } .star { opacity: 0.3; } .star.filled { opacity: 1; } .testimonials-carousel { position: relative; overflow: hidden; } .testimonials-track { display: flex; gap: var(--testimonials-gap); transition: transform 0.3s ease; padding-bottom: 20px; justify-content: flex-start; } .testimonial-card { flex: 0 0 var(--card-width-mobile); padding: 24px; border-radius: 5px; display: flex; flex-direction: column; gap: 2px; min-height: 200px; } /* Desktop: 5 cards visible (3 full, 2 partial) */ @media screen and (min-width: 750px) { .testimonials-carousel { overflow: visible; /* Allow partial cards to show */ } .testimonial-card { flex: 0 0 300px; /* Fixed width for consistent sizing */ max-width: 300px; height: min-content; } .testimonials-track { display: flex; align-items: flex-start; } } .card-rating { display: flex; gap: 4px; } .testimonials-card-star { width: 16px !important; Height: 16px !important; } .testimonial-title { font-size: 14px; margin: 0; line-height: 1.3; } /* Ensure custom title colors take precedence */ .testimonial-card .testimonial-title[style*="color"] { color: inherit !important; } .testimonial-content { flex: 1; letter-spacing: var(--letter-spacing-body); line-height: 1.5; font-size: 12px; } .testimonial-author-container { margin-top: auto; padding-top: 8px; } .testimonial-author { display: flex; align-items: center; gap: 12px; } .author-avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; overflow: hidden; } .author-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .author-info { flex-grow: 1; height: 40px; gap: 4px; display: flex; flex-direction: column; justify-content: center; } .author-info-container { display: flex; } .author-info-details { display: inline-flex; align-items: center; font-size: 12px; border-radius: 50px; padding: 1px 2px; width: auto; max-width: fit-content; } .author-name { font-size: 12px; margin: 0; line-height: 1.2; font-weight: var(--font-weight-medium); letter-spacing: var(--letter-spacing-body); } .testimonials-verified-badge { font-size: 12px !important; display: flex; margin-left: 4px; align-items: center; gap: 4px; font-weight: var(--font-weight-bold); } .verified-icon { color: white; border-radius: 50%; width: 10px; height: 10px; display: flex; align-items: center; justify-content: center; font-size: 8px; } .testimonials-product-purchase-date { font-size: 12px; display: flex; align-items: center; gap: 4px; margin: 0px 0 0 0; } .testimonials-navigation { display: flex; justify-content: center; gap: 12px; margin-top: 20px; } /* Navigation buttons now use global-nav-button snippet */ .testimonials-navigation .global-nav-button:disabled { opacity: 0.3; cursor: not-allowed; } .testimonials-dots { display: flex; justify-content: center; gap: 8px; margin-top: 24px; align-items: center; min-height: 16px; padding: 4px 0; overflow: visible; } .dot { width: 8px; height: 8px; border-radius: 50%; border: none; cursor: pointer; transition: opacity 0.2s ease; opacity: 0.4; transform: none !important; scale: none !important; flex-shrink: 0; overflow: visible; } .dot.active { opacity: 1; transform: none !important; scale: none !important; width: 8px !important; height: 8px !important; } @media screen and (max-width: 749px) { .testimonials-container { padding: 0 15px; } .testimonials-header { margin-bottom: 30px; } .testimonials-heading { font-size: 28px !important; } .testimonials-subtitle { font-size: 18px !important; } .testimonial-title { font-size: 14px !important; } .testimonial-content { font-size: 12px !important; } .testimonials-verified-badge { font-size: 12px !important; } .testimonials-product-purchase-date { font-size: 11px !important; } .testimonial-card { scroll-snap-align: start; } .testimonials-navigation { display: none; } } @media screen and (min-width: 750px) { .testimonial-card { flex: 0 0 var(--card-width-desktop); } .testimonials-track { overflow: visible; } } #shopify-section-template--23283797885148__rich_text_txJ8zR { } .rich-text-section-template--23283797885148__rich_text_txJ8zR { padding-top: 0px; padding-bottom: 45px; padding-left: 20px; padding-right: 20px; background-color: #ffffff; } .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-title { color: #000000 !important; font-family: var(--font-heading-family) !important; font-weight: var(--font-weight-bold) !important; letter-spacing: var(--letter-spacing-heading) !important; font-size: 36px; line-height: 1.3; margin-bottom: 20px; } .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-title .accent { color: #ff5801 !important; display: inline-block; } .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-subtitle { color: #666666 !important; font-size: 18px; line-height: 1.6; letter-spacing: var(--letter-spacing-body); margin-bottom: 32px; max-width: 700px; margin-left: auto; margin-right: auto; text-align: center; } .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-subtitle p { margin: 0 0 1rem 0; color: inherit !important; } .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-subtitle p:last-child { margin-bottom: 0; color: inherit !important; } /* Bold text styling */ .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-subtitle strong, .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-subtitle b, .rich-text-section-template--23283797885148__rich_text_txJ8zR .rte strong, .rich-text-section-template--23283797885148__rich_text_txJ8zR .rte b { font-weight: 700 !important; } /* Remove default page-width padding - use only section padding */ .rich-text-section-template--23283797885148__rich_text_txJ8zR .page-width { padding: 0 !important; margin-left: auto !important; margin-right: auto !important; } .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-button-wrapper[data-block-id="button_hDPpeA"] .rich-text-button, .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-button-wrapper[data-block-id="button_hDPpeA"] .rich-text-button.button-gradient-effect, .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-button-wrapper[data-block-id="button_hDPpeA"] .rich-text-button.gradient-shine-enabled { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; text-align: center; margin-top: 24px; /* Use Global Button Styling System */ padding: var(--global-button-padding-y, 12px) 20px !important; font-size: 16px !important; font-weight: var(--global-button-font-weight, 700) !important; letter-spacing: var(--global-button-letter-spacing, 1px) !important; text-transform: var(--global-button-text-transform, none) !important; background-color: var(--global-button-bg-color) !important; color: var(--global-button-text-color) !important; border-radius: var(--global-button-radius, 4px) !important; min-width: 120px; /* Border styles are applied by global-button-fix.liquid */ } .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-button-wrapper[data-block-id="button_hDPpeA"] .rich-text-button:hover, .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-button-wrapper[data-block-id="button_hDPpeA"] .rich-text-button.button-gradient-effect:hover, .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-button-wrapper[data-block-id="button_hDPpeA"] .rich-text-button.gradient-shine-enabled:hover { /* Use Global Button Hover Styling */ background-color: var(--global-button-hover-bg-color) !important; color: var(--global-button-hover-text-color) !important; /* Border styles are applied by global-button-fix.liquid */ transform: translateY(-2px); } /* Image Block Styling */ /* Mobile Responsive */ @media screen and (max-width: 768px) { .rich-text-section-template--23283797885148__rich_text_txJ8zR { padding-top: 0px; padding-bottom: 34px; } .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-title { font-size: 28px; margin-bottom: 15px; } .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-subtitle { font-size: 16px; margin-bottom: 24px; max-width: 100%; margin-left: auto; margin-right: auto; text-align: center; } .rich-text-section-template--23283797885148__rich_text_txJ8zR .rich-text-button { margin-top: 18px; /* Mobile font size always uses section setting */ font-size: 14px !important; } /* Only apply custom padding when NOT using global button styling */ /* Mobile Image Styling */ } .custom-footer { --newsletter-bg-color: #ffffff; --newsletter-text-color: #000000; --newsletter-button-color: #ffffff; --footer-bg-color: #1b1b1b; --footer-text-color: #ffffff; --footer-heading-color: #ffffff; --footer-border-color: #ffffff; --footer-menu-color: #ffffff; --footer-menu-hover-color: #015AAD; --footer-divider-color: #ffffff; --localization-label-color: #ffffff; --footer-link-color: #ffffff; --footer-link-hover-color: #015AAD; --footer-heading-size: 22px; --footer-text-size: 14px; --newsletter-title-size: 32px; --newsletter-subtitle-size: 16px; --copyright-text-size: 11px; --localization-label-size: 14px; --newsletter-section-padding-top: 80px; --newsletter-section-padding-bottom: 80px; --newsletter-form-max-width: 580px; --newsletter-form-margin-top: 32px; --newsletter-input-padding-vertical: 24px; --newsletter-input-padding-horizontal: 24px; --newsletter-input-border-radius: 8px; --newsletter-input-border-width: 1px; --newsletter-input-border-color: #000000; --newsletter-input-font-size: 14px; --newsletter-input-height: 48px; --newsletter-input-bg-color: #ffffff; --newsletter-input-text-color: #000000; --newsletter-button-bg-color: #ffffff; --newsletter-button-text-color: #ffffff; --newsletter-button-border-radius: 4px; } /* Use global footer color when theme colors are enabled */ .custom-footer .footer-main { background-color: rgb(var(--color-footer)) !important; } /* Hyperlink/underlined text styling */ .custom-footer .footer-text a, .custom-footer .footer-column .footer-text a, .custom-footer .footer-bottom a, .custom-footer .newsletter-section a, .custom-footer p a, .custom-footer .rte a, .custom-footer .footer-description a { color: var(--footer-link-color) !important; text-decoration: underline !important; text-underline-offset: 0.2em; transition: color 0.3s ease; } .custom-footer .footer-text a:hover, .custom-footer .footer-column .footer-text a:hover, .custom-footer .footer-bottom a:hover, .custom-footer .newsletter-section a:hover, .custom-footer p a:hover, .custom-footer .rte a:hover, .custom-footer .footer-description a:hover { color: var(--footer-link-hover-color) !important; } .custom-footer .footer__localization a, .custom-footer .footer__localization a:hover, .custom-footer .footer__localization .disclosure__link, .custom-footer .footer__localization .localization-form__select { text-decoration: none !important; color: var(--footer-text-color) !important; } /* Footer top border */ /* Newsletter Form Customization */ .custom-footer .newsletter-section { padding-top: var(--newsletter-section-padding-top) !important; padding-bottom: var(--newsletter-section-padding-bottom) !important; } .custom-footer .newsletter-form { max-width: var(--newsletter-form-max-width) !important; margin-top: var(--newsletter-form-margin-top) !important; } /* Ensure field container is positioned for absolute button */ .custom-footer .newsletter-form__field-wrapper .field { position: relative !important; } .custom-footer .newsletter-form__field-wrapper .field__input { padding: var(--newsletter-input-padding-vertical) var(--newsletter-input-padding-horizontal) !important; /* Space for button: button width + border spacing + right position + small gap */ padding-right: calc(var(--newsletter-input-height) - 10px + var(--newsletter-input-border-width) + 5px + 8px) !important; border-radius: var(--newsletter-input-border-radius) !important; border-width: var(--newsletter-input-border-width) !important; border-color: var(--newsletter-input-border-color) !important; border-style: solid !important; font-size: var(--newsletter-input-font-size) !important; height: var(--newsletter-input-height) !important; min-height: calc(var(--newsletter-input-height) + var(--newsletter-input-border-width) * 2) !important; background-color: var(--newsletter-input-bg-color) !important; color: var(--newsletter-input-text-color) !important; } .custom-footer .newsletter-form__field-wrapper .field__input:focus, .custom-footer .newsletter-form__field-wrapper .field__input:focus-visible { border-radius: var(--newsletter-input-border-radius) !important; } .custom-footer .newsletter-form__button, .custom-footer button.newsletter-form__button, .custom-footer .newsletter-form__button.field__button, .custom-footer button.newsletter-form__button.field__button { /* Button size: input height minus top/bottom spacing (5px each = 10px total) */ width: calc(var(--newsletter-input-height) - 10px) !important; height: calc(var(--newsletter-input-height) - 10px) !important; border-radius: calc(var(--newsletter-input-border-radius) - 4px) !important; /* Position: account for border width + 5px spacing from edge */ position: absolute !important; top: calc(var(--newsletter-input-border-width) + 5px) !important; right: calc(var(--newsletter-input-border-width) + 5px) !important; z-index: 2 !important; /* Display for icon centering */ display: flex !important; align-items: center !important; justify-content: center !important; /* Override global button styling - single color, no gradient, no border */ background: var(--newsletter-button-bg-color, var(--newsletter-button-color)) !important; background-color: var(--newsletter-button-bg-color, var(--newsletter-button-color)) !important; background-image: none !important; border: none !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: none !important; box-shadow: none !important; outline: none !important; color: var(--newsletter-button-text-color, #ffffff) !important; border-radius: var(--newsletter-button-border-radius) !important; /* Remove transforms and transitions from global button effects */ transform: none !important; transition: opacity 0.3s ease !important; } .custom-footer .newsletter-form__button:hover, .custom-footer button.newsletter-form__button:hover, .custom-footer .newsletter-form__button.field__button:hover, .custom-footer button.newsletter-form__button.field__button:hover { background: var(--newsletter-button-bg-color, var(--newsletter-button-color)) !important; background-color: var(--newsletter-button-bg-color, var(--newsletter-button-color)) !important; background-image: none !important; opacity: 0.85 !important; border: none !important; box-shadow: none !important; transform: none !important; color: var(--newsletter-button-text-color, #ffffff) !important; } /* Remove gradient and border pseudo-elements */ .custom-footer .newsletter-form__button:before, .custom-footer .newsletter-form__button:after, .custom-footer button.newsletter-form__button:before, .custom-footer button.newsletter-form__button:after { display: none !important; content: none !important; } /* RTL button positioning */ [dir="rtl"] .custom-footer .newsletter-form__button, [dir="rtl"] .custom-footer button.newsletter-form__button, [dir="rtl"] .custom-footer .newsletter-form__button.field__button, [dir="rtl"] .custom-footer button.newsletter-form__button.field__button { left: calc(var(--newsletter-input-border-width) + 5px) !important; right: auto !important; } /* Button icon styling */ .custom-footer .newsletter-form__button svg, .custom-footer .newsletter-form__button .svg-wrapper { width: 16px !important; height: 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .custom-footer .newsletter-form__button svg { fill: var(--newsletter-button-text-color, #ffffff) !important; stroke: var(--newsletter-button-text-color, #ffffff) !important; } /* Button text styling (when show_button_text is enabled) */ .custom-footer .newsletter-form__button .newsletter-button-text { font-size: 14px !important; font-weight: 600 !important; color: var(--newsletter-button-text-color, #ffffff) !important; white-space: nowrap !important; letter-spacing: var(--letter-spacing-body) !important; } /* When button has text, make it wider */ .custom-footer .newsletter-form__button:has(.newsletter-button-text), .custom-footer button.newsletter-form__button:has(.newsletter-button-text) { width: auto !important; min-width: calc(var(--newsletter-input-height) - 10px) !important; padding: 0 16px !important; } /* RTL input padding - space for button on left side */ [dir="rtl"] .custom-footer .newsletter-form__field-wrapper .field__input { padding-left: calc(var(--newsletter-input-height) - 10px + var(--newsletter-input-border-width) + 5px + 8px) !important; padding-right: var(--newsletter-input-padding-horizontal) !important; } /* Hide label - using placeholder instead */ .custom-footer .newsletter-form__field-wrapper .field__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Remove pseudo-element that creates duplicate input appearance */ .custom-footer .newsletter-form__field-wrapper .field:after { display: none !important; content: none !important; } /* Mobile newsletter section padding */ @media screen and (max-width: 749px) { .custom-footer .newsletter-section { padding-top: 40px !important; padding-bottom: 40px !important; } } /* Mobile column customization */ @media screen and (max-width: 749px) { .footer-content--4-col, .footer-content--5-col { grid-template-columns: 1fr !important; } .footer-column:first-child { grid-column: 1 !important; margin-bottom: 2rem; } } .footer-payment-icons-container { width: 100%; margin: 0; padding: 0; } .footer-payment-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; opacity: 1 !important; visibility: visible !important; } .footer-payment-icon svg { max-height: 100%; width: auto; min-width: 30px; display: block; opacity: 1 !important; visibility: visible !important; } @media screen and (max-width: 749px) { .footer-payment-icons-container { gap: 4px !important; } .footer-payment-icon { height: 19.2px !important; } } /* advertorial-clone: force theme JS-driven content visible/expanded (static clone) */ .animate--hidden,[class*='animate--hidden']{opacity:1 !important;transform:none !important;visibility:visible !important;} [data-gp-reveal],.gp-reveal,[class*='gp-animate'],.gps-lazy{opacity:1 !important;transform:none !important;} .splide__track{overflow-x:auto !important;} .splide__list{transform:none !important;display:flex !important;flex-wrap:nowrap !important;width:auto !important;} .splide__slide{opacity:1 !important;visibility:visible !important;flex:0 0 78% !important;} @media(min-width:900px){.splide__slide{flex-basis:31% !important;}} .content-tab__content,[class*='content-tab__content']{display:block !important;opacity:1 !important;height:auto !important;} .content-tabs__buttons,[class*='content-tabs__buttons']{display:none !important;} .content-tabs,[class*='content-tabs ']{display:block !important;width:100% !important;} .content-tabs__tabs,[class*='content-tabs__tabs']{display:block !important;} .content-tabs__tabs>.content-tab,[class*='content-tabs__tabs']>[class*='content-tab']{display:block !important;position:static !important;opacity:1 !important;visibility:visible !important;height:auto !important;transform:none !important;margin:0 auto 28px !important;max-width:900px !important;} .content-tab__media,[class*='content-tab__media']{max-width:560px;margin:0 auto;} details[open] .accordion__content,details[open] .accordion__content-wrapper{max-height:none !important;height:auto !important;overflow:visible !important;display:block !important;} .accordion .icon-accordion,details .icon-accordion,summary .icon-accordion{display:none !important;} summary.accordion__summary,details>summary{list-style:none !important;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;} summary.accordion__summary::-webkit-details-marker,details>summary::-webkit-details-marker{display:none !important;} .accordion .icon-caret,summary .icon-caret{transition:transform .2s ease;flex:0 0 auto;width:14px;height:14px;} details[open]>summary .icon-caret,details[open] .accordion__summary .icon-caret{transform:rotate(180deg);} [class*='gp-carousel'] .gp-content-start{transform:none !important;height:auto !important;display:flex !important;overflow-x:auto !important;} [class*='gp-carousel'] .gp-content-start>*{flex:0 0 88% !important;height:auto !important;} [class*='gp-carousel'] [class*='gp-h-full']{height:auto !important;} [style*='max-width:480px'],[style*='max-width: 480px'],[style*='max-width:500px'],[style*='max-width: 500px']{max-width:720px !important;margin-left:auto !important;margin-right:auto !important;} [style*='max-width:600px'],[style*='max-width: 600px']{max-width:760px !important;margin-left:auto !important;margin-right:auto !important;} .media--transparent:not(:has(img)):not(:has(video)):not(:has(svg)),[class*='__image'].media:not(:has(img)):not(:has(video)):not(:has(svg)),[class*='steps-progress-bar']:empty,[class*='steps-progress-bar-background']:empty{display:none !important;min-height:0 !important;height:0 !important;padding:0 !important;} .content-and-results__image,[class*='content-and-results__image']{display:none !important;} .rating-stars,[class*='rating-stars'],.rating-stars__container{display:inline-flex !important;align-items:center !important;height:18px !important;gap:2px !important;width:auto !important;} .rating-stars svg,[class*='rating-stars'] svg,.rating-stars__container svg{width:18px !important;height:18px !important;flex:0 0 18px !important;} .testimonial-card__quotes,[class*='testimonial-card__quotes']{display:inline-flex !important;height:auto !important;} .testimonial-card__quotes svg,[class*='testimonial-card__quotes'] svg{width:46px !important;height:46px !important;flex:0 0 46px !important;} .media:not(:has(img)):not(:has(video)):not(:has(svg)):not(:has(iframe)){padding-bottom:0 !important;min-height:0 !important;}