/** Shopify CDN: Minification failed

Line 13:3518 Expected ")" to end URL token
Line 13:3587 Expected ")" to end URL token
Line 13:3659 Expected ")" to end URL token
Line 13:3726 Expected ")" to end URL token
Line 175:3518 Expected ")" to end URL token
Line 175:3587 Expected ")" to end URL token
Line 175:3659 Expected ")" to end URL token
Line 175:3726 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: Roboto, sans-serif; --heading-font-weight: 500; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.025em; --text-font-family: Roboto, sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 44px; --text-h1: 32px; --text-h2: 28px; --text-h3: 22px; --text-h4: 18px; --text-h5: 18px; --text-h6: 16px; --text-xs: 11px; --text-sm: 12px; --text-base: 14px; --text-lg: 18px; --accent: 4 33 70; --text-primary: 4 33 70; --background-primary: 255 255 255; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; --button-background-primary: 4 33 70; --button-text-primary: 255 255 255; --button-background-secondary: 4 33 70; --button-text-secondary: 255 255 255; --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: 73 116 202; --on-sale-badge-background: 73 116 202; --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: 4 33 70; --header-background: 255 255 255; --header-text: 4 33 70; --footer-background: 4 33 70; --footer-text: 255 255 255; --rounded-xs: 4px; --rounded-sm: 6px; --rounded: 12px; --rounded-lg: 24px; --rounded-full: 9999px; --rounded-button: 10px; --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: 56px; --text-h1: 40px; --text-h2: 32px; --text-h3: 26px; --text-h4: 22px; --text-h5: 18px; --text-h6: 16px; --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: 72px; --text-h1: 56px; --text-h2: 44px; --text-h3: 32px; --text-h4: 28px; --text-h5: 22px; --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 .button--subdued:not([disabled]):hover { --button-background: var(--text-color) / .05 !important; } }
.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 a { color: inherit; text-decoration: inherit; }
.cl-cart-drawer b, .cl-cart-drawer strong { font-weight: bolder; }
.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 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 { 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; }
@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; border-radius: var(--rounded-button); 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--sm { font-size: var(--text-xs); padding-block-start: var(--spacing-2); padding-block-end: var(--spacing-2); line-height: 1.7; }
.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--subdued { --button-background: var(--text-color) / .1 !important; --button-text-color: var(--text-color) !important; --button-outline-color: var(--text-color) !important; }
.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--sm { padding-block-start: var(--spacing-2); padding-block-end: var(--spacing-2); padding-inline-start: var(--spacing-5); padding-inline-end: var(--spacing-5); }
.cl-cart-drawer .button--xl { padding-block: 17.2px; padding-inline-start: var(--spacing-10); padding-inline-end: var(--spacing-10); } }
.cl-cart-drawer .circle-chevron { width: var(--spacing-6); height: var(--spacing-6); border-radius: var(--rounded-full); background: rgb(var(--text-color) / .1); flex-shrink: 0; place-items: center; transition: 0.2s ease-in-out; display: grid; }
.cl-cart-drawer .circle-chevron[disabled] { opacity: 0.5; }
@media screen and (pointer: fine) { .cl-cart-drawer .group:hover .circle-chevron.group-hover\:colors:not([disabled]), .cl-cart-drawer .circle-chevron.hover\:colors:hover:not([disabled]) { background: rgb(var(--text-color)); color: rgb(var(--background)); } }
.cl-cart-drawer .ce-scroll-carousel { position: relative; }
.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; padding: var(--spacing-2); z-index: 999; width: 100%; position: fixed; right: 0px; }
@media screen and (max-width: 699px) { .cl-cart-drawer .drawer { --drawer-content-max-height: 75vh; } }
@media screen and (min-width: 700px) { .cl-cart-drawer .drawer { --container-outer-width: var(--spacing-10); --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); padding: var(--spacing-4); width: 510px; height: 100%; }
.cl-cart-drawer .drawer--lg { width: 680px; } }
.cl-cart-drawer .progress-bar { height: var(--spacing-1); border-radius: var(--rounded-full); background: rgb(var(--text-color) / .3); overflow: hidden; }
.cl-cart-drawer .progress-bar::before { content: ""; height: inherit; background: rgb(var(--accent)); transform-origin: var(--transform-origin-start); transform: scaleX(var(--progress, 0)); transition: transform 0.5s ease-in-out; display: block; }
.cl-cart-drawer .count-bubble { --size: var(--spacing-4); width: var(--size); height: var(--size); border-radius: var(--rounded-full); background: rgb(var(--button-background-primary)); color: rgb(var(--button-text-primary)); place-items: center; min-width: min-content; padding-inline-start: var(--spacing-1); padding-inline-end: var(--spacing-1); font-size: 9px; font-weight: 700; line-height: 1; display: grid; }
.cl-cart-drawer .count-bubble--md, .cl-cart-drawer .count-bubble--lg { --size: var(--spacing-5); font-size: var(--text-xs); }
@media screen and (min-width: 700px) { .cl-cart-drawer .count-bubble--md { --size: var(--spacing-6); } }
.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 .horizontal-product { --horizontal-product-image-size: var(--spacing-16); align-items: flex-start; gap: var(--spacing-4); padding: var(--spacing-4); min-width: 0px; display: flex; }
.cl-cart-drawer .horizontal-product__image { width: var(--horizontal-product-image-size); flex: 0 0 var(--horizontal-product-image-size); }
.cl-cart-drawer .horizontal-product__info { gap: var(--spacing-2); flex-grow: 1; justify-content: space-between; align-items: center; display: grid; }
@media screen and (min-width: 700px) { .cl-cart-drawer .horizontal-product { --horizontal-product-image-size: var(--spacing-20); gap: var(--spacing-5); align-items: center; }
.cl-cart-drawer .horizontal-product__info { gap: var(--spacing-4); display: flex; }
.cl-cart-drawer .horizontal-product__cta { flex-shrink: 0; margin-inline-end: var(--spacing-4); } }
.cl-cart-drawer .horizontal-product-list.separate { gap: var(--spacing-2); display: grid; }
.cl-cart-drawer .horizontal-product-list-carousel > .horizontal-product-list { grid: auto / auto-flow 73vw; display: grid; }
.cl-cart-drawer .horizontal-product-list-carousel > .horizontal-product-list:not(.separate) { border-radius: var(--rounded-xs); border-width: 1px; }
@media screen and (min-width: 700px) { .cl-cart-drawer .horizontal-product-list-carousel { border-radius: var(--rounded-xs); grid-template-columns: minmax(0px, 1fr); }
.cl-cart-drawer .horizontal-product-list-carousel > .horizontal-product-list { grid: auto / auto-flow var(--horizontal-product-width, 100%); } }
.cl-cart-drawer .v-stack { display: grid; }
.cl-cart-drawer .h-stack { align-items: center; display: flex; }
.cl-cart-drawer .bleed { scroll-padding-inline: var(--container-outer-width); margin-inline-start: calc(-1 * var(--container-outer-width)); margin-inline-end: calc(-1 * var(--container-outer-width)); padding-inline-start: var(--container-outer-width); padding-inline-end: var(--container-outer-width); display: grid; }
.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); }
@media screen and (min-width: 700px) { .cl-cart-drawer .line-item { --line-item-image-width: var(--spacing-24); align-items: center; }
.cl-cart-drawer .line-item__actions { margin-inline-start: auto; } }
.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 .quantity-input { width: var(--quantity-input-characters-count, 1ch); border-radius: var(--rounded-input); text-align: center; font-size: var(--text-xs); appearance: none; background: none; border-width: 1px; outline: none; min-width: 44px; padding-block-start: var(--spacing-1); padding-block-end: var(--spacing-1); }
.cl-cart-drawer .quantity-input::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.cl-cart-drawer .quantity-input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
@media screen and (min-width: 700px) { .cl-cart-drawer .quantity-input { min-width: 48px; padding-block-start: var(--spacing-2); padding-block-end: var(--spacing-2); } }
.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 .quick-buy-drawer { --drawer-header-padding: var(--spacing-6); --drawer-body-padding: var(--spacing-6); --shopify-payment-button-padding: 13px var(--spacing-6); display: none; }
@media screen and (min-width: 700px) { .cl-cart-drawer .quick-buy-drawer { --drawer-header-padding: var(--spacing-6); width: 560px; height: auto; } }
.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(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(p img:not([style*="float"]):only-child, div img:not([style*="float"]):only-child, figure, video) { margin-block: var(--spacing-12); } }
.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 .free-shipping-bar { gap: var(--spacing-2); width: 100%; display: grid; }
@media screen and (min-width: 700px) { .cl-cart-drawer .free-shipping-bar { gap: var(--spacing-4); } }
.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__top { gap: var(--spacing-2); padding-block-end: var(--spacing-6); display: grid; }
.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; }
.cl-cart-drawer .cart-drawer .free-shipping-bar { gap: var(--spacing-2-5); }
.cl-cart-drawer .cart-drawer .horizontal-product-list-carousel { grid-template-columns: none; }
.cl-cart-drawer .cart-drawer__top { gap: var(--spacing-4); padding-block-end: var(--spacing-8); } }
.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 .rounded-xs { border-radius: var(--rounded-xs); }
.cl-cart-drawer .text-subdued { color: rgb(var(--text-color) / .7); }
.cl-cart-drawer .text-on-sale { color: rgb(var(--on-sale-text)); }
.cl-cart-drawer .bg-custom { background: rgb(var(--background)); }
.cl-cart-drawer .scroll-area { scrollbar-width: none; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; overflow: auto hidden; }
.cl-cart-drawer .scroll-area::-webkit-scrollbar { display: none; }
.cl-cart-drawer .snap-start { scroll-snap-align: start; scroll-snap-stop: always; }
.cl-cart-drawer :not(.is-scrollable) ~ .peer-not-scrollable\:hidden, .cl-cart-drawer .clx-hidden, .cl-cart-drawer .empty\:hidden:empty { display: none; }
@media screen and (min-width: 700px) { .cl-cart-drawer .sm\:hidden { display: none; }
.cl-cart-drawer .sm\:block { display: block; }
.cl-cart-drawer .sm\:flex { display: flex; } }
.cl-cart-drawer .grow { flex-grow: 1; }
.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-3 { gap: var(--spacing-3); }
.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-2\.5 { gap: var(--spacing-2-5); }
.cl-cart-drawer .sm\:gap-4 { gap: var(--spacing-4); }
.cl-cart-drawer .sm\:gap-6 { gap: var(--spacing-6); }
.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 { --sticky-header-enabled: 0; }
.cl-cart-drawer { --lxs-rating-icon-color: #FFD700; }
@keyframes ping { 
  0% { transform: scale(1); }
  100% { transform: scale(0.8); }
}
.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: Roboto, sans-serif; --heading-font-weight: 500; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.025em; --text-font-family: Roboto, sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 44px; --text-h1: 32px; --text-h2: 28px; --text-h3: 22px; --text-h4: 18px; --text-h5: 18px; --text-h6: 16px; --text-xs: 11px; --text-sm: 12px; --text-base: 14px; --text-lg: 18px; --accent: 4 33 70; --text-primary: 4 33 70; --background-primary: 255 255 255; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; --button-background-primary: 4 33 70; --button-text-primary: 255 255 255; --button-background-secondary: 4 33 70; --button-text-secondary: 255 255 255; --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: 73 116 202; --on-sale-badge-background: 73 116 202; --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: 4 33 70; --header-background: 255 255 255; --header-text: 4 33 70; --footer-background: 4 33 70; --footer-text: 255 255 255; --rounded-xs: 4px; --rounded-sm: 6px; --rounded: 12px; --rounded-lg: 24px; --rounded-full: 9999px; --rounded-button: 10px; --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: 56px; --text-h1: 40px; --text-h2: 32px; --text-h3: 26px; --text-h4: 22px; --text-h5: 18px; --text-h6: 16px; --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: 72px; --text-h1: 56px; --text-h2: 44px; --text-h3: 32px; --text-h4: 28px; --text-h5: 22px; --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 .button--subdued:not([disabled]):hover { --button-background: var(--text-color) / .05 !important; } }
.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 a { color: inherit; text-decoration: inherit; }
.cl-cart-drawer b, .cl-cart-drawer strong { font-weight: bolder; }
.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 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 { 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; }
@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; border-radius: var(--rounded-button); 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--sm { font-size: var(--text-xs); padding-block-start: var(--spacing-2); padding-block-end: var(--spacing-2); line-height: 1.7; }
.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--subdued { --button-background: var(--text-color) / .1 !important; --button-text-color: var(--text-color) !important; --button-outline-color: var(--text-color) !important; }
.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--sm { padding-block-start: var(--spacing-2); padding-block-end: var(--spacing-2); padding-inline-start: var(--spacing-5); padding-inline-end: var(--spacing-5); }
.cl-cart-drawer .button--xl { padding-block: 17.2px; padding-inline-start: var(--spacing-10); padding-inline-end: var(--spacing-10); } }
.cl-cart-drawer .circle-chevron { width: var(--spacing-6); height: var(--spacing-6); border-radius: var(--rounded-full); background: rgb(var(--text-color) / .1); flex-shrink: 0; place-items: center; transition: 0.2s ease-in-out; display: grid; }
.cl-cart-drawer .circle-chevron[disabled] { opacity: 0.5; }
@media screen and (pointer: fine) { .cl-cart-drawer .group:hover .circle-chevron.group-hover\:colors:not([disabled]), .cl-cart-drawer .circle-chevron.hover\:colors:hover:not([disabled]) { background: rgb(var(--text-color)); color: rgb(var(--background)); } }
.cl-cart-drawer .ce-scroll-carousel { position: relative; }
.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; padding: var(--spacing-2); z-index: 999; width: 100%; position: fixed; right: 0px; }
@media screen and (max-width: 699px) { .cl-cart-drawer .drawer { --drawer-content-max-height: 75vh; } }
@media screen and (min-width: 700px) { .cl-cart-drawer .drawer { --container-outer-width: var(--spacing-10); --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); padding: var(--spacing-4); width: 510px; height: 100%; }
.cl-cart-drawer .drawer--lg { width: 680px; } }
.cl-cart-drawer .progress-bar { height: var(--spacing-1); border-radius: var(--rounded-full); background: rgb(var(--text-color) / .3); overflow: hidden; }
.cl-cart-drawer .progress-bar::before { content: ""; height: inherit; background: rgb(var(--accent)); transform-origin: var(--transform-origin-start); transform: scaleX(var(--progress, 0)); transition: transform 0.5s ease-in-out; display: block; }
.cl-cart-drawer .count-bubble { --size: var(--spacing-4); width: var(--size); height: var(--size); border-radius: var(--rounded-full); background: rgb(var(--button-background-primary)); color: rgb(var(--button-text-primary)); place-items: center; min-width: min-content; padding-inline-start: var(--spacing-1); padding-inline-end: var(--spacing-1); font-size: 9px; font-weight: 700; line-height: 1; display: grid; }
.cl-cart-drawer .count-bubble--md, .cl-cart-drawer .count-bubble--lg { --size: var(--spacing-5); font-size: var(--text-xs); }
@media screen and (min-width: 700px) { .cl-cart-drawer .count-bubble--md { --size: var(--spacing-6); } }
.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 .horizontal-product { --horizontal-product-image-size: var(--spacing-16); align-items: flex-start; gap: var(--spacing-4); padding: var(--spacing-4); min-width: 0px; display: flex; }
.cl-cart-drawer .horizontal-product__image { width: var(--horizontal-product-image-size); flex: 0 0 var(--horizontal-product-image-size); }
.cl-cart-drawer .horizontal-product__info { gap: var(--spacing-2); flex-grow: 1; justify-content: space-between; align-items: center; display: grid; }
@media screen and (min-width: 700px) { .cl-cart-drawer .horizontal-product { --horizontal-product-image-size: var(--spacing-20); gap: var(--spacing-5); align-items: center; }
.cl-cart-drawer .horizontal-product__info { gap: var(--spacing-4); display: flex; }
.cl-cart-drawer .horizontal-product__cta { flex-shrink: 0; margin-inline-end: var(--spacing-4); } }
.cl-cart-drawer .horizontal-product-list.separate { gap: var(--spacing-2); display: grid; }
.cl-cart-drawer .horizontal-product-list-carousel > .horizontal-product-list { grid: auto / auto-flow 73vw; display: grid; }
.cl-cart-drawer .horizontal-product-list-carousel > .horizontal-product-list:not(.separate) { border-radius: var(--rounded-xs); border-width: 1px; }
@media screen and (min-width: 700px) { .cl-cart-drawer .horizontal-product-list-carousel { border-radius: var(--rounded-xs); grid-template-columns: minmax(0px, 1fr); }
.cl-cart-drawer .horizontal-product-list-carousel > .horizontal-product-list { grid: auto / auto-flow var(--horizontal-product-width, 100%); } }
.cl-cart-drawer .v-stack { display: grid; }
.cl-cart-drawer .h-stack { align-items: center; display: flex; }
.cl-cart-drawer .bleed { scroll-padding-inline: var(--container-outer-width); margin-inline-start: calc(-1 * var(--container-outer-width)); margin-inline-end: calc(-1 * var(--container-outer-width)); padding-inline-start: var(--container-outer-width); padding-inline-end: var(--container-outer-width); display: grid; }
.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); }
@media screen and (min-width: 700px) { .cl-cart-drawer .line-item { --line-item-image-width: var(--spacing-24); align-items: center; }
.cl-cart-drawer .line-item__actions { margin-inline-start: auto; } }
.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 .quantity-input { width: var(--quantity-input-characters-count, 1ch); border-radius: var(--rounded-input); text-align: center; font-size: var(--text-xs); appearance: none; background: none; border-width: 1px; outline: none; min-width: 44px; padding-block-start: var(--spacing-1); padding-block-end: var(--spacing-1); }
.cl-cart-drawer .quantity-input::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.cl-cart-drawer .quantity-input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
@media screen and (min-width: 700px) { .cl-cart-drawer .quantity-input { min-width: 48px; padding-block-start: var(--spacing-2); padding-block-end: var(--spacing-2); } }
.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 .quick-buy-drawer { --drawer-header-padding: var(--spacing-6); --drawer-body-padding: var(--spacing-6); --shopify-payment-button-padding: 13px var(--spacing-6); display: none; }
@media screen and (min-width: 700px) { .cl-cart-drawer .quick-buy-drawer { --drawer-header-padding: var(--spacing-6); width: 560px; height: auto; } }
.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(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(p img:not([style*="float"]):only-child, div img:not([style*="float"]):only-child, figure, video) { margin-block: var(--spacing-12); } }
.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 .free-shipping-bar { gap: var(--spacing-2); width: 100%; display: grid; }
@media screen and (min-width: 700px) { .cl-cart-drawer .free-shipping-bar { gap: var(--spacing-4); } }
.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__top { gap: var(--spacing-2); padding-block-end: var(--spacing-6); display: grid; }
.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; }
.cl-cart-drawer .cart-drawer .free-shipping-bar { gap: var(--spacing-2-5); }
.cl-cart-drawer .cart-drawer .horizontal-product-list-carousel { grid-template-columns: none; }
.cl-cart-drawer .cart-drawer__top { gap: var(--spacing-4); padding-block-end: var(--spacing-8); } }
.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 .rounded-xs { border-radius: var(--rounded-xs); }
.cl-cart-drawer .text-subdued { color: rgb(var(--text-color) / .7); }
.cl-cart-drawer .text-on-sale { color: rgb(var(--on-sale-text)); }
.cl-cart-drawer .bg-custom { background: rgb(var(--background)); }
.cl-cart-drawer .scroll-area { scrollbar-width: none; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; overflow: auto hidden; }
.cl-cart-drawer .scroll-area::-webkit-scrollbar { display: none; }
.cl-cart-drawer .snap-start { scroll-snap-align: start; scroll-snap-stop: always; }
.cl-cart-drawer :not(.is-scrollable) ~ .peer-not-scrollable\:hidden, .cl-cart-drawer .clx-hidden, .cl-cart-drawer .empty\:hidden:empty { display: none; }
@media screen and (min-width: 700px) { .cl-cart-drawer .sm\:hidden { display: none; }
.cl-cart-drawer .sm\:block { display: block; }
.cl-cart-drawer .sm\:flex { display: flex; } }
.cl-cart-drawer .grow { flex-grow: 1; }
.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-3 { gap: var(--spacing-3); }
.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-2\.5 { gap: var(--spacing-2-5); }
.cl-cart-drawer .sm\:gap-4 { gap: var(--spacing-4); }
.cl-cart-drawer .sm\:gap-6 { gap: var(--spacing-6); }
.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 .klaviyo-iaf { text-size-adjust: 100%; }
.cl-cart-drawer .klaviyo-prevent-body-scrolling { overflow: hidden !important; }
.cl-cart-drawer { --kl-reviews-color-light-gray: #e9e9eb; }
.cl-cart-drawer .kl_reviews__modal_open { overflow: hidden; }
.cl-cart-drawer { --sticky-header-enabled: 0; }
.cl-cart-drawer { --lxs-rating-icon-color: #FFD700; }
@keyframes ping { 
  0% { transform: scale(1); }
  100% { transform: scale(0.8); }
}
/* estado da gaveta (o Impact usa shadow DOM + JS dele; aqui o painel e a propria raiz). Geometria medida em
   _drawer/geo.*.json: desktop 648px a 16px das bordas; mobile 8px das bordas; cantos var(--rounded-sm). */
.cl-cart-drawer .cl-cd-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.3); 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: 16px; right: 16px; bottom: 16px; left: auto; z-index: 999; width: 648px; max-width: calc(100vw - 32px);
  padding: 0; background: #fff; color: rgb(26 26 26); border-radius: 8px; visibility: hidden; transform: translateX(calc(100% + 16px));
  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 .ce-cart-drawer > .cart-drawer__inner { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: 40px; }
.cl-cart-drawer .ce-cart-drawer > [slot="footer"] { flex: 0 0 auto; padding: 32px 40px 40px; border-top: 1px solid rgb(26 26 26 / .12); background: #fff; }
@media (max-width: 699px) {
  .cl-cart-drawer .ce-cart-drawer { top: 8px; right: 8px; bottom: 8px; left: 8px; width: auto; max-width: none; transform: translateY(calc(100% + 8px)); }
  .cl-cart-drawer .ce-cart-drawer > .cart-drawer__inner { padding: 24px; }
  .cl-cart-drawer .ce-cart-drawer > [slot="footer"] { padding: 24px; }
}
.cl-cart-drawer [hidden] { display: none !important; }
.cl-cart-drawer .is-loading { opacity: .5; pointer-events: none; }
.cl-cart-drawer [data-upsell-track] { scroll-snap-type: x mandatory; overflow-x: auto; scrollbar-width: none; }
.cl-cart-drawer [data-upsell-track]::-webkit-scrollbar { display: none; }
/* estado vazio: bloco centralizado na altura toda */
.cl-cart-drawer .ce-cart-drawer > .empty-state, .cl-cart-drawer .ce-cart-drawer .cl-empty { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 40px; gap: 32px; }
/* vazio (medido em _drawer/empty.*.png): X a 40/48px do topo/direita, carrinho 48px com bolha "0", titulo 24px 400,
   "Continue shopping" = botao primario dele (fundo branco, texto #1a1a1a, 700 16px) */
.cl-cart-drawer .ce-cart-drawer > button[aria-label="Fermer"] { position: absolute; top: 36px; right: 36px; z-index: 2; display: grid; place-items: center;
  width: 24px; height: 24px; padding: 0; border: 0; background: none; color: rgb(26 26 26); cursor: pointer; }
.cl-cart-drawer .ce-cart-drawer > button[aria-label="Fermer"] svg { width: 24px; height: 24px; }
.cl-cart-drawer .empty-state__icon-wrapper { position: relative; display: inline-flex; color: rgb(26 26 26); }
.cl-cart-drawer .empty-state__icon-wrapper > svg { width: 48px; height: 48px; }
.cl-cart-drawer .empty-state .count-bubble { position: absolute; top: -6px; right: -8px; font: 700 11px/1 Roboto, sans-serif; }
.cl-cart-drawer .empty-state .prose { display: flex; flex-direction: column; align-items: center; gap: 48px; }
.cl-cart-drawer .empty-state .h5 { margin: 0; font: 400 24px/1.3 Roboto, sans-serif; color: rgb(26 26 26); }
.cl-cart-drawer .empty-state .clx-button { display: inline-flex; align-items: center; justify-content: center; padding: 0 40px; height: 56px;
  background: #fff; color: rgb(26 26 26); font: 700 16px/1 Roboto, sans-serif; text-decoration: none; border-radius: 8px; }
@media (max-width: 699px) {
  .cl-cart-drawer .ce-cart-drawer > button[aria-label="Fermer"] { top: 20px; right: 20px; }
  .cl-cart-drawer .empty-state .h5 { font-size: 20px; }
}