@font-face { font-family: Montserrat; font-weight: 800; font-style: italic; font-display: fallback; src: url("assets/1c956879aab39c64e6f13079ad3206847d40220d71c36efa9ae4907073b1ed12.woff2") format("woff2"), url("assets/c88e2243164408e7109ed22598a27a9775a3c15510803f7ec2d4b48a474cdb23.woff2") format("woff"); }
@font-face { font-family: Montserrat; font-weight: 800; font-style: italic; font-display: fallback; src: url("assets/1c956879aab39c64e6f13079ad3206847d40220d71c36efa9ae4907073b1ed12.woff2") format("woff2"), url("assets/c88e2243164408e7109ed22598a27a9775a3c15510803f7ec2d4b48a474cdb23.woff2") format("woff"); }
@font-face { font-family: Barlow; font-weight: 500; font-style: normal; font-display: fallback; src: url("assets/04d71acfc4e062ea48a52e426ab895377cdd02fdd88cff3f3c13f9a0d35b241e.woff2") format("woff2"), url("assets/be9e3fc87c0e482c8e3ee691433914e24e6ac10d6f81f8cbd396e9cfd83d2b50.woff2") format("woff"); }
@font-face { font-family: Barlow; font-weight: 500; font-style: italic; font-display: fallback; src: url("assets/4e7649e46b22b3f2b272f615a1166932154fc30203752147bf413b826aa6191f.woff2") format("woff2"), url("assets/55504bf13a0a39bdf6b5c5cc5b00cc6b62ca19c3d12910f348ba0ccf1db8e0b2.woff2") format("woff"); }
@font-face { font-family: Barlow; font-weight: 700; font-style: normal; font-display: fallback; src: url("assets/a961f14b976078170dda7686afedf399306ed7f61bc6b09f1b0c56a3d72d4628.woff2") format("woff2"), url("assets/2f575c38770aa4d0054b7d9f54e3dd413f70bfc94be4cf744e370dd0d2dc8b89.woff2") format("woff"); }
@font-face { font-family: Barlow; font-weight: 700; font-style: italic; font-display: fallback; src: url("assets/79c56f592359807bc43433027bd200f42b2bc6a2a89634c0f1ae9503e596a0cd.woff2") format("woff2"), url("assets/b6f0b4ad68b3505b4e9cb038362c79e9bbfddd7fdc4536635acbdcb420eda0d1.woff2") format("woff"); }
:root { --spacing-0-5: 0.125rem; --spacing-1: 0.25rem; --spacing-1-5: 0.375rem; --spacing-2: 0.5rem; --spacing-2-5: 0.625rem; --spacing-3: 0.75rem; --spacing-3-5: 0.875rem; --spacing-4: 1rem; --spacing-4-5: 1.125rem; --spacing-5: 1.25rem; --spacing-5-5: 1.375rem; --spacing-6: 1.5rem; --spacing-6-5: 1.625rem; --spacing-7: 1.75rem; --spacing-7-5: 1.875rem; --spacing-8: 2rem; --spacing-8-5: 2.125rem; --spacing-9: 2.25rem; --spacing-9-5: 2.375rem; --spacing-10: 2.5rem; --spacing-11: 2.75rem; --spacing-12: 3rem; --spacing-14: 3.5rem; --spacing-16: 4rem; --spacing-18: 4.5rem; --spacing-20: 5rem; --spacing-24: 6rem; --spacing-28: 7rem; --spacing-32: 8rem; --spacing-36: 9rem; --spacing-40: 10rem; --spacing-44: 11rem; --spacing-48: 12rem; --spacing-52: 13rem; --spacing-56: 14rem; --spacing-60: 15rem; --spacing-64: 16rem; --spacing-72: 18rem; --spacing-80: 20rem; --spacing-96: 24rem; --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: 2.625rem; --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: Montserrat, sans-serif; --heading-font-weight: 800; --heading-font-style: italic; --heading-text-transform: uppercase; --heading-letter-spacing: -0.02em; --text-font-family: Barlow, sans-serif; --text-font-weight: 500; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 3rem; --text-h1: 2.5rem; --text-h2: 2rem; --text-h3: 1.5rem; --text-h4: 1.375rem; --text-h5: 1.125rem; --text-h6: 1rem; --text-xs: 0.8125rem; --text-sm: 0.875rem; --text-base: 1.0rem; --text-lg: 1.25rem; --accent: 26 26 26; --text-primary: 26 26 26; --background-primary: 240 240 240; --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: 240 240 240; --header-text: 26 26 26; --footer-background: 26 26 26; --footer-text: 255 255 255; --rounded-xs: 0.0rem; --rounded-sm: 0.0rem; --rounded: 0.0rem; --rounded-lg: 0.0rem; --rounded-full: 9999px; --rounded-button: 0.0rem; --rounded-input: 0.0rem; --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); --cursor-close-svg-url: url(assets/theme/cursor-close.svg); --cursor-zoom-in-svg-url: url(assets/theme/cursor-zoom-in.svg); --cursor-zoom-out-svg-url: url(assets/theme/cursor-zoom-out.svg); --checkmark-svg-url: url(assets/theme/checkmark.svg); }
[dir="rtl"]:root { --transform-logical-flip: -1; --transform-origin-start: right; --transform-origin-end: left; }
:root { --text-h0: 4rem; --text-h1: 3rem; --text-h2: 2.5rem; --text-h3: 2rem; --text-h4: 1.625rem; --text-h5: 1.25rem; --text-h6: 1.125rem; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1.0rem; --text-lg: 1.25rem; --container-gutter: 2rem; --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: 1rem; --input-height: 3.125rem; --input-padding-inline: var(--spacing-5); }
:root { --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); }
:root { --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); }
:root { --text-h0: 5rem; --text-h1: 3.75rem; --text-h2: 3rem; --text-h3: 2.25rem; --text-h4: 2rem; --text-h5: 1.5rem; --text-h6: 1.25rem; --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-18); }
:root { --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-20); --section-inner-spacing-inline: var(--spacing-20); }
.button:not([disabled]):not(.button--outline):hover, .btn:not([disabled]):hover, .shopify-payment-button__button--unbranded:not([disabled]):hover { background-color: transparent !important; color: rgb(var(--button-outline-color) / var(--button-background-opacity, 1)) !important; box-shadow: currentcolor 0px 0px 0px 2px inset !important; }
.button--outline:not([disabled]):hover { background: rgb(var(--button-background)); color: rgb(var(--button-text-color)); box-shadow: inset 0 0 0 2px rgb(var(--button-background)); }
.shopify-payment-button__button--hidden { visibility: hidden; }
.shopify-payment-button__button { height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,44px), 55px); min-height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,44px), 55px); border-radius: var(--shopify-accelerated-checkout-button-border-radius,0px); color: rgb(255, 255, 255); cursor: pointer; text-align: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; font-size: 1em; font-weight: 500; line-height: 1; transition: background 0.2s ease-in-out; display: block; box-shadow: rgba(0, 0, 0, 0) 0px 0px; }
.shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: rgb(19, 111, 153); }
.shopify-payment-button__more-options.shopify-payment-button__skeleton { width: 50%; margin-left: 25%; margin-right: 25%; border-radius: 4px !important; height: auto !important; min-height: 0px !important; }
.shopify-payment-button__button.shopify-payment-button__button--branded { z-index: 1; flex-direction: column; display: flex; position: relative; }
.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate { flex-direction: column !important; flex: 1 1 0% !important; display: flex !important; }
.shopify-payment-button__button.button.loading { color: rgba(0, 0, 0, 0); position: relative; }
.shopify-payment-button__button.button.loading > .loading-overlay__spinner { align-items: center; height: 100%; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.shopify-payment-button__button.button.loading > .loading-overlay__spinner .spinner { width: fit-content; }
.button.loading > .loading-overlay__spinner .path { stroke: rgb(255, 255, 255); }
.shopify-payment-button__button .loading-overlay__spinner { width: 1.8rem; display: inline-block; }
.shopify-payment-button__button .spinner { animation: 1.4s linear 0s infinite normal none running shopify-rotator; }
.shopify-payment-button__button .path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: 50% center; stroke: rgb(18, 18, 18); animation: 1.4s ease-in-out 0s infinite normal none running shopify-dash; }
.shopify-payment-button__button .path { stroke: canvastext; }
#shopify-buyer-consent { width: 100%; margin-top: 1em; display: inline-block; }
#shopify-buyer-consent.hidden { display: none; }
#shopify-subscription-policy-button, #shopify-managed-markets-terms-and-conditions-button, #shopify-managed-markets-privacy-policy-button { font-size: inherit; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; text-decoration: underline; }
#shopify-subscription-policy-button::before, #shopify-managed-markets-terms-and-conditions-button::before, #shopify-managed-markets-privacy-policy-button::before { box-shadow: none; }
.shopify-payment-button__skeleton { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; background-color: var(--shopify-accelerated-checkout-skeleton-background-color,#dedede); box-sizing: border-box; height: var(--shopify-accelerated-checkout-button-block-size,inherit); border-radius: var(--shopify-accelerated-checkout-button-border-radius,inherit); min-height: 25px; max-height: 55px; animation-delay: -0.168s; text-decoration: none !important; }
.wallet-cart-button__skeleton { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; background-color: var(--shopify-accelerated-checkout-skeleton-background-color,#dedede); animation-delay: -0.168s; }
.wallet-button-wrapper { width: 100%; container: wrapper / inline-size; }
.wallet-cart-grid { justify-content: var(--shopify-accelerated-checkout-inline-alignment,start); flex-direction: row; margin: 0px -5px -5px; padding: 0px; display: flex; }
.wallet-cart-button-container { margin: 0px 5px 5px; position: relative; }
.wallet-cart-button-container, .wallet-cart-button { width: auto; min-width: 100px; height: clamp(25px, var(--shopify-accelerated-checkout-button-inline-size,var(--shopify-accelerated-checkout-button-block-size,42px)), 55px); border-radius: var(--shopify-accelerated-checkout-button-border-radius,4px); text-align: center; flex: 1 1 0px; list-style-type: none !important; }
.wallet-cart-grid.wallet-cart-grid--vertical, .additional-checkout-buttons--vertical .wallet-cart-grid { flex-direction: column; justify-content: flex-start; margin: 0px; }
.wallet-cart-grid.wallet-cart-grid--vertical .wallet-cart-button-container, .additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
.wallet-cart-grid.wallet-cart-grid--vertical .wallet-cart-button-container:first-child, .additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
.wallet-cart-grid.wallet-cart-grid--vertical .wallet-cart-button, .additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
.wallet-cart-grid.wallet-cart-grid--horizontal, .additional-checkout-buttons--horizontal .wallet-cart-grid { justify-content: stretch; }
.wallet-cart-grid.wallet-cart-grid--horizontal .wallet-cart-button-container, .additional-checkout-buttons--horizontal .wallet-cart-grid .wallet-cart-button-container, .wallet-cart-grid.wallet-cart-grid--horizontal .wallet-cart-button, .additional-checkout-buttons--horizontal .wallet-cart-grid .wallet-cart-button { min-width: 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:first-of-type).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(2))) { flex-direction: column; justify-content: flex-start; margin: 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:first-of-type).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:first-of-type).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:first-of-type).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(3))) { flex-direction: column; justify-content: flex-start; margin: 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(4))) { flex-direction: column; justify-content: flex-start; margin: 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(5))) { flex-direction: column; justify-content: flex-start; margin: 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(6))) { flex-direction: column; justify-content: flex-start; margin: 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(6)) { flex-direction: column; justify-content: flex-start; margin: 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
.wallet-cart-grid { justify-content: stretch; }
.wallet-cart-button-container, .wallet-cart-button { min-width: 0px; }
.wallet-cart-grid { flex-direction: column; justify-content: flex-start; margin: 0px; }
.wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
.wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
.wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
.screen-reader-text { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
#shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%; }
#shopify-buyer-consent.hidden { display: none; }
#shopify-subscription-policy-button { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; text-decoration: underline; font-size: inherit; cursor: pointer; }
#shopify-subscription-policy-button::before { box-shadow: none; }
*, ::before, ::after { box-sizing: border-box; border-style: solid; border-width: 0px; border-color: rgb(var(--text-color) / .12); }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; text-align: inherit; background-color: rgba(0, 0, 0, 0); background-image: none; }
button, label, summary, [role="button"], [type="checkbox"], [type="radio"], [type="submit"] { -webkit-tap-highlight-color: transparent; touch-action: manipulation; cursor: pointer; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
.animated-arrow::before, .animated-arrow::after { content: ""; grid-area: 1 / -1; transition: 0.2s ease-in-out; }
.animated-arrow::before { width: 0.5rem; height: 0.5rem; transform: rotate(calc(var(--transform-logical-flip) * 45deg)); border-color: currentcolor; border-block-start-width: 2px; border-inline-end-width: 2px; position: relative; }
.animated-arrow: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))::before { left: -1px; }
.animated-arrow: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))::before { right: -1px; }
.animated-arrow::after { width: var(--spacing-2-5); height: var(--spacing-0-5); transform-origin: center center; opacity: 0; background: currentcolor; transform: scaleX(0.5); }
.group:hover .animated-arrow::before { transform: translate(calc(var(--transform-logical-flip) * var(--spacing-0-5))) rotate(calc(var(--transform-logical-flip) * 45deg)); }
.group:hover .animated-arrow::after { opacity: 1; transform: scaleX(1); }
.group[aria-expanded="true"] .circle-chevron.group-expanded\:colors:not([disabled]) { background: rgb(var(--text-color)); color: rgb(var(--background)); }
.group[aria-expanded="true"] .circle-chevron.group-expanded\:rotate { transform: rotate(calc(var(--transform-logical-flip) * 180deg)); }
.content-over-media::before { content: ""; background: rgb(var(--content-over-media-overlay)); border-radius: inherit; z-index: 1; pointer-events: none; transition: background 0.2s ease-in-out; position: absolute; inset: 0px; }
.content-over-media:has(> video-media[loaded]:not([autoplay]))::before { background: none; transition-delay: 0.1s; }
.page-dots > [aria-current="true"] { opacity: 1; }
.stretching-dots > [aria-current="true"] { width: var(--spacing-6); opacity: 1; }
.numbered-dots__item[aria-current="true"] circle:last-child { --radius: 15; --circumference: calc(2px * (22 / 7) * var(--radius)); stroke-opacity: 1; stroke-dasharray: calc(var(--circumference) * var(--progress, 1)),var(--circumference); }
.popover-listbox__option[aria-selected="true"], .popover-listbox__option:hover { color: rgb(var(--text-color)); }
.drawer > [is="close-button"] { display: none; position: absolute; top: 1.5rem; }
.drawer > [is="close-button"]: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)) { right: 1.5rem; }
.drawer > [is="close-button"]: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)) { left: 1.5rem; }
.drawer:not([header-bordered])::part(header)::after { content: ""; width: 100%; height: var(--spacing-8); background: linear-gradient(to bottom,rgb(var(--dialog-background)),rgb(var(--dialog-background) / .6) 50%,rgb(var(--dialog-background) / 0)); z-index: 1; position: absolute; top: 100%; left: 0px; }
.drawer > [is="close-button"] { display: grid; top: 2.25rem; }
.drawer > [is="close-button"]: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)) { right: 2.25rem; }
.drawer > [is="close-button"]: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)) { left: 2.25rem; }
.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; }
.scrollbar__progress::before { content: ""; transform-origin: var(--transform-origin-start); transform: scaleX(var(--scroll-progress)); background: rgb(var(--text-color)); will-change: transform; position: absolute; inset: 0px; }
.switch::after { content: ""; width: var(--spacing-3-5); height: var(--spacing-3-5); background: rgb(var(--background)); border-radius: var(--rounded-full); transition: transform 0.2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px; }
.switch:checked::after { transform: translate(calc(var(--transform-logical-flip) * var(--spacing-5))); }
[role="main"] .shopify-section { --section-is-first: 0; --hash-difference: calc(var(--section-background-hash) - var(--previous-section-background-hash, -1)); --hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference)); --background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1)); background: rgb(var(--background)); position: relative; }
[role="main"] .shopify-section:not(.contents) { display: flow-root; }
[role="main"] .shopify-section:empty { display: none; }
[role="main"] .shopify-section:first-child { --section-is-first: 1; }
:is(video-media, model-media)::before { content: ""; padding-block-end: calc(100% / (var(--aspect-ratio, var(--default-aspect-ratio)))); display: block; }
.video-play-button::before { content: ""; box-sizing: content-box; top: calc(-1 * var(--play-button-shadow-size)); left: calc(-1 * var(--play-button-shadow-size)); width: 100%; height: 100%; padding: var(--play-button-shadow-size); background: radial-gradient(50% 50% at 50% 50%,rgb(var(--text-color) / 0),rgb(var(--text-color))); opacity: 0.3; border-radius: 100%; animation: 2s ease-in-out 0s infinite alternate none running ping; position: absolute; }
.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child)::after { border-color: rgb(var(--text-primary) / .25); }
.quick-buy-drawer :is(.button, .shopify-payment-button__button--unbranded, .shopify-payment-button__button--branded [role="button"]) { padding: var(--spacing-3) var(--spacing-6) !important; font-size: var(--text-sm) !important; }
.prose :is(p img:not([style*="float"]):only-child, div img:not([style*="float"]):only-child, figure, video) { margin-block: var(--spacing-8); }
.prose :is(iframe[src*="youtube"], iframe[src*="youtu.be"], iframe[src*="vimeo"]) { aspect-ratio: 16 / 9; width: 100%; height: auto; }
.prose :is(p img:not([style*="float"]):only-child, div img:not([style*="float"]):only-child, figure, video) { margin-block: var(--spacing-12); }
:is(.blockquote, .prose blockquote)::before { content: ""; width: var(--quote-width); height: var(--quote-height); background: rgb(var(--text-color) / .1); mask-size: var(--quote-width) var(--quote-height); position: absolute; top: var(--quote-inset-block-start); mask-image: url("data:image/svg+xml,%3Csvg width='86' height='55' viewBox='0 0 86 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.3163 54.6H42.5163L60.3163 0.400024H85.5163L71.3163 54.6ZM29.3163 54.6H0.716309L18.9163 0.400024H44.1163L29.3163 54.6Z' fill='%23252627'/%3E%3C/svg%3E%0A"); mask-repeat: no-repeat; }
:is(.blockquote, .prose blockquote):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))::before { left: var(--quote-inset-inline-start); }
:is(.blockquote, .prose blockquote):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))::before { right: var(--quote-inset-inline-start); }
.color-swatch::before { content: ""; inset: calc(-1 * var(--swatch-offset)); opacity: 0; border-radius: inherit; will-change: transform; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; position: absolute; transform: scale(0.75); box-shadow: 0px 0px 0px 2px; }
:checked + .color-swatch::before, .color-swatch.is-selected::before { opacity: 1; transform: scale(1); }
.color-swatch--rectangle::before { width: 100%; bottom: -3px; box-shadow: 0px 2px; }
.color-swatch--rectangle: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))::before { left: 0px; }
.color-swatch--rectangle: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))::before { right: 0px; }
.color-swatch--rectangle.color-swatch--sm::before { bottom: -2px; }
.media-swatch::before { content: ""; border-radius: inherit; opacity: 0; will-change: transform; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; position: absolute; inset: 0px; transform: scale(0.95); box-shadow: 0px 0px 0px 2px; }
.media-swatch.is-disabled::after { content: ""; background-image: linear-gradient(to bottom right,transparent calc(50% - 1px),rgb(var(--text-color) / .5) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)); position: absolute; inset: 0px; }
:checked + .media-swatch::before, .media-swatch.is-selected::before { opacity: 1; transform: scale(1); }
.block-swatch::before { content: ""; box-shadow: 0 0 0 2px rgb(var(--text-color)); border-radius: inherit; opacity: 0; will-change: transform; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; position: absolute; inset: 0px; transform: scale(0.95); }
:checked + .block-swatch::before, .block-swatch.is-selected::before { opacity: 1; transform: scale(1); }
[data-tooltip]::after { content: attr(data-tooltip); bottom: calc(100% + var(--spacing-2)); width: max-content; border-radius: min(24px,var(--rounded-button)); background: rgb(var(--text-color)); color: rgb(var(--background)); visibility: hidden; opacity: 0; pointer-events: none; padding: 2px 10px; font-size: 12px; font-weight: 700; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out; position: absolute; left: 50%; transform: translate(-50%) scale(0.9); }
[data-tooltip]:hover::after { visibility: visible; opacity: 1; will-change: transform; transform: translate(-50%) scale(1); }
[dir="rtl"] .reverse-icon { transform: rotate(180deg); }
.group[aria-expanded="true"] > .icon-chevron-bottom { transform: rotate(180deg); }
.account-nav__item[aria-current="page"] { border-color: currentcolor; border-bottom-width: 2px; }
.article-banner::before { content: ""; width: calc((100vw - var(--scrollbar-width, 0px))); height: var(--article-banner-before-height); pointer-events: none; background-color: rgb(var(--article-banner-background)); position: absolute; top: 0px; }
.article-banner__image::before { content: ""; background: rgb(var(--article-banner-image-overlay)); border-radius: inherit; z-index: 1; pointer-events: none; transition: background 0.2s ease-in-out; position: absolute; inset: 0px; }
[dir="rtl"] .before-after__after-image { clip-path: inset(0 calc(var(--before-after-initial-drag-position, 50%) - var(--clip-path-offset, 0px)) 0 0); }
.before-after__cursor::before { content: ""; height: 100%; width: var(--spacing-0-5); background: rgb(var(--background)); z-index: -1; position: absolute; }
.blog-filter-list [aria-selected="true"] { background-color: rgb(var(--background-primary)); color: rgb(var(--text-primary)); }
.blog-filter-list [aria-selected="false"] { opacity: 0.5; transition: opacity 0.2s ease-in-out; }
.blog-filter-list [aria-selected="false"]:hover { opacity: 1; }
.cart-drawer > [is="close-button"] { display: grid; }
.facets-horizontal > :has(~ [aria-expanded="true"]), .facets-horizontal > [aria-expanded="true"] ~ [aria-expanded] { opacity: 0.5; }
.dropdown-menu::before { content: ""; width: 100%; height: var(--spacing-4-5); position: absolute; bottom: 100%; }
.dropdown-menu: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))::before { left: calc(-1 * var(--spacing-4)); }
.dropdown-menu: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))::before { right: calc(-1 * var(--spacing-4)); }
.navigation-drawer > [is="close-button"] { margin-inline-start: var(--drawer-body-padding); }
.navigation-drawer[mobile-opening="bottom"] .panel__scroller { margin-block-start: calc(var(--drawer-body-padding) * -1); padding-block-start: var(--drawer-body-padding); }
.navigation-drawer[mobile-opening="left"] { height: 100%; }
.navigation-drawer[mobile-opening="left"]::part(body) { grid-template-rows: auto minmax(0px, 1fr); padding-block-start: var(--drawer-body-padding); }
.navigation-drawer[mobile-opening="left"] > [is="close-button"] { display: grid; }
.navigation-drawer[mobile-opening="left"] .panel__wrapper { padding-block-start: 0px; }
.navigation-drawer [is="close-button"] { width: var(--spacing-10); height: var(--spacing-10); border-radius: var(--rounded-full); border-width: 1px; place-items: center; position: static; }
.navigation-drawer [is="close-button"] { width: var(--spacing-12); min-height: var(--spacing-12); height: var(--spacing-12); }
.navigation-drawer[mobile-opening="bottom"] .panel__scroller { margin-block-start: 0px; padding-block-start: 0px; }
.navigation-drawer[mega-menu]::part(content)::before { content: ""; height: 100%; width: 1px; background-color: rgb(var(--text-color) / .12); position: absolute; top: 0px; left: 440px; }
.navigation-drawer[mega-menu] [is="close-button"] { display: grid; }
.navigation-drawer [is="close-button"] { transition: transform 0.2s ease-in-out; }
.navigation-drawer [is="close-button"]:hover { transform: rotate(90deg); }
[dir="rtl"] .navigation-drawer[mega-menu]::part(content)::before { left: auto; right: 440px; }
.hot-spot__dot::after { content: ""; box-sizing: content-box; top: calc(-1 * var(--hot-spot-dot-shadow-size)); left: calc(-1 * var(--hot-spot-dot-shadow-size)); width: 100%; height: 100%; padding: var(--hot-spot-dot-shadow-size); background: radial-gradient(50% 50% at 50% 50%,rgb(var(--hot-spot-background) / 0),rgb(var(--hot-spot-background) / .3)); border-radius: inherit; animation: 2s ease-in-out 0s infinite alternate none running ping; position: absolute; }
.hot-spot__dot[aria-expanded="true"] { transform: rotate(45deg); }
.images-scrolling__counter::before { content: ""; height: 0.125rem; width: 1.5rem; background: currentcolor; }
.images-scrolling__counter::before { width: 2.5rem; }
.multiple-images-with-text__image-list[layout="stacked"], .multiple-images-with-text__content-list { width: 100%; place-items: center; display: grid; }
:is(.multiple-images-with-text__image-list[layout="stacked"], .multiple-images-with-text__content-list) > * { width: 100%; grid-area: 1 / -1; }
.multiple-images-with-text__image-list:not([layout="stacked"]) > img:first-child { grid-area: 1 / 2 / -1; margin-block-start: var(--multiple-images-with-text-main-image-offset, 0px); }
.multiple-images-with-text__image-list[layout="stacked"] { --multiple-images-with-text-image-max-width: 520px; }
.multiple-images-with-text__image-list[layout="collage"] { gap: var(--grid-gutter); }
.newsletter-drawer button[is="close-button"] { top: var(--spacing-8); }
.newsletter-drawer button[is="close-button"]: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)) { right: var(--spacing-8); }
.newsletter-drawer button[is="close-button"]: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)) { left: var(--spacing-8); }
.not-found::before { content: "404"; letter-spacing: 0px; opacity: 0.1; pointer-events: none; font-weight: 700; font-size: var(--not-found-font-size); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.password::after { content: ""; width: calc(100vw - var(--scrollbar-width, 0px)); height: 60px; pointer-events: none; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); margin-inline-start: calc(50% - 50vw); position: absolute; bottom: 0px; }
.password: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))::after { left: 0px; }
.password: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))::after { right: 0px; }
.product-gallery__thumbnail::after { content: ""; width: 100%; height: 2px; opacity: 0; background: currentcolor; margin-block-start: 4px; transition: opacity 0.15s; display: block; }
.product-gallery__thumbnail[aria-current="true"]::after { opacity: 1; }
.product-gallery--desktop-carousel:has([data-media-type*="video"].is-selected) .product-gallery__zoom { opacity: 0; visibility: hidden; }
.search-input > input[type="search"]::-webkit-search-decoration, .search-input > input[type="search"]::-webkit-search-cancel-button { display: none; }
.search-input > [type="reset"] { font-size: var(--text-sm); opacity: 0; transition: opacity 0.2s; }
.search-input > input:not(:placeholder-shown) ~ [type="reset"] { opacity: 1; }
.search-input > [type="reset"] { font-size: var(--text-base); }
.predictive-search__tab-item [aria-selected="false"]:not(:hover) { opacity: 0.3; }
.search-drawer--full .predictive-search__tab-content ~ .predictive-search__tab-content::before { content: ""; margin-left: calc(-1 * var(--search-full-gap) / 2); width: 1px; height: 100%; background: rgb(var(--text-color) / .12); position: absolute; top: 0px; }
.search-drawer--full [role="tab"] { pointer-events: none; opacity: 1 !important; }
.shop-the-look__dot::after { content: ""; top: calc(50% + (var(--spacing-6) * -1)); left: calc(50% + (var(--spacing-6) * -1)); width: var(--spacing-12); height: var(--spacing-12); background: radial-gradient(50% 50% at 50% 50%,rgb(var(--shop-the-look-dot-background) / 0),rgb(var(--shop-the-look-dot-background) / .3)); border-radius: var(--rounded-full); animation: 2s ease-in-out 0s infinite alternate none running ping; position: absolute; }
.shop-the-look__dot[aria-current="true"] { transform: scale(1.3); }
.slideshow__controls .numbered-dots > [aria-current="true"] { color: rgb(var(--slideshow-controls-color)); }
.shopify-payment-button__button--branded.shopify-payment-button__button--branded [role="button"] { line-height: inherit !important; padding: var(--shopify-payment-button-padding, var(--spacing-4) var(--spacing-8)) !important; }
.shopify-payment-button__more-options[aria-hidden="true"] { display: none; }
.shopify-payment-button__button--unbranded, .shopify-payment-button__button--branded.shopify-payment-button__button--branded [role="button"] { padding: var(--shopify-payment-button-padding, 1.075rem var(--spacing-10)) !important; }
.tabs-inner::part(tab-list)::after { content: ""; height: 2px; width: calc(100% / var(--item-count)); background: rgb(var(--text-color)); transform: translate(calc(var(--selected-index) * var(--transform-logical-flip) * 100%)); transition: transform 0.3s; position: absolute; bottom: 0px; }
.tabs-inner::part(tab-list):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))::after { left: 0px; }
.tabs-inner::part(tab-list):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))::after { right: 0px; }
.tabs-nav__button[aria-selected="true"] { color: rgb(var(--text-color)); }
.timeline__nav-item::before { content: ""; width: var(--timeline-dot-size); height: var(--timeline-dot-size); border-radius: var(--rounded-full); background-color: rgb(var(--background)); border-width: 2px; margin-block-start: calc((var(--timeline-dot-size) / 2) * -1); transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
.timeline__nav-item[aria-current="true"]::before { border-color: rgb(var(--text-color)); background-color: rgb(var(--text-color)); }
.timeline__nav-item[aria-current="true"] .timeline__nav-label { opacity: 1; }
.sr-only[type="checkbox"]:focus-visible + label, .sr-only[type="radio"]:focus-visible + label { outline: -webkit-focus-ring-color solid 2px; }
.tap-area::before { content: ""; inset: calc(-1 * var(--spacing-2-5)); position: absolute; }
.js [reveal-js], .js [reveal-on-scroll="true"] { opacity: 0; }
.\32 xl\:hidden { display: none; }
.\32 xl\:block { display: block; }
.\32 xl\:flex { display: flex; }
.\32 xl\:grid { display: grid; }
.\32 xl\:table-cell { display: table-cell; }
.\32 xl-max\:hidden { display: none; }
.go1475592160 { height: 0px; }
.go1671063245 { height: auto; }
.go1888806478 { display: flex; flex-wrap: wrap; flex-grow: 1; }
.go1888806478 { flex-grow: initial; min-width: 288px; }
.go167266335 { background-color: rgb(49, 49, 49); font-size: 0.875rem; line-height: 1.43; letter-spacing: 0.01071em; color: rgb(255, 255, 255); align-items: center; padding: 6px 16px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.go3162094071 { padding-left: 20px; }
.go3844575157 { background-color: rgb(49, 49, 49); }
.go1725278324 { background-color: rgb(67, 160, 71); }
.go3651055292 { background-color: rgb(211, 47, 47); }
.go4215275574 { background-color: rgb(255, 152, 0); }
.go1930647212 { background-color: rgb(33, 150, 243); }
.go946087465 { display: flex; align-items: center; padding: 8px 0px; }
.go703367398 { display: flex; align-items: center; margin-left: auto; padding-left: 16px; margin-right: -8px; }
.go3963613292 { width: 100%; position: relative; transform: translateX(0px); inset: 0px; min-width: 288px; }
.go1141946668 { box-sizing: border-box; display: flex; max-height: 100%; position: fixed; z-index: 1400; height: auto; width: auto; transition: top 300ms, right 300ms, bottom 300ms, left 300ms, max-width 300ms; pointer-events: none; max-width: calc(100% - 40px); }
.go1141946668 .notistack-CollapseWrapper { padding: 6px 0px; transition: padding 300ms; }
.go1141946668 { width: 100%; max-width: calc(100% - 32px); }
.go3868796639 .notistack-CollapseWrapper { padding: 2px 0px; }
.go3118922589 { top: 14px; flex-direction: column; }
.go1453831412 { bottom: 14px; flex-direction: column-reverse; }
.go4027089540 { left: 20px; }
.go4027089540 { align-items: flex-start; }
.go4027089540 { left: 16px; }
.go2989568495 { right: 20px; }
.go2989568495 { align-items: flex-end; }
.go2989568495 { right: 16px; }
.go4034260886 { left: 50%; transform: translateX(-50%); }
.go4034260886 { align-items: center; }
:root { --sticky-announcement-bar-enabled: 1; }
#shopify-section-sections--20954585268483__announcement-bar { position: sticky; top: 0px; z-index: 20; }
.shopify-section--header ~ #shopify-section-sections--20954585268483__announcement-bar { top: calc(var(--sticky-header-enabled, 0) * var(--header-height, 0px)); }
:root { --sticky-header-enabled: 1; }
#shopify-section-sections--20954585268483__header { --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr); --header-padding-block: var(--spacing-3); --header-background-opacity: 1.0; --header-background-blur-radius: 0px; --header-transparent-text-color: 255 255 255; --header-logo-width: 135px; --header-logo-height: 36px; position: sticky; top: 0px; z-index: 10; }
.shopify-section--announcement-bar ~ #shopify-section-sections--20954585268483__header { top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px)); }
#shopify-section-sections--20954585268483__header { --header-logo-width: 155px; --header-logo-height: 42px; --header-padding-block: var(--spacing-6); }
#shopify-section-sections--20954585268483__header { --header-grid-template: "logo main-nav secondary-nav" / minmax(0, 1fr) fit-content(70%) minmax(0, 1fr); }
#shopify-section-sections--20954585268483__header a[href="/cart"], #shopify-section-sections--20954585268483__header a[href*="cart"] { display: none !important; }
#shopify-section-sections--20954585268483__header a[href="/account"], #shopify-section-sections--20954585268483__header a[href*="/account/login"], #shopify-section-sections--20954585268483__header a[href*="/account/register"], #shopify-section-sections--20954585268483__header a[href*="account"] { display: none !important; }
#shopify-section-sections--20954585301251__search-drawer { --predictive-search-column-count: 3; }
#shopify-section-template--20954584908035__slideshow { --slideshow-background: linear-gradient(60deg, rgba(60, 65, 68, 1), rgba(23, 29, 33, 1) 98%); --slideshow-controls-background: ; --slideshow-controls-color: 255 255 255; }
#block-slide-1 { --slideshow-slide-background: linear-gradient(60deg, rgba(60, 65, 68, 1), rgba(23, 29, 33, 1) 98%); --slideshow-slide-controls-background: ; --slideshow-slide-controls-color: 255 255 255; }
#shopify-section-template--20954584908035__collection_list_HpBgXM { --section-background-hash: 0; }
#shopify-section-template--20954584908035__collection_list_HpBgXM + * { --previous-section-background-hash: 0; }
#shopify-section-template--20954584908035__collection_list_HpBgXM .collection-list { --collection-list-grid: auto / auto-flow 73vw; }
#shopify-section-template--20954584908035__collection_list_HpBgXM .collection-list { --collection-list-grid: auto / auto-flow 36vw; }
#shopify-section-template--20954584908035__collection_list_HpBgXM .collection-list { --collection-list-grid: auto / auto-flow calc(var(--container-inner-width) / 5 - (var(--grid-gutter) / 3 * 2)); }
#shopify-section-template--20954584908035__collection_list_HpBgXM .collection-list { --collection-list-grid: auto / auto-flow calc(var(--container-inner-width) / 5 - (var(--grid-gutter) / 5 * 4)); }
#shopify-section-template--20954584908035__featured_collection_HamViX { --section-background-hash: 0; }
#shopify-section-template--20954584908035__featured_collection_HamViX + * { --previous-section-background-hash: 0; }
#shopify-section-template--20954584908035__featured_collection_HamViX .product-list { --product-list-gap: var(--spacing-2); --product-list-items-per-row: 2; --product-list-carousel-item-width: 74vw; --product-list-grid: auto / repeat(var(--product-list-items-per-row), minmax(0, 1fr)); }
#shopify-section-template--20954584908035__featured_collection_HamViX .product-list { --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap); --product-list-items-per-row: 2; --product-list-carousel-item-width: 36vw; }
#shopify-section-template--20954584908035__featured_collection_HamViX .product-list { --product-list-items-per-row: 5; --product-list-carousel-item-width: calc(var(--container-inner-width) / 5 - (var(--product-list-column-gap) / 5 * 4)); }
#shopify-section-template--20954584908035__rich_text_zJtgmf { --section-background-hash: 0; }
#shopify-section-template--20954584908035__rich_text_zJtgmf + * { --previous-section-background-hash: 0; }
#shopify-section-template--20954584908035__rich_text_zJtgmf { --rich-text-max-width: 650px; }
#shopify-section-template--20954584908035__impact-text { --section-background-hash: 0; }
#shopify-section-template--20954584908035__impact-text + * { --previous-section-background-hash: 0; }
#shopify-section-template--20954584908035__impact-text { --impact-text-font-size: calc(min(20vw, 65px) * 1); --impact-text-auto-columns: minmax(0, 1fr); }
#shopify-section-template--20954584908035__impact-text { --impact-text-font-size: calc(min(15vw, var(--container-max-width) * 0.15) / 1 * 1); --impact-text-auto-columns: minmax(0, 1fr); }
#shopify-section-template--20954584908035__media_with_text_76raE8 { --section-background-hash: 0; }
#shopify-section-template--20954584908035__media_with_text_76raE8 + * { --previous-section-background-hash: 0; }
#shopify-section-template--20954584908035__media_with_text_76raE8 { --media-with-text-gap: var(--grid-gutter); --media-with-text-item-grid-template: "media" "content" / auto; }
#shopify-section-template--20954584908035__media_with_text_76raE8 { --media-with-text-gap: var(--spacing-6); }
#block-template--20954584908035__media_with_text_76raE8-image_pYN4GL { --media-with-text-item-icon-width: 24px; }
@media screen and (min-width: 1000px) {
#block-template--20954584908035__media_with_text_76raE8-image_pYN4GL { --media-with-text-item-grid-template: "media content" / minmax(0, 1.0fr) minmax(0, 1.0fr); }
}
#shopify-section-template--20954584908035__faq { --section-background-hash: 054922020920008346060000003430673; }
#shopify-section-template--20954584908035__faq + * { --previous-section-background-hash: 054922020920008346060000003430673; }
#shopify-section-template--20954584908035__faq { --section-background-hash: 0; }
#shopify-section-template--20954584908035__faq + * { --previous-section-background-hash: 0; }
#shopify-section-template--20954584908035__faq { --section-stack-intro: 50%; --section-stack-main: 50%; }
#shopify-section-template--20954584908035__press { --section-background-hash: 0; }
#shopify-section-template--20954584908035__press + * { --previous-section-background-hash: 0; }
#shopify-section-template--20954584908035__press { --press-items-border: /; --press-max-width: 1000px; }
#shopify-section-sections--20954585235715__footer .powered-by-shopify, #shopify-section-sections--20954585235715__footer a[href*="shopify"], #shopify-section-sections--20954585235715__footer .site-footer .powered-by, #shopify-section-sections--20954585235715__footer [class*="powered"], #shopify-section-sections--20954585235715__footer [class*="shopify"] { display: none !important; }
#shopify-section-sections--20954585235715__footer p:has(a[href*="shopify"]), #shopify-section-sections--20954585235715__footer span:has(a[href*="shopify"]) { display: none !important; }
.bnt-wa { position: fixed; right: 20px; bottom: 20px; z-index: 2147482000; font-family: inherit; }
.bnt-wa { right: 16px; bottom: 16px; }
.bnt-wa * { box-sizing: border-box; }
.bnt-wa__fab { position: relative; width: 60px; height: 60px; border: 0px; border-radius: 50%; background: rgb(37, 211, 102); color: rgb(255, 255, 255); cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: rgba(37, 211, 102, 0.45) 0px 6px 20px, rgba(0, 0, 0, 0.2) 0px 2px 6px; transition: transform 0.2s, box-shadow 0.2s; -webkit-tap-highlight-color: transparent; }
.bnt-wa__fab:hover { transform: scale(1.06); }
.bnt-wa__fab:active { transform: scale(0.96); }
.bnt-wa__fab::before { content: ""; position: absolute; inset: 0px; border-radius: 50%; background: rgb(37, 211, 102); opacity: 0.55; z-index: -1; animation: 2.4s ease-out 0s infinite normal none running bnt-wa-pulse; }
.bnt-wa__fab-ic { position: absolute; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s, transform 0.25s; }
.bnt-wa__fab-ic--close { opacity: 0; transform: rotate(-45deg) scale(0.6); }
.bnt-wa.is-open .bnt-wa__fab::before { display: none; }
.bnt-wa.is-open .bnt-wa__fab-ic--wa { opacity: 0; transform: rotate(45deg) scale(0.6); }
.bnt-wa.is-open .bnt-wa__fab-ic--close { opacity: 1; transform: rotate(0deg) scale(1); }
.bnt-wa__panel { position: absolute; right: 0px; bottom: 74px; width: 300px; max-width: calc(-32px + 100vw); background: rgb(255, 255, 255); border-radius: 18px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.22) 0px 18px 50px, rgba(0, 0, 0, 0.1) 0px 4px 12px; opacity: 0; visibility: hidden; transform: translateY(14px) scale(0.96); transform-origin: right bottom; transition: opacity 0.22s, transform 0.22s, visibility 0.22s; }
.bnt-wa.is-open .bnt-wa__panel { opacity: 1; visibility: visible; transform: translateY(0px) scale(1); }
.bnt-wa__head { background: linear-gradient(135deg, rgb(31, 170, 82), rgb(37, 211, 102)); color: rgb(255, 255, 255); padding: 16px 18px; }
.bnt-wa__head-title { display: block; font-size: 16px; font-weight: 700; line-height: 1.2; }
.bnt-wa__head-sub { display: block; font-size: 12.5px; opacity: 0.92; margin-top: 2px; }
.bnt-wa__options { padding: 8px; }
.bnt-wa__opt { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; text-decoration: none; color: rgb(15, 26, 20); transition: background 0.15s; }
.bnt-wa__opt:hover { background: rgb(234, 250, 240); }
.bnt-wa__opt + .bnt-wa__opt { margin-top: 2px; }
.bnt-wa__opt-ic { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%; background: rgb(37, 211, 102); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; }
.bnt-wa__opt-txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; }
.bnt-wa__opt-txt strong { font-size: 14.5px; font-weight: 700; line-height: 1.2; }
.bnt-wa__opt-txt small { font-size: 12px; color: rgb(91, 107, 98); margin-top: 2px; }
.bnt-wa__opt-arrow { flex: 0 0 auto; font-size: 22px; color: rgb(183, 195, 188); line-height: 1; }
.bnt-wa__fab::before { animation: auto ease 0s 1 normal none running none; }

 }

/* cabecalho no celular */
.header__logo-image { width: auto; height: auto; max-width: var(--header-logo-width); max-height: var(--header-logo-height); object-fit: contain; }
@media (max-width: 999px) {
  /* hamburguer na esquerda, logo no centro, lupa na direita */
  .header__wrapper { grid-template-columns: 1fr auto 1fr; grid-template-areas: "main-nav logo secondary-nav"; align-items: center; }
  .header__main-nav { justify-self: start; }
  .header__secondary-nav { justify-self: end; }
  .header__logo { justify-self: center; margin-inline: 0; max-width: none; }
  .header__logo-image { max-width: min(46vw, var(--header-logo-width)); }
}
@media (max-width: 699px) {
  /* fechada, a busca e so a lupa; aberta, o painel cuida do resto */
  .bsc:not(.on) .bsc__f { display: none; }
  .bsc:not(.on) { position: static; }
}

/* banner do topo: o tema deixava 560px, o que cortava quase metade da foto (1920x1071)
   e ocupava so metade da primeira tela no desktop */
@media (min-width: 1000px) {
  #shopify-section-template--20954584908035__slideshow .content-over-media,
  #shopify-section-template--20954584908035__slideshow x-slideshow,
  #shopify-section-template--20954584908035__slideshow .slideshow__slide {
    --content-over-media-height: min(calc(100svh - var(--sticky-area-height)), 760px);
  }
}

/* escala de tipografia e espacamento por breakpoint.
   O capturador rodou a 1920px e achatou as media queries do tema: o :root ficou com os
   valores de desktop grande valendo em TODA largura. No celular isso dava h2 de 48px em vez
   de 32px e respiro lateral de 48px em vez de 20px, e era a causa de tudo ficar gigante.
   Valores medidos no site original em 390/700/1000/1440. */
@media screen and (max-width: 1399px) {
  :root {
    --text-h0: 4rem; --text-h1: 3rem; --text-h2: 2.5rem; --text-h3: 2rem;
    --text-h4: 1.625rem; --text-h5: 1.25rem; --text-h6: 1.125rem;
    --section-outer-spacing-block: 4.5rem; --section-inner-max-spacing-block: 4rem;
  }
}
@media screen and (max-width: 999px) {
  :root {
    --section-outer-spacing-block: 4rem; --section-inner-max-spacing-block: 3rem;
    --container-gutter: 2rem;
  }
}
@media screen and (max-width: 699px) {
  :root {
    --text-h0: 3rem; --text-h1: 2.5rem; --text-h2: 2rem; --text-h3: 1.5rem;
    --text-h4: 1.375rem; --text-h5: 1.125rem; --text-h6: 1rem;
    --section-outer-spacing-block: 3rem; --section-inner-max-spacing-block: 2.5rem;
    --section-stack-spacing-block: 2rem; --container-gutter: 1.25rem;
    --grid-gutter: 1.25rem; --product-list-row-gap: 2rem;
  }
}

/* ritmo vertical das secoes.
   O tema estava irregular: a maioria usava 0 em cima e --section-outer-spacing-block embaixo,
   mas o FAQ vinha com 80/80 e a lista de marcas com 96 em cima E embaixo, o que dobrava o
   respiro num lugar e apertava no outro. Aqui todas passam a seguir a mesma regra:
   nada em cima, um --section-outer-spacing-block embaixo. */
main .shopify-section > .section,
main .shopify-section > .section-blends {
  padding-block-start: 0;
  padding-block-end: var(--section-outer-spacing-block);
}
main .shopify-section--slideshow > .section { padding-block: 0; }
/* a primeira secao depois do banner precisa do respiro de cima */
main .shopify-section--slideshow + .shopify-section > .section { padding-block-start: var(--section-outer-spacing-block); }

/* excecao do ritmo: secao que pinta o proprio fundo (.bg-custom) precisa de respiro
   em cima TAMBEM. Sem ele o titulo encosta na borda de cima da caixa colorida e
   sobra um vazio so embaixo, que era o caso do FAQ. Aqui o padding de cima nao vira
   distancia entre secoes: ele fica dentro da caixa, como margem interna. */
main .shopify-section > .section.bg-custom,
main .shopify-section > .section-blends.bg-custom {
  padding-block-start: var(--section-outer-spacing-block);
}

/* respiro pra sombra do hover.
   overflow-x:auto forca overflow-y:auto, entao a faixa recorta a sombra e o card
   parece "cortado" ao passar o mouse. O respiro vertical resolve; o horizontal NAO
   pode entrar (padding-inline faz o scroll-snap nascer deslocado). */
.ou__g, .mhgrade, .rel__g { padding-block: 8px 30px; }
.ou__g, .rel__g { cursor: grab; }
.ou__g.arrastando, .rel__g.arrastando, .mhgrade.arrastando { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; }

/* costura da barra com o cabecalho.
   A barra mede 53.594px (altura do conteudo) mas o cabecalho gruda em 54px, o valor
   arredondado de --announcement-bar-height. Sobra 0.4px por onde a pagina aparece.
   O box-shadow pinta 1px abaixo da barra na mesma cor dela, sem mexer no layout. */
.announcement-bar { box-shadow: 0 1px 0 0 rgb(var(--background)); }

/* ---- busca do cabecalho: resultados na hora, sem sair da pagina ---- */
.bsc { position: relative; display: inline-flex; align-items: center; }
.bsc__f { position: absolute; right: 100%; top: 50%; transform: translateY(-50%); margin-right: 8px; }
.bsc__i { width: 0; opacity: 0; padding: 0; height: 40px; box-sizing: border-box; border: 1px solid transparent;
  border-radius: 999px; background: #fff; font: inherit; font-size: .95rem; color: rgb(var(--text-primary)); outline: none;
  transition: width .34s cubic-bezier(.4,0,.2,1), padding .34s cubic-bezier(.4,0,.2,1), opacity .22s, border-color .22s, box-shadow .22s; }
.bsc.on .bsc__i { width: 280px; opacity: 1; padding: 0 18px; border-color: rgb(var(--border-color)); box-shadow: 0 4px 18px rgb(0 0 0 / .10); }
.bsc.on .bsc__i:focus { border-color: rgb(var(--text-primary) / .45); }
.bsc__i::-webkit-search-cancel-button { display: none; }
.bsc__x { display: none; background: none; border: 0; font-size: 26px; line-height: 1; cursor: pointer; padding: 0 6px; }
.bsc__p { position: absolute; top: calc(100% + 10px); right: 0; width: 360px; max-height: 60vh; overflow-y: auto;
  background: #fff; border-radius: 12px; box-shadow: 0 14px 40px rgb(0 0 0 / .16); z-index: 70; padding: 6px; }
.bsc__r { display: flex; gap: 11px; align-items: center; padding: 8px; border-radius: 9px; text-decoration: none; color: inherit; }
.bsc__r:hover, .bsc__r.is-atual { background: rgb(var(--background-primary)); }
.bsc__r img { width: 62px; height: 47px; object-fit: cover; border-radius: 6px; flex: 0 0 auto; background: #eee; }
.bsc__n { font-weight: 700; font-size: .9rem; line-height: 1.2; }
.bsc__d { font-size: .8rem; color: #6b6b6b; }
/* estado vazio: nada digitado ainda, ou digitou e nao tem no estoque.
   Ele OCUPA a area de resultados em vez de encolher a folha. */
.bsc__vazio { display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; height: 100%; padding: 22px 16px; text-align: center; }
.bsc__cara { color: rgb(var(--text-primary)); opacity: .28; flex: 0 0 auto; }
.bsc__vt { margin: 0; font-weight: 700; font-size: 1rem; color: rgb(var(--text-primary)); }
.bsc__vs { margin: 0; font-size: .86rem; line-height: 1.5; color: #6b6b6b; max-width: 30ch; }
.bsc__vwa { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; padding: 11px 20px;
  border-radius: 999px; background: #25d366; color: #fff; text-decoration: none;
  font-weight: 700; font-size: .88rem; }
.bsc__todos { display: block; text-align: center; padding: 11px; margin-top: 4px; border-top: 1px solid rgb(var(--border-color));
  font-size: .85rem; font-weight: 700; text-decoration: none; color: rgb(var(--text-primary)); }
/* fundo escuro atras da folha de busca no celular (criado pelo JS) */
.bsc__fundo { position: fixed; inset: 0; background: rgb(0 0 0 / .45); z-index: 79;
  opacity: 0; transition: opacity .3s ease; }
.bsc__fundo.on { opacity: 1; }
/* dica animada dentro do campo: "Procurando por ..." */
.bsc__i::placeholder { color: #8b8b8b; opacity: 1; }

@media (max-width: 699px) {
  /* a busca vira uma FOLHA que sobe de baixo, nao uma tela cheia:
     o polegar alcanca, e a pagina continua visivel atras. */
  /* ALTURA FIXA de proposito: com altura automatica a folha crescia e encolhia a cada
     letra digitada, conforme o numero de resultados. Agora a caixa fica parada e quem
     rola e a lista dentro dela. Grade de 3 linhas: pegador / campo / resultados. */
  .bsc.on { position: fixed; left: 0; right: 0; bottom: 0; top: auto; width: 100vw;
    height: 70vh; height: 70dvh; min-height: 400px; z-index: 80;
    display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: auto auto minmax(0,1fr);
    gap: 10px; background: #fff;
    padding: 8px 14px calc(16px + env(safe-area-inset-bottom));
    border-radius: 20px 20px 0 0; box-shadow: 0 -14px 44px rgb(0 0 0 / .24);
    overflow: hidden; overscroll-behavior: contain;
    transform: translateY(101%); transition: transform .34s cubic-bezier(.22,1,.36,1); }
  .bsc.on.aberta { transform: none; }
  /* pegador cinza do topo, o mesmo sinal de "arrasta pra baixo" dos apps */
  .bsc.on::before { content: ""; grid-column: 1 / -1; grid-row: 1; height: 5px;
    background: linear-gradient(rgb(var(--border-color)), rgb(var(--border-color))) center / 44px 5px no-repeat; }
  .bsc.on .bsc__f { position: static; transform: none; margin: 0; grid-column: 1; grid-row: 2; }
  .bsc.on .bsc__i { width: 100%; border-color: rgb(var(--border-color)); box-shadow: none; height: 46px; }
  .bsc.on .bsc__b { display: none; }
  .bsc.on .bsc__x { display: block; grid-column: 2; grid-row: 2; align-self: center; }
  /* a area de resultados e a unica coisa que rola */
  .bsc.on .bsc__p { position: static; grid-column: 1 / -1; grid-row: 3; width: auto; max-height: none;
    box-shadow: none; padding: 0; background: #fff; min-height: 0;
    display: flex; flex-direction: column; overflow: hidden; }
  .bsc.on .bsc__lista { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
  .bsc.on .bsc__todos { flex: 0 0 auto; }
  .bsc__vazio { padding-bottom: 30px; }
  .bsc__r { padding: 10px 6px; border-bottom: 1px solid rgb(var(--border-color)); border-radius: 0; }
  .bsc__r img { width: 78px; height: 59px; }
  .bsc__n { display: block; font-size: .95rem; }
  .bsc__d { display: block; font-size: .84rem; margin-top: 2px; }
  .bsc__todos { margin-top: 10px; border-top: 0; background: rgb(var(--background-primary)); border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) { .bsc__i, .bsc.on, .bsc__fundo { transition-duration: .01ms; } }

/* ---- menu lateral do celular (proprio, o do tema estava quebrado) ---- */
.bmenu { position: fixed; inset: 0; z-index: 90; }
.bmenu[hidden] { display: none; }
.bmenu__fundo { position: absolute; inset: 0; background: rgb(0 0 0 / .5);
  opacity: 0; transition: opacity .3s ease; }
.bmenu.on .bmenu__fundo { opacity: 1; }
.bmenu__cx { position: absolute; top: 0; left: 0; height: 100%; height: 100dvh;
  width: min(85vw, 340px); background: #fff; display: flex; flex-direction: column;
  box-shadow: 0 0 44px rgb(0 0 0 / .26); transform: translateX(-100%);
  transition: transform .34s cubic-bezier(.22,1,.36,1); overflow-y: auto; overscroll-behavior: contain; }
.bmenu.on .bmenu__cx { transform: translateX(0); }
.bmenu__topo { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 16px 18px 14px; border-bottom: 1px solid rgb(var(--border-color)); }
.bmenu__logo { max-width: 132px; max-height: 40px; width: auto; height: auto; object-fit: contain; }
.bmenu__x { background: none; border: 0; padding: 6px; margin: -6px; cursor: pointer;
  color: rgb(var(--text-primary)); display: flex; }
.bmenu__nav { display: flex; flex-direction: column; padding: 8px 0; }
.bmenu__l { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 15px 18px; text-decoration: none; color: rgb(var(--text-primary));
  font-size: 1.05rem; font-weight: 700; border-bottom: 1px solid rgb(var(--border-color) / .6);
  opacity: 0; transform: translateX(-14px); transition: opacity .3s ease, transform .3s ease, background .18s; }
.bmenu.on .bmenu__l { opacity: 1; transform: none; }
.bmenu.on .bmenu__l:nth-child(1) { transition-delay: .08s; }
.bmenu.on .bmenu__l:nth-child(2) { transition-delay: .13s; }
.bmenu.on .bmenu__l:nth-child(3) { transition-delay: .18s; }
.bmenu.on .bmenu__l:nth-child(4) { transition-delay: .23s; }
.bmenu__l:active { background: rgb(var(--background-primary)); }
.bmenu__s { flex: 0 0 auto; opacity: .4; }
.bmenu__pe { margin-top: auto; padding: 18px; display: grid; gap: 12px; }
.bmenu__wa { display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  background: #25d366; color: #fff; text-decoration: none; font-weight: 700; font-size: .95rem;
  padding: 13px 16px; border-radius: 999px; }
.bmenu__end { margin: 0; font-size: .82rem; line-height: 1.45; color: #6b6b6b; text-align: center; }
@media (prefers-reduced-motion: reduce) {
  .bmenu__cx, .bmenu__fundo, .bmenu__l { transition-duration: .01ms; }
}

/* ---- respiro das estrelas do bloco de depoimento ----
   A regra de ritmo vertical zera o topo de toda secao, e aqui o primeiro elemento sao
   as estrelas: elas encostavam na borda de cima da faixa cinza. */
.shopify-section--press .press { padding-block-start: var(--section-outer-spacing-block); }
@media (max-width: 699px) { .shopify-section--press .press { padding-block-start: 34px; } }

/* botao flutuante do WhatsApp sai da frente enquanto menu ou busca estao abertos.
   Ele tem z-index 2147482000 (injetado alto de proposito) e apareceria por cima. */
html.bnt-sobreposto .bnt-wa { opacity: 0; pointer-events: none; transition: opacity .2s ease; }
.bmenu__busca { display: flex; align-items: center; gap: 10px; width: calc(100% - 36px); margin: 16px 18px 4px;
  padding: 13px 16px; border: 1px solid rgb(var(--border-color)); border-radius: 999px; background: #fff;
  font: inherit; font-size: .95rem; color: #6b6b6b; cursor: pointer; text-align: left; }
.bmenu__busca svg { flex: 0 0 auto; opacity: .55; }
.bmenu__busca:active { background: rgb(var(--background-primary)); }