/** Shopify CDN: Minification failed Line 980:29 Expected percentage but found "@media" Line 1006:5 Unexpected "@media" Line 1234:4 Unexpected "@media" Line 1308:22 Unexpected "}" Line 1587:22 Unexpected "}" Line 1691:22 Unexpected "}" Line 1699:22 Unexpected "}" Line 1705:22 Unexpected "}" Line 1705:24 Unexpected "{" **/ @font-face { font-family: Quicksand; font-weight: 500; font-style: normal; font-display: swap; src: url("//cczd3u-sc.myshopify.com/cdn/shop/t/2/assets/quicksand_n5.8f86b119923a62b5ca76bc9a6fb25da7a7498802.woff2?v=140209256643444890831787878988") format("woff2"), url("//cczd3u-sc.myshopify.com/cdn/shop/t/2/assets/quicksand_n5.c31882e058f76d723a7b6b725ac3ca095b5a2a70.woff?v=177475648318467691621787878989") format("woff"); } @font-face { font-family: Quicksand; font-weight: 700; font-style: normal; font-display: swap; src: url("//cczd3u-sc.myshopify.com/cdn/shop/t/2/assets/quicksand_n7.d375fe11182475f82f7bb6306a0a0e4018995610.woff2?v=35041629926568516281787878991") format("woff2"), url("//cczd3u-sc.myshopify.com/cdn/shop/t/2/assets/quicksand_n7.8ac2ae2fc4b90ef79aaa7aedb927d39f9f9aa3f4.woff?v=89937608598575279551787878990") format("woff"); } .cl-pdp.cl-pdp.cl-pdp, .cl-pdp.cl-pdp.cl-pdp .color-background-1 { --color-background: 255,255,255; --gradient-background: #ffffff; --color-foreground: 31,29,36; --color-background-contrast: 191,191,191; --color-shadow: 31,29,36; --color-button: 31,29,36; --color-button-text: 255,255,255; --color-secondary-button: 255,255,255; --color-secondary-button-text: 81,163,153; --color-link: 81,163,153; --color-badge-foreground: 31,29,36; --color-badge-background: 255,255,255; --color-badge-border: 31,29,36; --payment-terms-background-color: rgb(255 255 255); --sale-price: rgb(23 89 124); } .cl-pdp.cl-pdp.cl-pdp .color-background-2 { --color-background: 31,29,36; --gradient-background: #1f1d24; --color-foreground: 255,255,255; --color-background-contrast: 43,40,50; --color-shadow: 0,0,0; --color-button: 255,255,255; --color-button-text: 31,29,36; --color-secondary-button: 31,29,36; --color-secondary-button-text: 255,255,255; --color-link: 255,255,255; --color-badge-foreground: 255,255,255; --color-badge-background: 31,29,36; --color-badge-border: 255,255,255; --payment-terms-background-color: rgb(31 29 36); --sale-price: rgb(23 89 124); } .cl-pdp.cl-pdp.cl-pdp .color-accent-1 { --color-background: 22,89,124; --gradient-background: #16597c; --color-foreground: 255,255,255; --color-background-contrast: 3,11,16; --color-shadow: 31,29,36; --color-button: 255,255,255; --color-button-text: 81,163,153; --color-secondary-button: 22,89,124; --color-secondary-button-text: 255,255,255; --color-link: 255,255,255; --color-badge-foreground: 255,255,255; --color-badge-background: 22,89,124; --color-badge-border: 255,255,255; --payment-terms-background-color: rgb(22 89 124); --sale-price: rgb(23 89 124); } .cl-pdp.cl-pdp.cl-pdp, .cl-pdp.cl-pdp.cl-pdp .color-background-1, .cl-pdp.cl-pdp.cl-pdp .color-background-2, .cl-pdp.cl-pdp.cl-pdp .color-inverse, .cl-pdp.cl-pdp.cl-pdp .color-accent-1, .cl-pdp.cl-pdp.cl-pdp .color-accent-2, .cl-pdp.cl-pdp.cl-pdp .color-scheme-03a6c9c0-e3cd-48a3-9d19-39d6a07837cc, .cl-pdp.cl-pdp.cl-pdp .color-scheme-1c2b9d29-8544-4a0c-883c-a08421559058 { color: rgba(var(--color-foreground), 0.85); background-color: rgb(var(--color-background)); } .cl-pdp.cl-pdp.cl-pdp {--font-body-family: Quicksand, sans-serif; --font-body-style: normal; --font-body-weight: 500; --font-body-weight-bold: 800; --font-body-height: 1.5; --font-body-spacing: 0.5px; --font-menu-family: Quicksand, sans-serif; --font-menu-style: normal; --font-menu-weight: 500; --font-menu-weight-medium: 500; --font-menu-weight-bold: 800; --font-button-family: Inter, sans-serif; --font-button-style: normal; --font-button-weight: 600; --font-button-weight-medium: 500; --font-button-weight-bold: 900; --font-collapsible-family: Quicksand, sans-serif; --font-collapsible-style: normal; --font-collapsible-weight: 500; --font-collapsible-weight-medium: 500; --font-collapsible-weight-bold: 800; --font-collapsible-size: 18px; --font-collapsible-spacing: -0.2px; --font-heading-family: Quicksand, sans-serif; --font-heading-style: normal; --font-heading-italic: Quicksand, sans-serif; --font-heading-italic-style: normal; --font-heading-weight: 700; --font-heading-spacing: 0.1px; --font-heading-height: 1.2; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 0px; --media-radius: 10px; --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: 200rem; --page-width-margin: Liquid error (layout/theme line 156): comparison of Integer with String failedrem; --product-card-image-padding: 0.0rem; --product-card-corner-radius: 0.6rem; --product-card-text-alignment: center; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.05; --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-image-padding: 0.0rem; --collection-card-corner-radius: 12%; --collection-card-text-alignment: center; --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-image-padding: 0.0rem; --blog-card-corner-radius: 0.6rem; --blog-card-text-alignment: left; --blog-card-border-width: 0.1rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.05; --blog-card-shadow-visible: 1; --blog-card-shadow-horizontal-offset: 0.0rem; --blog-card-shadow-vertical-offset: 0.4rem; --blog-card-shadow-blur-radius: 4.0rem; --badge-corner-radius: 0.2rem; --badge-border-width: 0.0rem; --badge-border-color: transparent; --popup-border-width: 1px; --popup-border-opacity: 0.05; --popup-corner-radius: 2px; --popup-shadow-opacity: 0.0; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.05; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 12px; --grid-desktop-horizontal-spacing: 16px; --grid-mobile-vertical-spacing: 6px; --grid-mobile-horizontal-spacing: 8px; --text-boxes-border-opacity: 0.05; --text-boxes-border-width: 0px; --text-boxes-radius: 6px; --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; --buttons-radius: 40px; --buttons-radius-outset: 41px; --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: 10px; --buttons-border-offset: 0.3px; --inputs-radius: 8px; --inputs-border-width: 1px; --inputs-border-opacity: 0.1; --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: 9px; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.0; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 2px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 10px; --button-height: 5rem; --button-height_mobile: 4.8rem; --button-style: none; --button-text-size: 16px; --button-text-size_mobile: 12px; --button-text-space: 0px; --button-text-weight: 600; --fancy-gradient: radial-gradient(rgba(48, 156, 138, 1) 87%, rgba(255, 126, 141, 0) 94%); --fancy-text: #000000; --fancy-background: #FFFBB7; --fancy-text-size: 100%; --fancy-padding-left: 10px; --fancy-padding-right: 10px; --fancy-padding-top: 0px; --fancy-border-radius: 0px; --fancy-padding-bottom: 0px; --badge-size: 1} .cl-pdp.cl-pdp.cl-pdp *, .cl-pdp.cl-pdp.cl-pdp ::before, .cl-pdp.cl-pdp.cl-pdp ::after { box-sizing: inherit; } .cl-pdp.cl-pdp.cl-pdp {font-size: calc(var(--font-body-scale) * 62.5%)} .cl-pdp.cl-pdp.cl-pdp {font-size: 1.5rem; letter-spacing: var(--font-body-spacing); line-height: var(--font-body-height); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); font-synthesis: none; -webkit-font-smoothing: antialiased} @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp {font-size: 1.6rem} } .cl-pdp.cl-pdp.cl-pdp {--alpha-button-background: 1; --alpha-button-border: 1; --alpha-link: .85; --alpha-badge-border: .1} .cl-pdp.cl-pdp.cl-pdp .contains-content-container, .cl-pdp.cl-pdp.cl-pdp .content-container { --border-radius: var(--text-boxes-radius); --border-width: var(--text-boxes-border-width); --border-opacity: var(--text-boxes-border-opacity); --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset); --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset); --shadow-blur-radius: var(--text-boxes-shadow-blur-radius); --shadow-opacity: var(--text-boxes-shadow-opacity); --shadow-visible: var(--text-boxes-shadow-visible); } .cl-pdp.cl-pdp.cl-pdp .contains-media, .cl-pdp.cl-pdp.cl-pdp .global-media-settings { --border-radius: var(--media-radius); --border-width: var(--media-border-width); --border-opacity: var(--media-border-opacity); --shadow-horizontal-offset: var(--media-shadow-horizontal-offset); --shadow-vertical-offset: var(--media-shadow-vertical-offset); --shadow-blur-radius: var(--media-shadow-blur-radius); --shadow-opacity: var(--media-shadow-opacity); --shadow-visible: var(--media-shadow-visible); } .cl-pdp.cl-pdp.cl-pdp .page-width { max-width: var(--page-width); margin: 0px auto; padding: 0px 1.5rem; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .page-width { padding: 0px 5rem; } } .cl-pdp.cl-pdp.cl-pdp .list-unstyled { margin: 0px; padding: 0px; list-style: none; } .cl-pdp.cl-pdp.cl-pdp .hidden { display: none !important; } .cl-pdp.cl-pdp.cl-pdp .visually-hidden { overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; clip: rect(0px, 0px, 0px, 0px); position: absolute !important; overflow-wrap: normal !important; } .cl-pdp.cl-pdp.cl-pdp .visually-hidden--inline { margin: 0px; height: 1em; } .cl-pdp.cl-pdp.cl-pdp .skip-to-content-link:focus { z-index: 9999; position: inherit; overflow: auto; width: auto; height: auto; clip: auto; } .cl-pdp.cl-pdp.cl-pdp h1, .cl-pdp.cl-pdp.cl-pdp h2, .cl-pdp.cl-pdp.cl-pdp h3, .cl-pdp.cl-pdp.cl-pdp h4, .cl-pdp.cl-pdp.cl-pdp h5, .cl-pdp.cl-pdp.cl-pdp .h0, .cl-pdp.cl-pdp.cl-pdp .h1, .cl-pdp.cl-pdp.cl-pdp .h2, .cl-pdp.cl-pdp.cl-pdp .h3, .cl-pdp.cl-pdp.cl-pdp .h4, .cl-pdp.cl-pdp.cl-pdp .h5 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: var(--font-heading-spacing); line-height: var(--font-heading-height); color: rgb(var(--color-foreground)); word-break: break-word; } .cl-pdp.cl-pdp.cl-pdp h1, .cl-pdp.cl-pdp.cl-pdp .h1 { font-size: calc(var(--font-heading-scale) * 3rem); } @media only screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp h1, .cl-pdp.cl-pdp.cl-pdp .h1 { font-size: calc(var(--font-heading-scale) * 4rem); } } .cl-pdp.cl-pdp.cl-pdp h2, .cl-pdp.cl-pdp.cl-pdp .h2 { font-size: calc(var(--font-heading-scale) * 2rem); } @media only screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp h2, .cl-pdp.cl-pdp.cl-pdp .h2 { font-size: calc(var(--font-heading-scale) * 2.4rem); } } .cl-pdp.cl-pdp.cl-pdp .caption { font-size: 1rem; letter-spacing: 0.07rem; line-height: calc(1 + .7 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .caption { font-size: 1.2rem; } } .cl-pdp.cl-pdp.cl-pdp .caption-with-letter-spacing { font-size: 1rem; letter-spacing: 0.13rem; line-height: calc(1 + .2 / var(--font-body-scale)); text-transform: uppercase; } .cl-pdp.cl-pdp.cl-pdp .caption-large, .cl-pdp.cl-pdp.cl-pdp .customer .field input, .cl-pdp.cl-pdp.cl-pdp .customer select, .cl-pdp.cl-pdp.cl-pdp .field__input, .cl-pdp.cl-pdp.cl-pdp .form__label, .cl-pdp.cl-pdp.cl-pdp .select__select { font-size: 1.3rem; line-height: calc(1 + .5 / var(--font-body-scale)); letter-spacing: 0.04rem; } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .small-hide { display: none !important; } } .cl-pdp.cl-pdp.cl-pdp a:empty, .cl-pdp.cl-pdp.cl-pdp ul:empty, .cl-pdp.cl-pdp.cl-pdp dl:empty, .cl-pdp.cl-pdp.cl-pdp div:empty, .cl-pdp.cl-pdp.cl-pdp section:empty, .cl-pdp.cl-pdp.cl-pdp article:empty, .cl-pdp.cl-pdp.cl-pdp p:empty, .cl-pdp.cl-pdp.cl-pdp h1:empty, .cl-pdp.cl-pdp.cl-pdp h2:empty, .cl-pdp.cl-pdp.cl-pdp h3:empty, .cl-pdp.cl-pdp.cl-pdp h4:empty, .cl-pdp.cl-pdp.cl-pdp h5:empty, .cl-pdp.cl-pdp.cl-pdp h6:empty { display: none; } .cl-pdp.cl-pdp.cl-pdp .link, .cl-pdp.cl-pdp.cl-pdp .customer a { cursor: pointer; display: inline-block; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; text-decoration: underline; text-underline-offset: 0.3rem; color: rgb(var(--color-link)); background-color: transparent; font-size: 1.4rem; font-family: inherit; } .cl-pdp.cl-pdp.cl-pdp a:not([href]) { cursor: not-allowed; } .cl-pdp.cl-pdp.cl-pdp hr { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 0.1rem; background-color: rgba(var(--color-foreground),.2); display: block; margin: 5rem 0px; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp hr { margin: 7rem 0px; } } .cl-pdp.cl-pdp.cl-pdp details > * { box-sizing: border-box; } @media (prefers-reduced-motion) { .cl-pdp.cl-pdp.cl-pdp .motion-reduce { transition: none !important; animation: auto ease 0s 1 normal none running none !important; } } .cl-pdp.cl-pdp.cl-pdp {--duration-short: .1s; --duration-default: .2s; --duration-announcement-bar: .25s; --duration-medium: .3s; --duration-long: .5s; --duration-extra-long: .6s; --duration-extended: 3s; --ease-out-slow: cubic-bezier(0, 0, .3, 1); --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards; --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)} .cl-pdp.cl-pdp.cl-pdp .icon-arrow { width: 1.5rem; } .cl-pdp.cl-pdp.cl-pdp .animate-arrow .icon-arrow path { transform: translate(-0.25rem); transition: transform var(--duration-short) ease; } .cl-pdp.cl-pdp.cl-pdp .animate-arrow:hover .icon-arrow path { transform: translate(-0.05rem); } .cl-pdp.cl-pdp.cl-pdp summary { cursor: pointer; list-style: none; position: relative; } .cl-pdp.cl-pdp.cl-pdp summary .icon-caret { position: absolute; height: 0.9rem; right: 1.5rem; top: calc(50% - 0.3rem); } .cl-pdp.cl-pdp.cl-pdp :focus { outline: 0px; box-shadow: none; } .cl-pdp.cl-pdp.cl-pdp .grid { display: flex; flex-wrap: wrap; margin-bottom: 2rem; padding: 0px; list-style: none; column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing); } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .grid { column-gap: var(--grid-desktop-horizontal-spacing); row-gap: var(--grid-desktop-vertical-spacing); } } .cl-pdp.cl-pdp.cl-pdp .grid__item { width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4); max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); flex-grow: 1; flex-shrink: 0; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .grid__item { width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } } .cl-pdp.cl-pdp.cl-pdp .grid--1-col .grid__item { max-width: 100%; width: 100%; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .grid--2-col-tablet .grid__item { width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .grid--peek.slider--mobile { margin: 0px; width: 100%; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .grid--peek.slider--mobile .grid__item { box-sizing: content-box; margin: 0px; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .grid--peek .grid__item { min-width: 35%; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .grid--peek.slider .grid__item:first-of-type { margin-left: 1.5rem; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .grid--peek.slider::after { margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)); } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .cl-pdp.cl-pdp.cl-pdp .grid--peek .grid__item { width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem); } } .cl-pdp.cl-pdp.cl-pdp .media { display: block; background-color: rgba(var(--color-foreground),.1); position: relative; overflow: hidden; } .cl-pdp.cl-pdp.cl-pdp .media--transparent { background-color: transparent; } .cl-pdp.cl-pdp.cl-pdp .media > :not(.zoom):not(.deferred-media__poster-button), .cl-pdp.cl-pdp.cl-pdp .media model-viewer { display: block; max-width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .cl-pdp.cl-pdp.cl-pdp .media > img { object-fit: cover; object-position: center center; transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .cl-pdp.cl-pdp.cl-pdp .button, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button, .cl-pdp.cl-pdp.cl-pdp .customer button, .cl-pdp.cl-pdp.cl-pdp button.shopify-payment-button__button--unbranded, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button [role="button"], .cl-pdp.cl-pdp.cl-pdp .cart__dynamic-checkout-buttons [role="button"], .cl-pdp.cl-pdp.cl-pdp .cart__dynamic-checkout-buttons iframe { --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --shadow-opacity: var(--buttons-shadow-opacity); --shadow-visible: var(--buttons-shadow-visible); --border-offset: var(--buttons-border-offset); --border-opacity: calc(1 - var(--buttons-border-opacity)); border-radius: var(--buttons-radius-outset); position: relative; } .cl-pdp.cl-pdp.cl-pdp .button, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button, .cl-pdp.cl-pdp.cl-pdp .customer button, .cl-pdp.cl-pdp.cl-pdp button.shopify-payment-button__button--unbranded { min-width: calc(12rem + var(--buttons-border-width) * 2); min-height: calc(4.7rem + var(--buttons-border-width) * 2); } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .button, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button, .cl-pdp.cl-pdp.cl-pdp .customer button, .cl-pdp.cl-pdp.cl-pdp button.shopify-payment-button__button--unbranded { min-width: calc(10rem + var(--buttons-border-width) * 2); height: calc(4.7rem + var(--buttons-border-width) * 2); } } .cl-pdp.cl-pdp.cl-pdp .button, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button, .cl-pdp.cl-pdp.cl-pdp .customer button { display: inline-flex; justify-content: center; align-items: center; border: 0px; padding: 0px 2rem; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1.5rem; text-decoration: none; color: rgb(var(--color-button-text)); transition: box-shadow var(--duration-short) ease; appearance: none; background-color: rgba(var(--color-button),var(--alpha-button-background)); } .cl-pdp.cl-pdp.cl-pdp .button::before, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button::before, .cl-pdp.cl-pdp.cl-pdp .customer button::before, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded::before, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button [role="button"]::before, .cl-pdp.cl-pdp.cl-pdp .cart__dynamic-checkout-buttons [role="button"]::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: var(--buttons-radius-outset); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)); } .cl-pdp.cl-pdp.cl-pdp .button::after, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button::after, .cl-pdp.cl-pdp.cl-pdp .customer button::after, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded::after { content: ""; position: absolute; top: var(--buttons-border-width); right: var(--buttons-border-width); bottom: var(--buttons-border-width); left: var(--buttons-border-width); z-index: 1; border-radius: var(--buttons-radius); box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background)); transition: box-shadow var(--duration-short) ease; } .cl-pdp.cl-pdp.cl-pdp .button:not([disabled]):hover::after, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button:hover::after, .cl-pdp.cl-pdp.cl-pdp .customer button:hover::after, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded:hover::after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background)); } .cl-pdp.cl-pdp.cl-pdp .button:focus-visible, .cl-pdp.cl-pdp.cl-pdp .button:focus, .cl-pdp.cl-pdp.cl-pdp .button.focused, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded:focus-visible, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button [role="button"]:focus-visible, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded:focus, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button [role="button"]:focus { outline: 0px; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem .4rem rgba(var(--color-foreground),.3); } .cl-pdp.cl-pdp.cl-pdp .button:focus:not(:focus-visible):not(.focused), .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused), .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button [role="button"]:focus:not(:focus-visible):not(.focused) { box-shadow: inherit; } .cl-pdp.cl-pdp.cl-pdp .button::selection, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button::selection, .cl-pdp.cl-pdp.cl-pdp .customer button::selection { background-color: rgba(var(--color-button-text),.3); } .cl-pdp.cl-pdp.cl-pdp .button, .cl-pdp.cl-pdp.cl-pdp .button-label, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button, .cl-pdp.cl-pdp.cl-pdp .customer button { font-family: var(--font-button-family); font-size: var(--button-text-size); font-weight: var(--font-button-weight); text-transform: var(--button-style); letter-spacing: var(--button-text-space); line-height: calc(1 + .2 / var(--font-body-scale)); } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .button, .cl-pdp.cl-pdp.cl-pdp .button-label, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button, .cl-pdp.cl-pdp.cl-pdp .customer button { font-size: var(--button-text-size_mobile); } } .cl-pdp.cl-pdp.cl-pdp .button:disabled, .cl-pdp.cl-pdp.cl-pdp .button[aria-disabled="true"], .cl-pdp.cl-pdp.cl-pdp .button.disabled, .cl-pdp.cl-pdp.cl-pdp .customer button:disabled, .cl-pdp.cl-pdp.cl-pdp .customer button[aria-disabled="true"], .cl-pdp.cl-pdp.cl-pdp .customer button.disabled, .cl-pdp.cl-pdp.cl-pdp .quantity__button.disabled { cursor: not-allowed; opacity: 0.5; } .cl-pdp.cl-pdp.cl-pdp .button--full-width { display: flex; width: 100%; } .cl-pdp.cl-pdp.cl-pdp .form__label { display: block; margin-bottom: 0.6rem; letter-spacing: 0.1rem; font-size: 1.4rem; } .cl-pdp.cl-pdp.cl-pdp .quantity { color: rgba(var(--color-foreground)); position: relative; width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2); display: flex; border-radius: var(--buttons-radius-outset); min-height: calc((var(--inputs-border-width) * 2) + 3rem); } .cl-pdp.cl-pdp.cl-pdp .quantity::after { pointer-events: none; content: ""; position: absolute; top: 0px; right: var(--inputs-border-width); bottom: var(--inputs-border-width); left: var(--inputs-border-width); border: .1rem solid rgba(var(--color-foreground),var(--inputs-border-opacity)); border-radius: var(--buttons-radius-outset); transition: box-shadow var(--duration-short) ease; z-index: 1; } .cl-pdp.cl-pdp.cl-pdp .quantity::before { background: rgb(var(--color-background)); pointer-events: none; content: ""; position: absolute; height: 100%; width: 100%; inset: 0px; border: 0px solid rgba(var(--color-foreground),var(--inputs-border-opacity)); border-radius: var(--buttons-radius-outset); box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity)); z-index: -1; } .cl-pdp.cl-pdp.cl-pdp .quantity__input { color: currentcolor; font-size: 1.6rem; font-weight: 500; opacity: 1; text-align: center; background-color: transparent; border: 0px; padding: 0px; width: 100%; flex-grow: 1; appearance: none; } .cl-pdp.cl-pdp.cl-pdp .quantity__button { width: calc(4.7rem / var(--font-body-scale)); height: calc(4.7rem / var(--font-body-scale)); flex-shrink: 1; font-size: 1.8rem; background-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgb(var(--color-foreground)); padding: 0px 16px; border: 0px solid rgba(var(--color-foreground),var(--inputs-border-opacity)); } .cl-pdp.cl-pdp.cl-pdp .quantity__button:first-child { margin-left: calc(var(--inputs-border-width)); border-right: 0px solid rgba(var(--color-foreground),var(--inputs-border-opacity)); } .cl-pdp.cl-pdp.cl-pdp .quantity__button:last-child { margin-right: calc(var(--inputs-border-width)); border-left: 0px solid rgba(var(--color-foreground),var(--inputs-border-opacity)); } .cl-pdp.cl-pdp.cl-pdp .quantity__button svg { width: 1.5rem; pointer-events: none; } .cl-pdp.cl-pdp.cl-pdp .quantity__button:focus, .cl-pdp.cl-pdp.cl-pdp .quantity__input:focus { background-color: rgb(var(--color-background)); z-index: 2; } .cl-pdp.cl-pdp.cl-pdp .quantity__button:not(:focus-visible):not(.focused), .cl-pdp.cl-pdp.cl-pdp .quantity__input:not(:focus-visible):not(.focused) { box-shadow: inherit; background-color: inherit; } .cl-pdp.cl-pdp.cl-pdp .quantity__input[type="number"] { } .cl-pdp.cl-pdp.cl-pdp .quantity__rules { margin-top: 0.5rem; position: relative; font-size: 1.2rem; } .cl-pdp.cl-pdp.cl-pdp .quantity__rules-cart { position: relative; } .cl-pdp.cl-pdp.cl-pdp .badge { border: var( --badge-border-width) solid var(--badge-border-color); border-radius: var(--badge-corner-radius); display: inline-block; font-size: 1.1rem; letter-spacing: 0.1rem; text-transform: uppercase; padding: 0.4rem 1rem; text-align: center; background-color: rgb(var(--color-badge-background)); color: rgb(var(--color-badge-foreground)); word-break: break-word; zoom: var(--badge-size); line-height: 1.4; } .cl-pdp.cl-pdp.cl-pdp .gradient { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-origin: ; background-clip: ; background-color: ; background-attachment: fixed; } @media screen and (forced-colors: active) { .cl-pdp.cl-pdp.cl-pdp .icon { color: canvastext; fill: canvastext !important; } } .cl-pdp.cl-pdp.cl-pdp .content-container { border-radius: var(--text-boxes-radius); border: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity)); position: relative; } .cl-pdp.cl-pdp.cl-pdp .content-container::after { content: ""; position: absolute; top: calc(var(--text-boxes-border-width) * -1); right: calc(var(--text-boxes-border-width) * -1); bottom: calc(var(--text-boxes-border-width) * -1); left: calc(var(--text-boxes-border-width) * -1); border-radius: var(--text-boxes-radius); box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity)); z-index: -1; } .cl-pdp.cl-pdp.cl-pdp .global-media-settings { position: relative; border: var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity)); border-radius: var(--media-radius); background-color: rgb(var(--color-background)); overflow: visible !important; } .cl-pdp.cl-pdp.cl-pdp .global-media-settings::after { content: ""; position: absolute; top: calc(var(--media-border-width) * -1); right: calc(var(--media-border-width) * -1); bottom: calc(var(--media-border-width) * -1); left: calc(var(--media-border-width) * -1); border-radius: var(--media-radius); box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity)); z-index: -1; pointer-events: none; } .cl-pdp.cl-pdp.cl-pdp .global-media-settings--no-shadow { overflow: hidden !important; } .cl-pdp.cl-pdp.cl-pdp .global-media-settings--no-shadow::after { content: none; } .cl-pdp.cl-pdp.cl-pdp .global-media-settings img, .cl-pdp.cl-pdp.cl-pdp .global-media-settings iframe, .cl-pdp.cl-pdp.cl-pdp .global-media-settings model-viewer, .cl-pdp.cl-pdp.cl-pdp .global-media-settings video, .cl-pdp.cl-pdp.cl-pdp .global-media-settings .placeholder-svg { border-radius: calc(var(--media-radius) - var(--media-border-width)); } @media not (inset: 10px) { .cl-pdp.cl-pdp.cl-pdp .grid { margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)); } } @media not (inset: 10px) { .cl-pdp.cl-pdp.cl-pdp .grid__item { padding-left: var(--grid-mobile-horizontal-spacing); padding-bottom: var(--grid-mobile-vertical-spacing); } } @media (forced-colors: active) { .cl-pdp.cl-pdp.cl-pdp .button, .cl-pdp.cl-pdp.cl-pdp .shopify-challenge__button, .cl-pdp.cl-pdp.cl-pdp .customer button { border: 1px solid transparent; } } @media (forced-colors: active) { .cl-pdp.cl-pdp.cl-pdp .button:focus-visible, .cl-pdp.cl-pdp.cl-pdp .button:focus, .cl-pdp.cl-pdp.cl-pdp .button.focused, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded:focus-visible, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button [role="button"]:focus-visible, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded:focus, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button [role="button"]:focus { outline: transparent solid 1px; } } .cl-pdp.cl-pdp.cl-pdp .rte::after { clear: both; content: ""; display: block; } .cl-pdp.cl-pdp.cl-pdp .rte > :first-child { margin-top: 0px; } .cl-pdp.cl-pdp.cl-pdp .rte > :last-child { margin-bottom: 0px; } .cl-pdp.cl-pdp.cl-pdp .rte ul, .cl-pdp.cl-pdp.cl-pdp .rte ol { list-style-position: inside; padding-left: 2rem; } .cl-pdp.cl-pdp.cl-pdp .rte li { list-style: inherit; } .cl-pdp.cl-pdp.cl-pdp .rte li:last-child { margin-bottom: 0px; } .cl-pdp.cl-pdp.cl-pdp .rte a { color: rgba(var(--color-link),var(--alpha-link)); text-underline-offset: 0.3rem; text-decoration-thickness: 0.1rem; transition: text-decoration-thickness var(--duration-short) ease; } .cl-pdp.cl-pdp.cl-pdp .rte a:hover { color: rgb(var(--color-link)); text-decoration-thickness: 0.2rem; } @media (prefers-reduced-motion: no-preference) { .cl-pdp.cl-pdp.cl-pdp .scroll-trigger.animate--fade-in, .cl-pdp.cl-pdp.cl-pdp .scroll-trigger.animate--slide-in { opacity: 0.01; } } @media (prefers-reduced-motion: no-preference) { .cl-pdp.cl-pdp.cl-pdp .scroll-trigger.animate--slide-in { transform: translateY(2rem); } } @media (prefers-reduced-motion: no-preference) { .cl-pdp.cl-pdp.cl-pdp .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in { opacity: 1; animation: var(--animation-fade-in); } } @media (prefers-reduced-motion: no-preference) { .cl-pdp.cl-pdp.cl-pdp .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--animation-order) * 75ms); } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .card-wrapper .card--card, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .card-wrapper .card--standard .card__inner, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .button:not(.button--tertiary), .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .shopify-challenge__button, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .customer button, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .shopify-payment-button__button, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .deferred-media .deferred-media__poster-button { transition: transform var(--duration-long) ease,box-shadow var(--duration-long) ease; transform-origin: center center; } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .card-wrapper:hover .card--card, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .customer button:not([disabled]):hover, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .shopify-payment-button__button:hover, .cl-pdp.cl-pdp.cl-pdp .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button { transition: transform var(--duration-extended) ease,box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: rgba(0, 0, 0, 0.05) -1rem -1rem 1rem -1rem, rgba(0, 0, 0, 0.05) 1rem 1rem 1rem -1rem, rgba(255, 255, 255, 0) 0px 0px 0.5rem, rgba(0, 0, 0, 0.5) 0px 2rem 3.5rem -2rem; } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .cl-pdp.cl-pdp.cl-pdp {--easter-egg: none} } .cl-pdp.cl-pdp.cl-pdp .button--primary svg, .cl-pdp.cl-pdp.cl-pdp .button--secondary svg, .cl-pdp.cl-pdp.cl-pdp .button--tertiary svg, .cl-pdp.cl-pdp.cl-pdp .button--link svg, .cl-pdp.cl-pdp.cl-pdp .customer .button--primary svg, .cl-pdp.cl-pdp.cl-pdp .customer .button--secondary svg, .cl-pdp.cl-pdp.cl-pdp .customer .button--tertiary svg, .cl-pdp.cl-pdp.cl-pdp .customer .button--link svg { transform: translate(-5px); transition: var(--duration-default); } .cl-pdp.cl-pdp.cl-pdp .button svg, .cl-pdp.cl-pdp.cl-pdp .customer .button svg { flex: 0 0 auto; width: 1rem; height: 1rem; } @media only screen and (min-width: 600px) { .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .slider-mobile-gutter .slider-button { display: none; } } .cl-pdp.cl-pdp.cl-pdp .slider-counter { font-size: 1.5rem !important; } .cl-pdp.cl-pdp.cl-pdp .accordion { border-top: 0px !important; } .cl-pdp.cl-pdp.cl-pdp .product-form__buttons { max-width: 70rem; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); display: grid; gap: 10px; } .cl-pdp.cl-pdp.cl-pdp .product-form__submit { max-height: calc(4.7rem + var(--buttons-border-width)* 2); } .cl-pdp.cl-pdp.cl-pdp .price { font-size: 1.6rem; letter-spacing: 0rem; line-height: 100%; color: rgb(var(--color-foreground)); } .cl-pdp.cl-pdp.cl-pdp .price > * { display: inline-block; vertical-align: top; } .cl-pdp.cl-pdp.cl-pdp .price .price-item { display: inline-block; margin: 0px 1rem 0px 0px; } .cl-pdp.cl-pdp.cl-pdp .price__regular .price-item--regular { margin-right: 0px; } .cl-pdp.cl-pdp.cl-pdp .price:not(.price--show-badge) .price-item--last:last-of-type { margin: 0px; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .price { margin-bottom: 0px; } } .cl-pdp.cl-pdp.cl-pdp .price--sold-out .price__availability, .cl-pdp.cl-pdp.cl-pdp .price__regular { display: block; } .cl-pdp.cl-pdp.cl-pdp .price__sale, .cl-pdp.cl-pdp.cl-pdp .price__availability, .cl-pdp.cl-pdp.cl-pdp .price .price__badge-sale, .cl-pdp.cl-pdp.cl-pdp .price .price__badge-sold-out, .cl-pdp.cl-pdp.cl-pdp .price--on-sale .price__regular, .cl-pdp.cl-pdp.cl-pdp .price--on-sale .price__availability { display: none; } .cl-pdp.cl-pdp.cl-pdp .price--sold-out .price__badge-sold-out, .cl-pdp.cl-pdp.cl-pdp .price--on-sale .price__badge-sale, .cl-pdp.cl-pdp.cl-pdp .volume-pricing--sale-badge .price__badge-sale { display: inline-block; } .cl-pdp.cl-pdp.cl-pdp .price--on-sale .price__sale { display: initial; flex-flow: wrap; } .cl-pdp.cl-pdp.cl-pdp .price--on-sale .price-item--regular { text-decoration: line-through; color: var(--sale-price); font-size: inherit; } .cl-pdp.cl-pdp.cl-pdp .unit-price { display: block; font-size: 1.1rem; letter-spacing: 0.04rem; line-height: calc(1 + .2 / var(--font-body-scale)); margin-top: 0.2rem; text-transform: uppercase; color: rgba(var(--color-foreground),.7); } .cl-pdp.cl-pdp.cl-pdp .path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: center center; stroke: rgb(var(--color-foreground)); animation: 1.4s ease 0s infinite normal none running dash; } @font-face { font-family: GTStandard-M; src: url("//cczd3u-sc.myshopify.com/cdn/shop/t/2/assets/GTStandard-MRegular.woff2?v=149152729114340250381787878982") format("woff2"); font-style: normal; font-weight: 450; font-display: swap; } @font-face { font-family: GTStandard-M; src: url("//cczd3u-sc.myshopify.com/cdn/shop/t/2/assets/GTStandard-MMedium.woff2?v=30486626448974345721787878980") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: GTStandard-M; src: url("//cczd3u-sc.myshopify.com/cdn/shop/t/2/assets/GTStandard-MSemibold.woff2?v=104269634200593542371787878983") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; } .cl-pdp.cl-pdp.cl-pdp .klaviyo-form, .cl-pdp.cl-pdp.cl-pdp [class*="kl-private"], .cl-pdp.cl-pdp.cl-pdp div[class*="klaviyo"], .cl-pdp.cl-pdp.cl-pdp [data-testid="POPUP"], .cl-pdp.cl-pdp.cl-pdp .needsclick[role="dialog"], .cl-pdp.cl-pdp.cl-pdp #shopify-pc__banner, .cl-pdp.cl-pdp.cl-pdp [class*="pc__banner"], .cl-pdp.cl-pdp.cl-pdp [class*="cookie-banner"], .cl-pdp.cl-pdp.cl-pdp [id*="cookie-banner"], .cl-pdp.cl-pdp.cl-pdp [class*="newsletter-popup"], .cl-pdp.cl-pdp.cl-pdp [class*="email-popup"], .cl-pdp.cl-pdp.cl-pdp [class*="popup-modal"], .cl-pdp.cl-pdp.cl-pdp [class*="modal-popup"], .cl-pdp.cl-pdp.cl-pdp [class*="Popup__Overlay"], .cl-pdp.cl-pdp.cl-pdp [aria-modal="true"][role="dialog"], .cl-pdp.cl-pdp.cl-pdp #preview-bar-iframe, .cl-pdp.cl-pdp.cl-pdp [id*="preview-bar"], .cl-pdp.cl-pdp.cl-pdp [id*="preview_bar"], .cl-pdp.cl-pdp.cl-pdp [class*="preview-bar"], .cl-pdp.cl-pdp.cl-pdp #shopify-preview-bar, .cl-pdp.cl-pdp.cl-pdp [class*="sticky-atc"], .cl-pdp.cl-pdp.cl-pdp [class*="sticky-add"], .cl-pdp.cl-pdp.cl-pdp [class*="sticky-cart"], .cl-pdp.cl-pdp.cl-pdp [class*="sticky-buy"], .cl-pdp.cl-pdp.cl-pdp [class*="StickyATC"], .cl-pdp.cl-pdp.cl-pdp [class*="stickyAtc"], .cl-pdp.cl-pdp.cl-pdp [class*="product-sticky"], .cl-pdp.cl-pdp.cl-pdp [class*="sticky-product"], .cl-pdp.cl-pdp.cl-pdp [class*="fixed-atc"], .cl-pdp.cl-pdp.cl-pdp [class*="atc-bar"], .cl-pdp.cl-pdp.cl-pdp [class*="add-to-cart-bar"], .cl-pdp.cl-pdp.cl-pdp [class*="floating-atc"], .cl-pdp.cl-pdp.cl-pdp [class*="scroll-to-top"], .cl-pdp.cl-pdp.cl-pdp [class*="back-to-top"] { display: none !important; } .cl-pdp.cl-pdp.cl-pdp .product { margin: 0px; } .cl-pdp.cl-pdp.cl-pdp .product.grid { gap: 0px; } .cl-pdp.cl-pdp.cl-pdp .product__media-wrapper { padding-left: 0px; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product__column-sticky { display: block; position: sticky; top: 3rem; z-index: 2; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product__info-wrapper { padding: 0px 0px 0px 5rem; } } @media screen and (min-width: 990px) { .cl-pdp.cl-pdp.cl-pdp .product--medium:not(.product--no-media) .product__media-wrapper { max-width: 55%; width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2); } } @media screen and (min-width: 990px) { .cl-pdp.cl-pdp.cl-pdp .product--medium:not(.product--no-media) .product__info-wrapper { max-width: 45%; width: calc(45% - var(--lumin-container-margin) - var(--grid-desktop-horizontal-spacing) / 2); margin-left: var(--lumin-container-margin); } } .cl-pdp.cl-pdp.cl-pdp .product-form { display: block; } .cl-pdp.cl-pdp.cl-pdp .product-form__error-message-wrapper svg { flex-shrink: 0; width: 1.2rem; height: 1.2rem; margin-right: 0.7rem; margin-top: 0.5rem; } .cl-pdp.cl-pdp.cl-pdp .product-form__input { flex: 0 0 100%; padding: 0px; margin: 0px 0px 1.2rem; max-width: 70rem; min-width: fit-content; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .cl-pdp.cl-pdp.cl-pdp .product-form__input .form__label { padding-left: 0px; } .cl-pdp.cl-pdp.cl-pdp .product-form__submit { margin-bottom: 0rem; } .cl-pdp.cl-pdp.cl-pdp .product__info-container > * + * { margin: 1.5rem 0px; } .cl-pdp.cl-pdp.cl-pdp .product__info-container .product-form, .cl-pdp.cl-pdp.cl-pdp .product__info-container .product__description, .cl-pdp.cl-pdp.cl-pdp .product__info-container .icon-with-text { margin: 2.5rem 0px; } .cl-pdp.cl-pdp.cl-pdp .product__text { margin-bottom: 0px; } .cl-pdp.cl-pdp.cl-pdp .product__text.caption-with-letter-spacing { text-transform: uppercase; } .cl-pdp.cl-pdp.cl-pdp .product__title { word-break: break-word; margin-bottom: 1.5rem; } .cl-pdp.cl-pdp.cl-pdp .product__title > * { margin: 0px; } .cl-pdp.cl-pdp.cl-pdp .product__title > a { display: none; } .cl-pdp.cl-pdp.cl-pdp .product__accordion .accordion__content { padding: 0px 1rem; } .cl-pdp.cl-pdp.cl-pdp .product .price .badge, .cl-pdp.cl-pdp.cl-pdp .product .price__container { margin-bottom: 0.5rem; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product__info-container { max-width: 90rem; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product__info-container .price--on-sale .price-item--regular { font-size: 1.6rem; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product__info-container > :first-child { margin-top: 0px; } } .cl-pdp.cl-pdp.cl-pdp .product-form__quantity .form__label { margin-bottom: 0.6rem; } .cl-pdp.cl-pdp.cl-pdp .product-form__buttons { max-width: 70rem; } .cl-pdp.cl-pdp.cl-pdp .product__media-list video { border-radius: calc(var(--media-radius) - var(--media-border-width)); width: 100%; height: auto; } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list { margin-left: -2.5rem; margin-bottom: 3rem; width: calc(100% + 4rem); } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) { margin-left: -1.5rem; margin-right: -1.5rem; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list .product__media-item { width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing)); } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product--thumbnail .product__media-list, .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .product__media-list { padding-bottom: calc(var(--media-shadow-vertical-offset) * var(--media-shadow-visible)); } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list { padding-right: calc(var(--media-shadow-horizontal-offset) * var(--media-shadow-visible)); } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product--thumbnail .product__media-item:not(.is-active), .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .product__media-item:not(.is-active) { display: none; } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list .product__media-item:first-child { padding-left: 0px; } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .product__media-list { margin-left: 0px; } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list .product__media-item { width: 100%; } } .cl-pdp.cl-pdp.cl-pdp .product__media-icon .icon { width: 1.9rem; height: 1.9rem; } .cl-pdp.cl-pdp.cl-pdp .product__media-icon { background-color: rgb(var(--color-background)); border-radius: 50%; border: 0rem solid rgba(var(--color-foreground),.1); color: rgb(var(--color-foreground)); display: flex; align-items: center; justify-content: center; height: 3rem; width: 3rem; position: absolute; left: 1.2rem; top: 1.2rem; z-index: 1; transition: color var(--duration-short) ease,opacity var(--duration-short) ease; } .cl-pdp.cl-pdp.cl-pdp .thumbnail__badge { background-color: rgb(var(--color-background)); border-radius: 50%; border: .1rem solid rgba(var(--color-foreground),.1); color: rgb(var(--color-foreground)); display: flex; align-items: center; justify-content: center; height: 3rem; width: 3rem; position: absolute; left: 1.2rem; top: 1.2rem; z-index: 1; transition: color var(--duration-short) ease,opacity var(--duration-short) ease; } .cl-pdp.cl-pdp.cl-pdp .product__modal-opener--image .product__media-toggle:hover { cursor: zoom-in; } .cl-pdp.cl-pdp.cl-pdp .product__modal-opener:hover .product__media-icon { border: 0rem solid rgba(var(--color-foreground),.1); } @media screen and (min-width: 990px) { .cl-pdp.cl-pdp.cl-pdp .product:not(.product--columns) .product__media-list .product__media-item:first-child, .cl-pdp.cl-pdp.cl-pdp .product:not(.product--columns) .product__media-list .product__media-item--full { width: 100%; max-width: 100%; } } @media screen and (min-width: 990px) { .cl-pdp.cl-pdp.cl-pdp .product:not(.product--columns) .product__media-list .product__media-item:nth-of-type(2), .cl-pdp.cl-pdp.cl-pdp .product:not(.product--columns) .product__media-list .product__media-item--full { width: 100%; max-width: 100%; } } @media screen and (min-width: 990px) { .cl-pdp.cl-pdp.cl-pdp .product__modal-opener .product__media-icon { opacity: 0; } } @media screen and (min-width: 990px) { .cl-pdp.cl-pdp.cl-pdp .product__modal-opener:hover .product__media-icon, .cl-pdp.cl-pdp.cl-pdp .product__modal-opener:focus .product__media-icon { opacity: 1; } } .cl-pdp.cl-pdp.cl-pdp .product__media-item > * { display: block; position: relative; } .cl-pdp.cl-pdp.cl-pdp .product__media-toggle { display: flex; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; color: currentcolor; padding: 0px; } .cl-pdp.cl-pdp.cl-pdp .product__media-toggle::after { content: ""; cursor: pointer; display: block; margin: 0px; padding: 0px; position: absolute; top: calc(var(--border-width) * -1); right: calc(var(--border-width) * -1); bottom: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); z-index: 2; } .cl-pdp.cl-pdp.cl-pdp .product__media-list .media > * { overflow: hidden; } .cl-pdp.cl-pdp.cl-pdp .thumbnail-list { flex-wrap: wrap; gap: 1rem; } .cl-pdp.cl-pdp.cl-pdp .slider--mobile.thumbnail-list::after { content: none; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .thumbnail-list { display: grid; grid-template-columns: repeat(4, 1fr); } } @media screen and (min-width: 990px) { .cl-pdp.cl-pdp.cl-pdp .thumbnail-list { grid-template-columns: repeat(4, 1fr); } } @media screen and (min-width: 990px) { .cl-pdp.cl-pdp.cl-pdp .product--medium .thumbnail-list { grid-template-columns: repeat(5, 1fr); } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-item { display: flex; align-items: center; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .product__modal-opener { width: 100%; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .thumbnail-slider { display: flex; align-items: center; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .thumbnail-slider .thumbnail-list.slider { display: flex; padding: 0px; flex: 1 1 0%; scroll-padding-left: 0px; margin: 0px 1.5rem; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .thumbnail-list__item.slider__slide { width: calc(20% - 0.6rem); } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .thumbnail { left: 0.1rem; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .thumbnail-slider { display: flex; align-items: center; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .thumbnail-slider .thumbnail-list.slider--tablet-up { display: flex; padding: 0.5rem; flex: 1 1 0%; scroll-padding-left: 0.5rem; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product__media-wrapper .slider-mobile-gutter .slider-button { display: none; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide { width: calc(16.6667% - 0.8rem); } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .slider-mobile-gutter .slider-button { display: flex; } } @media screen and (min-width: 900px) { .cl-pdp.cl-pdp.cl-pdp .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide, .cl-pdp.cl-pdp.cl-pdp .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide { width: calc(12.5% - 0.8rem); } } .cl-pdp.cl-pdp.cl-pdp .thumbnail { position: absolute; top: 0px; left: 0px; display: block; height: 100%; width: 100%; padding: 0px; color: rgb(var(--color-foreground)); cursor: pointer; background-color: transparent; } .cl-pdp.cl-pdp.cl-pdp .thumbnail:hover { opacity: 0.7; } .cl-pdp.cl-pdp.cl-pdp .thumbnail.global-media-settings img { border-radius: 0px; } .cl-pdp.cl-pdp.cl-pdp .thumbnail[aria-current] { border-width: 0.15rem; border-style: solid; border-image: none; border-color: rgb(var(--color-foreground)); } .cl-pdp.cl-pdp.cl-pdp .product__modal-opener--image .product__media-zoom-none, .cl-pdp.cl-pdp.cl-pdp .product__media-icon--none { display: none; } .cl-pdp.cl-pdp.cl-pdp .product__modal-opener > .loading__spinner { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; display: flex; align-items: center; height: 48px; width: 48px; } .cl-pdp.cl-pdp.cl-pdp .product__modal-opener .path { stroke: rgb(var(--color-button)); opacity: 0.75; } .cl-pdp.cl-pdp.cl-pdp .js .product__media { overflow: hidden !important; } .cl-pdp.cl-pdp.cl-pdp .thumbnail[aria-current]:focus, .cl-pdp.cl-pdp.cl-pdp .thumbnail.focused { outline: 0px; box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5); } @media (forced-colors: active) { .cl-pdp.cl-pdp.cl-pdp .thumbnail[aria-current]:focus, .cl-pdp.cl-pdp.cl-pdp .thumbnail.focused { outline: transparent solid 1px; } } .cl-pdp.cl-pdp.cl-pdp .thumbnail[aria-current]:focus:not(:focus-visible) { outline: 0px; box-shadow: 0 0 rgb(var(--color-foreground)); } .cl-pdp.cl-pdp.cl-pdp .thumbnail img { object-fit: cover; width: 100%; height: 100%; pointer-events: none; } .cl-pdp.cl-pdp.cl-pdp .thumbnail__badge .icon { width: 1rem; height: 1rem; } .cl-pdp.cl-pdp.cl-pdp .thumbnail__badge { color: rgb(var(--color-foreground),.6); height: 2rem; width: 2rem; left: auto; right: calc(.4rem + var(--media-border-width)); top: calc(.4rem + var(--media-border-width)); } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product:not(.product--small) .thumbnail__badge { height: 3rem; width: 3rem; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product:not(.product--small) .thumbnail__badge .icon { width: 1.2rem; height: 1.2rem; } } .cl-pdp.cl-pdp.cl-pdp .thumbnail-list__item { position: relative; } .cl-pdp.cl-pdp.cl-pdp .thumbnail-list__item::before { content: ""; display: block; padding-bottom: 100%; } .cl-pdp.cl-pdp.cl-pdp .product:not(.featured-product) .product__view-details { display: none; } .cl-pdp.cl-pdp.cl-pdp .product__view-details { display: block; text-decoration: none; } .cl-pdp.cl-pdp.cl-pdp .product__view-details:hover { text-decoration: underline; text-underline-offset: 0.3rem; } .cl-pdp.cl-pdp.cl-pdp .product__view-details .icon { width: 1.2rem; margin-left: 1.2rem; flex-shrink: 0; } .cl-pdp.cl-pdp.cl-pdp .product-media-container { --aspect-ratio: var(--preview-ratio); --ratio-percent: calc(1 / var(--aspect-ratio) * 100%); position: relative; width: 100%; max-width: calc(100% - calc(var(--media-border-width) * 2)); } .cl-pdp.cl-pdp.cl-pdp .product-media-container .media { padding-top: var(--ratio-percent); } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product-media-container { max-width: 100%; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product-media-container:not(.media-type-image) { --aspect-ratio: var(--ratio); } } .cl-pdp.cl-pdp.cl-pdp .product-media-container .product__modal-opener { display: block; position: relative; } .cl-pdp.cl-pdp.cl-pdp .accordion summary { display: flex; position: relative; line-height: 1; padding: 1.5rem 0px; } .cl-pdp.cl-pdp.cl-pdp .accordion .summary__title { display: flex; flex: 1 1 0%; } .cl-pdp.cl-pdp.cl-pdp .accordion .summary__title + .icon-caret { height: calc(var(--font-heading-scale) * .9rem); } .cl-pdp.cl-pdp.cl-pdp .accordion + .accordion { margin-top: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .cl-pdp.cl-pdp.cl-pdp .accordion { margin-top: 2.5rem; margin-bottom: 0px; border-top: .1rem solid rgba(var(--color-foreground),.08); border-bottom: .1rem solid rgba(var(--color-foreground),.08); } .cl-pdp.cl-pdp.cl-pdp .accordion__title { display: inline-block; max-width: calc(100% - 6rem); min-height: 1.6rem; margin: 0px; word-break: break-word; font-family: var(--font-collapsible-family); font-weight: var(--font-collapsible-weight); letter-spacing: var(--font-collapsible-spacing); font-size: var(--font-collapsible-size); font-style: var(--font-collapsible-style); } .cl-pdp.cl-pdp.cl-pdp .accordion .icon-accordion { align-self: center; fill: rgb(var(--color-foreground)); height: calc(var(--font-heading-scale) * 2rem); margin-right: calc(var(--font-heading-scale) * 1rem); width: calc(var(--font-heading-scale) * 2rem); } .cl-pdp.cl-pdp.cl-pdp .accordion details[open] > summary .icon-caret { transform: rotate(180deg); } .cl-pdp.cl-pdp.cl-pdp .accordion__content { margin-bottom: 1.5rem; word-break: break-word; overflow-x: auto; padding: 0px 0.6rem; } .cl-pdp.cl-pdp.cl-pdp slider-component { --desktop-margin-left-first-item: max( 5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2) ); position: relative; display: block; } .cl-pdp.cl-pdp.cl-pdp .slider__slide { --focus-outline-padding: .5rem; --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible)); --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible)); scroll-snap-align: start; flex-shrink: 0; padding-bottom: 0px; } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .slider.slider--mobile { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scroll-padding-left: 1.5rem; margin-bottom: 1rem; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .slider--mobile::after { content: ""; width: 0px; padding-left: 1.5rem; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .slider.slider--mobile .slider__slide { margin-bottom: 0px; padding-top: max(var(--focus-outline-padding),var(--shadow-padding-top)); padding-bottom: max(var(--focus-outline-padding),var(--shadow-padding-bottom)); } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .slider.slider--tablet-up { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scroll-padding-left: 1rem; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .slider.slider--tablet-up .slider__slide { margin-bottom: 0px; } } @media (prefers-reduced-motion) { .cl-pdp.cl-pdp.cl-pdp .slider { scroll-behavior: auto; } } .cl-pdp.cl-pdp.cl-pdp .slider { scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground),.04); scrollbar-width: none; } .cl-pdp.cl-pdp.cl-pdp .slider-counter { display: flex; justify-content: center; min-width: 4.4rem; } .cl-pdp.cl-pdp.cl-pdp .slider-buttons { display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 990px) { .cl-pdp.cl-pdp.cl-pdp .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons { display: flex; } } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .slider--mobile + .slider-buttons { display: flex; } } .cl-pdp.cl-pdp.cl-pdp .slider-button { color: rgba(var(--color-foreground),.75); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; } .cl-pdp.cl-pdp.cl-pdp .slider-button:not([disabled]):hover { color: rgb(var(--color-foreground)); } .cl-pdp.cl-pdp.cl-pdp .slider-button .icon { height: 1.2rem; } .cl-pdp.cl-pdp.cl-pdp .slider-button[disabled] .icon { color: rgba(var(--color-foreground),.3); cursor: not-allowed; } .cl-pdp.cl-pdp.cl-pdp .slider-button--next .icon { transform: rotate(0deg); } .cl-pdp.cl-pdp.cl-pdp .slider-button--prev .icon { transform: rotate(180deg); } .cl-pdp.cl-pdp.cl-pdp .slider-button--next:not([disabled]):hover .icon { transform: rotate(0deg) scale(1.1); } .cl-pdp.cl-pdp.cl-pdp .slider-button--prev:not([disabled]):hover .icon { transform: rotate(180deg) scale(1.1); } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .product:not(.product--columns) .product__media-list .product__media-item:last-child, .cl-pdp.cl-pdp.cl-pdp .product:not(.product--columns) .product__media-list .product__media-item--full { width: 100%; max-width: 100%; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list .product__media-item { width: calc(100% - 6% + var(--grid-mobile-horizontal-spacing) - var(--grid-mobile-horizontal-spacing)) !important; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .thumbnail { left: 2px; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list .media > * { overflow: hidden; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list .media > * { border-radius: 0px; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list video { border-radius: 0px; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .lumin-slider.slider.slider--mobile { scroll-padding-left: 0rem !important; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .grid--peek.slider--mobile { margin: auto; width: 100%; } } .cl-pdp.cl-pdp.cl-pdp .product__media-wrapper { padding-left: 0px; padding-bottom: 1rem; } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .slider.slider--mobile .slider__slide { padding-top: 0px !important; } } @media screen and (min-width: 601px) { .cl-pdp.cl-pdp.cl-pdp .lumin-container { border: 1px solid rgb(255, 255, 255); border-radius: 10px; background: rgb(255, 255, 255); padding: 30px !important; } } .cl-pdp.cl-pdp.cl-pdp .section-template--20809337176237__main-padding { padding-top: 0px; padding-bottom: 12px; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .section-template--20809337176237__main-padding { padding-top: 8px; padding-bottom: 8px; } } .cl-pdp.cl-pdp.cl-pdp .loading__spinner { position: absolute; z-index: 1; width: 1.8rem; } .cl-pdp.cl-pdp.cl-pdp .loading__spinner { width: 1.8rem; display: inline-block; } .cl-pdp.cl-pdp.cl-pdp .spinner { animation: 1.4s linear 0s infinite normal none running rotator; } .cl-pdp.cl-pdp.cl-pdp .path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: center center; stroke: rgb(var(--color-foreground)); animation: 1.4s ease-in-out 0s infinite normal none running dash; } @media screen and (forced-colors: active) { .cl-pdp.cl-pdp.cl-pdp .path { stroke: canvastext; } } .cl-pdp.cl-pdp.cl-pdp .rating-mn { margin: 0px; zoom: var(--star-size-min); } .cl-pdp.cl-pdp.cl-pdp .rating-mn i { display: inline-block; width: 20px; height: 20px; border-width: 0px 0.75em; border-style: solid; border-color: var(--short-star-inactive); border-radius: 0.22em; color: white; background: var(--short-star-color); font-style: normal; line-height: 23px; text-indent: -10px; text-shadow: rgb(179, 179, 179) 1px 0px 1px; } .cl-pdp.cl-pdp.cl-pdp .rating-mn svg { width: 20px; height: 14px; fill: rgb(255, 255, 255); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="4"] .short-star-1 { border-color: var(--short-star-color); background: var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="4"] .short-star-2 { border-color: var(--short-star-color); background: var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="4"] .short-star-3 { border-color: var(--short-star-color); background: var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="4"] .short-star-4 { border-color: var(--short-star-color); background: var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="4.5"] .short-star-5 { border-left-color: var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp .lumin-price { padding: 4px 0px 0px; font-weight: 600; display: flex; align-content: center; align-items: center; flex-wrap: wrap; font-size: 24px !important; color: rgb(23, 89, 124) !important; } .cl-pdp.cl-pdp.cl-pdp .product__info-container .price--on-sale .price-item--regular { letter-spacing: 0px; font-size: 24px !important; color: rgb(41, 41, 41) !important; } .cl-pdp.cl-pdp.cl-pdp .lm-badge { font-size: 11px; line-height: 1; color: rgb(255, 255, 255); background: rgb(48, 182, 122); font-weight: 400; } .cl-pdp.cl-pdp.cl-pdp .lm-badge-soldout { font-size: 11px; line-height: 1; } .cl-pdp.cl-pdp.cl-pdp .lm-badge svg { width: 11px; height: auto; } .cl-pdp.cl-pdp.cl-pdp .promo-banner-de { color: rgb(211, 47, 47); font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; text-align: left; line-height: 1.4; } @media (max-width: 600px) { .cl-pdp.cl-pdp.cl-pdp .promo-banner-de { font-size: 15px; } } .cl-pdp.cl-pdp.cl-pdp .ov-wrap { max-width: 620px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; box-sizing: border-box; } .cl-pdp.cl-pdp.cl-pdp .ov-wrap * { box-sizing: border-box; } .cl-pdp.cl-pdp.cl-pdp .ov-h1 { font-size: 17px; font-weight: 600; color: rgb(26, 29, 35); line-height: 1.35; margin: 0px 0px 1rem; } .cl-pdp.cl-pdp.cl-pdp .ov-h1 span { text-decoration: underline; text-underline-offset: 3px; } .cl-pdp.cl-pdp.cl-pdp .ov-desc { font-size: 14px; color: rgb(74, 77, 85); line-height: 1.6; margin: 0px 0px 1.5rem; } .cl-pdp.cl-pdp.cl-pdp .ov-bullets { display: flex; flex-direction: column; gap: 1rem; } .cl-pdp.cl-pdp.cl-pdp .ov-bullet { display: flex; align-items: flex-start; gap: 8px; } .cl-pdp.cl-pdp.cl-pdp .ov-check { min-width: 26px; width: 26px; height: 26px; border-radius: 50%; background: rgb(59, 125, 221); display: flex; align-items: center; justify-content: center; margin-top: 0px; flex-shrink: 0; } .cl-pdp.cl-pdp.cl-pdp .ov-bullet p { font-size: 14px; font-weight: 600; color: rgb(26, 29, 35); line-height: 1.45; margin: 0px; } @media (min-width: 480px) { .cl-pdp.cl-pdp.cl-pdp .ov-h1 { font-size: 18px; } } @media (min-width: 480px) { .cl-pdp.cl-pdp.cl-pdp .ov-desc { font-size: 15px; } } @media (min-width: 480px) { .cl-pdp.cl-pdp.cl-pdp .ov-bullets { gap: 1.15rem; } } @media (min-width: 480px) { .cl-pdp.cl-pdp.cl-pdp .ov-check { min-width: 28px; width: 28px; height: 28px; } } @media (min-width: 480px) { .cl-pdp.cl-pdp.cl-pdp .ov-bullet p { font-size: 15px; } } .cl-pdp.cl-pdp.cl-pdp .product-form__buttons { display: block; } .cl-pdp.cl-pdp.cl-pdp .product-form__submit { margin-bottom: 1rem; } .cl-pdp.cl-pdp.cl-pdp {--lm-button-box: 23,89,124} .cl-pdp.cl-pdp.cl-pdp .lm-main-button { background-color: rgb(23, 89, 124); color: rgb(255, 255, 255); } .cl-pdp.cl-pdp.cl-pdp .lm-main-button::after { box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgb(255 204 4 / 0%); } .cl-pdp.cl-pdp.cl-pdp .lm-main-button:not([disabled]):hover::after { box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgb(255 204 4 / 0%); } .cl-pdp.cl-pdp.cl-pdp .lm-main-button { position: relative; overflow: hidden; } .cl-pdp.cl-pdp.cl-pdp .lm-main-button::before { content: ""; position: absolute; z-index: 0; top: 0px; left: -105%; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2)); transform: skewX(-20deg); transition: 0.5s ease-in-out; } .cl-pdp.cl-pdp.cl-pdp .lm-main-button:hover::before { left: 105%; } .cl-pdp.cl-pdp.cl-pdp pickup-availability { display: block; } .cl-pdp.cl-pdp.cl-pdp .list-payment-lm { display: flex; flex-wrap: wrap; padding-left: 0px; justify-content: center; } .cl-pdp.cl-pdp.cl-pdp .lm-feature-image_bgQRJN { display: block; text-align: left; margin: 0px auto; } .cl-pdp.cl-pdp.cl-pdp .lm-feature-image_bgQRJN img { height: auto; border-radius: 0px; width: 100% !important; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-mobile, .cl-pdp.cl-pdp.cl-pdp .sticky-atc-desktop { width: 100%; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-price .price--on-sale .price-item--regular { color: rgb(0, 0, 0); } .cl-pdp.cl-pdp.cl-pdp #selectedVariantImage-mobile, .cl-pdp.cl-pdp.cl-pdp #selectedVariantImage-desktop { max-width: 100%; height: 100%; object-fit: cover; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc { position: fixed; z-index: 3; width: 100%; padding: 10px; transition: top 0.3s ease-out, bottom 0.3s ease-out; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc.show { top: auto; bottom: auto; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-active-variant { display: flex; flex-wrap: wrap; gap: 0px; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-price { display: flex; justify-content: flex-start; align-items: center; } .cl-pdp.cl-pdp.cl-pdp .atc-button-container .product-form__submit { margin: 0px; } .cl-pdp.cl-pdp.cl-pdp .atc-button-container .button { font-size: 14px; color: rgb(255, 255, 255); background-color: rgb(23, 89, 124); border: 2px solid rgb(0, 0, 0); border-radius: 30px; --focused-base-box-shadow: none; --focused-base-outline-offset: 0; --focused-base-outline: 0; } .cl-pdp.cl-pdp.cl-pdp .atc-button-container .button::after { box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgb(255 204 4 / 0%); border-radius: 30px; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-image img { width: 80px; border-radius: 30px; } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-desktop { display: none; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc { background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); border-radius: 80px; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc.show, .cl-pdp.cl-pdp.cl-pdp .sticky-atc.always-visible { width: calc(100% - 3rem); bottom: 8px !important; top: auto !important; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-mobile-content { flex: 1 1 0%; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-mobile-flex { display: flex; align-items: center; gap: 15px; margin: 0px; justify-content: space-between; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-image { flex: 0 0 44px; max-width: 80px; line-height: 0; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-image img { width: 44px; border-radius: 30px; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-title-mobile { font-weight: bold; font-style: normal; font-size: 1.8rem; margin-bottom: 5px; color: rgb(33, 33, 33); line-height: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-variants { margin-bottom: 0px; max-width: 40rem; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-price { justify-content: normal; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-mobile .sticky-atc-price .price__container { color: rgb(23, 89, 124); font-size: 1.5rem; font-weight: normal; font-style: normal; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .atc-button-container { margin: 0px; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .atc-button-container .product-form__submit { margin: 0px; border-radius: 30px; max-height: 44px; padding: 2px 15px; min-width: 40px; min-height: 40px; } } @media (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .atc-button-container .product-form__submit svg { width: calc(22px); height: calc(22px); } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc { padding: 10px; width: 70%; max-width: 680px; border-radius: 50px; background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); translate: -50%; left: 50% !important; } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-mobile { display: none; } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc.show, .cl-pdp.cl-pdp.cl-pdp .sticky-atc.always-visible { translate: -50%; bottom: 20px !important; top: auto !important; left: 50% !important; } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc .content-container { display: flex; flex-direction: row; align-items: center; gap: 20px; } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-desktop { display: flex; align-items: center; gap: 20px; grid-template-columns: 80px minmax(0px, 1fr) auto; justify-content: space-between; } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-image { flex: 0 0 80px; overflow: hidden; display: flex; align-items: center; justify-content: center; } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp #selectedVariantImage-desktop { height: 100%; object-fit: contain; max-width: 100%; max-height: 100%; width: 100%; } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-title { } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-contents { flex: 0 0 calc(100% - 270px); overflow: hidden; display: flex; column-gap: 20px; align-items: center; justify-content: space-between; } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-title-desktop { font-size: 1.8rem; font-weight: bold; font-style: normal; color: rgb(33, 33, 33); line-height: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-desktop .sticky-atc-price .price__container { color: rgb(23, 89, 124); font-size: 1.5rem; font-weight: normal; font-style: normal; } } @media (min-width: 990px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-active-variant { gap: 0px; } } @media (min-width: 750px) and (max-width: 1099px) { .cl-pdp.cl-pdp.cl-pdp .sticky-atc-variants { flex: 0 0 40%; } } .cl-pdp.cl-pdp.cl-pdp .rte > p:first-child { margin-top: 0px; } .cl-pdp.cl-pdp.cl-pdp .rte > p:last-child { margin-bottom: 0px; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .footer__payment { margin-top: 1.5rem; } } .cl-pdp.cl-pdp.cl-pdp .list-payment__item { align-items: center; display: flex; padding: 0.5rem; } .cl-pdp.cl-pdp.cl-pdp {--lxs-rating-icon-color: #217DD5} .cl-pdp.cl-pdp.cl-pdp .product {margin:0} .cl-pdp.cl-pdp.cl-pdp .product.grid {gap:0} .cl-pdp.cl-pdp.cl-pdp .product--no-media {max-width:57rem;margin:0 auto} .cl-pdp.cl-pdp.cl-pdp .product__media-wrapper {padding-left:0} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product__column-sticky {display:block;position:sticky;top:3rem;z-index:2} .cl-pdp.cl-pdp.cl-pdp .product--thumbnail .thumbnail-list {padding-right:var(--media-shadow-horizontal-offset)} .cl-pdp.cl-pdp.cl-pdp .product__info-wrapper {padding:0 0 0 5rem} .cl-pdp.cl-pdp.cl-pdp .product__info-wrapper--extra-padding {padding:0 0 0 8rem} .cl-pdp.cl-pdp.cl-pdp .product--right .product__info-wrapper {padding:0 5rem 0 0;margin-left:0} .cl-pdp.cl-pdp.cl-pdp .product--right .product__info-wrapper--extra-padding {padding:0 8rem 0 0} .cl-pdp.cl-pdp.cl-pdp .product--right .product__media-list {margin-bottom:2rem} .cl-pdp.cl-pdp.cl-pdp .product__media-container .slider-buttons {display:none} } @media screen and (min-width:990px) { .cl-pdp.cl-pdp.cl-pdp .product--large:not(.product--no-media) .product__media-wrapper {max-width:60%;width:calc(60% - var(--grid-desktop-horizontal-spacing) / 2)} .cl-pdp.cl-pdp.cl-pdp .product--large:not(.product--no-media) .product__info-wrapper {padding:0 0 0 5rem;max-width:40%;width:calc(40% - var(--lumin-container-margin) - var(--grid-desktop-horizontal-spacing) / 2);margin-left:var(--lumin-container-margin)} .cl-pdp.cl-pdp.cl-pdp .product--large:not(.product--no-media).product--right .product__info-wrapper {padding:0 4rem 0 0;margin-right:var(--lumin-container-margin);margin-left:0!important} .cl-pdp.cl-pdp.cl-pdp .product--medium:not(.product--no-media) .product__media-wrapper {max-width:55%;width:calc(55% - var(--grid-desktop-horizontal-spacing) / 2)} .cl-pdp.cl-pdp.cl-pdp .product--small:not(.product--no-media) .product__info-wrapper {max-width:55%;width:calc(55% - var(--lumin-container-margin) - var(--grid-desktop-horizontal-spacing) / 2);margin-left:var(--lumin-container-margin)} .cl-pdp.cl-pdp.cl-pdp .product--medium:not(.product--no-media).product--right .product__info-wrapper {margin-right:var(--lumin-container-margin);margin-left:0!important} .cl-pdp.cl-pdp.cl-pdp .product--medium:not(.product--no-media) .product__info-wrapper {max-width:45%;width:calc(45% - var(--lumin-container-margin) - var(--grid-desktop-horizontal-spacing) / 2);margin-left:var(--lumin-container-margin)} .cl-pdp.cl-pdp.cl-pdp .product--small:not(.product--no-media) .product__media-wrapper {max-width:45%;width:calc(45% - var(--grid-desktop-horizontal-spacing) / 2)} .cl-pdp.cl-pdp.cl-pdp .product--small:not(.product--no-media).product--right .product__info-wrapper {margin-right:var(--lumin-container-margin);margin-left:0!important} } .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button {font-family:var(--font-button-family);font-size:var(--button-text-size);font-weight:var(--font-button-weight);min-height:4.6rem;text-transform:var(--button-style)} .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button [role=button].focused, .cl-pdp.cl-pdp.cl-pdp .no-js .shopify-payment-button__button [role=button]:focus {outline:.2rem solid rgba(var(--color-foreground),.5)!important;outline-offset:.3rem;box-shadow:0 0 0 .1rem rgba(var(--color-button),var(--alpha-button-border)),0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)!important} .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button [role=button]:focus:not(:focus-visible) {outline:0;box-shadow:none!important} .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button [role=button]:focus-visible {outline:.2rem solid rgba(var(--color-foreground),.5)!important;box-shadow:0 0 0 .1rem rgba(var(--color-button),var(--alpha-button-border)),0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)!important} .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded {background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));font-size:var(--button-text-size);line-height:calc(1 + .2 / var(--font-body-scale));letter-spacing:var(--button-text-space)} .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded::selection {background-color:rgba(var(--color-button-text),.3)} .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded:hover, .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button--unbranded:hover:not([disabled]) {background-color:rgba(var(--color-button),var(--alpha-button-background))} .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__more-options {margin:1.6rem 0 1rem;font-size:1.2rem;line-height:calc(1 + .5 / var(--font-body-scale));letter-spacing:.05rem;text-decoration:underline;text-underline-offset:.3rem} .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button+.shopify-payment-button__button--hidden {display:none} .cl-pdp.cl-pdp.cl-pdp .product-form {display:block} .cl-pdp.cl-pdp.cl-pdp .product-form__error-message-wrapper:not([hidden]) {display:flex;align-items:flex-start;font-size:1.2rem;margin-bottom:1.5rem} .cl-pdp.cl-pdp.cl-pdp .product-form__error-message-wrapper svg {flex-shrink:0;width:1.2rem;height:1.2rem;margin-right:.7rem;margin-top:.5rem} .cl-pdp.cl-pdp.cl-pdp .product-form__input {flex:0 0 100%;padding:0;margin:0 0 1.2rem;max-width:70rem;min-width:fit-content;border:none} .cl-pdp.cl-pdp.cl-pdp .product-form__input .product-form__quantity {display:flex;align-items:center;gap:30px} .cl-pdp.cl-pdp.cl-pdp variant-radios, .cl-pdp.cl-pdp.cl-pdp variant-selects {display:block} .cl-pdp.cl-pdp.cl-pdp .product-form__input--dropdown {margin-bottom:1.6rem} .cl-pdp.cl-pdp.cl-pdp .product-form__input .form__label {padding-left:0} .cl-pdp.cl-pdp.cl-pdp fieldset.product-form__input .form__label {margin-bottom:.2rem} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio] {clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]+label {border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));background-color:rgb(var(--color-background));color:rgba(var(--color-foreground));border-radius:var(--variant-pills-radius);color:rgb(var(--color-foreground));display:inline-block;margin:.7rem .5rem .2rem 0;padding:1rem 2rem;font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;transition:border var(--duration-short) ease;cursor:pointer;position:relative} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]+label:before {content:"";position:absolute;top:calc(var(--variant-pills-border-width) * -1);right:calc(var(--variant-pills-border-width) * -1);bottom:calc(var(--variant-pills-border-width) * -1);left:calc(var(--variant-pills-border-width) * -1);z-index:-1;border-radius:var(--variant-pills-radius);box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]+label:hover {border-color:rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]:checked+label {background-color:rgb(var(--color-foreground),.05);color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground));border-color:rgba(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]:not(.disabled)+label>.visually-hidden {display:none} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]:checked+label {text-decoration:underline} } .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]:checked+label::selection {background-color:rgba(var(--color-background),.3)} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]:disabled+label, .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio].disabled+label {border-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.6);text-decoration:line-through} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]:disabled+label:after, .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio].disabled+label:after {content:"";position:absolute;top:50%;left:50%;height:110%;clip-path:unset;z-index:2;transform:translateY(-50%) rotate(45deg);border-radius:0;box-shadow:none;border-color:#acacac;border:.1rem solid} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio].disabled:checked+label, .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]:disabled:checked+label {color:rgba(var(--color-background),.6)} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]:focus-visible+label {box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)} .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio].focused+label, .cl-pdp.cl-pdp.cl-pdp .no-js .shopify-payment-button__button [role=button]:focus+label {box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)} .cl-pdp.cl-pdp.cl-pdp .no-js .product-form__input input[type=radio]:focus:not(:focus-visible)+label {box-shadow:none} .cl-pdp.cl-pdp.cl-pdp .product-form__input .select {max-width:70rem} .cl-pdp.cl-pdp.cl-pdp .product-form__submit {margin-bottom:0rem} .cl-pdp.cl-pdp.cl-pdp .no-js .product-form__submit.button--secondary {--color-button: inherit;--color-button-text: inherit;--alpha-button-background: 1} .cl-pdp.cl-pdp.cl-pdp .product-form__submit[aria-disabled=true]+.shopify-payment-button .shopify-payment-button__button[disabled], .cl-pdp.cl-pdp.cl-pdp .product-form__submit[disabled]+.shopify-payment-button .shopify-payment-button__button[disabled] {cursor:not-allowed;opacity:.5} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .product-form__submit[aria-disabled=true] {color:Window} } .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__more-options {color:rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button {font-size:var(--button-text-size);letter-spacing:var(--button-text-space);padding:0rem} @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp .shopify-payment-button__button {font-size:var(--button-text-size_mobile)} } .cl-pdp.cl-pdp.cl-pdp .product__info-container>*+* {margin:1.5rem 0} .cl-pdp.cl-pdp.cl-pdp .product__info-container iframe {max-width:100%} .cl-pdp.cl-pdp.cl-pdp .product__info-container .product-form, .cl-pdp.cl-pdp.cl-pdp .product__info-container .product__description, .cl-pdp.cl-pdp.cl-pdp .product__info-container .icon-with-text {margin:2.5rem 0} .cl-pdp.cl-pdp.cl-pdp .product__text {margin-bottom:0} .cl-pdp.cl-pdp.cl-pdp a.product__text {display:block;text-decoration:none;color:rgba(var(--color-foreground),.75)} .cl-pdp.cl-pdp.cl-pdp .product__text.caption-with-letter-spacing {text-transform:uppercase} .cl-pdp.cl-pdp.cl-pdp .product__title {word-break:break-word;margin-bottom:1.5rem} .cl-pdp.cl-pdp.cl-pdp .product__title>* {margin:0} .cl-pdp.cl-pdp.cl-pdp .product__title>a {display:none} .cl-pdp.cl-pdp.cl-pdp .product__title+.product__text.caption-with-letter-spacing {margin-top:-1.5rem} .cl-pdp.cl-pdp.cl-pdp .product__text.caption-with-letter-spacing+.product__title {margin-top:0} .cl-pdp.cl-pdp.cl-pdp .product__accordion .accordion__content {padding:0 1rem} .cl-pdp.cl-pdp.cl-pdp .product .price .badge, .cl-pdp.cl-pdp.cl-pdp .product .price__container {margin-bottom:.5rem} .cl-pdp.cl-pdp.cl-pdp .product .price dl {margin-top:.5rem;margin-bottom:.5rem} .cl-pdp.cl-pdp.cl-pdp .product .price--sold-out .price__badge-sale {display:none} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product__info-container {max-width:90rem} .cl-pdp.cl-pdp.cl-pdp .product__info-container .price--on-sale .price-item--regular {font-size:1.6rem} .cl-pdp.cl-pdp.cl-pdp .product__info-container>*:first-child {margin-top:0} } .cl-pdp.cl-pdp.cl-pdp .product__description-title {font-weight:600} .cl-pdp.cl-pdp.cl-pdp .product--no-media .product__title, .cl-pdp.cl-pdp.cl-pdp .product--no-media .product__text, .cl-pdp.cl-pdp.cl-pdp .product--no-media noscript .product-form__input, .cl-pdp.cl-pdp.cl-pdp .product--no-media .product__tax, .cl-pdp.cl-pdp.cl-pdp .product--no-media .product__sku, .cl-pdp.cl-pdp.cl-pdp .product--no-media shopify-payment-terms {text-align:center} .cl-pdp.cl-pdp.cl-pdp .product--no-media .product__media-wrapper, .cl-pdp.cl-pdp.cl-pdp .product--no-media .product__info-wrapper {padding:0} .cl-pdp.cl-pdp.cl-pdp .product__tax {margin-top:-1.4rem} .cl-pdp.cl-pdp.cl-pdp .product--no-media noscript .product-form__input, .cl-pdp.cl-pdp.cl-pdp .product--no-media .share-button {max-width:100%} .cl-pdp.cl-pdp.cl-pdp .product--no-media fieldset.product-form__input, .cl-pdp.cl-pdp.cl-pdp .product--no-media .product-form__quantity, .cl-pdp.cl-pdp.cl-pdp .product--no-media .product-form__input--dropdown, .cl-pdp.cl-pdp.cl-pdp .product--no-media .share-button, .cl-pdp.cl-pdp.cl-pdp .product--no-media .product__view-details, .cl-pdp.cl-pdp.cl-pdp .product--no-media .product__pickup-availabilities, .cl-pdp.cl-pdp.cl-pdp .product--no-media .product-form {display:flex;align-items:center;justify-content:center;text-align:center} .cl-pdp.cl-pdp.cl-pdp .product--no-media .product-form {flex-direction:column} .cl-pdp.cl-pdp.cl-pdp .product--no-media .product-form>.form {max-width:30rem;width:100%} .cl-pdp.cl-pdp.cl-pdp .product--no-media .product-form__quantity, .cl-pdp.cl-pdp.cl-pdp .product--no-media .product-form__input--dropdown {flex-direction:column;max-width:100%} .cl-pdp.cl-pdp.cl-pdp .product-form__quantity .form__label {margin-bottom:.6rem} .cl-pdp.cl-pdp.cl-pdp .price-per-item__label.form__label {margin-bottom:0rem} .cl-pdp.cl-pdp.cl-pdp .product-form__quantity-top .form__label {margin-bottom:1.2rem} .cl-pdp.cl-pdp.cl-pdp .product--no-media fieldset.product-form__input {flex-wrap:wrap;margin:0 auto 1.2rem} .cl-pdp.cl-pdp.cl-pdp .product-form__buttons {max-width:70rem} .cl-pdp.cl-pdp.cl-pdp .product--no-media .product__info-container>modal-opener {display:block;text-align:center} .cl-pdp.cl-pdp.cl-pdp .product--no-media .product-popup-modal__button {padding-right:0} .cl-pdp.cl-pdp.cl-pdp .product--no-media .price {text-align:center} .cl-pdp.cl-pdp.cl-pdp .product__media-list video {border-radius:calc(var(--media-radius) - var(--media-border-width));width:100%;height:auto} @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list {margin-left:-2.5rem;margin-bottom:3rem;width:calc(100% + 4rem)} .cl-pdp.cl-pdp.cl-pdp .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {margin-left:-1.5rem;margin-right:-1.5rem} .cl-pdp.cl-pdp.cl-pdp .slider.product__media-list::-webkit-scrollbar {height:.2rem;width:.2rem} .cl-pdp.cl-pdp.cl-pdp .product__media-list::-webkit-scrollbar-thumb {background-color:rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .product__media-list::-webkit-scrollbar-track {background-color:rgba(var(--color-foreground),.2)} .cl-pdp.cl-pdp.cl-pdp .product__media-list .product__media-item {width:calc(100% - 3rem - var(--grid-mobile-horizontal-spacing))} .cl-pdp.cl-pdp.cl-pdp .product--mobile-columns .product__media-item {width:calc(50% - 1.5rem - var(--grid-mobile-horizontal-spacing))} } @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product--thumbnail .product__media-list, .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .product__media-list {padding-bottom:calc(var(--media-shadow-vertical-offset) * var(--media-shadow-visible))} .cl-pdp.cl-pdp.cl-pdp .product__media-list {padding-right:calc(var(--media-shadow-horizontal-offset) * var(--media-shadow-visible))} .cl-pdp.cl-pdp.cl-pdp .product--thumbnail .product__media-item:not(.is-active), .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .product__media-item:not(.is-active) {display:none} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content>.product__media-item--variant.product__media-item--variant {display:none} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content>.product__media-item--variant:first-child {display:block} } .cl-pdp.cl-pdp.cl-pdp .product__media-item.product__media-item--variant {display:none} .cl-pdp.cl-pdp.cl-pdp .product__media-item--variant:first-child {display:block} @media screen and (min-width:750px)and (max-width:989px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list .product__media-item:first-child {padding-left:0} .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .product__media-list {margin-left:0} .cl-pdp.cl-pdp.cl-pdp .product__media-list .product__media-item {width:100%} } .cl-pdp.cl-pdp.cl-pdp .product__media-icon .icon {width:1.9rem;height:1.9rem} .cl-pdp.cl-pdp.cl-pdp .product__media-icon {background-color:rgb(var(--color-background));border-radius:50%;border:0rem solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;position:absolute;left:1.2rem;top:1.2rem;z-index:1;transition:color var(--duration-short) ease,opacity var(--duration-short) ease} .cl-pdp.cl-pdp.cl-pdp .thumbnail__badge {background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;position:absolute;left:1.2rem;top:1.2rem;z-index:1;transition:color var(--duration-short) ease,opacity var(--duration-short) ease} .cl-pdp.cl-pdp.cl-pdp .product__media-video .product__media-icon {opacity:1} .cl-pdp.cl-pdp.cl-pdp .product__modal-opener--image .product__media-toggle:hover {cursor:zoom-in} .cl-pdp.cl-pdp.cl-pdp .product__modal-opener:hover .product__media-icon {border:0rem solid rgba(var(--color-foreground),.1)} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .grid__item.product__media-item--full {width:100%} .cl-pdp.cl-pdp.cl-pdp .product--columns .product__media-item:not(.product__media-item--single):not(:only-child) {max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)} .cl-pdp.cl-pdp.cl-pdp .product--columns_1 .product__media-item:not(.product__media-item--single):not(:only-child) {max-width:calc(100% - var(--grid-desktop-horizontal-spacing))} .cl-pdp.cl-pdp.cl-pdp .product--large.product--columns .product__media-item--full .deferred-media__poster-button {height:5rem;width:5rem} .cl-pdp.cl-pdp.cl-pdp .product--medium.product--columns .product__media-item--full .deferred-media__poster-button {height:4.2rem;width:4.2rem} .cl-pdp.cl-pdp.cl-pdp .product--medium.product--columns .product__media-item--full .deferred-media__poster-button .icon {width:1.8rem;height:1.8rem} .cl-pdp.cl-pdp.cl-pdp .product--small.product--columns .product__media-item--full .deferred-media__poster-button {height:3.6rem;width:3.6rem} .cl-pdp.cl-pdp.cl-pdp .product--small.product--columns .product__media-item--full .deferred-media__poster-button .icon {width:1.6rem;height:1.6rem} } @media screen and (min-width:990px) { .cl-pdp.cl-pdp.cl-pdp .product--stacked .product__media-item {max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)} .cl-pdp.cl-pdp.cl-pdp .product:not(.product--columns) .product__media-list .product__media-item:first-child, .cl-pdp.cl-pdp.cl-pdp .product:not(.product--columns) .product__media-list .product__media-item--full {width:100%;max-width:100%} .cl-pdp.cl-pdp.cl-pdp .product:not(.product--columns) .product__media-list .product__media-item:nth-of-type(2), .cl-pdp.cl-pdp.cl-pdp .product:not(.product--columns) .product__media-list .product__media-item--full {width:100%;max-width:100%} .cl-pdp.cl-pdp.cl-pdp .product__modal-opener .product__media-icon {opacity:0} .cl-pdp.cl-pdp.cl-pdp .product__modal-opener:hover .product__media-icon, .cl-pdp.cl-pdp.cl-pdp .product__modal-opener:focus .product__media-icon {opacity:1} } .cl-pdp.cl-pdp.cl-pdp .product__media-item>* {display:block;position:relative} .cl-pdp.cl-pdp.cl-pdp .product__media-toggle {display:flex;border:none;background-color:transparent;color:currentColor;padding:0} .cl-pdp.cl-pdp.cl-pdp .product__media-toggle:after {content:"";cursor:pointer;display:block;margin:0;padding:0;position:absolute;top:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);z-index:2} .cl-pdp.cl-pdp.cl-pdp .product__media-toggle:focus-visible {outline:0;box-shadow:none} @media(forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .product__media-toggle:focus-visible, .cl-pdp.cl-pdp.cl-pdp .product__media-toggle:focus-visible:after, .cl-pdp.cl-pdp.cl-pdp .product-form__input input[type=radio]:focus-visible+label {outline:transparent solid 1px;outline-offset:2px} } .cl-pdp.cl-pdp.cl-pdp .product__media-toggle.focused {outline:0;box-shadow:none} .cl-pdp.cl-pdp.cl-pdp .product__media-toggle:focus-visible:after {box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5);border-radius:var(--media-radius)} .cl-pdp.cl-pdp.cl-pdp .product__media-toggle.focused:after {box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5);border-radius:var(--media-radius)} .cl-pdp.cl-pdp.cl-pdp .product-media-modal {background-color:rgb(var(--color-background));height:100%;position:fixed;top:0;left:0;width:100%;visibility:hidden;opacity:0;z-index:-1} .cl-pdp.cl-pdp.cl-pdp .product-media-modal[open] {visibility:visible;opacity:1;z-index:101} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__dialog {display:flex;align-items:center;height:100vh} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content {max-height:calc(100vh - 2rem);width:100%;overflow:auto} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content>*:not(.active), .cl-pdp.cl-pdp.cl-pdp .product__media-list .deferred-media {display:none} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content {padding-bottom:2rem} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content>*:not(.active) {display:block} .cl-pdp.cl-pdp.cl-pdp .product__modal-opener:not(.product__modal-opener--image) {display:none} .cl-pdp.cl-pdp.cl-pdp .product__media-list .deferred-media {display:block} } @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp .product--thumbnail .is-active .product__modal-opener:not(.product__modal-opener--image), .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .is-active .product__modal-opener:not(.product__modal-opener--image) {display:none} .cl-pdp.cl-pdp.cl-pdp .product--thumbnail .is-active .deferred-media, .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .is-active .deferred-media {display:block;width:100%} } .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content>* {display:block;height:auto;margin:auto} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content .media {background:none} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__model {width:100%} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__toggle {background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;right:2rem;padding:1.2rem;position:fixed;z-index:2;top:2rem;width:4rem} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content .deferred-media {width:100%} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content {padding:2rem 11rem;display:flex;gap:3rem} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content>* {width:100%} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content>*+* {margin-top:0rem} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__toggle {right:5rem;top:2.2rem} } @media screen and (min-width:990px) { .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content {padding:2rem 11rem} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content>*+* {margin-top:0rem} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__content {padding-bottom:1.5rem} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__toggle {right:5rem} } .cl-pdp.cl-pdp.cl-pdp .product-media-modal__toggle:hover {color:rgba(var(--color-foreground),.75)} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__toggle .icon {height:auto;margin:0;width:2.2rem} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal {box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal[open] {opacity:1;visibility:visible;z-index:101} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__content {border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));overflow:auto;height:80%;margin:0 auto;left:50%;transform:translate(-50%);margin-top:5rem;width:92%;position:absolute;top:0;padding:0 1.5rem;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__content.focused {box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__content:focus-visible {box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__content {padding-right:1.5rem;margin-top:10rem;max-width:70%;min-width:480px;padding:0 3rem} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__dialog .global-media-settings--no-shadow {overflow:visible!important;height:calc(100vh - 2rem)} } .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__content img {max-width:100%} @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__content table {display:block;max-width:fit-content;overflow-x:auto;white-space:nowrap;margin:0} .cl-pdp.cl-pdp.cl-pdp .product-media-modal__dialog .global-media-settings, .cl-pdp.cl-pdp.cl-pdp .product-media-modal__dialog .global-media-settings video, .cl-pdp.cl-pdp.cl-pdp .product-media-modal__dialog .global-media-settings model-viewer, .cl-pdp.cl-pdp.cl-pdp .product-media-modal__dialog .global-media-settings iframe, .cl-pdp.cl-pdp.cl-pdp .product-media-modal__dialog .global-media-settings img {border:none;border-radius:0} } .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__opener {display:inline-block} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__button {font-size:1.6rem;padding-right:1.3rem;padding-left:0;min-height:4.4rem;text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness var(--duration-short) ease} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__button:hover {text-decoration-thickness:.2rem} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__content-info {padding-right:0rem} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__content-info>* {height:auto;margin:0 auto 1rem;max-width:100%;width:100%} @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__content-info>* {max-height:100%} } .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__toggle {background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;position:sticky;padding:1.2rem;z-index:2;top:1.5rem;width:4rem;margin:0 0 0 auto} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__toggle:hover {color:rgba(var(--color-foreground),.75)} .cl-pdp.cl-pdp.cl-pdp .product-popup-modal__toggle .icon {height:auto;margin:0;width:2.2rem} .cl-pdp.cl-pdp.cl-pdp .product__media-list .media>* {overflow:hidden} .cl-pdp.cl-pdp.cl-pdp .thumbnail-list {flex-wrap:wrap;grid-gap:1rem} .cl-pdp.cl-pdp.cl-pdp .slider--mobile.thumbnail-list:after {content:none} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product--stacked .thumbnail-list {display:none} .cl-pdp.cl-pdp.cl-pdp .thumbnail-list {display:grid;grid-template-columns:repeat(4,1fr)} } .cl-pdp.cl-pdp.cl-pdp .thumbnail-list_item--variant:not(:first-child) {display:none} @media screen and (min-width:990px) { .cl-pdp.cl-pdp.cl-pdp .thumbnail-list {grid-template-columns:repeat(4,1fr)} .cl-pdp.cl-pdp.cl-pdp .product--medium .thumbnail-list {grid-template-columns:repeat(5,1fr)} .cl-pdp.cl-pdp.cl-pdp .product--large .thumbnail-list {grid-template-columns:repeat(6,1fr)} } @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-item {display:flex;align-items:center} .cl-pdp.cl-pdp.cl-pdp .product__modal-opener {width:100%} .cl-pdp.cl-pdp.cl-pdp .thumbnail-slider {display:flex;align-items:center} .cl-pdp.cl-pdp.cl-pdp .thumbnail-slider .thumbnail-list.slider {display:flex;padding:0;flex:1;scroll-padding-left:0;margin:0 1.5rem} .cl-pdp.cl-pdp.cl-pdp .thumbnail-list__item.slider__slide {width:calc(20% - .6rem)} .cl-pdp.cl-pdp.cl-pdp .thumbnail {left:.1rem} } @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .thumbnail-slider {display:flex;align-items:center} .cl-pdp.cl-pdp.cl-pdp .thumbnail-slider .thumbnail-list.slider--tablet-up {display:flex;padding:.5rem;flex:1;scroll-padding-left:.5rem} .cl-pdp.cl-pdp.cl-pdp .product__media-wrapper .slider-mobile-gutter .slider-button {display:none} .cl-pdp.cl-pdp.cl-pdp .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {width:calc(16.6666666% - .8rem)} .cl-pdp.cl-pdp.cl-pdp .product--thumbnail_slider .slider-mobile-gutter .slider-button {display:flex} } @media screen and (min-width:900px) { .cl-pdp.cl-pdp.cl-pdp .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide, .cl-pdp.cl-pdp.cl-pdp .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {width:calc(12.5% - .8rem)} } .cl-pdp.cl-pdp.cl-pdp .thumbnail {position:absolute;top:0;left:0;display:block;height:100%;width:100%;padding:0;color:rgb(var(--color-foreground));cursor:pointer;background-color:transparent} .cl-pdp.cl-pdp.cl-pdp .thumbnail:hover {opacity:.7} .cl-pdp.cl-pdp.cl-pdp .thumbnail.global-media-settings img {border-radius:0} .cl-pdp.cl-pdp.cl-pdp .thumbnail[aria-current] {border:.15rem solid;border-color:rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .image-magnify-full-size {cursor:zoom-out;z-index:1;margin:0;border-radius:calc(var(--media-radius) - var(--media-border-width))} .cl-pdp.cl-pdp.cl-pdp .image-magnify-hover {cursor:zoom-in} .cl-pdp.cl-pdp.cl-pdp .product__modal-opener--image .product__media-zoom-none, .cl-pdp.cl-pdp.cl-pdp .product__media-icon--none {display:none} .cl-pdp.cl-pdp.cl-pdp .product__modal-opener>.loading__spinner {top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;display:flex;align-items:center;height:48px;width:48px} .cl-pdp.cl-pdp.cl-pdp .product__modal-opener .path {stroke:rgb(var(--color-button));opacity:.75} @media(hover:hover) { .cl-pdp.cl-pdp.cl-pdp .product__media-zoom-hover, .cl-pdp.cl-pdp.cl-pdp .product__media-icon--hover {display:none} } @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-zoom-hover, .cl-pdp.cl-pdp.cl-pdp .product__media-icon--hover {display:flex} } .cl-pdp.cl-pdp.cl-pdp .js .product__media {overflow:hidden!important} .cl-pdp.cl-pdp.cl-pdp .thumbnail[aria-current]:focus-visible {box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)} .cl-pdp.cl-pdp.cl-pdp .thumbnail[aria-current]:focus, .cl-pdp.cl-pdp.cl-pdp .thumbnail.focused {outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)} @media(forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .thumbnail[aria-current]:focus, .cl-pdp.cl-pdp.cl-pdp .thumbnail.focused {outline:transparent solid 1px} } .cl-pdp.cl-pdp.cl-pdp .thumbnail[aria-current]:focus:not(:focus-visible) {outline:0;box-shadow:0 0 rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .thumbnail img {object-fit:cover;width:100%;height:100%;pointer-events:none} .cl-pdp.cl-pdp.cl-pdp .thumbnail__badge .icon {width:1rem;height:1rem} .cl-pdp.cl-pdp.cl-pdp .thumbnail__badge .icon-3d-model {width:1.2rem;height:1.2rem} .cl-pdp.cl-pdp.cl-pdp .thumbnail__badge {color:rgb(var(--color-foreground),.6);height:2rem;width:2rem;left:auto;right:calc(.4rem + var(--media-border-width));top:calc(.4rem + var(--media-border-width))} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product:not(.product--small) .thumbnail__badge {height:3rem;width:3rem} .cl-pdp.cl-pdp.cl-pdp .product:not(.product--small) .thumbnail__badge .icon {width:1.2rem;height:1.2rem} .cl-pdp.cl-pdp.cl-pdp .product:not(.product--small) .thumbnail__badge .icon-3d-model {width:1.4rem;height:1.4rem} } .cl-pdp.cl-pdp.cl-pdp .thumbnail-list__item {position:relative} .cl-pdp.cl-pdp.cl-pdp .thumbnail-list__item:before {content:"";display:block;padding-bottom:100%} .cl-pdp.cl-pdp.cl-pdp .product:not(.featured-product) .product__view-details {display:none} .cl-pdp.cl-pdp.cl-pdp .product__view-details {display:block;text-decoration:none} .cl-pdp.cl-pdp.cl-pdp .product__view-details:hover {text-decoration:underline;text-underline-offset:.3rem} .cl-pdp.cl-pdp.cl-pdp .product__view-details .icon {width:1.2rem;margin-left:1.2rem;flex-shrink:0} .cl-pdp.cl-pdp.cl-pdp .product__inventory {display:inline-flex;align-items:center;padding:.2rem 1.2rem .2rem .2rem;border:none;border-radius:var( --variant-pills-radius);font-size:1.2rem} .cl-pdp.cl-pdp.cl-pdp .product--no-media .product__inventory {justify-content:center} .cl-pdp.cl-pdp.cl-pdp .product__inventory.visibility-hidden:empty {display:block} .cl-pdp.cl-pdp.cl-pdp .product__inventory.visibility-hidden:empty:after {content:"#"} .cl-pdp.cl-pdp.cl-pdp .icon-with-text {--icon-size: calc(var(--font-heading-scale) * 3rem);--icon-spacing: calc(var(--font-heading-scale) * 1rem)} .cl-pdp.cl-pdp.cl-pdp .icon-with-text--horizontal {display:flex;justify-content:center;column-gap:3rem;flex-direction:row} .cl-pdp.cl-pdp.cl-pdp .icon-with-text--vertical {--icon-size: calc(var(--font-heading-scale) * 2rem)} .cl-pdp.cl-pdp.cl-pdp .icon-with-text .icon {fill:rgb(var(--color-foreground));height:var(--icon-size);width:var(--icon-size)} .cl-pdp.cl-pdp.cl-pdp .icon-with-text--horizontal .icon, .cl-pdp.cl-pdp.cl-pdp .icon-with-text--horizontal img {margin-bottom:var(--icon-spacing)} .cl-pdp.cl-pdp.cl-pdp .icon-with-text--vertical .icon {min-height:var(--icon-size);min-width:var(--icon-size);margin-right:var(--icon-spacing)} .cl-pdp.cl-pdp.cl-pdp .icon-with-text img {height:var(--icon-size);width:var(--icon-size);object-fit:contain} .cl-pdp.cl-pdp.cl-pdp .icon-with-text--vertical img {margin-right:var(--icon-spacing)} .cl-pdp.cl-pdp.cl-pdp .icon-with-text--horizontal .h4 {padding-top:calc(var(--icon-size) + var(--icon-spacing));text-align:center} .cl-pdp.cl-pdp.cl-pdp .icon-with-text--horizontal svg+.h4, .cl-pdp.cl-pdp.cl-pdp .icon-with-text--horizontal img+.h4, .cl-pdp.cl-pdp.cl-pdp .icon-with-text--horizontal.icon-with-text--text-only .h4 {padding-top:0} .cl-pdp.cl-pdp.cl-pdp .icon-with-text__item {display:flex;align-items:center} .cl-pdp.cl-pdp.cl-pdp .icon-with-text--horizontal .icon-with-text__item {flex-direction:column;width:33%} .cl-pdp.cl-pdp.cl-pdp .icon-with-text--vertical .icon-with-text__item {margin-bottom:var(--icon-size)} .cl-pdp.cl-pdp.cl-pdp .product__sku.visibility-hidden:after {content:"#"} .cl-pdp.cl-pdp.cl-pdp .product-media-container {--aspect-ratio: var(--preview-ratio);--ratio-percent: calc(1 / var(--aspect-ratio) * 100%);position:relative;width:100%;max-width:calc(100% - calc(var(--media-border-width) * 2))} .cl-pdp.cl-pdp.cl-pdp .product-media-container.constrain-height {--viewport-offset: 400px;--constrained-min-height: 300px;--constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset)));margin-right:auto;margin-left:auto} .cl-pdp.cl-pdp.cl-pdp .product-media-container.constrain-height.media-fit-contain {--contained-width: calc(var(--constrained-height) * var(--aspect-ratio));width:min(var(--contained-width),100%)} .cl-pdp.cl-pdp.cl-pdp .product-media-container .media {padding-top:var(--ratio-percent)} .cl-pdp.cl-pdp.cl-pdp .product-media-container.constrain-height .media {padding-top:min(var(--constrained-height),var(--ratio-percent))} @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp .product-media-container.media-fit-cover {display:flex;align-self:stretch} .cl-pdp.cl-pdp.cl-pdp .product-media-container.media-fit-cover .media {position:initial} } @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product-media-container {max-width:100%} .cl-pdp.cl-pdp.cl-pdp .product-media-container:not(.media-type-image) {--aspect-ratio: var(--ratio)} .cl-pdp.cl-pdp.cl-pdp .product-media-container.constrain-height {--viewport-offset: 170px;--constrained-min-height: 500px} .cl-pdp.cl-pdp.cl-pdp .product-media-container.media-fit-cover, .cl-pdp.cl-pdp.cl-pdp .product-media-container.media-fit-cover .product__modal-opener, .cl-pdp.cl-pdp.cl-pdp .product-media-container.media-fit-cover .media {height:100%} .cl-pdp.cl-pdp.cl-pdp .product-media-container.media-fit-cover .deferred-media__poster img {object-fit:cover;width:100%} } .cl-pdp.cl-pdp.cl-pdp .product-media-container .product__modal-opener {display:block;position:relative} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .product-media-container .product__modal-opener:not(.product__modal-opener--image) {display:none} } .cl-pdp.cl-pdp.cl-pdp .recipient-form {--recipient-checkbox-margin-top: .64rem;display:block;position:relative;max-width:70rem;margin-bottom:2.5rem} .cl-pdp.cl-pdp.cl-pdp .recipient-form-field-label {margin:.6rem 0} .cl-pdp.cl-pdp.cl-pdp .recipient-form-field-label--space-between {display:flex;justify-content:space-between} .cl-pdp.cl-pdp.cl-pdp .recipient-checkbox {flex-grow:1;font-size:1.6rem;display:flex;word-break:break-word;align-items:flex-start;max-width:inherit;position:relative;cursor:pointer} .cl-pdp.cl-pdp.cl-pdp .no-js .recipient-checkbox {display:none} .cl-pdp.cl-pdp.cl-pdp .recipient-form>input[type=checkbox] {position:absolute;width:1.6rem;height:1.6rem;margin:var(--recipient-checkbox-margin-top) 0;top:0;left:0;z-index:-1;appearance:none;-webkit-appearance:none} .cl-pdp.cl-pdp.cl-pdp .recipient-fields__field {margin:0 0 2rem} .cl-pdp.cl-pdp.cl-pdp .recipient-fields .field__label {white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 3.5rem);overflow:hidden} .cl-pdp.cl-pdp.cl-pdp .recipient-checkbox>svg {margin-top:var(--recipient-checkbox-margin-top);margin-right:1.2rem;flex-shrink:0} .cl-pdp.cl-pdp.cl-pdp .recipient-form .icon-checkmark {visibility:hidden;position:absolute;left:.28rem;z-index:5;top:.4rem} .cl-pdp.cl-pdp.cl-pdp .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {visibility:visible} .cl-pdp.cl-pdp.cl-pdp .js .recipient-fields {display:none} .cl-pdp.cl-pdp.cl-pdp .recipient-fields hr {margin:1.6rem auto} .cl-pdp.cl-pdp.cl-pdp .recipient-form>input[type=checkbox]:checked~.recipient-fields {display:block;animation:animateMenuOpen var(--duration-default) ease} .cl-pdp.cl-pdp.cl-pdp .recipient-form>input[type=checkbox]:not(:checked, .cl-pdp.cl-pdp.cl-pdp :disabled)~.recipient-fields, .cl-pdp.cl-pdp.cl-pdp .recipient-email-label {display:none} .cl-pdp.cl-pdp.cl-pdp .js .recipient-email-label.required, .cl-pdp.cl-pdp.cl-pdp .no-js .recipient-email-label.optional {display:inline} .cl-pdp.cl-pdp.cl-pdp .recipient-form ul {line-height:calc(1 + .6 / var(--font-body-scale));padding-left:4.4rem;text-align:left} .cl-pdp.cl-pdp.cl-pdp .recipient-form ul a {display:inline} .cl-pdp.cl-pdp.cl-pdp .recipient-form .error-message:first-letter {text-transform:capitalize} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .recipient-fields>hr {border-top:.1rem solid rgb(var(--color-background))} .cl-pdp.cl-pdp.cl-pdp .recipient-checkbox>svg {background-color:inherit;border:.1rem solid rgb(var(--color-background))} .cl-pdp.cl-pdp.cl-pdp .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {border:none} } .cl-pdp.cl-pdp.cl-pdp .pickup-availability-info {display:flex;flex-wrap:wrap;column-gap:10px} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-product.css.map?v=104553724351031538131767008061 */ .accordion summary {display:flex;position:relative;line-height:1;padding:1.5rem 0} .cl-pdp.cl-pdp.cl-pdp .accordion .summary__title {display:flex;flex:1} .cl-pdp.cl-pdp.cl-pdp .accordion .summary__title+.icon-caret {height:calc(var(--font-heading-scale) * .9rem)} .cl-pdp.cl-pdp.cl-pdp .accordion+.accordion {margin-top:0;border-top:none} .cl-pdp.cl-pdp.cl-pdp .accordion {margin-top:2.5rem;margin-bottom:0;border-top:.1rem solid rgba(var(--color-foreground),.08);border-bottom:.1rem solid rgba(var(--color-foreground),.08)} .cl-pdp.cl-pdp.cl-pdp .accordion__title {display:inline-block;max-width:calc(100% - 6rem);min-height:1.6rem;margin:0;word-break:break-word;font-family:var(--font-collapsible-family);font-weight:var(--font-collapsible-weight);letter-spacing:var(--font-collapsible-spacing);font-size:var(--font-collapsible-size);font-style:var(--font-collapsible-style)} .cl-pdp.cl-pdp.cl-pdp .accordion .icon-accordion {align-self:center;fill:rgb(var(--color-foreground));height:calc(var(--font-heading-scale) * 2rem);margin-right:calc(var(--font-heading-scale) * 1rem);width:calc(var(--font-heading-scale) * 2rem)} .cl-pdp.cl-pdp.cl-pdp .accordion details[open]>summary .icon-caret {transform:rotate(180deg)} .cl-pdp.cl-pdp.cl-pdp .accordion__content {margin-bottom:1.5rem;word-break:break-word;overflow-x:auto;padding:0 .6rem} .cl-pdp.cl-pdp.cl-pdp .accordion__content img {max-width:100%} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-accordion.css.map?v=19955651692046346531767008060 */ .price {font-size:1.6rem;letter-spacing:0rem;line-height:100%;color:rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .price>* {display:inline-block;vertical-align:top} .cl-pdp.cl-pdp.cl-pdp .price.price--unavailable {visibility:hidden} .cl-pdp.cl-pdp.cl-pdp .price--end {text-align:right} .cl-pdp.cl-pdp.cl-pdp .price .price-item {display:inline-block;margin:0 1rem 0 0} .cl-pdp.cl-pdp.cl-pdp .price__regular .price-item--regular {margin-right:0} .cl-pdp.cl-pdp.cl-pdp .price:not(.price--show-badge) .price-item--last:last-of-type {margin:0} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .price {margin-bottom:0} } .cl-pdp.cl-pdp.cl-pdp .price--large {font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale));letter-spacing:.13rem} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .price--large {font-size:1.8rem} } .cl-pdp.cl-pdp.cl-pdp .price--sold-out .price__availability, .cl-pdp.cl-pdp.cl-pdp .price__regular {display:block} .cl-pdp.cl-pdp.cl-pdp .price__sale, .cl-pdp.cl-pdp.cl-pdp .price__availability, .cl-pdp.cl-pdp.cl-pdp .price .price__badge-sale, .cl-pdp.cl-pdp.cl-pdp .price .price__badge-sold-out, .cl-pdp.cl-pdp.cl-pdp .price--on-sale .price__regular, .cl-pdp.cl-pdp.cl-pdp .price--on-sale .price__availability {display:none} .cl-pdp.cl-pdp.cl-pdp .price--sold-out .price__badge-sold-out, .cl-pdp.cl-pdp.cl-pdp .price--on-sale .price__badge-sale, .cl-pdp.cl-pdp.cl-pdp .volume-pricing--sale-badge .price__badge-sale {display:inline-block} .cl-pdp.cl-pdp.cl-pdp .volume-pricing--sale-badge .price__badge-sale {margin-left:.5rem} .cl-pdp.cl-pdp.cl-pdp .price--on-sale .price__sale {display:initial;flex-direction:row;flex-wrap:wrap} .cl-pdp.cl-pdp.cl-pdp .price--center {display:initial;justify-content:center} .cl-pdp.cl-pdp.cl-pdp .price--on-sale .price-item--regular {text-decoration:line-through;color:var(--sale-price);font-size:inherit} .cl-pdp.cl-pdp.cl-pdp .unit-price {display:block;font-size:1.1rem;letter-spacing:.04rem;line-height:calc(1 + .2 / var(--font-body-scale));margin-top:.2rem;text-transform:uppercase;color:rgba(var(--color-foreground),.7)} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-price.css.map?v=137689519876686866281767008060 */ slider-component {--desktop-margin-left-first-item: max( 5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2) );position:relative;display:block} .cl-pdp.cl-pdp.cl-pdp slider-component.slider-component-full-width {--desktop-margin-left-first-item: 1.5rem} @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp slider-component.page-width {padding:0 1.5rem} } @media screen and (min-width:749px)and (max-width:990px) { .cl-pdp.cl-pdp.cl-pdp slider-component.page-width {padding:0 5rem} } @media screen and (max-width:989px) { .cl-pdp.cl-pdp.cl-pdp .no-js slider-component .slider {padding-bottom:3rem} } .cl-pdp.cl-pdp.cl-pdp .slider__slide {--focus-outline-padding: .5rem;--shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));--shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));scroll-snap-align:start;flex-shrink:0;padding-bottom:0} @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp .slider.slider--mobile {position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch;margin-bottom:1rem} .cl-pdp.cl-pdp.cl-pdp .slider--mobile:after {content:"";width:0;padding-left:1.5rem} .cl-pdp.cl-pdp.cl-pdp .slider.slider--mobile .slider__slide {margin-bottom:0;padding-top:max(var(--focus-outline-padding),var(--shadow-padding-top));padding-bottom:max(var(--focus-outline-padding),var(--shadow-padding-bottom))} .cl-pdp.cl-pdp.cl-pdp .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {padding-bottom:var(--focus-outline-padding)} .cl-pdp.cl-pdp.cl-pdp .slider.slider--mobile.contains-content-container .slider__slide {--focus-outline-padding: 0rem} } @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .slider.slider--tablet-up {position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1rem;-webkit-overflow-scrolling:touch} .cl-pdp.cl-pdp.cl-pdp .slider.slider--tablet-up .slider__slide {margin-bottom:0} } @media screen and (max-width:989px) { .cl-pdp.cl-pdp.cl-pdp .slider.slider--tablet {position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch;margin-bottom:1rem} .cl-pdp.cl-pdp.cl-pdp .slider--tablet:after {content:"";width:0;padding-left:1.5rem;margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))} .cl-pdp.cl-pdp.cl-pdp .slider.slider--tablet .slider__slide {margin-bottom:0;padding-top:max(var(--focus-outline-padding),var(--shadow-padding-top));padding-bottom:max(var(--focus-outline-padding),var(--shadow-padding-bottom))} .cl-pdp.cl-pdp.cl-pdp .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {padding-bottom:var(--focus-outline-padding)} .cl-pdp.cl-pdp.cl-pdp .slider.slider--tablet.contains-content-container .slider__slide {--focus-outline-padding: 0rem} } .cl-pdp.cl-pdp.cl-pdp .slider--everywhere {position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem} .cl-pdp.cl-pdp.cl-pdp .slider.slider--everywhere .slider__slide {margin-bottom:0;scroll-snap-align:center} @media screen and (min-width:990px) { .cl-pdp.cl-pdp.cl-pdp .slider-component-desktop.page-width {max-width:none} .cl-pdp.cl-pdp.cl-pdp .slider--desktop {position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem;scroll-padding-left:var(--desktop-margin-left-first-item)} .cl-pdp.cl-pdp.cl-pdp .slider--desktop:after {content:"";width:0;padding-left:5rem;margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))} .cl-pdp.cl-pdp.cl-pdp .slider.slider--desktop .slider__slide {margin-bottom:0;padding-top:max(var(--focus-outline-padding),var(--shadow-padding-top));padding-bottom:max(var(--focus-outline-padding),var(--shadow-padding-bottom))} .cl-pdp.cl-pdp.cl-pdp .slider--desktop .slider__slide:first-child {margin-left:var(--desktop-margin-left-first-item);scroll-margin-left:var(--desktop-margin-left-first-item)} .cl-pdp.cl-pdp.cl-pdp .slider-component-full-width .slider--desktop {scroll-padding-left:1.5rem} .cl-pdp.cl-pdp.cl-pdp .slider-component-full-width .slider--desktop .slider__slide:first-child {margin-left:1.5rem;scroll-margin-left:1.5rem} .cl-pdp.cl-pdp.cl-pdp .slider-component-full-width .slider--desktop:after {padding-left:1.5rem} .cl-pdp.cl-pdp.cl-pdp .slider--desktop.grid--5-col-desktop .grid__item {width:calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)} .cl-pdp.cl-pdp.cl-pdp .slider--desktop.grid--4-col-desktop .grid__item {width:calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)} .cl-pdp.cl-pdp.cl-pdp .slider--desktop.grid--3-col-desktop .grid__item {width:calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)} .cl-pdp.cl-pdp.cl-pdp .slider--desktop.grid--2-col-desktop .grid__item {width:calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)} .cl-pdp.cl-pdp.cl-pdp .slider--desktop.grid--1-col-desktop .grid__item {width:calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)} .cl-pdp.cl-pdp.cl-pdp .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {padding-bottom:var(--focus-outline-padding)} .cl-pdp.cl-pdp.cl-pdp .slider.slider--desktop.contains-content-container .slider__slide {--focus-outline-padding: 0rem} } @media(prefers-reduced-motion) { .cl-pdp.cl-pdp.cl-pdp .slider {scroll-behavior:auto} } .cl-pdp.cl-pdp.cl-pdp .slider {scrollbar-color:rgb(var(--color-foreground)) rgba(var(--color-foreground),.04);-ms-overflow-style:none;scrollbar-width:none} .cl-pdp.cl-pdp.cl-pdp .slider::-webkit-scrollbar {height:.4rem;width:.4rem;display:none} .cl-pdp.cl-pdp.cl-pdp .no-js .slider {-ms-overflow-style:auto;scrollbar-width:auto} .cl-pdp.cl-pdp.cl-pdp .no-js .slider::-webkit-scrollbar {display:initial} .cl-pdp.cl-pdp.cl-pdp .slider::-webkit-scrollbar-thumb {background-color:rgb(var(--color-foreground));border-radius:.4rem;border:0} .cl-pdp.cl-pdp.cl-pdp .slider::-webkit-scrollbar-track {background:rgba(var(--color-foreground),.04);border-radius:.4rem} .cl-pdp.cl-pdp.cl-pdp .slider-counter {display:flex;justify-content:center;min-width:4.4rem} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .slider-counter--dots {margin:0 1.2rem} } .cl-pdp.cl-pdp.cl-pdp .slider-counter__link {padding:1rem} @media screen and (max-width:749px) { .cl-pdp.cl-pdp.cl-pdp .slider-counter__link {padding:.7rem} } .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--dots .dot {width:.7rem;height:.7rem;border-radius:12px;border:.1rem solid rgba(var(--color-foreground));background:rgba(var(--color-background));padding:0;display:block} .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--active.slider-counter__link--dots .dot {background-color:rgb(var(--color-foreground));width:30px} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--active.slider-counter__link--dots .dot {background-color:CanvasText} } .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {border-color:rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--dots .dot, .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--numbers {transition:transform .2s ease-in-out} .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--active.slider-counter__link--numbers, .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot, .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--numbers:hover {transform:scale(1.1)} .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--numbers {color:rgba(var(--color-foreground),.5);text-decoration:none} .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--numbers:hover {color:rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .slider-counter__link--active.slider-counter__link--numbers {text-decoration:underline;color:rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .slider-buttons {display:flex;align-items:center;justify-content:center} @media screen and (min-width:990px) { .cl-pdp.cl-pdp.cl-pdp .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {display:flex} } @media screen and (max-width:989px) { .cl-pdp.cl-pdp.cl-pdp .slider--desktop:not(.slider--tablet)+.slider-buttons {display:flex} } @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .slider--mobile+.slider-buttons {display:flex} } .cl-pdp.cl-pdp.cl-pdp .slider-button {color:rgba(var(--color-foreground),.75);background:transparent;border:none;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center} .cl-pdp.cl-pdp.cl-pdp .slider-button:not([disabled]):hover {color:rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .slider-button .icon {height:1.2rem} .cl-pdp.cl-pdp.cl-pdp .slider-button[disabled] .icon {color:rgba(var(--color-foreground),.3);cursor:not-allowed} .cl-pdp.cl-pdp.cl-pdp .slider-button--next .icon {transform:rotate(-0deg)} .cl-pdp.cl-pdp.cl-pdp .slider-button--prev .icon {transform:rotate(180deg)} .cl-pdp.cl-pdp.cl-pdp .slider-button--next:not([disabled]):hover .icon {transform:rotate(-0deg) scale(1.1)} .cl-pdp.cl-pdp.cl-pdp .slider-button--prev:not([disabled]):hover .icon {transform:rotate(180deg) scale(1.1)} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp .grid--2-col-tablet .grid__item .lm-fix {width:100%} } .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-slider.css.map?v=9188734555347445291767008060 */ .rating {display:inline-block;margin:0} .cl-pdp.cl-pdp.cl-pdp .product .rating-star {--letter-spacing: .8;--font-size: 1.7} .cl-pdp.cl-pdp.cl-pdp .card-wrapper .rating-star {--letter-spacing: .7;--font-size: 1.4} .cl-pdp.cl-pdp.cl-pdp .rating-star {--color-rating-star: rgb(var(--color-foreground));--percent: calc( ( var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size))) ) * 100% );letter-spacing:calc(var(--letter-spacing) * 1rem);font-size:calc(var(--font-size) * 1rem);line-height:1;display:inline-block;font-family:Times;margin:0} .cl-pdp.cl-pdp.cl-pdp .rating-star:before {content:"\2605\2605\2605\2605\2605";background:linear-gradient(90deg,var(--color-rating-star) var(--percent),rgba(var(--color-foreground),.15) var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:transparent} .cl-pdp.cl-pdp.cl-pdp .rating-text {display:none} .cl-pdp.cl-pdp.cl-pdp .rating-count {display:inline-block;margin:0} @media(forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .rating {display:none} .cl-pdp.cl-pdp.cl-pdp .rating-text {display:block} } .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-rating.css.map?v=157771854592137137841767008060 */ .deferred-media__poster {background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden;border-radius:calc(var(--border-radius) - var(--border-width))} .cl-pdp.cl-pdp.cl-pdp .media>.deferred-media__poster {display:flex;align-items:center;justify-content:center} .cl-pdp.cl-pdp.cl-pdp .deferred-media__poster img {width:auto;max-width:100%;height:100%} .cl-pdp.cl-pdp.cl-pdp .deferred-media {overflow:hidden} .cl-pdp.cl-pdp.cl-pdp .deferred-media:not([loaded]) template {z-index:-1} .cl-pdp.cl-pdp.cl-pdp .deferred-media[loaded]>.deferred-media__poster {display:none} .cl-pdp.cl-pdp.cl-pdp .deferred-media__poster:focus-visible {outline:none;box-shadow:0 0 0 var(--media-border-width) rgba(var(--color-foreground),var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground),.5);border-radius:calc(var(--media-radius) - var(--media-border-width))} .cl-pdp.cl-pdp.cl-pdp .deferred-media__poster:focus {outline:none;box-shadow:0 0 0 var(--media-border-width) rgba(var(--color-foreground),var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground),.5);border-radius:calc(var(--media-radius) - var(--media-border-width))} .cl-pdp.cl-pdp.cl-pdp .global-media-settings--full-width .deferred-media__poster, .cl-pdp.cl-pdp.cl-pdp .global-media-settings--full-width .deferred-media__poster:is(:focus, .cl-pdp.cl-pdp.cl-pdp :focus-visible) {border-radius:0} @media(forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .deferred-media__poster:focus {outline:transparent solid 1px} } .cl-pdp.cl-pdp.cl-pdp .deferred-media__poster:focus:not(:focus-visible) {outline:0;box-shadow:none} .cl-pdp.cl-pdp.cl-pdp .deferred-media__poster-button {background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease;z-index:1} .cl-pdp.cl-pdp.cl-pdp .deferred-media__poster-button:hover {transform:translate(-50%,-50%) scale(1.1)} .cl-pdp.cl-pdp.cl-pdp .deferred-media__poster-button .icon {width:2rem;height:2rem} .cl-pdp.cl-pdp.cl-pdp .deferred-media__poster-button .icon-play {margin-left:.2rem} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-deferred-media.css.map?v=14096082462203297471767008060 */ .quantity-breaks-container {display:flex;flex-direction:column;position:relative;padding-top:var(--qb-padding-top);padding-bottom:var(--qb-padding-bottom)} .cl-pdp.cl-pdp.cl-pdp .quantity-breaks__top-bar {background:var(--bg-top-qb);margin:0;font-size:var(--txt-top-qb);box-shadow:0 0 0 var(--qb-border-width) var(--border-qb);padding:1rem 2rem;border-top-left-radius:var(--qb-radius);border-top-right-radius:var(--qb-radius)} .cl-pdp.cl-pdp.cl-pdp .quantity-breaks__title {color:var(--bg-top-text-qb);margin:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:var(--txt-top-qb);column-gap:10px} .cl-pdp.cl-pdp.cl-pdp .quantity-breaks__title p {margin:0;letter-spacing:0} .cl-pdp.cl-pdp.cl-pdp .qb-subheading {font-size:var(--txt-sub-top-qb);text-align:center} .cl-pdp.cl-pdp.cl-pdp .quantity-breaks__title span:nth-of-type(1), .cl-pdp.cl-pdp.cl-pdp .quantity-breaks__title span:nth-of-type(3) {display:block;height:2px;flex-grow:1;background:var(--bg-top-text-qb)} .cl-pdp.cl-pdp.cl-pdp .quantity-breaks-container input {opacity:0;width:0;height:0;cursor:pointer;margin:0} .cl-pdp.cl-pdp.cl-pdp .quantity-breaks-container label:last-child {border-bottom-left-radius:var(--qb-radius);border-bottom-right-radius:var(--qb-radius)} .cl-pdp.cl-pdp.cl-pdp .quantity-break {padding:2rem 2rem 2rem 4rem;margin-bottom:var(--qb-border-width);cursor:pointer;background:var(--bg-qb);box-shadow:0 0 0 var(--qb-border-width) var(--border-qb);position:relative} .cl-pdp.cl-pdp.cl-pdp .quantity-breaks-container input:checked+.quantity-break {background:var(--check-bg-qb);box-shadow:0 0 0 var(--qb-border-width) var(--check-border-qb);z-index:1} .cl-pdp.cl-pdp.cl-pdp .quantity-break:hover {background:var(--hover-bg-qb);box-shadow:0 0 0 var(--qb-border-width) var(--hover-border-qb)} .cl-pdp.cl-pdp.cl-pdp .quantity-break__badge {position:absolute;background:var(--badge-qb);color:var(--badge-qb-text);font-weight:700;font-size:1.5rem;line-height:1.6;top:-1rem;right:-1rem;transform:rotate(3deg);margin:0;padding:0 .5em;border-radius:.2em;z-index:2} .cl-pdp.cl-pdp.cl-pdp .quantity-break__content {display:flex;justify-content:space-between;align-items:center} .cl-pdp.cl-pdp.cl-pdp .quantity-break__left span, .cl-pdp.cl-pdp.cl-pdp .quantity-break__right span {display:block} .cl-pdp.cl-pdp.cl-pdp .quantity-break__left {display:flex;flex-direction:column;align-items:flex-start;row-gap:.5rem;text-align:left} .cl-pdp.cl-pdp.cl-pdp .quantity-break__left .quantity-break__label {font-size:1.6rem;font-weight:700;line-height:1;display:flex;align-items:center} .cl-pdp.cl-pdp.cl-pdp .quantity-break__label-text {line-height:1} .cl-pdp.cl-pdp.cl-pdp .quantity-break__benefit {display:inline-block;font-size:1rem;background:rgb(var(--color-background));color:rgb(var(--color-base-accent-1));line-height:1.9;padding:0 .75rem;font-weight:700;border:solid 1px rgb(var(--color-base-accent-1));border-radius:calc(var(--qb-radius) / 2);margin-left:.5rem} .cl-pdp.cl-pdp.cl-pdp .quantity-break__caption {font-size:1.4rem;line-height:1} .cl-pdp.cl-pdp.cl-pdp .quantity-break__right {text-align:right;display:flex;flex-direction:column;align-items:flex-end;row-gap:.5rem} .cl-pdp.cl-pdp.cl-pdp .quantity-break__price {line-height:1;font-size:1.6rem;font-weight:700;color:rgb(var(--color-base-accent-2))} .cl-pdp.cl-pdp.cl-pdp .quantity-break__compare-price {font-size:1.4rem;text-decoration:line-through;line-height:1;color:var(--compare-price)} .cl-pdp.cl-pdp.cl-pdp .quantity-break__caption span {display:inline} .cl-pdp.cl-pdp.cl-pdp .quantity-break:before {content:"";display:block;width:1.5rem;height:1.5rem;position:absolute;left:2rem;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:solid .2rem rgba(var(--color-foreground),.3)} .cl-pdp.cl-pdp.cl-pdp .quantity-breaks-container input:checked+.quantity-break:before {border:solid .2rem rgb(var(--color-background));background:var(--check-dot);box-shadow:0 0 0 .1rem var(--check-dot)} .cl-pdp.cl-pdp.cl-pdp .quantity-break__variants {height:0;overflow:hidden;padding-top:0} .cl-pdp.cl-pdp.cl-pdp .quantity-breaks-container input:checked+.quantity-break .quantity-break__variants {height:auto;padding-top:1rem} .cl-pdp.cl-pdp.cl-pdp .quantity-break__selector-item__number {font-weight:700;margin-right:.4rem;line-height:1.5rem} .cl-pdp.cl-pdp.cl-pdp .quantity-break__selector-item {display:flex;align-items:center} .cl-pdp.cl-pdp.cl-pdp .quantity-break__selector-item:not(:last-of-type) {margin-bottom:.75rem} .cl-pdp.cl-pdp.cl-pdp .quantity-break__selector-item .select {width:fit-content} .cl-pdp.cl-pdp.cl-pdp .quantity-break__selector-item .select__select {height:2.1rem} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-quantity-breaks.css.map?v=59881479022245717371767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ pickup-availability {display:block} .cl-pdp.cl-pdp.cl-pdp pickup-availability[available] {min-height:4rem;background:rgba(var(--color-foreground),.03);padding:.5rem} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-preview {align-items:flex-start;display:flex;gap:.2rem;padding:1rem 2rem 0 0} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-preview .icon {flex-shrink:0;height:1.8rem} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-preview .icon-unavailable {height:1.6rem;margin-top:.1rem} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-button {background-color:transparent;color:rgba(var(--color-foreground),.75);letter-spacing:.06rem;padding:0 0 .2rem;text-align:left;text-decoration:underline} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-button:hover {color:rgb(var(--color-foreground))} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-info * {margin:0 0 .6rem} .cl-pdp.cl-pdp.cl-pdp pickup-availability-drawer {background-color:rgb(var(--color-background));height:100%;opacity:0;overflow-y:auto;padding:2rem;position:fixed;top:0;right:0;z-index:4;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease;transform:translate(100%);width:100%;border-width:0 0 0 var(--drawer-border-width);border-color:rgba(var(--color-foreground),var(--drawer-border-opacity));border-style:solid;filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity)))} .cl-pdp.cl-pdp.cl-pdp pickup-availability-drawer[open] {transform:translate(0);opacity:1} @media screen and (min-width:750px) { .cl-pdp.cl-pdp.cl-pdp pickup-availability-drawer {transform:translate(100%);width:37.5rem} .cl-pdp.cl-pdp.cl-pdp pickup-availability-drawer[open] {opacity:1;transform:translate(0);animation:animateDrawerOpen var(--duration-default) ease} } .cl-pdp.cl-pdp.cl-pdp .pickup-availability-header {align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.2rem} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-drawer-title {margin:.5rem 0 0} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-header .icon {width:2rem} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-drawer-button {background-color:transparent;border:none;color:rgb(var(--color-foreground));cursor:pointer;display:block;height:4.4rem;padding:1.2rem;width:4.4rem} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-drawer-button:hover {color:rgba(var(--color-foreground),.75)} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-variant {font-size:1.3rem;line-height:calc(1 + .2 / var(--font-body-scale));margin:0 0 1.2rem;text-transform:capitalize} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-variant>*+strong {margin-left:1rem} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-list__item {border-bottom:.1rem solid rgba(var(--color-foreground),.08);padding:2rem 0} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-list__item:first-child {border-top:.1rem solid rgba(var(--color-foreground),.08)} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-list__item>* {margin:0} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-list__item>*+* {margin-top:1rem} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-address {font-style:normal;font-size:1.2rem;line-height:calc(1 + .5 / var(--font-body-scale))} .cl-pdp.cl-pdp.cl-pdp .pickup-availability-address p {margin:0} @keyframes animateDrawerOpen{@media screen and (max-width: 749px) {0% {opacity: 0; transform: translateX(100%);} 100% {opacity: 1; transform: translateX(0);}} @media screen and (min-width: 750px) {0% {opacity: 0; transform: translateX(100%);} 100% {opacity: 1; transform: translateX(0);}}} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-pickup-availability.css.map?v=100419977948706021291767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ .loading__spinner {position:absolute;z-index:1;width:1.8rem} .cl-pdp.cl-pdp.cl-pdp .loading__spinner {width:1.8rem;display:inline-block} .cl-pdp.cl-pdp.cl-pdp .spinner {animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} .cl-pdp.cl-pdp.cl-pdp .path {stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active) { .cl-pdp.cl-pdp.cl-pdp .path {stroke:CanvasText} } @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)+.cart-item__price-wrapper, .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {opacity:50%} .cl-pdp.cl-pdp.cl-pdp .loading__spinner:not(.hidden)~cart-remove-button {pointer-events:none;cursor:default} .cl-pdp.cl-pdp.cl-pdp /*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-spinner.css.map?v=116724955567955766481767008060 */ @media screen and (min-width: 750px) { .product:not(.product--columns) .product__media-list .product__media-item:last-child, .product:not(.product--columns) .product__media-list .product__media-item--full { width: 100%; max-width: 100%; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .product__media-list .product__media-item { width: calc(100% - 6% + var(--grid-mobile-horizontal-spacing) - var(--grid-mobile-horizontal-spacing)) !important; } .cl-pdp.cl-pdp.cl-pdp .thumbnail { left: 2px; } .cl-pdp.cl-pdp.cl-pdp .product__media-list .media>* { overflow: hidden; } .cl-pdp.cl-pdp.cl-pdp .product__media-list .media>* { border-radius: 0; } .cl-pdp.cl-pdp.cl-pdp .product__media-list video { border-radius: 0; } .cl-pdp.cl-pdp.cl-pdp .lumin-slider.slider.slider--mobile { scroll-padding-left: 0rem !important; } .cl-pdp.cl-pdp.cl-pdp .grid--peek.slider--mobile { margin:auto; width: 100%; } } .cl-pdp.cl-pdp.cl-pdp .product__media-wrapper { padding-left: 0; padding-bottom: 1rem; } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .slider.slider--mobile .slider__slide { padding-top: 0 !important; } } .cl-pdp.cl-pdp.cl-pdp .container-text { position: relative; top: -30px; text-align: center; width: calc(100% + 30px* 2); left: -30px; padding: 3px; margin:0; margin-bottom: calc(10px - 30px); background: #212121; border-radius: 10px; color: #ffffff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @media screen and (max-width: 600px) { .cl-pdp.cl-pdp.cl-pdp .container-text { border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; top: -12px; text-align: center; width: calc(100% + 12px* 2); left: -12px; margin:0; margin-bottom: calc(10px - 12px); } } @media screen and (min-width: 601px) { .cl-pdp.cl-pdp.cl-pdp .lumin-container { border: 1px solid #ffffff; border-radius: 10px; background: #ffffff; padding: 30px !important; } } .cl-pdp.cl-pdp.cl-pdp .section-template--20809337176237__main-padding { padding-top: 0px; padding-bottom: 12px; } @media screen and (min-width: 750px) { .cl-pdp.cl-pdp.cl-pdp .section-template--20809337176237__main-padding { padding-top: 8px; padding-bottom: 8px; } } @media screen and (max-width: 749px) { .cl-pdp.cl-pdp.cl-pdp .quick-add-modal__content-info .product__media-list .product__media-item { width: 100% !important; } } .cl-pdp.cl-pdp.cl-pdp .rating-mn { margin: 0; zoom: var(--star-size-min); } .cl-pdp.cl-pdp.cl-pdp .rating-mn i { display: inline-block; width: 20px; height: 20px; border-width: 0 0.75em; border-style: solid; border-color: var(--short-star-inactive); border-radius: 0.22em; color: white; background: var(--short-star-color); font-style: normal; line-height: 23px; text-indent: -10px; text-shadow: 1px 0 1px #b3b3b3; } .cl-pdp.cl-pdp.cl-pdp .rating-mn svg { width: 20px; height: 14px; fill: #fff; } .cl-pdp.cl-pdp.cl-pdp /** Colors */ [data-rating^="1"] .short-star-1 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="1.5"] .short-star-2 { border-left-color:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="2"] .short-star-1 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="2"] .short-star-2 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="2.5"] .short-star-3 { border-left-color:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="3"] .short-star-1 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="3"] .short-star-2 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="3"] .short-star-3 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="3.5"] .short-star-4 { border-left-color:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="4"] .short-star-1 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="4"] .short-star-2 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="4"] .short-star-3 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="4"] .short-star-4 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="4.5"] .short-star-5 { border-left-color:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="5"] .short-star-1 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="5"] .short-star-2 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="5"] .short-star-3 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating^="5"] .short-star-4 { border-color:var(--short-star-color); background:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp [data-rating="5"] .short-star-5 { background:var(--short-star-color); border-color:var(--short-star-color); } .cl-pdp.cl-pdp.cl-pdp .lumin-price { font-size: 24px !important; display: flex; align-items: center; flex-wrap: wrap; padding: 4px 0 0px 0; color: #17597c !important; font-weight: 600; display: flex; align-content: center; align-items: center; flex-wrap: wrap; } .cl-pdp.cl-pdp.cl-pdp .product__info-container .price--on-sale .price-item--regular { font-size: 24px !important; color: #292929 !important; letter-spacing: 0; } .cl-pdp.cl-pdp.cl-pdp .lm-badge { font-size: 11px; line-height: 1; color: #ffffff; background: #30b67a; font-weight:400; } .cl-pdp.cl-pdp.cl-pdp .lm-badge-soldout { font-size: 11px; line-height: 1; } .cl-pdp.cl-pdp.cl-pdp .lm-badge svg { width: 11px; height:auto; } .cl-pdp.cl-pdp.cl-pdp .lm-style-2-sale { zoom: 1; } .cl-pdp.cl-pdp.cl-pdp .promo-banner-de { color: #d32f2f; /* Red color matching the image */ font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; text-align: left; /* Image shows left alignment, change to center if needed */ line-height: 1.4; } .cl-pdp.cl-pdp.cl-pdp /* Mobile optimization */ @media (max-width: 600px) { .promo-banner-de { font-size: 15px; } } .cl-pdp.cl-pdp.cl-pdp .ov-wrap { max-width: 620px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; box-sizing: border-box; } .cl-pdp.cl-pdp.cl-pdp .ov-wrap * { box-sizing: border-box; } .cl-pdp.cl-pdp.cl-pdp .ov-h1 { font-size: 17px; font-weight: 600; color: #1A1D23; line-height: 1.35; margin: 0 0 1rem; } .cl-pdp.cl-pdp.cl-pdp .ov-h1 span { text-decoration: underline; text-underline-offset: 3px; } .cl-pdp.cl-pdp.cl-pdp .ov-desc { font-size: 14px; color: #4A4D55; line-height: 1.6; margin: 0 0 1.5rem; } .cl-pdp.cl-pdp.cl-pdp .ov-bullets { display: flex; flex-direction: column; gap: 1rem; } .cl-pdp.cl-pdp.cl-pdp .ov-bullet { display: flex; align-items: flex-start; gap: 8px; } .cl-pdp.cl-pdp.cl-pdp .ov-check { min-width: 26px; width: 26px; height: 26px; border-radius: 50%; background: #3B7DDD; display: flex; align-items: center; justify-content: center; margin-top: 0px; flex-shrink: 0; } .cl-pdp.cl-pdp.cl-pdp .ov-bullet p { font-size: 14px; font-weight: 600; color: #1A1D23; line-height: 1.45; margin: 0; } @media (min-width: 480px) { .cl-pdp.cl-pdp.cl-pdp .ov-h1 { font-size: 18px; } .cl-pdp.cl-pdp.cl-pdp .ov-desc { font-size: 15px; } .cl-pdp.cl-pdp.cl-pdp .ov-bullets { gap: 1.15rem; } .cl-pdp.cl-pdp.cl-pdp .ov-check { min-width: 28px; width: 28px; height: 28px; } .cl-pdp.cl-pdp.cl-pdp .ov-bullet p { font-size: 15px; } } .cl-pdp.cl-pdp.cl-pdp .form__label-variant_picker { font-weight: normal; font-size: 14px; } .cl-pdp.cl-pdp.cl-pdp .form__label-variant_picker span { padding-left: 5px; border-left: 1px solid rgb(var(--color-foreground), 0.1); margin-left: 6px; } .cl-pdp.cl-pdp.cl-pdp .form__label-variant_picker { font-size: 14px; font-weight: normal; min-height: 0.5rem;margin-bottom: 0;color: currentColor; } .cl-pdp.cl-pdp.cl-pdp .product-form__buttons { display: block; } .cl-pdp.cl-pdp.cl-pdp .product-form__submit { margin-bottom: 1rem; } .cl-pdp.cl-pdp.cl-pdp {--lm-button-box: 23,89,124} .cl-pdp.cl-pdp.cl-pdp .lm-main-button { background-color: #17597c; background: ; color: #ffffff; } .cl-pdp.cl-pdp.cl-pdp .lm-main-button::after { box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgb(255 204 4 / 0%); } .cl-pdp.cl-pdp.cl-pdp .lm-main-button:not([disabled]):hover:after { box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgb(255 204 4 / 0%); } .cl-pdp.cl-pdp.cl-pdp .lm-main-button { position: relative; overflow: hidden; } .cl-pdp.cl-pdp.cl-pdp .lm-main-button::before { content: ''; position: absolute; z-index:0; top: 0; left: -105%; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0.2), rgba(255,255,255,0.8), rgba(255,255,255,0.2)); transform: skewX(-20deg); transition: all 0.5s ease-in-out; } .cl-pdp.cl-pdp.cl-pdp .lm-main-button:hover::before { left: 105%; } .cl-pdp.cl-pdp.cl-pdp } .list-payment-lm { display: flex;flex-wrap: wrap;padding-left: 0;justify-content:center;} .lumin-payment-icon img {width: 34px;height: auto;} .lumin-payment-icon-2 img {width: 34px;height: auto;} .lumin-payment-icon-3 img {width: 34px;height: auto;} .lm-feature-image_bgQRJN { display: block; text-align:left; margin: 0px auto 0px auto; } .lm-feature-image_bgQRJN img { width: 100% !important; height: auto; border-radius:0px; } .lm-feature-image_bgQRJN svg { width: 100% !important; height: auto; } .sticky-atc-content { display: flex; flex-direction: column; gap: 10px; } .sticky-atc-mobile, .sticky-atc-desktop { width: 100%; } .link-faded { font-size: 12px; color: #212121; opacity: .7; transition: opacity .2s ease-in-out; } .truncate-text { white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; } .sticky-atc-price .price--on-sale .price-item--regular { color: #000000; } #selectedVariantImage-mobile, #selectedVariantImage-desktop { max-width: 100%; height: 100%; object-fit: cover; } .sticky-atc { position: fixed; z-index: 3; width: 100%; padding: 10px; transition: top 0.3s ease-out, bottom 0.3s ease-out; } .sticky-atc.show { top: auto; bottom: auto; } .sticky-atc.always-visible { top: auto !important; bottom: auto !important; } .sticky-atc .sticky-atc-variant-selects { display: flex; flex-direction: column; gap: 5px; } .sticky-atc-active-variant { display: flex; flex-wrap: wrap; gap: 0; } .sticky-atc-active-variant__option { font-size: 13px; color: #212121; margin-bottom:5px; line-height: 100%; } .sticky-atc-active-variant__option-name { font-weight: normal; margin-right: 5px; } .sticky-atc-active-variant__option-value { color: #212121; opacity: 0.6; } .sticky-atc-variants select { height: 3.2rem; } .sticky-atc-variants .product-form__input { margin: 0; } .sticky-atc-price { display: flex; justify-content: flex-start; align-items: center; } .atc-button-container .form { display: flex; align-items: center; justify-content: center; } .product-form__buttons.sticky-product-form__buttons { width: 100%; } .atc-button-container .product-form__submit { margin: 0; } .atc-button-container .button { font-size: 14px; color: #FFFFFF; background-color: #17597c; border: 2px solid #000000; border-radius:30px; --focused-base-box-shadow: none; --focused-base-outline-offset: 0; --focused-base-outline: 0; } .atc-button-container .button:after { box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgb(255 204 4 / 0%); border-radius:30px; } .sticky-atc-image img { width: 80px; border-radius:30px; } @media (max-width: 749px) { .sticky-atc-desktop { display: none; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc { background-color: #ffffff; background-image: ; border: 1px solid #E6E6E6; border-radius: 80px; } .cl-pdp.cl-pdp.cl-pdp .atc-button-container-round .button:before { box-shadow: none; border-radius: 100px; } .cl-pdp.cl-pdp.cl-pdp .atc-button-container-round .button:after { box-shadow: none; border-radius: 100px; } .cl-pdp.cl-pdp.cl-pdp .atc-button-container-round .button:hover { border-radius: 100px; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc.show, .cl-pdp.cl-pdp.cl-pdp .sticky-atc.always-visible { bottom: 8px !important; top: auto !important; width: calc(100% - 3rem); } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-mobile-content { flex: 1; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-mobile-flex { display: flex; align-items: center; gap: 15px; margin: 0; justify-content: space-between; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-image { flex: 0 0 44px; max-width: 80px; line-height: 0; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-image img { width: 44px; border-radius:30px; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-title-mobile { font-weight: bold; font-style: normal; font-size: 1.8rem; margin-bottom: 5px; color: #212121; line-height:normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc .product-form__input--dropdown { width: 100%; max-width: none; display: flex; align-items: center; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc .product-form__input--dropdown .form__label { flex: 0 0 auto; width: 20%; margin-right: 10px; margin-bottom: 0; font-size: 1.2rem; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc .product-form__input--dropdown .select { flex: 1 1 auto; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc .product-form__input--dropdown select { width: 100%; height: 2.8rem; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-variants { margin-bottom: 0; max-width: 40rem; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-active-variant__option { display: block; line-height: normal; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-active-variant__option-name, .cl-pdp.cl-pdp.cl-pdp .sticky-atc-active-variant__option-value { display: inline-block; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-price { justify-content: normal; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-mobile .sticky-atc-price .price__container { color: #17597c; font-size: 1.5rem; font-weight: normal; font-style: normal; /* margin-top: 3px;*/ } .cl-pdp.cl-pdp.cl-pdp .atc-button-container { margin: 0; } .cl-pdp.cl-pdp.cl-pdp .atc-button-container .product-form__submit { margin: 0; border-radius: 30px; /* width: 44px; height: 44px;*/ max-height: 44px; padding: 2px 15px; min-width: 40px; min-height: 40px; } .cl-pdp.cl-pdp.cl-pdp .atc-button-container .product-form__submit svg { width: calc(44px/2); height: calc(44px/2); } .cl-pdp.cl-pdp.cl-pdp } @media (min-width: 750px) { .sticky-atc { padding: 10px; width: 70%; max-width: 680px; border-radius: 50px; background-color: #ffffff; background-image: ; border: 1px solid #E6E6E6; left: 50% !important; translate: -50%; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-mobile { display: none; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc.show, .cl-pdp.cl-pdp.cl-pdp .sticky-atc.always-visible { bottom: 20px !important; top: auto !important; /* right: 20px !important;*/ left: 50% !important; translate: -50%; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc .content-container { display: flex; flex-direction: row; align-items: center; gap: 20px; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-desktop { display: flex; align-items: center; gap: 20px; grid-template-columns: 80px minmax(0, 1fr) auto; justify-content: space-between; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-image { flex: 0 0 80px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .cl-pdp.cl-pdp.cl-pdp #selectedVariantImage-desktop { height: 100%; object-fit: contain; max-width: 100%; max-height: 100%; width:100%; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-title { /* flex: 0 0 25%; */ } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-contents { flex: 0 0 calc(100% - 80px - 190px); overflow: hidden; display: flex; column-gap: 20px; align-items: center; justify-content: space-between; } .cl-pdp.cl-pdp.cl-pdp /* .sticky-atc-price { flex: none; } .cl-pdp.cl-pdp.cl-pdp */ /*.atc-button-container { flex: 0 0 30%; max-width: 200px; } .cl-pdp.cl-pdp.cl-pdp */ .sticky-atc-title-desktop { font-size: 1.8rem; font-weight: bold; font-style: normal; color: #212121; line-height: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc-desktop .sticky-atc-price .price__container { color: #17597c; font-size: 1.5rem; font-weight: normal; font-style: normal; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc .sticky-atc-variant-selects { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } .cl-pdp.cl-pdp.cl-pdp .sticky-atc .product-form__input--dropdown { flex: 1 1 auto; min-width: 50px; max-width: 250px; } .cl-pdp.cl-pdp.cl-pdp } @media (min-width: 990px) { .sticky-atc-active-variant { gap: 0; } .cl-pdp.cl-pdp.cl-pdp } @media (min-width: 750px) and (max-width: 1099px) { .sticky-atc-variants { flex: 0 0 40%; } .cl-pdp.cl-pdp.cl-pdp } {}