/** Shopify CDN: Minification failed

Line 9:3527 Expected ")" to end URL token
Line 9:3596 Expected ")" to end URL token
Line 9:3668 Expected ")" to end URL token
Line 9:3735 Expected ")" to end URL token

**/
.cl-cart-drawer { --spacing-0-5: 2px; --spacing-1: 4px; --spacing-1-5: 6px; --spacing-2: 8px; --spacing-2-5: 10px; --spacing-3: 12px; --spacing-3-5: 14px; --spacing-4: 16px; --spacing-4-5: 18px; --spacing-5: 20px; --spacing-5-5: 22px; --spacing-6: 24px; --spacing-6-5: 26px; --spacing-7: 28px; --spacing-7-5: 30px; --spacing-8: 32px; --spacing-8-5: 34px; --spacing-9: 36px; --spacing-9-5: 38px; --spacing-10: 40px; --spacing-11: 44px; --spacing-12: 48px; --spacing-14: 56px; --spacing-16: 64px; --spacing-18: 72px; --spacing-20: 80px; --spacing-24: 96px; --spacing-28: 112px; --spacing-32: 128px; --spacing-36: 144px; --spacing-40: 160px; --spacing-44: 176px; --spacing-48: 192px; --spacing-52: 208px; --spacing-56: 224px; --spacing-60: 240px; --spacing-64: 256px; --spacing-72: 288px; --spacing-80: 320px; --spacing-96: 384px; --container-max-width: 1600px; --container-narrow-max-width: 1350px; --container-gutter: var(--spacing-5); --section-outer-spacing-block: var(--spacing-12); --section-inner-max-spacing-block: var(--spacing-10); --section-inner-spacing-inline: var(--container-gutter); --section-stack-spacing-block: var(--spacing-8); --grid-gutter: var(--spacing-5); --product-list-row-gap: var(--spacing-8); --product-list-column-gap: var(--grid-gutter); --input-gap: var(--spacing-2); --input-height: 42px; --input-padding-inline: var(--spacing-4); --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; --heading-font-family: Barlow, sans-serif; --heading-font-weight: 700; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.0em; --text-font-family: "Roboto Condensed", sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 48px; --text-h1: 40px; --text-h2: 32px; --text-h3: 24px; --text-h4: 22px; --text-h5: 18px; --text-h6: 16px; --text-xs: 11px; --text-sm: 12px; --text-base: 14px; --text-lg: 18px; --accent: 26 26 26; --text-primary: 0 0 0; --background-primary: 255 255 255; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; --button-background-primary: 26 26 26; --button-text-primary: 255 255 255; --button-background-secondary: 240 196 23; --button-text-secondary: 26 26 26; --success-background: 224 244 232; --success-text: 0 163 65; --warning-background: 255 246 233; --warning-text: 255 183 74; --error-background: 254 231 231; --error-text: 248 58 58; --on-sale-text: 248 58 58; --on-sale-badge-background: 248 58 58; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 0 0 0; --sold-out-badge-text: 255 255 255; --primary-badge-background: 128 60 238; --primary-badge-text: 255 255 255; --star-color: 255 183 74; --product-card-background: 255 255 255; --product-card-text: 26 26 26; --header-background: 0 32 57; --header-text: 255 255 255; --footer-background: 0 32 57; --footer-text: 255 255 255; --rounded-xs: 4px; --rounded-sm: 6px; --rounded: 12px; --rounded-lg: 24px; --rounded-full: 9999px; --rounded-button: 60px; --rounded-input: 8px; --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1); --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1); --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1); --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1); --stagger-products-reveal-opacity: 0; --cursor-close-svg-url: url({{ 'cursor-close.svg' | asset_url }}); --cursor-zoom-in-svg-url: url({{ 'cursor-zoom-in.svg' | asset_url }}); --cursor-zoom-out-svg-url: url({{ 'cursor-zoom-out.svg' | asset_url }}); --checkmark-svg-url: url({{ 'checkmark.svg' | asset_url }}); }
@media screen and (min-width: 700px) { .cl-cart-drawer { --text-h0: 64px; --text-h1: 48px; --text-h2: 40px; --text-h3: 32px; --text-h4: 26px; --text-h5: 20px; --text-h6: 18px; --text-xs: 12px; --text-sm: 14px; --text-base: 16px; --text-lg: 20px; --container-gutter: 32px; --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-12); --section-inner-spacing-inline: var(--spacing-12); --section-stack-spacing-block: var(--spacing-12); --grid-gutter: var(--spacing-6); --product-list-row-gap: var(--spacing-12); --input-gap: 16px; --input-height: 50px; --input-padding-inline: var(--spacing-5); } }
@media screen and (min-width: 1000px) { .cl-cart-drawer { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-18); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } }
@media screen and (min-width: 1150px) { .cl-cart-drawer { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } }
@media screen and (min-width: 1400px) { .cl-cart-drawer { --text-h0: 80px; --text-h1: 60px; --text-h2: 48px; --text-h3: 36px; --text-h4: 32px; --text-h5: 24px; --text-h6: 20px; --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-18); } }
@media screen and (min-width: 1600px) { .cl-cart-drawer { --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-20); --section-inner-spacing-inline: var(--spacing-20); } }
@media screen and (pointer: fine) { .cl-cart-drawer .clx-button:not([disabled]):hover, .cl-cart-drawer .btn:not([disabled]):hover, .cl-cart-drawer .shopify-payment-button__button--unbranded:not([disabled]):hover { --button-background-opacity: 0.85; } }
.cl-cart-drawer { --swiper-theme-color: #007aff; }
.cl-cart-drawer { --swiper-navigation-size: 44px; }
.cl-cart-drawer *, .cl-cart-drawer ::before, .cl-cart-drawer ::after { box-sizing: border-box; border-style: solid; border-width: 0px; border-color: rgb(var(--text-color) / .12); }
.cl-cart-drawer { text-size-adjust: 100%; tab-size: 4; interpolate-size: allow-keywords; scroll-padding-block-start: calc(var(--sticky-area-height) + 20px); line-height: 1.5; }
.cl-cart-drawer { --background: var(--background-primary); --text-color: var(--text-primary); background: rgb(var(--background)); color: rgb(var(--text-color)); font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family); letter-spacing: var(--text-letter-spacing); margin: 0px; position: relative; }
.cl-cart-drawer h1, .cl-cart-drawer h2, .cl-cart-drawer h3, .cl-cart-drawer h4, .cl-cart-drawer h5, .cl-cart-drawer h6 { font-family: Anton, sans-serif; font-size: inherit; font-weight: inherit; }
.cl-cart-drawer a { color: inherit; text-decoration: inherit; }
.cl-cart-drawer button, .cl-cart-drawer input, .cl-cart-drawer optgroup, .cl-cart-drawer select, .cl-cart-drawer textarea { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; line-height: inherit; text-transform: inherit; color: inherit; margin: 0px; padding: 0px; }
.cl-cart-drawer button, .cl-cart-drawer select { text-transform: none; }
.cl-cart-drawer button, .cl-cart-drawer [type="button"], .cl-cart-drawer [type="reset"], .cl-cart-drawer [type="submit"] { appearance: button; text-align: inherit; background-color: rgba(0, 0, 0, 0); background-image: none; }
.cl-cart-drawer button, .cl-cart-drawer label, .cl-cart-drawer summary, .cl-cart-drawer [role="button"], .cl-cart-drawer [type="checkbox"], .cl-cart-drawer [type="radio"], .cl-cart-drawer [type="submit"] { -webkit-tap-highlight-color: transparent; touch-action: manipulation; cursor: pointer; }
.cl-cart-drawer blockquote, .cl-cart-drawer dl, .cl-cart-drawer dd, .cl-cart-drawer h1, .cl-cart-drawer h2, .cl-cart-drawer h3, .cl-cart-drawer h4, .cl-cart-drawer h5, .cl-cart-drawer h6, .cl-cart-drawer hr, .cl-cart-drawer figure, .cl-cart-drawer p, .cl-cart-drawer pre { margin: 0px; }
.cl-cart-drawer ol, .cl-cart-drawer ul, .cl-cart-drawer menu { margin: 0px; padding: 0px; list-style: none; }
.cl-cart-drawer input::placeholder, .cl-cart-drawer textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
.cl-cart-drawer img, .cl-cart-drawer video, .cl-cart-drawer iframe, .cl-cart-drawer object { vertical-align: middle; display: block; }
.cl-cart-drawer img, .cl-cart-drawer video, .cl-cart-drawer canvas { overflow: clip; overflow-clip-margin: content-box; }
.cl-cart-drawer img { color: rgba(0, 0, 0, 0); max-width: min(var(--image-mobile-max-width, var(--image-max-width, 100%)),100%); object-fit: inherit; object-position: inherit; height: auto; }
.cl-cart-drawer [hidden] { display: none !important; }
@media screen and (min-width: 700px) { .cl-cart-drawer img { max-width: min(var(--image-max-width, 100%),100%); } }
.cl-cart-drawer .clx-button, .cl-cart-drawer .btn { --button-background: var(--button-background-primary) / var(--button-background-opacity, 1); --button-text-color: var(--button-text-primary); --button-outline-color: var(--button-background-primary); appearance: none; background-color: rgb(var(--button-background)); color: rgb(var(--button-text-color)); text-align: center; font-size: var(--text-sm); letter-spacing: var(--text-letter-spacing); padding-block-start: var(--spacing-2-5); padding-block-end: var(--spacing-2-5); padding-inline-start: var(--spacing-5); padding-inline-end: var(--spacing-5); font-weight: 700; line-height: 1.6; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; display: inline-block; position: relative; }
.cl-cart-drawer .button--xl { font-size: var(--text-base); padding-block-start: var(--spacing-4); padding-block-end: var(--spacing-4); padding-inline-start: var(--spacing-8); padding-inline-end: var(--spacing-8); }
.cl-cart-drawer .button__loader, .cl-cart-drawer .button__feedback { gap: var(--spacing-1-5); opacity: 0; pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.cl-cart-drawer .button__loader > * { width: var(--spacing-1-5); height: var(--spacing-1-5); border-radius: var(--rounded-full); background: currentcolor; }
@media screen and (min-width: 700px) { .cl-cart-drawer .clx-button, .cl-cart-drawer .btn { padding-block-start: var(--spacing-3); padding-block-end: var(--spacing-3); padding-inline-start: var(--spacing-6); padding-inline-end: var(--spacing-6); }
.cl-cart-drawer .button--xl { padding-block: 17.2px; padding-inline-start: var(--spacing-10); padding-inline-end: var(--spacing-10); } }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .content-over-media > :is(picture, img, video, iframe, svg, video-media) { height: var(--content-over-media-height, auto); transform-origin: center top; overflow-wrap: anywhere; object-fit: cover; object-position: center center; border-radius: inherit; user-select: none; grid-area: 1 / 1 / span 3 / span 3; place-self: stretch; width: 100%; min-height: 100%; max-height: 100%; position: relative; }
.cl-cart-drawer .content-over-media > :is(picture, img, video, iframe, svg, video-media) > * { border-radius: inherit; }
.cl-cart-drawer .content-over-media > :not(img, video, iframe, svg, video-media, picture) { max-width: var(--content-over-media-content-max-width, 780px); z-index: 1; grid-area: 2 / 2 / auto / span 1; position: relative; }
.cl-cart-drawer [allow-transparent-header] :is(.content-over-media > :not(img, video, iframe, svg, video-media, picture)) { padding-block-start: calc(var(--header-height) * var(--section-is-first)); }
@media screen and (min-width: 1400px) { .cl-cart-drawer .content-over-media--fill > :is(img, video, iframe, svg, video-media, picture) { max-height: 1200px; } }
.cl-cart-drawer :is(.drawer, .popover):not(:defined) { display: none; }
.cl-cart-drawer :is(.drawer, .popover)::part(outside-close-button), .cl-cart-drawer :is(.drawer, .popover)::part(close-button) { appearance: none; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }
.cl-cart-drawer :is(.drawer, .popover)::part(outside-close-button) { width: var(--spacing-12); height: var(--spacing-12); bottom: 100%; left: calc(50% - var(--spacing-6)); background: rgb(var(--dialog-background)); color: rgb(var(--text-color)); border-radius: var(--rounded-full); z-index: 1; place-items: center; margin-block-end: var(--spacing-4); margin-inline: auto; display: grid; position: absolute; }
.cl-cart-drawer :is(.drawer, .popover)::part(close-button) { color: currentcolor; background: none; margin-inline-start: auto; display: none; }
@media screen and (min-width: 700px) { .cl-cart-drawer :is(.drawer, .popover)::part(outside-close-button) { display: none; }
.cl-cart-drawer :is(.drawer, .popover)::part(close-button) { display: grid; } }
.cl-cart-drawer .drawer { --container-outer-width: var(--spacing-6); --background: var(--dialog-background); --text-color: var(--text-primary); --drawer-header-padding: var(--spacing-5); --drawer-body-padding: var(--spacing-5) var(--spacing-6); --drawer-footer-padding: var(--spacing-6); --drawer-content-max-height: none; visibility: hidden; width: 100%; padding: var(--spacing-2); z-index: 999; position: fixed; right: 0px; }
@media screen and (min-width: 700px) { .cl-cart-drawer .drawer { --container-outer-width: var(--spacing-8); --drawer-header-padding: var(--spacing-8) var(--spacing-10); --drawer-body-padding: var(--spacing-8) var(--spacing-10); --drawer-footer-padding: var(--spacing-8) var(--spacing-10); width: 510px; height: 100%; padding: var(--spacing-4); }
.cl-cart-drawer .drawer--lg { width: 500px; } }
.cl-cart-drawer .pill-loader { background: rgb(var(--background-primary)); border-radius: var(--rounded-full); visibility: hidden; width: 32px; height: 16px; display: grid; }
.cl-cart-drawer .pill-loader > * { grid-area: 1 / -1; place-self: center; }
.cl-cart-drawer .loader-dots { justify-items: center; gap: 4px; display: flex; }
.cl-cart-drawer .loader-dots > * { border-radius: var(--rounded-full); background: currentcolor; width: 4px; height: 4px; }
.cl-cart-drawer .loader-checkmark { opacity: 0; }
.cl-cart-drawer .v-stack { display: grid; }
.cl-cart-drawer .h-stack { align-items: center; display: flex; }
.cl-cart-drawer .line-item { --line-item-image-width: var(--spacing-20); align-items: start; gap: var(--spacing-5); display: flex; }
.cl-cart-drawer .line-item__media-wrapper { width: var(--line-item-image-width); min-width: var(--line-item-image-width); position: relative; }
.cl-cart-drawer .line-item__media-wrapper > .pill-loader { position: absolute; top: calc(50% - 8px); }
.cl-cart-drawer .line-item__media-wrapper > .pill-loader:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { left: calc(50% - 16px); }
.cl-cart-drawer .line-item__media-wrapper > .pill-loader:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: calc(50% - 16px); }
.cl-cart-drawer .line-item__info { justify-items: start; gap: var(--spacing-1); display: grid; }
.cl-cart-drawer .line-item__info .ce-line-item-quantity { margin-block-start: var(--spacing-1); }
.cl-cart-drawer .line-item__savings, .cl-cart-drawer .line-item__savings-old, .cl-cart-drawer .cart-drawer__savings { display: none; }
.cl-cart-drawer .line-item__savings { display: block; white-space: nowrap; letter-spacing: -0.3px; text-decoration: unset !important; color: rgb(0, 200, 137) !important; }
.cl-cart-drawer .cart-drawer__savings { align-items: center; justify-content: space-between; width: 100%; font-size: 14px; display: flex !important; }
.cl-cart-drawer .cart-drawer__savings-value { font-weight: 600; font-size: 14px; line-height: normal; color: rgb(0, 200, 137) !important; }
.cl-cart-drawer .text-on-sale, .cl-cart-drawer .line-item__price { color: rgb(0, 0, 0) !important; }
.cl-cart-drawer .line-item__info .line-item__remove .ce-line-item-quantity { margin-top: 0px !important; margin-bottom: 6px !important; }
.cl-cart-drawer .line-item__remove-and-price-wrapper .price-list { gap: 0px; }
@media screen and (min-width: 700px) { .cl-cart-drawer .cart-drawer__savings, .cl-cart-drawer .cart-drawer__savings-value { font-size: 18px; } }
@media screen and (min-width: 700px) { .cl-cart-drawer .line-item { --line-item-image-width: var(--spacing-24); align-items: center; } }
.cl-cart-drawer video-media > :is(video, iframe, img, svg) { border-radius: inherit; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }
.cl-cart-drawer video-media > :is(iframe, img, svg) { position: absolute; inset: 0px; }
.cl-cart-drawer .buy-buttons { align-items: start; gap: var(--spacing-2); display: grid; }
.cl-cart-drawer .buy-buttons--compact { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.cl-cart-drawer .price-list { align-items: baseline; gap: var(--spacing-0-5) var(--spacing-2); flex-wrap: wrap; display: flex; }
.cl-cart-drawer .quantity-selector__button { padding: 0px 6px; }
.cl-cart-drawer .quantity-selector__input { appearance: textfield; min-width: var(--spacing-6); width: var(--quantity-input-characters-count, 1ch); background: inherit; text-align: center; }
.cl-cart-drawer .quantity-selector__input:focus { outline: none; }
.cl-cart-drawer .quantity-selector__input::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.cl-cart-drawer .quantity-selector__input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
.cl-cart-drawer .prose * + :is(p, div, ul, ol) { margin-block-start: var(--spacing-3); }
.cl-cart-drawer .prose * + :is(.clx-h3, .clx-h4, .clx-h5, .clx-h6, h3, h4, h5, h6) { margin-block-start: var(--spacing-3); }
.cl-cart-drawer .prose :is(.h0, .clx-h1, .clx-h2, .clx-h3, .clx-h4, h1, h2, h3, h4) + * { margin-block-start: var(--spacing-5); }
.cl-cart-drawer .prose :is(p img:not([style*="float"]):only-child, div img:not([style*="float"]):only-child, figure, video) { margin-block: var(--spacing-8); }
@media screen and (min-width: 700px) { .cl-cart-drawer .prose * + :is(p, div, ul, ol) { margin-block-start: var(--spacing-4); }
.cl-cart-drawer .prose :is(.h0, .clx-h1, .clx-h2, .clx-h3, h1, h2, h3) + * { margin-block-start: var(--spacing-6); }
.cl-cart-drawer .prose :is(p img:not([style*="float"]):only-child, div img:not([style*="float"]):only-child, figure, video) { margin-block: var(--spacing-12); } }
@media screen and (min-width: 1150px) { .cl-cart-drawer .prose * + :is(.clx-h2, .clx-h3, .clx-h4, h2, h3, h4) { margin-block-start: var(--spacing-6); } }
.cl-cart-drawer .link, .cl-cart-drawer .prose a:not(.clx-button) { background: linear-gradient(to right, currentcolor, currentcolor) 0px min(100%, 1.35em) / 100% 1px no-repeat; transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out; }
@supports (height: 1lh) { .cl-cart-drawer :is(.link, .prose a:not(.clx-button)) { background: linear-gradient(to right, currentcolor, currentcolor) 0px min(100%, 1.2lh) / 100% 1px no-repeat; } }
@media screen and (pointer: fine) { .cl-cart-drawer :is(.link, .prose a:not(.clx-button)):hover { background-size: 0px 1px; }
.cl-cart-drawer .text-subdued :is(.link, .prose a:not(.clx-button)):hover { color: rgb(var(--text-color)); } }
.cl-cart-drawer .reversed-link { background: linear-gradient(to right, currentcolor, currentcolor) 0px min(100%, 1.35em) / 0px 1px no-repeat; transition: background-size 0.3s ease-in-out; }
@supports (height: 1lh) { .cl-cart-drawer .reversed-link { background: linear-gradient(to right, currentcolor, currentcolor) 0px min(100%, 1.2lh) / 0px 1px no-repeat; } }
@media screen and (pointer: fine) { .cl-cart-drawer .group:hover .reversed-link, .cl-cart-drawer .reversed-link.hover\:show:hover { background-size: 100% 1px; } }
.cl-cart-drawer .text-with-icon { gap: var(--spacing-3); align-items: center; display: flex; }
.cl-cart-drawer .text-with-icon > svg { flex-shrink: 0; }
.cl-cart-drawer .icon { vertical-align: middle; display: block; }
.cl-cart-drawer .cart-drawer { --drawer-footer-padding: 16px 24px 24px 24px; --drawer-content-max-height: none; height: 100%; top: 0px; }
.cl-cart-drawer .cart-drawer__payment-icons { display: flex; align-items: center; justify-content: space-between; gap: 4px; overflow: hidden; }
.cl-cart-drawer .cart-drawer__payment-icons > * { flex: 1 1 0%; }
.cl-cart-drawer .cart-drawer__top { gap: var(--spacing-2); padding-block-end: var(--spacing-6); display: grid; }
.cl-cart-drawer .cart-drawer__line-items > * + * { padding-block-start: var(--spacing-4); }
.cl-cart-drawer .cart-drawer__recommendations { --horizontal-product-width: 390px; }
@media screen and (min-width: 700px) { .cl-cart-drawer .cart-drawer { --drawer-footer-padding: 24px 40px 40px 40px; padding: 0px !important; }
.cl-cart-drawer .cart-drawer__top { gap: var(--spacing-4); padding-block-end: var(--spacing-8); }
.cl-cart-drawer .cart-drawer__line-items > * + * { padding-block-start: var(--spacing-6); } }
.cl-cart-drawer .cart-drawer__usps { margin-top: auto; display: flex; gap: 4px; }
.cl-cart-drawer .cart-drawer__usp { gap: 4px; display: flex; padding: 6px 8px; align-items: center; flex: 1 0 0px; border-radius: 4px; background: rgba(0, 32, 57, 0.1); color: rgb(0, 32, 57); font-family: "Roboto Condensed"; font-size: 10px; font-style: normal; font-weight: 400; line-height: 12px; letter-spacing: -0.16px; }
.cl-cart-drawer .cart-drawer__usp svg { min-width: 14px; width: 14px; }
.cl-cart-drawer .cart-drawer__inner { display: flex; flex-direction: column; height: 100%; }
@media (min-width: 700px) { .cl-cart-drawer .cart-drawer__usp { gap: 6px; font-size: 12px; padding: 8px 12px; line-height: 14px; } }
.cl-cart-drawer .cart-drawer__recommendations { margin-bottom: 20px; }
.cl-cart-drawer .test-plp003 .product-card__quick-buy { z-index: 1; bottom: 8px; }
@media (max-width: 699px) { .cl-cart-drawer .test-plp003 .product-card__quick-buy { right: 16px; bottom: 16px; } }
.cl-cart-drawer .force-first-image .gallery--forced { display: block; }
.cl-cart-drawer .sr-only { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.cl-cart-drawer .tap-area { position: relative; }
.cl-cart-drawer .tap-area::before { content: ""; inset: calc(-1 * var(--spacing-2-5)); position: absolute; }
.cl-cart-drawer .rounded-xs { border-radius: var(--rounded-xs); }
.cl-cart-drawer .text-subdued { color: rgb(var(--text-color) / .7); }
.cl-cart-drawer .clx-contents { display: contents; }
.cl-cart-drawer .clx-text-center { text-align: center; }
.cl-cart-drawer .clx-justify-center { justify-content: safe center; }
.cl-cart-drawer .justify-between { justify-content: space-between; }
.cl-cart-drawer .gap-0\.5 { gap: var(--spacing-0-5); }
.cl-cart-drawer .gap-1 { gap: var(--spacing-1); }
.cl-cart-drawer .gap-2 { gap: var(--spacing-2); }
.cl-cart-drawer .gap-2\.5 { gap: var(--spacing-2-5); }
.cl-cart-drawer .gap-4 { gap: var(--spacing-4); }
.cl-cart-drawer .gap-6 { gap: var(--spacing-6); }
@media screen and (min-width: 700px) { .cl-cart-drawer .sm\:gap-4 { gap: var(--spacing-4); }
.cl-cart-drawer .sm\:gap-8 { gap: var(--spacing-8); } }
.cl-cart-drawer .bold { font-weight: 700; }
.cl-cart-drawer .text-xs { font-size: var(--text-xs); line-height: 1.7; }
.cl-cart-drawer .text-sm { font-size: var(--text-sm); line-height: 1.6; }
.cl-cart-drawer .heading, .cl-cart-drawer .h0, .cl-cart-drawer .clx-h1, .cl-cart-drawer .clx-h2, .cl-cart-drawer .clx-h3, .cl-cart-drawer .clx-h4, .cl-cart-drawer .clx-h5, .cl-cart-drawer .clx-h6, .cl-cart-drawer .prose :is(h1, h2, h3, h4, h5, h6) { font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); letter-spacing: var(--heading-letter-spacing); text-transform: var(--heading-text-transform); overflow-wrap: anywhere; }
.cl-cart-drawer .clx-h1, .cl-cart-drawer .prose h1:not(.h0, .clx-h1, .clx-h2, .clx-h3, .clx-h4, .clx-h5, .clx-h6) { font-size: var(--text-h1); line-height: 1.1; }
.cl-cart-drawer .clx-h2, .cl-cart-drawer .prose h2:not(.h0, .clx-h1, .clx-h2, .clx-h3, .clx-h4, .clx-h5, .clx-h6) { font-size: var(--text-h2); line-height: 1.1; }
.cl-cart-drawer .clx-h3, .cl-cart-drawer .prose h3:not(.h0, .clx-h1, .clx-h2, .clx-h3, .clx-h4, .clx-h5, .clx-h6) { font-size: var(--text-h3); line-height: 1.2; }
.cl-cart-drawer .clx-h4, .cl-cart-drawer .prose h4:not(.h0, .clx-h1, .clx-h2, .clx-h3, .clx-h4, .clx-h5, .clx-h6) { font-size: var(--text-h4); line-height: 1.3; }
.cl-cart-drawer .clx-h5, .cl-cart-drawer .prose h5:not(.h0, .clx-h1, .clx-h2, .clx-h3, .clx-h4, .clx-h5, .clx-h6) { font-size: var(--text-h5); line-height: 1.4; }
.cl-cart-drawer .clx-h6, .cl-cart-drawer .prose h6:not(.h0, .clx-h1, .clx-h2, .clx-h3, .clx-h4, .clx-h5, .clx-h6) { font-size: var(--text-h6); line-height: 1.4; }
.cl-cart-drawer .line-through { text-decoration: line-through; }
.cl-cart-drawer :not(.test_pdp018) [data-block-type="colors"], .cl-cart-drawer :not(.test_pdp018) [data-block-type="promo-banner"] { display: none !important; }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .fd-dad20-applied .fd-promo__apply { font-size: 0px; background: rgb(232, 243, 236); color: rgb(31, 122, 68); border-color: rgb(31, 122, 68); pointer-events: none; }
.cl-cart-drawer .fd-dad20-applied .fd-promo__apply::after { content: var(--fd-applied-label, "Savings applied \2705"); font-size: 14px; font-weight: 600; }
.cl-cart-drawer .fd-dad20-applied .fd-promo__code { pointer-events: none; opacity: 0.7; }
.cl-cart-drawer { --jdgm-primary-color: #194260; --jdgm-secondary-color: #194260; --jdgm-star-color: #FFDE6A; --jdgm-write-review-text-color: white; --jdgm-write-review-bg-color: #194260; --jdgm-paginate-color: #001F38; --jdgm-border-radius: 0; --jdgm-reviewer-name-color: #194260; }
.cl-cart-drawer, .cl-cart-drawer :host { --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro'; --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Pro'; --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone'; --fa-font-duotone-regular: normal 400 1em/1 'Font Awesome 6 Duotone'; --fa-font-duotone-light: normal 300 1em/1 'Font Awesome 6 Duotone'; --fa-font-duotone-thin: normal 100 1em/1 'Font Awesome 6 Duotone'; --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp'; --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp'; --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp'; --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp'; --fa-font-sharp-duotone-solid: normal 900 1em/1 'Font Awesome 6 Sharp Duotone'; --fa-font-sharp-duotone-regular: normal 400 1em/1 'Font Awesome 6 Sharp Duotone'; --fa-font-sharp-duotone-light: normal 300 1em/1 'Font Awesome 6 Sharp Duotone'; --fa-font-sharp-duotone-thin: normal 100 1em/1 'Font Awesome 6 Sharp Duotone'; }
.cl-cart-drawer .sr-only, .cl-cart-drawer .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }
.cl-cart-drawer { --sticky-announcement-bar-enabled: 1; }
.cl-cart-drawer .bold { font-family: "Roboto Condensed", sans-serif; font-weight: 600; font-size: 16px; }
.cl-cart-drawer { --sticky-header-enabled: 1; }
.cl-cart-drawer .cart-drawer--classic .cart-drawer__brandbar { position: relative; display: flex; align-items: center; justify-content: space-between; margin: -24px -16px calc(-1 * var(--spacing-2, 8px)); padding: 10px 16px; min-height: 56px; background: rgb(var(--header-background, 0 32 57)); color: rgb(var(--header-text, 255 255 255)); }
.cl-cart-drawer .cart-drawer--classic .cart-drawer__logo { display: block; width: auto; height: 36px; }
.cl-cart-drawer .cart-drawer--classic .cart-drawer__brandbar-close { display: grid; place-items: center; width: 36px; height: 36px; margin-inline-end: -8px; padding: 0px; border: 0px; background: none; color: inherit; cursor: pointer; }
.cl-cart-drawer .cart-drawer--classic .cart-drawer__brandbar-close svg { width: 16px; height: 16px; }
@media screen and (min-width: 700px) { .cl-cart-drawer .cart-drawer--classic .cart-drawer__brandbar { margin: -32px -32px calc(-1 * var(--spacing-4, 16px)); padding: 12px 32px; min-height: 64px; }
.cl-cart-drawer .cart-drawer--classic .cart-drawer__logo { height: 40px; } }
.cl-cart-drawer .sale-gifts__info-bar { padding: 16px; border-radius: 6px; background-color: rgb(17, 17, 17); background-position: right top; background-repeat: no-repeat; background-size: cover; color: rgb(255, 255, 255); background-image: none !important; }
.cl-cart-drawer .sale-gifts__header { margin-bottom: 12px; color: rgb(255, 255, 255); }
.cl-cart-drawer .sale-gifts__message { display: flex; align-items: center; line-height: 1; font-weight: 700; font-size: 14px; gap: 8px; }
.cl-cart-drawer .sale-gifts__progress { border-radius: 12px; }
.cl-cart-drawer .sale-gifts__bars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.cl-cart-drawer .sale-gifts__bar { height: 6px; border-radius: 99px; background: rgb(46, 46, 46); position: relative; overflow: hidden; }
.cl-cart-drawer .sale-gifts__fill { display: block; width: 0px; height: 100%; border-radius: 99px; transition: width 0.3s; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0)); background-size: 60% 100%; background-repeat: no-repeat; background-position: -60% 0px; animation: 1.8s linear 0s infinite normal none running sale-gifts-sheen; }
@media (prefers-reduced-motion: reduce) { .cl-cart-drawer .sale-gifts__fill { animation: auto ease 0s 1 normal none running none; background-image: none; } }
.cl-cart-drawer .sale-gifts__fill--quarter { width: 25%; background-color: rgb(245, 166, 35); }
.cl-cart-drawer .sale-gifts__fill--active { width: 100%; background-color: rgb(245, 166, 35); }
.cl-cart-drawer .sale-gifts__statuses { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 8px; justify-items: center; }
.cl-cart-drawer .sale-gifts__status { display: flex; align-items: center; justify-content: flex-start; min-width: 100%; gap: 6px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; text-align: center; opacity: 0.75; }
.cl-cart-drawer .sale-gifts__status--active { justify-content: space-between; font-weight: 700; opacity: 1; color: rgb(255, 255, 255); }
.cl-cart-drawer .sale-gifts__status--active svg rect { fill: rgb(245, 166, 35); stroke: rgb(245, 166, 35); }
.cl-cart-drawer .sale-gifts__selectors { margin-top: 10px; display: grid; gap: 10px; }
.cl-cart-drawer .sale-gift-selector { position: relative; display: grid; grid-template-columns: 64px 1fr; gap: 10px; background: rgb(255, 255, 255); border-radius: 8px; }
.cl-cart-drawer .sale-gift-selector__media img { width: 64px; height: 64px; border-radius: 6px; object-fit: cover; }
.cl-cart-drawer .sale-gift-selector__content { display: flex; flex-direction: column; justify-content: space-between; }
.cl-cart-drawer .sale-gift-selector__header { display: flex; align-items: center; justify-content: space-between; }
.cl-cart-drawer .sale-gift-selector__title { font-weight: 700; font-size: 14px; }
.cl-cart-drawer .sale-gift-selector__controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cl-cart-drawer .sale-gift-selector__field { display: grid; }
.cl-cart-drawer .sale-gift-selector__select { width: 100%; height: 36px; border-radius: 8px; border: 1px solid rgb(230, 232, 238); padding: 0px 10px; background: rgb(255, 255, 255); }
.cl-cart-drawer .sale-gift-selector__price { display: inline-flex; align-items: center; gap: 8px; }
.cl-cart-drawer .sale-gift-selector__price-old { text-decoration: line-through; color: rgb(154, 160, 166); font-size: 12px; }
.cl-cart-drawer .sale-gift-selector__price-new { color: rgb(0, 200, 137); font-weight: 800; }
.cl-cart-drawer .sale-gift-selector__overlay { position: absolute; inset: 0px; background: rgba(255, 255, 255, 0.6); display: none; align-items: center; justify-content: center; border-radius: 8px; }
.cl-cart-drawer .sale-gift-selector__separator { height: 1px; background: rgba(0, 0, 0, 0.12); align-self: stretch; }
.cl-cart-drawer .cart-drawer .sale-gifts__info-bar { margin-inline: -16px; border-radius: 0px; }
@media (min-width: 700px) { .cl-cart-drawer .cart-drawer .sale-gifts__info-bar { margin-inline: -32px; } }
@media (min-width: 768px) { .cl-cart-drawer .sale-gifts__statuses { margin-top: 10px; }
.cl-cart-drawer .sale-gift-selector { grid-template-columns: 80px 1fr; } }
.cl-cart-drawer .line-item__info { display: flex; flex: 1 1 0%; justify-content: space-between; }
.cl-cart-drawer .line-item__info .ce-line-item-quantity { margin-top: 6px; }
.cl-cart-drawer .line-item__remove-and-price-wrapper { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; min-height: 100%; gap: 4px; }
.cl-cart-drawer .line-item__info .price-list { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.cl-cart-drawer .line-item__media-wrapper img { aspect-ratio: 1 / 1; object-fit: cover; object-position: center center; }
@media (min-width: 769px) { .cl-cart-drawer .line-item__media-wrapper { width: 25%; }
.cl-cart-drawer .line-item__info .ce-line-item-quantity { margin-top: 10px; } }
.cl-cart-drawer .cart-upsell { border-block-start: 1px solid rgb(var(--border-color)); padding-block-start: 10px; margin-block-start: 6px; }
.cl-cart-drawer .cart-upsell__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-block-end: 8px; }
.cl-cart-drawer .cart-upsell__title { display: flex; align-items: center; gap: 8px; margin: 0px; font-family: var(--heading-font-family); font-size: 18px; font-weight: 700; line-height: 1.2; color: rgb(0, 32, 57); }
.cl-cart-drawer .cart-upsell__nav { display: flex; gap: 6px; }
.cl-cart-drawer .cart-upsell__arrow { display: grid; place-items: center; width: 34px; height: 30px; border: 1px solid rgba(0, 32, 57, 0.25); border-radius: 4px; background: rgb(255, 255, 255); color: rgb(0, 32, 57); cursor: pointer; transition: border-color 0.2s, opacity 0.2s; }
.cl-cart-drawer .cart-upsell__arrow svg { width: 14px; height: 14px; }
.cl-cart-drawer .cart-upsell__arrow--prev svg { transform: scaleX(-1); }
.cl-cart-drawer .cart-upsell__arrow[disabled] { opacity: 0.35; cursor: default; }
@media (hover: hover) { .cl-cart-drawer .cart-upsell__arrow:not([disabled]):hover { border-color: rgb(0, 32, 57); } }
.cl-cart-drawer .cart-upsell__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc(33.3333% - 5.33333px); gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding-block-end: 2px; }
.cl-cart-drawer .cart-upsell__track::-webkit-scrollbar { display: none; }
@media screen and (min-width: 700px) { .cl-cart-drawer .cart-upsell__track { grid-auto-columns: calc(33.3333% - 5.33333px); } }
.cl-cart-drawer .cart-upsell__card { scroll-snap-align: start; border: 1px solid rgba(0, 32, 57, 0.15); border-radius: 4px; overflow: hidden; background: rgb(255, 255, 255); display: flex; flex-direction: column; }
.cl-cart-drawer .cart-upsell__media { position: relative; background: rgb(242, 242, 242); }
.cl-cart-drawer .cart-upsell__media img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.cl-cart-drawer .cart-upsell__add { position: absolute; right: 8px; bottom: 8px; z-index: 2; display: grid; place-items: center; width: 28px; height: 28px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; background: rgb(0, 32, 57); color: rgb(255, 255, 255); cursor: pointer; transition: background-color 0.2s; }
.cl-cart-drawer .cart-upsell__add svg { width: 14px; height: 14px; }
@media (hover: hover) { .cl-cart-drawer .cart-upsell__add:hover { background: rgb(18, 60, 94); } }
.cl-cart-drawer .cart-upsell__picker { position: absolute; inset: auto 0px 0px; z-index: 3; padding: 8px; background: rgba(255, 255, 255, 0.95); }
.cl-cart-drawer .cart-upsell__spinner { position: absolute; inset: 0px; z-index: 4; display: grid; place-items: center; background: rgba(255, 255, 255, 0.65); }
.cl-cart-drawer .cart-upsell__spinner-dot { width: 22px; height: 22px; border-width: 2px; border-style: solid; border-color: rgb(0, 32, 57) rgba(0, 32, 57, 0.2) rgba(0, 32, 57, 0.2); border-image: none; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running cart-upsell-spin; }
.cl-cart-drawer .cart-upsell__info { padding: 6px 8px 7px; display: flex; flex-direction: column; gap: 2px; }
.cl-cart-drawer .cart-upsell__name { font-family: var(--heading-font-family); font-size: 12px; font-weight: 700; line-height: 1.25; color: rgb(0, 32, 57); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.5em; }
.cl-cart-drawer .cart-upsell__prices { display: flex; align-items: baseline; gap: 5px; flex-wrap: nowrap; white-space: nowrap; }
.cl-cart-drawer .cart-upsell__compare { color: rgba(0, 32, 57, 0.55); font-size: 11px; }
.cl-cart-drawer .cart-upsell__price { font-weight: 700; font-size: 13px; color: rgb(0, 32, 57); }
.cl-cart-drawer .cart-upsell__discount { margin: 0px; color: rgb(0, 172, 92); font-size: 14px; font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .cl-cart-drawer .cart-upsell__track { scroll-behavior: auto; }
.cl-cart-drawer .cart-upsell__spinner-dot { animation-duration: 2s; } }
@media screen and (max-width: 389px) { .cl-cart-drawer .cart-upsell__info { padding-inline: 6px; }
.cl-cart-drawer .cart-upsell__compare { font-size: 10px; }
.cl-cart-drawer .cart-upsell__price { font-size: 12px; } }
.cl-cart-drawer .cart-upsell__picker { inset: 0px; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 8px; background: rgba(255, 255, 255, 0.96); }
.cl-cart-drawer .cart-upsell__picker-sizes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.cl-cart-drawer .cart-upsell__picker-size { height: 30px; border: 1px solid rgb(207, 207, 207); border-radius: 5px; background: rgb(255, 255, 255); font-style: inherit; font-variant: 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: 13px; font-weight: 600; color: rgb(17, 17, 17); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.cl-cart-drawer .cart-upsell__picker-size:hover { border-color: rgb(0, 32, 57); }
.cl-cart-drawer .cart-upsell__picker-size:disabled { opacity: 0.35; text-decoration: line-through; cursor: not-allowed; }
.cl-cart-drawer .cart-upsell__picker { inset: 6px 6px auto; display: block; padding: 0px; background: none; }
.cl-cart-drawer .cart-upsell__picker[hidden] { display: none; }
.cl-cart-drawer .cart-upsell__dd-toggle { width: 100%; height: 34px; display: flex; align-items: center; justify-content: space-between; padding: 0px 10px; border: 1px solid rgb(0, 32, 57); border-radius: 6px 6px 0px 0px; background: rgb(255, 255, 255); font-style: inherit; font-variant: 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: 13px; font-weight: 600; color: rgb(0, 32, 57); cursor: pointer; }
.cl-cart-drawer .cart-upsell__dd-chev { width: 7px; height: 7px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: translateY(2px) rotate(-135deg); }
.cl-cart-drawer .cart-upsell__picker-sizes { display: flex; flex-direction: column; gap: 0px; max-height: 150px; overflow-y: auto; border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(0, 32, 57) rgb(0, 32, 57); border-image: none; border-radius: 0px 0px 6px 6px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 14px; }
.cl-cart-drawer .cart-upsell__picker-size { height: 30px; flex: 0 0 30px; justify-content: flex-start; padding: 0px 10px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(238, 238, 238); border-image: none; border-radius: 0px; font-weight: 500; }
.cl-cart-drawer .cart-upsell__picker-size:last-child { border-bottom: 0px; }
.cl-cart-drawer .cart-upsell__picker-size:hover, .cl-cart-drawer .cart-upsell__picker-size:focus-visible { background: rgb(242, 244, 247); border-color: rgb(238, 238, 238); outline: none; }
.cl-cart-drawer .cart-upsell__picker-sizes { max-height: 200px; }
.cl-cart-drawer .cart-upsell__picker-size { height: 26px; flex-basis: 26px; font-size: 13px; }
.cl-cart-drawer .cart-upsell { margin-block-start: 2px; padding-block-start: 8px; }
.cl-cart-drawer .cart-upsell__head { margin-block-end: 6px; }
.cl-cart-drawer .cart-upsell__info { padding: 5px 8px; gap: 1px; }
.cl-cart-drawer .cart-upsell__media img { aspect-ratio: 5 / 6; }
.cl-cart-drawer .test_pdp003 .ecom-bundle-selector { display: block; }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
.cl-cart-drawer .ecom-btn { display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; border-radius: 4px; border: 1px solid transparent; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; font-size: 16px; }
.cl-cart-drawer .ecom-btn:hover { opacity: 0.9; }
.cl-cart-drawer .ecom-btn--primary { background-color: rgb(245, 166, 35); color: rgb(255, 255, 255); }
@keyframes sale-gifts-sheen { 
  0% { background-position: -60% 0px; }
  100% { background-position: 160% 0px; }
}
@keyframes cart-upsell-spin { 
  100% { transform: rotate(360deg); }
}
.cl-cart-drawer .sale-gifts__info-bar {padding:16px;border-radius:6px;background-color:#111;background-image:none!important;background-position:top right;background-repeat:no-repeat;background-size:cover;color:#fff}
.cl-cart-drawer .sale-gifts__header {margin-bottom:12px;color:#fff}
.cl-cart-drawer .sale-gifts__message {display:flex;align-items:center;line-height:1;font-weight:700;font-size:14px;gap:8px}
.cl-cart-drawer .sale-gifts__title-icon {display:inline-flex;align-items:center}
.cl-cart-drawer .sale-gifts__subtitle {font-size:12px;opacity:.9;margin-top:2px}
.cl-cart-drawer .sale-gifts__progress {border-radius:12px}
.cl-cart-drawer .sale-gifts__bars {display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cl-cart-drawer .sale-gifts__bar {height:6px;border-radius:99px;background:#2e2e2e;position:relative;overflow:hidden}
.cl-cart-drawer .sale-gifts__fill {display:block;width:0;height:100%;border-radius:99px;transition:width .3s ease;background-image:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);background-size:60% 100%;background-repeat:no-repeat;background-position:-60% 0;animation:sale-gifts-sheen 1.8s linear infinite}
@keyframes sale-gifts-sheen{0%{background-position:-60% 0}to{background-position:160% 0}}
@media(prefers-reduced-motion:reduce) { .cl-cart-drawer .sale-gifts__fill {animation:none;background-image:none} }
.cl-cart-drawer .sale-gifts__fill--quarter {width:25%;background-color:#f5a623}
.cl-cart-drawer .sale-gifts__fill--half {width:50%;background-color:#f5a623}
.cl-cart-drawer .sale-gifts__fill--three-quarters {width:75%;background-color:#f5a623}
.cl-cart-drawer .sale-gifts__fill--active {width:100%;background-color:#f5a623}
.cl-cart-drawer .sale-gifts__statuses {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;justify-items:center}
.cl-cart-drawer .sale-gifts__status {display:flex;align-items:center;justify-content:flex-start;min-width:100%;gap:6px;color:#fff;font-size:13px;font-weight:600;text-align:center;opacity:.75}
.cl-cart-drawer .sale-gifts__status--active {justify-content:space-between;font-weight:700;opacity:1;color:#fff}
.cl-cart-drawer .sale-gifts__status--active svg rect {fill:#f5a623;stroke:#f5a623}
.cl-cart-drawer .sale-gifts__selectors {margin-top:10px;display:grid;gap:10px}
.cl-cart-drawer .sale-gift-selector {position:relative;display:grid;grid-template-columns:64px 1fr;gap:10px;background:#fff;border-radius:8px}
.cl-cart-drawer .sale-gift-selector__media img {width:64px;height:64px;border-radius:6px;object-fit:cover}
.cl-cart-drawer .sale-gift-selector__content {display:flex;flex-direction:column;justify-content:space-between}
.cl-cart-drawer .sale-gift-selector__header {display:flex;align-items:center;justify-content:space-between}
.cl-cart-drawer .sale-gift-selector__title {font-weight:700;font-size:14px}
.cl-cart-drawer .sale-gift-selector__controls {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cl-cart-drawer .sale-gift-selector__field {display:grid}
.cl-cart-drawer .sale-gift-selector__color-icon {width:10px;height:10px;min-width:10px;border-radius:2px}
.cl-cart-drawer .sale-gift-selector__field-label {font-size:12px;color:#555}
.cl-cart-drawer .sale-gift-selector__select {width:100%;height:36px;border-radius:8px;border:1px solid #e6e8ee;padding:0 10px;background:#fff}
.cl-cart-drawer .sale-gift-selector__field.gift-picker-anchor {position:relative}
.cl-cart-drawer .gift-picker {position:absolute;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:260px;z-index:30;max-height:280px;overflow-y:auto;padding:6px;background:#fff;border:1px solid #e6e8ee;border-radius:10px;box-shadow:0 8px 24px #0000002e}
.cl-cart-drawer .sale-gift-selector__field:last-child .gift-picker {left:auto;right:0}
.cl-cart-drawer .gift-picker__option {display:block;width:100%;text-align:left;background:none;border:0;border-radius:6px;padding:11px 12px;font-size:16px;font-weight:600;line-height:1.2;color:#111;cursor:pointer;white-space:nowrap}
.cl-cart-drawer .gift-picker__option:hover {background:#f3f3f1}
.cl-cart-drawer .gift-picker__option.is-selected {background:#111;color:#fff}
.cl-cart-drawer .sale-gift-selector__price {display:inline-flex;align-items:center;gap:8px}
.cl-cart-drawer .sale-gift-selector__price-old {text-decoration:line-through;color:#9aa0a6;font-size:12px}
.cl-cart-drawer .sale-gift-selector__price-new {color:#00c889;font-weight:800}
.cl-cart-drawer .sale-gift-selector__overlay {position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;display:none;align-items:center;justify-content:center;border-radius:8px}
.cl-cart-drawer .sale-gift-selector__separator {height:1px;background:#0000001f;align-self:stretch}
.cl-cart-drawer .cart-drawer .sale-gifts__info-bar {margin-inline:-16px;border-radius:0}
@media(min-width:700px) { .cl-cart-drawer .cart-drawer .sale-gifts__info-bar {margin-inline:-32px} }
@media(min-width:768px) { .cl-cart-drawer .sale-gifts__title {font-size:16px}
.cl-cart-drawer .sale-gifts__subtitle {font-size:13px}
.cl-cart-drawer .sale-gifts__statuses {margin-top:10px}
.cl-cart-drawer .sale-gift-selector {grid-template-columns:80px 1fr} }
.cl-cart-drawer .cart-upsell {border-block-start:1px solid rgb(var(--border-color));padding-block-start:10px;margin-block-start:6px}
.cl-cart-drawer .cart-upsell__head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:8px}
.cl-cart-drawer .cart-upsell__title {display:flex;align-items:center;gap:8px;margin:0;font-family:var(--heading-font-family);font-size:18px;font-weight:700;line-height:1.2;color:#002039}
.cl-cart-drawer .cart-upsell__badge {border-radius:3px;background:#f5a623;color:#fff;font-family:var(--heading-font-family);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1;padding:4px 7px;text-transform:uppercase}
.cl-cart-drawer .cart-upsell__nav {display:flex;gap:6px}
.cl-cart-drawer .cart-upsell__arrow {display:grid;place-items:center;width:34px;height:30px;border:1px solid rgba(0,32,57,.25);border-radius:4px;background:#fff;color:#002039;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}
.cl-cart-drawer .cart-upsell__arrow svg {width:14px;height:14px}
.cl-cart-drawer .cart-upsell__arrow--prev svg {transform:scaleX(-1)}
.cl-cart-drawer .cart-upsell__arrow[disabled] {opacity:.35;cursor:default}
@media(hover:hover) { .cl-cart-drawer .cart-upsell__arrow:not([disabled]):hover {border-color:#002039} }
.cl-cart-drawer .cart-upsell__track {display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px) / 3);gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-block-end:2px}
.cl-cart-drawer .cart-upsell__track::-webkit-scrollbar {display:none}
@media screen and (min-width:700px) { .cl-cart-drawer .cart-upsell__track {grid-auto-columns:calc((100% - 16px) / 3)} }
.cl-cart-drawer .cart-upsell__card {scroll-snap-align:start;border:1px solid rgba(0,32,57,.15);border-radius:4px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.cl-cart-drawer .cart-upsell__media {position:relative;background:#f2f2f2}
.cl-cart-drawer .cart-upsell__media img {display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.cl-cart-drawer .cart-upsell__add {position:absolute;right:8px;bottom:8px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:50%;background:#002039;color:#fff;cursor:pointer;transition:background-color .2s ease}
.cl-cart-drawer .cart-upsell__add svg {width:14px;height:14px}
@media(hover:hover) { .cl-cart-drawer .cart-upsell__add:hover {background:#123c5e} }
.cl-cart-drawer .cart-upsell__picker {position:absolute;inset:auto 0 0 0;z-index:3;padding:8px;background:#fffffff2}
.cl-cart-drawer .cart-upsell__select {width:100%;border:1px solid rgba(0,32,57,.25);border-radius:4px;background:#fff;color:#002039;font-size:14px;padding:6px 8px}
.cl-cart-drawer .cart-upsell__spinner {position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;background:#ffffffa6}
.cl-cart-drawer .cart-upsell__spinner-dot {width:22px;height:22px;border:2px solid rgba(0,32,57,.2);border-top-color:#002039;border-radius:50%;animation:cart-upsell-spin .8s linear infinite}
@keyframes cart-upsell-spin{to{transform:rotate(360deg)}}
.cl-cart-drawer .cart-upsell__info {padding:6px 8px 7px;display:flex;flex-direction:column;gap:2px}
.cl-cart-drawer .cart-upsell__name {font-family:var(--heading-font-family);font-size:12px;font-weight:700;line-height:1.25;color:#002039;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.cl-cart-drawer .cart-upsell__prices {display:flex;align-items:baseline;gap:5px;flex-wrap:nowrap;white-space:nowrap}
.cl-cart-drawer .cart-upsell__compare {color:#0020398c;font-size:11px}
.cl-cart-drawer .cart-upsell__price {font-weight:700;font-size:13px;color:#002039}
.cl-cart-drawer .cart-upsell__discount {margin:0;color:#00ac5c;font-size:14px;font-weight:600}
@media(prefers-reduced-motion:reduce) { .cl-cart-drawer .cart-upsell__track {scroll-behavior:auto}
.cl-cart-drawer .cart-upsell__spinner-dot {animation-duration:2s} }
@media screen and (max-width:389px) { .cl-cart-drawer .cart-upsell__info {padding-inline:6px}
.cl-cart-drawer .cart-upsell__compare {font-size:10px}
.cl-cart-drawer .cart-upsell__price {font-size:12px} }
.cl-cart-drawer .upsell-sheet {position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none}
.cl-cart-drawer .upsell-sheet__backdrop {position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .2s ease;pointer-events:auto}
.cl-cart-drawer .upsell-sheet__panel {position:absolute;right:0;bottom:0;width:min(100%,510px);max-height:92vh;overflow-y:auto;background:#fff;color:#111;border-radius:14px 14px 0 0;transform:translateY(100%);transition:transform .22s ease;pointer-events:auto}
.cl-cart-drawer .upsell-sheet.is-open .upsell-sheet__backdrop {opacity:1}
.cl-cart-drawer .upsell-sheet.is-open .upsell-sheet__panel {transform:none}
.cl-cart-drawer .upsell-sheet__close {position:sticky;top:10px;float:right;margin:10px 10px -52px 0;width:42px;height:42px;border-radius:50%;border:1.5px solid #111;background:#ffffffe6;font-size:28px;line-height:1;color:#111;cursor:pointer;z-index:2;display:grid;place-items:center}
.cl-cart-drawer .upsell-sheet__gallery {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:2px;background:#efefef}
.cl-cart-drawer .upsell-sheet__gallery img {flex:0 0 62%;width:62%;aspect-ratio:3 / 4;object-fit:cover;scroll-snap-align:start;display:block}
.cl-cart-drawer .upsell-sheet__info {padding:18px 16px 22px}
.cl-cart-drawer .upsell-sheet__title {font-family:var(--heading-font-family);font-size:24px;font-weight:700;line-height:1.15;margin:0 0 8px;color:#002039}
.cl-cart-drawer .upsell-sheet__prices {display:flex;align-items:baseline;gap:8px;margin:0 0 16px;font-size:20px}
.cl-cart-drawer .upsell-sheet__compare {color:#8a8a8a;font-size:16px}
.cl-cart-drawer .upsell-sheet__price {font-weight:700}
.cl-cart-drawer .upsell-sheet__pct {color:#00ac5c;font-size:15px;font-weight:700}
.cl-cart-drawer .upsell-sheet__label {margin:0 0 8px;font-size:15px}
.cl-cart-drawer .upsell-sheet__sizes {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.cl-cart-drawer .upsell-sheet__size {min-width:52px;height:44px;padding:0 12px;border:1px solid #cfcfcf;border-radius:6px;background:#fff;font:inherit;font-size:15px;cursor:pointer}
.cl-cart-drawer .upsell-sheet__size.is-selected {border:2px solid #002039;font-weight:700}
.cl-cart-drawer .upsell-sheet__size:disabled {opacity:.4;text-decoration:line-through;cursor:not-allowed}
.cl-cart-drawer .upsell-sheet__add {width:100%;height:52px;font-size:18px}
.cl-cart-drawer .upsell-sheet__add:disabled {opacity:.5}
.cl-cart-drawer .upsell-sheet__loading {height:320px;background:linear-gradient(90deg,#f2f2f2,#fafafa,#f2f2f2);background-size:200% 100%;animation:upsellSheetPulse 1.2s infinite linear}
@keyframes upsellSheetPulse{0%{background-position:200% 0}to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce) { .cl-cart-drawer .upsell-sheet__panel, .cl-cart-drawer .upsell-sheet__backdrop {transition:none} }
.cl-cart-drawer .upsell-sheet__body.is-loading {opacity:.5;pointer-events:none;transition:opacity .15s}
.cl-cart-drawer .uqv__gallery {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:2px;background:#efefef;scrollbar-width:none}
.cl-cart-drawer .uqv__gallery::-webkit-scrollbar {display:none}
.cl-cart-drawer .uqv__img {flex:0 0 62%;width:62%;height:auto;aspect-ratio:3 / 4;object-fit:cover;scroll-snap-align:start;display:block}
.cl-cart-drawer .uqv__info {padding:18px 16px 22px}
.cl-cart-drawer .uqv__title {font-family:var(--heading-font-family);font-size:26px;font-weight:700;line-height:1.15;margin:0 0 18px;color:#002039}
.cl-cart-drawer .uqv__label {margin:16px 0 8px;font-size:15px;color:#555}
.cl-cart-drawer .uqv__label b {color:#111}
.cl-cart-drawer .uqv__sizes {display:flex;flex-wrap:wrap;gap:8px}
.cl-cart-drawer .uqv__size {min-width:58px;height:46px;padding:0 12px;border:1px solid #cfcfcf;border-radius:6px;background:#fff;font:inherit;font-size:16px;color:#111;cursor:pointer}
.cl-cart-drawer .uqv__size.is-selected {border:2px solid #002039;font-weight:700}
.cl-cart-drawer .uqv__size:disabled {opacity:.4;text-decoration:line-through;cursor:not-allowed}
.cl-cart-drawer .uqv__packs {display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
.cl-cart-drawer .uqv__pack {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:6px 8px;border:1px solid #cfcfcf;border-radius:6px;background:#fff;font:inherit;color:#111;cursor:pointer}
.cl-cart-drawer .uqv__pack.is-selected {border:2px solid #002039}
.cl-cart-drawer .uqv__pack-name {font-size:17px;font-weight:600}
.cl-cart-drawer .uqv__pack-save {font-size:13px;color:#b40100}
.cl-cart-drawer .uqv__colours {display:flex;flex-wrap:wrap;gap:10px}
.cl-cart-drawer .uqv__colour {width:44px;height:44px;padding:2px;border:1px solid #cfcfcf;border-radius:50%;background:#fff;overflow:hidden;cursor:pointer}
.cl-cart-drawer .uqv__colour img {width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.cl-cart-drawer .uqv__colour.is-selected {border:2px solid #B40100}
.cl-cart-drawer .uqv__price-row {display:flex;align-items:baseline;gap:10px;margin:22px 0 14px;font-size:22px}
.cl-cart-drawer .uqv__compare {color:#8a8a8a;font-size:17px}
.cl-cart-drawer .uqv__price {font-weight:700}
.cl-cart-drawer .uqv__pct {color:#00ac5c;font-size:15px;font-weight:700}
.cl-cart-drawer .uqv__add {width:100%;height:54px;font-size:18px}
.cl-cart-drawer .uqv__add:disabled {background:#8a8a8a!important;opacity:1;cursor:not-allowed}
.cl-cart-drawer .uqv__label {margin:14px 0 6px;font-size:14px}
.cl-cart-drawer .uqv__sizes {display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:6px}
.cl-cart-drawer .uqv__size {min-width:0;height:38px;padding:0 4px;font-size:14px;border-radius:5px}
.cl-cart-drawer .uqv__packs {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;gap:6px}
.cl-cart-drawer .uqv__pack {min-height:44px;padding:4px;border-radius:5px;gap:0}
.cl-cart-drawer .uqv__pack-name {font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}
.cl-cart-drawer .uqv__pack-save {font-size:11px;line-height:1.2;white-space:nowrap}
.cl-cart-drawer .uqv__colour {width:36px;height:36px}
.cl-cart-drawer .uqv__title {font-size:22px;margin-bottom:10px}
.cl-cart-drawer .uqv__size, .cl-cart-drawer .uqv__pack {text-align:center;justify-content:center;align-items:center}
.cl-cart-drawer .uqv__size {display:flex}
.cl-cart-drawer .cart-upsell__picker {top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px;background:#fffffff5}
.cl-cart-drawer .cart-upsell__picker-head {display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#002039}
.cl-cart-drawer .cart-upsell__picker-close {width:24px;height:24px;border:0;background:none;font-size:20px;line-height:1;color:#002039;cursor:pointer}
.cl-cart-drawer .cart-upsell__picker-sizes {display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.cl-cart-drawer .cart-upsell__picker-size {height:30px;border:1px solid #cfcfcf;border-radius:5px;background:#fff;font:inherit;font-size:13px;font-weight:600;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cl-cart-drawer .cart-upsell__picker-size:hover {border-color:#002039}
.cl-cart-drawer .cart-upsell__picker-size:disabled {opacity:.35;text-decoration:line-through;cursor:not-allowed}
.cl-cart-drawer .cart-upsell__picker {inset:6px 6px auto 6px;display:block;padding:0;background:none}
.cl-cart-drawer .cart-upsell__picker[hidden] {display:none}
.cl-cart-drawer .cart-upsell__dd-toggle {width:100%;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:1px solid #002039;border-radius:6px 6px 0 0;background:#fff;font:inherit;font-size:13px;font-weight:600;color:#002039;cursor:pointer}
.cl-cart-drawer .cart-upsell__dd-chev {width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(2px) rotate(-135deg)}
.cl-cart-drawer .cart-upsell__picker-sizes {display:flex;flex-direction:column;gap:0;max-height:150px;overflow-y:auto;border:1px solid #002039;border-top:0;border-radius:0 0 6px 6px;background:#fff;box-shadow:0 6px 14px #0000001f}
.cl-cart-drawer .cart-upsell__picker-size {height:30px;flex:0 0 30px;justify-content:flex-start;padding:0 10px;border:0;border-bottom:1px solid #eee;border-radius:0;font-weight:500}
.cl-cart-drawer .cart-upsell__picker-size:last-child {border-bottom:0}
.cl-cart-drawer .cart-upsell__picker-size:hover, .cl-cart-drawer .cart-upsell__picker-size:focus-visible {background:#f2f4f7;border-color:#eee;outline:none}
.cl-cart-drawer .cart-upsell__picker-sizes {max-height:200px}
.cl-cart-drawer .cart-upsell__picker-size {height:26px;flex-basis:26px;font-size:13px}
.cl-cart-drawer .cart-upsell {margin-block-start:2px;padding-block-start:8px}
.cl-cart-drawer .cart-upsell__head {margin-block-end:6px}
.cl-cart-drawer .cart-upsell__info {padding:5px 8px;gap:1px}
.cl-cart-drawer .cart-upsell__media img {aspect-ratio:5 / 6}
/* estado da gaveta (o Impact usa shadow DOM + JS dele; aqui o painel e a propria raiz) */
.cl-cart-drawer .cl-cd-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 998; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.cl-cart-drawer.is-open .cl-cd-overlay { opacity: 1; visibility: visible; }
.cl-cart-drawer .ce-cart-drawer { position: fixed; top: 0; right: 0; bottom: 0; left: auto; z-index: 999; width: 500px; max-width: 100vw; height: 100%;
  padding: 0; background: #fff; color: #000; visibility: hidden; transform: translateX(100%); transition: transform .35s ease, visibility .35s;
  display: flex; flex-direction: column; overflow: hidden; }
.cl-cart-drawer.is-open .ce-cart-drawer { visibility: visible; transform: none; }
.cl-cart-drawer .cart-drawer__inner { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; }
/* ::part(body) do shadow DOM dele = padding do miolo (o brandbar sangra com margem negativa contando com ele) */
.cl-cart-drawer .ce-cart-drawer > .cart-drawer__inner { padding: 24px 16px; height: auto; min-height: 0; }
@media (min-width: 700px) { .cl-cart-drawer .ce-cart-drawer > .cart-drawer__inner { padding: 32px; } }
.cl-cart-drawer .ce-cart-drawer > [slot="footer"] { flex: 0 0 auto; padding: 16px 32px 24px; border-top: 1px solid rgba(0,0,0,.12); background: #fff; }
@media (max-width: 699px) {
  .cl-cart-drawer .ce-cart-drawer { top: 8px; right: 8px; bottom: 8px; left: 8px; width: auto; height: auto; border-radius: 10px; transform: translateY(110%); }
  .cl-cart-drawer .ce-cart-drawer > [slot="footer"] { padding: 16px 16px 20px; }
}
.cl-cart-drawer [hidden] { display: none !important; }
.cl-cart-drawer .is-loading { opacity: .5; pointer-events: none; }
/* estado VAZIO (retrabalho 11-02: "carrinho torto"): a captura foi com 1 item, as regras do vazio nao vieram. Medido
   em _drawer/empty.{desktop,mobile}.png: X = outside-close-button do shadow (top/right 36px desktop, 24px mobile),
   bloco centralizado na altura toda, sacola 48px (20px mobile) com bolha laranja, titulo Barlow 700, botao escuro. */
.cl-cart-drawer .ce-cart-drawer > button[aria-label="Sluiten"] { position: absolute; top: 36px; right: 36px; z-index: 2; display: grid; place-items: center;
  width: 18px; height: 18px; padding: 0; border: 0; background: none; color: #000; cursor: pointer; }
.cl-cart-drawer .ce-cart-drawer > button[aria-label="Sluiten"] svg { width: 18px; height: 18px; }
.cl-cart-drawer .ce-cart-drawer > .empty-state { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 32px; gap: 40px; }
.cl-cart-drawer .empty-state__icon-wrapper { position: relative; display: inline-flex; color: #000; }
.cl-cart-drawer .empty-state__icon-wrapper > svg { width: 48px; height: 48px; }
.cl-cart-drawer .empty-state__icon-wrapper > svg path { fill: #000; }
.cl-cart-drawer .empty-state .count-bubble { position: absolute; top: -12px; right: -12px; min-width: 26px; height: 26px; padding: 0 6px; border-radius: 999px;
  display: grid; place-items: center; background: #f5a623; color: #000; font: 400 12px/1 "Roboto Condensed", sans-serif; }
.cl-cart-drawer .empty-state .prose { display: flex; flex-direction: column; align-items: center; gap: 32px; }
.cl-cart-drawer .empty-state .clx-h5 { margin: 0; font: 700 24px/1.2 Barlow, sans-serif; color: #000; }
.cl-cart-drawer .empty-state .clx-button { display: inline-flex; align-items: center; justify-content: center; min-width: 228px; height: 60px; padding: 0 32px;
  background: #1a1a1a; color: #fff; font: 500 16px/1 "Roboto Condensed", sans-serif; text-decoration: none; border-radius: 0; }
@media (max-width: 699px) {
  .cl-cart-drawer .ce-cart-drawer > button[aria-label="Sluiten"] { top: 24px; right: 24px; }
  .cl-cart-drawer .ce-cart-drawer > .empty-state { padding: 24px 16px; gap: 36px; }
  .cl-cart-drawer .empty-state__icon-wrapper > svg { width: 20px; height: 20px; }
  .cl-cart-drawer .empty-state .count-bubble { top: -10px; right: -10px; min-width: 20px; height: 20px; font-size: 11px; }
  .cl-cart-drawer .empty-state .prose { gap: 28px; }
  .cl-cart-drawer .empty-state .clx-h5 { font-size: 18px; }
  .cl-cart-drawer .empty-state .clx-button { min-width: 194px; height: 54px; }
}