/** Shopify CDN: Minification failed Line 2121:2 Unexpected "not(" **/ #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; } :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(56, 15, 15, 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: 255,255,255; --color-badge-foreground: 0,0,0; --color-header: 255,255,255; --color-header-border: 228 228 228; --color-footer: 227,238,255; --color-drawer: 255,255,255; --color-drawer-text: 0,0,0; --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: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-body-style: normal; --font-body-weight: 400; --font-heading-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --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: #000000; --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: #FFFFFF; --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: #000000; --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: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-body-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; /* 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: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-heading-family-override: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --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, "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); } /* 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, "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); } /* 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, "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); } /* 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, "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); } :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; } .kaching-bundles__block { display: none; } .kaching-bundles-sticky-atc { display: none; } .gps *,.gps :after,.gps :before{border:0 solid #e5e7eb;box-sizing:border-box}.gps :after,.gps :before{--tw-content:""}.gps{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;line-height:inherit;margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.gps hr{border-top-width:1px;color:inherit;height:0}.gps abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.gps h1,.gps h2,.gps h3,.gps h4,.gps h5,.gps h6{font-size:inherit;font-weight:inherit}.gps a{color:inherit;text-decoration:inherit}.gps b,.gps strong{font-weight:bolder}.gps code,.gps kbd,.gps pre,.gps samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.gps small{font-size:80%}.gps sub,.gps sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.gps sub{bottom:-.25em}.gps sup{top:-.5em}.gps table{border-collapse:collapse;border-color:inherit;text-indent:0}.gps button,.gps input,.gps optgroup,.gps select,.gps textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}.gps button,.gps select{text-transform:none}.gps [type=button],.gps [type=reset],.gps [type=submit],.gps button{-webkit-appearance:button;background-color:transparent;background-image:none}.gps :-moz-focusring{outline:auto}.gps :-moz-ui-invalid{box-shadow:none}.gps progress{vertical-align:baseline}.gps ::-webkit-inner-spin-button,.gps ::-webkit-outer-spin-button{height:auto}.gps [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.gps ::-webkit-search-decoration{-webkit-appearance:none}.gps ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.gps summary{display:list-item}.gps blockquote,.gps dd,.gps dl,.gps figure,.gps h1,.gps h2,.gps h3,.gps h4,.gps h5,.gps h6,.gps hr,.gps p,.gps pre{margin:0}.gps fieldset{margin:0;padding:0}.gps legend{padding:0}.gps menu,.gps ol,.gps ul{list-style:none;margin:0;padding:0}.gps textarea{resize:vertical}.gps input::-moz-placeholder,.gps textarea::-moz-placeholder{color:#9ca3af;opacity:1}.gps input::placeholder,.gps textarea::placeholder{color:#9ca3af;opacity:1}.gps [role=button],.gps button{cursor:pointer}.gps :disabled{cursor:default}.gps audio,.gps canvas,.gps embed,.gps iframe,.gps img,.gps object,.gps svg,.gps video{display:block;vertical-align:middle}.gps img,.gps video{height:auto;max-width:100%}.gps [hidden]{display:none}.gps{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}.gps #__next{height:100%;overflow-x:clip}.gps .wrapper{margin-left:auto;margin-right:auto;max-width:var(--g-ct-w,1200px);padding-left:var(--g-ct-p);padding-right:var(--g-ct-p);width:100%}.gps .gem-slider:not([data-keen-slider-disabled]){align-content:flex-start;display:flex;min-height:100%;overflow:hidden;position:relative;width:100%}.gps .gem-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.gps .gem-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}.gps [data-keen-slider-moves] *{pointer-events:none}.gps .pb-safe{padding-bottom:env(safe-area-inset-bottom)}.gps .pt-safe{padding-top:env(safe-area-inset-top)}.gps .pl-safe{padding-left:env(safe-area-inset-left)}.gps .pr-safe{padding-right:env(safe-area-inset-right)}.gps .p-safe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.gps .px-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.gps .py-safe{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.gps .h-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gps .min-h-safe{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gps .gp-text ol,.gps .gp-text ul,.gps .gp-text-instant ol,.gps .gp-text-instant ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gps .gp-text strong{font-weight:700}.gps .gp-text ul>li,.gps .gp-text-instant ul>li{list-style:disc inside!important}.gps .gp-text ol>li,.gps .gp-text-instant ol>li{list-style:decimal inside!important}.gps [display-init=hide]>div{display:inline!important;overflow:hidden!important;visibility:hidden!important}.gps [display-init=hide]>div,.gps [display-init=hide]>div *{max-height:0!important;max-width:0!important}.gps [data-slot=children]{align-items:center;border:1px dashed #9e9e9e;border-radius:3px;display:inline-flex;height:100%;justify-content:center;min-height:60px;overflow:hidden;visibility:hidden;width:100%}.gps [data-slot=children].product-feature-image{border:unset;border-radius:0;visibility:visible!important}.gps [data-slot=children]:not(.product-feature-image):after{content:"Drop element here";font-size:14px;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;visibility:hidden;white-space:nowrap}.gps .gp-instant-page [data-slot=children].product-feature-image{border:unset;visibility:visible!important}.gps .gp-instant-page [data-slot=children].product-feature-image:after{border:unset;color:#aaa;visibility:visible}.gps .gp-instant-page [data-slot=children].product-feature-image .drag-placeholder{height:100%}.gps .gp-dialog{display:none}.gps .gp-dialog[open]{display:block}.gps .gp-dialog:modal{position:fixed}.gps h1,.gps h2,.gps h3,.gps h4,.gps h5,.gps h6{word-break:normal}.gps p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:inherit}.gps .gp-p-description-text ol,.gps .gp-p-description-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gps .gp-p-description-text ol ol{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.gps .gp-p-description-text h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;font-size:2em;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0}.gps .gp-p-description-text h1,.gps .gp-p-description-text h2,.gps .gp-p-description-text h3,.gps .gp-p-description-text h4,.gps .gp-p-description-text h5,.gps .gp-p-description-text h6{display:block;font-weight:700}.gps .gp-p-description-text h1,.gps .gp-p-description-text h2,.gps .gp-p-description-text h3,.gps .gp-p-description-text h4,.gps .gp-p-description-text h5,.gps .gp-p-description-text h6,.gps .gp-p-description-text p{line-height:1.4!important;margin:0 0 1em}.gps .gp-p-description-text h2{font-size:1.5em}.gps .gp-p-description-text h3{font-size:1.17em}.gps .gp-p-description-text a{color:-webkit-link;cursor:text;text-decoration:underline}.gps .gp-p-description-text h4{font-size:1em}.gps .gp-p-description-text h5{font-size:.83em}.gps .gp-p-description-text h6{font-size:.67em}.gps .gp-p-description-text ul{list-style-type:disc}.gps .gp-p-description-text ol{list-style-type:decimal}.gps .gp-p-description-text ul li{display:list-item;list-style:disc none outside;text-align:-webkit-match-parent;word-break:break-word}.gps .gp-p-description-text blockquote{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:40px;margin-inline-start:40px}.gps .gp-p-description-text table,.gps .gp-p-description-text td,.gps .gp-p-description-text th{border:1px dashed #ccc!important;padding:unset!important}.gps .gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0;width:100%}.gps .gp-p-description-text p:last-child{margin-bottom:0!important}.gps .gp-tab-header-list::-webkit-scrollbar{display:none}.gps .rfm-marquee-container{display:flex;flex-direction:row;max-width:unset!important;position:relative;transform:var(--transform);width:var(--width)}.gps .rfm-overlay{height:100%;position:absolute;width:100%}.gps .rfm-overlay:after{right:0;top:0;transform:rotate(180deg)}.gps .rfm-overlay:before{left:0;top:0}.gps .rfm-marquee{align-items:center;animation:gp-merquee-scroll var(--duration) linear var(--delay) var(--iteration-count);animation-delay:var(--delay);animation-direction:var(--direction);animation-play-state:var(--play);display:flex;flex:0 0 auto;flex-direction:row;max-width:unset!important;min-width:var(--min-width);z-index:1}@keyframes gp-merquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.gps .rfm-initial-child-container{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;min-width:auto}.gps .rfm-child{transform:var(--transform)}.gps [style*="--mbchild:"]>:first-child{margin-bottom:var(--mbchild)}.gps [style*="--grchild:"]>:first-child{grid-row:var(--grchild)}@media (min-width:1025px){.gps .rfm-marquee-container:hover div{animation-play-state:var(--pause-on-hover)}.gps .rfm-marquee-container:active div{animation-play-state:var(--pause-on-click)}}.gps.gpsil [style*="--d:"]{display:var(--d)}@media only screen and (max-width:1024px){.gps.gpsil [style*="--d-tablet:"]{display:var(--d-tablet)}}@media only screen and (max-width:767px){.gps.gpsil [style*="--d-mobile:"]{display:var(--d-mobile)}}.gps.gpsi [style*="--ai:"]{align-items:var(--ai)}.gps.gpsi [style*="--hvr-ai:"]:hover{align-items:var(--hvr-ai)}.gps.gpsi [style*="--focus-ai:"]:focus{align-items:var(--focus-ai)}.gps.gpsi [style*="--as:"]{align-self:var(--as)}.gps.gpsi [style*="--hvr-as:"]:hover{align-self:var(--hvr-as)}.gps.gpsi [style*="--focus-as:"]:focus{align-self:var(--focus-as)}.gps.gpsi [style*="--aspect:"]{aspect-ratio:var(--aspect)}.gps.gpsi [style*="--hvr-aspect:"]:hover{aspect-ratio:var(--hvr-aspect)}.gps.gpsi [style*="--focus-aspect:"]:focus{aspect-ratio:var(--focus-aspect)}.gps.gpsi [style*="--bg:"]{background:var(--bg)}.gps.gpsi [style*="--hvr-bg:"]:hover{background:var(--hvr-bg)}.gps.gpsi [style*="--focus-bg:"]:focus{background:var(--focus-bg)}.gps.gpsi [style*="--bga:"]{background-attachment:var(--bga)}.gps.gpsi [style*="--hvr-bga:"]:hover{background-attachment:var(--hvr-bga)}.gps.gpsi [style*="--focus-bga:"]:focus{background-attachment:var(--focus-bga)}.gps.gpsi [style*="--bgc:"]{background-color:var(--bgc)}.gps.gpsi [style*="--hvr-bgc:"]:hover{background-color:var(--hvr-bgc)}.gps.gpsi [style*="--focus-bgc:"]:focus{background-color:var(--focus-bgc)}.gps.gpsi [style*="--bgi:"]{background-image:var(--bgi)}.gps.gpsi [style*="--hvr-bgi:"]:hover{background-image:var(--hvr-bgi)}.gps.gpsi [style*="--focus-bgi:"]:focus{background-image:var(--focus-bgi)}.gps.gpsi [style*="--bgp:"]{background-position:var(--bgp)}.gps.gpsi [style*="--hvr-bgp:"]:hover{background-position:var(--hvr-bgp)}.gps.gpsi [style*="--focus-bgp:"]:focus{background-position:var(--focus-bgp)}.gps.gpsi [style*="--bgr:"]{background-repeat:var(--bgr)}.gps.gpsi [style*="--hvr-bgr:"]:hover{background-repeat:var(--hvr-bgr)}.gps.gpsi [style*="--focus-bgr:"]:focus{background-repeat:var(--focus-bgr)}.gps.gpsi [style*="--bgs:"]{background-size:var(--bgs)}.gps.gpsi [style*="--hvr-bgs:"]:hover{background-size:var(--hvr-bgs)}.gps.gpsi [style*="--focus-bgs:"]:focus{background-size:var(--focus-bgs)}.gps.gpsi [style*="--b:"]{border:var(--b)}.gps.gpsi [style*="--hvr-b:"]:hover{border:var(--hvr-b)}.gps.gpsi [style*="--focus-b:"]:focus{border:var(--focus-b)}.gps.gpsi [style*="--bb:"]{border-bottom:var(--bb)}.gps.gpsi [style*="--hvr-bb:"]:hover{border-bottom:var(--hvr-bb)}.gps.gpsi [style*="--focus-bb:"]:focus{border-bottom:var(--focus-bb)}.gps.gpsi [style*="--bbw:"]{border-bottom-width:var(--bbw)}.gps.gpsi [style*="--hvr-bbw:"]:hover{border-bottom-width:var(--hvr-bbw)}.gps.gpsi [style*="--focus-bbw:"]:focus{border-bottom-width:var(--focus-bbw)}.gps.gpsi [style*="--blw:"]{border-left-width:var(--blw)}.gps.gpsi [style*="--hvr-blw:"]:hover{border-left-width:var(--hvr-blw)}.gps.gpsi [style*="--focus-blw:"]:focus{border-left-width:var(--focus-blw)}.gps.gpsi [style*="--brw:"]{border-right-width:var(--brw)}.gps.gpsi [style*="--hvr-brw:"]:hover{border-right-width:var(--hvr-brw)}.gps.gpsi [style*="--focus-brw:"]:focus{border-right-width:var(--focus-brw)}.gps.gpsi [style*="--btw:"]{border-top-width:var(--btw)}.gps.gpsi [style*="--hvr-btw:"]:hover{border-top-width:var(--hvr-btw)}.gps.gpsi [style*="--focus-btw:"]:focus{border-top-width:var(--focus-btw)}.gps.gpsi [style*="--bbc:"]{border-bottom-color:var(--bbc)}.gps.gpsi [style*="--hvr-bbc:"]:hover{border-bottom-color:var(--hvr-bbc)}.gps.gpsi [style*="--focus-bbc:"]:focus{border-bottom-color:var(--focus-bbc)}.gps.gpsi [style*="--btc:"]{border-top-color:var(--btc)}.gps.gpsi [style*="--hvr-btc:"]:hover{border-top-color:var(--hvr-btc)}.gps.gpsi [style*="--focus-btc:"]:focus{border-top-color:var(--focus-btc)}.gps.gpsi [style*="--blc:"]{border-left-color:var(--blc)}.gps.gpsi [style*="--hvr-blc:"]:hover{border-left-color:var(--hvr-blc)}.gps.gpsi [style*="--focus-blc:"]:focus{border-left-color:var(--focus-blc)}.gps.gpsi [style*="--brc:"]{border-right-color:var(--brc)}.gps.gpsi [style*="--hvr-brc:"]:hover{border-right-color:var(--hvr-brc)}.gps.gpsi [style*="--focus-brc:"]:focus{border-right-color:var(--focus-brc)}.gps.gpsi [style*="--bc:"]{border-color:var(--bc)}.gps.gpsi [style*="--hvr-bc:"]:hover{border-color:var(--hvr-bc)}.gps.gpsi [style*="--focus-bc:"]:focus{border-color:var(--focus-bc)}.gps.gpsi [style*="--bblr:"]{border-bottom-left-radius:var(--bblr)}.gps.gpsi [style*="--hvr-bblr:"]:hover{border-bottom-left-radius:var(--hvr-bblr)}.gps.gpsi [style*="--focus-bblr:"]:focus{border-bottom-left-radius:var(--focus-bblr)}.gps.gpsi [style*="--bbrr:"]{border-bottom-right-radius:var(--bbrr)}.gps.gpsi [style*="--hvr-bbrr:"]:hover{border-bottom-right-radius:var(--hvr-bbrr)}.gps.gpsi [style*="--focus-bbrr:"]:focus{border-bottom-right-radius:var(--focus-bbrr)}.gps.gpsi [style*="--bl:"]{border-left:var(--bl)}.gps.gpsi [style*="--hvr-bl:"]:hover{border-left:var(--hvr-bl)}.gps.gpsi [style*="--focus-bl:"]:focus{border-left:var(--focus-bl)}.gps.gpsi [style*="--radius:"]{border-radius:var(--radius)}.gps.gpsi [style*="--hvr-radius:"]:hover{border-radius:var(--hvr-radius)}.gps.gpsi [style*="--focus-radius:"]:focus{border-radius:var(--focus-radius)}.gps.gpsi [style*="--br:"]{border-right:var(--br)}.gps.gpsi [style*="--hvr-br:"]:hover{border-right:var(--hvr-br)}.gps.gpsi [style*="--focus-br:"]:focus{border-right:var(--focus-br)}.gps.gpsi [style*="--bs:"]{border-style:var(--bs)}.gps.gpsi [style*="--hvr-bs:"]:hover{border-style:var(--hvr-bs)}.gps.gpsi [style*="--focus-bs:"]:focus{border-style:var(--focus-bs)}.gps.gpsi [style*="--bt:"]{border-top:var(--bt)}.gps.gpsi [style*="--hvr-bt:"]:hover{border-top:var(--hvr-bt)}.gps.gpsi [style*="--focus-bt:"]:focus{border-top:var(--focus-bt)}.gps.gpsi [style*="--btlr:"]{border-top-left-radius:var(--btlr)}.gps.gpsi [style*="--hvr-btlr:"]:hover{border-top-left-radius:var(--hvr-btlr)}.gps.gpsi [style*="--focus-btlr:"]:focus{border-top-left-radius:var(--focus-btlr)}.gps.gpsi [style*="--btrr:"]{border-top-right-radius:var(--btrr)}.gps.gpsi [style*="--hvr-btrr:"]:hover{border-top-right-radius:var(--hvr-btrr)}.gps.gpsi [style*="--focus-btrr:"]:focus{border-top-right-radius:var(--focus-btrr)}.gps.gpsi [style*="--bw:"]{border-width:var(--bw)}.gps.gpsi [style*="--hvr-bw:"]:hover{border-width:var(--hvr-bw)}.gps.gpsi [style*="--focus-bw:"]:focus{border-width:var(--focus-bw)}.gps.gpsi [style*="--bottom:"]{bottom:var(--bottom)}.gps.gpsi [style*="--hvr-bottom:"]:hover{bottom:var(--hvr-bottom)}.gps.gpsi [style*="--focus-bottom:"]:focus{bottom:var(--focus-bottom)}.gps.gpsi [style*="--shadow:"]{box-shadow:var(--shadow)}.gps.gpsi [style*="--hvr-shadow:"]:hover{box-shadow:var(--hvr-shadow)}.gps.gpsi [style*="--focus-shadow:"]:focus{box-shadow:var(--focus-shadow)}.gps.gpsi [style*="--c:"]{color:var(--c)}.gps.gpsi [style*="--hvr-c:"]:hover{color:var(--hvr-c)}.gps.gpsi [style*="--focus-c:"]:focus{color:var(--focus-c)}.gps.gpsi [style*="--cg:"]{-moz-column-gap:var(--cg);column-gap:var(--cg)}.gps.gpsi [style*="--hvr-cg:"]:hover{-moz-column-gap:var(--hvr-cg);column-gap:var(--hvr-cg)}.gps.gpsi [style*="--focus-cg:"]:focus{-moz-column-gap:var(--focus-cg);column-gap:var(--focus-cg)}.gps.gpsi [style*="--d:"]{display:var(--d)}.gps.gpsi [style*="--hvr-d:"]:hover{display:var(--hvr-d)}.gps.gpsi [style*="--focus-d:"]:focus{display:var(--focus-d)}.gps.gpsi [style*="--fd:"]{flex-direction:var(--fd)}.gps.gpsi [style*="--hvr-fd:"]:hover{flex-direction:var(--hvr-fd)}.gps.gpsi [style*="--focus-fd:"]:focus{flex-direction:var(--focus-fd)}.gps.gpsi [style*="--ff:"]{font-family:var(--ff)}.gps.gpsi [style*="--hvr-ff:"]:hover{font-family:var(--hvr-ff)}.gps.gpsi [style*="--focus-ff:"]:focus{font-family:var(--focus-ff)}.gps.gpsi [style*="--size:"]{font-size:var(--size)}.gps.gpsi [style*="--hvr-size:"]:hover{font-size:var(--hvr-size)}.gps.gpsi [style*="--focus-size:"]:focus{font-size:var(--focus-size)}.gps.gpsi [style*="--weight:"]{font-weight:var(--weight)}.gps.gpsi [style*="--hvr-weight:"]:hover{font-weight:var(--hvr-weight)}.gps.gpsi [style*="--focus-weight:"]:focus{font-weight:var(--focus-weight)}.gps.gpsi [style*="--fs:"]{font-style:var(--fs)}.gps.gpsi [style*="--hvr-fs:"]:hover{font-style:var(--hvr-fs)}.gps.gpsi [style*="--focus-fs:"]:focus{font-style:var(--focus-fs)}.gps.gpsi [style*="--gg:"]{grid-gap:var(--gg)}.gps.gpsi [style*="--hvr-gg:"]:hover{grid-gap:var(--hvr-gg)}.gps.gpsi [style*="--focus-gg:"]:focus{grid-gap:var(--focus-gg)}.gps.gpsi [style*="--gr:"]{grid-row:var(--gr)}.gps.gpsi [style*="--hvr-gr:"]:hover{grid-row:var(--hvr-gr)}.gps.gpsi [style*="--focus-gr:"]:focus{grid-row:var(--focus-gr)}.gps.gpsi [style*="--gtc:"]{grid-template-columns:var(--gtc)}.gps.gpsi [style*="--hvr-gtc:"]:hover{grid-template-columns:var(--hvr-gtc)}.gps.gpsi [style*="--focus-gtc:"]:focus{grid-template-columns:var(--focus-gtc)}.gps.gpsi [style*="--gtr:"]{grid-template-rows:var(--gtr)}.gps.gpsi [style*="--hvr-gtr:"]:hover{grid-template-rows:var(--hvr-gtr)}.gps.gpsi [style*="--focus-gtr:"]:focus{grid-template-rows:var(--focus-gtr)}.gps.gpsi [style*="--h:"]{height:var(--h)}.gps.gpsi [style*="--hvr-h:"]:hover{height:var(--hvr-h)}.gps.gpsi [style*="--focus-h:"]:focus{height:var(--focus-h)}.gps.gpsi [style*="--jc:"]{justify-content:var(--jc)}.gps.gpsi [style*="--hvr-jc:"]:hover{justify-content:var(--hvr-jc)}.gps.gpsi [style*="--focus-jc:"]:focus{justify-content:var(--focus-jc)}.gps.gpsi [style*="--js:"]{justify-self:var(--js)}.gps.gpsi [style*="--hvr-js:"]:hover{justify-self:var(--hvr-js)}.gps.gpsi [style*="--focus-js:"]:focus{justify-self:var(--focus-js)}.gps.gpsi [style*="--left:"]{left:var(--left)}.gps.gpsi [style*="--hvr-left:"]:hover{left:var(--hvr-left)}.gps.gpsi [style*="--focus-left:"]:focus{left:var(--focus-left)}.gps.gpsi [style*="--ls:"]{letter-spacing:var(--ls)}.gps.gpsi [style*="--hvr-ls:"]:hover{letter-spacing:var(--hvr-ls)}.gps.gpsi [style*="--focus-ls:"]:focus{letter-spacing:var(--focus-ls)}.gps.gpsi [style*="--lh:"]{line-height:var(--lh)}.gps.gpsi [style*="--hvr-lh:"]:hover{line-height:var(--hvr-lh)}.gps.gpsi [style*="--focus-lh:"]:focus{line-height:var(--focus-lh)}.gps.gpsi [style*="--tdt:"]{text-decoration-thickness:var(--tdt)}.gps.gpsi [style*="--hvr-tdt:"]:hover{text-decoration-thickness:var(--hvr-tdt)}.gps.gpsi [style*="--focus-tdt:"]:focus{text-decoration-thickness:var(--focus-tdt)}.gps.gpsi [style*="--tdc:"]{text-decoration-color:var(--tdc)}.gps.gpsi [style*="--hvr-tdc:"]:hover{text-decoration-color:var(--hvr-tdc)}.gps.gpsi [style*="--focus-tdc:"]:focus{text-decoration-color:var(--focus-tdc)}.gps.gpsi [style*="--tdl:"]{text-decoration-line:var(--tdl)}.gps.gpsi [style*="--hvr-tdl:"]:hover{text-decoration-line:var(--hvr-tdl)}.gps.gpsi [style*="--focus-tdl:"]:focus{text-decoration-line:var(--focus-tdl)}.gps.gpsi [style*="--m:"]{margin:var(--m)}.gps.gpsi [style*="--hvr-m:"]:hover{margin:var(--hvr-m)}.gps.gpsi [style*="--focus-m:"]:focus{margin:var(--focus-m)}.gps.gpsi [style*="--mb:"]{margin-bottom:var(--mb)}.gps.gpsi [style*="--hvr-mb:"]:hover{margin-bottom:var(--hvr-mb)}.gps.gpsi [style*="--focus-mb:"]:focus{margin-bottom:var(--focus-mb)}.gps.gpsi [style*="--ml:"]{margin-left:var(--ml)}.gps.gpsi [style*="--hvr-ml:"]:hover{margin-left:var(--hvr-ml)}.gps.gpsi [style*="--focus-ml:"]:focus{margin-left:var(--focus-ml)}.gps.gpsi [style*="--mr:"]{margin-right:var(--mr)}.gps.gpsi [style*="--hvr-mr:"]:hover{margin-right:var(--hvr-mr)}.gps.gpsi [style*="--focus-mr:"]:focus{margin-right:var(--focus-mr)}.gps.gpsi [style*="--mt:"]{margin-top:var(--mt)}.gps.gpsi [style*="--hvr-mt:"]:hover{margin-top:var(--hvr-mt)}.gps.gpsi [style*="--focus-mt:"]:focus{margin-top:var(--focus-mt)}.gps.gpsi [style*="--maxh:"]{max-height:var(--maxh)}.gps.gpsi [style*="--hvr-maxh:"]:hover{max-height:var(--hvr-maxh)}.gps.gpsi [style*="--focus-maxh:"]:focus{max-height:var(--focus-maxh)}.gps.gpsi [style*="--maxw:"]{max-width:var(--maxw)}.gps.gpsi [style*="--hvr-maxw:"]:hover{max-width:var(--hvr-maxw)}.gps.gpsi [style*="--focus-maxw:"]:focus{max-width:var(--focus-maxw)}.gps.gpsi [style*="--minh:"]{min-height:var(--minh)}.gps.gpsi [style*="--hvr-minh:"]:hover{min-height:var(--hvr-minh)}.gps.gpsi [style*="--focus-minh:"]:focus{min-height:var(--focus-minh)}.gps.gpsi [style*="--minw:"]{min-width:var(--minw)}.gps.gpsi [style*="--hvr-minw:"]:hover{min-width:var(--hvr-minw)}.gps.gpsi [style*="--focus-minw:"]:focus{min-width:var(--focus-minw)}.gps.gpsi [style*="--objf:"]{-o-object-fit:var(--objf);object-fit:var(--objf)}.gps.gpsi [style*="--hvr-objf:"]:hover{-o-object-fit:var(--hvr-objf);object-fit:var(--hvr-objf)}.gps.gpsi [style*="--focus-objf:"]:focus{-o-object-fit:var(--focus-objf);object-fit:var(--focus-objf)}.gps.gpsi [style*="--op:"]{opacity:var(--op)}.gps.gpsi [style*="--hvr-op:"]:hover{opacity:var(--hvr-op)}.gps.gpsi [style*="--focus-op:"]:focus{opacity:var(--focus-op)}.gps.gpsi [style*="--o:"]{order:var(--o)}.gps.gpsi [style*="--hvr-o:"]:hover{order:var(--hvr-o)}.gps.gpsi [style*="--focus-o:"]:focus{order:var(--focus-o)}.gps.gpsi [style*="--of:"]{overflow:var(--of)}.gps.gpsi [style*="--hvr-of:"]:hover{overflow:var(--hvr-of)}.gps.gpsi [style*="--focus-of:"]:focus{overflow:var(--focus-of)}.gps.gpsi [style*="--ofx:"]{overflow-x:var(--ofx)}.gps.gpsi [style*="--hvr-ofx:"]:hover{overflow-x:var(--hvr-ofx)}.gps.gpsi [style*="--focus-ofx:"]:focus{overflow-x:var(--focus-ofx)}.gps.gpsi [style*="--ofy:"]{overflow-y:var(--ofy)}.gps.gpsi [style*="--hvr-ofy:"]:hover{overflow-y:var(--hvr-ofy)}.gps.gpsi [style*="--focus-ofy:"]:focus{overflow-y:var(--focus-ofy)}.gps.gpsi [style*="--pc:"]{place-content:var(--pc)}.gps.gpsi [style*="--hvr-pc:"]:hover{place-content:var(--hvr-pc)}.gps.gpsi [style*="--focus-pc:"]:focus{place-content:var(--focus-pc)}.gps.gpsi [style*="--p:"]{padding:var(--p)}.gps.gpsi [style*="--hvr-p:"]:hover{padding:var(--hvr-p)}.gps.gpsi [style*="--focus-p:"]:focus{padding:var(--focus-p)}.gps.gpsi [style*="--pb:"]{padding-bottom:var(--pb)}.gps.gpsi [style*="--hvr-pb:"]:hover{padding-bottom:var(--hvr-pb)}.gps.gpsi [style*="--focus-pb:"]:focus{padding-bottom:var(--focus-pb)}.gps.gpsi [style*="--pl:"]{padding-left:var(--pl)}.gps.gpsi [style*="--hvr-pl:"]:hover{padding-left:var(--hvr-pl)}.gps.gpsi [style*="--focus-pl:"]:focus{padding-left:var(--focus-pl)}.gps.gpsi [style*="--pr:"]{padding-right:var(--pr)}.gps.gpsi [style*="--hvr-pr:"]:hover{padding-right:var(--hvr-pr)}.gps.gpsi [style*="--focus-pr:"]:focus{padding-right:var(--focus-pr)}.gps.gpsi [style*="--pt:"]{padding-top:var(--pt)}.gps.gpsi [style*="--hvr-pt:"]:hover{padding-top:var(--hvr-pt)}.gps.gpsi [style*="--focus-pt:"]:focus{padding-top:var(--focus-pt)}.gps.gpsi [style*="--pe:"]{pointer-events:var(--pe)}.gps.gpsi [style*="--hvr-pe:"]:hover{pointer-events:var(--hvr-pe)}.gps.gpsi [style*="--focus-pe:"]:focus{pointer-events:var(--focus-pe)}.gps.gpsi [style*="--pos:"]{position:var(--pos)}.gps.gpsi [style*="--hvr-pos:"]:hover{position:var(--hvr-pos)}.gps.gpsi [style*="--focus-pos:"]:focus{position:var(--focus-pos)}.gps.gpsi [style*="--right:"]{right:var(--right)}.gps.gpsi [style*="--hvr-right:"]:hover{right:var(--hvr-right)}.gps.gpsi [style*="--focus-right:"]:focus{right:var(--focus-right)}.gps.gpsi [style*="--rg:"]{row-gap:var(--rg)}.gps.gpsi [style*="--hvr-rg:"]:hover{row-gap:var(--hvr-rg)}.gps.gpsi [style*="--focus-rg:"]:focus{row-gap:var(--focus-rg)}.gps.gpsi [style*="--ta:"]{text-align:var(--ta)}.gps.gpsi [style*="--hvr-ta:"]:hover{text-align:var(--hvr-ta)}.gps.gpsi [style*="--focus-ta:"]:focus{text-align:var(--focus-ta)}.gps.gpsi [style*="--ts:"]{text-shadow:var(--ts)}.gps.gpsi [style*="--hvr-ts:"]:hover{text-shadow:var(--hvr-ts)}.gps.gpsi [style*="--focus-ts:"]:focus{text-shadow:var(--focus-ts)}.gps.gpsi [style*="--tt:"]{text-transform:var(--tt)}.gps.gpsi [style*="--hvr-tt:"]:hover{text-transform:var(--hvr-tt)}.gps.gpsi [style*="--focus-tt:"]:focus{text-transform:var(--focus-tt)}.gps.gpsi [style*="--top:"]{top:var(--top)}.gps.gpsi [style*="--hvr-top:"]:hover{top:var(--hvr-top)}.gps.gpsi [style*="--focus-top:"]:focus{top:var(--focus-top)}.gps.gpsi [style*="--t:"]{transform:var(--t)}.gps.gpsi [style*="--hvr-t:"]:hover{transform:var(--hvr-t)}.gps.gpsi [style*="--focus-t:"]:focus{transform:var(--focus-t)}.gps.gpsi [style*="--v:"]{visibility:var(--v)}.gps.gpsi [style*="--hvr-v:"]:hover{visibility:var(--hvr-v)}.gps.gpsi [style*="--focus-v:"]:focus{visibility:var(--focus-v)}.gps.gpsi [style*="--ws:"]{white-space:var(--ws)}.gps.gpsi [style*="--hvr-ws:"]:hover{white-space:var(--hvr-ws)}.gps.gpsi [style*="--focus-ws:"]:focus{white-space:var(--focus-ws)}.gps.gpsi [style*="--w:"]{width:var(--w)}.gps.gpsi [style*="--hvr-w:"]:hover{width:var(--hvr-w)}.gps.gpsi [style*="--focus-w:"]:focus{width:var(--focus-w)}.gps.gpsi [style*="--z:"]{z-index:var(--z)}.gps.gpsi [style*="--hvr-z:"]:hover{z-index:var(--hvr-z)}.gps.gpsi [style*="--focus-z:"]:focus{z-index:var(--focus-z)}.gps.gpsi [style*="--wm:"]{writing-mode:var(--wm)}.gps.gpsi [style*="--hvr-wm:"]:hover{writing-mode:var(--hvr-wm)}.gps.gpsi [style*="--focus-wm:"]:focus{writing-mode:var(--focus-wm)}.gps.gpsi [style*="--line-clamp:"]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp);display:-webkit-box;overflow:hidden}@media only screen and (max-width:1024px){.gps.gpsi [style*="--ai-tablet:"]{align-items:var(--ai-tablet)}.gps.gpsi [style*="--hvr-ai-tablet:"]:hover{align-items:var(--hvr-ai-tablet)}.gps.gpsi [style*="--focus-ai-tablet:"]:focus{align-items:var(--focus-ai-tablet)}.gps.gpsi [style*="--as-tablet:"]{align-self:var(--as-tablet)}.gps.gpsi [style*="--hvr-as-tablet:"]:hover{align-self:var(--hvr-as-tablet)}.gps.gpsi [style*="--focus-as-tablet:"]:focus{align-self:var(--focus-as-tablet)}.gps.gpsi [style*="--aspect-tablet:"]{aspect-ratio:var(--aspect-tablet)}.gps.gpsi [style*="--hvr-aspect-tablet:"]:hover{aspect-ratio:var(--hvr-aspect-tablet)}.gps.gpsi [style*="--focus-aspect-tablet:"]:focus{aspect-ratio:var(--focus-aspect-tablet)}.gps.gpsi [style*="--bg-tablet:"]{background:var(--bg-tablet)}.gps.gpsi [style*="--hvr-bg-tablet:"]:hover{background:var(--hvr-bg-tablet)}.gps.gpsi [style*="--focus-bg-tablet:"]:focus{background:var(--focus-bg-tablet)}.gps.gpsi [style*="--bga-tablet:"]{background-attachment:var(--bga-tablet)}.gps.gpsi [style*="--hvr-bga-tablet:"]:hover{background-attachment:var(--hvr-bga-tablet)}.gps.gpsi [style*="--focus-bga-tablet:"]:focus{background-attachment:var(--focus-bga-tablet)}.gps.gpsi [style*="--bgc-tablet:"]{background-color:var(--bgc-tablet)}.gps.gpsi [style*="--hvr-bgc-tablet:"]:hover{background-color:var(--hvr-bgc-tablet)}.gps.gpsi [style*="--focus-bgc-tablet:"]:focus{background-color:var(--focus-bgc-tablet)}.gps.gpsi [style*="--bgi-tablet:"]{background-image:var(--bgi-tablet)}.gps.gpsi [style*="--hvr-bgi-tablet:"]:hover{background-image:var(--hvr-bgi-tablet)}.gps.gpsi [style*="--focus-bgi-tablet:"]:focus{background-image:var(--focus-bgi-tablet)}.gps.gpsi [style*="--bgp-tablet:"]{background-position:var(--bgp-tablet)}.gps.gpsi [style*="--hvr-bgp-tablet:"]:hover{background-position:var(--hvr-bgp-tablet)}.gps.gpsi [style*="--focus-bgp-tablet:"]:focus{background-position:var(--focus-bgp-tablet)}.gps.gpsi [style*="--bgr-tablet:"]{background-repeat:var(--bgr-tablet)}.gps.gpsi [style*="--hvr-bgr-tablet:"]:hover{background-repeat:var(--hvr-bgr-tablet)}.gps.gpsi [style*="--focus-bgr-tablet:"]:focus{background-repeat:var(--focus-bgr-tablet)}.gps.gpsi [style*="--bgs-tablet:"]{background-size:var(--bgs-tablet)}.gps.gpsi [style*="--hvr-bgs-tablet:"]:hover{background-size:var(--hvr-bgs-tablet)}.gps.gpsi [style*="--focus-bgs-tablet:"]:focus{background-size:var(--focus-bgs-tablet)}.gps.gpsi [style*="--b-tablet:"]{border:var(--b-tablet)}.gps.gpsi [style*="--hvr-b-tablet:"]:hover{border:var(--hvr-b-tablet)}.gps.gpsi [style*="--focus-b-tablet:"]:focus{border:var(--focus-b-tablet)}.gps.gpsi [style*="--bb-tablet:"]{border-bottom:var(--bb-tablet)}.gps.gpsi [style*="--hvr-bb-tablet:"]:hover{border-bottom:var(--hvr-bb-tablet)}.gps.gpsi [style*="--focus-bb-tablet:"]:focus{border-bottom:var(--focus-bb-tablet)}.gps.gpsi [style*="--bbw-tablet:"]{border-bottom-width:var(--bbw-tablet)}.gps.gpsi [style*="--hvr-bbw-tablet:"]:hover{border-bottom-width:var(--hvr-bbw-tablet)}.gps.gpsi [style*="--focus-bbw-tablet:"]:focus{border-bottom-width:var(--focus-bbw-tablet)}.gps.gpsi [style*="--blw-tablet:"]{border-left-width:var(--blw-tablet)}.gps.gpsi [style*="--hvr-blw-tablet:"]:hover{border-left-width:var(--hvr-blw-tablet)}.gps.gpsi [style*="--focus-blw-tablet:"]:focus{border-left-width:var(--focus-blw-tablet)}.gps.gpsi [style*="--brw-tablet:"]{border-right-width:var(--brw-tablet)}.gps.gpsi [style*="--hvr-brw-tablet:"]:hover{border-right-width:var(--hvr-brw-tablet)}.gps.gpsi [style*="--focus-brw-tablet:"]:focus{border-right-width:var(--focus-brw-tablet)}.gps.gpsi [style*="--btw-tablet:"]{border-top-width:var(--btw-tablet)}.gps.gpsi [style*="--hvr-btw-tablet:"]:hover{border-top-width:var(--hvr-btw-tablet)}.gps.gpsi [style*="--focus-btw-tablet:"]:focus{border-top-width:var(--focus-btw-tablet)}.gps.gpsi [style*="--bbc-tablet:"]{border-bottom-color:var(--bbc-tablet)}.gps.gpsi [style*="--hvr-bbc-tablet:"]:hover{border-bottom-color:var(--hvr-bbc-tablet)}.gps.gpsi [style*="--focus-bbc-tablet:"]:focus{border-bottom-color:var(--focus-bbc-tablet)}.gps.gpsi [style*="--btc-tablet:"]{border-top-color:var(--btc-tablet)}.gps.gpsi [style*="--hvr-btc-tablet:"]:hover{border-top-color:var(--hvr-btc-tablet)}.gps.gpsi [style*="--focus-btc-tablet:"]:focus{border-top-color:var(--focus-btc-tablet)}.gps.gpsi [style*="--blc-tablet:"]{border-left-color:var(--blc-tablet)}.gps.gpsi [style*="--hvr-blc-tablet:"]:hover{border-left-color:var(--hvr-blc-tablet)}.gps.gpsi [style*="--focus-blc-tablet:"]:focus{border-left-color:var(--focus-blc-tablet)}.gps.gpsi [style*="--brc-tablet:"]{border-right-color:var(--brc-tablet)}.gps.gpsi [style*="--hvr-brc-tablet:"]:hover{border-right-color:var(--hvr-brc-tablet)}.gps.gpsi [style*="--focus-brc-tablet:"]:focus{border-right-color:var(--focus-brc-tablet)}.gps.gpsi [style*="--bc-tablet:"]{border-color:var(--bc-tablet)}.gps.gpsi [style*="--hvr-bc-tablet:"]:hover{border-color:var(--hvr-bc-tablet)}.gps.gpsi [style*="--focus-bc-tablet:"]:focus{border-color:var(--focus-bc-tablet)}.gps.gpsi [style*="--bblr-tablet:"]{border-bottom-left-radius:var(--bblr-tablet)}.gps.gpsi [style*="--hvr-bblr-tablet:"]:hover{border-bottom-left-radius:var(--hvr-bblr-tablet)}.gps.gpsi [style*="--focus-bblr-tablet:"]:focus{border-bottom-left-radius:var(--focus-bblr-tablet)}.gps.gpsi [style*="--bbrr-tablet:"]{border-bottom-right-radius:var(--bbrr-tablet)}.gps.gpsi [style*="--hvr-bbrr-tablet:"]:hover{border-bottom-right-radius:var(--hvr-bbrr-tablet)}.gps.gpsi [style*="--focus-bbrr-tablet:"]:focus{border-bottom-right-radius:var(--focus-bbrr-tablet)}.gps.gpsi [style*="--bl-tablet:"]{border-left:var(--bl-tablet)}.gps.gpsi [style*="--hvr-bl-tablet:"]:hover{border-left:var(--hvr-bl-tablet)}.gps.gpsi [style*="--focus-bl-tablet:"]:focus{border-left:var(--focus-bl-tablet)}.gps.gpsi [style*="--radius-tablet:"]{border-radius:var(--radius-tablet)}.gps.gpsi [style*="--hvr-radius-tablet:"]:hover{border-radius:var(--hvr-radius-tablet)}.gps.gpsi [style*="--focus-radius-tablet:"]:focus{border-radius:var(--focus-radius-tablet)}.gps.gpsi [style*="--br-tablet:"]{border-right:var(--br-tablet)}.gps.gpsi [style*="--hvr-br-tablet:"]:hover{border-right:var(--hvr-br-tablet)}.gps.gpsi [style*="--focus-br-tablet:"]:focus{border-right:var(--focus-br-tablet)}.gps.gpsi [style*="--bs-tablet:"]{border-style:var(--bs-tablet)}.gps.gpsi [style*="--hvr-bs-tablet:"]:hover{border-style:var(--hvr-bs-tablet)}.gps.gpsi [style*="--focus-bs-tablet:"]:focus{border-style:var(--focus-bs-tablet)}.gps.gpsi [style*="--bt-tablet:"]{border-top:var(--bt-tablet)}.gps.gpsi [style*="--hvr-bt-tablet:"]:hover{border-top:var(--hvr-bt-tablet)}.gps.gpsi [style*="--focus-bt-tablet:"]:focus{border-top:var(--focus-bt-tablet)}.gps.gpsi [style*="--btlr-tablet:"]{border-top-left-radius:var(--btlr-tablet)}.gps.gpsi [style*="--hvr-btlr-tablet:"]:hover{border-top-left-radius:var(--hvr-btlr-tablet)}.gps.gpsi [style*="--focus-btlr-tablet:"]:focus{border-top-left-radius:var(--focus-btlr-tablet)}.gps.gpsi [style*="--btrr-tablet:"]{border-top-right-radius:var(--btrr-tablet)}.gps.gpsi [style*="--hvr-btrr-tablet:"]:hover{border-top-right-radius:var(--hvr-btrr-tablet)}.gps.gpsi [style*="--focus-btrr-tablet:"]:focus{border-top-right-radius:var(--focus-btrr-tablet)}.gps.gpsi [style*="--bw-tablet:"]{border-width:var(--bw-tablet)}.gps.gpsi [style*="--hvr-bw-tablet:"]:hover{border-width:var(--hvr-bw-tablet)}.gps.gpsi [style*="--focus-bw-tablet:"]:focus{border-width:var(--focus-bw-tablet)}.gps.gpsi [style*="--bottom-tablet:"]{bottom:var(--bottom-tablet)}.gps.gpsi [style*="--hvr-bottom-tablet:"]:hover{bottom:var(--hvr-bottom-tablet)}.gps.gpsi [style*="--focus-bottom-tablet:"]:focus{bottom:var(--focus-bottom-tablet)}.gps.gpsi [style*="--shadow-tablet:"]{box-shadow:var(--shadow-tablet)}.gps.gpsi [style*="--hvr-shadow-tablet:"]:hover{box-shadow:var(--hvr-shadow-tablet)}.gps.gpsi [style*="--focus-shadow-tablet:"]:focus{box-shadow:var(--focus-shadow-tablet)}.gps.gpsi [style*="--c-tablet:"]{color:var(--c-tablet)}.gps.gpsi [style*="--hvr-c-tablet:"]:hover{color:var(--hvr-c-tablet)}.gps.gpsi [style*="--focus-c-tablet:"]:focus{color:var(--focus-c-tablet)}.gps.gpsi [style*="--cg-tablet:"]{-moz-column-gap:var(--cg-tablet);column-gap:var(--cg-tablet)}.gps.gpsi [style*="--hvr-cg-tablet:"]:hover{-moz-column-gap:var(--hvr-cg-tablet);column-gap:var(--hvr-cg-tablet)}.gps.gpsi [style*="--focus-cg-tablet:"]:focus{-moz-column-gap:var(--focus-cg-tablet);column-gap:var(--focus-cg-tablet)}.gps.gpsi [style*="--d-tablet:"]{display:var(--d-tablet)}.gps.gpsi [style*="--hvr-d-tablet:"]:hover{display:var(--hvr-d-tablet)}.gps.gpsi [style*="--focus-d-tablet:"]:focus{display:var(--focus-d-tablet)}.gps.gpsi [style*="--fd-tablet:"]{flex-direction:var(--fd-tablet)}.gps.gpsi [style*="--hvr-fd-tablet:"]:hover{flex-direction:var(--hvr-fd-tablet)}.gps.gpsi [style*="--focus-fd-tablet:"]:focus{flex-direction:var(--focus-fd-tablet)}.gps.gpsi [style*="--ff-tablet:"]{font-family:var(--ff-tablet)}.gps.gpsi [style*="--hvr-ff-tablet:"]:hover{font-family:var(--hvr-ff-tablet)}.gps.gpsi [style*="--focus-ff-tablet:"]:focus{font-family:var(--focus-ff-tablet)}.gps.gpsi [style*="--size-tablet:"]{font-size:var(--size-tablet)}.gps.gpsi [style*="--hvr-size-tablet:"]:hover{font-size:var(--hvr-size-tablet)}.gps.gpsi [style*="--focus-size-tablet:"]:focus{font-size:var(--focus-size-tablet)}.gps.gpsi [style*="--weight-tablet:"]{font-weight:var(--weight-tablet)}.gps.gpsi [style*="--hvr-weight-tablet:"]:hover{font-weight:var(--hvr-weight-tablet)}.gps.gpsi [style*="--focus-weight-tablet:"]:focus{font-weight:var(--focus-weight-tablet)}.gps.gpsi [style*="--fs-tablet:"]{font-style:var(--fs-tablet)}.gps.gpsi [style*="--hvr-fs-tablet:"]:hover{font-style:var(--hvr-fs-tablet)}.gps.gpsi [style*="--focus-fs-tablet:"]:focus{font-style:var(--focus-fs-tablet)}.gps.gpsi [style*="--gg-tablet:"]{grid-gap:var(--gg-tablet)}.gps.gpsi [style*="--hvr-gg-tablet:"]:hover{grid-gap:var(--hvr-gg-tablet)}.gps.gpsi [style*="--focus-gg-tablet:"]:focus{grid-gap:var(--focus-gg-tablet)}.gps.gpsi [style*="--gr-tablet:"]{grid-row:var(--gr-tablet)}.gps.gpsi [style*="--hvr-gr-tablet:"]:hover{grid-row:var(--hvr-gr-tablet)}.gps.gpsi [style*="--focus-gr-tablet:"]:focus{grid-row:var(--focus-gr-tablet)}.gps.gpsi [style*="--gtc-tablet:"]{grid-template-columns:var(--gtc-tablet)}.gps.gpsi [style*="--hvr-gtc-tablet:"]:hover{grid-template-columns:var(--hvr-gtc-tablet)}.gps.gpsi [style*="--focus-gtc-tablet:"]:focus{grid-template-columns:var(--focus-gtc-tablet)}.gps.gpsi [style*="--gtr-tablet:"]{grid-template-rows:var(--gtr-tablet)}.gps.gpsi [style*="--hvr-gtr-tablet:"]:hover{grid-template-rows:var(--hvr-gtr-tablet)}.gps.gpsi [style*="--focus-gtr-tablet:"]:focus{grid-template-rows:var(--focus-gtr-tablet)}.gps.gpsi [style*="--h-tablet:"]{height:var(--h-tablet)}.gps.gpsi [style*="--hvr-h-tablet:"]:hover{height:var(--hvr-h-tablet)}.gps.gpsi [style*="--focus-h-tablet:"]:focus{height:var(--focus-h-tablet)}.gps.gpsi [style*="--jc-tablet:"]{justify-content:var(--jc-tablet)}.gps.gpsi [style*="--hvr-jc-tablet:"]:hover{justify-content:var(--hvr-jc-tablet)}.gps.gpsi [style*="--focus-jc-tablet:"]:focus{justify-content:var(--focus-jc-tablet)}.gps.gpsi [style*="--js-tablet:"]{justify-self:var(--js-tablet)}.gps.gpsi [style*="--hvr-js-tablet:"]:hover{justify-self:var(--hvr-js-tablet)}.gps.gpsi [style*="--focus-js-tablet:"]:focus{justify-self:var(--focus-js-tablet)}.gps.gpsi [style*="--left-tablet:"]{left:var(--left-tablet)}.gps.gpsi [style*="--hvr-left-tablet:"]:hover{left:var(--hvr-left-tablet)}.gps.gpsi [style*="--focus-left-tablet:"]:focus{left:var(--focus-left-tablet)}.gps.gpsi [style*="--ls-tablet:"]{letter-spacing:var(--ls-tablet)}.gps.gpsi [style*="--hvr-ls-tablet:"]:hover{letter-spacing:var(--hvr-ls-tablet)}.gps.gpsi [style*="--focus-ls-tablet:"]:focus{letter-spacing:var(--focus-ls-tablet)}.gps.gpsi [style*="--lh-tablet:"]{line-height:var(--lh-tablet)}.gps.gpsi [style*="--hvr-lh-tablet:"]:hover{line-height:var(--hvr-lh-tablet)}.gps.gpsi [style*="--focus-lh-tablet:"]:focus{line-height:var(--focus-lh-tablet)}.gps.gpsi [style*="--tdt-tablet:"]{text-decoration-thickness:var(--tdt-tablet)}.gps.gpsi [style*="--hvr-tdt-tablet:"]:hover{text-decoration-thickness:var(--hvr-tdt-tablet)}.gps.gpsi [style*="--focus-tdt-tablet:"]:focus{text-decoration-thickness:var(--focus-tdt-tablet)}.gps.gpsi [style*="--tdc-tablet:"]{text-decoration-color:var(--tdc-tablet)}.gps.gpsi [style*="--hvr-tdc-tablet:"]:hover{text-decoration-color:var(--hvr-tdc-tablet)}.gps.gpsi [style*="--focus-tdc-tablet:"]:focus{text-decoration-color:var(--focus-tdc-tablet)}.gps.gpsi [style*="--tdl-tablet:"]{text-decoration-line:var(--tdl-tablet)}.gps.gpsi [style*="--hvr-tdl-tablet:"]:hover{text-decoration-line:var(--hvr-tdl-tablet)}.gps.gpsi [style*="--focus-tdl-tablet:"]:focus{text-decoration-line:var(--focus-tdl-tablet)}.gps.gpsi [style*="--m-tablet:"]{margin:var(--m-tablet)}.gps.gpsi [style*="--hvr-m-tablet:"]:hover{margin:var(--hvr-m-tablet)}.gps.gpsi [style*="--focus-m-tablet:"]:focus{margin:var(--focus-m-tablet)}.gps.gpsi [style*="--mb-tablet:"]{margin-bottom:var(--mb-tablet)}.gps.gpsi [style*="--hvr-mb-tablet:"]:hover{margin-bottom:var(--hvr-mb-tablet)}.gps.gpsi [style*="--focus-mb-tablet:"]:focus{margin-bottom:var(--focus-mb-tablet)}.gps.gpsi [style*="--ml-tablet:"]{margin-left:var(--ml-tablet)}.gps.gpsi [style*="--hvr-ml-tablet:"]:hover{margin-left:var(--hvr-ml-tablet)}.gps.gpsi [style*="--focus-ml-tablet:"]:focus{margin-left:var(--focus-ml-tablet)}.gps.gpsi [style*="--mr-tablet:"]{margin-right:var(--mr-tablet)}.gps.gpsi [style*="--hvr-mr-tablet:"]:hover{margin-right:var(--hvr-mr-tablet)}.gps.gpsi [style*="--focus-mr-tablet:"]:focus{margin-right:var(--focus-mr-tablet)}.gps.gpsi [style*="--mt-tablet:"]{margin-top:var(--mt-tablet)}.gps.gpsi [style*="--hvr-mt-tablet:"]:hover{margin-top:var(--hvr-mt-tablet)}.gps.gpsi [style*="--focus-mt-tablet:"]:focus{margin-top:var(--focus-mt-tablet)}.gps.gpsi [style*="--maxh-tablet:"]{max-height:var(--maxh-tablet)}.gps.gpsi [style*="--hvr-maxh-tablet:"]:hover{max-height:var(--hvr-maxh-tablet)}.gps.gpsi [style*="--focus-maxh-tablet:"]:focus{max-height:var(--focus-maxh-tablet)}.gps.gpsi [style*="--maxw-tablet:"]{max-width:var(--maxw-tablet)}.gps.gpsi [style*="--hvr-maxw-tablet:"]:hover{max-width:var(--hvr-maxw-tablet)}.gps.gpsi [style*="--focus-maxw-tablet:"]:focus{max-width:var(--focus-maxw-tablet)}.gps.gpsi [style*="--minh-tablet:"]{min-height:var(--minh-tablet)}.gps.gpsi [style*="--hvr-minh-tablet:"]:hover{min-height:var(--hvr-minh-tablet)}.gps.gpsi [style*="--focus-minh-tablet:"]:focus{min-height:var(--focus-minh-tablet)}.gps.gpsi [style*="--minw-tablet:"]{min-width:var(--minw-tablet)}.gps.gpsi [style*="--hvr-minw-tablet:"]:hover{min-width:var(--hvr-minw-tablet)}.gps.gpsi [style*="--focus-minw-tablet:"]:focus{min-width:var(--focus-minw-tablet)}.gps.gpsi [style*="--objf-tablet:"]{-o-object-fit:var(--objf-tablet);object-fit:var(--objf-tablet)}.gps.gpsi [style*="--hvr-objf-tablet:"]:hover{-o-object-fit:var(--hvr-objf-tablet);object-fit:var(--hvr-objf-tablet)}.gps.gpsi [style*="--focus-objf-tablet:"]:focus{-o-object-fit:var(--focus-objf-tablet);object-fit:var(--focus-objf-tablet)}.gps.gpsi [style*="--op-tablet:"]{opacity:var(--op-tablet)}.gps.gpsi [style*="--hvr-op-tablet:"]:hover{opacity:var(--hvr-op-tablet)}.gps.gpsi [style*="--focus-op-tablet:"]:focus{opacity:var(--focus-op-tablet)}.gps.gpsi [style*="--o-tablet:"]{order:var(--o-tablet)}.gps.gpsi [style*="--hvr-o-tablet:"]:hover{order:var(--hvr-o-tablet)}.gps.gpsi [style*="--focus-o-tablet:"]:focus{order:var(--focus-o-tablet)}.gps.gpsi [style*="--of-tablet:"]{overflow:var(--of-tablet)}.gps.gpsi [style*="--hvr-of-tablet:"]:hover{overflow:var(--hvr-of-tablet)}.gps.gpsi [style*="--focus-of-tablet:"]:focus{overflow:var(--focus-of-tablet)}.gps.gpsi [style*="--ofx-tablet:"]{overflow-x:var(--ofx-tablet)}.gps.gpsi [style*="--hvr-ofx-tablet:"]:hover{overflow-x:var(--hvr-ofx-tablet)}.gps.gpsi [style*="--focus-ofx-tablet:"]:focus{overflow-x:var(--focus-ofx-tablet)}.gps.gpsi [style*="--ofy-tablet:"]{overflow-y:var(--ofy-tablet)}.gps.gpsi [style*="--hvr-ofy-tablet:"]:hover{overflow-y:var(--hvr-ofy-tablet)}.gps.gpsi [style*="--focus-ofy-tablet:"]:focus{overflow-y:var(--focus-ofy-tablet)}.gps.gpsi [style*="--pc-tablet:"]{place-content:var(--pc-tablet)}.gps.gpsi [style*="--hvr-pc-tablet:"]:hover{place-content:var(--hvr-pc-tablet)}.gps.gpsi [style*="--focus-pc-tablet:"]:focus{place-content:var(--focus-pc-tablet)}.gps.gpsi [style*="--p-tablet:"]{padding:var(--p-tablet)}.gps.gpsi [style*="--hvr-p-tablet:"]:hover{padding:var(--hvr-p-tablet)}.gps.gpsi [style*="--focus-p-tablet:"]:focus{padding:var(--focus-p-tablet)}.gps.gpsi [style*="--pb-tablet:"]{padding-bottom:var(--pb-tablet)}.gps.gpsi [style*="--hvr-pb-tablet:"]:hover{padding-bottom:var(--hvr-pb-tablet)}.gps.gpsi [style*="--focus-pb-tablet:"]:focus{padding-bottom:var(--focus-pb-tablet)}.gps.gpsi [style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}.gps.gpsi [style*="--hvr-pl-tablet:"]:hover{padding-left:var(--hvr-pl-tablet)}.gps.gpsi [style*="--focus-pl-tablet:"]:focus{padding-left:var(--focus-pl-tablet)}.gps.gpsi [style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}.gps.gpsi [style*="--hvr-pr-tablet:"]:hover{padding-right:var(--hvr-pr-tablet)}.gps.gpsi [style*="--focus-pr-tablet:"]:focus{padding-right:var(--focus-pr-tablet)}.gps.gpsi [style*="--pt-tablet:"]{padding-top:var(--pt-tablet)}.gps.gpsi [style*="--hvr-pt-tablet:"]:hover{padding-top:var(--hvr-pt-tablet)}.gps.gpsi [style*="--focus-pt-tablet:"]:focus{padding-top:var(--focus-pt-tablet)}.gps.gpsi [style*="--pe-tablet:"]{pointer-events:var(--pe-tablet)}.gps.gpsi [style*="--hvr-pe-tablet:"]:hover{pointer-events:var(--hvr-pe-tablet)}.gps.gpsi [style*="--focus-pe-tablet:"]:focus{pointer-events:var(--focus-pe-tablet)}.gps.gpsi [style*="--pos-tablet:"]{position:var(--pos-tablet)}.gps.gpsi [style*="--hvr-pos-tablet:"]:hover{position:var(--hvr-pos-tablet)}.gps.gpsi [style*="--focus-pos-tablet:"]:focus{position:var(--focus-pos-tablet)}.gps.gpsi [style*="--right-tablet:"]{right:var(--right-tablet)}.gps.gpsi [style*="--hvr-right-tablet:"]:hover{right:var(--hvr-right-tablet)}.gps.gpsi [style*="--focus-right-tablet:"]:focus{right:var(--focus-right-tablet)}.gps.gpsi [style*="--rg-tablet:"]{row-gap:var(--rg-tablet)}.gps.gpsi [style*="--hvr-rg-tablet:"]:hover{row-gap:var(--hvr-rg-tablet)}.gps.gpsi [style*="--focus-rg-tablet:"]:focus{row-gap:var(--focus-rg-tablet)}.gps.gpsi [style*="--ta-tablet:"]{text-align:var(--ta-tablet)}.gps.gpsi [style*="--hvr-ta-tablet:"]:hover{text-align:var(--hvr-ta-tablet)}.gps.gpsi [style*="--focus-ta-tablet:"]:focus{text-align:var(--focus-ta-tablet)}.gps.gpsi [style*="--ts-tablet:"]{text-shadow:var(--ts-tablet)}.gps.gpsi [style*="--hvr-ts-tablet:"]:hover{text-shadow:var(--hvr-ts-tablet)}.gps.gpsi [style*="--focus-ts-tablet:"]:focus{text-shadow:var(--focus-ts-tablet)}.gps.gpsi [style*="--tt-tablet:"]{text-transform:var(--tt-tablet)}.gps.gpsi [style*="--hvr-tt-tablet:"]:hover{text-transform:var(--hvr-tt-tablet)}.gps.gpsi [style*="--focus-tt-tablet:"]:focus{text-transform:var(--focus-tt-tablet)}.gps.gpsi [style*="--top-tablet:"]{top:var(--top-tablet)}.gps.gpsi [style*="--hvr-top-tablet:"]:hover{top:var(--hvr-top-tablet)}.gps.gpsi [style*="--focus-top-tablet:"]:focus{top:var(--focus-top-tablet)}.gps.gpsi [style*="--t-tablet:"]{transform:var(--t-tablet)}.gps.gpsi [style*="--hvr-t-tablet:"]:hover{transform:var(--hvr-t-tablet)}.gps.gpsi [style*="--focus-t-tablet:"]:focus{transform:var(--focus-t-tablet)}.gps.gpsi [style*="--v-tablet:"]{visibility:var(--v-tablet)}.gps.gpsi [style*="--hvr-v-tablet:"]:hover{visibility:var(--hvr-v-tablet)}.gps.gpsi [style*="--focus-v-tablet:"]:focus{visibility:var(--focus-v-tablet)}.gps.gpsi [style*="--ws-tablet:"]{white-space:var(--ws-tablet)}.gps.gpsi [style*="--hvr-ws-tablet:"]:hover{white-space:var(--hvr-ws-tablet)}.gps.gpsi [style*="--focus-ws-tablet:"]:focus{white-space:var(--focus-ws-tablet)}.gps.gpsi [style*="--w-tablet:"]{width:var(--w-tablet)}.gps.gpsi [style*="--hvr-w-tablet:"]:hover{width:var(--hvr-w-tablet)}.gps.gpsi [style*="--focus-w-tablet:"]:focus{width:var(--focus-w-tablet)}.gps.gpsi [style*="--z-tablet:"]{z-index:var(--z-tablet)}.gps.gpsi [style*="--hvr-z-tablet:"]:hover{z-index:var(--hvr-z-tablet)}.gps.gpsi [style*="--focus-z-tablet:"]:focus{z-index:var(--focus-z-tablet)}.gps.gpsi [style*="--wm-tablet:"]{writing-mode:var(--wm-tablet)}.gps.gpsi [style*="--hvr-wm-tablet:"]:hover{writing-mode:var(--hvr-wm-tablet)}.gps.gpsi [style*="--focus-wm-tablet:"]:focus{writing-mode:var(--focus-wm-tablet)}.gps.gpsi [style*="--line-clamp-tablet:"]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-tablet);display:-webkit-box;overflow:hidden}}@media only screen and (max-width:767px){.gps.gpsi [style*="--ai-mobile:"]{align-items:var(--ai-mobile)}.gps.gpsi [style*="--hvr-ai-mobile:"]:hover{align-items:var(--hvr-ai-mobile)}.gps.gpsi [style*="--focus-ai-mobile:"]:focus{align-items:var(--focus-ai-mobile)}.gps.gpsi [style*="--as-mobile:"]{align-self:var(--as-mobile)}.gps.gpsi [style*="--hvr-as-mobile:"]:hover{align-self:var(--hvr-as-mobile)}.gps.gpsi [style*="--focus-as-mobile:"]:focus{align-self:var(--focus-as-mobile)}.gps.gpsi [style*="--aspect-mobile:"]{aspect-ratio:var(--aspect-mobile)}.gps.gpsi [style*="--hvr-aspect-mobile:"]:hover{aspect-ratio:var(--hvr-aspect-mobile)}.gps.gpsi [style*="--focus-aspect-mobile:"]:focus{aspect-ratio:var(--focus-aspect-mobile)}.gps.gpsi [style*="--bg-mobile:"]{background:var(--bg-mobile)}.gps.gpsi [style*="--hvr-bg-mobile:"]:hover{background:var(--hvr-bg-mobile)}.gps.gpsi [style*="--focus-bg-mobile:"]:focus{background:var(--focus-bg-mobile)}.gps.gpsi [style*="--bga-mobile:"]{background-attachment:var(--bga-mobile)}.gps.gpsi [style*="--hvr-bga-mobile:"]:hover{background-attachment:var(--hvr-bga-mobile)}.gps.gpsi [style*="--focus-bga-mobile:"]:focus{background-attachment:var(--focus-bga-mobile)}.gps.gpsi [style*="--bgc-mobile:"]{background-color:var(--bgc-mobile)}.gps.gpsi [style*="--hvr-bgc-mobile:"]:hover{background-color:var(--hvr-bgc-mobile)}.gps.gpsi [style*="--focus-bgc-mobile:"]:focus{background-color:var(--focus-bgc-mobile)}.gps.gpsi [style*="--bgi-mobile:"]{background-image:var(--bgi-mobile)}.gps.gpsi [style*="--hvr-bgi-mobile:"]:hover{background-image:var(--hvr-bgi-mobile)}.gps.gpsi [style*="--focus-bgi-mobile:"]:focus{background-image:var(--focus-bgi-mobile)}.gps.gpsi [style*="--bgp-mobile:"]{background-position:var(--bgp-mobile)}.gps.gpsi [style*="--hvr-bgp-mobile:"]:hover{background-position:var(--hvr-bgp-mobile)}.gps.gpsi [style*="--focus-bgp-mobile:"]:focus{background-position:var(--focus-bgp-mobile)}.gps.gpsi [style*="--bgr-mobile:"]{background-repeat:var(--bgr-mobile)}.gps.gpsi [style*="--hvr-bgr-mobile:"]:hover{background-repeat:var(--hvr-bgr-mobile)}.gps.gpsi [style*="--focus-bgr-mobile:"]:focus{background-repeat:var(--focus-bgr-mobile)}.gps.gpsi [style*="--bgs-mobile:"]{background-size:var(--bgs-mobile)}.gps.gpsi [style*="--hvr-bgs-mobile:"]:hover{background-size:var(--hvr-bgs-mobile)}.gps.gpsi [style*="--focus-bgs-mobile:"]:focus{background-size:var(--focus-bgs-mobile)}.gps.gpsi [style*="--b-mobile:"]{border:var(--b-mobile)}.gps.gpsi [style*="--hvr-b-mobile:"]:hover{border:var(--hvr-b-mobile)}.gps.gpsi [style*="--focus-b-mobile:"]:focus{border:var(--focus-b-mobile)}.gps.gpsi [style*="--bb-mobile:"]{border-bottom:var(--bb-mobile)}.gps.gpsi [style*="--hvr-bb-mobile:"]:hover{border-bottom:var(--hvr-bb-mobile)}.gps.gpsi [style*="--focus-bb-mobile:"]:focus{border-bottom:var(--focus-bb-mobile)}.gps.gpsi [style*="--bbw-mobile:"]{border-bottom-width:var(--bbw-mobile)}.gps.gpsi [style*="--hvr-bbw-mobile:"]:hover{border-bottom-width:var(--hvr-bbw-mobile)}.gps.gpsi [style*="--focus-bbw-mobile:"]:focus{border-bottom-width:var(--focus-bbw-mobile)}.gps.gpsi [style*="--blw-mobile:"]{border-left-width:var(--blw-mobile)}.gps.gpsi [style*="--hvr-blw-mobile:"]:hover{border-left-width:var(--hvr-blw-mobile)}.gps.gpsi [style*="--focus-blw-mobile:"]:focus{border-left-width:var(--focus-blw-mobile)}.gps.gpsi [style*="--brw-mobile:"]{border-right-width:var(--brw-mobile)}.gps.gpsi [style*="--hvr-brw-mobile:"]:hover{border-right-width:var(--hvr-brw-mobile)}.gps.gpsi [style*="--focus-brw-mobile:"]:focus{border-right-width:var(--focus-brw-mobile)}.gps.gpsi [style*="--btw-mobile:"]{border-top-width:var(--btw-mobile)}.gps.gpsi [style*="--hvr-btw-mobile:"]:hover{border-top-width:var(--hvr-btw-mobile)}.gps.gpsi [style*="--focus-btw-mobile:"]:focus{border-top-width:var(--focus-btw-mobile)}.gps.gpsi [style*="--bbc-mobile:"]{border-bottom-color:var(--bbc-mobile)}.gps.gpsi [style*="--hvr-bbc-mobile:"]:hover{border-bottom-color:var(--hvr-bbc-mobile)}.gps.gpsi [style*="--focus-bbc-mobile:"]:focus{border-bottom-color:var(--focus-bbc-mobile)}.gps.gpsi [style*="--btc-mobile:"]{border-top-color:var(--btc-mobile)}.gps.gpsi [style*="--hvr-btc-mobile:"]:hover{border-top-color:var(--hvr-btc-mobile)}.gps.gpsi [style*="--focus-btc-mobile:"]:focus{border-top-color:var(--focus-btc-mobile)}.gps.gpsi [style*="--blc-mobile:"]{border-left-color:var(--blc-mobile)}.gps.gpsi [style*="--hvr-blc-mobile:"]:hover{border-left-color:var(--hvr-blc-mobile)}.gps.gpsi [style*="--focus-blc-mobile:"]:focus{border-left-color:var(--focus-blc-mobile)}.gps.gpsi [style*="--brc-mobile:"]{border-right-color:var(--brc-mobile)}.gps.gpsi [style*="--hvr-brc-mobile:"]:hover{border-right-color:var(--hvr-brc-mobile)}.gps.gpsi [style*="--focus-brc-mobile:"]:focus{border-right-color:var(--focus-brc-mobile)}.gps.gpsi [style*="--bc-mobile:"]{border-color:var(--bc-mobile)}.gps.gpsi [style*="--hvr-bc-mobile:"]:hover{border-color:var(--hvr-bc-mobile)}.gps.gpsi [style*="--focus-bc-mobile:"]:focus{border-color:var(--focus-bc-mobile)}.gps.gpsi [style*="--bblr-mobile:"]{border-bottom-left-radius:var(--bblr-mobile)}.gps.gpsi [style*="--hvr-bblr-mobile:"]:hover{border-bottom-left-radius:var(--hvr-bblr-mobile)}.gps.gpsi [style*="--focus-bblr-mobile:"]:focus{border-bottom-left-radius:var(--focus-bblr-mobile)}.gps.gpsi [style*="--bbrr-mobile:"]{border-bottom-right-radius:var(--bbrr-mobile)}.gps.gpsi [style*="--hvr-bbrr-mobile:"]:hover{border-bottom-right-radius:var(--hvr-bbrr-mobile)}.gps.gpsi [style*="--focus-bbrr-mobile:"]:focus{border-bottom-right-radius:var(--focus-bbrr-mobile)}.gps.gpsi [style*="--bl-mobile:"]{border-left:var(--bl-mobile)}.gps.gpsi [style*="--hvr-bl-mobile:"]:hover{border-left:var(--hvr-bl-mobile)}.gps.gpsi [style*="--focus-bl-mobile:"]:focus{border-left:var(--focus-bl-mobile)}.gps.gpsi [style*="--radius-mobile:"]{border-radius:var(--radius-mobile)}.gps.gpsi [style*="--hvr-radius-mobile:"]:hover{border-radius:var(--hvr-radius-mobile)}.gps.gpsi [style*="--focus-radius-mobile:"]:focus{border-radius:var(--focus-radius-mobile)}.gps.gpsi [style*="--br-mobile:"]{border-right:var(--br-mobile)}.gps.gpsi [style*="--hvr-br-mobile:"]:hover{border-right:var(--hvr-br-mobile)}.gps.gpsi [style*="--focus-br-mobile:"]:focus{border-right:var(--focus-br-mobile)}.gps.gpsi [style*="--bs-mobile:"]{border-style:var(--bs-mobile)}.gps.gpsi [style*="--hvr-bs-mobile:"]:hover{border-style:var(--hvr-bs-mobile)}.gps.gpsi [style*="--focus-bs-mobile:"]:focus{border-style:var(--focus-bs-mobile)}.gps.gpsi [style*="--bt-mobile:"]{border-top:var(--bt-mobile)}.gps.gpsi [style*="--hvr-bt-mobile:"]:hover{border-top:var(--hvr-bt-mobile)}.gps.gpsi [style*="--focus-bt-mobile:"]:focus{border-top:var(--focus-bt-mobile)}.gps.gpsi [style*="--btlr-mobile:"]{border-top-left-radius:var(--btlr-mobile)}.gps.gpsi [style*="--hvr-btlr-mobile:"]:hover{border-top-left-radius:var(--hvr-btlr-mobile)}.gps.gpsi [style*="--focus-btlr-mobile:"]:focus{border-top-left-radius:var(--focus-btlr-mobile)}.gps.gpsi [style*="--btrr-mobile:"]{border-top-right-radius:var(--btrr-mobile)}.gps.gpsi [style*="--hvr-btrr-mobile:"]:hover{border-top-right-radius:var(--hvr-btrr-mobile)}.gps.gpsi [style*="--focus-btrr-mobile:"]:focus{border-top-right-radius:var(--focus-btrr-mobile)}.gps.gpsi [style*="--bw-mobile:"]{border-width:var(--bw-mobile)}.gps.gpsi [style*="--hvr-bw-mobile:"]:hover{border-width:var(--hvr-bw-mobile)}.gps.gpsi [style*="--focus-bw-mobile:"]:focus{border-width:var(--focus-bw-mobile)}.gps.gpsi [style*="--bottom-mobile:"]{bottom:var(--bottom-mobile)}.gps.gpsi [style*="--hvr-bottom-mobile:"]:hover{bottom:var(--hvr-bottom-mobile)}.gps.gpsi [style*="--focus-bottom-mobile:"]:focus{bottom:var(--focus-bottom-mobile)}.gps.gpsi [style*="--shadow-mobile:"]{box-shadow:var(--shadow-mobile)}.gps.gpsi [style*="--hvr-shadow-mobile:"]:hover{box-shadow:var(--hvr-shadow-mobile)}.gps.gpsi [style*="--focus-shadow-mobile:"]:focus{box-shadow:var(--focus-shadow-mobile)}.gps.gpsi [style*="--c-mobile:"]{color:var(--c-mobile)}.gps.gpsi [style*="--hvr-c-mobile:"]:hover{color:var(--hvr-c-mobile)}.gps.gpsi [style*="--focus-c-mobile:"]:focus{color:var(--focus-c-mobile)}.gps.gpsi [style*="--cg-mobile:"]{-moz-column-gap:var(--cg-mobile);column-gap:var(--cg-mobile)}.gps.gpsi [style*="--hvr-cg-mobile:"]:hover{-moz-column-gap:var(--hvr-cg-mobile);column-gap:var(--hvr-cg-mobile)}.gps.gpsi [style*="--focus-cg-mobile:"]:focus{-moz-column-gap:var(--focus-cg-mobile);column-gap:var(--focus-cg-mobile)}.gps.gpsi [style*="--d-mobile:"]{display:var(--d-mobile)}.gps.gpsi [style*="--hvr-d-mobile:"]:hover{display:var(--hvr-d-mobile)}.gps.gpsi [style*="--focus-d-mobile:"]:focus{display:var(--focus-d-mobile)}.gps.gpsi [style*="--fd-mobile:"]{flex-direction:var(--fd-mobile)}.gps.gpsi [style*="--hvr-fd-mobile:"]:hover{flex-direction:var(--hvr-fd-mobile)}.gps.gpsi [style*="--focus-fd-mobile:"]:focus{flex-direction:var(--focus-fd-mobile)}.gps.gpsi [style*="--ff-mobile:"]{font-family:var(--ff-mobile)}.gps.gpsi [style*="--hvr-ff-mobile:"]:hover{font-family:var(--hvr-ff-mobile)}.gps.gpsi [style*="--focus-ff-mobile:"]:focus{font-family:var(--focus-ff-mobile)}.gps.gpsi [style*="--size-mobile:"]{font-size:var(--size-mobile)}.gps.gpsi [style*="--hvr-size-mobile:"]:hover{font-size:var(--hvr-size-mobile)}.gps.gpsi [style*="--focus-size-mobile:"]:focus{font-size:var(--focus-size-mobile)}.gps.gpsi [style*="--weight-mobile:"]{font-weight:var(--weight-mobile)}.gps.gpsi [style*="--hvr-weight-mobile:"]:hover{font-weight:var(--hvr-weight-mobile)}.gps.gpsi [style*="--focus-weight-mobile:"]:focus{font-weight:var(--focus-weight-mobile)}.gps.gpsi [style*="--fs-mobile:"]{font-style:var(--fs-mobile)}.gps.gpsi [style*="--hvr-fs-mobile:"]:hover{font-style:var(--hvr-fs-mobile)}.gps.gpsi [style*="--focus-fs-mobile:"]:focus{font-style:var(--focus-fs-mobile)}.gps.gpsi [style*="--gg-mobile:"]{grid-gap:var(--gg-mobile)}.gps.gpsi [style*="--hvr-gg-mobile:"]:hover{grid-gap:var(--hvr-gg-mobile)}.gps.gpsi [style*="--focus-gg-mobile:"]:focus{grid-gap:var(--focus-gg-mobile)}.gps.gpsi [style*="--gr-mobile:"]{grid-row:var(--gr-mobile)}.gps.gpsi [style*="--hvr-gr-mobile:"]:hover{grid-row:var(--hvr-gr-mobile)}.gps.gpsi [style*="--focus-gr-mobile:"]:focus{grid-row:var(--focus-gr-mobile)}.gps.gpsi [style*="--gtc-mobile:"]{grid-template-columns:var(--gtc-mobile)}.gps.gpsi [style*="--hvr-gtc-mobile:"]:hover{grid-template-columns:var(--hvr-gtc-mobile)}.gps.gpsi [style*="--focus-gtc-mobile:"]:focus{grid-template-columns:var(--focus-gtc-mobile)}.gps.gpsi [style*="--gtr-mobile:"]{grid-template-rows:var(--gtr-mobile)}.gps.gpsi [style*="--hvr-gtr-mobile:"]:hover{grid-template-rows:var(--hvr-gtr-mobile)}.gps.gpsi [style*="--focus-gtr-mobile:"]:focus{grid-template-rows:var(--focus-gtr-mobile)}.gps.gpsi [style*="--h-mobile:"]{height:var(--h-mobile)}.gps.gpsi [style*="--hvr-h-mobile:"]:hover{height:var(--hvr-h-mobile)}.gps.gpsi [style*="--focus-h-mobile:"]:focus{height:var(--focus-h-mobile)}.gps.gpsi [style*="--jc-mobile:"]{justify-content:var(--jc-mobile)}.gps.gpsi [style*="--hvr-jc-mobile:"]:hover{justify-content:var(--hvr-jc-mobile)}.gps.gpsi [style*="--focus-jc-mobile:"]:focus{justify-content:var(--focus-jc-mobile)}.gps.gpsi [style*="--js-mobile:"]{justify-self:var(--js-mobile)}.gps.gpsi [style*="--hvr-js-mobile:"]:hover{justify-self:var(--hvr-js-mobile)}.gps.gpsi [style*="--focus-js-mobile:"]:focus{justify-self:var(--focus-js-mobile)}.gps.gpsi [style*="--left-mobile:"]{left:var(--left-mobile)}.gps.gpsi [style*="--hvr-left-mobile:"]:hover{left:var(--hvr-left-mobile)}.gps.gpsi [style*="--focus-left-mobile:"]:focus{left:var(--focus-left-mobile)}.gps.gpsi [style*="--ls-mobile:"]{letter-spacing:var(--ls-mobile)}.gps.gpsi [style*="--hvr-ls-mobile:"]:hover{letter-spacing:var(--hvr-ls-mobile)}.gps.gpsi [style*="--focus-ls-mobile:"]:focus{letter-spacing:var(--focus-ls-mobile)}.gps.gpsi [style*="--lh-mobile:"]{line-height:var(--lh-mobile)}.gps.gpsi [style*="--hvr-lh-mobile:"]:hover{line-height:var(--hvr-lh-mobile)}.gps.gpsi [style*="--focus-lh-mobile:"]:focus{line-height:var(--focus-lh-mobile)}.gps.gpsi [style*="--tdt-mobile:"]{text-decoration-thickness:var(--tdt-mobile)}.gps.gpsi [style*="--hvr-tdt-mobile:"]:hover{text-decoration-thickness:var(--hvr-tdt-mobile)}.gps.gpsi [style*="--focus-tdt-mobile:"]:focus{text-decoration-thickness:var(--focus-tdt-mobile)}.gps.gpsi [style*="--tdc-mobile:"]{text-decoration-color:var(--tdc-mobile)}.gps.gpsi [style*="--hvr-tdc-mobile:"]:hover{text-decoration-color:var(--hvr-tdc-mobile)}.gps.gpsi [style*="--focus-tdc-mobile:"]:focus{text-decoration-color:var(--focus-tdc-mobile)}.gps.gpsi [style*="--tdl-mobile:"]{text-decoration-line:var(--tdl-mobile)}.gps.gpsi [style*="--hvr-tdl-mobile:"]:hover{text-decoration-line:var(--hvr-tdl-mobile)}.gps.gpsi [style*="--focus-tdl-mobile:"]:focus{text-decoration-line:var(--focus-tdl-mobile)}.gps.gpsi [style*="--m-mobile:"]{margin:var(--m-mobile)}.gps.gpsi [style*="--hvr-m-mobile:"]:hover{margin:var(--hvr-m-mobile)}.gps.gpsi [style*="--focus-m-mobile:"]:focus{margin:var(--focus-m-mobile)}.gps.gpsi [style*="--mb-mobile:"]{margin-bottom:var(--mb-mobile)}.gps.gpsi [style*="--hvr-mb-mobile:"]:hover{margin-bottom:var(--hvr-mb-mobile)}.gps.gpsi [style*="--focus-mb-mobile:"]:focus{margin-bottom:var(--focus-mb-mobile)}.gps.gpsi [style*="--ml-mobile:"]{margin-left:var(--ml-mobile)}.gps.gpsi [style*="--hvr-ml-mobile:"]:hover{margin-left:var(--hvr-ml-mobile)}.gps.gpsi [style*="--focus-ml-mobile:"]:focus{margin-left:var(--focus-ml-mobile)}.gps.gpsi [style*="--mr-mobile:"]{margin-right:var(--mr-mobile)}.gps.gpsi [style*="--hvr-mr-mobile:"]:hover{margin-right:var(--hvr-mr-mobile)}.gps.gpsi [style*="--focus-mr-mobile:"]:focus{margin-right:var(--focus-mr-mobile)}.gps.gpsi [style*="--mt-mobile:"]{margin-top:var(--mt-mobile)}.gps.gpsi [style*="--hvr-mt-mobile:"]:hover{margin-top:var(--hvr-mt-mobile)}.gps.gpsi [style*="--focus-mt-mobile:"]:focus{margin-top:var(--focus-mt-mobile)}.gps.gpsi [style*="--maxh-mobile:"]{max-height:var(--maxh-mobile)}.gps.gpsi [style*="--hvr-maxh-mobile:"]:hover{max-height:var(--hvr-maxh-mobile)}.gps.gpsi [style*="--focus-maxh-mobile:"]:focus{max-height:var(--focus-maxh-mobile)}.gps.gpsi [style*="--maxw-mobile:"]{max-width:var(--maxw-mobile)}.gps.gpsi [style*="--hvr-maxw-mobile:"]:hover{max-width:var(--hvr-maxw-mobile)}.gps.gpsi [style*="--focus-maxw-mobile:"]:focus{max-width:var(--focus-maxw-mobile)}.gps.gpsi [style*="--minh-mobile:"]{min-height:var(--minh-mobile)}.gps.gpsi [style*="--hvr-minh-mobile:"]:hover{min-height:var(--hvr-minh-mobile)}.gps.gpsi [style*="--focus-minh-mobile:"]:focus{min-height:var(--focus-minh-mobile)}.gps.gpsi [style*="--minw-mobile:"]{min-width:var(--minw-mobile)}.gps.gpsi [style*="--hvr-minw-mobile:"]:hover{min-width:var(--hvr-minw-mobile)}.gps.gpsi [style*="--focus-minw-mobile:"]:focus{min-width:var(--focus-minw-mobile)}.gps.gpsi [style*="--objf-mobile:"]{-o-object-fit:var(--objf-mobile);object-fit:var(--objf-mobile)}.gps.gpsi [style*="--hvr-objf-mobile:"]:hover{-o-object-fit:var(--hvr-objf-mobile);object-fit:var(--hvr-objf-mobile)}.gps.gpsi [style*="--focus-objf-mobile:"]:focus{-o-object-fit:var(--focus-objf-mobile);object-fit:var(--focus-objf-mobile)}.gps.gpsi [style*="--op-mobile:"]{opacity:var(--op-mobile)}.gps.gpsi [style*="--hvr-op-mobile:"]:hover{opacity:var(--hvr-op-mobile)}.gps.gpsi [style*="--focus-op-mobile:"]:focus{opacity:var(--focus-op-mobile)}.gps.gpsi [style*="--o-mobile:"]{order:var(--o-mobile)}.gps.gpsi [style*="--hvr-o-mobile:"]:hover{order:var(--hvr-o-mobile)}.gps.gpsi [style*="--focus-o-mobile:"]:focus{order:var(--focus-o-mobile)}.gps.gpsi [style*="--of-mobile:"]{overflow:var(--of-mobile)}.gps.gpsi [style*="--hvr-of-mobile:"]:hover{overflow:var(--hvr-of-mobile)}.gps.gpsi [style*="--focus-of-mobile:"]:focus{overflow:var(--focus-of-mobile)}.gps.gpsi [style*="--ofx-mobile:"]{overflow-x:var(--ofx-mobile)}.gps.gpsi [style*="--hvr-ofx-mobile:"]:hover{overflow-x:var(--hvr-ofx-mobile)}.gps.gpsi [style*="--focus-ofx-mobile:"]:focus{overflow-x:var(--focus-ofx-mobile)}.gps.gpsi [style*="--ofy-mobile:"]{overflow-y:var(--ofy-mobile)}.gps.gpsi [style*="--hvr-ofy-mobile:"]:hover{overflow-y:var(--hvr-ofy-mobile)}.gps.gpsi [style*="--focus-ofy-mobile:"]:focus{overflow-y:var(--focus-ofy-mobile)}.gps.gpsi [style*="--pc-mobile:"]{place-content:var(--pc-mobile)}.gps.gpsi [style*="--hvr-pc-mobile:"]:hover{place-content:var(--hvr-pc-mobile)}.gps.gpsi [style*="--focus-pc-mobile:"]:focus{place-content:var(--focus-pc-mobile)}.gps.gpsi [style*="--p-mobile:"]{padding:var(--p-mobile)}.gps.gpsi [style*="--hvr-p-mobile:"]:hover{padding:var(--hvr-p-mobile)}.gps.gpsi [style*="--focus-p-mobile:"]:focus{padding:var(--focus-p-mobile)}.gps.gpsi [style*="--pb-mobile:"]{padding-bottom:var(--pb-mobile)}.gps.gpsi [style*="--hvr-pb-mobile:"]:hover{padding-bottom:var(--hvr-pb-mobile)}.gps.gpsi [style*="--focus-pb-mobile:"]:focus{padding-bottom:var(--focus-pb-mobile)}.gps.gpsi [style*="--pl-mobile:"]{padding-left:var(--pl-mobile)}.gps.gpsi [style*="--hvr-pl-mobile:"]:hover{padding-left:var(--hvr-pl-mobile)}.gps.gpsi [style*="--focus-pl-mobile:"]:focus{padding-left:var(--focus-pl-mobile)}.gps.gpsi [style*="--pr-mobile:"]{padding-right:var(--pr-mobile)}.gps.gpsi [style*="--hvr-pr-mobile:"]:hover{padding-right:var(--hvr-pr-mobile)}.gps.gpsi [style*="--focus-pr-mobile:"]:focus{padding-right:var(--focus-pr-mobile)}.gps.gpsi [style*="--pt-mobile:"]{padding-top:var(--pt-mobile)}.gps.gpsi [style*="--hvr-pt-mobile:"]:hover{padding-top:var(--hvr-pt-mobile)}.gps.gpsi [style*="--focus-pt-mobile:"]:focus{padding-top:var(--focus-pt-mobile)}.gps.gpsi [style*="--pe-mobile:"]{pointer-events:var(--pe-mobile)}.gps.gpsi [style*="--hvr-pe-mobile:"]:hover{pointer-events:var(--hvr-pe-mobile)}.gps.gpsi [style*="--focus-pe-mobile:"]:focus{pointer-events:var(--focus-pe-mobile)}.gps.gpsi [style*="--pos-mobile:"]{position:var(--pos-mobile)}.gps.gpsi [style*="--hvr-pos-mobile:"]:hover{position:var(--hvr-pos-mobile)}.gps.gpsi [style*="--focus-pos-mobile:"]:focus{position:var(--focus-pos-mobile)}.gps.gpsi [style*="--right-mobile:"]{right:var(--right-mobile)}.gps.gpsi [style*="--hvr-right-mobile:"]:hover{right:var(--hvr-right-mobile)}.gps.gpsi [style*="--focus-right-mobile:"]:focus{right:var(--focus-right-mobile)}.gps.gpsi [style*="--rg-mobile:"]{row-gap:var(--rg-mobile)}.gps.gpsi [style*="--hvr-rg-mobile:"]:hover{row-gap:var(--hvr-rg-mobile)}.gps.gpsi [style*="--focus-rg-mobile:"]:focus{row-gap:var(--focus-rg-mobile)}.gps.gpsi [style*="--ta-mobile:"]{text-align:var(--ta-mobile)}.gps.gpsi [style*="--hvr-ta-mobile:"]:hover{text-align:var(--hvr-ta-mobile)}.gps.gpsi [style*="--focus-ta-mobile:"]:focus{text-align:var(--focus-ta-mobile)}.gps.gpsi [style*="--ts-mobile:"]{text-shadow:var(--ts-mobile)}.gps.gpsi [style*="--hvr-ts-mobile:"]:hover{text-shadow:var(--hvr-ts-mobile)}.gps.gpsi [style*="--focus-ts-mobile:"]:focus{text-shadow:var(--focus-ts-mobile)}.gps.gpsi [style*="--tt-mobile:"]{text-transform:var(--tt-mobile)}.gps.gpsi [style*="--hvr-tt-mobile:"]:hover{text-transform:var(--hvr-tt-mobile)}.gps.gpsi [style*="--focus-tt-mobile:"]:focus{text-transform:var(--focus-tt-mobile)}.gps.gpsi [style*="--top-mobile:"]{top:var(--top-mobile)}.gps.gpsi [style*="--hvr-top-mobile:"]:hover{top:var(--hvr-top-mobile)}.gps.gpsi [style*="--focus-top-mobile:"]:focus{top:var(--focus-top-mobile)}.gps.gpsi [style*="--t-mobile:"]{transform:var(--t-mobile)}.gps.gpsi [style*="--hvr-t-mobile:"]:hover{transform:var(--hvr-t-mobile)}.gps.gpsi [style*="--focus-t-mobile:"]:focus{transform:var(--focus-t-mobile)}.gps.gpsi [style*="--v-mobile:"]{visibility:var(--v-mobile)}.gps.gpsi [style*="--hvr-v-mobile:"]:hover{visibility:var(--hvr-v-mobile)}.gps.gpsi [style*="--focus-v-mobile:"]:focus{visibility:var(--focus-v-mobile)}.gps.gpsi [style*="--ws-mobile:"]{white-space:var(--ws-mobile)}.gps.gpsi [style*="--hvr-ws-mobile:"]:hover{white-space:var(--hvr-ws-mobile)}.gps.gpsi [style*="--focus-ws-mobile:"]:focus{white-space:var(--focus-ws-mobile)}.gps.gpsi [style*="--w-mobile:"]{width:var(--w-mobile)}.gps.gpsi [style*="--hvr-w-mobile:"]:hover{width:var(--hvr-w-mobile)}.gps.gpsi [style*="--focus-w-mobile:"]:focus{width:var(--focus-w-mobile)}.gps.gpsi [style*="--z-mobile:"]{z-index:var(--z-mobile)}.gps.gpsi [style*="--hvr-z-mobile:"]:hover{z-index:var(--hvr-z-mobile)}.gps.gpsi [style*="--focus-z-mobile:"]:focus{z-index:var(--focus-z-mobile)}.gps.gpsi [style*="--wm-mobile:"]{writing-mode:var(--wm-mobile)}.gps.gpsi [style*="--hvr-wm-mobile:"]:hover{writing-mode:var(--hvr-wm-mobile)}.gps.gpsi [style*="--focus-wm-mobile:"]:focus{writing-mode:var(--focus-wm-mobile)}.gps.gpsi [style*="--line-clamp-mobile:"]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);display:-webkit-box;overflow:hidden}}.gpsil>section{transition:opacity .5s}.gpsil .gps-lazy,.gpsil .gps-lazy>.gp-dialog{opacity:0!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important;min-width:100%!important}.gpsil .gps-lazy .gp-button-base::before{display:none!important}.gps,.gpsi{display: contents} .gps{--g-h1-size:46px;--g-h1-weight:400;--g-h1-lh:130%;--g-h1-ff:var(--g-font-heading,heading);--g-h2-size:41px;--g-h2-weight:400;--g-h2-lh:130%;--g-h2-ff:var(--g-font-heading,heading);--g-h3-size:52px;--g-h3-weight:400;--g-h3-lh:130%;--g-h3-ff:var(--g-font-heading,heading);--g-sh1-size:25px;--g-sh1-weight:400;--g-sh1-lh:130%;--g-sh1-ff:var(--g-font-heading,heading);--g-sh2-size:18px;--g-sh2-weight:400;--g-sh2-lh:130%;--g-sh2-ff:var(--g-font-heading,heading);--g-sh3-size:32px;--g-sh3-weight:400;--g-sh3-lh:130%;--g-sh3-ff:var(--g-font-heading,heading);--g-p1-size:16px;--g-p1-lh:180%;--g-p1-weight:400;--g-p1-ff:var(--g-font-body,body);--g-p2-size:14px;--g-p2-weight:400;--g-p2-lh:180%;--g-p2-ff:var(--g-font-body,body);--g-p3-size:10px;--g-p3-weight:400;--g-p3-lh:180%;--g-p3-ff:var(--g-font-body,body);--g-s-xxs:2px;--g-s-xs:4px;--g-s-s:8px;--g-s-m:12px;--g-s-l:16px;--g-s-xl:24px;--g-s-2xl:32px;--g-s-3xl:48px;--g-s-4xl:80px;--g-s-5xl:112px;--g-ct-w:1200px;--g-ct-p:16px;--g-font-body:sans-serif;--g-font-heading:sans-serif;--g-font-code:sans-serif;--g-theme-font:[object Object];--g-c-brand:#121212;--g-c-highlight:#4d4d4d;--g-c-text-1:#4d4d4d;--g-c-text-2:#121212;--g-c-text-3:#fff;--g-c-bg-1:#e2e2e2;--g-c-bg-2:#f3f3f3;--g-c-bg-3:#fff;--g-c-line-1:#ececec;--g-c-line-2:#7d7d7d;--g-c-line-3:#121212;--g-c-success:#428445;--g-c-error:#ea3335;--g-c-warning:#f2a73b;--g-c-info:#1890ff;--g-color-my-colors-0:#121212;--g-color-my-colors-1:#4f4f4f;--g-color-my-colors-2:#e2e2e2;--g-color-my-colors-3:#fff;--g-color-my-colors-4:#334fb4;--g-color-my-colors-5:#575757;--g-color-color-index-change:5;--g-color-theme-colors-0:#121212;--g-color-theme-colors-1:#4f4f4f;--g-color-theme-colors-2:#e2e2e2;--g-color-theme-colors-3:#fff;--g-color-theme-colors-4:#334fb4;--g-color-theme-colors-5:#575757;--g-radius-small:3px;--g-radius-medium:6px;--g-radius-large:16px}@media (max-width:1024px){.gps{--g-h1-size:46px;--g-h1-ff:var(--g-font-heading,heading);--g-h1-weight:400;--g-h2-size:41px;--g-h3-size:52px;--g-h3-ff:var(--g-font-heading,heading);--g-h3-weight:400;--g-sh1-size:25px;--g-sh2-size:18px;--g-sh3-size:32px;--g-p1-size:16px;--g-p1-lh:180%;--g-p2-size:14px;--g-p3-size:10px;--g-ct-w:100%;--g-ct-p:16px;--g-font-body:sans-serif;--g-font-heading:sans-serif;--g-font-code:sans-serif;--g-theme-font:[object Object]}}@media (max-width:767px){.gps{--g-h1-size:41px;--g-h1-ff:var(--g-font-heading,heading);--g-h1-weight:400;--g-h2-size:36px;--g-h3-size:46px;--g-h3-ff:var(--g-font-heading,heading);--g-h3-weight:400;--g-sh1-size:23px;--g-sh2-size:16px;--g-sh3-size:29px;--g-p1-size:14px;--g-p2-size:12px;--g-p3-size:9px;--g-ct-w:100%;--g-ct-p:16px;--g-font-body:sans-serif;--g-font-heading:sans-serif;--g-font-code:sans-serif;--g-theme-font:[object Object]}} #CartDrawer { --cart-drawer-progress-active-color: #d7a400; --cart-drawer-progress-inactive-color: #f4f4f4; --cart-drawer-progress-active-icon-fill-color: #ffffff; } .cart-drawer .free-product-progress-bar progress { color: var(--cart-drawer-progress-active-color); background-color: var(--cart-drawer-progress-inactive-color); } /* WebKit browsers (Chrome, Safari, Edge) */ .cart-drawer .free-product-progress-bar progress::-webkit-progress-bar { background-color: var(--cart-drawer-progress-inactive-color); } .cart-drawer .free-product-progress-bar progress::-webkit-progress-value { background-image: linear-gradient(to right, #d7a400, #d7a400) !important; } /* Firefox */ .cart-drawer .free-product-progress-bar progress::-moz-progress-bar { background-image: linear-gradient(to right, #d7a400, #d7a400) !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); } /* Circle icon color customization for free shipping */ .free-shipping-main svg circle, .free-shipping-main svg { color: #000000; } /* Circle icon color customization for free gift */ .free-gift-main svg circle, .free-gift-main svg { color: #000000; } /* Border radius customization for free shipping icon container */ .free-shipping-main svg, .free-shipping-main img { border-radius: 5px !important; } /* Border customization for free shipping icon */ /* Border radius customization for free gift icon container */ .free-gift-main svg, .free-gift-main img { border-radius: 50px !important; } /* Border customization for free gift icon */ /* Hide icons mode - reduced padding when icons are hidden */ .cart-drawer .free-product-progress-bar.hide-icons-mode { min-height: auto !important; padding: 0 !important; margin: 0 !important; margin-top: 0px !important; } .cart-drawer .free-product-progress-bar.hide-icons-mode progress { height: 8px !important; } .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-webkit-progress-bar { height: 8px !important; } .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-webkit-progress-value { height: 8px !important; } .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-moz-progress-bar { height: 8px !important; } .cart-drawer .free-product-progress-bar.hide-icons-mode progress { background-color: #ececec !important; color: #000000 !important; } .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-webkit-progress-bar { background-color: #ececec !important; } .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-webkit-progress-value { background-image: linear-gradient(to right, #d7a400, #ff5801) !important; } .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-moz-progress-bar { background-image: linear-gradient(to right, #d7a400, #ff5801) !important; } /* Container padding when icons are hidden */ .cart-drawer .free-product-progress-bar-main:has(.hide-icons-mode) { padding-bottom: 12px !important; } /* Text bottom padding when icons are hidden - Multiple selectors for better compatibility */ .cart-drawer .free-product-progress-bar-main:has(.hide-icons-mode) .free-product-progress-bar-successfull, .cart-drawer .free-product-progress-bar-main .free-product-progress-bar-successfull:has(+ .hide-icons-mode), .cart-drawer .free-product-progress-bar-successfull:has(+ .free-product-progress-bar.hide-icons-mode) { padding-bottom: 8px !important; } /* Typography - Font Size Customization */ .cart-drawer .free-product-progress-bar-successfull { font-size: 14px !important; } .cart-drawer .reward-name { font-size: 10px !important; } .cart-drawer h2.gb-30day-back { color: #0c0c0d; } #payment-icons-cart_payment_icon_LNm8HV.payment-icons-container { width: 100%; margin-top: 0px; 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: 16px !important; } #payment-icons-cart_payment_icon_LNm8HV .payment-icon svg { max-height: 100%; width: auto; min-width: 30px; display: block; opacity: 1 !important; visibility: visible !important; height: 16px !important; } @media screen and (max-width: 749px) { #payment-icons-cart_payment_icon_LNm8HV .payment-icons-wrapper { gap: 3px !important; } #payment-icons-cart_payment_icon_LNm8HV .payment-icon { height: 12.8px !important; } #payment-icons-cart_payment_icon_LNm8HV .payment-icon svg { height: 12.8px !important; } } #CartDrawer { --global_section_background_color: #FFFFFF; --cart-drawer-primary-background-color: #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: #212320; --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) * 100 / 100) - 15px); } .free-gift-main.first-gift { position: absolute; margin-left: unset; margin-right: unset; left: calc(15px + ((100% - 30px) * 100 / 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-bar-section-sections--20685300465800__custom_announcement_bar_inxgM4 { background: #000000 !important; background-image: none !important; overflow: hidden; position: relative; } .announcement-bar-section-sections--20685300465800__custom_announcement_bar_inxgM4, .announcement-bar-section-sections--20685300465800__custom_announcement_bar_inxgM4 * { color: #ffffff !important; font-size: 11px; } @media screen and (min-width: 750px) { .announcement-bar-section-sections--20685300465800__custom_announcement_bar_inxgM4, .announcement-bar-section-sections--20685300465800__custom_announcement_bar_inxgM4 * { font-size: 11px; } } /* Slider Container - fixed height from settings */ .announcement-slider-sections--20685300465800__custom_announcement_bar_inxgM4 { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; box-sizing: border-box; height: 40px; } @media screen and (min-width: 750px) { .announcement-slider-sections--20685300465800__custom_announcement_bar_inxgM4 { height: 40px; } } /* All slides are absolute and fill full height */ .announcement-slider-sections--20685300465800__custom_announcement_bar_inxgM4 .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4 { position: absolute; height: 100%; } .announcement-slider-sections--20685300465800__custom_announcement_bar_inxgM4 .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4.active { position: absolute; height: 100%; } /* Individual Slides - active slide is relative to set container height */ .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4 { position: absolute; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; transform: translateY(100%); transition: transform 500ms ease; pointer-events: none; z-index: 1; padding: 12px 15px; box-sizing: border-box; visibility: hidden; } /* Entering slide - positioned for animation start */ .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4.entering { transform: translateY(100%); visibility: visible; } /* Active slide is position relative so it determines container height */ .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4.active { position: relative; transform: translateY(0); pointer-events: auto; z-index: 3; visibility: visible; } /* Exiting slide stays fully visible while sliding out */ .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4.exiting { transform: translateY(-100%); z-index: 2; visibility: visible; } @media screen and (max-width: 749px) { .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4 { padding: 8px 15px; } } /* Per-slide highlight text styling */ .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4[data-slide-index="0"] .announcement-highlight { color: #ffd700 !important; } .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4[data-slide-index="1"] .announcement-highlight { color: #ffd700 !important; } .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4[data-slide-index="2"] .announcement-highlight { color: #ffd700 !important; } .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4[data-slide-index="3"] .announcement-highlight { color: #ffd700 !important; } .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4[data-slide-index="4"] .announcement-highlight { color: #ffd700 !important; } /* Static mode (no slider) */ .announcement-static-sections--20685300465800__custom_announcement_bar_inxgM4 { text-align: center; padding: 12px 15px; } @media screen and (max-width: 749px) { .announcement-static-sections--20685300465800__custom_announcement_bar_inxgM4 { padding: 8px 15px; } } .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4 p, .announcement-static-sections--20685300465800__custom_announcement_bar_inxgM4 p { margin: 0; padding: 0; } /* Slide content wrapper with icon - applies to ALL slides */ .announcement-slide-content-sections--20685300465800__custom_announcement_bar_inxgM4, .announcement-slider-sections--20685300465800__custom_announcement_bar_inxgM4 .announcement-slide-content-sections--20685300465800__custom_announcement_bar_inxgM4, .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4 .announcement-slide-content-sections--20685300465800__custom_announcement_bar_inxgM4 { display: inline-flex; align-items: center; justify-content: center; gap: 8px; /* Padding is now on the slide itself, not the content wrapper */ padding: 0 !important; max-width: 100%; flex-wrap: wrap; } .announcement-slide-icon-sections--20685300465800__custom_announcement_bar_inxgM4 { flex-shrink: 0; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; } .announcement-slide-icon-sections--20685300465800__custom_announcement_bar_inxgM4 img { width: 100%; height: 100%; object-fit: contain; } .announcement-slide-text-sections--20685300465800__custom_announcement_bar_inxgM4 { display: inline; } .announcement-slide-text-sections--20685300465800__custom_announcement_bar_inxgM4 p { display: inline; margin: 0; padding: 0; } @media screen and (max-width: 749px) { .announcement-slide-text-sections--20685300465800__custom_announcement_bar_inxgM4, .announcement-slide-text-sections--20685300465800__custom_announcement_bar_inxgM4 p { display: block; text-align: center; word-wrap: break-word; overflow-wrap: break-word; } .announcement-slide-content-sections--20685300465800__custom_announcement_bar_inxgM4 { flex-direction: row; gap: 8px; width: 100%; } } /* Button styling */ .announcement-slide-button-sections--20685300465800__custom_announcement_bar_inxgM4 { display: inline-block; background-color: #484848; color: #fffefd !important; font-size: 12px !important; padding: 6px 12px; border-radius: 4px; text-decoration: none; font-weight: 600; transition: opacity 0.2s ease, background-color 0.2s ease; white-space: nowrap; letter-spacing: var(--letter-spacing-body); } .announcement-slide-button-sections--20685300465800__custom_announcement_bar_inxgM4:hover { opacity: 0.85; } /* Per-slide background colors */ .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4[data-slide-index="0"][data-custom-bg="true"] { background-color: #000000; } .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4[data-slide-index="1"][data-custom-bg="true"] { background-color: #000000; } .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4[data-slide-index="2"][data-custom-bg="true"] { background-color: #000000; } .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4[data-slide-index="3"][data-custom-bg="true"] { background-color: #000000; } .announcement-slide-sections--20685300465800__custom_announcement_bar_inxgM4[data-slide-index="4"][data-custom-bg="true"] { background-color: #000000; } /* Navigation Arrows */ .announcement-nav-sections--20685300465800__custom_announcement_bar_inxgM4 { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: transparent; border: none; cursor: pointer; padding: 8px; display: flex; align-items: center; justify-content: center; opacity: 0.7; transition: opacity 0.2s ease; } .announcement-nav-sections--20685300465800__custom_announcement_bar_inxgM4:hover { opacity: 1; } .announcement-nav-sections--20685300465800__custom_announcement_bar_inxgM4 svg { width: 16px; height: 16px; fill: none; stroke: #ffffff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .announcement-nav-prev-sections--20685300465800__custom_announcement_bar_inxgM4 { left: 10px; } .announcement-nav-next-sections--20685300465800__custom_announcement_bar_inxgM4 { right: 10px; } @media screen and (min-width: 750px) { .announcement-nav-sections--20685300465800__custom_announcement_bar_inxgM4 { padding: 10px; } .announcement-nav-sections--20685300465800__custom_announcement_bar_inxgM4 svg { width: 18px; height: 18px; } .announcement-nav-prev-sections--20685300465800__custom_announcement_bar_inxgM4 { left: 20px; } .announcement-nav-next-sections--20685300465800__custom_announcement_bar_inxgM4 { right: 20px; } } /* Per-slide text colors - need higher specificity to override global */ 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; } } details[open] > .header__menu-item, details[open]:hover > .header__menu-item { color: #000000 !important; text-decoration-color: #000000 !important; } /* 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 */color: #000000; /* Set CSS variable for child elements if needed */ --color-header-foreground: #000000; } /* Apply text color to links and icons within the header when use_theme_colors is true */ .header-wrapper .header__heading-link, .header-wrapper .header__icon, .header-wrapper .list-menu__item, .header-wrapper .list-menu__item--link, .header-wrapper summary.list-menu__item, .header-wrapper .header__active-menu-item { color: rgb(var(--color-drawer-text)) !important; } .header-wrapper .header__icon svg, .header-wrapper .list-menu__item svg { fill: #000000; } /* 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; } } #menu-drawer.gradient, .menu-drawer__submenu.gradient, .menu-drawer__menu-item, .menu-drawer__menu-item--active, .menu-drawer__close-button, .menu-drawer__utility-links a, .menu-drawer__account, .list-social__link { color: rgb(var(--color-drawer-text)) !important; } .list-social__link:hover, .menu-drawer__menu-item:hover { color: rgb(var(--color-drawer-text)) !important; } .menu-drawer svg, .menu-drawer .svg-wrapper svg { fill: #000000; } .header__menu-item:hover, .header__active-menu-item, .list-menu__item--active, .header__menu-item:hover span { color: rgb(var(--color-drawer-text)) !important; } .gps-636504340541997782.gps.gpsil [style*="--bg:"]{background:var(--bg)}.gps-636504340541997782.gps.gpsil [style*="--bga:"]{background-attachment:var(--bga)}.gps-636504340541997782.gps.gpsil [style*="--bgc:"]{background-color:var(--bgc)}.gps-636504340541997782.gps.gpsil [style*="--bgi:"]{background-image:var(--bgi)}.gps-636504340541997782.gps.gpsil [style*="--bgp:"]{background-position:var(--bgp)}.gps-636504340541997782.gps.gpsil [style*="--bgr:"]{background-repeat:var(--bgr)}.gps-636504340541997782.gps.gpsil [style*="--bgs:"]{background-size:var(--bgs)}.gps-636504340541997782.gps.gpsil [style*="--b:"]{border:var(--b)}.gps-636504340541997782.gps.gpsil [style*="--bb:"]{border-bottom:var(--bb)}.gps-636504340541997782.gps.gpsil [style*="--bc:"]{border-color:var(--bc)}.gps-636504340541997782.gps.gpsil [style*="--bblr:"]{border-bottom-left-radius:var(--bblr)}.gps-636504340541997782.gps.gpsil [style*="--bbrr:"]{border-bottom-right-radius:var(--bbrr)}.gps-636504340541997782.gps.gpsil [style*="--bl:"]{border-left:var(--bl)}.gps-636504340541997782.gps.gpsil [style*="--bs:"]{border-style:var(--bs)}.gps-636504340541997782.gps.gpsil [style*="--bt:"]{border-top:var(--bt)}.gps-636504340541997782.gps.gpsil [style*="--btlr:"]{border-top-left-radius:var(--btlr)}.gps-636504340541997782.gps.gpsil [style*="--btrr:"]{border-top-right-radius:var(--btrr)}.gps-636504340541997782.gps.gpsil [style*="--bw:"]{border-width:var(--bw)}.gps-636504340541997782.gps.gpsil [style*="--c:"]{color:var(--c)}.gps-636504340541997782.gps.gpsil [style*="--cg:"]{-moz-column-gap:var(--cg);column-gap:var(--cg)}.gps-636504340541997782.gps.gpsil [style*="--gtc:"]{grid-template-columns:var(--gtc)}.gps-636504340541997782.gps.gpsil [style*="--jc:"]{justify-content:var(--jc)}.gps-636504340541997782.gps.gpsil [style*="--op:"]{opacity:var(--op)}.gps-636504340541997782.gps.gpsil [style*="--o:"]{order:var(--o)}.gps-636504340541997782.gps.gpsil [style*="--pc:"]{place-content:var(--pc)}.gps-636504340541997782.gps.gpsil [style*="--p:"]{padding:var(--p)}.gps-636504340541997782.gps.gpsil [style*="--pb:"]{padding-bottom:var(--pb)}.gps-636504340541997782.gps.gpsil [style*="--pl:"]{padding-left:var(--pl)}.gps-636504340541997782.gps.gpsil [style*="--pr:"]{padding-right:var(--pr)}.gps-636504340541997782.gps.gpsil [style*="--pt:"]{padding-top:var(--pt)}.gps-636504340541997782.gps.gpsil [style*="--rg:"]{row-gap:var(--rg)}.gps-636504340541997782.gps.gpsil [style*="--ta:"]{text-align:var(--ta)}.gps-636504340541997782.gps.gpsil [style*="--t:"]{transform:var(--t)}.gps-636504340541997782.gps.gpsil [style*="--w:"]{width:var(--w)}@media only screen and (max-width:1024px){.gps-636504340541997782.gps.gpsil [style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}.gps-636504340541997782.gps.gpsil [style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}.gps-636504340541997782.gps.gpsil [style*="--w-tablet:"]{width:var(--w-tablet)}}@media only screen and (max-width:767px){.gps-636504340541997782.gps.gpsil [style*="--pl-mobile:"]{padding-left:var(--pl-mobile)}.gps-636504340541997782.gps.gpsil [style*="--pr-mobile:"]{padding-right:var(--pr-mobile)}.gps-636504340541997782.gps.gpsil [style*="--w-mobile:"]{width:var(--w-mobile)}}.gps-636504340541997782 .gp-relative{position:relative}.gps-636504340541997782 .gp-mx-auto{margin-left:auto;margin-right:auto}.gps-636504340541997782 .gp-mb-0{margin-bottom:0}.gps-636504340541997782 .gp-flex{display:flex}.gps-636504340541997782 .gp-grid{display:grid}.gps-636504340541997782 .\!gp-hidden{display:none!important}.gps-636504340541997782 .gp-hidden{display:none}.gps-636504340541997782 .gp-max-w-full{max-width:100%}.gps-636504340541997782 .gp-grid-rows-\[1fr\]{grid-template-rows:1fr}.gps-636504340541997782 .gp-flex-col{flex-direction:column}.gps-636504340541997782 .gp-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-636504340541997782 .gp-duration-200{transition-duration:.2s}.gps-636504340541997782 .gp-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width:1024px){.gps-636504340541997782 .tablet\:\!gp-hidden{display:none!important}.gps-636504340541997782 .tablet\:gp-hidden{display:none}}@media (max-width:767px){.gps-636504340541997782 .mobile\:\!gp-hidden{display:none!important}.gps-636504340541997782 .mobile\:gp-hidden{display:none}}.gps-636504340541997782 .\[\&_\*\]\:gp-max-w-full *{max-width:100%} .rheum-page, .rheum-page * { box-sizing: border-box; margin: 0; padding: 0; } .rheum-page { color: #02122e; font-family: Inter, "Open Sans", Arial, sans-serif; font-size: 18px; line-height: 26px; background: #fff; width: 100%; max-width: 100%; overflow-x: hidden; text-align: left; } .rheum-page img, .rheum-page video { max-width: 100%; display: block; } .rheum-page .adv-navbar { background: #fff; border-bottom: 1px solid #e7e7e7; display: flex; justify-content: center; align-items: center; padding: 14px 32px; } .rheum-page .adv-logo { color: #02122e; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 800; line-height: 22px; text-align: center; } .rheum-page .adv-logo .mag-word { font-weight: 300; opacity: .85; } .rheum-page .adv-logo-caption { display: block; color: #767779; font-size: 10px; font-weight: 600; letter-spacing: 4px; margin-top: 3px; text-transform: uppercase; } .rheum-page .adv-section { display: block; width: 100%; max-width: 1160px; margin: 0 auto; padding: 40px 20px 64px; } .rheum-page .adv-container { display: flex; flex-wrap: nowrap; gap: 24px; align-items: flex-start; width: 100%; margin: 0 auto; } .rheum-page .adv-left-column { display: flex; flex-direction: column; flex: 1 1 0; min-width: 0; max-width: 760px; } .rheum-page .adv-right-column { flex: 0 0 352px; width: 352px; max-width: 352px; min-width: 0; } .rheum-page figure { width: 100%; margin: 10px 0 22px; } .rheum-page figure img { border-radius: 6px; width: 100%; } .rheum-page h1 { color: #02122e; font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: 800; line-height: 48px; margin-bottom: 18px; } .rheum-page blockquote.subhead { font-style: italic; font-size: 19px; line-height: 28px; color: #1b2a43; margin: 18px 0 22px; border: 0; background: none; padding: 0; } .rheum-page h3 { color: #02122e; font-family: 'Open Sans', sans-serif; font-size: 28px; font-weight: 800; line-height: 34px; margin-top: 42px; margin-bottom: 14px; text-transform: uppercase; } .rheum-page h5 { color: #02122e; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 800; line-height: 26px; margin-top: 22px; margin-bottom: 6px; } .rheum-page p.body-text { color: #02122e; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 27px; margin-bottom: 14px; } .rheum-page .bold { font-weight: 700; } .rheum-page .blue { color: #1256a0; font-weight: 700; } .rheum-page .pending { background: #fff3cd; border: 1px dashed #d9a400; padding: 8px 10px; color: #6b4e00 !important; } .rheum-page .adv-author-wrapper { display: flex; gap: 12px; align-items: center; margin: 6px 0 18px; } .rheum-page .adv-author-image { width: 52px; height: 52px; min-width: 52px; border-radius: 50%; object-fit: cover; background: #e8ecef; } .rheum-page .adv-author-name { display: flex; flex-direction: column; gap: 1px; color: #767779; font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif; } .rheum-page .adv-author-name .name { color: #2e8b7a; font-weight: 700; font-size: 15px; } .rheum-page .adv-author-name .cred { color: #2e8b7a; font-weight: 600; font-size: 14px; } .rheum-page .adv-author-name .art-date { color: #767779; font-size: 13px; margin-top: 2px; } .rheum-page blockquote { border-left: 4px solid #4a90d9; background: #f0f6fc; margin: 10px 0 22px; padding: 16px 20px; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 16px; line-height: 25px; color: #02122e; } .rheum-page blockquote.stat { border-left-color: #00c249; background: #f2fbf5; font-style: normal; font-weight: 700; font-size: 18px; line-height: 27px; } .rheum-page .ribbon-cta { display: block; text-align: center; text-transform: uppercase; background: #00c249; color: #fff; text-decoration: none; border-radius: 4px; padding: 14px 16px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 800; letter-spacing: .5px; margin: 26px 0 8px; } .rheum-page .ribbon-cta:hover { background: #00a83e; } .rheum-page .link-cta { display: block; text-align: center; color: #1256a0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; margin: 18px 0 6px; text-decoration: underline; } .rheum-page .adv-testimonial { margin: 22px 0; } .rheum-page .adv-testimonial blockquote { margin: 0 0 6px; } .rheum-page .t-name { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 15px; } .rheum-page .stars { color: #fab73c; font-size: 14px; letter-spacing: 2px; } .rheum-page .adv-money-back-block { display: flex; gap: 16px; align-items: center; background: #fffbef; border: 1px solid #fab73c; border-radius: 8px; padding: 16px; margin: 14px 0 22px; } .rheum-page .mb-badge { min-width: 58px; height: 58px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffe08a, #d99a12); border: 2px dashed #8a6408; display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: 'Open Sans', sans-serif; font-weight: 800; color: #3d2c00; font-size: 18px; line-height: 18px; } .rheum-page .mb-badge span { font-size: 9px; letter-spacing: 1px; } .rheum-page .adv-money-back-block p { font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 23px; margin: 0; } .rheum-page .final-box { background: #eafafa; border-radius: 8px; padding: 28px 22px; margin: 26px 0; text-align: center; } .rheum-page .final-box .p-img-wrap { position: relative; max-width: 340px; margin: 0 auto 16px; } .rheum-page .final-box h4 { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 800; line-height: 27px; margin-bottom: 14px; } .rheum-page .btn-green { display: block; text-align: center; text-transform: uppercase; background: #00c249; color: #fff; text-decoration: none; border-radius: 8px; width: 100%; max-width: 524px; margin: 0 auto; padding: 16px; font-family: 'Open Sans', sans-serif; font-size: 17px; font-weight: 800; line-height: 24px; transition: all .2s; } .rheum-page .btn-green:hover { background: #00a83e; } .rheum-page .cta-note { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #767779; text-align: center; margin-top: 8px; } .rheum-page .sidebar-box { border: 1px solid #e7e7e7; border-radius: 8px; padding: 22px; background: #fff; width: 100%; } .rheum-page .adv-sticky-banner { display: flex; flex-direction: column; gap: 18px; position: sticky; top: 32px; width: 100%; } .rheum-page .sb-title { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 700; color: #767779; text-transform: uppercase; letter-spacing: 1px; } .rheum-page .sb-score { font-family: 'Open Sans', sans-serif; font-size: 44px; font-weight: 800; line-height: 44px; } .rheum-page .sb-reviews { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #767779; } .rheum-page .bar-row { display: flex; align-items: center; gap: 8px; font-size: 12px; font-family: 'Open Sans', sans-serif; color: #1b2a43; } .rheum-page .bar-track { flex: 1; height: 8px; border-radius: 100px; background: #eaeaea; overflow: hidden; } .rheum-page .bar-fill { height: 8px; border-radius: 100px; background: #00c249; } .rheum-page .sb-review { border: 1px solid #e7e7e7; border-radius: 8px; padding: 14px; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; } .rheum-page .sb-review .q { font-style: italic; margin-bottom: 6px; } .rheum-page .sb-list { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; color: #1b2a43; list-style: none; width: 100%; } .rheum-page .sb-list li { padding-left: 22px; position: relative; margin-bottom: 6px; } .rheum-page .sb-list li:before { content: "\2713"; color: #00c249; font-weight: 800; position: absolute; left: 0; } .rheum-page .price-row { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 800; text-align: center; } .rheum-page .price-row .old { color: #767779; text-decoration: line-through; font-weight: 600; margin-right: 8px; } .rheum-page .price-row .new { color: #c21807; } .rheum-page .reference-list { display: flex; flex-direction: column; gap: 10px; margin-top: 40px; font-size: 12.5px; line-height: 19px; color: #767779; font-family: 'Open Sans', sans-serif; } .rheum-page .footer { display: flex; flex-direction: column; gap: 22px; background: #cce0eb; align-items: center; padding: 48px 32px; font-family: 'Open Sans', sans-serif; } .rheum-page .footer-links { display: flex; gap: 26px; flex-wrap: wrap; justify-content: center; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #1256a0; } .rheum-page .footer-disclaimer { color: rgba(0,0,0,.5); text-align: center; max-width: 1100px; font-size: 11px; line-height: 17px; } .rheum-page .mobile-sticky-button { display: none; } .rheum-page .ph-img { width: 100%; aspect-ratio: 16/9; background: repeating-linear-gradient(45deg,#f1f1f1,#f1f1f1 12px,#e6e6e6 12px,#e6e6e6 24px); border: 1px dashed #bbb; border-radius: 6px; display: flex; align-items: center; justify-content: center; position: relative; } .rheum-page .ph-img::after { content: attr(data-label); font-family: 'Open Sans', sans-serif; font-size: 13px; color: #555; background: rgba(255,255,255,.85); padding: 6px 10px; border-radius: 4px; text-align: center; max-width: 90%; } .rheum-page .ph-product { aspect-ratio: 4/3; } .rheum-page .ph-avatar { border-radius: 50%; border: 1px dashed #bbb; } .rheum-page .adv-img { width: 100%; height: auto; border-radius: 8px; display: block; } .rheum-page figure.fig-square { max-width: 520px; margin: 10px auto 22px; } .rheum-page figure.fig-square img { width: 100%; height: auto; border-radius: 8px; } @media (max-width: 991px) { .rheum-page .adv-container { flex-direction: column; } .rheum-page .adv-left-column { flex: 1 1 auto; width: 100%; max-width: 100%; } .rheum-page .adv-right-column { flex: 1 1 auto; width: 100%; max-width: 100%; } .rheum-page .adv-sticky-banner { position: static; } .rheum-page h1 { font-size: 29px; line-height: 37px; } .rheum-page h3 { font-size: 22px; line-height: 28px; } .rheum-page .subhead { font-size: 16px; line-height: 25px; } .rheum-page p.body-text { font-size: 16px; line-height: 25px; } .rheum-page .adv-section { padding: 26px 16px 96px; } .rheum-page .mobile-sticky-button { display: block; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: #fff; border-top: 1px solid #e7e7e7; padding: 10px 16px; } } .ai-hide-page-header-awk0vsnbwn3dba21kuaigenblock3259016cwuy9b { display: block; width: 100%; max-width: 100%; height: 0; overflow: hidden; } .section-header, .header-group, .header-wrapper, .shopify-section-group-header-group, .shopify-section-header, .site-header, .main-header, .header-section, header.site-header, header.header, .announcement-bar, .utility-bar, .mobile-header, .desktop-header { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .custom-footer { --newsletter-bg-color: #fdffff; --newsletter-text-color: #333333; --newsletter-button-color: #333030; --footer-bg-color: #000000; --footer-text-color: #b0b0b0; --footer-heading-color: #fdffff; --footer-border-color: #333333; --footer-menu-color: #b0b0b0; --footer-menu-hover-color: #ffffff; --footer-divider-color: #666666; --localization-label-color: #b0b0b0; --footer-link-color: #007bff; --footer-link-hover-color: #0056b3; --footer-heading-size: 22px; --footer-text-size: 14px; --newsletter-title-size: 32px; --newsletter-subtitle-size: 16px; --copyright-text-size: 11px; --localization-label-size: 14px; --newsletter-section-padding-top: 80px; --newsletter-section-padding-bottom: 80px; --newsletter-form-max-width: 580px; --newsletter-form-margin-top: 32px; --newsletter-input-padding-vertical: 24px; --newsletter-input-padding-horizontal: 24px; --newsletter-input-border-radius: 8px; --newsletter-input-border-width: 1px; --newsletter-input-border-color: #e0e0e0; --newsletter-input-font-size: 14px; --newsletter-input-height: 48px; --newsletter-input-bg-color: #ffffff; --newsletter-input-text-color: #000000; --newsletter-button-bg-color: #333030; --newsletter-button-text-color: #ffffff; --newsletter-button-border-radius: 4px; } /* Use section-specific footer color when theme colors are disabled */ .custom-footer .footer-main { background-color: var(--footer-bg-color) !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-text-column-text_column_qUTWxA .footer-text--custom, .footer-text-column-text_column_qUTWxA .footer-text--custom p, .footer-text-column-text_column_qUTWxA .footer-text--custom span, .footer-text-column-text_column_qUTWxA .footer-text--custom * { font-size: 14px !important; line-height: 1.5 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .footer-text-column-text_column_qUTWxA .footer-text--custom a, .footer-text-column-text_column_qUTWxA .footer-text--custom a * { } .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 GemPages scroll-reveal content visible (no runtime JS) */ .gps-lazy,.gps-lazy>.gp-dialog{opacity:1 !important;} [data-gp-reveal],.gp-reveal,[class*='gp-animate']{opacity:1 !important;transform:none !important;} /* advertorial-clone: GemPages carousels (class gp-carousel-slider-) -> static swipeable scroll-row. Without JS the track collapses (cards 0-width, stacked tall). Use [class*='gp-carousel'] (the live class is gp-carousel-slider-*, not gp-carousel). */ [class*='gp-carousel'] [style*='overflow']{overflow:visible !important;} [class*='gp-carousel'] .gp-content-start{transform:none !important;height:auto !important;display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;scroll-snap-type:x mandatory;} [class*='gp-carousel'] .gp-content-start>*{flex:0 0 88% !important;height:auto !important;scroll-snap-align:center;} @media(min-width:900px){[class*='gp-carousel'] .gp-content-start>*{flex-basis:32% !important;}} [class*='gp-carousel'] [class*='gp-h-full']{height:auto !important;}