/** Shopify CDN: Minification failed Line 905:150 The "-" operator only works if there is whitespace on both sides Line 1197:150 The "-" operator only works if there is whitespace on both sides Line 1220:145 The "-" operator only works if there is whitespace on both sides Line 1222:149 The "-" operator only works if there is whitespace on both sides Line 1296:107 The "-" operator only works if there is whitespace on both sides Line 1297:147 The "-" operator only works if there is whitespace on both sides Line 1312:107 The "-" operator only works if there is whitespace on both sides Line 1313:147 The "-" operator only works if there is whitespace on both sides Line 1321:107 The "-" operator only works if there is whitespace on both sides Line 1322:147 The "-" operator only works if there is whitespace on both sides ... and 8 more hidden warnings **/ .cl-pdp, .cl-pdp .color-scheme-1 { --color-background: 250,248,246; --gradient-background: #faf8f6; --color-foreground: 30,30,30; --color-background-contrast: 204,184,164; --color-shadow: 30,30,30; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 250,248,246; --color-secondary-button-text: 30,30,30; --color-link: 30,30,30; --color-badge-foreground: 30,30,30; --color-badge-background: 250,248,246; --color-badge-border: 30,30,30; --color-accent: 188,30,30; --payment-terms-background-color: rgb(250 248 246); } .cl-pdp, .cl-pdp .color-scheme-1, .cl-pdp .color-scheme-2, .cl-pdp .color-scheme-3, .cl-pdp .color-scheme-4, .cl-pdp .color-scheme-5, .cl-pdp .color-scheme-0ec5db07-1fce-48e1-8243-3f59e304a395, .cl-pdp .color-scheme-750b5e56-ec83-49e9-b333-ac363650ae36, .cl-pdp .color-scheme-c939383f-bcdf-4a1a-ab19-a8f2ba2a2bb0, .cl-pdp .color-scheme-27bd72dc-a699-4e2b-9561-23adcadf323d, .cl-pdp .color-scheme-a2c3f00b-a17a-4a35-9b8b-f3247df9d990, .cl-pdp .color-scheme-a3060996-890c-465a-bbb6-47127bf1d4a7, .cl-pdp .color-scheme-ec2993fd-9118-416f-80e0-a8ac1217f672, .cl-pdp .color-scheme-c9d387d8-9136-4261-acd2-a01a6f5b6f11, .cl-pdp .color-scheme-ee0bd4e2-1d6e-4112-950d-069c1cf83617, .cl-pdp .color-scheme-e54c74fd-9ef6-4982-8dc6-fb6e76d719ae, .cl-pdp .color-scheme-62423dd5-069f-458a-8ceb-d8ccee9c94c6, .cl-pdp .color-scheme-ef17bd04-da01-4673-81c2-12bd2fa398bd, .cl-pdp .color-scheme-a4cbeece-6418-4107-b717-052850cfeeb4, .cl-pdp .color-scheme-913ae8d8-8be0-4cfa-9276-7129b25839a3, .cl-pdp .color-scheme-cf779db8-cad7-457a-9000-627e271ba167, .cl-pdp .color-scheme-d7e43553-7314-4329-bc14-07153237aae8 { color: rgba(var(--color-foreground), 1); background-color: rgb(var(--color-background)); } .cl-pdp { --font-body-family: 'Pragmatica', sans-serif; --font-heading-family: 'Pragmatica', sans-serif; --font-accent-family: 'Presti Display', sans-serif; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 1412px; --page-width-margin: 0px; --product-card-image-padding: 0px; --product-card-corner-radius: 0px; --product-card-text-alignment: left; --product-card-border-width: 0px; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0px; --product-card-shadow-vertical-offset: 4px; --product-card-shadow-blur-radius: 5px; --collection-card-image-padding: 0px; --collection-card-corner-radius: 0px; --collection-card-text-alignment: left; --collection-card-border-width: 0px; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0px; --collection-card-shadow-vertical-offset: 4px; --collection-card-shadow-blur-radius: 5px; --blog-card-image-padding: 0px; --blog-card-corner-radius: 0px; --blog-card-text-alignment: left; --blog-card-border-width: 0px; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0px; --blog-card-shadow-vertical-offset: 4px; --blog-card-shadow-blur-radius: 5px; --badge-corner-radius: 4px; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 12px; --popup-shadow-opacity: 0.05; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 128px; --spacing-sections-mobile: 64px; --grid-desktop-vertical-spacing: 40px; --grid-desktop-horizontal-spacing: 40px; --grid-mobile-vertical-spacing: 24px; --grid-mobile-horizontal-spacing: 24px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 4px; --buttons-radius-outset: 5px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0.3px; --inputs-radius: 4px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 5px; --variant-pills-radius: 4px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 1.0; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px;} .cl-pdp *, .cl-pdp ::before, .cl-pdp ::after { box-sizing: inherit; } .cl-pdp { box-sizing: border-box; font-size: 10px;} .cl-pdp { margin: 0px; font-size: 14px; letter-spacing: normal; line-height: calc(1 + 0.2 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight);} .cl-pdp .btn { display: inline-flex; justify-content: center; align-items: center; border: 1px solid rgb(var(--color-button)); border-radius: var(--buttons-radius); font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); font-size: 14px; line-height: 1; text-transform: uppercase; min-height: 44px; padding: 10px 24px; cursor: pointer; text-decoration: none; background-color: rgb(var(--color-button)); color: rgb(var(--color-button-text)); transition: var(--duration-default) ease; appearance: none; min-width: 76px; } .cl-pdp .btn--primary:not(:disabled):not([aria-disabled="true"]):not(.disabled):hover { border-color: rgb(99, 82, 71); background-color: rgb(99, 82, 71); color: rgb(var(--color-button-text)); } .cl-pdp .btn--primary .path { stroke: rgb(var(--color-button-text)); } .cl-pdp .btn--transparent { border-color: rgb(var(--color-button)); background-color: rgba(0, 0, 0, 0); color: rgb(var(--color-button)); } .cl-pdp .btn--transparent:not(:disabled):not([aria-disabled="true"]):not(.disabled):hover { color: rgb(var(--color-button-text)); background-color: rgb(var(--color-button)); } .cl-pdp * { -webkit-font-smoothing: antialiased; } .cl-pdp { scroll-behavior: smooth; text-size-adjust: none;} .cl-pdp .d-flex { display: flex !important; } .cl-pdp .d-inline-flex { display: inline-flex !important; } .cl-pdp .flex-column { flex-direction: column !important; } .cl-pdp .justify-content-center { justify-content: center !important; } .cl-pdp .align-items-center { align-items: center !important; } .cl-pdp .clx-text-center { text-align: center !important; } .cl-pdp .text-uppercase { text-transform: uppercase; } .cl-pdp .h-100 { height: 100% !important; } .cl-pdp .hide { display: none !important; } .cl-pdp .tags-wrapper { z-index: 100; position: absolute; top: 8px; right: 8px; display: grid; grid-template-columns: 1fr; gap: 6px; justify-items: end; } @media screen and (min-width: 990px) { .cl-pdp .tags-wrapper { top: 16px; right: 16px; } } .cl-pdp .tags-wrapper .tag { display: block; z-index: 100; background: rgb(255, 255, 255); color: rgb(99, 82, 71); padding: 2px 6px; font-size: 10px; font-weight: 500; border-radius: 5px; } @media screen and (min-width: 576px) { .cl-pdp .tags-wrapper .tag { padding: 7px 12px; font-size: 11px; border-radius: 8px; } } .cl-pdp .clx-card__inner .tag { padding: 0px; background: rgba(0, 0, 0, 0) !important; color: rgb(99, 82, 71) !important; } .cl-pdp .clx-card__inner .tags-wrapper { right: unset; left: 10px; justify-items: start; } @media screen and (min-width: 990px) { .cl-pdp .clx-card__inner .tags-wrapper { top: 12px; left: 12px; } } .cl-pdp .price__discount-badge { height: 20px; width: auto; min-width: 38px; display: flex; justify-content: center; align-items: center; background-color: rgb(var(--color-ea-badge, var(--color-accent))); color: rgb(var(--color-ea-badge-text, var(--color-background))); border-radius: var(--buttons-radius); padding-top: 1px; padding-left: 4px; padding-right: 4px; white-space: nowrap; text-transform: uppercase; } .cl-pdp { --show-usual-price: none; --show-discounted-price: none; --show-usual-content: none; --show-early-access-content: none; --show-special-offer-content: none; --show-evergreen-offer-content: none;} .cl-pdp [data-usual-price] { display: var(--show-usual-price); } .cl-pdp [data-discounted-price] { display: var(--show-discounted-price); } .cl-pdp .ce-variant-switcher { position: relative; display: flex; width: 100%; border: 1px solid rgb(var(--color-foreground)); border-radius: var(--inputs-radius-outset); } .cl-pdp .ce-variant-switcher .clx-swatch { margin-right: 12px; } .cl-pdp .ce-variant-switcher .variant-switcher__title { position: relative; padding: 0px 36px 0px 16px; width: 100%; height: 45px; display: flex; align-items: center; cursor: pointer; } .cl-pdp .ce-variant-switcher .variant-switcher__title > span:first-child { display: flex; align-items: center; } .cl-pdp .ce-variant-switcher .variant-switcher__title svg { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: block; width: 12px; height: 12px; color: rgb(var(--color-foreground)); transition: var(--duration-medium) ease-out; } .cl-pdp .ce-variant-switcher .variant-switcher__wrapper { position: absolute; top: calc(100% + 2px); left: -1px; right: -1px; display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--duration-medium) ease-out; background: rgb(var(--color-background)); z-index: 2; border: 1px solid rgba(0, 0, 0, 0); border-radius: var(--inputs-radius-outset); } .cl-pdp .ce-variant-switcher .variant-switcher__content { overflow: hidden; display: flex; flex-direction: column; } .cl-pdp .ce-variant-switcher .variant-switcher__content label { padding: 0px 36px 0px 16px; height: 44px; display: flex; align-items: center; cursor: pointer; } .cl-pdp .ce-variant-switcher .variant-switcher__content input:checked + label, .cl-pdp .ce-variant-switcher .variant-switcher__content label:hover { background: rgb(222, 206, 186); } .cl-pdp .product-form__error-message-wrapper svg { flex-shrink: 0; width: 14px; height: 14px; } .cl-pdp .atc-with-price { --btn-padding-block: 6px; padding: var(--btn-padding-block) 12px; height: 32px !important; min-height: 32px !important; } .cl-pdp .atc-with-price .atc-label { flex-grow: 1; } .cl-pdp .atc-with-price .atc-label--regular .label-regular { display: inline; } .cl-pdp .atc-with-price .atc-label--regular .label-short, .cl-pdp .atc-with-price .atc-label--short .label-regular { display: none; } .cl-pdp .atc-with-price .atc-label--xs-tablet-short .label-regular { display: inline; } .cl-pdp .atc-with-price .atc-label--xs-tablet-short .label-short { display: none; } @media screen and (min-width: 750px) { .cl-pdp .atc-with-price .atc-label--xs-tablet-short .label-regular { display: none; } } @media screen and (min-width: 750px) { .cl-pdp .atc-with-price .atc-label--xs-tablet-short .label-short { display: inline; } } @media screen and (min-width: 1200px) { .cl-pdp .atc-with-price .atc-label--xs-tablet-short .label-regular { display: inline; } } @media screen and (min-width: 1200px) { .cl-pdp .atc-with-price .atc-label--xs-tablet-short .label-short { display: none; } } @media (max-width: 375px) { .cl-pdp .atc-with-price .atc-label--xs-tablet-short .label-regular { display: none; } } @media (max-width: 375px) { .cl-pdp .atc-with-price .atc-label--xs-tablet-short .label-short { display: inline; } } .cl-pdp .atc-with-price [data-button-price] s { display: none !important; } .cl-pdp .atc-with-price [data-button-price], .cl-pdp .atc-with-price [data-atc-button-price] { position: relative; display: flex; align-items: center; gap: 8px; padding-left: 12px; margin-left: 12px; height: stretch; min-width: 58px; } .cl-pdp .atc-with-price [data-button-price]::before, .cl-pdp .atc-with-price [data-atc-button-price]::before { position: absolute; top: calc(var(--btn-padding-block)*-1); bottom: calc(var(--btn-padding-block)*-1); left: 0px; border-left: 1px solid rgb(var(--color-button-text)); content: ""; transition: var(--duration-default) ease; } .cl-pdp .atc-with-price [data-button-price] .clx-price, .cl-pdp .atc-with-price [data-atc-button-price] .clx-price { color: inherit; } .cl-pdp .atc-with-price [data-button-price] .price__discount-badge, .cl-pdp .atc-with-price [data-button-price] .product__sizes, .cl-pdp .atc-with-price [data-button-price] [data-early-access-content], .cl-pdp .atc-with-price [data-button-price] [data-evergreen-offer-badge], .cl-pdp .atc-with-price [data-atc-button-price] .price__discount-badge, .cl-pdp .atc-with-price [data-atc-button-price] .product__sizes, .cl-pdp .atc-with-price [data-atc-button-price] [data-early-access-content], .cl-pdp .atc-with-price [data-atc-button-price] [data-evergreen-offer-badge] { display: none !important; } .cl-pdp .atc-with-price [data-button-price] .price-item, .cl-pdp .atc-with-price [data-atc-button-price] .price-item { font-size: 14px; font-weight: 400; } .cl-pdp .atc-with-price [data-button-price] .price__container, .cl-pdp .atc-with-price [data-atc-button-price] .price__container { margin-bottom: 0px; } .cl-pdp .atc-with-price [data-button-price] s.price-item, .cl-pdp .atc-with-price [data-atc-button-price] s.price-item { color: inherit !important; } .cl-pdp .card-wrapper:has([data-button-price]) .card-information .price-item--sale, .cl-pdp .card-wrapper:has([data-button-price]) .card-information .price__regular { display: none !important; } .cl-pdp .card-wrapper:has([data-button-price]) .card-information s { margin-left: 0px !important; } .cl-pdp .accordion-list__item { scroll-margin-top: 80px; } .cl-pdp .accordion-list__item:last-of-type { margin-bottom: 0px; } .cl-pdp .accordion-list__item-title { position: relative; display: flex; align-items: center; padding-right: 20px; min-height: 16px; cursor: pointer; } .cl-pdp .accordion-list__item-title::after { position: absolute; inset: -5px 0px; content: ""; } .cl-pdp .accordion-list__item-title h2, .cl-pdp .accordion-list__item-title h3 { margin: 0px; } .cl-pdp .accordion-list__item-title .icon-accordion { top: 50%; right: 0px; width: 16px; height: 16px; transform: translateY(-50%); position: absolute; } .cl-pdp .accordion-list__item-title .icon-accordion::before, .cl-pdp .accordion-list__item-title .icon-accordion::after { position: absolute; top: 50%; right: 50%; width: 8px; height: 2px; background-color: rgb(var(--color-foreground)); content: ""; } .cl-pdp .accordion-list__item-title .icon-accordion::before { transform: translate(50%); } .cl-pdp .accordion-list__item-title .icon-accordion::after { transform: translate(50%) rotate(-90deg); transition: var(--duration-medium) ease-out; } .cl-pdp .accordion-list__item-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--duration-medium) ease-out; } .cl-pdp .accordion-list__item-content-inner { overflow: hidden; } .cl-pdp .accordion-list__item-content-inner :first-child { margin-top: 16px; } @media screen and (min-width: 750px) { .cl-pdp .accordion-list__item-content-inner :first-child { margin-top: 24px; } } .cl-pdp .accordion-list__item-content-inner :last-child { margin-bottom: 0px; } @media screen and (min-width: 750px) { .cl-pdp .accordion-list__item-content-inner :last-child { margin-bottom: 8px; } } .cl-pdp .accordion-list__item-content-inner p, .cl-pdp .accordion-list__item-content-inner ul, .cl-pdp .accordion-list__item-content-inner li, .cl-pdp .accordion-list__item-content-inner strong, .cl-pdp .accordion-list__item-content-inner em, .cl-pdp .accordion-list__item-content-inner div { line-height: 1.6; } @media screen and (max-width: 749.98px) { .cl-pdp .accordion-list__item-content-inner p, .cl-pdp .accordion-list__item-content-inner ul, .cl-pdp .accordion-list__item-content-inner li, .cl-pdp .accordion-list__item-content-inner strong, .cl-pdp .accordion-list__item-content-inner em, .cl-pdp .accordion-list__item-content-inner div { line-height: 1.4; } } .cl-pdp { --alpha-button-background: 1; --alpha-button-border: 1; --alpha-link: .85; --alpha-badge-border: .1; --focused-base-outline: 2px solid rgba(var(--color-foreground), .5); --focused-base-outline-offset: 3px; --focused-base-box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 5px 4px rgba(var(--color-foreground), .3);} .cl-pdp .product-card-wrapper .clx-card, .cl-pdp .contains-card--product { --border-radius: var(--product-card-corner-radius); --border-width: var(--product-card-border-width); --border-opacity: var(--product-card-border-opacity); --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset); --shadow-vertical-offset: var(--product-card-shadow-vertical-offset); --shadow-blur-radius: var(--product-card-shadow-blur-radius); --shadow-opacity: var(--product-card-shadow-opacity); --shadow-visible: var(--product-card-shadow-visible); --image-padding: var(--product-card-image-padding); --text-alignment: var(--product-card-text-alignment); } .cl-pdp { --page-width-x-paddings-mobile: 16px;} .cl-pdp .clx-page-width { max-width: var(--page-width); margin: 0px auto; padding: 0 var(--page-width-x-paddings-mobile); } @media screen and (min-width: 750px) { .cl-pdp .clx-page-width { padding: 0px 50px; } } .cl-pdp .clx-list-unstyled { margin: 0px; padding: 0px; list-style: none; } .cl-pdp .cl-hidden { display: none !important; } .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 .visually-hidden--inline { margin: 0px; height: 1em; } .cl-pdp h1, .cl-pdp h2, .cl-pdp h3, .cl-pdp h4, .cl-pdp h5, .cl-pdp .h0, .cl-pdp .clx-h1, .cl-pdp .clx-h2, .cl-pdp .clx-h3, .cl-pdp .clx-h4, .cl-pdp .clx-h5 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: normal; color: rgb(var(--color-foreground)); line-height: calc(1 - (.1/max(1,var(--font-heading-scale)))); word-break: break-word; } .cl-pdp h1, .cl-pdp .clx-h1 { font-size: calc(var(--font-heading-scale) * 56px); } @media only screen and (min-width: 750px) { .cl-pdp h1, .cl-pdp .clx-h1 { font-size: calc(var(--font-heading-scale) * 80px); } } .cl-pdp h2, .cl-pdp .clx-h2 { font-size: calc(var(--font-heading-scale) * 32px); } @media only screen and (min-width: 750px) { .cl-pdp h2, .cl-pdp .clx-h2 { font-size: calc(var(--font-heading-scale) * 64px); } } .cl-pdp h3, .cl-pdp .clx-h3 { font-size: calc(var(--font-heading-scale) * 24px); } @media only screen and (min-width: 750px) { .cl-pdp h3, .cl-pdp .clx-h3 { font-size: calc(var(--font-heading-scale) * 40px); } } .cl-pdp h5, .cl-pdp .clx-h5 { font-size: calc(var(--font-heading-scale) * 16px); } @media only screen and (min-width: 750px) { .cl-pdp h5, .cl-pdp .clx-h5 { font-size: calc(var(--font-heading-scale) * 24px); } } .cl-pdp p { font-size: calc(var(--font-body-scale) * 16px); line-height: 1.4; } .cl-pdp .bodytext-lg, .cl-pdp .bodytext-md, .cl-pdp .bodytext-sm, .cl-pdp .bodytext-xs { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: normal; } .cl-pdp .bodytext-md { font-size: calc(var(--font-body-scale) * 16px) !important; line-height: 1.4; } .cl-pdp .bodytext-sm, .cl-pdp .clx-p { font-size: calc(var(--font-body-scale) * 14px) !important; line-height: 1.4; } .cl-pdp p { font-size: calc(var(--font-body-scale) * 14px); line-height: 1.4; } .cl-pdp .caption { font-size: 10px; letter-spacing: 0.7px; line-height: calc(1 + .7 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .cl-pdp .caption { font-size: 12px; } } .cl-pdp .caption-large, .cl-pdp .customer .clx-field input, .cl-pdp .customer select, .cl-pdp .clx-field__input, .cl-pdp .form__label, .cl-pdp .select__select { font-size: 13px; line-height: calc(1 + .5 / var(--font-body-scale)); letter-spacing: 0.4px; } .cl-pdp .left { text-align: left; } .cl-pdp .light { opacity: 0.7; } .cl-pdp a:empty, .cl-pdp ul:empty, .cl-pdp dl:empty, .cl-pdp div:empty, .cl-pdp section:empty, .cl-pdp article:empty, .cl-pdp p:empty, .cl-pdp h1:empty, .cl-pdp h2:empty, .cl-pdp h3:empty, .cl-pdp h4:empty, .cl-pdp h5:empty, .cl-pdp h6:empty { display: none; } .cl-pdp .link, .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: 3px; color: rgb(var(--color-link)); background-color: transparent; font-size: 14px; font-family: inherit; } .cl-pdp .full-unstyled-link { text-decoration: none; color: currentcolor; display: block; } @media (prefers-reduced-motion) { .cl-pdp .motion-reduce { transition: none !important; animation: auto ease 0s 1 normal none running none !important; } } .cl-pdp { --duration-short: .1s; --duration-default: .2s; --duration-announcement-bar: .25s; --duration-medium: .3s; --duration-long: .5s; --duration-extra-long: .6s; --duration-extra-longer: .75s; --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 .icon-arrow { width: 15px; } .cl-pdp .animate-arrow .icon-arrow path { transform: translate(-2.5px); transition: transform var(--duration-short) ease; } .cl-pdp .animate-arrow:hover .icon-arrow path { transform: translate(-0.5px); } .cl-pdp .clx-grid { display: flex; flex-wrap: wrap; margin-bottom: 20px; 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 .clx-grid { column-gap: var(--grid-desktop-horizontal-spacing); row-gap: var(--grid-desktop-vertical-spacing); } } .cl-pdp .clx-grid:last-child { margin-bottom: 0px; } .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 .grid__item { width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } } .cl-pdp .grid--1-col .grid__item { max-width: 100%; width: 100%; } @media screen and (min-width: 750px) { .cl-pdp .grid--2-col-tablet .grid__item { width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } } .cl-pdp .media { display: block; background-color: rgba(var(--color-foreground),.1); position: relative; overflow: hidden; } .cl-pdp .media--transparent { background-color: transparent; } .cl-pdp .media > :not(.zoom):not(.clx-deferred-media__poster-button), .cl-pdp .media model-viewer { display: block; max-width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .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 .clx-button--full-width { display: flex; width: 100%; } .cl-pdp .form__label { display: block; margin-bottom: 6px; } .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 .clx-icon { color: canvastext; fill: canvastext !important; } } .cl-pdp .ratio { display: flex; position: relative; align-items: stretch; } .cl-pdp .ratio::before { content: ""; width: 0px; height: 0px; padding-bottom: var(--ratio-percent); } @supports not (inset: 10px) { .cl-pdp .clx-grid { margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)); } } @supports not (inset: 10px) { .cl-pdp .grid__item { padding-left: var(--grid-mobile-horizontal-spacing); padding-bottom: var(--grid-mobile-vertical-spacing); } } @media screen and (min-width: 990px) and (max-width: 1199.98px) { .cl-pdp .clx-grid { column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing); } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .cl-pdp { --easter-egg: none; --sparkle: url(./sparkle.gif); } } .cl-pdp .loading__spinner { position: absolute; z-index: 1; width: 18px; } .cl-pdp .loading__spinner { width: 18px; display: inline-block; } .cl-pdp .spinner { animation: 1.4s linear 0s infinite normal none running rotator; } .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 .path { stroke: canvastext; } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } .cl-pdp { --swiper-theme-color: #007aff;} .cl-pdp .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; } .cl-pdp .swiper-vertical > .swiper-wrapper { flex-direction: column; } .cl-pdp .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; } .cl-pdp .swiper-android .swiper-slide, .cl-pdp .swiper-ios .swiper-slide, .cl-pdp .swiper-wrapper { transform: translate3d(0px, 0px, 0px); } .cl-pdp .swiper-horizontal { touch-action: pan-y; } .cl-pdp .swiper-vertical { touch-action: pan-x; } .cl-pdp .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .cl-pdp .swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; } .cl-pdp { --swiper-navigation-size: 44px;} .cl-pdp .swiper .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; } .cl-pdp .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; } .cl-pdp { --junipOutlineColor: #637381;} .cl-pdp { --junipPrimaryColor: #000000; --junipButtonColor: #000000; --junipButtonOutlineColor: #00000080; --junipStarColor: #FDB600; --junipButtonTextColor: #fff; --junipBorderColor: rgba(0, 0, 0, 0.08); --junipSurfaceColor: rgba(0, 0, 0, 0.03);} .cl-pdp, .cl-pdp { scroll-behavior: auto !important;} .cl-pdp .product__title h1 { font-size: 16px; text-transform: uppercase; } @media screen and (min-width: 750px) { .cl-pdp .product__title h1 { font-size: 21px; } } @media screen and (max-width: 749.98px) { .cl-pdp .product__images-side-wrapper { margin-inline: calc(var(--page-width-x-paddings-mobile)*-1); } } @media screen and (min-width: 750px) { .cl-pdp .product__images-side-wrapper { margin-left: -30px; } } @media screen and (min-width: 1400px) { .cl-pdp .product__images-side-wrapper { margin-left: -40px; } } .cl-pdp .product__slider-wrapper { position: relative; overflow: hidden; max-height: 772px; display: flex !important; flex-direction: row-reverse !important; } @media screen and (min-width: 750px) { .cl-pdp .product__slider-wrapper { height: calc(1.1 * (-64px - 50px + 50vw)); } } @media screen and (min-width: 990px) { .cl-pdp .product__slider-wrapper { height: calc(1.1 * (-64px - 62px + 62vw)); } } @media screen and (min-width: 1200px) { .cl-pdp .product__slider-wrapper { height: calc(1.1 * (-138px - 62px + 62vw)); } } .cl-pdp .product__media img, .cl-pdp .product__media video { display: block; width: 100%; height: 100%; object-fit: cover; } @media screen and (min-width: 990px) { .cl-pdp .product__media img, .cl-pdp .product__media video { height: 100%; } } .cl-pdp .product__media.swiper-slide-thumb-active { outline: 1px solid rgb(var(--color-foreground)); outline-offset: -1px; } @media screen and (min-width: 990px) { .cl-pdp .product__slider-main { margin-left: 4px; } } @media screen and (min-width: 1200px) { .cl-pdp .product__slider-main { margin-left: 16px; } } .cl-pdp .product__slider-main img { aspect-ratio: 1 / 1.1; object-position: center top; } .cl-pdp .product__main-badge, .cl-pdp .product__main-badge--bf, .cl-pdp .product__badge-image, .cl-pdp .product__badge-image--global, .cl-pdp .product__badge-image--product { position: absolute; top: 8px; z-index: 1; } @media screen and (min-width: 990px) { .cl-pdp .product__main-badge, .cl-pdp .product__main-badge--bf, .cl-pdp .product__badge-image, .cl-pdp .product__badge-image--global, .cl-pdp .product__badge-image--product { top: 16px; } } .cl-pdp .product__main-badge { box-sizing: border-box; left: 8px; width: 140px; height: auto; padding: 4px 16px; border-radius: 8px; display: flex; justify-content: center; align-items: center; color: rgb(var(--color-foreground)); background: rgb(255, 255, 255); border: 1px solid rgb(var(--color-foreground)); text-transform: uppercase; text-align: center; overflow: hidden; font-size: 12px !important; } @media screen and (min-width: 990px) { .cl-pdp .product__main-badge { left: 16px; width: 160px; font-size: 14px !important; } } .cl-pdp .product__slider-thumbs { width: 80px; min-width: 80px; } @media screen and (min-width: 1200px) { .cl-pdp .product__slider-thumbs { width: 142px; min-width: 142px; } } .cl-pdp .product__slider-thumbs .product__media { height: 88px; cursor: pointer; } @media screen and (min-width: 1200px) { .cl-pdp .product__slider-thumbs .product__media { height: 156px; } } @media screen and (max-width: 989.98px) { .cl-pdp .product--mobile-show.mobile-thumbnails-bottom .product__slider-wrapper { flex-direction: column !important; height: unset; } } @media screen and (max-width: 749.98px) { .cl-pdp .product--mobile-show.mobile-thumbnails-bottom .product__slider-main { height: 110vw; max-height: calc(775.2px - 20vw); } } @media screen and (max-width: 989.98px) { .cl-pdp .product--mobile-show.mobile-thumbnails-bottom .product__slider-thumbs { margin-top: 4px; height: calc(1.1 * (4px - 10px + 10vw)); } } @media screen and (max-width: 749.98px) { .cl-pdp .product--mobile-show.mobile-thumbnails-bottom .product__slider-thumbs { height: calc(-3.52px + 22vw); } } @media screen and (max-width: 989.98px) { .cl-pdp .product--mobile-show.mobile-thumbnails-bottom .product__slider-thumbs .product__media { height: auto; object-fit: cover; } } @media screen and (max-width: 989.98px) { .cl-pdp .product--mobile-show.mobile-thumbnails-bottom .product__slider-main, .cl-pdp .product--mobile-show.mobile-thumbnails-bottom .product__slider-thumbs { width: 100%; min-width: unset; } } .cl-pdp .product__info-wrapper { margin-top: 16px; } .cl-pdp .product__info-wrapper .price-item:not(s) { font-weight: 700; } .cl-pdp .product__info-wrapper .clx-price s.price-item { margin-left: 4px; font-size: inherit; } .cl-pdp .product__info-wrapper [id^="price-cl-tpl"] { min-height: 28px; display: block; } .cl-pdp .product__info-wrapper [id^="price-cl-tpl"] s.price-item { color: rgb(var(--color-accent)); } .cl-pdp .product__info-wrapper .product__info-container .product-form { margin-top: 16px; } .cl-pdp .product__info-wrapper [id^="variant-picker"] { scroll-margin-top: 125px; } .cl-pdp .product__info-wrapper .accordion-list__item { padding-bottom: 16px; border-bottom: 1px solid rgba(var(--color-foreground),.1); border-top: 1px solid rgba(var(--color-foreground),.1); padding-top: 16px; } .cl-pdp .product__info-wrapper .accordion-list__item ~ .accordion-list__item { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding-top: 0px; } .cl-pdp .product__info-wrapper .accordion-list__item .icon-accordion::before, .cl-pdp .product__info-wrapper .accordion-list__item .icon-accordion::after { width: 12px; margin-top: -1px; } .cl-pdp .product__info-wrapper .tags-wrapper { display: none; } .cl-pdp .product__sizes { font-size: 12px; line-height: 1; color: rgb(99, 82, 71); } .cl-pdp .product__rich-text { line-height: 1.5; margin-bottom: 14px !important; } @media screen and (min-width: 1200px) { .cl-pdp .product__rich-text { margin-top: 24px !important; } } .cl-pdp .product__rich-text ul { padding-inline-start: 20px; } @media screen and (min-width: 1200px) { .cl-pdp .product__rich-text ul { padding-inline-start: 30px; } } .cl-pdp .product__rich-text li { margin-bottom: 4px; } .cl-pdp .product__rich-text h1, .cl-pdp .product__rich-text h2, .cl-pdp .product__rich-text h3, .cl-pdp .product__rich-text h4, .cl-pdp .product__rich-text h5, .cl-pdp .product__rich-text h6, .cl-pdp .product__rich-text p, .cl-pdp .product__rich-text ul, .cl-pdp .product__rich-text ol { font-size: inherit; line-height: inherit; color: inherit; } .cl-pdp .product__custom-klarna { display: flex; align-items: center; gap: 6px; } .cl-pdp .product__custom-klarna p { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; } .cl-pdp .product__custom-klarna .icon-klarna { height: 24px; } .cl-pdp .product__upsells { margin-block: 32px !important; } .cl-pdp .product__upsells--tabs .summary__title { display: flex; gap: 18px; overflow-x: scroll; scrollbar-width: none; } .cl-pdp .product__upsells--tabs .summary__title h2 { padding-block: 5px; flex-shrink: 0; cursor: pointer; } .cl-pdp .product__upsells--tabs .summary__title h2:not(.active):not(:only-child) { color: rgb(99, 82, 71); } .cl-pdp .product__upsells--tabs .summary__title h2.active { text-decoration: underline; text-underline-offset: 5px; } .cl-pdp .product__upsells h2 { margin: 0px; } .cl-pdp .product__upsells .card-information { margin-top: 4px; } .cl-pdp .product__upsells .quick-add__submit { min-width: 130px !important; width: auto !important; } .cl-pdp .product__upsells .product-card-wrapper .card__content-product { justify-content: center; } .cl-pdp .product__sticky-atc { position: fixed; bottom: 0px; width: 100%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 2px -2px 4px; z-index: -1; opacity: 0; visibility: hidden; transition: var(--duration-medium); } .cl-pdp .product__sticky-atc-wrapper { display: flex; justify-content: space-between; align-items: center; padding-block: 16px; gap: 16px; } .cl-pdp .product__sticky-atc-wrapper--atc-with-price .product__sticky-atc-heading-price { flex-direction: row !important; justify-content: center; } .cl-pdp .product__sticky-atc-wrapper--atc-with-price .product__sticky-atc-heading-price .price-item { display: none; } .cl-pdp .product__sticky-atc-wrapper--atc-with-price .atc-with-price { justify-content: flex-end; } .cl-pdp .product__sticky-atc-wrapper--atc-with-price .atc-with-price > span:not([data-atc-button-price]) { flex-grow: 1; } .cl-pdp .product__sticky-atc .quick-add__submit { min-width: 130px; } @media screen and (max-width: 749.98px) { .cl-pdp .product__sticky-atc .quick-add__submit { font-size: 13px !important; } } .cl-pdp .product__sticky-atc-info { display: flex; align-items: center; } .cl-pdp .product__sticky-atc-info img { width: 64px; height: 64px; object-fit: contain; margin-right: 16px; } @media screen and (min-width: 750px) { .cl-pdp .product__sticky-atc-info img { margin-right: 24px; } } .cl-pdp .product__sticky-atc-heading { margin: 0px; } .cl-pdp .product__sticky-atc-price { margin-top: 8px; } .cl-pdp .product__sticky-atc-price .price-item { font-size: 12px; } .cl-pdp .product__sticky-atc--compact .product__sticky-atc-wrapper { padding-block: 10px; } @media screen and (min-width: 750px) { .cl-pdp .product__sticky-atc--compact .product__sticky-atc-wrapper { justify-content: center; gap: 48px; } } .cl-pdp .product__sticky-atc--compact .product__sticky-atc-heading-price { display: flex; flex-direction: column; gap: 2px; } .cl-pdp .product__sticky-atc--compact .product__sticky-atc-price { margin-top: 0px; } .cl-pdp .product__sticky-atc--compact .product__sticky-atc-price .price-item { font-size: 14px; } .cl-pdp .product__sticky-atc--compact .product__sticky-atc-price s.price-item { color: rgb(var(--color-accent)); } @media screen and (max-width: 575.98px) { .cl-pdp .product__sticky-atc--compact { font-size: 16px !important; } } @media screen and (max-width: 575.98px) { .cl-pdp .product__sticky-atc--compact .product__sticky-atc-info, .cl-pdp .product__sticky-atc--compact .product__sticky-atc-heading-price, .cl-pdp .product__sticky-atc--compact .ce-product-form, .cl-pdp .product__sticky-atc--compact .quick-add__submit, .cl-pdp .product__sticky-atc--compact a[href^="#MainProduct"] { width: 100%; } } @media screen and (max-width: 575.98px) { .cl-pdp .product__sticky-atc--compact .product__sticky-atc-wrapper { flex-direction: column; gap: 8px; } } @media screen and (max-width: 575.98px) { .cl-pdp .product__sticky-atc--compact .product__sticky-atc-info img { display: none; } } @media screen and (max-width: 575.98px) { .cl-pdp .product__sticky-atc--compact .product__sticky-atc-heading-price { display: flex; flex-direction: column; align-items: center; } } @media screen and (max-width: 575.98px) { .cl-pdp .product__sticky-atc--compact .product__sticky-atc-heading { text-align: center; } } @media screen and (max-width: 575.98px) { .cl-pdp .product__sticky-atc--compact .quick-add__submit { font-size: 14px !important; } } .cl-pdp .product .icon-with-text { padding: 16px 24px; margin-bottom: 10px !important; } .cl-pdp .product .icon-with-text .img-wrapper { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; } .cl-pdp .product .icon-with-text small { color: rgb(99, 82, 71); font-size: 12px; } .cl-pdp .product .icon-with-text--pills { padding: 0px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .cl-pdp .product .icon-with-text--pills .icon-with-text__item { padding: 10px 8px; gap: 8px; border-radius: 8px; border: 1px solid rgb(228, 226, 224); } @media screen and (min-width: 1200px) { .cl-pdp .product .icon-with-text--pills .icon-with-text__item { padding: 12px 10px; gap: 10px; } } .cl-pdp .product .icon-with-text--pills .icon-with-text__item .img-wrapper { width: 24px; height: 24px; } .cl-pdp .product .icon-with-text--pills .icon-with-text__item .img-wrapper img { width: 100%; height: 100%; } .cl-pdp .product .icon-with-text--pills .icon-with-text__item small { margin-top: 2px; } .cl-pdp .product .complementary-slide .clx-card.card--horizontal { align-items: stretch; } .cl-pdp .product .complementary-slide .clx-card__inner { width: 90px; height: 90px; flex-shrink: 0; max-width: unset !important; } @media screen and (min-width: 1200px) { .cl-pdp .product .complementary-slide .clx-card__inner { width: 106px; height: 106px; } } .cl-pdp .product .complementary-slide .tags-wrapper { display: none !important; } .cl-pdp #main-product-template { scroll-margin-top: 60px; } .cl-pdp .ce-product-info { display: block; } .cl-pdp .product { margin: 0px; } .cl-pdp .product.clx-grid { gap: 0px; } .cl-pdp .product__media-wrapper { padding-left: 0px; } @media screen and (min-width: 750px) { .cl-pdp .product__column-sticky { display: block; position: sticky; top: 30px; z-index: 2; } } @media screen and (min-width: 750px) { .cl-pdp .product__info-wrapper { padding: 0px 0px 0px 50px; } } @media screen and (min-width: 990px) { .cl-pdp .product { margin-top: 16px; } } @media screen and (min-width: 990px) { .cl-pdp .product--large:not(.product--no-media) .product__media-wrapper { max-width: 62.5%; width: calc(62.5% - var(--grid-desktop-horizontal-spacing) / 2); } } @media screen and (min-width: 990px) { .cl-pdp .product--large:not(.product--no-media) .product__info-wrapper { padding: 0px 0px 0px 40px; max-width: 37.5%; width: calc(37.5% - var(--grid-desktop-horizontal-spacing) / 2); } } @media screen and (min-width: 1400px) { .cl-pdp .product--large:not(.product--no-media) .product__info-wrapper { padding: 0px 0px 0px 78px; } } .cl-pdp .product-form { display: block; } .cl-pdp .product-form__error-message-wrapper svg { flex-shrink: 0; width: 15px; height: 15px; margin-right: 7px; margin-top: 2.5px; } .cl-pdp .product-form__input { flex: 0 0 100%; padding: 0px; margin: 0px 0px 12px; max-width: 440px; min-width: fit-content; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .cl-pdp .product-form__input .form__label { padding-left: 0px; } .cl-pdp .product-form__submit { margin-bottom: 10px; } .cl-pdp .product__info-container > * + * { margin: 16px 0px; } .cl-pdp .product__info-container .icon-with-text, .cl-pdp .product__info-container .product__description, .cl-pdp .product__info-container .product__info-tile { margin: 16px 0px; } .cl-pdp .product__info-container .ce-variant-selects, .cl-pdp .product__info-container .product__bundle-item { margin: 8px 0px; } @media screen and (min-width: 1400px) { .cl-pdp .product__info-container .icon-with-text, .cl-pdp .product__info-container .product__description, .cl-pdp .product__info-container .product__info-tile { margin: 16px 0px; } } .cl-pdp .product__text { margin-bottom: 0px; } .cl-pdp .product__title { word-break: break-word; margin-bottom: 12px; } @media screen and (min-width: 750px) { .cl-pdp .product__title { margin-bottom: 16px; } } .cl-pdp .product__title > * { margin: 0px; line-height: 1.4; } .cl-pdp .product__title > a { display: none; } .cl-pdp .product .clx-price .badge, .cl-pdp .product .price__container { margin-bottom: 5px; } @media screen and (min-width: 750px) { .cl-pdp .product__info-container { max-width: 600px; } } @media screen and (min-width: 750px) { .cl-pdp .product__info-container > :first-child { margin-top: 0px; } } .cl-pdp .js .product__media { overflow: hidden !important; } .cl-pdp .product:not(.featured-product) .product__view-details { display: none; } .cl-pdp .product__view-details { display: block; text-decoration: none; } .cl-pdp .product__view-details:hover { text-decoration: underline; text-underline-offset: 3px; } .cl-pdp .product__view-details .clx-icon { width: 12px; margin-left: 12px; flex-shrink: 0; } .cl-pdp .icon-with-text { --icon-size: calc(var(--font-heading-scale) * 36px); --icon-spacing: calc(var(--font-heading-scale) * 16px); } .cl-pdp .icon-with-text img { height: var(--icon-size); width: var(--icon-size); object-fit: contain; } .cl-pdp .icon-with-text__item { display: flex; align-items: center; } .cl-pdp .ce-variant-selects { display: block; } .cl-pdp .product-form__input input[type="radio"], .cl-pdp .product__set-input[type="radio"] { clip: rect(0px, 0px, 0px, 0px); overflow: hidden; position: absolute; height: 1px; width: 1px; } .cl-pdp .product-form__input--dropdown { --swatch-input--size: 20px; margin-bottom: 16px; } .cl-pdp .clx-swatch { --swatch--size: var(--swatch-input--size, 44px); --swatch--border-radius: var(--swatch-input--border-radius, 50%); display: block; width: var(--swatch--size); max-width: 100%; aspect-ratio: 1 / 1; background-image: ; background-repeat: ; background-attachment: ; background-clip: ; background-color: ; background-position: var(--swatch-focal-point, initial); background-size: cover; background-origin: border-box; border: 1px solid rgba(var(--color-foreground),.15); border-radius: var(--swatch--border-radius); } .cl-pdp .section--cl-tpl__main { padding-top: 0px; padding-bottom: 32px; } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__main { padding-top: 16px; padding-bottom: 40px; } } .cl-pdp .section--cl-tpl__main .product__slider-main .product__media img { cursor: zoom-in; } .cl-pdp .product__title-text { font-style: normal; font-weight: 400; color: rgb(30, 30, 30); font-size: 20px !important; } @media (max-width: 750px) { .cl-pdp .product__title-text { font-size: 20px !important; } } .cl-pdp .product__rich-text--richtext_i86EQ4 { font-size: 14px; line-height: 140%; color: rgb(30, 30, 30); } @media screen and (min-width: 750px) { .cl-pdp .product__rich-text--richtext_i86EQ4 { font-size: 14px; } } .cl-pdp .ce-discount-copy { display: flex; flex-direction: column; gap: 8px; } .cl-pdp .ce-discount-copy .text-side, .cl-pdp .ce-discount-copy .text-wrapper, .cl-pdp .ce-discount-copy .text-wrapper > div { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; column-gap: 4px; } .cl-pdp .ce-discount-copy .text-wrapper { padding-top: 1px; } .cl-pdp .ce-discount-copy .text-wrapper b { text-transform: uppercase; } .cl-pdp .ce-discount-copy button { width: 24px; height: 24px; padding: 0px; border: 0px; background: rgba(0, 0, 0, 0); border-radius: var(--buttons-radius); color: inherit; cursor: pointer; } .cl-pdp .ce-discount-copy button .icon-copy { width: 18px; height: 18px; } .cl-pdp .ce-discount-copy .copy-success { display: none; } .cl-pdp .ce-discount-copy .copy-success .clx-icon-success { width: 20px; height: 20px; } .cl-pdp .dicount-copy-wrapper--discount_code_VKeVcJ .text-side { color: rgb(30, 30, 30); background: rgb(255, 255, 255); padding: 0px 10px; border-radius: 4px; } .cl-pdp .dicount-copy-wrapper--discount_code_VKeVcJ .text-side, .cl-pdp .dicount-copy-wrapper--discount_code_VKeVcJ .copy-success { justify-content: center; } .cl-pdp .dicount-copy-wrapper--discount_code_VKeVcJ:not(:has(.ce-discount-copy.visually-hidden)) { min-height: 24px; } .cl-pdp .ce-pickup-availability { display: block; } .cl-pdp .icon-with-text--icon_with_text_UTpjPb .icon-with-text__item { background: transparent; color: rgb(30, 30, 30); } .cl-pdp .icon-with-text--icon_with_text_UTpjPb .icon-with-text__item small { color: rgb(99, 82, 71); } .cl-pdp .icon-with-text--icon_with_text_UTpjPb .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_UTpjPb .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } } .cl-pdp .icon-with-text--icon_with_text_UTpjPb .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_UTpjPb .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } } .cl-pdp .complementary-products__container { display: flex; flex-direction: column; gap: 13px; } .cl-pdp .complementary-slider { margin-top: 0px; gap: 0px; } .cl-pdp .complementary-slide { --shadow-padding-sides: calc((var(--shadow-horizontal-offset) + var(--shadow-blur-radius)) * var(--shadow-visible)); --shadow-padding-sides-negative: calc( (var(--shadow-horizontal-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible) ); } .cl-pdp .complementary-slide > ul { display: flex; flex-direction: column; gap: var(--grid-mobile-vertical-spacing); } .cl-pdp .complementary-slide.complementary-slide--standard > ul { gap: 13px; } @media screen and (min-width: 750px) { .cl-pdp .complementary-slide > ul { gap: var(--grid-desktop-vertical-spacing); } } .cl-pdp .complementary-slide.grid__item { width: 100%; padding-top: max(var(--focus-outline-padding),var(--shadow-padding-top)); padding-bottom: max(var(--focus-outline-padding),var(--shadow-padding-bottom)); padding-right: max(var(--focus-outline-padding),var(--shadow-padding-sides)); padding-left: max(var(--focus-outline-padding),var(--shadow-padding-sides-negative)); } .cl-pdp .complementary-slide .card-wrapper { height: auto; } .cl-pdp .complementary-products__container .card--card .clx-card__content, .cl-pdp .complementary-products__container .card--horizontal .card__information { padding: 0px; } .cl-pdp .complementary-products__container .card--horizontal .clx-card__inner { max-width: 20%; } @media screen and (min-width: 750px) and (max-width: 1200px) { .cl-pdp .complementary-products__container .card--horizontal .clx-card__inner { max-width: 25%; } } .cl-pdp .complementary-products-contains-quick-add .card__heading:hover a { text-decoration: underline; } .cl-pdp .complementary-products__container .card--horizontal .clx-quick-add { margin: 0px; } .cl-pdp .complementary-products__container .quick-add__submit { min-height: inherit; } .cl-pdp .complementary-products__container .quick-add__submit::after, .cl-pdp .complementary-products__container .quick-add__submit:hover::after { box-shadow: none; } .cl-pdp .complementary-products__container .card--horizontal .clx-quick-add, .cl-pdp .complementary-products__container .card__badge { justify-self: var(--text-alignment); } @media screen and (min-width: 750px) { .cl-pdp .complementary-products__container .price--on-sale .price-item--regular { font-size: 13px; } } .cl-pdp .card-wrapper { color: inherit; height: 100%; position: relative; text-decoration: none; } .cl-pdp .clx-card { text-decoration: none; text-align: var(--text-alignment); } .cl-pdp .clx-card:not(.ratio) { display: flex; flex-direction: column; height: 100%; } .cl-pdp .clx-card.card--horizontal { --text-alignment: left; --image-padding: 0px; flex-direction: row; align-items: flex-start; gap: 16px; } .cl-pdp .card--card, .cl-pdp .card--standard .clx-card__inner { position: relative; box-sizing: border-box; border-radius: var(--border-radius); border: var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity)); } .cl-pdp .card--card::after, .cl-pdp .card--standard .clx-card__inner::after { content: ""; position: absolute; z-index: -1; width: calc(var(--border-width) * 2 + 100%); height: calc(var(--border-width) * 2 + 100%); top: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); border-radius: var(--border-radius); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)); } .cl-pdp .card--card.gradient, .cl-pdp .clx-card__inner.gradient { transform: perspective(0px); } .cl-pdp .clx-card__inner.color-scheme-1 { background: transparent; } .cl-pdp .clx-card .clx-card__inner .card__media { overflow: hidden; z-index: 0; border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding)); } .cl-pdp .card-information { text-align: var(--text-alignment); } .cl-pdp .card__media, .cl-pdp .clx-card .media { bottom: 0px; position: absolute; top: 0px; } .cl-pdp .clx-card .media { width: 100%; } .cl-pdp .card__media { margin: var(--image-padding); width: calc(100% - 2 * var(--image-padding)); } .cl-pdp .card--standard .card__media { margin: var(--image-padding); } .cl-pdp .clx-card__inner { width: 100%; } .cl-pdp .card--media .clx-card__inner .clx-card__content { position: relative; padding: calc(var(--image-padding) + 10px); } .cl-pdp .clx-card__content { display: grid; grid-template-rows: minmax(0px, 1fr) max-content minmax(0px, 1fr); padding: 10px; width: 100%; flex-grow: 1; } .cl-pdp .card__information { grid-row-start: 2; padding: 5px 10px; } .cl-pdp .clx-card:not(.ratio) > .clx-card__content { grid-template-rows: max-content minmax(0px, 1fr) max-content auto; } .cl-pdp .card__badge { place-self: flex-end flex-start; grid-row-start: 3; } .cl-pdp .card__media .media img { height: 100%; object-fit: cover; object-position: center center; width: 100%; } .cl-pdp .card__heading { margin-top: 0px; margin-bottom: 0px; } .cl-pdp .card__heading:last-child { margin-bottom: 0px; } .cl-pdp .card--horizontal .card__heading, .cl-pdp .card--horizontal .price__container .price-item { font-size: calc(var(--font-heading-scale) * 12px); } .cl-pdp .card--horizontal .card-information > :not(.visually-hidden:first-child) + :not(.clx-rating):not(.card__information-volume-pricing-note) { margin-top: 0px; } .cl-pdp .card--horizontal__quick-add::before { box-shadow: none; } .cl-pdp .card__heading a::after { inset: 0px; content: ""; position: absolute; z-index: 1; } .cl-pdp .card__heading a::after { outline-offset: 3px; } .cl-pdp .card__heading a:focus::after { box-shadow: 0 0 0 3px rgb(var(--color-background)),0 0 5px 4px rgba(var(--color-foreground),.3); outline: 2px solid rgba(var(--color-foreground),.5); } .cl-pdp .card__heading a:focus:not(:focus-visible)::after { box-shadow: none; outline: 0px; } .cl-pdp .card__heading a:focus { box-shadow: none; outline: 0px; } @media screen and (min-width: 990px) { .cl-pdp .clx-card .media.media--hover-effect > img:only-child, .cl-pdp .card-wrapper .media.media--hover-effect > img:only-child { transition: transform var(--duration-long) ease; } } @media screen and (min-width: 990px) { .cl-pdp .clx-card:hover .media.media--hover-effect > img:first-child:only-child, .cl-pdp .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child { transform: scale(1.03); } } .cl-pdp .card--standard.card--media .clx-card__inner .card__information, .cl-pdp .card--standard.card--text:not(.card--horizontal) > .clx-card__content .card__heading:not(.card__heading--placeholder), .cl-pdp .card--standard:not(.card--horizontal) > .clx-card__content .card__badge, .cl-pdp .card--standard.card--text.article-card > .clx-card__content .card__information, .cl-pdp .card--standard > .clx-card__content .card__caption { display: none; } .cl-pdp .card--standard > .clx-card__content { padding: 0px; } .cl-pdp .card--standard > .clx-card__content .card__information { padding-left: 0px; padding-right: 0px; } .cl-pdp .card--horizontal .card__badge, .cl-pdp .card--horizontal.card--text .clx-card__inner { display: none; } .cl-pdp .card-information > * + * { margin-top: 5px; } .cl-pdp .card-information { width: 100%; } .cl-pdp .card-information > * { line-height: calc(1 + .4 / var(--font-body-scale)); color: rgb(var(--color-foreground)); } .cl-pdp .card-information > :not(.visually-hidden:first-child) + :not(.clx-rating):not(.card__information-volume-pricing-note) { margin-top: 7px; } .cl-pdp .card-information .caption { letter-spacing: 0.7px; } .cl-pdp .slider__slide { --focus-outline-padding: 0; --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; } .cl-pdp .slider--everywhere { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; margin-bottom: 10px; } .cl-pdp .slider.slider--everywhere .slider__slide { margin-bottom: 0px; scroll-snap-align: center; } @media (prefers-reduced-motion) { .cl-pdp .slider { scroll-behavior: auto; } } .cl-pdp .slider { scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground),.04); scrollbar-width: none; } .cl-pdp .card-wrapper .price__container { flex-wrap: wrap; gap: 8px; } .cl-pdp .card-wrapper .price__container .price__discount-badge { margin: 0px !important; } .cl-pdp .card-wrapper .price__container * { font-size: calc(var(--font-body-scale)*14px) !important; line-height: normal; } .cl-pdp .card-wrapper .price__sale .price-item--regular { color: rgb(var(--color-accent)) !important; } .cl-pdp .card-wrapper .clx-price > * { display: flex !important; align-items: center; } .cl-pdp .product-card-wrapper .card__content-product { display: flex !important; flex-direction: column; } .cl-pdp .product-card-wrapper .card__heading { letter-spacing: 0.8px !important; margin-bottom: 4px; } .cl-pdp .product-card-wrapper .clx-card__content { padding-block: 4px; justify-content: space-between; } @media screen and (max-width: 749.98px) { .cl-pdp .product-card-wrapper .clx-card__content { flex-direction: column; } } .cl-pdp .product-card-wrapper .card__bages { display: flex; flex-wrap: wrap; position: absolute; left: 12px; top: 12px; } .cl-pdp .product-card-wrapper .clx-card .clx-quick-add { width: 100%; } @media screen and (max-width: 749.98px) { .cl-pdp .product-card-wrapper .clx-card .clx-quick-add { padding-top: 0px; margin-left: 0px; } } .cl-pdp .product-card-wrapper .clx-card .clx-quick-add .btn.btn--transparent { width: 100%; min-width: 76px; height: 44px; min-height: 44px; } .cl-pdp .clx-quick-add { position: relative; grid-row-start: 4; margin: 0px; z-index: 1; } .cl-pdp .quick-add__submit { min-width: 100%; box-sizing: border-box; } .cl-pdp .clx-price { color: rgb(var(--color-foreground)); } .cl-pdp .clx-price > * { display: flex; align-items: center; } .cl-pdp .price__container { flex-wrap: wrap; gap: 5px 8px; } .cl-pdp .clx-price .price-item { display: block; } .cl-pdp .clx-price s.price-item { margin-left: 8px; } .cl-pdp .price__regular .price-item--regular { margin-right: 0px; } .cl-pdp .clx-price:not(.price--show-badge) .price-item--last:last-of-type { margin: 0px; } @media screen and (min-width: 750px) { .cl-pdp .clx-price { margin-bottom: 0px; } } .cl-pdp .price--sold-out .price__availability, .cl-pdp .price__regular { display: block; } .cl-pdp .price__sale, .cl-pdp .price__availability, .cl-pdp .clx-price .price__badge-sale, .cl-pdp .clx-price .price__badge-sold-out, .cl-pdp .price--on-sale .price__regular, .cl-pdp .price--on-sale .price__availability { display: none; } .cl-pdp .price--on-sale .price__sale { display: flex; flex-flow: wrap; align-items: center; } .cl-pdp .price--on-sale .price-item--regular { text-decoration: line-through; color: rgb(var(--color-accent)); } .cl-pdp .clx-unit-price { display: block; font-size: 11px; letter-spacing: 0.4px; line-height: calc(1 + .2 / var(--font-body-scale)); margin-top: 2px; text-transform: uppercase; color: rgba(var(--color-foreground),.7); } .cl-pdp { --discountbox-style: simple; --discountbox-position: right; --discountbox-width: 410px; --discountbox-codeButtonColor: #ffffff; --discountbox-codeButtonBackgroundColor: #1e1e1e; --discountbox-codeButtonBorderColor: #1e1e1e; --discountbox-submitButtonBorderColor: #5aaa34; --discountbox-loadingBg: #635247; --discountbox-spinnerColor: #ffffff; --discountbox-inputColor: #1e1e1e; --discountbox-inputBg: #ffffff; --discountbox-inputBorder: #ffffff; --discountbox-discountInfoColor: #1e1e1e; --discountbox-discountInfoBg: #fafafa; --discountbox-discountInfoBorder: #e1e1e1;} .cl-pdp .color-scheme-5 { --color-background: 246,240,230; --gradient-background: #f6f0e6; --color-foreground: 30,30,30; --color-background-contrast: 212,184,136; --color-shadow: 30,30,30; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 246,240,230; --color-secondary-button-text: 30,30,30; --color-link: 30,30,30; --color-badge-foreground: 30,30,30; --color-badge-background: 246,240,230; --color-badge-border: 30,30,30; --color-accent: 188,30,30; --payment-terms-background-color: rgb(246 240 230); } .cl-pdp .clx-section + .clx-section, .cl-pdp .section--visible { margin-top: var(--spacing-sections-mobile); } @media screen and (min-width: 750px) { .cl-pdp .clx-section + .clx-section, .cl-pdp .section--visible { margin-top: var(--spacing-sections-desktop); } } .cl-pdp h1 em, .cl-pdp h2 em, .cl-pdp h3 em, .cl-pdp h4 em, .cl-pdp h5 em, .cl-pdp .h0 em, .cl-pdp .clx-h1 em, .cl-pdp .clx-h2 em, .cl-pdp .clx-h3 em, .cl-pdp .clx-h4 em, .cl-pdp .clx-h5 em { font-family: var(--font-accent-family); line-height: calc(1 + .1/max(1,var(--font-heading-scale))); letter-spacing: -0.02em; } @media screen and (max-width: 749px) { .cl-pdp h2 em, .cl-pdp .clx-h2 em { font-size: calc(var(--font-heading-scale) * 32px); } } .cl-pdp .product-benefits { display: flex; flex-direction: column; gap: 32px; } @media screen and (min-width: 990px) { .cl-pdp .product-benefits { flex-direction: row; gap: 40px; } } .cl-pdp .product-benefits__heading { text-align: center; } @media screen and (min-width: 990px) { .cl-pdp .product-benefits__heading { min-width: 260px; text-align: unset; } } @media screen and (min-width: 1200px) { .cl-pdp .product-benefits__heading { min-width: 298px; } } .cl-pdp .product-benefits__heading * { margin: 0px; } .cl-pdp .product-benefits__content { display: flex; flex-direction: column-reverse; gap: 24px; width: 100%; } @media screen and (min-width: 1200px) { .cl-pdp .product-benefits__content { flex-direction: row; justify-content: space-between; gap: 40px; } } @media screen and (min-width: 1200px) { .cl-pdp .product-benefits__richtext { max-width: 410px; } } .cl-pdp .product-benefits__richtext :first-child { margin-top: 0px; } .cl-pdp .product-benefits__richtext :last-child { margin-bottom: 0px; } .cl-pdp .product-benefits__richtext p { margin-block: 8px; } .cl-pdp .product-benefits__richtext p:not(:first-child) strong { margin-top: 40px; } .cl-pdp .product-benefits__richtext strong { display: block; line-height: 1.2; font-size: calc(var(--font-body-scale)*16px) !important; } .cl-pdp .product-benefits__media img, .cl-pdp .product-benefits__media svg, .cl-pdp .product-benefits__media video { display: block; margin-inline: auto; width: 100%; max-width: 450px; height: auto; border-radius: 20px; } @media screen and (min-width: 990px) { .cl-pdp .product-benefits__media img, .cl-pdp .product-benefits__media svg, .cl-pdp .product-benefits__media video { margin-inline: unset; margin-bottom: auto; border-radius: 24px; } } .cl-pdp .product-benefits__media img, .cl-pdp .product-benefits__media video { object-fit: cover; } .cl-pdp .section--cl-tpl__product_benefits_rz7HJa { padding-top: 40px; padding-bottom: 40px; } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__product_benefits_rz7HJa { padding-top: 128px; padding-bottom: 128px; } } @media only screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__product_benefits_rz7HJa h2:has(em), .cl-pdp #cl-shopify-section-cl-tpl__product_benefits_rz7HJa h2 em { font-size: calc(var(--font-heading-scale) * 40px); } } @media screen and (min-width: 990px) { .cl-pdp #cl-shopify-section-cl-tpl__product_benefits_rz7HJa h2 em { margin-left: -0.14em; } } .cl-pdp .color-scheme-0ec5db07-1fce-48e1-8243-3f59e304a395 { --color-background: 250,248,246; --gradient-background: #faf8f6; --color-foreground: 30,30,30; --color-background-contrast: 204,184,164; --color-shadow: 235,225,214; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 250,248,246; --color-secondary-button-text: 0,0,0; --color-link: 0,0,0; --color-badge-foreground: 30,30,30; --color-badge-background: 250,248,246; --color-badge-border: 30,30,30; --color-accent: 188,30,30; --payment-terms-background-color: rgb(250 248 246); } .cl-pdp .color-scheme-27bd72dc-a699-4e2b-9561-23adcadf323d { --color-background: 255,255,255; --gradient-background: #ffffff; --color-foreground: 30,30,30; --color-background-contrast: 191,191,191; --color-shadow: 30,30,30; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 255,255,255; --color-secondary-button-text: 30,30,30; --color-link: 30,30,30; --color-badge-foreground: 30,30,30; --color-badge-background: 255,255,255; --color-badge-border: 30,30,30; --color-accent: 188,30,30; --payment-terms-background-color: rgb(255 255 255); } .cl-pdp .swiper-arrow-next, .cl-pdp .swiper-arrow-prev { border-radius: 50%; display: flex; justify-content: center; align-items: center; background: rgb(255, 255, 255); width: 32px !important; min-width: 32px !important; height: 32px !important; color: rgb(var(--color-foreground)) !important; top: var(--swiper-navigation-top-offset, 38%) !important; } .cl-pdp .swiper-arrow-next::after, .cl-pdp .swiper-arrow-prev::after { content: none !important; } .cl-pdp .swiper-arrow-next svg, .cl-pdp .swiper-arrow-prev svg { width: 10px !important; height: 10px !important; } .cl-pdp .swiper-button-next { z-index: 2 !important; } @media screen and (max-width: 749.98px) { .cl-pdp .swiper-button-next { right: var(--swiper-navigation-sides-offset, 0px) !important; } } .cl-pdp .swiper-button-prev { z-index: 2 !important; } @media screen and (max-width: 749.98px) { .cl-pdp .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 0px) !important; } } .cl-pdp :is(.featured-collection, .tabs-collections, .collection, .related-wrapper, .ce-product-recommendations, recently-viewed-products) [data-discounted-price] .price__discount-badge { display: none !important; } .cl-pdp .isolate { position: relative; z-index: 0; } .cl-pdp .bodytext-xs { font-size: calc(var(--font-body-scale) * 12px) !important; line-height: 1.2; } .cl-pdp .media.media--hover-effect > img + img { opacity: 0; } .cl-pdp .swiper-button-next, .cl-pdp .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .cl-pdp .swiper-button-next.swiper-button-disabled, .cl-pdp .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .cl-pdp .swiper-button-next svg, .cl-pdp .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center center; } .cl-pdp .swiper-button-prev, .cl-pdp .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; } .cl-pdp .swiper-button-next::after, .cl-pdp .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } .cl-pdp .swiper-button-prev::after, .cl-pdp .swiper-rtl .swiper-button-next::after { content: "prev"; } .cl-pdp .swiper-button-next, .cl-pdp .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; } .cl-pdp .swiper-button-next::after, .cl-pdp .swiper-rtl .swiper-button-prev::after { content: "next"; } @media screen and (min-width: 990px) { .cl-pdp .card-wrapper:hover .media.media--hover-effect > img:first-child:not(:only-child) { opacity: 0; } } @media screen and (min-width: 990px) { .cl-pdp .card-wrapper:hover .media.media--hover-effect > img + img { opacity: 1; transition: transform var(--duration-long) ease; transform: scale(1.03); } } .cl-pdp .related-wrapper { overflow: hidden; } .cl-pdp .related-products { display: block; } .cl-pdp .related-products__heading { margin: 0px 0px 26px; } @media screen and (min-width: 750px) { .cl-pdp .related-products__heading { margin: 0px 0px 32px; } } .cl-pdp .related-products .swiper-slide { height: auto; } .cl-pdp .related-products .swiper-arrow-prev, .cl-pdp .related-products .swiper-arrow-next { top: 44% !important; } .cl-pdp .product-card-wrapper .card__badge-shades { border-radius: var(--badge-corner-radius); background-color: rgb(var(--color-background)); display: flex; justify-content: center; align-items: center; padding: 5px 8px 4px; color: rgb(var(--color-foreground)) !important; } .cl-pdp .product-card-wrapper .card__badge-shades svg { margin-right: 8px; margin-top: -2px; } .cl-pdp .product-card-wrapper .clx-card .clx-quick-add .btn.btn--primary { width: 100%; min-width: 76px; height: 44px; min-height: 44px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } @media screen and (max-width: 749.98px) { .cl-pdp .product-card-wrapper .clx-card .clx-quick-add .btn.btn--primary { width: 100%; min-width: 100%; } } .cl-pdp .section-cl-tpl__related-products-padding { padding-top: 64px; padding-bottom: 64px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__related-products-padding { padding-top: 80px; padding-bottom: 80px; } } .cl-pdp .eui-slider { position: relative; height: 100%; user-select: none; overflow: hidden; } .cl-pdp .eui-slider-inner { z-index: 1; position: relative; height: 100%; display: flex; transition-property: transform, -webkit-transform; } .cl-pdp .eui-slider-slide { width: 100%; height: 100%; display: inline-block; overflow: hidden; flex-grow: 1; flex-shrink: 0; } .cl-pdp .eui-slider-arrow { opacity: 0; visibility: hidden; pointer-events: none; } .cl-pdp .eui-slider-arrow-enabled { opacity: 1; visibility: visible; pointer-events: all; } .cl-pdp .eapps-instagram-feed-container div:empty { display: block; } .cl-pdp .eapps-instagram-feed { font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Open Sans", "Helvetica Neue", sans-serif; line-height: 18px; font-weight: 400; width: 100%; max-height: 100%; position: relative; box-sizing: border-box; min-width: 150px; min-height: 100px; } .cl-pdp .eapps-instagram-feed-title { font-size: 24px; font-weight: 600; text-align: center; line-height: 32px; padding: 24px 10px; } .cl-pdp .eapps-instagram-feed-content { position: relative; width: 100%; } .cl-pdp .eapps-instagram-feed-content-loader { color: rgba(0, 0, 0, 0.2); } .cl-pdp .eapps-instagram-feed-container { width: 100%; } .cl-pdp .eapps-instagram-feed a { text-decoration: none; color: rgb(0, 0, 0); margin: 0px; } .cl-pdp .eapps-instagram-feed a:hover { text-decoration: underline; } .cl-pdp .eapps-instagram-feed-loader { box-sizing: border-box; display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%; border-style: solid; border-top-color: transparent; animation: 1s linear 0s infinite normal none running eapps-instagram-feed-loader; opacity: 0; visibility: hidden; width: 32px; height: 32px; margin: -16px 0px 0px -16px; border-width: 2px; z-index: 1; } .cl-pdp .eapps-instagram-feed-data-status { position: fixed; bottom: 20px; right: 20px; padding: 16px; border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px; z-index: 99999999; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.2s; max-width: 320px; } .cl-pdp .eapps-instagram-feed-header { background: rgb(255, 255, 255); padding: 20px; } .cl-pdp .eapps-instagram-feed-header-inner { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 0px auto; max-width: 600px; } .cl-pdp .eapps-instagram-feed-header-user { display: flex; align-items: center; } .cl-pdp .eapps-instagram-feed-header-user-picture { display: block; width: 40px; height: 40px; border-radius: 50%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; box-sizing: border-box; transition: 0.2s; margin: 0px !important; } .cl-pdp .eapps-instagram-feed-header-user-picture:hover { opacity: 0.95; } .cl-pdp .eapps-instagram-feed-header-user-picture-wrapper { background: linear-gradient(40deg, rgb(249, 155, 74) 15%, rgb(221, 48, 113) 50%, rgb(199, 46, 141) 85%); width: 48px; height: 48px; border-radius: 50%; padding: 4px; box-sizing: border-box; margin-right: 12px; } .cl-pdp .eapps-instagram-feed-header-user-picture-wrapper > a { width: 100%; height: 100%; display: block; border-radius: 50%; } .cl-pdp .eapps-instagram-feed-header-user-info-name { display: flex; align-items: center; font-size: 16px; font-weight: bold; color: currentcolor; } .cl-pdp .eapps-instagram-feed-header-user-info-verified-badge { display: block; margin-left: 4px; width: 12px; height: 12px; } .cl-pdp .eapps-instagram-feed-header-user-info-verified-badge svg { display: block; width: 12px; height: 12px; } .cl-pdp .eapps-instagram-feed-header-user-info-caption { font-size: 12px; opacity: 0.5; } .cl-pdp .eapps-instagram-feed-header-stats { display: flex; } .cl-pdp .eapps-instagram-feed-header-user + .eapps-instagram-feed-header-stats { margin-left: 40px; } .cl-pdp .eapps-instagram-feed-header-stats-item { text-align: center; margin-right: 20px; } .cl-pdp .eapps-instagram-feed-header-stats-item:last-child { margin-right: 0px; } .cl-pdp .eapps-instagram-feed-header-stats-item-value { font-size: 14px; font-weight: bold; color: currentcolor; } .cl-pdp .eapps-instagram-feed-header-stats-item-label { font-size: 12px; color: currentcolor; opacity: 0.5; } .cl-pdp .eapps-instagram-feed-header-follow-button { display: flex; align-items: center; position: relative; height: 32px; line-height: 32px; border-radius: 4px; overflow: hidden; padding: 0px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgb(0, 149, 246); color: rgb(255, 255, 255); text-align: center; outline: none; cursor: pointer; margin-left: 40px; font-size: 14px; transition: background 0.2s; text-decoration: none; } .cl-pdp .eapps-instagram-feed-header-user + .eapps-instagram-feed-header-follow-button-wrapper, .cl-pdp .eapps-instagram-feed-header-stats + .eapps-instagram-feed-header-follow-button-wrapper { margin-left: 40px; } .cl-pdp .eapps-instagram-feed-header-follow-button::after { content: ""; position: absolute; inset: 0px; background: currentcolor; opacity: 0; visibility: hidden; transition: 0.2s; } .cl-pdp .eapps-instagram-feed-header-follow-button:hover { text-decoration: none; } .cl-pdp .eapps-instagram-feed-header-follow-button:hover::after { opacity: 0.1; visibility: visible; } .cl-pdp .eapps-instagram-feed-header-follow-button-icon { width: 16px; height: 16px; display: block; fill: currentcolor; margin-right: 8px; } .cl-pdp .eapps-instagram-feed-header-follow-button-label { color: currentcolor; } .cl-pdp .eapps-instagram-feed-posts { width: 100%; } .cl-pdp .eapps-instagram-feed-posts-container { width: 100%; } .cl-pdp .eapps-instagram-feed-posts-inner { box-sizing: border-box; position: relative; } .cl-pdp .eapps-instagram-feed-posts-view { display: inline-flex; flex-flow: wrap; justify-content: flex-start; box-sizing: border-box; width: 100%; height: auto; } .cl-pdp .eapps-instagram-feed-posts-view.eui-slider-slide { display: inline-flex; width: 100%; height: auto; } .cl-pdp .eapps-instagram-feed-posts-slider { position: relative; height: auto; user-select: none; cursor: grab; width: 100%; } .cl-pdp .eapps-instagram-feed-posts-slider-inner { z-index: 1; position: relative; height: auto; display: flex; width: 100%; } .cl-pdp .eapps-instagram-feed-posts-slider-nav { background: rgb(0, 0, 0); position: absolute; top: 50%; width: 60px; height: 60px; justify-content: center; align-items: center; border-radius: 50%; z-index: 1; cursor: pointer; opacity: 0.85; transition: 0.2s; backface-visibility: hidden; } .cl-pdp .eapps-instagram-feed-posts-slider-nav-icon { width: 12px; height: 16px; fill: rgb(255, 255, 255); display: block; position: absolute; top: 50%; transform: translateY(-50%); } .cl-pdp .eapps-instagram-feed-posts-slider-nav:hover { opacity: 1; } .cl-pdp .eapps-instagram-feed-posts-slider-prev { left: 0px; transform: translate3d(-50%, -50%, 0px); box-shadow: rgba(0, 0, 0, 0.3) 2px 0px 5px; } .cl-pdp .eapps-instagram-feed-posts-slider-prev .eapps-instagram-feed-posts-slider-nav-icon { right: 12px; } .cl-pdp .eapps-instagram-feed-posts-slider-prev:active { transform: translate3d(-50%, -50%, 0px) scale(0.9); } .cl-pdp .eapps-instagram-feed-posts-slider-next { right: 0px; transform: translate(50%, -50%); box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 5px; } .cl-pdp .eapps-instagram-feed-posts-slider-next .eapps-instagram-feed-posts-slider-nav-icon { left: 12px; } .cl-pdp .eapps-instagram-feed-posts-slider-next:active { transform: translate3d(50%, -50%, 0px) scale(0.9); } .cl-pdp .eapps-instagram-feed-posts-item { box-sizing: border-box; display: flex; flex-direction: column; position: relative; background: rgb(255, 255, 255); transition: opacity 0.2s, visibility 0.2s; opacity: 0; visibility: hidden; overflow: hidden; flex-grow: 0; flex-shrink: 0; } .cl-pdp .eapps-instagram-feed-posts-item-visible.eapps-instagram-feed-posts-item-loaded { opacity: 1; visibility: visible; } .cl-pdp .eapps-instagram-feed-posts-item a, .cl-pdp .eapps-instagram-feed-posts-item a:hover { color: rgb(0, 53, 105); } .cl-pdp .eapps-instagram-feed-posts-item-link { cursor: pointer; } .cl-pdp .eapps-instagram-feed-posts-item-image { width: auto; top: 50%; left: 50%; position: absolute !important; margin: 0px !important; transform: translate(-50%, -50%) !important; } .cl-pdp .eapps-instagram-feed-posts-item-image-portrait .eapps-instagram-feed-posts-item-image { width: 100%; } .cl-pdp .eapps-instagram-feed-posts-item-image-landscape .eapps-instagram-feed-posts-item-image { min-width: 100%; height: 100% !important; max-width: inherit !important; } .cl-pdp .eapps-instagram-feed-posts-item-image-wrapper { padding-top: 100%; position: relative; overflow: hidden; margin: -1px; } .cl-pdp .eapps-instagram-feed-posts-item-image-icon { display: none; position: absolute; z-index: 2; top: 0.6em; right: 0.6em; width: 24px; height: 24px; transition: 0.3s; } .cl-pdp .eapps-instagram-feed-posts-item-image-icon svg { display: block; width: 24px; height: 24px; fill: rgba(255, 255, 255, 0.8); } .cl-pdp .eapps-instagram-feed-posts-item-type-video .eapps-instagram-feed-posts-item-image-icon-video { display: block; } .cl-pdp .eapps-instagram-feed-posts-item-type-carousel .eapps-instagram-feed-posts-item-image-icon-carousel { display: block; } .cl-pdp .eapps-instagram-feed-posts-item-likes-count, .cl-pdp .eapps-instagram-feed-posts-item-comments-count { display: inline-flex; align-items: center; } .cl-pdp .eapps-instagram-feed-posts-item-likes-count-icon, .cl-pdp .eapps-instagram-feed-posts-item-comments-count-icon { fill: currentcolor; width: 24px; height: 24px; } .cl-pdp .eapps-instagram-feed-posts-item-likes-count-label, .cl-pdp .eapps-instagram-feed-posts-item-comments-count-label { margin-left: 6px; font-size: 14px; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile { user-select: none; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-link { width: 100%; box-sizing: border-box; display: flex; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay { position: absolute; z-index: 2; inset: -1px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s, visibility 0.3s; text-align: center; box-sizing: border-box; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay { transition: none; } } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay-hover, .cl-pdp .eapps-instagram-feed-posts-item-with-data:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay { opacity: 1; visibility: visible; pointer-events: all; padding-top: 0px; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-content { transform: translateY(10%); width: 80%; max-height: 80%; margin: 0px auto; position: relative; transition: 0.3s; } .cl-pdp .eapps-instagram-feed-posts-item-with-data:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-content { transform: translateY(0px); } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-media { width: 100%; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image { transition: transform 0.3s, filter 0.3s, -webkit-transform 0.3s, -webkit-filter 0.3s; left: 50%; transform: scale(1) translate(-50%, -50%); transform-origin: 0px 0px; backface-visibility: hidden; } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image { transition: none; } } .cl-pdp .eapps-instagram-feed-posts-item-with-data:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image { transform: scale(1.1) translate(-50%, -50%); transform-origin: 0px 0px; filter: grayscale(1); } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .cl-pdp .eapps-instagram-feed-posts-item-with-data:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image { transform: scale(1.05) translate(-50%, -50%); } } .cl-pdp .eapps-instagram-feed-posts-item-with-data:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image-icon { opacity: 0; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count, .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count { min-width: 70px; justify-content: center; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count-label, .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count-label { font-size: 16px; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count-icon, .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count-icon { width: 24px; height: 24px; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count + .eapps-instagram-feed-posts-item-comments-count { margin-left: 20px; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-text { font-size: 14px; line-height: 21px; display: inline-block; overflow: hidden; margin-top: 12%; text-align: center; max-height: 84px; width: 100%; } .cl-pdp .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-text-clone { opacity: 0; visibility: hidden; position: absolute; left: 0px; right: 0px; max-height: none; } .cl-pdp .section-cl-tpl__custom_liquid_KYbXzd-padding { padding-top: calc(30px); padding-bottom: calc(39px); } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__custom_liquid_KYbXzd-padding { padding-top: 40px; padding-bottom: 52px; } } .cl-pdp #eapps-instagram-feed-1 a, .cl-pdp #eapps-instagram-feed-popup-1 a { text-decoration: none; color: rgb(0, 0, 0); margin: 0px; } .cl-pdp #eapps-instagram-feed-1 a:hover, .cl-pdp #eapps-instagram-feed-popup-1 a:hover { text-decoration: underline; } .cl-pdp #eapps-instagram-feed-1 { width: 100%; } .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-header { background: rgb(250, 248, 246); } .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-header-user-picture { box-shadow: rgb(250, 248, 246) 0px 0px 0px 2px; } .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-header, .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-header a { color: rgb(30, 30, 30); } .cl-pdp #eapps-instagram-feed-1 a.eapps-instagram-feed-header-follow-button, .cl-pdp #eapps-instagram-feed-1 a.eapps-instagram-feed-header-follow-button:hover { text-decoration: none; background: rgb(30, 30, 30); } .cl-pdp #eapps-instagram-feed-1 a.eapps-instagram-feed-header-follow-button, .cl-pdp #eapps-instagram-feed-1 a.eapps-instagram-feed-header-follow-button:hover { color: rgb(255, 255, 255); } .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item, .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-content, .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-text, .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item a, .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item a:hover { color: rgb(0, 0, 0); } .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-overlay .eapps-instagram-feed-posts-item-content, .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-overlay .eapps-instagram-feed-posts-item-text { color: rgb(255, 255, 255); } .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-overlay { background: rgba(0, 0, 0, 0.8); } .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-posts-slider-nav-icon { fill: rgb(255, 255, 255); } .cl-pdp #eapps-instagram-feed-1 .eapps-instagram-feed-posts-slider-nav { background: rgba(0, 0, 0, 0.9); } .cl-pdp .color-scheme-a2c3f00b-a17a-4a35-9b8b-f3247df9d990 { --color-background: 235,225,214; --gradient-background: #ebe1d6; --color-foreground: 30,30,30; --color-background-contrast: 193,162,128; --color-shadow: 30,30,30; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 235,225,214; --color-secondary-button-text: 30,30,30; --color-link: 30,30,30; --color-badge-foreground: 30,30,30; --color-badge-background: 235,225,214; --color-badge-border: 30,30,30; --color-accent: 188,30,30; --payment-terms-background-color: rgb(235 225 214); } .cl-pdp h4, .cl-pdp .clx-h4 { font-size: calc(var(--font-heading-scale) * 20px); } @media only screen and (min-width: 750px) { .cl-pdp h4, .cl-pdp .clx-h4 { font-size: calc(var(--font-heading-scale) * 32px); } } .cl-pdp .ask-fin { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--ask-fin-bg, #ffffff); border: 1px solid var(--ask-fin-border, #e5e5e5); border-radius: var(--ask-fin-radius, 12px); color: var(--ask-fin-text, #1a1a1a); display: flex; flex-direction: column; gap: 0px; overflow: hidden; max-width: 100%; box-sizing: border-box; } .cl-pdp .ask-fin__header { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--ask-fin-border, #e5e5e5); } .cl-pdp .ask-fin__icon { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; color: var(--ask-fin-text, #1a1a1a); flex-shrink: 0; } .cl-pdp .ask-fin__heading { font-size: 15px; font-weight: 600; line-height: 1; margin: 0px; color: var(--ask-fin-text, #1a1a1a); } .cl-pdp .ask-fin__suggestions { display: flex; flex-direction: column; gap: 8px; padding: 8px 16px 0px; } .cl-pdp .ask-fin__suggestions:empty { display: none; } .cl-pdp .ask-fin__form { display: flex; position: relative; padding: 12px 16px; max-width: 600px; } .cl-pdp .ask-fin__input { flex: 1 1 0%; height: 40px; padding: 8px 44px 8px 16px; font-family: inherit; font-size: 14px; font-weight: 400; color: var(--ask-fin-text, #1a1a1a); background: var(--ask-fin-bg, #ffffff); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 24px; box-shadow: inset 0 0 0 1px var(--ask-fin-input-border, #E9EAE6); outline: none; transition: box-shadow 0.2s, height 0.3s, border-radius 0.3s, background 0.3s; box-sizing: border-box; width: 100%; } .cl-pdp .ask-fin__input::placeholder { color: rgb(129, 129, 126); } .cl-pdp .ask-fin__input:hover { box-shadow: inset 0 0 0 1px var(--ask-fin-input-border, #C6C9C0), 0 0 0 5px rgba(0, 0, 0, 0.05); } .cl-pdp .ask-fin__input:focus { box-shadow: inset 0 0 0 2px var(--ask-fin-accent, #000000); } .cl-pdp .ask-fin__submit { position: absolute; right: 20px; top: 16px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--ask-fin-btn-bg, #f8f8f7); color: rgb(142, 142, 140); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 100px; cursor: default; pointer-events: none; opacity: 0.5; transition: background 140ms cubic-bezier(0.4, 0, 0.2, 1), color 140ms cubic-bezier(0.4, 0, 0.2, 1), opacity 140ms cubic-bezier(0.4, 0, 0.2, 1); padding: 0px; } .cl-pdp .ask-fin__submit:hover { background: var(--ask-fin-accent, #1a1a1a); color: rgb(255, 255, 255); } .cl-pdp .ask-fin .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } .cl-pdp .accordion-list__heading { margin-bottom: 32px; } @media screen and (min-width: 990px) { .cl-pdp .accordion-list__heading { margin-bottom: 64px; } } .cl-pdp .accordion-list__heading > * { margin: 0px; line-height: 1.4; } .cl-pdp .accordion-list__wrapper { margin-inline: auto; max-width: 860px; } .cl-pdp .accordion-list__wrapper .accordion-list__item { border-bottom: 1px solid rgba(var(--color-foreground), 0.1); } .cl-pdp .accordion-list__wrapper .accordion-list__item:first-child { border-top: 1px solid rgba(var(--color-foreground), 0.1); } .cl-pdp .accordion-list__wrapper .accordion-list__item-title { min-height: 68px; } .cl-pdp .accordion-list__wrapper .accordion-list__item-title::after { content: none; } .cl-pdp .accordion-list__wrapper .accordion-list__item-title .icon-accordion::before, .cl-pdp .accordion-list__wrapper .accordion-list__item-title .icon-accordion::after { width: 12px; } .cl-pdp .accordion-list__wrapper .accordion-list__item-content-inner { overflow: hidden; } .cl-pdp .accordion-list__wrapper .accordion-list__item-content-inner :first-child { margin-top: 0px; } .cl-pdp .accordion-list__wrapper .accordion-list__item-content-inner :last-child { margin-bottom: 24px; } .cl-pdp .accordion-list__apps { margin-top: 32px; } @media screen and (min-width: 990px) { .cl-pdp .accordion-list__apps { margin-top: 48px; } } .cl-pdp .section--cl-tpl__accordion_list_wtdHEL { padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__accordion_list_wtdHEL { padding-top: 80px; padding-bottom: 80px; } } .cl-pdp .justify-content-start { justify-content: flex-start !important; } .cl-pdp .text-bold { font-weight: 600 !important; } .cl-pdp .ml-2 { margin-left: 8px !important; } .cl-pdp .product-form__input--pill > input[type="radio"] + label { background-color: rgb(255, 255, 255) !important; min-height: 80px; } .cl-pdp .product-form__input--pill > input[type="radio"] + label img { display: block; margin-block: auto; width: 48px; height: 48px; object-fit: cover; flex-shrink: 0; margin-right: 16px; } .cl-pdp .product-form__input--pill > input[type="radio"] + label .option-info { display: flex; justify-content: space-between; width: 100%; gap: 10px; } .cl-pdp .product-form__input--pill > input[type="radio"] + label .option-info__title { font-weight: 700; display: flex; flex-wrap: wrap; gap: 6px; } .cl-pdp .product-form__input--pill > input[type="radio"] + label .option-info__main { display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; } .cl-pdp .product-form__input--pill > input[type="radio"] + label .option-info__main .clx-price { margin-top: 4px; } .cl-pdp .product-form__input--pill > input[type="radio"] + label .option-info__main .free-shipping { margin-top: 8px; font-size: 12px; line-height: 1; text-transform: uppercase; letter-spacing: 1px; color: rgb(99, 82, 71); } .cl-pdp .product-form__input--extended > input[type="radio"]:not(:checked) + label { border-color: rgb(228, 226, 224); } .cl-pdp .product-form__input--extended > input[type="radio"] + label { flex-direction: column; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .option-info { padding: 12px; flex-wrap: wrap; } @media screen and (min-width: 990px) { .cl-pdp .product-form__input--extended > input[type="radio"] + label .option-info { padding: 12px 16px; } } .cl-pdp .product-form__input--extended > input[type="radio"] + label .option-info__main { flex-direction: row; justify-content: space-between; width: 100%; gap: 8px; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .input-circle { width: 12px; height: 12px; border: 1px solid; border-radius: 50%; margin: 1px 6px 1px 2px; transition: var(--duration-short) ease-out; flex-shrink: 0; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .title-side { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; flex-grow: 1; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .title-side .option-description { font-size: 12px; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .title-side .option-description p { margin: 0px; font-size: 12px; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .clx-price { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 8px; margin-left: auto; margin-top: 0px !important; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .clx-price .ce-price-snippet { justify-content: flex-end; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .clx-price .ce-price-snippet .price-item { white-space: nowrap; } .cl-pdp .product-form__input--extended > input[type="radio"]:checked + label .input-circle { background: rgb(var(--color-foreground)); outline: 2px solid rgba(var(--color-foreground)); outline-offset: var(--focused-base-outline-offset); } .cl-pdp .product-form__input--compact { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 6px !important; max-width: unset !important; } .cl-pdp .product-form__input--compact:not(.product-form__input--compact-offer-picker) .offer__option .clx-price, .cl-pdp .product-form__input--compact:not(.product-form__input--compact-offer-picker) .offer__option .option-info__badges, .cl-pdp .product-form__input--compact:not(.product-form__input--compact-offer-picker) .offer__option .option-description { display: none !important; } .cl-pdp .product-form__input--compact > input[type="radio"]:not(:checked) + label { border-color: rgb(228, 226, 224); } .cl-pdp .product-form__input--compact > input[type="radio"] + label { flex-direction: column; } .cl-pdp .product-form__input--compact > input[type="radio"] + label .option-info { min-height: 50px; padding: 12px; flex-wrap: wrap; } @media screen and (min-width: 990px) { .cl-pdp .product-form__input--compact > input[type="radio"] + label .option-info { padding: 12px 16px; } } .cl-pdp .product-form__input--compact > input[type="radio"] + label .option-info__main { flex-direction: row; justify-content: space-between; align-items: center; width: 100%; gap: 8px; } .cl-pdp .product-form__input--compact > input[type="radio"] + label .input-circle { width: 12px; height: 12px; border: 1px solid; border-radius: 50%; margin: 1px 6px 1px 2px; transition: var(--duration-short) ease-out; flex-shrink: 0; } .cl-pdp .product-form__input--compact > input[type="radio"] + label .title-side { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; flex-grow: 1; } .cl-pdp .product-form__input--compact > input[type="radio"] + label .title-side .option-description { font-size: 12px; } .cl-pdp .product-form__input--compact > input[type="radio"] + label .title-side .option-description p { margin: 0px; font-size: 12px; } .cl-pdp .product-form__input--compact > input[type="radio"] + label .clx-price { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 8px; margin-left: auto; margin-top: 0px !important; } .cl-pdp .product-form__input--compact > input[type="radio"] + label .clx-price .ce-price-snippet { justify-content: flex-end; } .cl-pdp .product-form__input--compact > input[type="radio"] + label .clx-price .ce-price-snippet .price-item { white-space: nowrap; } .cl-pdp .product-form__input--compact > input[type="radio"]:checked + label .input-circle { background: rgb(var(--color-foreground)); outline: 2px solid rgba(var(--color-foreground)); outline-offset: var(--focused-base-outline-offset); } .cl-pdp .product-form__input--pill > input[type="radio"] + label.offer__option { padding: 0px; min-height: unset; flex-direction: column; } .cl-pdp .product-form__input--pill > input[type="radio"]:not(:checked) + label.offer__option { border-color: rgb(228, 226, 224); } .cl-pdp .offer__option-label { padding: 12px; border-radius: var(--variant-pills-radius) var(--variant-pills-radius) 0 0; background: rgb(var(--color-background)); color: rgb(99, 82, 71); letter-spacing: 1.4px; text-transform: uppercase; font-size: calc(var(--font-body-scale)*13px); line-height: 1.2; font-weight: 700; } @media screen and (min-width: 990px) { .cl-pdp .offer__option-label { padding: 12px 16px; } } .cl-pdp .offer__option-top { display: flex; padding: 10px 16px; } .cl-pdp .offer__option-top img { margin-right: 10px !important; flex-shrink: 0; } .cl-pdp .offer__option-info { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 10px; } .cl-pdp .offer__option-info .clx-price { display: flex; flex-direction: column; align-items: flex-end; } .cl-pdp .offer__option-info .ce-price-snippet { flex-shrink: 0; } .cl-pdp .offer__option-pre, .cl-pdp .offer__option-bottom { display: flex; align-items: center; padding: 0px 16px; min-height: 24px; } .cl-pdp .offer__option-pre span, .cl-pdp .offer__option-bottom span { font-size: 12px; line-height: 1; text-transform: uppercase; letter-spacing: 1px; } .cl-pdp .offer__option-pre { border-bottom: 1px solid rgb(228, 226, 224); border-radius: var(--variant-pills-radius) var(--variant-pills-radius) 0 0; background: rgb(222, 206, 186); } .cl-pdp .offer__option-pre span { font-weight: 700; width: 100%; text-align: center; } .cl-pdp .offer__option-bottom { border-top: 1px solid rgb(228, 226, 224); } .cl-pdp .offer__option-bottom span { color: rgb(99, 82, 71); } .cl-pdp .offer__option-bottom fieldset:last-of-type { margin-bottom: 0px; } .cl-pdp .offer__option-bottom--with-gifts { flex-direction: column; align-items: flex-start; gap: 10px; padding-block: 10px; } .cl-pdp .offer__option-bottom--with-gifts .subitem { display: flex; align-items: center; width: 100%; } .cl-pdp .offer__option-bottom--with-gifts .subitem img { width: 32px !important; height: 32px !important; } .cl-pdp .offer__option-bottom--with-gifts .subitem span { text-transform: unset; } .cl-pdp .offer__option-bottom--with-gifts .subitem-description { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 6px; } .cl-pdp .offer__option-bottom--with-gifts .subitem-price { flex-shrink: 0; } .cl-pdp .ce-combined-listing .price__discount-badge { display: none; } .cl-pdp .accordion-list__item.opened .accordion-list__item-content { grid-template-rows: 1fr; } .cl-pdp .accordion-list__item.opened .icon-accordion::after { transform: translate(50%); } .cl-pdp .accordion-list__item-content-inner img { width: 100%; } .cl-pdp .shopify-app-block:has([class^="junip-"]) { flex-grow: 1; max-width: 100%; width: inherit; } .cl-pdp [class^="junip-"], .cl-pdp [class^="junip-"] *, .cl-pdp [class^="junip-"] ::after, .cl-pdp [class^="junip-"] ::before, .cl-pdp [class^="junip-"]::after, .cl-pdp [class^="junip-"]::before { box-sizing: border-box; } .cl-pdp .product__custom-review-widget { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 16px 0px; } .cl-pdp .product__custom-review-widget:is(a) { color: inherit; text-decoration: none; } @media (hover: hover) { .cl-pdp .product__custom-review-widget:is(a):hover { text-decoration: underline; } } .cl-pdp .product__custom-review-widget p { margin: 0px; } .cl-pdp .product__custom-review-widget .text-container { display: inline-flex; flex-wrap: wrap; } .cl-pdp .product__custom-review-widget .text-container [data-tp-total] { min-width: 44px; } .cl-pdp .product__custom-review-widget .icon-arrow { margin-left: 6px; transform: rotate(90deg); } @media screen and (min-width: 750px) { .cl-pdp .product .video-reviews:hover .video-items .swiper-button-prev, .cl-pdp .product .video-reviews:hover .video-items .swiper-button-next { display: flex; } } .cl-pdp .product .video-reviews .swiper-slide { width: auto; } .cl-pdp .product .video-reviews .swiper-slide video { max-height: 220px; } @media screen and (max-width: 749.98px) { .cl-pdp .product .video-reviews .swiper-slide video { min-height: 280px !important; max-height: 280px !important; } } @media (max-width: 525px) { .cl-pdp .product .video-reviews .swiper-slide video { min-height: 220px !important; max-height: 220px !important; } } @media (max-width: 420px) { .cl-pdp .product .video-reviews .swiper-slide video { min-height: 172px !important; max-height: 172px !important; } } @media screen and (max-width: 749.98px) { .cl-pdp .product .video-reviews .video-reviews__wrapper { margin-inline: calc(var(--page-width-x-paddings-mobile)*-1); } } .cl-pdp .product-form__input--pill > input[type="radio"] + label { border: var(--variant-pills-border-width) solid transparent; background-color: rgb(var(--color-background)); border-radius: var(--variant-pills-radius); color: rgb(var(--color-foreground)); display: inline-flex; margin: 0px 0px 4px; padding: 8px 8px 8px 16px; font-size: 14px; letter-spacing: normal; line-height: 1.2; transition: border var(--duration-short) ease; cursor: pointer; position: relative; width: 100%; } .cl-pdp .product-form__input--pill 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 .product-form__input--pill input[type="radio"] + label:hover { border-color: rgb(var(--color-foreground)); } .cl-pdp .product-form__input--pill input[type="radio"]:checked + label { border-color: rgba(var(--color-foreground),var(--variant-pills-border-opacity)); } @media screen and (forced-colors: active) { .cl-pdp .product-form__input--pill input[type="radio"]:checked + label { text-decoration: underline; } } .cl-pdp .product-form__input--pill input[type="radio"]:checked + label::selection { background-color: rgba(var(--color-background),.3); } .cl-pdp .nudge-container { display: flex !important; justify-content: left !important; width: 100% !important; gap: 12px !important; padding: 0px !important; margin: 0px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; vertical-align: middle !important; } .cl-pdp .nudge-dot-wrapper { position: relative !important; width: 14px !important; height: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .cl-pdp .nudge-dot-main { position: relative !important; width: 10px !important; height: 10px !important; background-color: rgb(234, 179, 8) !important; border-radius: 50% !important; z-index: 2 !important; display: block !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px !important; } .cl-pdp .nudge-dot-pulse { position: absolute !important; width: 10px !important; height: 10px !important; background-color: rgb(234, 179, 8) !important; border-radius: 50% !important; z-index: 1 !important; animation: 2s ease-out 0s infinite normal none running nudge-pulse-ring !important; display: block !important; pointer-events: none !important; } .cl-pdp .nudge-text { font-size: 14px !important; font-weight: 400 !important; color: rgb(32, 34, 35) !important; line-height: 1 !important; margin: 0px !important; padding: 0px !important; display: inline-block !important; } .cl-pdp .dicount-copy-wrapper--discount_code_RPRKKC .text-side { color: rgb(30, 30, 30); background: rgb(255, 255, 255); padding: 0px 10px; border-radius: 4px; } .cl-pdp .dicount-copy-wrapper--discount_code_RPRKKC .text-side, .cl-pdp .dicount-copy-wrapper--discount_code_RPRKKC .copy-success { justify-content: center; } .cl-pdp .dicount-copy-wrapper--discount_code_RPRKKC:not(:has(.ce-discount-copy.visually-hidden)) { min-height: 24px; } .cl-pdp .video-reviews { position: relative; } @media screen and (max-width: 749.98px) { .cl-pdp .video-reviews__wrapper { padding: 0px 16px; } } .cl-pdp .video-reviews .video-items .video-item { position: relative; cursor: pointer; height: auto; } .cl-pdp .video-reviews .video-items .video-item:hover .play svg { transform: scale(1.1); } .cl-pdp .video-reviews .video-items .video-item video { border-radius: 24px; width: 100%; height: 100%; max-width: 100%; object-fit: cover; } @media screen and (max-width: 749.98px) { .cl-pdp .video-reviews .video-items .video-item video { min-height: 400px; } } .cl-pdp .video-reviews .video-items .video-item .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.65; pointer-events: none; } .cl-pdp .video-reviews .video-items .video-item .play svg { transition: 0.3s; } @media screen and (max-width: 749.98px) { .cl-pdp .video-reviews .video-items .swiper-slide video { min-height: 280px; max-height: 280px; } } .cl-pdp .video-reviews .video-items .swiper-button-prev, .cl-pdp .video-reviews .video-items .swiper-button-next { color: rgb(var(--color-foreground)); background-color: rgb(var(--color-button-text)); border-radius: 50%; height: 36px; width: 36px; display: none; } @media screen and (max-width: 749.98px) { .cl-pdp .video-reviews .video-items .swiper-button-prev, .cl-pdp .video-reviews .video-items .swiper-button-next { display: flex; } } .cl-pdp .video-reviews .video-items .swiper-button-next::after { content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.93333 8L8 4C6.97986 2.99931 4.95342 1.00071 3.93333 -1.7776e-07L3.42014 0.496533C4.33751 1.39653 5.55134 2.5952 6.62228 3.64658L5.22927e-05 3.64658L5.22618e-05 4.35283L6.62228 4.35283L3.42014 7.4979L3.93333 8Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A"); top: 15%; position: absolute; transform: translate(0%, -50%); } .cl-pdp .video-reviews .video-items .swiper-button-prev::after { content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.06673 -9.0518e-07L6.10829e-05 4C1.0202 5.00069 3.04664 6.99929 4.06673 8L4.57992 7.50347C3.66255 6.60347 2.44872 5.4048 1.37779 4.35342L8.00001 4.35342L8.00001 3.64716L1.37779 3.64716L4.57992 0.502097L4.06673 -9.0518e-07Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A"); transform: translate(0%, -50%); top: 15%; position: absolute; } @media screen and (max-width: 749.98px) { .cl-pdp .video-reviews .swiper-button-next { right: var(--swiper-navigation-sides-offset, 10px) !important; } } @media screen and (max-width: 749.98px) { .cl-pdp .video-reviews .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 10px) !important; } } .cl-pdp .clx-text-left { text-align: left !important; } .cl-pdp .clx-text-right { text-align: right !important; } @media screen and (min-width: 750px) { .cl-pdp .justify-content-md-start { justify-content: flex-start !important; } } @media screen and (min-width: 750px) { .cl-pdp .text-md-left { text-align: left !important; } } @media screen and (min-width: 750px) { .cl-pdp .text-md-center { text-align: center !important; } } .cl-pdp .mb-0 { margin-bottom: 0px !important; } .cl-pdp :focus { outline: 0px; box-shadow: none; } .cl-pdp .testimonials { overflow: hidden; } .cl-pdp .testimonials__heading h1, .cl-pdp .testimonials__heading h2, .cl-pdp .testimonials__heading h3, .cl-pdp .testimonials__heading h4, .cl-pdp .testimonials__heading h5, .cl-pdp .testimonials__heading h6, .cl-pdp .testimonials__heading p, .cl-pdp .testimonials__heading ul, .cl-pdp .testimonials__heading ol, .cl-pdp .testimonials__text h1, .cl-pdp .testimonials__text h2, .cl-pdp .testimonials__text h3, .cl-pdp .testimonials__text h4, .cl-pdp .testimonials__text h5, .cl-pdp .testimonials__text h6, .cl-pdp .testimonials__text p, .cl-pdp .testimonials__text ul, .cl-pdp .testimonials__text ol, .cl-pdp .testimonials__rating h1, .cl-pdp .testimonials__rating h2, .cl-pdp .testimonials__rating h3, .cl-pdp .testimonials__rating h4, .cl-pdp .testimonials__rating h5, .cl-pdp .testimonials__rating h6, .cl-pdp .testimonials__rating p, .cl-pdp .testimonials__rating ul, .cl-pdp .testimonials__rating ol, .cl-pdp .testimonials__review-title h1, .cl-pdp .testimonials__review-title h2, .cl-pdp .testimonials__review-title h3, .cl-pdp .testimonials__review-title h4, .cl-pdp .testimonials__review-title h5, .cl-pdp .testimonials__review-title h6, .cl-pdp .testimonials__review-title p, .cl-pdp .testimonials__review-title ul, .cl-pdp .testimonials__review-title ol, .cl-pdp .testimonials__review-text h1, .cl-pdp .testimonials__review-text h2, .cl-pdp .testimonials__review-text h3, .cl-pdp .testimonials__review-text h4, .cl-pdp .testimonials__review-text h5, .cl-pdp .testimonials__review-text h6, .cl-pdp .testimonials__review-text p, .cl-pdp .testimonials__review-text ul, .cl-pdp .testimonials__review-text ol { font-size: inherit; line-height: inherit; color: inherit; } .cl-pdp .testimonials__review-title *, .cl-pdp .testimonials__review-text *, .cl-pdp .testimonials__rating * { margin: 0px; } .cl-pdp .testimonials__heading, .cl-pdp .testimonials__text { text-align: center; } .cl-pdp .testimonials__heading > *, .cl-pdp .testimonials__text > * { margin: 0px; } .cl-pdp .testimonials__stars-wrapper { display: flex; } .cl-pdp .testimonials__read-more { display: none; margin-top: 8px; padding: 0px; border: 0px; background: none; font: inherit; text-decoration: underline; cursor: pointer; } .cl-pdp .testimonials__review.has-overflow .testimonials__read-more { display: inline-block; } .cl-pdp .testimonials__author { display: flex; align-items: center; gap: 8px; } .cl-pdp .testimonials__author-image { display: flex; align-items: center; justify-content: center; overflow: hidden; aspect-ratio: 1 / 1; } .cl-pdp .testimonials__author-info p { margin: 0px; } .cl-pdp .testimonials__author-verified { display: flex; align-items: center; gap: 5px; word-break: break-word; } .cl-pdp .testimonials__author-verified svg { width: 18px; height: 18px; } .cl-pdp .testimonials__wrapper { width: 100%; overflow: unset; } .cl-pdp .testimonials__wrapper .swiper-arrow-prev { left: 10px !important; } .cl-pdp .testimonials__wrapper .swiper-arrow-next { right: 10px !important; } .cl-pdp .testimonials__wrapper .swiper-arrow-prev, .cl-pdp .testimonials__wrapper .swiper-arrow-next { top: 50% !important; } .cl-pdp .testimonials .swiper-slide { height: auto; } .cl-pdp .section--cl-tpl__testimonials { padding-top: 64px; padding-bottom: 64px; background-color: rgb(246, 240, 230); } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__testimonials { padding-top: 80px; padding-bottom: 80px; } } .cl-pdp .testimonials__heading--heading_yt9PrA { font-size: 24px; line-height: 120%; color: rgb(30, 30, 30); } @media screen and (min-width: 750px) { .cl-pdp .testimonials__heading--heading_yt9PrA { font-size: 40px; } } .cl-pdp .testimonials__custom-liquid--custom_liquid_aKMHfw { margin-top: 16px; } @media screen and (min-width: 750px) { .cl-pdp .testimonials__custom-liquid--custom_liquid_aKMHfw { margin-top: 16px; } } .cl-pdp .section--cl-tpl__testimonials .swiper-wrapper { align-items: flex-start; } .cl-pdp .testimonials__review--cl-tpl__testimonials { box-sizing: border-box; display: flex; flex-direction: column; } .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__footer { margin-top: auto; } .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__review-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; } .cl-pdp .testimonials__review--cl-tpl__testimonials.is-expanded .testimonials__review-text { display: block; overflow: visible; } @media screen and (min-width: 750px) { .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__review-text { -webkit-line-clamp: 3; } } .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__stars-wrapper { gap: 2px; } .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__stars-wrapper svg, .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__stars-wrapper img { width: 20px; height: 20px; } .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__review-title { margin-top: 12px; font-size: 20px; line-height: 120%; color: rgb(30, 30, 30); } .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__review-text { margin-top: 16px; font-size: 14px; line-height: 140%; color: rgb(30, 30, 30); padding-left: 10px; border-left: 2px solid rgb(0, 182, 122); } .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__author-image { width: 42px; height: 42px; border-radius: 100px; color: rgb(255, 255, 255); background-color: rgb(0, 182, 122); } .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__author { margin-top: 12px; } .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__author-name { font-size: 14px; line-height: 120%; color: rgb(30, 30, 30); } .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__author-verified { margin-top: 4px; font-size: 10px; line-height: 120%; color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__testimonials .testimonials__wrapper { margin-top: 22px; } .cl-pdp .section--cl-tpl__testimonials .swiper-arrow-prev, .cl-pdp .section--cl-tpl__testimonials .swiper-arrow-next { background: rgb(255, 255, 255); border-radius: 100px; box-shadow: 0px 8px 24px; width: 32px !important; min-width: 32px !important; height: 32px !important; } .cl-pdp .section--cl-tpl__testimonials .swiper-arrow-prev svg, .cl-pdp .section--cl-tpl__testimonials .swiper-arrow-next svg { color: rgb(30, 30, 30); width: 10px !important; height: 10px !important; } .cl-pdp .testimonials__review--cl-tpl__testimonials { padding: 24px; background: rgb(255, 255, 255); border-radius: 16px; } @media screen and (min-width: 750px) { .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__stars-wrapper svg, .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__stars-wrapper img { width: 20px; height: 20px; } } @media screen and (min-width: 750px) { .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__review-title { margin-top: 16px; font-size: 24px; } } @media screen and (min-width: 750px) { .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__review-text { margin-top: 20px; font-size: 14px; } } @media screen and (min-width: 750px) { .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__author-image { width: 42px; height: 42px; } } @media screen and (min-width: 750px) { .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__author { margin-top: 16px; } } @media screen and (min-width: 750px) { .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__author-name { font-size: 16px; } } @media screen and (min-width: 750px) { .cl-pdp .testimonials__review--cl-tpl__testimonials .testimonials__author-verified { margin-top: 4px; font-size: 12px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__testimonials .testimonials__wrapper { margin-top: 22px; } } @media screen and (min-width: 750px) { .cl-pdp .testimonials__review--cl-tpl__testimonials { padding: 22px 32px; } } @media screen and (max-width: 749px) { .cl-pdp h3 em, .cl-pdp .clx-h3 em { font-size: calc(var(--font-heading-scale) * 24px); } } .cl-pdp .tiles-links { overflow: hidden; } .cl-pdp .tiles-links .tiles-title h3 { margin-top: 0px; } .cl-pdp .tiles-links__narrow { display: flex; justify-content: center; } .cl-pdp .tiles-links__narrow > div { max-width: 100% !important; width: 100% !important; } .cl-pdp .tiles-links__tile-badge { width: 64px; height: 64px; background-color: rgb(var(--color-accent)); clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); display: flex; justify-content: center; align-items: center; color: rgb(var(--color-button-text)); text-transform: uppercase; text-align: center; position: absolute; right: 7%; top: 5%; overflow: hidden; } .cl-pdp .tiles-links__tile { display: flex; flex-direction: column; justify-content: space-between; text-decoration: none; color: rgb(var(--color-foreground)); } .cl-pdp .tiles-links__tile picture { display: flex; position: relative; height: 100%; object-fit: cover; width: 100% !important; } @media screen and (max-width: 749.98px) { .cl-pdp .tiles-links__tile picture { display: flex; max-height: 500px; } } .cl-pdp .tiles-links__tile img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } @media screen and (max-width: 749.98px) { .cl-pdp .tiles-links__tile img { height: auto; } } .cl-pdp .tiles-links__tile-media { width: 100%; height: 410px; position: relative; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 749.98px) { .cl-pdp .tiles-links__tile-media { height: 330px !important; } } @media (max-width: 575px) { .cl-pdp .tiles-links__tile-media { height: 220px !important; } } .cl-pdp .tiles-links__tile-content { display: flex; flex-direction: column; justify-content: space-between; max-width: 410px; } @media screen and (max-width: 749.98px) { .cl-pdp .tiles-links__tile-content { max-width: 100%; width: 100%; } } .cl-pdp .tiles-links__tile-content h5 { text-transform: capitalize; font-style: italic; margin-top: 24px; margin-bottom: 12px; font-family: var(--font-accent-family); line-height: 22px; font-size: 20px !important; } @media screen and (max-width: 749.98px) { .cl-pdp .tiles-links__tile-content h5 { margin-top: 16px; line-height: 19px; margin-bottom: 8px; font-size: 16px !important; } } .cl-pdp .tiles-links__tile-content p { margin-top: 0px; margin-bottom: 0px; } .cl-pdp .tiles-links--cl-tpl__tiles_links_slider_Pgfand { padding-top: 32px; padding-bottom: 28px; } @media (min-width: 750px) { .cl-pdp .tiles-links--cl-tpl__tiles_links_slider_Pgfand { padding-top: 32px; padding-bottom: 28px; } } .cl-pdp .section-cl-tpl__custom_liquid_U7BYKY-padding { padding-top: calc(30px); padding-bottom: calc(39px); } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__custom_liquid_U7BYKY-padding { padding-top: 40px; padding-bottom: 52px; } } .cl-pdp .ce-video-controls { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .cl-pdp .ce-video-controls .play-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .cl-pdp .ce-video-controls .clx-icon-play { width: 100px; height: 100px; } .cl-pdp .quantity { color: rgba(var(--color-foreground)); position: relative; width: 103px; display: flex; border-radius: var(--inputs-radius); min-height: 32px; } .cl-pdp .quantity::after { pointer-events: none; position: absolute; top: var(--inputs-border-width); right: var(--inputs-border-width); bottom: var(--inputs-border-width); left: var(--inputs-border-width); border: 1px solid transparent; border-radius: var(--inputs-radius); box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity)); transition: box-shadow var(--duration-short) ease; z-index: 1; } .cl-pdp .quantity::before { pointer-events: none; content: ""; position: absolute; inset: 0px; border-radius: var(--inputs-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 .quantity__input { color: currentcolor; font-family: var(--font-body-family); font-style: var(--font-body-style); font-size: 16px; font-weight: 500; opacity: 0.85; text-align: center; background-color: transparent; border: 0px; padding: 0px 5px; width: 100%; flex-grow: 1; appearance: none; } .cl-pdp .quantity__button { width: 32px; flex-shrink: 0; font-size: 18px; border: 0px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgb(var(--color-foreground)); padding: 0px; background-color: rgb(250, 248, 246) !important; } .cl-pdp .quantity__button:first-child { margin-left: calc(var(--inputs-border-width)); } .cl-pdp .quantity__button:last-child { margin-right: calc(var(--inputs-border-width)); } .cl-pdp .quantity__button svg { width: 10px; pointer-events: none; } .cl-pdp .quantity__button:focus-visible, .cl-pdp .quantity__button:focus { background-color: rgb(var(--color-background)); z-index: 2; } .cl-pdp .quantity__input:focus-visible, .cl-pdp .quantity__input:focus { border-radius: 50%; z-index: 2; } .cl-pdp .quantity__button:not(:focus-visible):not(.focused), .cl-pdp .quantity__input:not(:focus-visible):not(.focused) { box-shadow: inherit; background-color: inherit; } .cl-pdp .quantity__input[type="number"] { } .cl-pdp .quantity__rules { margin-top: 5px; position: relative; font-size: 12px; } .cl-pdp .quantity__rules-cart { position: relative; } .cl-pdp .product__qty-error { display: none; } .cl-pdp .product__qty-error p { margin-bottom: 0px; color: rgb(188, 30, 30); } .cl-pdp .product__slider-thumbs .product__media .clx-icon-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; } .cl-pdp .product-form__quantity .form__label { margin-bottom: 6px; } .cl-pdp .product__title-text { font-style: normal; font-weight: 400; color: rgb(30, 30, 30); font-size: 24px !important; } .cl-pdp .dicount-copy-wrapper--discount_code_xgPzKF .text-side { color: rgb(30, 30, 30); background: rgb(255, 255, 255); padding: 0px 10px; border-radius: 4px; } .cl-pdp .dicount-copy-wrapper--discount_code_xgPzKF .text-side, .cl-pdp .dicount-copy-wrapper--discount_code_xgPzKF .copy-success { justify-content: center; } .cl-pdp .dicount-copy-wrapper--discount_code_xgPzKF:not(:has(.ce-discount-copy.visually-hidden)) { min-height: 24px; } .cl-pdp .icon-with-text--icon_with_text_6VtakV .icon-with-text__item { background: transparent; color: rgb(30, 30, 30); } .cl-pdp .icon-with-text--icon_with_text_6VtakV .icon-with-text__item small { color: rgb(99, 82, 71); } .cl-pdp .icon-with-text--icon_with_text_6VtakV .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_6VtakV .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } } .cl-pdp .icon-with-text--icon_with_text_6VtakV .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_6VtakV .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } } .cl-pdp .section-cl-tpl__multicolumn_gLGyCq-padding .title-wrapper-with-link .title h1, :where(body:has(.section-cl-tpl__multicolumn_gLGyCq-padding)) .cl-pdp h2, :where(body:has(.section-cl-tpl__multicolumn_gLGyCq-padding)) .cl-pdp h3, :where(body:has(.section-cl-tpl__multicolumn_gLGyCq-padding)) .cl-pdp h4, :where(body:has(.section-cl-tpl__multicolumn_gLGyCq-padding)) .cl-pdp h5 { margin: 0px; } .cl-pdp .product-form__input price-per-item, .cl-pdp .price-per-item__container { display: flex; align-items: center; gap: 10px; } @media screen and (min-width: 990px) { .cl-pdp .justify-content-lg-start { justify-content: flex-start !important; } } @media screen and (min-width: 990px) { .cl-pdp .align-items-lg-start { align-items: flex-start !important; } } @media screen and (min-width: 990px) { .cl-pdp .text-lg-left { text-align: left !important; } } .cl-pdp .swiper-pagination { z-index: 1 !important; } @media screen and (max-width: 749px) { .cl-pdp h4 em, .cl-pdp .clx-h4 em { font-size: calc(var(--font-heading-scale) * 18px); } } .cl-pdp .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; } .cl-pdp .swiper-horizontal > .swiper-pagination-bullets, .cl-pdp .swiper-pagination-bullets.swiper-pagination-horizontal, .cl-pdp .swiper-pagination-custom, .cl-pdp .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0px; width: 100%; } .cl-pdp .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); } .cl-pdp .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .cl-pdp .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .cl-pdp .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .cl-pdp .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .cl-pdp .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .cl-pdp .swiper-fade .swiper-slide-active { pointer-events: auto; } .cl-pdp .content-slider { position: relative; overflow: hidden; } .cl-pdp .content-slider__heading h1, .cl-pdp .content-slider__heading h2, .cl-pdp .content-slider__heading h3, .cl-pdp .content-slider__heading h4, .cl-pdp .content-slider__heading h5, .cl-pdp .content-slider__heading h6, .cl-pdp .content-slider__heading p, .cl-pdp .content-slider__heading ul, .cl-pdp .content-slider__heading ol, .cl-pdp .content-slider__text h1, .cl-pdp .content-slider__text h2, .cl-pdp .content-slider__text h3, .cl-pdp .content-slider__text h4, .cl-pdp .content-slider__text h5, .cl-pdp .content-slider__text h6, .cl-pdp .content-slider__text p, .cl-pdp .content-slider__text ul, .cl-pdp .content-slider__text ol, .cl-pdp .content-slider .slide-heading h1, .cl-pdp .content-slider .slide-heading h2, .cl-pdp .content-slider .slide-heading h3, .cl-pdp .content-slider .slide-heading h4, .cl-pdp .content-slider .slide-heading h5, .cl-pdp .content-slider .slide-heading h6, .cl-pdp .content-slider .slide-heading p, .cl-pdp .content-slider .slide-heading ul, .cl-pdp .content-slider .slide-heading ol, .cl-pdp .content-slider .slide-text h1, .cl-pdp .content-slider .slide-text h2, .cl-pdp .content-slider .slide-text h3, .cl-pdp .content-slider .slide-text h4, .cl-pdp .content-slider .slide-text h5, .cl-pdp .content-slider .slide-text h6, .cl-pdp .content-slider .slide-text p, .cl-pdp .content-slider .slide-text ul, .cl-pdp .content-slider .slide-text ol { font-size: inherit; line-height: inherit; color: inherit; } .cl-pdp .content-slider__heading > *, .cl-pdp .content-slider__text > *, .cl-pdp .content-slider .slide-heading > * { margin: 0px; } .cl-pdp .content-slider__pagination-wrapper { width: 100%; } @media screen and (min-width: 990px) { .cl-pdp .content-slider__pagination-wrapper { position: absolute; top: 0px; z-index: 2; } } .cl-pdp .content-slider__pagination-wrapper .swiper-pagination { position: static; display: flex; gap: 10px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x; scrollbar-width: none; mask-image: linear-gradient(to right, black, black); transition: -webkit-mask-image var(--duration-default) ease,mask-image var(--duration-default) ease; } .cl-pdp .content-slider__pagination-wrapper .swiper-pagination .swiper-pagination-bullet { display: flex; align-items: center; justify-content: center; text-align: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; opacity: 1; margin: 0px; scroll-snap-align: center; transition: all var(--duration-default) ease 0s; } .cl-pdp .content-slider__slide { display: flex; align-items: center; } @media screen and (min-width: 990px) { .cl-pdp .content-slider__slide { align-items: start; } } .cl-pdp .content-slider__slide-text, .cl-pdp .content-slider__slide-image { width: 100%; } @media screen and (min-width: 990px) { .cl-pdp .content-slider__slide-text, .cl-pdp .content-slider__slide-image { max-width: 50%; } } .cl-pdp .content-slider__slide-text { display: flex; flex-direction: column; } .cl-pdp .content-slider__slide-text .slide-text > h1:first-of-type, .cl-pdp .content-slider__slide-text .slide-text h2:first-of-type, .cl-pdp .content-slider__slide-text .slide-text h3:first-of-type, .cl-pdp .content-slider__slide-text .slide-text h4:first-of-type, .cl-pdp .content-slider__slide-text .slide-text h5:first-of-type, .cl-pdp .content-slider__slide-text .slide-text h6:first-of-type, .cl-pdp .content-slider__slide-text .slide-text p:first-of-type, .cl-pdp .content-slider__slide-text .slide-text ul:first-of-type, .cl-pdp .content-slider__slide-text .slide-text ol:first-of-type { margin-top: 0px; } .cl-pdp .content-slider__slide-text .slide-text > h1:last-of-type, .cl-pdp .content-slider__slide-text .slide-text h2:last-of-type, .cl-pdp .content-slider__slide-text .slide-text h3:last-of-type, .cl-pdp .content-slider__slide-text .slide-text h4:last-of-type, .cl-pdp .content-slider__slide-text .slide-text h5:last-of-type, .cl-pdp .content-slider__slide-text .slide-text h6:last-of-type, .cl-pdp .content-slider__slide-text .slide-text p:last-of-type, .cl-pdp .content-slider__slide-text .slide-text ul:last-of-type, .cl-pdp .content-slider__slide-text .slide-text ol:last-of-type { margin-bottom: 0px; } .cl-pdp .content-slider__slide-image { overflow: hidden; } .cl-pdp .content-slider__slide-image img, .cl-pdp .content-slider__slide-image svg { display: block; width: 100%; height: 100%; object-fit: cover; } .cl-pdp .section--cl-tpl__content_slider_yL4Pie { padding-top: 24px; padding-bottom: 24px; background-color: rgb(255, 255, 255); } .cl-pdp .section--cl-tpl__content_slider_yL4Pie .content-slider__wrapper { margin-top: 24px; } .cl-pdp .section--cl-tpl__content_slider_yL4Pie .content-slider__slide { gap: 24px; flex-direction: column-reverse; } .cl-pdp .section--cl-tpl__content_slider_yL4Pie .swiper-pagination-bullet { font-size: 13px; background-color: transparent; border: 1px solid rgb(30, 30, 30); color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_yL4Pie .swiper-pagination-bullet-active { background-color: rgb(30, 30, 30); border: 1px solid rgb(30, 30, 30); color: rgb(255, 255, 255); } @media (hover: hover) and (pointer: fine) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie .swiper-pagination-bullet:hover { background-color: rgb(30, 30, 30); border: 1px solid rgb(30, 30, 30); color: rgb(255, 255, 255); } } .cl-pdp .section--cl-tpl__content_slider_yL4Pie .slide-heading { margin-top: 0px; font-size: 24px; line-height: 120%; color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_yL4Pie .slide-text { margin-top: 16px; font-size: 16px; line-height: 140%; color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_yL4Pie .content-slider__slide-image { aspect-ratio: 1 / 1; } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie { padding-top: 36px; padding-bottom: 36px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie .content-slider__wrapper { margin-top: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie .swiper-pagination-bullet { font-size: 13px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie .slide-heading { margin-top: 0px; font-size: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie .slide-text { margin-top: 16px; font-size: 16px; } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie .content-slider__slide { gap: 70px; flex-direction: row; align-items: center; } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie .content-slider__pagination-wrapper { max-width: calc(50% - 35px); } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie .content-slider__slide-text { } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie .content-slider__slide-image { aspect-ratio: 1 / 1; } } @media screen and (max-width: 989.98px) { .cl-pdp .section--cl-tpl__content_slider_yL4Pie .content-slider__slide-image { margin-top: 24px; } } .cl-pdp .content-slider__heading--heading_ppbthR { font-size: 24px; line-height: 120%; color: rgb(30, 30, 30); } @media screen and (min-width: 750px) { .cl-pdp .content-slider__heading--heading_ppbthR { font-size: 40px; } } .cl-pdp #cl-shopify-section-cl-tpl__content_slider_yL4Pie { margin-top: calc(var(--spacing-sections-mobile) /); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__content_slider_yL4Pie { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-pdp .contains-content-container, .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); } @media screen and (max-width: 749px) { .cl-pdp h5 em, .cl-pdp .clx-h5 em { font-size: calc(var(--font-heading-scale) * 16px); } } @media screen and (max-width: 749px) { .cl-pdp .small-hide { display: none !important; } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-pdp .medium-hide { display: none !important; } } @media screen and (min-width: 990px) { .cl-pdp .large-up-hide { display: none !important; } } .cl-pdp .center { text-align: center; } .cl-pdp .title, .cl-pdp .title-wrapper-with-link { margin: 30px 0px 20px; } .cl-pdp .title-wrapper-with-link .title { margin: 0px; } .cl-pdp .title-wrapper-with-link { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; margin-bottom: 30px; flex-wrap: wrap; } .cl-pdp .title-wrapper--self-padded-tablet-down, .cl-pdp .title-wrapper--self-padded-mobile { padding-left: var(--page-width-x-paddings-mobile); padding-right: var(--page-width-x-paddings-mobile); } @media screen and (min-width: 750px) { .cl-pdp .title-wrapper--self-padded-mobile { padding-left: 0px; padding-right: 0px; } } @media screen and (min-width: 990px) { .cl-pdp .title, .cl-pdp .title-wrapper-with-link { margin: 50px 0px 20px; } } @media screen and (min-width: 990px) { .cl-pdp .title-wrapper-with-link { align-items: center; } } @media screen and (min-width: 990px) { .cl-pdp .title-wrapper-with-link .title { margin-bottom: 0px; } } .cl-pdp .title-wrapper--no-top-margin { margin-top: 0px; } .cl-pdp .title-wrapper--no-top-margin > .title { margin-top: 0px; } @media screen and (max-width: 989px) { .cl-pdp .grid--1-col-tablet-down .grid__item { width: 100%; max-width: 100%; } } @media screen and (max-width: 989px) { .cl-pdp .slider--tablet.grid--peek { margin: 0px; width: 100%; } } @media screen and (max-width: 989px) { .cl-pdp .slider--tablet.grid--peek .grid__item { box-sizing: content-box; margin: 0px; } } @media screen and (min-width: 990px) { .cl-pdp .grid--3-col-desktop .grid__item { width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); } } @media screen and (max-width: 749px) { .cl-pdp .grid--peek .grid__item { min-width: 35%; } } @media screen and (max-width: 749px) { .cl-pdp .grid--peek.slider .grid__item:first-of-type { margin-left: var(--page-width-x-paddings-mobile); } } @media screen and (max-width: 749px) { .cl-pdp .grid--peek.slider::after { margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)); } } @media screen and (max-width: 749px) { .cl-pdp .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .cl-pdp .grid--peek .grid__item { width: calc(50% - var(--grid-mobile-horizontal-spacing) - var(--page-width-x-paddings-mobile) * 2); } } @media screen and (max-width: 749px) { .cl-pdp .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item, .cl-pdp .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item { width: calc(100% - var(--grid-mobile-horizontal-spacing) - var(--page-width-x-paddings-mobile) * 2); } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-pdp .slider--tablet.grid--peek .grid__item { width: calc(25% - var(--grid-desktop-horizontal-spacing) - var(--page-width-x-paddings-mobile) * 2); } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-pdp .slider--tablet.grid--peek .grid__item:first-of-type { margin-left: var(--page-width-x-paddings-mobile); } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-pdp .grid--1-col-tablet-down.grid--peek .grid__item { width: calc(100% - var(--grid-desktop-horizontal-spacing) - var(--page-width-x-paddings-mobile) * 2); } } .cl-pdp .media--portrait { padding-bottom: 125%; } .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 .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; } @media screen and (min-width: 990px) and (max-width: 1199.98px) { .cl-pdp .grid--3-col-desktop .grid__item { width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3); max-width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3); } } .cl-pdp .clx-rte::after { clear: both; content: ""; display: block; } .cl-pdp .clx-rte > :first-child { margin-top: 0px; } .cl-pdp .clx-rte > :last-child { margin-bottom: 0px; } .cl-pdp .multicolumn .title { margin: 0px; } .cl-pdp .multicolumn .title-wrapper-with-link { margin-top: 0px; } @media screen and (max-width: 749px) { .cl-pdp .multicolumn .title-wrapper-with-link { margin-bottom: 30px; } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-pdp .multicolumn__title { padding-left: 50px; padding-right: 50px; } } @media screen and (max-width: 989px) { .cl-pdp .multicolumn .clx-page-width { padding-left: 0px; padding-right: 0px; } } .cl-pdp .multicolumn-list { margin-top: 0px; margin-bottom: 0px; padding: 0px; } .cl-pdp .multicolumn-list h3, .cl-pdp .multicolumn-list p { margin: 0px; } @media screen and (max-width: 749px) { .cl-pdp .multicolumn-list { margin: 0px; width: 100%; } } @media screen and (min-width: 750px) { .cl-pdp .multicolumn-list.slider { padding: 0px; } } @media screen and (min-width: 750px) { .cl-pdp .multicolumn-list__item, .cl-pdp .grid--4-col-desktop .multicolumn-list__item { padding-bottom: 0px; } } .cl-pdp .multicolumn-card { display: flex; flex-direction: column; } .cl-pdp .multicolumn-card__info { padding: 25px; display: flex; flex-direction: column; flex-grow: 1; } .cl-pdp .multicolumn-card__info-text { flex-direction: column; justify-content: space-between; display: flex; height: 100%; } .cl-pdp .multicolumn-card__second-text { margin-top: 12px; } .cl-pdp .background-none .multicolumn-card__info { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .cl-pdp .background-none .slider .multicolumn-card__info { padding-bottom: 0px; } .cl-pdp .background-none .multicolumn-card__image-wrapper + .multicolumn-card__info { padding-top: 25px; } .cl-pdp .background-none .slider .multicolumn-card__info { padding-left: 5px; } .cl-pdp .background-none .slider .multicolumn-card__image-wrapper + .multicolumn-card__info { padding-left: 15px; } @media screen and (max-width: 749px) { .cl-pdp .background-none .slider .multicolumn-card__info { padding-bottom: 10px; } } @media screen and (min-width: 750px) { .cl-pdp .background-none .multicolumn-card__image-wrapper { margin-left: 5px; margin-right: 5px; } } @media screen and (min-width: 750px) { .cl-pdp .background-none .multicolumn-list .multicolumn-card__info, .cl-pdp .background-none .multicolumn-list:not(.slider) .center .multicolumn-card__info { padding-left: 15px; padding-right: 15px; } } .cl-pdp .multicolumn-card { position: relative; box-sizing: border-box; } .cl-pdp .multicolumn-card > .multicolumn-card__image-wrapper--full-width:not(.multicolumn-card-spacing) { border-top-left-radius: calc(var(--text-boxes-radius) - var(--text-boxes-border-width)); border-top-right-radius: calc(var(--text-boxes-radius) - var(--text-boxes-border-width)); overflow: hidden; } .cl-pdp .multicolumn.background-none .multicolumn-card { border-radius: 0px; } .cl-pdp .multicolumn__title { display: flex; flex-direction: column; align-items: flex-start; } .cl-pdp .multicolumn-card__image-wrapper { position: relative; } .cl-pdp .multicolumn__title--center { align-items: center !important; } .cl-pdp .multicolumn__title--center * { text-align: center !important; } .cl-pdp .multicolumn-card__image-wrapper .media img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .cl-pdp .section-cl-tpl__multicolumn_gLGyCq-padding { padding-top: 27px; padding-bottom: 9px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_gLGyCq-padding { padding-top: 36px; padding-bottom: 12px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_gLGyCq-padding .clx-grid { column-gap: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_gLGyCq-padding .grid--3-col-desktop .grid__item { max-width: calc(33.33% - 26.6667px); } } .cl-pdp .ce-slider-component { --desktop-margin-left-first-item: max( 50px, calc((100vw - var(--page-width) + 100px - var(--grid-desktop-horizontal-spacing)) / 2) ); position: relative; display: block; } @media screen and (max-width: 989px) { .cl-pdp .slider.slider--tablet { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scroll-padding-left: 16px; margin-bottom: 10px; } } @media screen and (max-width: 989px) { .cl-pdp .slider--tablet::after { content: ""; width: 0px; padding-left: 16px; margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing)); } } @media screen and (max-width: 989px) { .cl-pdp .slider.slider--tablet .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 (max-width: 989px) { .cl-pdp .slider.slider--tablet.contains-content-container .slider__slide { --focus-outline-padding: 0px; } } .cl-pdp .slider-counter { display: flex; justify-content: center; min-width: 44px; } .cl-pdp .slider-buttons { display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 990px) { .cl-pdp .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons { display: none; } } .cl-pdp .slider-button { color: rgba(var(--color-foreground),1); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; } .cl-pdp .slider-button .clx-icon { height: 6px; } .cl-pdp .slider-button[disabled] .clx-icon { color: rgba(var(--color-foreground),.3); cursor: not-allowed; } .cl-pdp .slider-button--next .clx-icon { transform: rotate(-90deg); } .cl-pdp .slider-button--prev .clx-icon { transform: rotate(90deg); } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__related-products-padding { padding-top: 38px; padding-bottom: 48px; } } .cl-pdp .section-cl-tpl__custom_liquid_iDEQ7z-padding { padding-top: calc(30px); padding-bottom: calc(39px); } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__custom_liquid_iDEQ7z-padding { padding-top: 40px; padding-bottom: 52px; } } .cl-pdp .section--cl-tpl__accordion_list_wtdHEL { padding-top: 64px; padding-bottom: 64px; } .cl-pdp .btn--secondary { border-color: rgb(var(--color-button)); background-color: rgb(var(--color-button-text)); color: rgb(var(--color-button)); } .cl-pdp .btn--secondary:not(:disabled):not([aria-disabled="true"]):not(.disabled):hover { color: rgb(var(--color-button-text)); background-color: rgb(var(--color-button)); } .cl-pdp .w-100 { width: 100% !important; } .cl-pdp .product-form__input--swatch { flex-direction: row; align-items: center; justify-content: space-between; gap: 6px; } .cl-pdp .product-form__input--swatch legend { margin-bottom: 4px; padding-inline: 0px; } .cl-pdp .product-form__input--swatch span[data-selected-value] { color: rgb(99, 82, 71); min-width: 75px; text-align: right; } .cl-pdp .product-form__input--swatch .swatch-side { display: flex; flex-wrap: wrap; align-items: center; } .cl-pdp .product-form__input input[type="radio"]:not(.disabled):not(.visually-disabled) + label > .label-unavailable { display: none; } .cl-pdp .product-form__input--swatch { display: flex; flex-wrap: wrap; } .cl-pdp .product-form__input--swatch .swatch-input__input + .swatch-input__label { --swatch-input--size: 24px; margin: 4px 2px; } @media screen and (min-width: 750px) { .cl-pdp .product-form__input--swatch .swatch-input__input + .swatch-input__label { --swatch-input--size: 24px; } } .cl-pdp .swatch-input__input + .swatch-input__label { --swatch-input--border-radius: 50%; display: inline-block; max-width: 100%; border-radius: var(--swatch-input--border-radius); cursor: pointer; outline-offset: -1px; outline-color: transparent; outline-style: solid; transition-property: outline-color, outline-width, box-shadow; transition-duration: var(--duration-short); transition-timing-function: ease; forced-color-adjust: none; padding: 4px; } .cl-pdp .swatch-input__input:active + .swatch-input__label, .cl-pdp .swatch-input__input:checked + .swatch-input__label { outline: 2px solid rgb(var(--color-foreground)); } .cl-pdp .swatch-input__input + .swatch-input__label:hover, .cl-pdp .swatch-input__input:hover + .swatch-input__label { outline: 2px solid rgba(var(--color-foreground),.4); } .cl-pdp .product__title-text { font-style: normal; font-weight: 400; color: rgb(30, 30, 30); font-size: 21px !important; } .cl-pdp .dicount-copy-wrapper--discount_code_LCqNTY .text-side { color: rgb(30, 30, 30); background: rgb(255, 255, 255); padding: 0px 10px; border-radius: 4px; } .cl-pdp .dicount-copy-wrapper--discount_code_LCqNTY .text-side, .cl-pdp .dicount-copy-wrapper--discount_code_LCqNTY .copy-success { justify-content: center; } .cl-pdp .dicount-copy-wrapper--discount_code_LCqNTY:not(:has(.ce-discount-copy.visually-hidden)) { min-height: 24px; } .cl-pdp .icon-with-text--icon_with_text_gKUnF7 .icon-with-text__item { background: transparent; color: rgb(30, 30, 30); } .cl-pdp .icon-with-text--icon_with_text_gKUnF7 .icon-with-text__item small { color: rgb(99, 82, 71); } .cl-pdp .icon-with-text--icon_with_text_gKUnF7 .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_gKUnF7 .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } } .cl-pdp .icon-with-text--icon_with_text_gKUnF7 .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_gKUnF7 .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } } .cl-pdp .section-cl-tpl__multicolumn_ABixTg-padding .title-wrapper-with-link .title h1, :where(body:has(.section-cl-tpl__multicolumn_ABixTg-padding)) .cl-pdp h2, :where(body:has(.section-cl-tpl__multicolumn_ABixTg-padding)) .cl-pdp h3, :where(body:has(.section-cl-tpl__multicolumn_ABixTg-padding)) .cl-pdp h4, :where(body:has(.section-cl-tpl__multicolumn_ABixTg-padding)) .cl-pdp h5 { margin: 0px; } .cl-pdp .media--square { padding-bottom: 100%; } .cl-pdp .multicolumn-list h3 { line-height: calc(1 + .5/max(1,var(--font-heading-scale))); } .cl-pdp .multicolumn-card__info > :nth-child(2) { margin-top: 10px; } .cl-pdp .section-cl-tpl__multicolumn_ABixTg-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_ABixTg-padding { padding-top: 36px; padding-bottom: 36px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_ABixTg-padding .clx-grid { column-gap: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_ABixTg-padding .grid--3-col-desktop .grid__item { max-width: calc(33.33% - 26.6667px); } } .cl-pdp .banner-fluid__wrapper { overflow: hidden; position: relative; min-height: 600px; } @media screen and (max-width: 749.98px) { .cl-pdp .banner-fluid__wrapper { flex-direction: column; min-height: auto; } } .cl-pdp .banner-fluid__content { width: 50%; display: flex; justify-content: center; align-items: center; height: 100%; padding-right: 12px; } @media screen and (max-width: 749.98px) { .cl-pdp .banner-fluid__content { width: 100%; justify-content: center; margin-bottom: 64px; padding-right: 0px; } } .cl-pdp .banner-fluid__content-wrapper { max-width: 420px; display: flex; flex-direction: column; align-items: center; padding: 24px 0px; } @media screen and (max-width: 749.98px) { .cl-pdp .banner-fluid__content-wrapper { max-width: 100%; padding: 0px; } } .cl-pdp .banner-fluid__content-title h1, .cl-pdp .banner-fluid__content-title h2, .cl-pdp .banner-fluid__content-title h3, .cl-pdp .banner-fluid__content-title h4, .cl-pdp .banner-fluid__content-title h5, .cl-pdp .banner-fluid__content-title h6, .cl-pdp .banner-fluid__content-text h1, .cl-pdp .banner-fluid__content-text h2, .cl-pdp .banner-fluid__content-text h3, .cl-pdp .banner-fluid__content-text h4, .cl-pdp .banner-fluid__content-text h5, .cl-pdp .banner-fluid__content-text h6 { margin: 0px; } .cl-pdp .banner-fluid__content-title :first-child, .cl-pdp .banner-fluid__content-text :first-child { margin-top: 0px; } .cl-pdp .banner-fluid__content-title :last-child, .cl-pdp .banner-fluid__content-text :last-child { margin-bottom: 0px; } .cl-pdp .banner-fluid__content-text h1, .cl-pdp .banner-fluid__content-text h2, .cl-pdp .banner-fluid__content-text h3, .cl-pdp .banner-fluid__content-text h4, .cl-pdp .banner-fluid__content-text h5, .cl-pdp .banner-fluid__content-text h6, .cl-pdp .banner-fluid__content-text p, .cl-pdp .banner-fluid__content-text ul, .cl-pdp .banner-fluid__content-text ol { font-size: inherit; line-height: inherit; color: inherit; } .cl-pdp .banner-fluid__content-text { margin-top: 24px; margin-bottom: 24px; line-height: 1.6; } @media screen and (max-width: 749.98px) { .cl-pdp .banner-fluid__content-text { line-height: 1.4; margin-top: 16px; margin-bottom: 16px; max-width: 350px; } } .cl-pdp .banner-fluid__media { position: absolute; width: 50%; right: 0px; top: 0px; bottom: 0px; } @media screen and (max-width: 749.98px) { .cl-pdp .banner-fluid__media { width: 100%; position: relative; padding-left: 0px; } } .cl-pdp .banner-fluid__media picture { display: block; height: 100%; } @media screen and (max-width: 749.98px) { .cl-pdp .banner-fluid__media picture { display: flex; justify-content: center; } } .cl-pdp .banner-fluid__media img, .cl-pdp .banner-fluid__media svg.clx-placeholder-svg { object-fit: cover; height: 100%; width: 100%; object-position: center center; } @media screen and (max-width: 749.98px) { .cl-pdp .banner-fluid__media img, .cl-pdp .banner-fluid__media svg.clx-placeholder-svg { max-height: 450px; object-position: center top; } } .cl-pdp .banner-fluid--cl-tpl__banner_fluid_NnxVk9 { padding-top: 0px; padding-bottom: 0px; } .cl-pdp .banner-fluid--cl-tpl__banner_fluid_NnxVk9 .banner-fluid__content-text { font-size: 14px; } @media (min-width: 750px) { .cl-pdp .banner-fluid--cl-tpl__banner_fluid_NnxVk9 { padding-top: 0px; padding-bottom: 0px; } } @media (min-width: 750px) { .cl-pdp .banner-fluid--cl-tpl__banner_fluid_NnxVk9 .banner-fluid__content-text { font-size: 14px; } } @media (min-width: 750px) { .cl-pdp .banner-fluid--cl-tpl__banner_fluid_NnxVk9 .banner-fluid__wrapper { min-height: 715px !important; } } .cl-pdp .custom-rich-text { display: flex; flex-direction: column; align-items: center; } .cl-pdp .custom-rich-text__title { text-align: center; } .cl-pdp .custom-rich-text__title * { text-align: center; margin: 0px; } .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_haazm3 { padding-top: 20px; padding-bottom: 0px; } .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_haazm3 .custom-rich-text__wrapper { max-width: 420px; } @media (min-width: 750px) { .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_haazm3 { padding-top: 30px; padding-bottom: 0px; } } .cl-pdp .contains-media, .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 .caption-with-letter-spacing { font-size: 10px; letter-spacing: 1.3px; line-height: calc(1 + .2 / var(--font-body-scale)); text-transform: uppercase; } .cl-pdp .caption-with-letter-spacing--medium { font-size: 12px; letter-spacing: 1.6px; } .cl-pdp .grid--gapless.clx-grid { gap: 0px; } .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 .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 .global-media-settings img, .cl-pdp .global-media-settings iframe, .cl-pdp .global-media-settings model-viewer, .cl-pdp .global-media-settings video, .cl-pdp .global-media-settings .clx-placeholder-svg { border-radius: calc(var(--media-radius) - var(--media-border-width)); } @supports not (inset: 10px) { .cl-pdp .grid--gapless .grid__item { padding-left: 0px; padding-bottom: 0px; } } .cl-pdp .image-with-text .clx-grid { margin-bottom: 0px; } .cl-pdp .image-with-text .grid__item { position: relative; } @media screen and (min-width: 750px) { .cl-pdp .image-with-text__grid--reverse { flex-direction: row-reverse; } } .cl-pdp .image-with-text__media { min-height: 100%; overflow: visible; } .cl-pdp .image-with-text__media--medium { height: 296px; } @media screen and (min-width: 750px) { .cl-pdp .image-with-text__media--medium { height: 460px; } } .cl-pdp .image-with-text__content { align-items: flex-start; display: flex; flex-direction: column; height: 100%; justify-content: center; align-self: center; padding: 40px calc(40px / var(--font-body-scale)) 50px; position: relative; z-index: 1; } .cl-pdp .image-with-text .grid__item::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; } .cl-pdp .image-with-text:not(.image-with-text--overlap) .image-with-text__media-item::after { 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)); } .cl-pdp .image-with-text:not(.image-with-text--overlap) .image-with-text__text-item::after { 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)); } .cl-pdp .image-with-text .image-with-text__media-item > * { border-radius: var(--media-radius); overflow: hidden; 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)); } .cl-pdp .image-with-text .global-media-settings { overflow: hidden !important; } .cl-pdp .image-with-text .image-with-text__text-item > * { border-radius: var(--text-boxes-radius); overflow: hidden; 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)); } .cl-pdp .image-with-text:not(.image-with-text--overlap) .image-with-text__media-item > *, .cl-pdp .image-with-text:not(.image-with-text--overlap) .image-with-text__text-item > * { box-shadow: none; } @media screen and (max-width: 749px) { .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media-item::after, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__media, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media img, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__media .clx-placeholder-svg { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } } @media screen and (max-width: 749px) { .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__text-item::after, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid__item .image-with-text__content { border-top-left-radius: 0px; border-top-right-radius: 0px; } } @media screen and (min-width: 750px) { .cl-pdp .image-with-text__grid--reverse .image-with-text__content { margin-left: auto; } } @media screen and (min-width: 750px) { .cl-pdp .image-with-text__content--desktop-left > * { align-self: flex-start; text-align: left; } } @media screen and (min-width: 750px) { .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .clx-grid:not(.image-with-text__grid--reverse) .image-with-text__media-item::after, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .clx-grid:not(.image-with-text__grid--reverse) .image-with-text__media, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .clx-grid:not(.image-with-text__grid--reverse) .image-with-text__media img, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .clx-grid:not(.image-with-text__grid--reverse) .image-with-text__media .clx-placeholder-svg, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__text-item::after, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } } @media screen and (min-width: 750px) { .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .clx-grid:not(.image-with-text__grid--reverse) .image-with-text__text-item::after, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .clx-grid:not(.image-with-text__grid--reverse) .image-with-text__content, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .clx-grid:not(.image-with-text__grid--reverse) .image-with-text__content::after, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media-item::after, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media img, .cl-pdp .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__media .clx-placeholder-svg { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } } .cl-pdp .image-with-text .gradient { transform: perspective(0px); } .cl-pdp .image-with-text__content { 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)); word-break: break-word; } @media screen and (min-width: 990px) { .cl-pdp .image-with-text__content { padding: 60px 70px 70px; } } .cl-pdp .image-with-text__content > * + * { margin-top: 20px; } .cl-pdp .image-with-text__content > :first-child:is(.image-with-text__heading), .cl-pdp .image-with-text__text--caption + .image-with-text__heading, .cl-pdp .image-with-text__text--caption:first-child { margin-top: 0px; } .cl-pdp .image-with-text__content :last-child:is(.image-with-text__heading), .cl-pdp .image-with-text__text--caption { margin-bottom: 0px; } .cl-pdp .image-with-text__heading { margin-bottom: 0px; } .cl-pdp .image-with-text__text p { margin-top: 0px; margin-bottom: 10px; } @supports not (inset: 10px) { .cl-pdp .image-with-text .clx-grid { margin-left: 0px; } } .cl-pdp .multirow__inner { display: flex; flex-direction: column; row-gap: var(--grid-mobile-vertical-spacing); } @media screen and (min-width: 750px) { .cl-pdp .multirow__inner { row-gap: var(--grid-desktop-vertical-spacing); } } .cl-pdp .section-cl-tpl__multirow_84hhRC-padding { padding-top: 24px; padding-bottom: 24px; } @media (min-width: 750px) { .cl-pdp .section-cl-tpl__multirow_84hhRC-padding { padding-top: 36px; padding-bottom: 32px; } } .cl-pdp .section-cl-tpl__custom_liquid_HJaDLY-padding { padding-top: calc(30px); padding-bottom: calc(39px); } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__custom_liquid_HJaDLY-padding { padding-top: 40px; padding-bottom: 52px; } } .cl-pdp .slider-button:not([disabled]):hover { color: rgb(var(--color-foreground)); } .cl-pdp .slider-button--next:not([disabled]):hover .clx-icon { transform: rotate(-90deg) scale(1.1); } .cl-pdp .slider-button--prev:not([disabled]):hover .clx-icon { transform: rotate(90deg) scale(1.1); } .cl-pdp .subtitle { font-size: 18px; line-height: calc(1 + .8 / var(--font-body-scale)); letter-spacing: 0.6px; color: rgba(var(--color-foreground),.7); } .cl-pdp .dicount-copy-wrapper--discount_code_DzGUhX .text-side { color: rgb(30, 30, 30); background: rgb(255, 255, 255); padding: 0px 10px; border-radius: 4px; } .cl-pdp .dicount-copy-wrapper--discount_code_DzGUhX .text-side, .cl-pdp .dicount-copy-wrapper--discount_code_DzGUhX .copy-success { justify-content: center; } .cl-pdp .dicount-copy-wrapper--discount_code_DzGUhX:not(:has(.ce-discount-copy.visually-hidden)) { min-height: 24px; } .cl-pdp .section-cl-tpl__multicolumn_d4TCEL-padding .title-wrapper-with-link .title h1, :where(body:has(.section-cl-tpl__multicolumn_d4TCEL-padding)) .cl-pdp h2, :where(body:has(.section-cl-tpl__multicolumn_d4TCEL-padding)) .cl-pdp h3, :where(body:has(.section-cl-tpl__multicolumn_d4TCEL-padding)) .cl-pdp h4, :where(body:has(.section-cl-tpl__multicolumn_d4TCEL-padding)) .cl-pdp h5 { margin: 0px; } @media screen and (min-width: 990px) { .cl-pdp .grid--4-col-desktop .grid__item { width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); } } @media screen and (min-width: 990px) and (max-width: 1199.98px) { .cl-pdp .grid--4-col-desktop .grid__item { width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4); max-width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4); } } .cl-pdp .multicolumn-card-spacing { padding-top: 25px; margin-left: 25px; margin-right: 25px; } .cl-pdp .multicolumn-list__item.center .media--adapt, .cl-pdp .multicolumn-list__item .media--adapt .multicolumn-card__image { width: auto; } .cl-pdp .multicolumn-list__item.center .media--adapt picture { left: 50%; transform: translate(-50%); } .cl-pdp .background-none .multicolumn-card-spacing { padding: 0px; margin: 0px; } .cl-pdp .section-cl-tpl__multicolumn_d4TCEL-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_d4TCEL-padding { padding-top: 36px; padding-bottom: 36px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_d4TCEL-padding .clx-grid { column-gap: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_d4TCEL-padding .grid--4-col-desktop .grid__item { width: calc(25% - 30px); max-width: calc(25% - 30px); } } @media screen and (min-width: 750px) { .cl-pdp .align-items-md-center { align-items: center !important; } } .cl-pdp .video-hero { position: relative; overflow: hidden; display: flex; } .cl-pdp .video-hero__heading, .cl-pdp .video-hero__text, .cl-pdp .video-hero__caption, .cl-pdp .video-hero__disclaimer, .cl-pdp .video-hero__rating, .cl-pdp .video-hero__feature { width: fit-content; } .cl-pdp .video-hero__heading h1, .cl-pdp .video-hero__heading h2, .cl-pdp .video-hero__heading h3, .cl-pdp .video-hero__heading h4, .cl-pdp .video-hero__heading h5, .cl-pdp .video-hero__heading h6, .cl-pdp .video-hero__heading p, .cl-pdp .video-hero__heading ul, .cl-pdp .video-hero__heading ol, .cl-pdp .video-hero__text h1, .cl-pdp .video-hero__text h2, .cl-pdp .video-hero__text h3, .cl-pdp .video-hero__text h4, .cl-pdp .video-hero__text h5, .cl-pdp .video-hero__text h6, .cl-pdp .video-hero__text p, .cl-pdp .video-hero__text ul, .cl-pdp .video-hero__text ol, .cl-pdp .video-hero__caption h1, .cl-pdp .video-hero__caption h2, .cl-pdp .video-hero__caption h3, .cl-pdp .video-hero__caption h4, .cl-pdp .video-hero__caption h5, .cl-pdp .video-hero__caption h6, .cl-pdp .video-hero__caption p, .cl-pdp .video-hero__caption ul, .cl-pdp .video-hero__caption ol, .cl-pdp .video-hero__disclaimer h1, .cl-pdp .video-hero__disclaimer h2, .cl-pdp .video-hero__disclaimer h3, .cl-pdp .video-hero__disclaimer h4, .cl-pdp .video-hero__disclaimer h5, .cl-pdp .video-hero__disclaimer h6, .cl-pdp .video-hero__disclaimer p, .cl-pdp .video-hero__disclaimer ul, .cl-pdp .video-hero__disclaimer ol, .cl-pdp .video-hero__rating h1, .cl-pdp .video-hero__rating h2, .cl-pdp .video-hero__rating h3, .cl-pdp .video-hero__rating h4, .cl-pdp .video-hero__rating h5, .cl-pdp .video-hero__rating h6, .cl-pdp .video-hero__rating p, .cl-pdp .video-hero__rating ul, .cl-pdp .video-hero__rating ol, .cl-pdp .video-hero__feature h1, .cl-pdp .video-hero__feature h2, .cl-pdp .video-hero__feature h3, .cl-pdp .video-hero__feature h4, .cl-pdp .video-hero__feature h5, .cl-pdp .video-hero__feature h6, .cl-pdp .video-hero__feature p, .cl-pdp .video-hero__feature ul, .cl-pdp .video-hero__feature ol { color: inherit; } .cl-pdp .video-hero__heading > :first-child, .cl-pdp .video-hero__text > :first-child { margin-top: 0px; } .cl-pdp .video-hero__heading h1, .cl-pdp .video-hero__heading h2, .cl-pdp .video-hero__heading h3, .cl-pdp .video-hero__heading h4, .cl-pdp .video-hero__heading h5, .cl-pdp .video-hero__heading h6, .cl-pdp .video-hero__text h1, .cl-pdp .video-hero__text h2, .cl-pdp .video-hero__text h3, .cl-pdp .video-hero__text h4, .cl-pdp .video-hero__text h5, .cl-pdp .video-hero__text h6 { margin: 0px; } .cl-pdp .video-hero__bg-video { position: absolute; inset: 0px; width: 100%; height: 100%; } .cl-pdp .video-hero__bg-video::after { content: ""; position: absolute; inset: 0px; } .cl-pdp .video-hero__bg-video video { display: block; object-fit: cover; width: 100%; height: 100%; } .cl-pdp .video-hero__wrapper { position: relative; } .cl-pdp .section--cl-tpl__video_hero_dLKa48 { margin-top: 0px; margin-bottom: 0px; padding-top: 24px; padding-bottom: 24px; height: 600px; } .cl-pdp .video-hero__wrapper { width: 100%; } @media screen and (min-width: 990px) { .cl-pdp .video-hero__wrapper { width: 100%; } } @media screen and (max-width: 749.98px) { .cl-pdp .section--cl-tpl__video_hero_dLKa48 { height: 600px; } } .cl-pdp .video-hero__bg-video::after, .cl-pdp .video-hero__bg-image::after { background-color: rgb(30, 30, 30); opacity: 0; } @media screen and (min-width: 750px) { .cl-pdp .video-hero__bg-video::after, .cl-pdp .video-hero__bg-image::after { background-color: rgb(30, 30, 30); } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__video_hero_dLKa48 { margin-top: 0px; margin-bottom: 0px; padding-top: 36px; padding-bottom: 36px; } } .cl-pdp .btn--button_Q9b6HX { margin-top: 30px; } @media screen and (min-width: 750px) { .cl-pdp .btn--button_Q9b6HX { margin-top: 32px; } } .cl-pdp .video-hero__heading--heading_bRzbFU { color: rgb(30, 30, 30); margin-top: 16px; } @media screen and (min-width: 750px) { .cl-pdp .video-hero__heading--heading_bRzbFU { color: rgb(255, 255, 255); margin-top: 16px; } } .cl-pdp .product__badge-image ~ .tags-wrapper, .cl-pdp .product__badge-image--global ~ .tags-wrapper, .cl-pdp .product__badge-image--product ~ .tags-wrapper { top: unset; bottom: 8px; } @media screen and (min-width: 990px) { .cl-pdp .product__badge-image ~ .tags-wrapper, .cl-pdp .product__badge-image--global ~ .tags-wrapper, .cl-pdp .product__badge-image--product ~ .tags-wrapper { bottom: 16px; } } .cl-pdp .product__badge-image--product { right: 8px; width: auto; height: 80px; } @media screen and (min-width: 990px) { .cl-pdp .product__badge-image--product { right: 16px; height: 94px; } } .cl-pdp .product__badge-image--product img { width: auto; aspect-ratio: unset; max-width: 120px; object-fit: contain; } @media screen and (min-width: 1200px) { .cl-pdp .product__badge-image--product img { max-width: 190px; } } .cl-pdp .product__offer-cards-wrapper.swiper { overflow: hidden visible; } .cl-pdp .product__offer-cards-wrapper.swiper .swiper-button-prev, .cl-pdp .product__offer-cards-wrapper.swiper .swiper-button-next { color: rgb(var(--color-foreground)); background-color: rgb(var(--color-button-text)); border-radius: 50%; height: 36px; width: 36px; display: none; } @media screen and (max-width: 749.98px) { .cl-pdp .product__offer-cards-wrapper.swiper.product__offer-cards-wrapper--mobile-slider .swiper-button-prev, .cl-pdp .product__offer-cards-wrapper.swiper.product__offer-cards-wrapper--mobile-slider .swiper-button-next { display: flex; } } @media screen and (min-width: 750px) { .cl-pdp .product__offer-cards-wrapper.swiper.product__offer-cards-wrapper--desktop-slider .swiper-button-prev, .cl-pdp .product__offer-cards-wrapper.swiper.product__offer-cards-wrapper--desktop-slider .swiper-button-next { display: flex; } } .cl-pdp .product__offer-cards-wrapper.swiper .swiper-button-next { right: var(--swiper-navigation-sides-offset, 10px) !important; } .cl-pdp .product__offer-cards-wrapper.swiper .swiper-button-next::after { content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.93333 8L8 4C6.97986 2.99931 4.95342 1.00071 3.93333 -1.7776e-07L3.42014 0.496533C4.33751 1.39653 5.55134 2.5952 6.62228 3.64658L5.22927e-05 3.64658L5.22618e-05 4.35283L6.62228 4.35283L3.42014 7.4979L3.93333 8Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A"); top: 15%; position: absolute; transform: translateY(-50%); } .cl-pdp .product__offer-cards-wrapper.swiper .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 10px) !important; } .cl-pdp .product__offer-cards-wrapper.swiper .swiper-button-prev::after { content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.06673 -9.0518e-07L6.10829e-05 4C1.0202 5.00069 3.04664 6.99929 4.06673 8L4.57992 7.50347C3.66255 6.60347 2.44872 5.4048 1.37779 4.35342L8.00001 4.35342L8.00001 3.64716L1.37779 3.64716L4.57992 0.502097L4.06673 -9.0518e-07Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A"); transform: translateY(-50%); top: 15%; position: absolute; } .cl-pdp .product__offer-cards { display: grid; margin-top: 0px !important; margin-bottom: 24px !important; } @media screen and (max-width: 749.98px) { .cl-pdp .product__offer-cards.swiper-wrapper.product__offer-cards--mobile-slider { display: flex !important; gap: 0px !important; } } @media screen and (max-width: 749.98px) { .cl-pdp .product__offer-cards.swiper-wrapper.product__offer-cards--mobile-slider .offer-card__title p { font-size: 12px; line-height: 1.4; text-align: start; } } @media screen and (min-width: 750px) { .cl-pdp .product__offer-cards.swiper-wrapper.product__offer-cards--desktop-slider { display: flex !important; gap: 0px !important; } } @media screen and (min-width: 750px) { .cl-pdp .product__offer-cards.swiper-wrapper.product__offer-cards--desktop-slider .offer-card__title p { font-size: 12px; line-height: 1.4; text-align: start; } } .cl-pdp .product__offer-cards .offer-card { position: relative; } .cl-pdp .product__offer-cards .offer-card__label .label-left, .cl-pdp .product__offer-cards .offer-card__label .label-right, .cl-pdp .product__offer-cards .offer-card__label h1, .cl-pdp .product__offer-cards .offer-card__label h2, .cl-pdp .product__offer-cards .offer-card__label h3, .cl-pdp .product__offer-cards .offer-card__label h4, .cl-pdp .product__offer-cards .offer-card__label h5, .cl-pdp .product__offer-cards .offer-card__label h6, .cl-pdp .product__offer-cards .offer-card__label p, .cl-pdp .product__offer-cards .offer-card__label ul, .cl-pdp .product__offer-cards .offer-card__label ol, .cl-pdp .product__offer-cards .offer-card__title .label-left, .cl-pdp .product__offer-cards .offer-card__title .label-right, .cl-pdp .product__offer-cards .offer-card__title h1, .cl-pdp .product__offer-cards .offer-card__title h2, .cl-pdp .product__offer-cards .offer-card__title h3, .cl-pdp .product__offer-cards .offer-card__title h4, .cl-pdp .product__offer-cards .offer-card__title h5, .cl-pdp .product__offer-cards .offer-card__title h6, .cl-pdp .product__offer-cards .offer-card__title p, .cl-pdp .product__offer-cards .offer-card__title ul, .cl-pdp .product__offer-cards .offer-card__title ol { font-size: inherit; line-height: inherit; color: inherit; } .cl-pdp .product__offer-cards .offer-card__label { position: absolute; top: 0px; left: 50%; display: flex; justify-content: center; gap: 6px; padding: 3px 6px; border-radius: 2px; margin-inline: auto; transform: translate(-50%, -50%); font-weight: 700; } @media screen and (min-width: 1400px) { .cl-pdp .product__offer-cards .offer-card__label { gap: 8px; } } .cl-pdp .product__offer-cards .offer-card__image { aspect-ratio: 1 / 1; } .cl-pdp .product__offer-cards .offer-card__image img, .cl-pdp .product__offer-cards .offer-card__image svg { display: block; width: 100%; height: 100%; object-fit: cover; } .cl-pdp .product__offer-cards .offer-card__title { margin-top: 8px; text-align: center; } .cl-pdp .product__offer-cards .offer-card__title > h1:first-of-type, .cl-pdp .product__offer-cards .offer-card__title h2:first-of-type, .cl-pdp .product__offer-cards .offer-card__title h3:first-of-type, .cl-pdp .product__offer-cards .offer-card__title h4:first-of-type, .cl-pdp .product__offer-cards .offer-card__title h5:first-of-type, .cl-pdp .product__offer-cards .offer-card__title h6:first-of-type, .cl-pdp .product__offer-cards .offer-card__title p:first-of-type, .cl-pdp .product__offer-cards .offer-card__title ul:first-of-type, .cl-pdp .product__offer-cards .offer-card__title ol:first-of-type { margin-top: 0px; } .cl-pdp .product__offer-cards .offer-card__title > h1:last-of-type, .cl-pdp .product__offer-cards .offer-card__title h2:last-of-type, .cl-pdp .product__offer-cards .offer-card__title h3:last-of-type, .cl-pdp .product__offer-cards .offer-card__title h4:last-of-type, .cl-pdp .product__offer-cards .offer-card__title h5:last-of-type, .cl-pdp .product__offer-cards .offer-card__title h6:last-of-type, .cl-pdp .product__offer-cards .offer-card__title p:last-of-type, .cl-pdp .product__offer-cards .offer-card__title ul:last-of-type, .cl-pdp .product__offer-cards .offer-card__title ol:last-of-type { margin-bottom: 0px; } .cl-pdp .product__rich-text--richtext_PrREYX { font-size: 26px; line-height: 140%; color: rgb(30, 30, 30); } @media screen and (min-width: 750px) { .cl-pdp .product__rich-text--richtext_PrREYX { font-size: 26px; } } .cl-pdp .product__offer-cards--offer_cards_Be7fnk { grid-template-columns: repeat(3, 1fr); gap: 16px 6px; max-width: 100%; justify-self: center; margin-top: 20px !important; } @media screen and (min-width: 576px) { .cl-pdp .product__offer-cards--offer_cards_Be7fnk { grid-template-columns: repeat(4, 1fr); gap: 22px 12px; max-width: 100%; } } @media screen and (min-width: 750px) { .cl-pdp .product__offer-cards--offer_cards_Be7fnk { grid-template-columns: repeat(3, 1fr); gap: 16px 6px; max-width: 100%; } } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_Be7fnk { grid-template-columns: repeat(4, 1fr); gap: 22px 12px; max-width: 100%; margin-top: 20px !important; } } .cl-pdp .product__offer-cards--offer_cards_Be7fnk .offer-card__label { font-size: 10px; line-height: 120%; background: rgb(30, 30, 30); color: rgb(255, 255, 255); } .cl-pdp .product__offer-cards--offer_cards_Be7fnk .offer-card__title { font-size: 10px; line-height: 120%; } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_Be7fnk .offer-card__label { font-size: 10px; } } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_Be7fnk .offer-card__title { font-size: 12px; } } .cl-pdp .align-items-start { align-items: flex-start !important; } .cl-pdp .content-slider__pagination-wrapper > p { margin-top: 0px; margin-bottom: 5px; letter-spacing: 1px; } .cl-pdp .section--cl-tpl__content_slider_yWjPKw { padding-top: 24px; padding-bottom: 24px; background-color: rgb(255, 255, 255); } .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__wrapper { margin-top: 24px; } .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__slide { gap: 24px; flex-direction: column-reverse; } .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__pagination-wrapper p { font-size: 16px; line-height: 140%; color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_yWjPKw .swiper-pagination-bullet { font-size: 13px; background-color: transparent; border: 1px solid rgb(30, 30, 30); color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_yWjPKw .swiper-pagination-bullet-active { background-color: rgb(30, 30, 30); border: 1px solid rgb(30, 30, 30); color: rgb(255, 255, 255); } @media (hover: hover) and (pointer: fine) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .swiper-pagination-bullet:hover { background-color: rgb(30, 30, 30); border: 1px solid rgb(30, 30, 30); color: rgb(255, 255, 255); } } .cl-pdp .section--cl-tpl__content_slider_yWjPKw .slide-heading { margin-top: 0px; font-size: 24px; line-height: 120%; color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_yWjPKw .slide-text { margin-top: 14px; font-size: 16px; line-height: 140%; color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__slide-image { aspect-ratio: 1 / 1; } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw { padding-top: 36px; padding-bottom: 36px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__wrapper { margin-top: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__pagination-wrapper p { font-size: 30px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .swiper-pagination-bullet { font-size: 13px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .slide-heading { margin-top: 0px; font-size: 24px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .slide-text { margin-top: 16px; font-size: 16px; } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__slide { gap: 70px; flex-direction: row; align-items: center; } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__pagination-wrapper { max-width: calc(50% - 35px); } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__slide-text { } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__slide-image { aspect-ratio: 1 / 1; } } @media screen and (max-width: 989.98px) { .cl-pdp .section--cl-tpl__content_slider_yWjPKw .content-slider__slide-image { margin-top: 24px; } } .cl-pdp #cl-shopify-section-cl-tpl__content_slider_yWjPKw { margin-top: calc(var(--spacing-sections-mobile) /); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__content_slider_yWjPKw { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-pdp .media--landscape { padding-bottom: 66.6%; } .cl-pdp .ce-deferred-media { display: block; } .cl-pdp .video-section__media { --ratio-percent: 56.25%; position: relative; padding-bottom: calc(var(--ratio-percent) - var(--media-border-width)); } .cl-pdp .video-section__media.deferred-media { 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)); } .cl-pdp .video-section__media.deferred-media::after { content: none; } .cl-pdp .video-section__poster.deferred-media__poster:focus { outline-offset: 3px; } .cl-pdp .video-section__poster, .cl-pdp .video-section__media iframe, .cl-pdp .video-section__media video { position: absolute; width: 100%; height: 100%; } .cl-pdp .deferred-media__poster { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; margin: 0px; padding: 0px; height: 100%; width: 100%; overflow: hidden; border-radius: calc(var(--border-radius) - var(--border-width)); } .cl-pdp .deferred-media__poster img { width: auto; max-width: 100%; height: 100%; } .cl-pdp .deferred-media { overflow: hidden; } .cl-pdp .deferred-media:not([loaded]) template { z-index: -1; } .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) + 3px) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + 5px) rgba(var(--color-foreground),.5); border-radius: calc(var(--media-radius) - var(--media-border-width)); } @media (forced-colors: active) { .cl-pdp .deferred-media__poster:focus { outline: transparent solid 1px; } } .cl-pdp .deferred-media__poster:focus:not(:focus-visible) { outline: 0px; box-shadow: none; } .cl-pdp .clx-deferred-media__poster-button { background-color: rgb(var(--color-background)); border: 1px solid rgba(var(--color-foreground),.1); border-radius: 50%; color: rgb(var(--color-foreground)); display: flex; align-items: center; justify-content: center; height: 62px; width: 62px; 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 .clx-deferred-media__poster-button:hover { transform: translate(-50%, -50%) scale(1.1); } .cl-pdp .clx-deferred-media__poster-button .clx-icon { width: 20px; height: 20px; } .cl-pdp .clx-deferred-media__poster-button .clx-icon-play { margin-left: 2px; } .cl-pdp .section-cl-tpl__video_VFfwCn-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__video_VFfwCn-padding { padding-top: 36px; padding-bottom: 36px; } } .cl-pdp #cl-shopify-section-cl-tpl__video_VFfwCn { margin-top: calc(var(--spacing-sections-mobile) /); } .cl-pdp #cl-shopify-section-cl-tpl__related-products { margin-top: calc(var(--spacing-sections-mobile) /); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__related-products { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-pdp #cl-shopify-section-cl-tpl__custom_liquid_iDEQ7z { margin-top: calc(var(--spacing-sections-mobile) /); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__custom_liquid_iDEQ7z { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-pdp .payment-list { margin: 16px 0px; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; padding: 0px; line-height: 0; } .cl-pdp .payment-list svg, .cl-pdp .payment-list img { width: 34px; height: 22px; } .cl-pdp .payment-list.border-group { padding: 16px; } .cl-pdp .border-group { border: 1px solid rgb(228, 226, 224); margin-bottom: 0px !important; } @media screen and (max-width: 989.98px) { .cl-pdp .product__info-wrapper .payment-list { flex-wrap: nowrap; justify-content: unset; overflow-x: scroll; scrollbar-width: none; } } .cl-pdp .product__bundle-item { display: flex; justify-content: unset !important; } .cl-pdp .product__bundle-item img { width: 72px; height: 72px; object-fit: cover; margin-right: 16px; } .cl-pdp .product__bundle-item-details { display: flex; flex-direction: column; justify-content: center; } .cl-pdp .product__bundle-item-details .variant-title { margin-top: 4px; } .cl-pdp .product__info-container variant-selects, .cl-pdp .product__info-container .product__bundle-item { margin: 8px 0px; } @media (max-width: 750px) { .cl-pdp .product__title-text { font-size: 16px !important; } } .cl-pdp .icon-with-text--icon_with_text_igakAa .icon-with-text__item { background: transparent; color: rgb(30, 30, 30); } .cl-pdp .icon-with-text--icon_with_text_igakAa .icon-with-text__item small { color: rgb(99, 82, 71); } .cl-pdp .icon-with-text--icon_with_text_igakAa .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_igakAa .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } } .cl-pdp .icon-with-text--icon_with_text_igakAa .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_igakAa .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } } @media screen and (min-width: 1200px) { .cl-pdp .list-payment--pdp li { width: calc(9.09091% - 3.63636px); } } @media screen and (min-width: 1200px) { .cl-pdp .list-payment--pdp li svg, .cl-pdp .list-payment--pdp li img { width: 100%; height: auto; } } .cl-pdp .swiper-button-lock { display: none; } .cl-pdp .section-cl-tpl__custom_liquid_x9HJAc-padding { padding-top: calc(0px); padding-bottom: calc(39px); } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__custom_liquid_x9HJAc-padding { padding-top: 0px; padding-bottom: 52px; } } @media screen and (max-width: 575.98px) { .cl-pdp .product__sticky-atc--compact .product__sticky-atc-info, .cl-pdp .product__sticky-atc--compact .product__sticky-atc-heading-price, .cl-pdp .product__sticky-atc--compact product-form, .cl-pdp .product__sticky-atc--compact .quick-add__submit, .cl-pdp .product__sticky-atc--compact a[href^="#MainProduct"] { width: 100%; } } .cl-pdp .product__rich-text--richtext_hMQdbx { font-size: 16px; line-height: 140%; color: rgb(30, 30, 30); } @media screen and (min-width: 750px) { .cl-pdp .product__rich-text--richtext_hMQdbx { font-size: 20px; } } .cl-pdp .product__offer-cards--offer_cards_Qt6Y4r { grid-template-columns: repeat(2, 1fr); gap: 17px 6px; max-width: 100%; justify-self: center; margin-top: 22px !important; } @media screen and (min-width: 576px) { .cl-pdp .product__offer-cards--offer_cards_Qt6Y4r { grid-template-columns: repeat(2, 1fr); gap: 23px 12px; max-width: 65%; } } @media screen and (min-width: 750px) { .cl-pdp .product__offer-cards--offer_cards_Qt6Y4r { grid-template-columns: repeat(2, 1fr); gap: 17px 6px; max-width: 100%; } } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_Qt6Y4r { grid-template-columns: repeat(2, 1fr); gap: 23px 12px; max-width: 65%; margin-top: 22px !important; } } .cl-pdp .product__offer-cards--offer_cards_Qt6Y4r .offer-card__label { font-size: 12px; line-height: 120%; background: rgb(30, 30, 30); color: rgb(255, 255, 255); } .cl-pdp .product__offer-cards--offer_cards_Qt6Y4r .offer-card__title { font-size: 12px; line-height: 120%; } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_Qt6Y4r .offer-card__label { font-size: 12px; } } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_Qt6Y4r .offer-card__title { font-size: 14px; } } .cl-pdp .product__offer-cards--offer_cards_AC9HcR { grid-template-columns: repeat(3, 1fr); gap: 17px 6px; max-width: 100%; justify-self: center; margin-top: 22px !important; } @media screen and (min-width: 576px) { .cl-pdp .product__offer-cards--offer_cards_AC9HcR { grid-template-columns: repeat(3, 1fr); gap: 23px 12px; max-width: 100%; } } @media screen and (min-width: 750px) { .cl-pdp .product__offer-cards--offer_cards_AC9HcR { grid-template-columns: repeat(3, 1fr); gap: 17px 6px; max-width: 100%; } } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_AC9HcR { grid-template-columns: repeat(3, 1fr); gap: 23px 12px; max-width: 100%; margin-top: 22px !important; } } .cl-pdp .product__offer-cards--offer_cards_AC9HcR .offer-card__label { font-size: 12px; line-height: 120%; background: rgb(30, 30, 30); color: rgb(255, 255, 255); } .cl-pdp .product__offer-cards--offer_cards_AC9HcR .offer-card__title { font-size: 12px; line-height: 120%; } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_AC9HcR .offer-card__label { font-size: 12px; } } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_AC9HcR .offer-card__title { font-size: 14px; } } .cl-pdp .icon-with-text--icon_with_text_3xpnmJ .icon-with-text__item { background: transparent; color: rgb(30, 30, 30); } .cl-pdp .icon-with-text--icon_with_text_3xpnmJ .icon-with-text__item small { color: rgb(99, 82, 71); } .cl-pdp .icon-with-text--icon_with_text_3xpnmJ .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_3xpnmJ .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } } .cl-pdp .icon-with-text--icon_with_text_3xpnmJ .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_3xpnmJ .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } } .cl-pdp .section-cl-tpl__multicolumn_XN8cpT-padding .title-wrapper-with-link .title h1, :where(body:has(.section-cl-tpl__multicolumn_XN8cpT-padding)) .cl-pdp h2, :where(body:has(.section-cl-tpl__multicolumn_XN8cpT-padding)) .cl-pdp h3, :where(body:has(.section-cl-tpl__multicolumn_XN8cpT-padding)) .cl-pdp h4, :where(body:has(.section-cl-tpl__multicolumn_XN8cpT-padding)) .cl-pdp h5 { margin: 0px; } .cl-pdp .section-cl-tpl__multicolumn_73W4gW-padding .title-wrapper-with-link .title h1, :where(body:has(.section-cl-tpl__multicolumn_73W4gW-padding)) .cl-pdp h2, :where(body:has(.section-cl-tpl__multicolumn_73W4gW-padding)) .cl-pdp h3, :where(body:has(.section-cl-tpl__multicolumn_73W4gW-padding)) .cl-pdp h4, :where(body:has(.section-cl-tpl__multicolumn_73W4gW-padding)) .cl-pdp h5 { margin: 0px; } .cl-pdp .section-cl-tpl__multicolumn_8yEEKF-padding .title-wrapper-with-link .title h1, :where(body:has(.section-cl-tpl__multicolumn_8yEEKF-padding)) .cl-pdp h2, :where(body:has(.section-cl-tpl__multicolumn_8yEEKF-padding)) .cl-pdp h3, :where(body:has(.section-cl-tpl__multicolumn_8yEEKF-padding)) .cl-pdp h4, :where(body:has(.section-cl-tpl__multicolumn_8yEEKF-padding)) .cl-pdp h5 { margin: 0px; } @media screen and (max-width: 749px) { .cl-pdp .grid--2-col-tablet-down .grid__item { width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-pdp .grid--2-col-tablet-down .grid__item { width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } } .cl-pdp .clx-button, .cl-pdp .shopify-challenge__button, .cl-pdp .customer button, .cl-pdp button.clx-shopify-payment-button__button--unbranded, .cl-pdp .shopify-payment-button [role="button"], .cl-pdp .cart__dynamic-checkout-buttons [role="button"], .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 .clx-button, .cl-pdp .shopify-challenge__button, .cl-pdp .customer button, .cl-pdp button.clx-shopify-payment-button__button--unbranded { min-width: calc(120px + var(--buttons-border-width) * 2); min-height: calc(45px + var(--buttons-border-width) * 2); } .cl-pdp .clx-button, .cl-pdp .shopify-challenge__button, .cl-pdp .customer button { display: inline-flex; justify-content: center; align-items: center; border: 0px; padding: 0px 30px; 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: 15px; 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 .clx-button::before, .cl-pdp .shopify-challenge__button::before, .cl-pdp .customer button::before, .cl-pdp .clx-shopify-payment-button__button--unbranded::before, .cl-pdp .shopify-payment-button [role="button"]::before, .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 .clx-button::after, .cl-pdp .shopify-challenge__button::after, .cl-pdp .customer button::after, .cl-pdp .clx-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 .clx-button:not([disabled]):hover::after, .cl-pdp .shopify-challenge__button:hover::after, .cl-pdp .customer button:hover::after, .cl-pdp .clx-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 .clx-button:focus-visible, .cl-pdp .clx-button:focus, .cl-pdp .clx-button.focused, .cl-pdp .clx-shopify-payment-button__button--unbranded:focus-visible, .cl-pdp .shopify-payment-button [role="button"]:focus-visible, .cl-pdp .clx-shopify-payment-button__button--unbranded:focus, .cl-pdp .shopify-payment-button [role="button"]:focus { outline: 0px; box-shadow: 0 0 0 3px rgb(var(--color-background)),0 0 0 5px rgba(var(--color-foreground),.5),0 0 5px 4px rgba(var(--color-foreground),.3); } .cl-pdp .clx-button:focus:not(:focus-visible):not(.focused), .cl-pdp .clx-shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused), .cl-pdp .shopify-payment-button [role="button"]:focus:not(:focus-visible):not(.focused) { box-shadow: inherit; } .cl-pdp .clx-button::selection, .cl-pdp .shopify-challenge__button::selection, .cl-pdp .customer button::selection { background-color: rgba(var(--color-button-text),.3); } .cl-pdp .clx-button, .cl-pdp .button-label, .cl-pdp .shopify-challenge__button, .cl-pdp .customer button { font-size: 15px; letter-spacing: 1px; line-height: calc(1 + .2 / var(--font-body-scale)); } @media (forced-colors: active) { .cl-pdp .clx-button, .cl-pdp .shopify-challenge__button, .cl-pdp .customer button { border: 1px solid transparent; } } @media (forced-colors: active) { .cl-pdp .clx-button:focus-visible, .cl-pdp .clx-button:focus, .cl-pdp .clx-button.focused, .cl-pdp .clx-shopify-payment-button__button--unbranded:focus-visible, .cl-pdp .shopify-payment-button [role="button"]:focus-visible, .cl-pdp .clx-shopify-payment-button__button--unbranded:focus, .cl-pdp .shopify-payment-button [role="button"]:focus { outline: transparent solid 1px; } } .cl-pdp .section-cl-tpl__multicolumn_XN8cpT-padding { padding-top: 9px; padding-bottom: 18px; } .cl-pdp .section-cl-tpl__multicolumn_XN8cpT-padding .multicolumn-card__image-content { padding: 12px 8px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_XN8cpT-padding { padding-top: 12px; padding-bottom: 24px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_XN8cpT-padding .clx-grid { column-gap: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_XN8cpT-padding .grid--4-col-desktop .grid__item { width: calc(25% - 30px); max-width: calc(25% - 30px); } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_XN8cpT-padding .multicolumn-card__image-content { padding: 16px 8px; } } .cl-pdp .multicolumn__badge { color: rgb(255, 255, 255); background: rgb(92, 34, 39); } .cl-pdp .section-cl-tpl__multicolumn_XN8cpT-padding .multicolumn-card__image-content { text-align: center; } .cl-pdp .section-cl-tpl__multicolumn_XN8cpT-padding .multicolumn-card-column_PUENcM .multicolumn-card__image-text * { color: rgb(30, 30, 30) !important; } .cl-pdp #cl-shopify-section-cl-tpl__multicolumn_XN8cpT { margin-top: calc(var(--spacing-sections-mobile) / -); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__multicolumn_XN8cpT { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-pdp .multicolumn .clx-button { margin-top: 15px; } @media screen and (min-width: 750px) { .cl-pdp .multicolumn .clx-button { margin-top: 40px; } } @media screen and (max-width: 749px) { .cl-pdp .multicolumn-list:not(.slider) { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-pdp .multicolumn-list:not(.slider) { padding-left: 24px; padding-right: 24px; } } .cl-pdp .background-none .multicolumn-list:not(.slider) .center .multicolumn-card__info { padding-left: 8px; padding-right: 8px; } .cl-pdp .multicolumn__badge { display: flex; justify-content: center; align-items: center; padding: 7px 12px; border-radius: 8px; font-size: 11px !important; } .cl-pdp .multicolumn__desc * { margin: 0px; } .cl-pdp .multicolumn-card__image-content { padding: 8px; z-index: 2; position: absolute; left: 0px; top: 0px; width: 100%; max-height: 100%; overflow: hidden; } @media (max-width: 750px) { .cl-pdp .multicolumn-card__image-content { padding: 6px; } } .cl-pdp .multicolumn-card__image-text { padding-bottom: 8px; } .cl-pdp .section-cl-tpl__multicolumn_73W4gW-padding { padding-top: 9px; padding-bottom: 18px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_73W4gW-padding { padding-top: 12px; padding-bottom: 24px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_73W4gW-padding .clx-grid { column-gap: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_73W4gW-padding .grid--4-col-desktop .grid__item { width: calc(25% - 30px); max-width: calc(25% - 30px); } } .cl-pdp #cl-shopify-section-cl-tpl__multicolumn_73W4gW { margin-top: calc(var(--spacing-sections-mobile) / -); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__multicolumn_73W4gW { margin-top: calc(var(--spacing-sections-desktop) / -); } } @media screen and (min-width: 990px) { .cl-pdp .grid--5-col-desktop .grid__item { width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5); max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5); } } .cl-pdp .media--circle { padding-bottom: 100%; border-radius: 50%; } @media screen and (min-width: 990px) and (max-width: 1199.98px) { .cl-pdp .grid--5-col-desktop .grid__item { width: calc(20% - var(--grid-mobile-horizontal-spacing) * 4 / 5); max-width: calc(20% - var(--grid-mobile-horizontal-spacing) * 4 / 5); } } .cl-pdp .section-cl-tpl__multicolumn_8yEEKF-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_8yEEKF-padding { padding-top: 36px; padding-bottom: 36px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_8yEEKF-padding .clx-grid { column-gap: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_8yEEKF-padding .grid--5-col-desktop .grid__item { max-width: calc(20% - 32px); } } .cl-pdp #cl-shopify-section-cl-tpl__multicolumn_8yEEKF { margin-top: calc(var(--spacing-sections-mobile) / -); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__multicolumn_8yEEKF { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-pdp .benefits { position: relative; overflow: hidden; } .cl-pdp .benefits__heading h1, .cl-pdp .benefits__heading h2, .cl-pdp .benefits__heading h3, .cl-pdp .benefits__heading h4, .cl-pdp .benefits__heading h5, .cl-pdp .benefits__heading h6, .cl-pdp .benefits__heading p, .cl-pdp .benefits__heading ul, .cl-pdp .benefits__heading ol, .cl-pdp .benefits__text h1, .cl-pdp .benefits__text h2, .cl-pdp .benefits__text h3, .cl-pdp .benefits__text h4, .cl-pdp .benefits__text h5, .cl-pdp .benefits__text h6, .cl-pdp .benefits__text p, .cl-pdp .benefits__text ul, .cl-pdp .benefits__text ol, .cl-pdp .benefits__feature-title h1, .cl-pdp .benefits__feature-title h2, .cl-pdp .benefits__feature-title h3, .cl-pdp .benefits__feature-title h4, .cl-pdp .benefits__feature-title h5, .cl-pdp .benefits__feature-title h6, .cl-pdp .benefits__feature-title p, .cl-pdp .benefits__feature-title ul, .cl-pdp .benefits__feature-title ol, .cl-pdp .benefits__feature-text h1, .cl-pdp .benefits__feature-text h2, .cl-pdp .benefits__feature-text h3, .cl-pdp .benefits__feature-text h4, .cl-pdp .benefits__feature-text h5, .cl-pdp .benefits__feature-text h6, .cl-pdp .benefits__feature-text p, .cl-pdp .benefits__feature-text ul, .cl-pdp .benefits__feature-text ol, .cl-pdp .benefits__caption h1, .cl-pdp .benefits__caption h2, .cl-pdp .benefits__caption h3, .cl-pdp .benefits__caption h4, .cl-pdp .benefits__caption h5, .cl-pdp .benefits__caption h6, .cl-pdp .benefits__caption p, .cl-pdp .benefits__caption ul, .cl-pdp .benefits__caption ol { font-size: inherit; line-height: inherit; color: inherit; } .cl-pdp .benefits__heading > *, .cl-pdp .benefits__text > *, .cl-pdp .benefits__feature-title > *, .cl-pdp .benefits__feature-text > *, .cl-pdp .benefits__caption > * { margin: 0px; } .cl-pdp .benefits__top, .cl-pdp .benefits__wrapper, .cl-pdp .benefits__sticker { position: relative; } .cl-pdp .benefits__sticker { position: absolute; } .cl-pdp .benefits__wrapper { display: grid; align-items: center; grid-template-columns: 1fr; gap: 40px; } @media screen and (min-width: 990px) { .cl-pdp .benefits__wrapper { grid-template-columns: repeat(3, 1fr); } } .cl-pdp .benefits__wrapper--mobile-columns .benefits__features--mobile { display: none; } @media screen and (max-width: 989.98px) { .cl-pdp .benefits__wrapper--mobile-columns .benefits__features:not(.benefits__features--mobile) { display: none; } } @media screen and (max-width: 989.98px) { .cl-pdp .benefits__wrapper--mobile-columns .benefits__features--mobile { display: grid; grid-template-columns: repeat(2, 1fr); } } .cl-pdp .benefits__features { display: flex; flex-direction: column; } .cl-pdp .benefits__feature { display: flex; align-items: center; } .cl-pdp .benefits__feature-text-wrapper { flex-grow: 1; } .cl-pdp .benefits__image-wrapper { display: flex; flex-direction: column; align-items: center; } .cl-pdp .benefits__image-wrapper img, .cl-pdp .benefits__image-wrapper svg { display: block; width: 70%; height: 100%; object-fit: cover; } @media screen and (min-width: 990px) { .cl-pdp .benefits__image-wrapper img, .cl-pdp .benefits__image-wrapper svg { width: 100%; } } .cl-pdp .benefits__bottom, .cl-pdp .benefits__bottom--mobile { flex-direction: column; align-items: center; } .cl-pdp .benefits__bottom { display: none; } @media screen and (min-width: 990px) { .cl-pdp .benefits__bottom { display: flex; } } .cl-pdp .benefits__bottom--mobile { display: flex; } @media screen and (min-width: 990px) { .cl-pdp .benefits__bottom--mobile { display: none; } } .cl-pdp .section--cl-tpl__benefits_eqTdAJ { padding-top: 24px; padding-bottom: 24px; background-color: rgb(250, 248, 246); } .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__wrapper { margin-top: 24px; } .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__features { gap: 20px; } .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__feature { flex-direction: column; gap: 0px; } .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__feature-text-wrapper { max-width: 500px; } .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__feature-title { margin-top: 0px; font-size: 16px; line-height: 120%; color: rgb(142, 118, 103); } .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__feature-text { margin-top: 0px; font-size: 12px; line-height: 140%; color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__image-wrapper img, .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__image-wrapper svg { aspect-ratio: 1 / 1; border-radius: 100%; } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__benefits_eqTdAJ { padding-top: 36px; padding-bottom: 36px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__wrapper { margin-top: 8px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__features { gap: 24px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__feature { flex-direction: row; gap: 16px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__feature-title { margin-top: 0px; font-size: 18px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__feature-text { margin-top: 4px; font-size: 14px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__image-wrapper img, .cl-pdp .section--cl-tpl__benefits_eqTdAJ .benefits__image-wrapper svg { aspect-ratio: 1 / 1; } } .cl-pdp .btn--button_RaXNzr { margin-top: 0px; } @media screen and (min-width: 750px) { .cl-pdp .btn--button_RaXNzr { margin-top: 32px; } } .cl-pdp .benefits__sticker--sticker_YNLqth { top: 12%; left: 5%; width: 100px; transform: rotate(10deg); } @media screen and (min-width: 990px) { .cl-pdp .benefits__sticker--sticker_YNLqth { top: 12%; left: 5%; width: 150px; transform: rotate(10deg); } } .cl-pdp .benefits__sticker--sticker_xbwYg6 { top: 12%; left: 5%; width: 100px; transform: rotate(10deg); } @media screen and (min-width: 990px) { .cl-pdp .benefits__sticker--sticker_xbwYg6 { top: 12%; left: 5%; width: 150px; transform: rotate(10deg); } } .cl-pdp .benefits__heading--heading_4CFJAK { font-size: 24px; line-height: 120%; color: rgb(30, 30, 30); } @media screen and (min-width: 750px) { .cl-pdp .benefits__heading--heading_4CFJAK { font-size: 40px; } } .cl-pdp #cl-shopify-section-cl-tpl__benefits_eqTdAJ { margin-top: calc(var(--spacing-sections-mobile) / -); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__benefits_eqTdAJ { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-pdp .product__offer-cards--offer_cards_aA9JVL { grid-template-columns: repeat(3, 1fr); gap: 16px 6px; max-width: 100%; justify-self: center; margin-top: 20px !important; } @media screen and (min-width: 576px) { .cl-pdp .product__offer-cards--offer_cards_aA9JVL { grid-template-columns: repeat(3, 1fr); gap: 22px 12px; max-width: 100%; } } @media screen and (min-width: 750px) { .cl-pdp .product__offer-cards--offer_cards_aA9JVL { grid-template-columns: repeat(3, 1fr); gap: 16px 6px; max-width: 100%; } } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_aA9JVL { grid-template-columns: repeat(3, 1fr); gap: 22px 12px; max-width: 100%; margin-top: 20px !important; } } .cl-pdp .product__offer-cards--offer_cards_aA9JVL .offer-card__label { font-size: 10px; line-height: 120%; background: rgb(30, 30, 30); color: rgb(255, 255, 255); width: max-content; } .cl-pdp .product__offer-cards--offer_cards_aA9JVL .offer-card__title { font-size: 10px; line-height: 120%; } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_aA9JVL .offer-card__label { font-size: 10px; } } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_aA9JVL .offer-card__title { font-size: 12px; } } @media screen and (max-width: 749.98px) { .cl-pdp .banner-fluid__wrapper--mob-reverse { flex-direction: column-reverse; } } @media screen and (max-width: 749.98px) { .cl-pdp .banner-fluid__wrapper--mob-reverse .banner-fluid__media { margin-bottom: 64px; } } @media screen and (max-width: 749.98px) { .cl-pdp .banner-fluid__wrapper--mob-reverse .banner-fluid__content { margin-bottom: 0px; } } .cl-pdp .banner-fluid--cl-tpl__banner_fluid_k76NpF { padding-top: 0px; padding-bottom: 34px; } .cl-pdp .banner-fluid--cl-tpl__banner_fluid_k76NpF .banner-fluid__content-text { font-size: 14px; } @media (min-width: 750px) { .cl-pdp .banner-fluid--cl-tpl__banner_fluid_k76NpF { padding-top: 0px; padding-bottom: 0px; } } @media (min-width: 750px) { .cl-pdp .banner-fluid--cl-tpl__banner_fluid_k76NpF .banner-fluid__content-text { font-size: 14px; } } @media (min-width: 750px) { .cl-pdp .banner-fluid--cl-tpl__banner_fluid_k76NpF .banner-fluid__wrapper { min-height: 715px !important; } } @media (min-width: 750px) { .cl-pdp .banner-fluid--cl-tpl__banner_fluid_k76NpF .banner-fluid__wrapper .text-wrapper { display: flex; justify-content: flex-end; } } @media (min-width: 750px) { .cl-pdp .banner-fluid--cl-tpl__banner_fluid_k76NpF .banner-fluid__content { padding-left: 12px; padding-right: 0px; } } @media (min-width: 750px) { .cl-pdp .banner-fluid--cl-tpl__banner_fluid_k76NpF .banner-fluid__media { right: auto; left: 0px; padding-left: 0px; } } .cl-pdp #cl-shopify-section-cl-tpl__banner_fluid_k76NpF { margin-top: calc(var(--spacing-sections-mobile) /); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__banner_fluid_k76NpF { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-pdp .section--cl-tpl__content_slider_y6kLte { padding-top: 24px; padding-bottom: 24px; background-color: rgb(255, 255, 255); } .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__wrapper { margin-top: 24px; } .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__slide { gap: 24px; flex-direction: column-reverse; } .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__pagination-wrapper p { font-size: 16px; line-height: 140%; color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_y6kLte .swiper-pagination-bullet { font-size: 13px; background-color: transparent; border: 1px solid rgb(30, 30, 30); color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_y6kLte .swiper-pagination-bullet-active { background-color: rgb(30, 30, 30); border: 1px solid rgb(30, 30, 30); color: rgb(255, 255, 255); } @media (hover: hover) and (pointer: fine) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .swiper-pagination-bullet:hover { background-color: rgb(30, 30, 30); border: 1px solid rgb(30, 30, 30); color: rgb(255, 255, 255); } } .cl-pdp .section--cl-tpl__content_slider_y6kLte .slide-heading { margin-top: 0px; font-size: 24px; line-height: 120%; color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_y6kLte .slide-text { margin-top: 14px; font-size: 16px; line-height: 140%; color: rgb(30, 30, 30); } .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__slide-image { aspect-ratio: 1 / 1; } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte { padding-top: 36px; padding-bottom: 36px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__wrapper { margin-top: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__pagination-wrapper p { font-size: 30px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .swiper-pagination-bullet { font-size: 13px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .slide-heading { margin-top: 0px; font-size: 24px; } } @media screen and (min-width: 750px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .slide-text { margin-top: 16px; font-size: 16px; } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__slide { gap: 70px; flex-direction: row; align-items: center; } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__pagination-wrapper { max-width: calc(50% - 35px); } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__slide-text { } } @media screen and (min-width: 990px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__slide-image { aspect-ratio: 1 / 1; } } @media screen and (max-width: 989.98px) { .cl-pdp .section--cl-tpl__content_slider_y6kLte .content-slider__slide-image { margin-top: 24px; } } .cl-pdp #cl-shopify-section-cl-tpl__content_slider_y6kLte { margin-top: calc(var(--spacing-sections-mobile) /); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__content_slider_y6kLte { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-pdp .icon-with-text .clx-icon { fill: rgb(var(--color-foreground)); height: var(--icon-size); width: var(--icon-size); } .cl-pdp .section-cl-tpl__multicolumn_VikfLb-padding .title-wrapper-with-link .title h1, :where(body:has(.section-cl-tpl__multicolumn_VikfLb-padding)) .cl-pdp h2, :where(body:has(.section-cl-tpl__multicolumn_VikfLb-padding)) .cl-pdp h3, :where(body:has(.section-cl-tpl__multicolumn_VikfLb-padding)) .cl-pdp h4, :where(body:has(.section-cl-tpl__multicolumn_VikfLb-padding)) .cl-pdp h5 { margin: 0px; } .cl-pdp .content-container--full-width::after { left: 0px; right: 0px; border-radius: 0px; } .cl-pdp .content-container--full-width, .cl-pdp .global-media-settings--full-width, .cl-pdp .global-media-settings--full-width img, .cl-pdp .global-media-settings--full-width video, .cl-pdp .global-media-settings--full-width iframe, .cl-pdp .global-media-settings--full-width .clx-placeholder-svg { border-radius: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } .cl-pdp .rich-text { z-index: 1; } .cl-pdp .rich-text__wrapper { display: flex; justify-content: center; width: calc(100% - 40px / var(--font-body-scale)); } .cl-pdp .rich-text__blocks { width: 100%; } @media screen and (min-width: 750px) { .cl-pdp .rich-text__wrapper { width: 100%; } } @media screen and (min-width: 750px) { .cl-pdp .rich-text__blocks { max-width: 500px; } } @media screen and (min-width: 990px) { .cl-pdp .rich-text__blocks { max-width: 780px; } } .cl-pdp .rich-text__blocks * { overflow-wrap: break-word; } .cl-pdp .rich-text__blocks > * { margin-top: 0px; margin-bottom: 0px; } .cl-pdp .section-cl-tpl__rich_text_CVEEGE-padding { padding-top: 12px; padding-bottom: 12px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__rich_text_CVEEGE-padding { padding-top: 16px; padding-bottom: 16px; } } .cl-pdp #cl-shopify-section-cl-tpl__rich_text_CVEEGE { margin-top: calc(var(--spacing-sections-mobile) / -); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__rich_text_CVEEGE { margin-top: calc(var(--spacing-sections-desktop) / -); } } @media screen and (min-width: 990px) { .cl-pdp .grid--6-col-desktop .grid__item { width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6); max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6); } } @media screen and (min-width: 990px) and (max-width: 1199.98px) { .cl-pdp .grid--6-col-desktop .grid__item { width: calc(16.66% - var(--grid-mobile-horizontal-spacing) * 5 / 6); max-width: calc(16.66% - var(--grid-mobile-horizontal-spacing) * 5 / 6); } } .cl-pdp .section-cl-tpl__multicolumn_VikfLb-padding { padding-top: 9px; padding-bottom: 33px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_VikfLb-padding { padding-top: 12px; padding-bottom: 44px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_VikfLb-padding .clx-grid { column-gap: 40px; } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_VikfLb-padding .grid--6-col-desktop .grid__item { width: calc(16.66% - 33.3333px); max-width: calc(16.66% - 33.3333px); } } .cl-pdp #cl-shopify-section-cl-tpl__multicolumn_VikfLb { margin-top: calc(var(--spacing-sections-mobile) / -); } @media screen and (min-width: 750px) { .cl-pdp #cl-shopify-section-cl-tpl__multicolumn_VikfLb { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-pdp .section-cl-tpl__multicolumn_ABixTg-padding { padding-top: 0px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_ABixTg-padding { padding-top: 0px; padding-bottom: 36px; } } @media screen and (min-width: 576px) { .cl-pdp .product__offer-cards--offer_cards_Be7fnk { grid-template-columns: repeat(3, 1fr); gap: 22px 12px; max-width: 100%; } } @media screen and (min-width: 1200px) { .cl-pdp .product__offer-cards--offer_cards_Be7fnk { grid-template-columns: repeat(3, 1fr); gap: 22px 12px; max-width: 100%; margin-top: 20px !important; } } .cl-pdp .btn:disabled, .cl-pdp .btn[aria-disabled="true"], .cl-pdp .btn.disabled { cursor: not-allowed; opacity: 0.4; } .cl-pdp .custom-bis-trigger { padding: 0px !important; } .cl-pdp .dicount-copy-wrapper--discount_code_9czCgB .text-side { color: rgb(30, 30, 30); background: rgb(255, 255, 255); padding: 0px 10px; border-radius: 4px; } .cl-pdp .dicount-copy-wrapper--discount_code_9czCgB .text-side, .cl-pdp .dicount-copy-wrapper--discount_code_9czCgB .copy-success { justify-content: center; } .cl-pdp .dicount-copy-wrapper--discount_code_9czCgB:not(:has(.ce-discount-copy.visually-hidden)) { min-height: 24px; } .cl-pdp .icon-with-text--icon_with_text_eaipER .icon-with-text__item { background: transparent; color: rgb(30, 30, 30); } .cl-pdp .icon-with-text--icon_with_text_eaipER .icon-with-text__item small { color: rgb(99, 82, 71); } .cl-pdp .icon-with-text--icon_with_text_eaipER .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_eaipER .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } } .cl-pdp .icon-with-text--icon_with_text_eaipER .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_eaipER .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } } .cl-pdp .tiles-links--cl-tpl__tiles_links_slider_Q6eqt3 { padding-top: 32px; padding-bottom: 0px; } @media (min-width: 750px) { .cl-pdp .tiles-links--cl-tpl__tiles_links_slider_Q6eqt3 { padding-top: 32px; padding-bottom: 16px; } } .cl-pdp .section-cl-tpl__custom_liquid_CNX3ya-padding { padding-top: calc(30px); padding-bottom: calc(39px); } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__custom_liquid_CNX3ya-padding { padding-top: 40px; padding-bottom: 52px; } } .cl-pdp .dicount-copy-wrapper--discount_code_fdKbLR .text-side { color: rgb(30, 30, 30); background: rgb(255, 255, 255); padding: 0px 10px; border-radius: 4px; } .cl-pdp .dicount-copy-wrapper--discount_code_fdKbLR .text-side, .cl-pdp .dicount-copy-wrapper--discount_code_fdKbLR .copy-success { justify-content: center; } .cl-pdp .dicount-copy-wrapper--discount_code_fdKbLR:not(:has(.ce-discount-copy.visually-hidden)) { min-height: 24px; } .cl-pdp .icon-with-text--icon_with_text_XkHj47 .icon-with-text__item { background: transparent; color: rgb(30, 30, 30); } .cl-pdp .icon-with-text--icon_with_text_XkHj47 .icon-with-text__item small { color: rgb(99, 82, 71); } .cl-pdp .icon-with-text--icon_with_text_XkHj47 .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_XkHj47 .icon-with-text__item span.inline-richtext { font-size: 14px !important; font-weight: 400; } } .cl-pdp .icon-with-text--icon_with_text_XkHj47 .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } @media (max-width: 750px) { .cl-pdp .icon-with-text--icon_with_text_XkHj47 .icon-with-text__item small { font-size: 12px !important; font-weight: 400; } } @media screen and (min-width: 990px) { .cl-pdp .grid--2-col-desktop .grid__item { width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } } @media screen and (min-width: 990px) and (max-width: 1199.98px) { .cl-pdp .grid--2-col-desktop .grid__item { width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); } } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__multicolumn_ABixTg-padding .grid--2-col-desktop .grid__item { width: calc(50% - 20px); max-width: calc(50% - 20px); } } .cl-pdp .color-scheme-2 { --color-background: 30,30,30; --gradient-background: #1e1e1e; --color-foreground: 255,255,255; --color-background-contrast: 43,43,43; --color-shadow: 30,30,30; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 30,30,30; --color-secondary-button-text: 30,30,30; --color-link: 30,30,30; --color-badge-foreground: 255,255,255; --color-badge-background: 30,30,30; --color-badge-border: 255,255,255; --color-accent: 188,30,30; --payment-terms-background-color: rgb(30 30 30); } .cl-pdp .custom-rich-text__title:not(:only-child) { margin-bottom: 8px; } .cl-pdp .custom-rich-text__text { text-align: center; } .cl-pdp .custom-rich-text__text * { text-align: center; margin: 0px; } .cl-pdp .custom-rich-text__text p, .cl-pdp .custom-rich-text__text ul, .cl-pdp .custom-rich-text__text li, .cl-pdp .custom-rich-text__text strong, .cl-pdp .custom-rich-text__text em { line-height: 1.6; } @media screen and (max-width: 749.98px) { .cl-pdp .custom-rich-text__text p, .cl-pdp .custom-rich-text__text ul, .cl-pdp .custom-rich-text__text li, .cl-pdp .custom-rich-text__text strong, .cl-pdp .custom-rich-text__text em { line-height: 1.4; } } .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_LyiUrD { padding-top: 64px; padding-bottom: 64px; } .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_LyiUrD .custom-rich-text__text p, .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_LyiUrD .custom-rich-text__text strong, .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_LyiUrD .custom-rich-text__text li { font-size: 15px; } .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_LyiUrD .custom-rich-text__wrapper { max-width: 420px; } @media (min-width: 750px) { .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_LyiUrD { padding-top: 64px; padding-bottom: 64px; } } @media (min-width: 750px) { .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_LyiUrD .custom-rich-text__text p, .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_LyiUrD .custom-rich-text__text strong, .cl-pdp .custom-rich-text--cl-tpl__custom_rich_text_LyiUrD .custom-rich-text__text li { font-size: 16px; } } .cl-pdp .section-cl-tpl__custom_liquid_4p9JTn-padding { padding-top: calc(30px); padding-bottom: calc(39px); } @media screen and (min-width: 750px) { .cl-pdp .section-cl-tpl__custom_liquid_4p9JTn-padding { padding-top: 40px; padding-bottom: 52px; } } .cl-pdp .product-form__input--pill > input[type="radio"] + label .option-info__title .variant-badge { font-weight: 500; background: rgb(246, 240, 230) !important; } .cl-pdp .product-form__input--pill > input[type="radio"] + label .option-info__badges .variant-badge { display: block; padding: 4px 8px; font-size: 12px; line-height: 1; text-transform: uppercase; text-align: center; border-radius: 4px; background: rgb(222, 206, 186); } .cl-pdp .product-form__input--extended > input[type="radio"] + label .variant-badge { transform: translateY(-2px); white-space: nowrap; padding: 4px !important; } @media screen and (min-width: 576px) and (max-width: 1099px) { .cl-pdp .product-form__input--extended > input[type="radio"] + label .clx-price .price-container { flex-wrap: wrap; } } @media screen and (max-width: 1099px) { .cl-pdp .product-form__input--extended > input[type="radio"] + label .clx-price .badge-side { flex-wrap: wrap; } } .cl-pdp .product-form__input--extended > input[type="radio"] + label .clx-price .badge-side { display: flex; justify-content: flex-end; align-items: baseline; gap: 8px; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .clx-price .each-price { font-size: 12px; font-weight: 700; flex-shrink: 0; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .clx-price .price-container { margin-left: 6px; display: flex; flex-direction: row-reverse; gap: 6px; } .cl-pdp .product-form__input--extended > input[type="radio"] + label .clx-price .price-container s.price-item { margin-left: 0px; } .cl-pdp .product-form__input--compact-offer-picker { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 6px !important; max-width: unset !important; } .cl-pdp .product-form__input--compact-offer-picker .offer__option-label { margin-bottom: 4px; } .cl-pdp .product-form__input--compact-offer-picker > input[type="radio"] + label .label { position: absolute; top: 0px; left: 50%; transform: translate(-50%, -50%); max-width: 100%; width: max-content; padding: 3px 8px; border-radius: 2px; background: rgb(30, 30, 30); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; white-space: nowrap; } .cl-pdp .product-form__input--compact-offer-picker > input[type="radio"] + label .option-info { gap: 8px; padding: 15px 12px 6px; } .cl-pdp .product-form__input--compact-offer-picker > input[type="radio"] + label .option-info__main { flex-direction: column; } .cl-pdp .product-form__input--compact-offer-picker > input[type="radio"] + label .option-info__main .clx-price { margin-left: unset; align-items: center; } .cl-pdp .product-form__input--compact-offer-picker > input[type="radio"] + label .option-info__main .clx-price .price-container { margin-left: unset; } .cl-pdp .product-form__input--compact-offer-picker > input[type="radio"] + label .option-info__main .clx-price .price-item { display: flex; justify-content: center; flex-wrap: wrap; } .cl-pdp .product-form__input--compact-offer-picker > input[type="radio"] + label .option-info__main .clx-price .ce-price-snippet { display: none; } .cl-pdp .product-form__input--compact-offer-picker > input[type="radio"] + label .option-info .title-side { width: 100%; } .cl-pdp .product-form__input--compact-offer-picker > input[type="radio"] + label .title-side { align-items: center; font-size: 16px; } .cl-pdp .product-form__input--compact-offer-picker ~ [data-selected-option-text] { display: block; text-align: center; font-style: italic; font-size: 16px; } .cl-pdp .ce-visual-quantity-selects s.price-item, .cl-pdp bogo-selector s.price-item { opacity: 0.7; } .cl-pdp .ce-visual-quantity-selects.this-hide, .cl-pdp .ce-visual-quantity-selects.this-hide-next-show { display: none; } .cl-pdp .additional-price-badge { display: inline-flex; flex-wrap: wrap; column-gap: 12px; margin: 0px !important; } .cl-pdp .additional-price-badge .price__discount-badge { text-transform: uppercase; } .cl-pdp .additional-price-badge .price__discount-badge:has([data-dynamic-save-percent="0"]) { display: none !important; } .cl-pdp .dicount-copy-wrapper--discount_code_BAKxkf .text-side { color: rgb(30, 30, 30); background: rgb(255, 255, 255); padding: 0px 10px; border-radius: 4px; } .cl-pdp .dicount-copy-wrapper--discount_code_BAKxkf .text-side, .cl-pdp .dicount-copy-wrapper--discount_code_BAKxkf .copy-success { justify-content: center; } .cl-pdp .dicount-copy-wrapper--discount_code_BAKxkf:not(:has(.ce-discount-copy.visually-hidden)) { min-height: 24px; } /* estados (folhas dele) */ .cl-pdp .product-form__input--pill input[type=radio]:checked+label {border-color:rgba(var(--color-foreground),var(--variant-pills-border-opacity))} @media screen and (forced-colors:active) { .cl-pdp .product-form__input--pill input[type=radio]:checked+label {text-decoration:underline} } .cl-pdp .product-form__input--pill input[type=radio]:checked+label::selection {background-color:rgba(var(--color-background),.3)} .cl-pdp .swatch-input__input:checked+.swatch-input__label {outline:2px solid rgb(var(--color-foreground))} .cl-pdp .swatch-input__input:checked:focus-visible+.swatch-input__label {outline:1px solid rgb(var(--color-foreground));box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 1px 4px rgba(var(--color-foreground),.25)} .cl-pdp .swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label {transition:none} .cl-pdp .swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label:hover {outline:none} .cl-pdp .ce-variant-switcher.is-open .variant-switcher__wrapper {grid-template-rows:1fr;border-color:rgb(var(--color-foreground))} .cl-pdp .ce-variant-switcher.is-open .variant-switcher__title svg {transform:translateY(-50%) rotate(180deg)} .cl-pdp .ce-variant-switcher .variant-switcher__content input:checked+label {background:#deceba} .cl-pdp .product-form__input--extended>input[type=radio]:not(:checked)+label {border-color:#e4e2e0} .cl-pdp .product-form__input--extended>input[type=radio]:checked+label .input-circle {background:rgb(var(--color-foreground));outline:2px solid rgba(var(--color-foreground));outline-offset:var(--focused-base-outline-offset)} .cl-pdp .product-form__input--compact>input[type=radio]:not(:checked)+label {border-color:#e4e2e0} .cl-pdp .product-form__input--compact>input[type=radio]:checked+label .input-circle {background:rgb(var(--color-foreground));outline:2px solid rgba(var(--color-foreground));outline-offset:var(--focused-base-outline-offset)} .cl-pdp .product-form__input--pill>input[type=radio]:not(:checked)+label.offer__option {border-color:#e4e2e0} .cl-pdp .accordion-list__item.opened .accordion-list__item-content {grid-template-rows:1fr} .cl-pdp .accordion-list__item.opened .icon-accordion:after {transform:translate(50%)} .cl-pdp .product__qty-error.active {display:block} .cl-pdp .product__media.swiper-slide-thumb-active {outline:1px solid rgb(var(--color-foreground));outline-offset:-1px} .cl-pdp .product__upsells--tabs .summary__title h2:not(.active):not(:only-child) {color:#635247} .cl-pdp .product__upsells--tabs .summary__title h2.active {text-decoration:underline;text-underline-offset:5px} .cl-pdp .ingredients-popup.show {visibility:visible;opacity:1;transition-delay:0s} .cl-pdp .ingredients-popup.show .ingredients-popup-content {transform:translateY(0)} .cl-pdp .product-magnifier.is-open {opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s linear 0s} .cl-pdp .clx-recipient-form>input[type=checkbox]:checked+label .clx-icon-checkmark {visibility:visible} .cl-pdp .clx-recipient-form>input[type=checkbox]:checked~.clx-recipient-fields {display:block;animation:animateMenuOpen var(--duration-default) ease} .cl-pdp .clx-recipient-form>input[type=checkbox]:not(:checked,:disabled)~.clx-recipient-fields {display:none} @media screen and (forced-colors:active) { .cl-pdp .clx-recipient-form>input[type=checkbox]:checked+label .clx-icon-checkmark {border:none} } .cl-pdp .swiper-button-next.swiper-button-disabled, .cl-pdp .swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none} .cl-pdp .video-reviews .video-popup.active {opacity:1;visibility:visible;z-index:100} /* camadas fixas (folhas dele) */ .cl-pdp .product-magnifier {position:fixed;inset:0;z-index:99999;background:rgb(var(--color-background));display:flex;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s} .cl-pdp .product-magnifier.is-open {opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s linear 0s} .cl-pdp .product-magnifier__close {position:fixed;top:0;right:0;width:44px;height:44px;background:none;border:none;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;color:currentColor} .cl-pdp .product-magnifier__close .icon-close {width:32px;height:32px;pointer-events:none} .cl-pdp .product-magnifier__layout {display:flex;width:100%;height:100%;overflow:hidden} @media screen and (max-width: 749.98px) { .cl-pdp .product-magnifier__layout {flex-direction:column-reverse} } .cl-pdp .product-magnifier__thumbs {display:flex;width:100%;height:88px;padding:8px;gap:4px;overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#ccc rgba(0,0,0,0)} @media screen and (min-width: 750px) { .cl-pdp .product-magnifier__thumbs {flex-direction:column;width:110px;min-width:110px;height:unset;padding:12px;gap:8px;overflow-x:hidden;overflow-y:auto} } .cl-pdp .product-magnifier__thumbs::-webkit-scrollbar {width:3px;height:3px} .cl-pdp .product-magnifier__thumbs::-webkit-scrollbar-thumb {background:#ccc;border-radius:3px} .cl-pdp .product-magnifier__thumb {width:auto;height:100%;padding:0;background:none;border:1px solid rgba(0,0,0,0);cursor:pointer;overflow:hidden;flex-shrink:0;display:block;aspect-ratio:1/1.1;transition:border-color .15s ease} @media screen and (min-width: 750px) { .cl-pdp .product-magnifier__thumb {width:100%;height:unset} } .cl-pdp .product-magnifier__thumb.is-active {border-color:rgb(var(--color-foreground))} .cl-pdp .product-magnifier__thumb img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block} .cl-pdp .product-magnifier__main {display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:auto;overflow:hidden} @media screen and (min-width: 750px) { .cl-pdp .product-magnifier__main {height:100%} } .cl-pdp .product-magnifier__image-container {width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;position:relative} .cl-pdp .product-magnifier__image-container.is-zoomed {cursor:zoom-out} .cl-pdp .product-magnifier__image-container.video-active {cursor:default} .cl-pdp .product-magnifier__image {max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center center;transition:transform .2s ease;will-change:transform} .cl-pdp .product-magnifier__image.pan-active {transition:none} .cl-pdp .product-magnifier__video {max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:none;z-index:1} .cl-pdp .product-magnifier__play-btn {position:absolute;inset:0;width:100%;height:100%;background:none;border:none;cursor:pointer;padding:0;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none} .cl-pdp .product-magnifier__play-btn.is-paused {opacity:1;pointer-events:auto} .cl-pdp .product-magnifier__play-btn .clx-icon-play {width:60px;height:60px;z-index:1} .cl-pdp .product__sticky-atc {position:fixed;bottom:0;width:100%;background:#fff;box-shadow:2px -2px 4px #0000001a;z-index:-1;opacity:0;visibility:hidden;transition:var(--duration-medium)} .cl-pdp .product__sticky-atc.visible {z-index:10;opacity:1;visibility:visible} @media screen and (min-width:750px) { .cl-pdp .product__sticky-atc.visible {z-index:9} } .cl-pdp .product__sticky-atc.important-visible {z-index:10!important;opacity:1!important;visibility:visible!important} .cl-pdp .product__sticky-atc-wrapper {display:flex;justify-content:space-between;align-items:center;padding-block:16px;gap:16px} .cl-pdp .product__sticky-atc-wrapper--atc-with-price .product__sticky-atc-heading-price {flex-direction:row!important;justify-content:center} .cl-pdp .product__sticky-atc-wrapper--atc-with-price .product__sticky-atc-heading-price .price-item {display:none} .cl-pdp .product__sticky-atc-wrapper--atc-with-price .atc-with-price {justify-content:flex-end} .cl-pdp .product__sticky-atc-wrapper--atc-with-price .atc-with-price>span:not([data-atc-button-price]) {flex-grow:1} .cl-pdp .product__sticky-atc .quick-add__submit {min-width:130px} @media screen and (max-width:749.98px) { .cl-pdp .product__sticky-atc .quick-add__submit {font-size:13px!important} } .cl-pdp .product__sticky-atc-info {display:flex;align-items:center} .cl-pdp .product__sticky-atc-info img {width:64px;height:64px;-o-object-fit:contain;object-fit:contain;margin-right:16px} @media screen and (min-width:750px) { .cl-pdp .product__sticky-atc-info img {margin-right:24px} } .cl-pdp .product__sticky-atc-heading {margin:0} .cl-pdp .product__sticky-atc-heading [data-sticky-variant] .variant-badge {display:none} .cl-pdp .product__sticky-atc-price {margin-top:8px} .cl-pdp .product__sticky-atc-price .price-item {font-size:12px} .cl-pdp .product__sticky-atc-price .product__sizes {display:none} .cl-pdp .product__sticky-atc--compact .product__sticky-atc-wrapper {padding-block:10px} @media screen and (min-width:750px) { .cl-pdp .product__sticky-atc--compact .product__sticky-atc-wrapper {justify-content:center;gap:48px} } .cl-pdp .product__sticky-atc--compact .product__sticky-atc-heading-price {display:flex;flex-direction:column;gap:2px} .cl-pdp .product__sticky-atc--compact .product__sticky-atc-price {margin-top:0} .cl-pdp .product__sticky-atc--compact .product__sticky-atc-price .price-item {font-size:14px} .cl-pdp .product__sticky-atc--compact .product__sticky-atc-price s.price-item {color:rgb(var(--color-accent))} @media screen and (max-width:575.98px) { .cl-pdp .product__sticky-atc--compact {font-size:16px!important} .cl-pdp .product__sticky-atc--compact .product__sticky-atc-info, .cl-pdp .product__sticky-atc--compact .product__sticky-atc-heading-price, .cl-pdp .product__sticky-atc--compact product-form, .cl-pdp .product__sticky-atc--compact .quick-add__submit, .cl-pdp .product__sticky-atc--compact a[href^="#MainProduct"] {width:100%} .cl-pdp .product__sticky-atc--compact .product__sticky-atc-wrapper {flex-direction:column;gap:8px} .cl-pdp .product__sticky-atc--compact .product__sticky-atc-info img {display:none} .cl-pdp .product__sticky-atc--compact .product__sticky-atc-heading-price {display:flex;flex-direction:column;align-items:center} .cl-pdp .product__sticky-atc--compact .product__sticky-atc-heading {text-align:center} .cl-pdp .product__sticky-atc--compact .quick-add__submit {font-size:14px!important} } .cl-pdp .ingredients-popup-trigger {text-decoration:underline;cursor:pointer;font-weight:500;font-size:14px} .cl-pdp .ingredients-popup {visibility:hidden;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;transition:visibility 0s linear .3s,opacity .3s ease-in-out} .cl-pdp .ingredients-popup.show {visibility:visible;opacity:1;transition-delay:0s} .cl-pdp .ingredients-popup-content {position:relative;margin:5% auto;padding:45px;width:80%;max-width:900px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;transform:translateY(-20px);transition:transform .3s ease-in-out} @media screen and (max-width:749.98px) { .cl-pdp .ingredients-popup-content {max-width:90%;margin:7% auto;width:100%;height:auto;max-height:90vh;padding:24px} } .cl-pdp .ingredients-popup.show .ingredients-popup-content {transform:translateY(0)} .cl-pdp .ingredients-popup-close {position:absolute;top:40px;right:35px;background:none;border:none;font-size:15px;cursor:pointer} @media screen and (max-width:749.98px) { .cl-pdp .ingredients-popup-close {top:20px;right:15px} } .cl-pdp .ingredients-popup-heading {padding-bottom:35px;border-bottom:solid 1px #1e1e1e;padding-right:28px} @media screen and (max-width:749.98px) { .cl-pdp .ingredients-popup-heading {padding-bottom:24px} } .cl-pdp .ingredients-popup-heading h5 {margin:0;text-transform:uppercase;font-weight:600;line-height:20px} @media screen and (min-width:750px) { .cl-pdp .ingredients-popup-heading h5 {font-size:18px} } .cl-pdp .ingredients-popup-body {padding-top:16px;max-height:70vh;overflow-y:auto} @media screen and (max-width:749.98px) { .cl-pdp .ingredients-popup-body {padding-top:8px;height:100%;padding-bottom:21px} } .cl-pdp .video-section__poster, .cl-pdp .video-section__media iframe, .cl-pdp .video-section__media video {position:absolute;width:100%;height:100%} .cl-pdp .video-section__media video {background:#000} .cl-pdp .video-section__media.media-fit-cover video {object-fit:cover} .cl-pdp .deferred-media:not([loaded]) template {z-index:-1} .cl-pdp .deferred-media[loaded]>.deferred-media__poster {display:none} .cl-pdp .video-reviews .video-popup {position:relative;opacity:0;visibility:hidden;z-index:-1;transition:all var(--duration-medium) ease-in} .cl-pdp .video-reviews .video-popup.active {opacity:1;visibility:visible;z-index:100} .cl-pdp .video-reviews .video-popup__container {width:auto;height:auto;position:fixed;left:20px;bottom:20px;z-index:3;overflow:hidden;border-radius:24px} .cl-pdp .video-reviews .video-popup__container .sound {background:rgba(0,0,0,0);border:none;cursor:pointer;border-radius:100px;backdrop-filter:blur(10px);transition:var(--duration-medium);width:40px;height:40px;position:absolute;bottom:140px;right:20px;display:flex;align-items:center;justify-content:center;z-index:3} @media(max-height: 550px) { .cl-pdp .video-reviews .video-popup__container .sound {bottom:auto;top:20px} } .cl-pdp .video-reviews .video-popup__container .play-stop {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none;z-index:3} .cl-pdp .video-reviews .video-popup__container .play-stop svg {cursor:pointer;transition:all .3s} .cl-pdp .video-reviews .video-popup__container .play-stop svg:hover {transform:scale(1.2)} .cl-pdp .video-reviews .video-popup video {border-radius:24px;max-width:370px;max-height:600px;z-index:3;position:relative} @media(max-height: 650px) { .cl-pdp .video-reviews .video-popup video {max-height:80vh !important} } @media(max-width: 400px) { .cl-pdp .video-reviews .video-popup video {max-width:80vw !important} } .cl-pdp .video-reviews .video-popup span {z-index:4;position:absolute;background-color:rgba(0,0,0,.2);border-radius:50%;top:20px;left:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer} .cl-pdp .video-reviews .video-popup span svg {z-index:4;width:18px;height:18px;color:rgb(var(--color-button-text))} .cl-pdp .video-reviews .video-popup .video-popup__product {width:100%;max-width:90%;background:hsla(0,0%,100%,.3);backdrop-filter:blur(6px);border-radius:5px;z-index:10;margin-bottom:0px;cursor:pointer;position:absolute;bottom:20px;left:16px} .cl-pdp .video-reviews .video-popup .video-popup__product a {display:flex;flex-direction:row-reverse;justify-content:space-between;text-decoration:none} .cl-pdp .video-reviews .video-popup .video-popup__product a .title__price {width:65%;display:flex;flex-direction:column;justify-content:space-around;margin-left:10px;padding:8px 8px 8px 0} .cl-pdp .video-reviews .video-popup .video-popup__product a .title__price-price {display:flex;gap:10px} .cl-pdp .video-reviews .video-popup .video-popup__product a .title__price-price .regular-price {color:rgb(var(--color-accent));text-decoration:line-through} .cl-pdp .video-reviews .video-popup .video-popup__product a .title__price .btn {min-height:15px;text-transform:capitalize;font-weight:bold;min-width:35px;padding:5px 14px;right:12px;bottom:8px} .cl-pdp .video-reviews .video-popup .video-popup__product a .title__price-price {flex-wrap:wrap;justify-content:space-between;align-items:center} .cl-pdp .video-reviews .video-popup .video-popup__product a .title__price-price>div {gap:10px;justify-content:space-between} .cl-pdp .video-reviews .video-popup .video-popup__product a p {color:rgb(var(--color-button-text));margin:0;font-size:14px !important} .cl-pdp .video-reviews .video-popup .video-popup__product a img {height:100%;max-width:100px;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px 0px 0px 5px} .cl-pdp .video-reviews .video-popup #progressBar {position:absolute;top:4px;left:50%;z-index:10;width:100%;transform:translate(-50%, -50%);height:8px} .cl-pdp .video-reviews .video-popup progress[value]::-webkit-progress-bar {background:hsla(0,0%,100%,.2);border-radius:24px} .cl-pdp .video-reviews .video-popup progress[value]::-webkit-progress-value {background-color:rgb(var(--color-button-text));border-radius:24px} .cl-pdp .video-reviews .video-popup progress[value] {-webkit-appearance:none;appearance:none;-moz-appearance:none} .cl-pdp .video-reviews .video-popup progress[value]::-moz-progress-bar {background-color:rgb(var(--color-button-text))} /* trilhos convertidos do Swiper (swiperx.py): o clone do loop so existe no mobile */ .cl-loop-clone { display: none !important; } @media screen and (max-width: 749px) { .cl-loop-clone { display: block !important; } [data-cl-track]:has(> .cl-loop-clone) > * { scroll-snap-align: center; } /* o Swiper dele nao recorta no page-width: os vizinhos aparecem ate a borda da tela */ [data-cl-track]:has(> .cl-loop-clone) { margin-inline: -16px !important; width: auto !important; } } /* galeria e colunas nativas do Horizon ficam ocultas quando o buybox dele existe (site-builder 10.5: sem gutter) */ .product-information:has(.cl-pdp-host) > .product-information__grid, .product-information:has(.cl-pdp-host) product-component { display: block !important; } .product-information:has(.cl-pdp-host) .product-information__media { display: none !important; } .product-information:has(.cl-pdp-host) .product-details { padding: 0 !important; padding-inline: 0 !important; width: 100% !important; max-width: none !important; position: static !important; } .product-information:has(.cl-pdp-host) .product-details > .group-block, .product-information:has(.cl-pdp-host) .product-details > * { padding: 0 !important; gap: 0 !important; } .product-information:has(.cl-pdp-host) .product-details :is(.view-product-title, [data-cl-native]) { display: none !important; } .cl-pdp-host { width: 100%; } /* produto sem buybox dele (luveon): o bloco cl_pdp nao renderiza nada */ .cl-pdp-empty { display: none; } /* galeria Swiper dele -> trilhos: principal 1 por vez; miniaturas em coluna no desktop, 5 por linha no mobile */ .cl-pdp .product__slider-main [data-cl-track] > .swiper-slide { width: 100%; } .cl-pdp .product__slider-thumbs [data-cl-track] { scroll-snap-type: none; } .cl-pdp .product__slider-thumbs .swiper-slide { cursor: pointer; } @media screen and (min-width: 990px) { .cl-pdp .product__slider-thumbs [data-cl-track] { flex-direction: column; overflow-x: hidden; overflow-y: auto; height: 100%; } .cl-pdp .product__slider-thumbs [data-cl-track] > .swiper-slide { width: 100%; margin-bottom: 4px; } } @media screen and (min-width: 1200px) { .cl-pdp .product__slider-thumbs [data-cl-track] > .swiper-slide { margin-bottom: 16px; } } @media screen and (max-width: 989px) { .cl-pdp .product__slider-thumbs [data-cl-track] > .swiper-slide { width: calc((100% - 16px) / 5); margin-right: 4px; } } /* blocos nativos do Horizon (titulo/preco/variantes/ATC) so aparecem quando o produto NAO tem o buybox dele */ .group-block-content:has(> .cl-pdp-host) > :not(.cl-pdp-host):not(script):not(link):not(style) { display: none !important; } /* quick add de produto com variantes (upsells/relacionados): o modal do tema dele nao e copiado; o botao abre a PDP */ .cl-pdp .ce-quick-add-modal { display: none !important; } /* "Vollende deinen Look" (Swiper dele: 1.34/2/3/4 por vez, 16/24/24/40px) */ .cl-pdp .related__item { width: calc((100% - 5.44px) / 1.34); margin-right: 16px; } @media screen and (min-width: 576px) { .cl-pdp .related__item { width: calc((100% - 24px) / 2); margin-right: 24px; } } @media screen and (min-width: 750px) { .cl-pdp .related__item { width: calc((100% - 48px) / 3); margin-right: 24px; } } @media screen and (min-width: 1200px) { .cl-pdp .related__item { width: calc((100% - 120px) / 4); margin-right: 40px; } } .cl-pdp .related__item:last-child { margin-right: 0; } /* "Wat maakt ons anders" (tiles_links_slider, Swiper dele: 1.5/24, 1.8/20 >=990, 3/40 >=1199) */ .cl-pdp .tiles-links [data-cl-track] > .tiles-links__tile { width: calc((100% - 12px) / 1.5); margin-right: 24px; } @media screen and (min-width: 990px) { .cl-pdp .tiles-links [data-cl-track] > .tiles-links__tile { width: calc((100% - 16px) / 1.8); margin-right: 20px; } } @media screen and (min-width: 1199px) { .cl-pdp .tiles-links [data-cl-track] > .tiles-links__tile { width: calc((100% - 80px) / 3); margin-right: 40px; } } .cl-pdp .tiles-links [data-cl-track] > .tiles-links__tile:last-child { margin-right: 0; } /* ordem do section-multicolumn.css dele: a margem de 5px da imagem (>=750) vem DEPOIS do reset do card-spacing; na uniao dos extracts a ordem se inverteu (imagem 10px mais larga na lip tint) */ @media screen and (min-width: 750px) { .cl-pdp .background-none .multicolumn-card-spacing.multicolumn-card__image-wrapper { margin-left: 5px; margin-right: 5px; } } /* acordeao/abas dele: estados ligados pelo cl-pdp.js */ .cl-pdp [data-upsell-tab][hidden] { display: none !important; } /* retrabalho 10-24: swatch de cor. A regra dele e `background: var(--swatch--background)`; a captura expandiu o shorthand em longhands VAZIOS (background-color: ;) -> bolinha transparente. A cor vem do style inline do span. */ .cl-pdp .clx-swatch { background: var(--swatch--background); background-position: var(--swatch-focal-point, initial); background-size: cover; background-origin: border-box; } /* retrabalho 10-24: app Kaching Bundles no lugar das ofertas copiadas (slot acima do ATC) */ .cl-pdp .cl-app-slot:empty { display: none; } .cl-pdp .cl-app-slot { margin: 0 0 16px; } .cl-pdp .cl-app-slot .shopify-app-block { margin: 0; } /* video-reviews do buybox: geometria do Swiper dele (slidesPerView/spaceBetween por produto, ver video_spv) */ .cl-pdp .video-reviews .video-items [data-cl-track] > .video-item { width: calc((100% - (var(--cl-vr-spv, 3) - 1) * var(--cl-vr-gap, 8px)) / var(--cl-vr-spv, 3)) !important; margin-right: var(--cl-vr-gap, 8px) !important; } .cl-pdp .video-reviews .video-items [data-cl-track] > .video-item:last-child { margin-right: 0 !important; } /* testimonials: o carrossel em loop centrado e do cl-pdp.js (translate3d, como o Swiper dele) */ .cl-pdp [data-cl-testi] { overflow: visible; touch-action: pan-y; cursor: grab; } .cl-pdp [data-cl-testi-track] { display: flex; flex-wrap: nowrap; will-change: transform; } .cl-pdp [data-cl-testi-track] > .swiper-slide { flex: 0 0 auto; } .cl-pdp [data-cl-testi].cl-dragging { cursor: grabbing; } .cl-pdp [data-cl-testi].cl-dragging * { pointer-events: none; } /* retrabalho 10-27: "ITEMS INBEGREPEN" do advent calendar (Swiper dele: 3 por vez/6px no mobile, 4/12px >=750); sem isso cada foto ocupava a largura toda do buybox */ .cl-pdp .product__offer-cards-wrapper [data-cl-track] { display: flex !important; gap: 0 !important; } .cl-pdp .product__offer-cards-wrapper [data-cl-track] > .offer-card { flex: 0 0 auto; width: calc((100% - 12px) / 3); margin-right: 6px; } @media screen and (min-width: 750px) { .cl-pdp .product__offer-cards-wrapper [data-cl-track] > .offer-card { width: calc((100% - 36px) / 4); margin-right: 12px; } } .cl-pdp .product__offer-cards-wrapper [data-cl-track] > .offer-card:last-child { margin-right: 0; } /* retrabalho 10-27: quiz "ONTDEK JOUW KLEUR" (era o app Bluebarry dele, painel lateral) -> cl-quiz.js; painel no */ html.cl-quiz-lock, html.cl-quiz-lock body { overflow: hidden; } .cl-quiz { display: none; position: fixed; inset: 0; z-index: 2147483000; font-family: var(--font-body--family, inherit); color: #1e1e1e; } .cl-quiz__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .4); opacity: 0; transition: opacity .3s; } .cl-quiz__panel { position: absolute; top: 0; right: 0; bottom: 0; width: 600px; max-width: 100%; background: #f6f0e6; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .3s ease; } .cl-quiz.is-open .cl-quiz__overlay { opacity: 1; } .cl-quiz.is-open .cl-quiz__panel { transform: none; } .cl-quiz__bar { height: 4px; background: rgba(30, 30, 30, .1); flex: none; } .cl-quiz__bar span { display: block; height: 100%; width: 0; background: #1e1e1e; transition: width .3s; } .cl-quiz__head { display: flex; align-items: center; gap: 8px; padding: 16px; flex: none; } .cl-quiz__logo { flex: 1; text-align: center; font-size: 20px; letter-spacing: .1em; } .cl-quiz__logo img { height: 20px; width: auto; display: inline-block; vertical-align: middle; } .cl-quiz__icon { width: 36px; height: 36px; border-radius: 50%; border: 0; background: #fff; color: #1e1e1e; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; } .cl-quiz__icon:disabled { opacity: .4; cursor: default; } .cl-quiz__head [data-q-close] { margin-left: 44px; } .cl-quiz__body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; } .cl-quiz__start { min-height: 100%; display: flex; flex-direction: column; } .cl-quiz__hero { width: 100%; height: 300px; object-fit: cover; display: block; } .cl-quiz__pad { padding: 8px 32px 32px; } .cl-quiz__start .cl-quiz__pad { padding-top: 24px; } .cl-quiz__title { font-size: 24px; line-height: 1.5; font-weight: 600; margin: 0 0 16px; letter-spacing: -.01em; text-transform: none; color: #1e1e1e; } .cl-quiz__text { font-size: 16px; line-height: 1.5; margin: 0 0 24px; color: #1e1e1e; } .cl-quiz__foot { margin-top: auto; padding: 24px; text-align: center; } .cl-quiz__btn { background: #1e1e1e; color: #fff; border: 0; border-radius: 4px; padding: 10px 16px; font: inherit; font-size: 16px; font-weight: 500; text-transform: uppercase; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; } .cl-quiz__btn--sm { font-size: 15px; padding: 8px 14px; } .cl-quiz__btn:disabled { opacity: .5; cursor: default; } .cl-quiz__btn[aria-busy="true"] { opacity: .6; pointer-events: none; } .cl-quiz__answers { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; } .cl-quiz__ans { display: flex; align-items: stretch; min-height: 100px; padding: 0; border: 0; border-radius: 6px; overflow: hidden; background: #1e1e1e; color: #fff; text-align: left; cursor: pointer; font: inherit; transition: transform .15s, box-shadow .15s; } .cl-quiz__ans:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, .15); } .cl-quiz__ans img { width: 112px; flex: none; object-fit: cover; display: block; } .cl-quiz__ans-txt { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 12px 16px; } .cl-quiz__ans-txt strong { font-size: 14px; font-weight: 700; } .cl-quiz__ans-txt small { font-size: 12px; opacity: .85; } .cl-quiz__result .cl-quiz__title { margin-bottom: 8px; } .cl-quiz__card { position: relative; display: flex; margin-top: 40px; border: 1px solid rgba(30, 30, 30, .1); border-radius: 8px; background: #f6f0e6; } .cl-quiz__label { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: #f6f0e6; border: 1px solid rgba(30, 30, 30, .15); border-radius: 6px; font-size: 11px; padding: 1px 8px; } .cl-quiz__card-img { width: 40%; flex: none; background: #fafafa; padding: 16px; border-radius: 8px 0 0 8px; } .cl-quiz__card-img img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; } .cl-quiz__card-info { padding: 16px; display: flex; flex-direction: column; align-items: flex-start; } .cl-quiz__card-info h3 { font-size: 18px; line-height: 1.3; font-weight: 600; margin: 8px 0 12px; text-transform: none; letter-spacing: 0; } .cl-quiz__card-info ul { list-style: none; padding: 0; margin: 0 0 16px; font-size: 12px; line-height: 1.6; } .cl-quiz__card-info li::before { content: "\2713 "; } .cl-quiz__price { font-weight: 600; margin: auto 0 12px; } @media screen and (max-width: 749px) { .cl-quiz__pad { padding: 8px 16px 24px; } .cl-quiz__hero { height: 220px; } .cl-quiz__title { font-size: 20px; } .cl-quiz__ans { min-height: 84px; } .cl-quiz__ans img { width: 84px; } .cl-quiz__card-img { width: 36%; padding: 10px; } .cl-quiz__card-info h3 { font-size: 16px; } } /* feed (Elfsight): o JS do app monta 4x2 no desktop e 3x2 no mobile; a captura e a de desktop -> no mobile o 1o slide mostra os 6 primeiros posts em 3 colunas, como o app */ @media screen and (max-width: 749px) { .cl-pdp .eapps-instagram-feed-posts-inner { width: 100% !important; } .cl-pdp .eui-slider-slide:not(:first-child) { display: none !important; } .cl-pdp .eui-slider-slide:first-child { width: 100% !important; } .cl-pdp .eui-slider-slide .eapps-instagram-feed-posts-item { width: calc(100% / 3) !important; } .cl-pdp .eui-slider-slide .eapps-instagram-feed-posts-item:nth-child(n+7) { display: none !important; } }