/** Shopify CDN: Minification failed Line 8:0 Unexpected "{" Line 8:1 Unexpected "\"asset\"" Line 8:10 Expected identifier but found "\"key\"" **/ {"asset":{"key":"assets\/base.css","public_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0686\/5387\/5413\/t\/5\/assets\/base.css?v=1785208703","value":":root {\n --alpha-button-background: 1;\n --alpha-button-border: 1;\n --alpha-link: 0.85;\n --alpha-badge-border: 0.1;\n --focused-base-outline: 0.2rem solid rgba(var(--color-foreground), 0.5);\n --focused-base-outline-offset: 0.3rem;\n --focused-base-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);\n}\n\n.product-card-wrapper .card,\n.contains-card--product {\n --border-radius: var(--product-card-corner-radius);\n --border-width: var(--product-card-border-width);\n --border-opacity: var(--product-card-border-opacity);\n --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);\n --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);\n --shadow-blur-radius: var(--product-card-shadow-blur-radius);\n --shadow-opacity: var(--product-card-shadow-opacity);\n --shadow-visible: var(--product-card-shadow-visible);\n --image-padding: var(--product-card-image-padding);\n --text-alignment: var(--product-card-text-alignment);\n}\n\n.collection-card-wrapper .card,\n.contains-card--collection {\n --border-radius: var(--collection-card-corner-radius);\n --border-width: var(--collection-card-border-width);\n --border-opacity: var(--collection-card-border-opacity);\n --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);\n --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);\n --shadow-blur-radius: var(--collection-card-shadow-blur-radius);\n --shadow-opacity: var(--collection-card-shadow-opacity);\n --shadow-visible: var(--collection-card-shadow-visible);\n --image-padding: var(--collection-card-image-padding);\n --text-alignment: var(--collection-card-text-alignment);\n}\n\n.article-card-wrapper .card,\n.contains-card--article {\n --border-radius: var(--blog-card-corner-radius);\n --border-width: var(--blog-card-border-width);\n --border-opacity: var(--blog-card-border-opacity);\n --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);\n --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);\n --shadow-blur-radius: var(--blog-card-shadow-blur-radius);\n --shadow-opacity: var(--blog-card-shadow-opacity);\n --shadow-visible: var(--blog-card-shadow-visible);\n --image-padding: var(--blog-card-image-padding);\n --text-alignment: var(--blog-card-text-alignment);\n}\n\n.contains-content-container,\n.content-container {\n --border-radius: var(--text-boxes-radius);\n --border-width: var(--text-boxes-border-width);\n --border-opacity: var(--text-boxes-border-opacity);\n --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);\n --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);\n --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);\n --shadow-opacity: var(--text-boxes-shadow-opacity);\n --shadow-visible: var(--text-boxes-shadow-visible);\n}\n\n.contains-media,\n.global-media-settings {\n --border-radius: var(--media-radius);\n --border-width: var(--media-border-width);\n --border-opacity: var(--media-border-opacity);\n --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);\n --shadow-vertical-offset: var(--media-shadow-vertical-offset);\n --shadow-blur-radius: var(--media-shadow-blur-radius);\n --shadow-opacity: var(--media-shadow-opacity);\n --shadow-visible: var(--media-shadow-visible);\n}\n\n\/* base *\/\n\n.page-width {\n max-width: var(--page-width);\n margin: 0 auto;\n padding: 0 1.5rem;\n}\n\nbody:has(.section-header .drawer-menu) .announcement-bar-section .page-width {\n max-width: 100%;\n}\n\n.page-width.drawer-menu {\n max-width: 100%;\n}\n\n.page-width-desktop {\n padding: 0;\n margin: 0 auto;\n}\n\n.utility-bar__grid.page-width {\n padding-left: 3rem;\n padding-right: 3rem;\n}\n\n@media screen and (min-width: 750px) {\n .page-width {\n padding: 0 5rem;\n }\n\n .header.page-width,\n .utility-bar__grid.page-width {\n padding-left: 3.2rem;\n padding-right: 3.2rem;\n }\n\n .page-width--narrow {\n padding: 0 9rem;\n }\n\n .page-width-desktop {\n padding: 0;\n }\n\n .page-width-tablet {\n padding: 0 5rem;\n }\n}\n\n@media screen and (min-width: 990px) {\n .header:not(.drawer-menu).page-width {\n padding-left: 5rem;\n padding-right: 5rem;\n }\n\n .page-width--narrow {\n max-width: 72.6rem;\n padding: 0;\n }\n\n .page-width-desktop {\n max-width: var(--page-width);\n padding: 0 5rem;\n }\n}\n\n.isolate {\n position: relative;\n z-index: 0;\n}\n\n.section + .section {\n margin-top: var(--spacing-sections-mobile);\n}\n\n@media screen and (min-width: 750px) {\n .section + .section {\n margin-top: var(--spacing-sections-desktop);\n }\n}\n\n.element-margin-top {\n margin-top: 5rem;\n}\n\n@media screen and (min-width: 750px) {\n .element-margin {\n margin-top: calc(5rem + var(--page-width-margin));\n }\n}\n\n.background-secondary {\n background-color: rgba(var(--color-foreground), 0.04);\n}\n\n.grid-auto-flow {\n display: grid;\n grid-auto-flow: column;\n}\n\n.page-margin,\n.shopify-challenge__container {\n margin: 7rem auto;\n}\n\n.rte-width {\n max-width: 82rem;\n margin: 0 auto 2rem;\n}\n\n.list-unstyled {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.hidden {\n display: none !important;\n}\n\n.visually-hidden {\n position: absolute !important;\n overflow: hidden;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n clip: rect(0 0 0 0);\n word-wrap: normal !important;\n}\n\n.visually-hidden--inline {\n margin: 0;\n height: 1em;\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n.skip-to-content-link:focus {\n z-index: 9999;\n position: inherit;\n overflow: auto;\n width: auto;\n height: auto;\n clip: auto;\n}\n\n.full-width-link {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n}\n\n::selection {\n background-color: rgba(var(--color-foreground), 0.2);\n}\n\n.text-body {\n font-size: 1.5rem;\n letter-spacing: 0.06rem;\n line-height: calc(1 + 0.8 \/ var(--font-body-scale));\n font-family: var(--font-body-family);\n font-style: var(--font-body-style);\n font-weight: var(--font-body-weight);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\n.h0,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5 {\n font-family: var(--font-heading-family);\n font-style: var(--font-heading-style);\n font-weight: var(--font-heading-weight);\n letter-spacing: calc(var(--font-heading-scale) * 0.06rem);\n color: rgb(var(--color-foreground));\n line-height: calc(1 + 0.3 \/ max(1, var(--font-heading-scale)));\n word-break: break-word;\n}\n\n.hxxl {\n font-size: clamp(calc(var(--font-heading-scale) * 5.6rem), 14vw, calc(var(--font-heading-scale) * 7.2rem));\n line-height: 1.1;\n}\n\n.hxl {\n font-size: calc(var(--font-heading-scale) * 5rem);\n line-height: calc(1 + 0.3 \/ max(1, var(--font-heading-scale)));\n}\n\n@media only screen and (min-width: 750px) {\n .hxl {\n font-size: calc(var(--font-heading-scale) * 6.2rem);\n }\n}\n\n.h0 {\n font-size: calc(var(--font-heading-scale) * 4rem);\n}\n\n@media only screen and (min-width: 750px) {\n .h0 {\n font-size: calc(var(--font-heading-scale) * 5.2rem);\n }\n}\n\nh1,\n.h1 {\n font-size: calc(var(--font-heading-scale) * 3rem);\n}\n\n@media only screen and (min-width: 750px) {\n h1,\n .h1 {\n font-size: calc(var(--font-heading-scale) * 4rem);\n }\n}\n\nh2,\n.h2 {\n font-size: calc(var(--font-heading-scale) * 2rem);\n}\n\n@media only screen and (min-width: 750px) {\n h2,\n .h2 {\n font-size: calc(var(--font-heading-scale) * 2.4rem);\n }\n}\n\nh3,\n.h3 {\n font-size: calc(var(--font-heading-scale) * 1.7rem);\n}\n\n@media only screen and (min-width: 750px) {\n h3,\n .h3 {\n font-size: calc(var(--font-heading-scale) * 1.8rem);\n }\n}\n\nh4,\n.h4 {\n font-family: var(--font-heading-family);\n font-style: var(--font-heading-style);\n font-size: calc(var(--font-heading-scale) * 1.5rem);\n}\n\nh5,\n.h5 {\n font-size: calc(var(--font-heading-scale) * 1.2rem);\n}\n\n@media only screen and (min-width: 750px) {\n h5,\n .h5 {\n font-size: calc(var(--font-heading-scale) * 1.3rem);\n }\n}\n\nh6,\n.h6 {\n color: rgba(var(--color-foreground), 0.75);\n margin-block-start: 1.67em;\n margin-block-end: 1.67em;\n}\n\nblockquote {\n font-style: italic;\n color: rgba(var(--color-foreground), 0.75);\n border-left: 0.2rem solid rgba(var(--color-foreground), 0.2);\n padding-left: 1rem;\n}\n\n@media screen and (min-width: 750px) {\n blockquote {\n padding-left: 1.5rem;\n }\n}\n\n.caption {\n font-size: 1rem;\n letter-spacing: 0.07rem;\n line-height: calc(1 + 0.7 \/ var(--font-body-scale));\n}\n\n@media screen and (min-width: 750px) {\n .caption {\n font-size: 1.2rem;\n }\n}\n\n.caption-with-letter-spacing {\n font-size: 1rem;\n letter-spacing: 0.13rem;\n line-height: calc(1 + 0.2 \/ var(--font-body-scale));\n text-transform: uppercase;\n}\n\n.caption-with-letter-spacing--medium {\n font-size: 1.2rem;\n letter-spacing: 0.16rem;\n}\n\n.caption-with-letter-spacing--large {\n font-size: 1.4rem;\n letter-spacing: 0.18rem;\n}\n\n.caption-large,\n.customer .field input,\n.customer select,\n.field__input,\n.form__label,\n.select__select {\n font-size: 1.3rem;\n line-height: calc(1 + 0.5 \/ var(--font-body-scale));\n letter-spacing: 0.04rem;\n}\n\n.color-foreground {\n color: rgb(var(--color-foreground));\n}\n\ntable:not([class]) {\n table-layout: fixed;\n border-collapse: collapse;\n font-size: 1.4rem;\n border-style: hidden;\n box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);\n \/* draws the table border *\/\n}\n\ntable:not([class]) td,\ntable:not([class]) th {\n padding: 1em;\n border: 0.1rem solid rgba(var(--color-foreground), 0.2);\n}\n\n@media screen and (max-width: 749px) {\n .small-hide {\n display: none !important;\n }\n}\n\n@media screen and (min-width: 750px) and (max-width: 989px) {\n .medium-hide {\n display: none !important;\n }\n}\n\n@media screen and (min-width: 990px) {\n .large-up-hide {\n display: none !important;\n }\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.right {\n text-align: right;\n}\n\n.uppercase {\n text-transform: uppercase;\n}\n\n.light {\n opacity: 0.7;\n}\n\na:empty,\nul:empty,\ndl:empty,\ndiv:empty,\nsection:empty,\narticle:empty,\np:empty,\nh1:empty,\nh2:empty,\nh3:empty,\nh4:empty,\nh5:empty,\nh6:empty {\n display: none;\n}\n\n.link,\n.customer a {\n cursor: pointer;\n display: inline-block;\n border: none;\n box-shadow: none;\n text-decoration: underline;\n text-underline-offset: 0.3rem;\n color: rgb(var(--color-link));\n background-color: transparent;\n font-size: 1.4rem;\n font-family: inherit;\n}\n\n.link--text {\n color: rgb(var(--color-foreground));\n}\n\n.link--text:hover {\n color: rgba(var(--color-foreground), 0.75);\n}\n\n.link-with-icon {\n display: inline-flex;\n font-size: 1.4rem;\n font-weight: 600;\n letter-spacing: 0.1rem;\n text-decoration: none;\n margin-bottom: 4.5rem;\n white-space: nowrap;\n}\n\n.link-with-icon .icon {\n width: 1.5rem;\n margin-left: 1rem;\n}\n\na:not([href]) {\n cursor: not-allowed;\n}\n\n.circle-divider::after {\n content: '\\2022';\n margin: 0 1.3rem 0 1.5rem;\n}\n\n.circle-divider:last-of-type::after {\n display: none;\n}\n\nhr {\n border: none;\n height: 0.1rem;\n background-color: rgba(var(--color-foreground), 0.2);\n display: block;\n margin: 5rem 0;\n}\n\n@media screen and (min-width: 750px) {\n hr {\n margin: 7rem 0;\n }\n}\n\n.full-unstyled-link {\n text-decoration: none;\n color: currentColor;\n display: block;\n}\n\n.placeholder {\n background-color: rgba(var(--color-foreground), 0.04);\n color: rgba(var(--color-foreground), 0.55);\n fill: rgba(var(--color-foreground), 0.55);\n}\n\ndetails \u003e * {\n box-sizing: border-box;\n}\n\n.break {\n word-break: break-word;\n}\n\n.visibility-hidden {\n visibility: hidden;\n}\n\n@media (prefers-reduced-motion) {\n .motion-reduce {\n transition: none !important;\n animation: none !important;\n }\n}\n\n:root {\n --duration-short: 100ms;\n --duration-default: 200ms;\n --duration-announcement-bar: 250ms;\n --duration-medium: 300ms;\n --duration-long: 500ms;\n --duration-extra-long: 600ms;\n --duration-extra-longer: 750ms;\n --duration-extended: 3s;\n --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);\n --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;\n --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);\n}\n\n.underlined-link,\n.customer a,\n.inline-richtext a {\n text-underline-offset: 0.3rem;\n text-decoration-thickness: 0.1rem;\n transition: text-decoration-thickness ease 100ms;\n}\n\n.underlined-link,\n.customer a {\n color: rgba(var(--color-link), var(--alpha-link));\n}\n\n.inline-richtext a,\n.rte.inline-richtext a {\n color: currentColor;\n}\n\n.underlined-link:hover,\n.customer a:hover,\n.inline-richtext a:hover {\n color: rgb(var(--color-link));\n text-decoration-thickness: 0.2rem;\n}\n\n.icon-arrow {\n width: 1.5rem;\n}\n\nh3 .icon-arrow,\n.h3 .icon-arrow {\n width: calc(var(--font-heading-scale) * 1.5rem);\n}\n\n\/* arrow animation *\/\n.animate-arrow .icon-arrow path {\n transform: translateX(-0.25rem);\n transition: transform var(--duration-short) ease;\n}\n\n.animate-arrow:hover .icon-arrow path {\n transform: translateX(-0.05rem);\n}\n\n.svg-wrapper {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 20px;\n height: 20px;\n}\n\n.svg-wrapper \u003e svg {\n height: 100%;\n width: 100%;\n}\n\n\/* base-details-summary *\/\nsummary {\n cursor: pointer;\n list-style: none;\n position: relative;\n}\n\nsummary .icon-caret {\n position: absolute;\n height: 0.6rem;\n right: 1.5rem;\n top: calc(50% - 0.2rem);\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\n.disclosure-has-popup {\n position: relative;\n}\n\n.disclosure-has-popup[open] \u003e summary::before {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n display: block;\n cursor: default;\n content: ' ';\n background: transparent;\n}\n\n.disclosure-has-popup \u003e summary::before {\n display: none;\n}\n\n.disclosure-has-popup[open] \u003e summary + * {\n z-index: 100;\n}\n\n@media screen and (min-width: 750px) {\n .disclosure-has-popup[open] \u003e summary + * {\n z-index: 4;\n }\n\n .facets .disclosure-has-popup[open] \u003e summary + * {\n z-index: 2;\n }\n}\n\n.placeholder-svg {\n height: 100%;\n width: 100%;\n}\n\n\/* base-focus *\/\n\/*\n Focus ring - default (with offset)\n*\/\n\n*:focus {\n outline: 0;\n box-shadow: none;\n}\n\n*:focus-visible {\n outline: var(--focused-base-outline);\n outline-offset: var(--focused-base-outline-offset);\n box-shadow: var(--focused-base-box-shadow);\n}\n\n\/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus *\/\n.focused {\n outline: var(--focused-base-outline);\n outline-offset: var(--focused-base-outline-offset);\n box-shadow: var(--focused-base-box-shadow);\n}\n\n\/*\n Focus ring - inset\n*\/\n\n.focus-inset:focus-visible {\n outline: 0.2rem solid rgba(var(--color-foreground), 0.5);\n outline-offset: -0.2rem;\n box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);\n}\n\n.focused.focus-inset {\n outline: 0.2rem solid rgba(var(--color-foreground), 0.5);\n outline-offset: -0.2rem;\n box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);\n}\n\n\/*\n Focus ring - none\n*\/\n\n\/* Dangerous for a11y - Use with care *\/\n.focus-none {\n box-shadow: none !important;\n outline: 0 !important;\n}\n\n.focus-offset:focus-visible {\n outline: 0.2rem solid rgba(var(--color-foreground), 0.5);\n outline-offset: 1rem;\n box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);\n}\n\n.focus-offset.focused {\n outline: 0.2rem solid rgba(var(--color-foreground), 0.5);\n outline-offset: 1rem;\n box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);\n}\n\n\/* component-title *\/\n.title,\n.title-wrapper-with-link {\n margin: 3rem 0 2rem;\n}\n\n.title-wrapper-with-link .title {\n margin: 0;\n}\n\n.title .link {\n font-size: inherit;\n}\n\n.title-wrapper {\n margin-bottom: 3rem;\n}\n\n.title-wrapper-with-link {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n gap: 1rem;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n}\n\n.title--primary {\n margin: 4rem 0;\n}\n\n.title-wrapper--self-padded-tablet-down,\n.title-wrapper--self-padded-mobile {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n@media screen and (min-width: 750px) {\n .title-wrapper--self-padded-mobile {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n@media screen and (min-width: 990px) {\n .title,\n .title-wrapper-with-link {\n margin: 5rem 0 3rem;\n }\n\n .title--primary {\n margin: 2rem 0;\n }\n\n .title-wrapper-with-link {\n align-items: center;\n }\n\n .title-wrapper-with-link .title {\n margin-bottom: 0;\n }\n\n .title-wrapper--self-padded-tablet-down {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n.title-wrapper-with-link .link-with-icon {\n margin: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n}\n\n.title-wrapper-with-link .link-with-icon .svg-wrapper {\n width: 1.5rem;\n}\n\n.title-wrapper-with-link a {\n margin-top: 0;\n flex-shrink: 0;\n}\n\n.title-wrapper--no-top-margin {\n margin-top: 0;\n}\n\n.title-wrapper--no-top-margin \u003e .title {\n margin-top: 0;\n}\n\n.subtitle {\n font-size: 1.8rem;\n line-height: calc(1 + 0.8 \/ var(--font-body-scale));\n letter-spacing: 0.06rem;\n color: rgba(var(--color-foreground), 0.7);\n}\n\n.subtitle--small {\n font-size: 1.4rem;\n letter-spacing: 0.1rem;\n}\n\n.subtitle--medium {\n font-size: 1.6rem;\n letter-spacing: 0.08rem;\n}\n\n\/* component-grid *\/\n.grid {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 2rem;\n padding: 0;\n list-style: none;\n column-gap: var(--grid-mobile-horizontal-spacing);\n row-gap: var(--grid-mobile-vertical-spacing);\n}\n\n@media screen and (min-width: 750px) {\n .grid {\n column-gap: var(--grid-desktop-horizontal-spacing);\n row-gap: var(--grid-desktop-vertical-spacing);\n }\n}\n\n.grid:last-child {\n margin-bottom: 0;\n}\n\n.grid__item {\n width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 \/ 4);\n max-width: calc(50% - var(--grid-mobile-horizontal-spacing) \/ 2);\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n@media screen and (min-width: 750px) {\n .grid__item {\n width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 \/ 4);\n max-width: calc(50% - var(--grid-desktop-horizontal-spacing) \/ 2);\n }\n}\n\n.grid--gapless.grid {\n column-gap: 0;\n row-gap: 0;\n}\n\n@media screen and (max-width: 749px) {\n .grid__item.slider__slide--full-width {\n width: 100%;\n max-width: none;\n }\n}\n\n.grid--1-col .grid__item {\n max-width: 100%;\n width: 100%;\n}\n\n.grid--3-col .grid__item {\n width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 \/ 3);\n}\n\n@media screen and (min-width: 750px) {\n .grid--3-col .grid__item {\n width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 \/ 3);\n }\n}\n\n.grid--2-col .grid__item {\n width: calc(50% - var(--grid-mobile-horizontal-spacing) \/ 2);\n}\n\n@media screen and (min-width: 750px) {\n .grid--2-col .grid__item {\n width: calc(50% - var(--grid-desktop-horizontal-spacing) \/ 2);\n }\n\n .grid--4-col-tablet .grid__item {\n width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 \/ 4);\n }\n\n .grid--3-col-tablet .grid__item {\n width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 \/ 3);\n }\n\n .grid--2-col-tablet .grid__item {\n width: calc(50% - var(--grid-desktop-horizontal-spacing) \/ 2);\n }\n}\n\n@media screen and (max-width: 989px) {\n .grid--1-col-tablet-down .grid__item {\n width: 100%;\n max-width: 100%;\n }\n\n .slider--tablet.grid--peek {\n margin: 0;\n width: 100%;\n }\n\n .slider--tablet.grid--peek .grid__item {\n box-sizing: content-box;\n margin: 0;\n }\n\n .slider.slider--tablet .scroll-trigger.animate--slide-in,\n .slider.slider--mobile .scroll-trigger.animate--slide-in {\n animation: none;\n opacity: 1;\n transform: inherit;\n }\n\n .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {\n animation: var(--animation-slide-in);\n }\n}\n\n@media screen and (min-width: 990px) {\n .grid--6-col-desktop .grid__item {\n width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 \/ 6);\n max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 \/ 6);\n }\n\n .grid--5-col-desktop .grid__item {\n width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 \/ 5);\n max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 \/ 5);\n }\n\n .grid--4-col-desktop .grid__item {\n width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 \/ 4);\n max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 \/ 4);\n }\n\n .grid--3-col-desktop .grid__item {\n width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 \/ 3);\n max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 \/ 3);\n }\n\n .grid--2-col-desktop .grid__item {\n width: calc(50% - var(--grid-desktop-horizontal-spacing) \/ 2);\n max-width: calc(50% - var(--grid-desktop-horizontal-spacing) \/ 2);\n }\n\n .slider.slider--desktop .scroll-trigger.animate--slide-in {\n animation: none;\n opacity: 1;\n transform: inherit;\n }\n\n .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {\n animation: var(--animation-slide-in);\n }\n}\n\n@media screen and (min-width: 990px) {\n .grid--1-col-desktop {\n flex: 0 0 100%;\n max-width: 100%;\n }\n\n .grid--1-col-desktop .grid__item {\n width: 100%;\n max-width: 100%;\n }\n}\n\n@media screen and (max-width: 749px) {\n .grid--peek.slider--mobile {\n margin: 0;\n width: 100%;\n }\n\n .grid--peek.slider--mobile .grid__item {\n box-sizing: content-box;\n margin: 0;\n }\n\n .grid--peek .grid__item {\n min-width: 35%;\n }\n\n .grid--peek.slider .grid__item:first-of-type {\n margin-left: 1.5rem;\n }\n\n \/* Fix to show some space at the end of our sliders in all browsers *\/\n .grid--peek.slider:after {\n margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));\n }\n\n .grid--2-col-tablet-down .grid__item {\n width: calc(50% - var(--grid-mobile-horizontal-spacing) \/ 2);\n }\n\n .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,\n .grid--peek .grid__item {\n width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);\n }\n\n .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,\n .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {\n width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem);\n }\n}\n\n@media screen and (min-width: 750px) and (max-width: 989px) {\n .slider--tablet.grid--peek .grid__item {\n width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);\n }\n\n .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {\n width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);\n }\n\n .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,\n .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {\n width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);\n }\n\n .slider--tablet.grid--peek .grid__item:first-of-type {\n margin-left: 1.5rem;\n }\n\n .grid--2-col-tablet-down .grid__item {\n width: calc(50% - var(--grid-desktop-horizontal-spacing) \/ 2);\n }\n\n .grid--1-col-tablet-down.grid--peek .grid__item {\n width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);\n }\n}\n\n\/* component-media *\/\n.media {\n display: block;\n background-color: rgba(var(--color-foreground), 0.1);\n position: relative;\n overflow: hidden;\n}\n\n.media--transparent {\n background-color: transparent;\n}\n\n.media \u003e *:not(.zoom):not(.deferred-media__poster-button),\n.media model-viewer {\n display: block;\n max-width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n\n.media \u003e img {\n object-fit: cover;\n object-position: center center;\n transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.media--square {\n padding-bottom: 100%;\n}\n\n.media--portrait {\n padding-bottom: 125%;\n}\n\n.media--landscape {\n padding-bottom: 66.6%;\n}\n\n.media--cropped {\n padding-bottom: 56%;\n}\n\n.media--16-9 {\n padding-bottom: 56.25%;\n}\n\n.media--circle {\n padding-bottom: 100%;\n border-radius: 50%;\n}\n\n.media.media--hover-effect \u003e img + img {\n opacity: 0;\n}\n\n@media screen and (min-width: 990px) {\n .media--cropped {\n padding-bottom: 63%;\n }\n}\n\ndeferred-media {\n display: block;\n}\n\n\/* component-button *\/\n\/* Button - default *\/\n\n.button--secondary,\n.button--tertiary {\n --color-button: var(--color-secondary-button);\n --color-button-text: var(--color-secondary-button-text);\n}\n\n.button--tertiary {\n --alpha-button-background: 0;\n --alpha-button-border: 0.2;\n}\n\n.button,\n.shopify-challenge__button,\n.customer button,\nbutton.shopify-payment-button__button--unbranded {\n --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);\n --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);\n --shadow-blur-radius: var(--buttons-shadow-blur-radius);\n --shadow-opacity: var(--buttons-shadow-opacity);\n --shadow-visible: var(--buttons-shadow-visible);\n --border-offset: var(--buttons-border-offset); \/* reduce radius edge artifacts *\/\n --border-opacity: calc(1 - var(--buttons-border-opacity));\n border-radius: var(--buttons-radius-outset);\n position: relative;\n}\n\n.button,\n.shopify-challenge__button,\n.customer button,\nbutton.shopify-payment-button__button--unbranded {\n min-width: calc(12rem + var(--buttons-border-width) * 2);\n min-height: calc(4.5rem + var(--buttons-border-width) * 2);\n}\n\n.button,\n.shopify-challenge__button,\n.customer button {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border: 0;\n padding: 0 3rem;\n cursor: pointer;\n font: inherit;\n font-size: 1.5rem;\n text-decoration: none;\n color: rgb(var(--color-button-text));\n transition: box-shadow var(--duration-short) ease;\n -webkit-appearance: none;\n appearance: none;\n background-color: rgba(var(--color-button), var(--alpha-button-background));\n}\n\n.button:before,\n.shopify-challenge__button:before,\n.customer button:before,\n.shopify-payment-button__button--unbranded:before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n border-radius: var(--buttons-radius-outset);\n box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)\n rgba(var(--color-shadow), var(--shadow-opacity));\n}\n\n.button:after,\n.shopify-challenge__button:after,\n.customer button:after,\n.shopify-payment-button__button--unbranded:after {\n content: '';\n position: absolute;\n top: var(--buttons-border-width);\n right: var(--buttons-border-width);\n bottom: var(--buttons-border-width);\n left: var(--buttons-border-width);\n z-index: 1;\n border-radius: var(--buttons-radius);\n box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))\n rgba(var(--color-button-text), var(--border-opacity)),\n 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));\n transition: box-shadow var(--duration-short) ease;\n}\n\n.button:not([disabled]):hover::after,\n.shopify-challenge__button:hover::after,\n.customer button:hover::after,\n.shopify-payment-button__button--unbranded:hover::after {\n --border-offset: 1.3px;\n box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))\n rgba(var(--color-button-text), var(--border-opacity)),\n 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));\n}\n\n.button--secondary:after {\n --border-opacity: var(--buttons-border-opacity);\n}\n\n.button:focus-visible,\n.button:focus,\n.button.focused,\n.shopify-payment-button__button--unbranded:focus-visible,\n.shopify-payment-button__button--unbranded:focus {\n outline: 0;\n box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0 0.5rem rgba(var(--color-foreground), 0.5),\n 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);\n}\n\n.button:focus:not(:focus-visible):not(.focused),\n.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused) {\n box-shadow: inherit;\n}\n\n.button::selection,\n.shopify-challenge__button::selection,\n.customer button::selection {\n background-color: rgba(var(--color-button-text), 0.3);\n}\n\n.button,\n.button-label,\n.shopify-challenge__button,\n.customer button {\n font-size: 1.5rem;\n letter-spacing: 0.1rem;\n line-height: calc(1 + 0.2 \/ var(--font-body-scale));\n}\n\n.button--tertiary {\n font-size: 1.2rem;\n padding: 1rem 1.5rem;\n min-width: calc(9rem + var(--buttons-border-width) * 2);\n min-height: calc(3.5rem + var(--buttons-border-width) * 2);\n}\n\n.button--small {\n padding: 1.2rem 2.6rem;\n}\n\n\/* Shopify Accelerated Checkout *\/\n\nshopify-accelerated-checkout {\n --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);\n --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)\n rgba(var(--color-shadow), var(--shadow-opacity));\n}\nshopify-accelerated-checkout-cart {\n --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);\n --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)\n rgba(var(--color-shadow), var(--shadow-opacity));\n}\n\n\n\/* Button - other *\/\n\n.button:disabled,\n.button[aria-disabled='true'],\n.button.disabled,\n.customer button:disabled,\n.customer button[aria-disabled='true'],\n.customer button.disabled,\n.quantity__button.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n.button--full-width {\n display: flex;\n width: 100%;\n}\n\n.button.loading {\n color: transparent;\n position: relative;\n}\n\n@media screen and (forced-colors: active) {\n .button.loading {\n color: rgb(var(--color-foreground));\n }\n}\n\n.button.loading \u003e .loading__spinner {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.button.loading \u003e .loading__spinner .spinner {\n width: fit-content;\n}\n\n.button.loading \u003e .loading__spinner .path {\n stroke: rgb(var(--color-button-text));\n}\n\n\/* Button - social share *\/\n\n.share-button {\n display: block;\n position: relative;\n}\n\n.share-button details {\n width: fit-content;\n}\n\n.share-button__button {\n font-size: 1.4rem;\n display: flex;\n align-items: center;\n color: rgb(var(--color-link));\n margin-left: 0;\n padding-left: 0;\n min-height: 4.4rem;\n}\n\ndetails[open] \u003e .share-button__fallback {\n animation: animateMenuOpen var(--duration-default) ease;\n}\n\n.share-button__button:hover {\n text-decoration: underline;\n text-underline-offset: 0.3rem;\n}\n\n.share-button__button,\n.share-button__fallback button {\n cursor: pointer;\n background-color: transparent;\n border: none;\n}\n\n.share-button__button .icon-share {\n height: 1.2rem;\n margin-right: 1rem;\n min-width: 1.3rem;\n}\n\n.share-button__fallback {\n display: flex;\n align-items: center;\n position: absolute;\n top: 3rem;\n left: 0.1rem;\n z-index: 3;\n width: 100%;\n min-width: max-content;\n border-radius: var(--inputs-radius);\n border: 0;\n}\n\n.share-button__fallback:after {\n pointer-events: none;\n content: '';\n position: absolute;\n top: var(--inputs-border-width);\n right: var(--inputs-border-width);\n bottom: var(--inputs-border-width);\n left: var(--inputs-border-width);\n border: 0.1rem solid transparent;\n border-radius: var(--inputs-radius);\n box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));\n transition: box-shadow var(--duration-short) ease;\n z-index: 1;\n}\n\n.share-button__fallback:before {\n background: rgb(var(--color-background));\n pointer-events: none;\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: var(--inputs-radius-outset);\n box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)\n var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));\n z-index: -1;\n}\n\n.share-button__fallback button {\n width: 4.4rem;\n height: 4.4rem;\n padding: 0;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n right: var(--inputs-border-width);\n}\n\n.share-button__fallback button:hover {\n color: rgba(var(--color-foreground), 0.75);\n}\n\n.share-button__fallback button:hover .svg-wrapper {\n transform: scale(1.07);\n}\n\n.share-button__close:not(.hidden) + .share-button__copy {\n display: none;\n}\n\n.share-button__close,\n.share-button__copy {\n background-color: transparent;\n color: rgb(var(--color-foreground));\n}\n\n.share-button__copy:focus-visible,\n.share-button__close:focus-visible {\n background-color: rgb(var(--color-background));\n z-index: 2;\n}\n\n.share-button__copy:focus,\n.share-button__close:focus {\n background-color: rgb(var(--color-background));\n z-index: 2;\n}\n\n.field:not(:focus-visible):not(.focused) + .share-button__copy:not(:focus-visible):not(.focused),\n.field:not(:focus-visible):not(.focused) + .share-button__close:not(:focus-visible):not(.focused) {\n background-color: inherit;\n}\n\n.share-button__fallback .field:after,\n.share-button__fallback .field:before {\n content: none;\n}\n\n.share-button__fallback .field {\n border-radius: 0;\n min-width: auto;\n min-height: auto;\n transition: none;\n}\n\n.share-button__fallback .field__input:focus,\n.share-button__fallback .field__input:-webkit-autofill {\n outline: 0.2rem solid rgba(var(--color-foreground), 0.5);\n outline-offset: 0.1rem;\n box-shadow: 0 0 0 0.1rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);\n}\n\n.share-button__fallback .field__input {\n box-shadow: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n filter: none;\n min-width: auto;\n min-height: auto;\n}\n\n.share-button__fallback .field__input:hover {\n box-shadow: none;\n}\n\n.share-button__fallback .icon {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.share-button__message:not(:empty) {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n margin-top: 0;\n padding: 0.8rem 0 0.8rem 1.5rem;\n margin: var(--inputs-border-width);\n}\n\n.share-button__message:not(:empty):not(.hidden) ~ * {\n display: none;\n}\n\n\/* component-form *\/\n.field__input,\n.select__select,\n.customer .field input,\n.customer select {\n -webkit-appearance: none;\n appearance: none;\n background-color: rgb(var(--color-background));\n color: rgb(var(--color-foreground));\n font-family: var(--font-body-family);\n font-style: var(--font-body-style);\n font-weight: var(--font-body-weight);\n font-size: 1.6rem;\n width: 100%;\n box-sizing: border-box;\n transition: box-shadow var(--duration-short) ease;\n border-radius: var(--inputs-radius);\n height: 4.5rem;\n min-height: calc(var(--inputs-border-width) * 2);\n min-width: calc(7rem + (var(--inputs-border-width) * 2));\n position: relative;\n border: 0;\n}\n\n.field:before,\n.select:before,\n.customer .field:before,\n.customer select:before,\n.localization-form__select:before {\n pointer-events: none;\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: var(--inputs-radius-outset);\n box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)\n var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));\n z-index: -1;\n}\n\n.field:after,\n.select:after,\n.customer .field:after,\n.customer select:after,\n.localization-form__select:after {\n pointer-events: none;\n content: '';\n position: absolute;\n top: var(--inputs-border-width);\n right: var(--inputs-border-width);\n bottom: var(--inputs-border-width);\n left: var(--inputs-border-width);\n border: 0.1rem solid transparent;\n border-radius: var(--inputs-radius);\n box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));\n transition: box-shadow var(--duration-short) ease;\n z-index: 1;\n}\n\n.select__select {\n font-family: var(--font-body-family);\n font-style: var(--font-body-style);\n font-weight: var(--font-body-weight);\n font-size: 1.2rem;\n color: rgba(var(--color-foreground), 0.75);\n}\n\n.field:hover.field:after,\n.select:hover.select:after,\n.select__select:hover.select__select:after,\n.customer .field:hover.field:after,\n.customer select:hover.select:after,\n.localization-form__select:hover.localization-form__select:after {\n box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))\n rgba(var(--color-foreground), var(--inputs-border-opacity));\n outline: 0;\n border-radius: var(--inputs-radius);\n}\n\n.field__input:focus-visible,\n.select__select:focus-visible,\n.customer .field input:focus-visible,\n.customer select:focus-visible,\n.localization-form__select:focus-visible.localization-form__select:after {\n box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));\n outline: 0;\n border-radius: var(--inputs-radius);\n}\n\n.field__input:focus,\n.select__select:focus,\n.customer .field input:focus,\n.customer select:focus,\n.localization-form__select:focus.localization-form__select:after {\n box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));\n outline: 0;\n border-radius: var(--inputs-radius);\n}\n\n.localization-form__select:focus {\n outline: 0;\n box-shadow: none;\n}\n\n.text-area,\n.select {\n display: flex;\n position: relative;\n width: 100%;\n}\n\n\/* Select *\/\n\n.select .svg-wrapper,\n.customer select + .svg-wrapper {\n height: 0.6rem;\n width: 1rem;\n pointer-events: none;\n position: absolute;\n top: calc(50% - 0.2rem);\n right: 0;\n}\n\n.select__select,\n.customer select {\n cursor: pointer;\n line-height: calc(1 + 0.6 \/ var(--font-body-scale));\n padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;\n margin: var(--inputs-border-width);\n min-height: calc(var(--inputs-border-width) * 2);\n}\n\n\/* Field *\/\n\n.field {\n position: relative;\n width: 100%;\n display: flex;\n transition: box-shadow var(--duration-short) ease;\n}\n\n.customer .field {\n display: flex;\n}\n\n.field--with-error {\n flex-wrap: wrap;\n}\n\n.field__input,\n.customer .field input {\n flex-grow: 1;\n text-align: left;\n padding: 1.5rem;\n margin: var(--inputs-border-width);\n transition: box-shadow var(--duration-short) ease;\n}\n\n.field__label,\n.customer .field label {\n font-size: 1.6rem;\n left: calc(var(--inputs-border-width) + 2rem);\n top: calc(1rem + var(--inputs-border-width));\n margin-bottom: 0;\n pointer-events: none;\n position: absolute;\n transition: top var(--duration-short) ease, font-size var(--duration-short) ease;\n color: rgba(var(--color-foreground), 0.75);\n letter-spacing: 0.1rem;\n line-height: 1.5;\n}\n\n.field__input:focus ~ .field__label,\n.field__input:not(:placeholder-shown) ~ .field__label,\n.field__input:-webkit-autofill ~ .field__label,\n.customer .field input:focus ~ label,\n.customer .field input:not(:placeholder-shown) ~ label,\n.customer .field input:-webkit-autofill ~ label {\n font-size: 1rem;\n top: calc(var(--inputs-border-width) + 0.5rem);\n left: calc(var(--inputs-border-width) + 2rem);\n letter-spacing: 0.04rem;\n}\n\n.field__input:focus,\n.field__input:not(:placeholder-shown),\n.field__input:-webkit-autofill,\n.customer .field input:focus,\n.customer .field input:not(:placeholder-shown),\n.customer .field input:-webkit-autofill {\n padding: 2.2rem 1.5rem 0.8rem 2rem;\n margin: var(--inputs-border-width);\n}\n\n.field__input::-webkit-search-cancel-button,\n.customer .field input::-webkit-search-cancel-button {\n display: none;\n}\n\n.field__input::placeholder,\n.customer .field input::placeholder {\n opacity: 0;\n}\n\n.field__button {\n align-items: center;\n background-color: transparent;\n border: 0;\n color: currentColor;\n cursor: pointer;\n display: flex;\n height: 4.4rem;\n justify-content: center;\n overflow: hidden;\n padding: 0;\n position: absolute;\n right: 0;\n top: 0;\n width: 4.4rem;\n}\n\n.field__button \u003e .svg-wrapper {\n height: 2.5rem;\n width: 2.5rem;\n}\n\n.field__input:-webkit-autofill ~ .field__button,\n.field__input:-webkit-autofill ~ .field__label,\n.customer .field input:-webkit-autofill ~ label {\n color: rgb(0, 0, 0);\n}\n\n\/* Text area *\/\n\n.text-area {\n font-family: var(--font-body-family);\n font-style: var(--font-body-style);\n font-weight: var(--font-body-weight);\n min-height: 10rem;\n resize: none;\n}\n\ninput[type='checkbox'] {\n display: inline-block;\n width: auto;\n margin-right: 0.5rem;\n}\n\n\/* Form global *\/\n\n.form__label {\n display: block;\n margin-bottom: 0.6rem;\n}\n\n.form__message {\n align-items: center;\n display: flex;\n font-size: 1.4rem;\n line-height: 1;\n margin-top: 1rem;\n}\n\n.form__message--large {\n font-size: 1.6rem;\n}\n\n.customer .field .form__message {\n font-size: 1.4rem;\n text-align: left;\n}\n\n.form__message .icon,\n.customer .form__message .svg-wrapper {\n flex-shrink: 0;\n height: 1.3rem;\n margin-right: 0.5rem;\n width: 1.3rem;\n}\n\n.form__message--large .icon,\n.customer .form__message .svg-wrapper {\n height: 1.5rem;\n width: 1.5rem;\n margin-right: 1rem;\n}\n\n.customer .field .form__message .svg-wrapper {\n align-self: start;\n}\n\n.form-status {\n margin: 0;\n font-size: 1.6rem;\n}\n\n.form-status-list {\n padding: 0;\n margin: 2rem 0 4rem;\n}\n\n.form-status-list li {\n list-style-position: inside;\n}\n\n.form-status-list .link::first-letter {\n text-transform: capitalize;\n}\n\n\/* component-quantity *\/\n.quantity {\n color: rgba(var(--color-foreground));\n position: relative;\n width: calc(14rem \/ var(--font-body-scale) + var(--inputs-border-width) * 2);\n display: flex;\n border-radius: var(--inputs-radius);\n min-height: calc((var(--inputs-border-width) * 2) + 4.5rem);\n}\n\n.quantity:after {\n pointer-events: none;\n content: '';\n position: absolute;\n top: var(--inputs-border-width);\n right: var(--inputs-border-width);\n bottom: var(--inputs-border-width);\n left: var(--inputs-border-width);\n border: 0.1rem solid transparent;\n border-radius: var(--inputs-radius);\n box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));\n transition: box-shadow var(--duration-short) ease;\n z-index: 1;\n}\n\n.quantity:before {\n background: rgb(var(--color-background));\n pointer-events: none;\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: var(--inputs-radius-outset);\n box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)\n var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));\n z-index: -1;\n}\n\n.quantity__input {\n color: currentColor;\n font-family: var(--font-body-family);\n font-style: var(--font-body-style);\n font-weight: var(--font-body-weight);\n font-size: 1.6rem;\n font-weight: 500;\n opacity: 0.85;\n text-align: center;\n background-color: transparent;\n border: 0;\n padding: 0 0.5rem;\n width: 100%;\n flex-grow: 1;\n -webkit-appearance: none;\n appearance: none;\n}\n\n.quantity__button {\n width: calc(4.5rem \/ var(--font-body-scale));\n flex-shrink: 0;\n font-size: 1.8rem;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgb(var(--color-foreground));\n padding: 0;\n}\n\n.quantity__button:first-child {\n margin-left: calc(var(--inputs-border-width));\n}\n\n.quantity__button:last-child {\n margin-right: calc(var(--inputs-border-width));\n}\n\n.quantity__button .svg-wrapper {\n width: 1rem;\n pointer-events: none;\n}\n\n.quantity__button:focus-visible,\n.quantity__input:focus-visible {\n background-color: rgb(var(--color-background));\n z-index: 2;\n}\n\n.quantity__button:focus,\n.quantity__input:focus {\n background-color: rgb(var(--color-background));\n z-index: 2;\n}\n\n.quantity__button:not(:focus-visible):not(.focused),\n.quantity__input:not(:focus-visible):not(.focused) {\n box-shadow: inherit;\n background-color: inherit;\n}\n\n.quantity__input:-webkit-autofill,\n.quantity__input:-webkit-autofill:hover,\n.quantity__input:-webkit-autofill:active {\n box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;\n -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;\n}\n\n.quantity__input::-webkit-outer-spin-button,\n.quantity__input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.quantity__input[type='number'] {\n -moz-appearance: textfield;\n}\n\n.quantity__rules {\n margin-top: 0.5rem;\n position: relative;\n font-size: 1.2rem;\n}\n\n.quantity__rules .caption {\n display: inline-block;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.quantity__rules .divider + .divider::before {\n content: '\\2022';\n margin: 0 0.5rem;\n}\n\n.quantity__rules-cart {\n position: relative;\n}\n\n.product__info-container .loading__spinner:not(.hidden) ~ *,\n.quantity__rules-cart .loading__spinner:not(.hidden) ~ * {\n visibility: hidden;\n}\n\n\/* component-modal *\/\n.modal__toggle {\n list-style-type: none;\n}\n\n.modal__toggle-close {\n display: none;\n}\n\n.modal__toggle-open {\n display: flex;\n}\n\n.modal__close-button.link {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0rem;\n height: 4.4rem;\n width: 4.4rem;\n background-color: transparent;\n}\n\n.modal__close-button .icon {\n width: 1.7rem;\n height: 1.7rem;\n}\n\n.modal__content {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgb(var(--color-background));\n z-index: 4;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.media-modal {\n cursor: zoom-out;\n}\n\n.media-modal .deferred-media {\n cursor: initial;\n}\n\n\/* component-cart-count-bubble *\/\n.cart-count-bubble:empty {\n display: none;\n}\n\n.cart-count-bubble {\n position: absolute;\n background-color: rgb(var(--color-button));\n color: rgb(var(--color-button-text));\n height: 1.7rem;\n width: 1.7rem;\n border-radius: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.9rem;\n bottom: 0.8rem;\n left: 2.2rem;\n line-height: calc(1 + 0.1 \/ var(--font-body-scale));\n}\n\n\/* utility-bar *\/\n.utility-bar {\n height: 100%;\n}\n\n.utility-bar--bottom-border {\n border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);\n}\n\n@media screen and (min-width: 990px) {\n .utility-bar--bottom-border-social-only {\n border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);\n }\n}\n\n.utility-bar__grid {\n display: grid;\n grid-template-columns: 1fr;\n grid-template-areas: 'announcements';\n}\n\n.utility-bar__grid .list-social {\n justify-content: flex-start;\n align-content: center;\n margin-left: -1.2rem;\n grid-area: social-icons;\n}\n\n@media screen and (max-width: 989px) {\n .utility-bar .utility-bar__grid .list-social {\n display: none;\n }\n}\n\n.utility-bar .list-social__item .icon {\n scale: 0.9;\n}\n\n@media screen and (min-width: 990px) {\n .utility-bar__grid--3-col {\n grid-template-columns: 3fr 4fr 3fr;\n grid-template-areas: 'social-icons announcements language-currency';\n }\n\n .utility-bar__grid--2-col {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: 'social-icons language-currency';\n }\n\n .announcement-bar.announcement-bar--one-announcement,\n .announcement-bar--one-announcement .announcement-bar__link {\n width: fit-content;\n margin: auto;\n }\n}\n\n.announcement-bar,\n.announcement-bar__announcement {\n color: rgb(var(--color-foreground));\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n align-content: center;\n grid-area: announcements;\n}\n\n.announcement-bar .slider--everywhere {\n margin-bottom: 0;\n scroll-behavior: auto;\n}\n\n.utility-bar__grid .announcement-bar-slider {\n width: 100%;\n}\n\n.utility-bar__grid .announcement-bar-slider {\n width: 100%;\n}\n\n.announcement-bar-slider,\n.announcement-bar-slider .slider {\n width: 100%;\n}\n\n.announcement-bar .slider-button--next {\n margin-right: -1.5rem;\n min-width: 44px;\n}\n\n.announcement-bar .slider-button--prev {\n margin-left: -1.5rem;\n min-width: 44px;\n}\n\n.announcement-bar .slider-button--next:focus-visible,\n.announcement-bar .slider-button--prev:focus-visible,\n.utility-bar .list-social__link:focus-visible {\n outline-offset: -0.3rem;\n box-shadow: 0 0 0 -0.2rem rgb(var(--color-foreground));\n}\n\n.localization-wrapper {\n grid-area: language-currency;\n align-self: center;\n display: flex;\n justify-content: flex-end;\n}\n\n.localization-wrapper .localization-selector + .disclosure__list-wrapper {\n animation: animateMenuOpen var(--duration-default) ease;\n}\n\n.utility-bar .localization-wrapper .disclosure .localization-form__select,\n.utility-bar .localization-wrapper .disclosure__link {\n font-size: calc(var(--font-heading-scale) * 1.3rem);\n}\n\n@media screen and (min-width: 990px) {\n body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {\n padding-left: 5rem;\n padding-right: 5rem;\n }\n\n .announcement-bar-slider {\n width: 60%;\n }\n\n .announcement-bar .slider-button {\n height: 3.8rem;\n }\n}\n\n.announcement-bar__link {\n display: flex;\n width: 100%;\n text-decoration: none;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n\n.announcement-bar__link:hover {\n text-decoration: underline;\n}\n\n.announcement-bar__link .icon-arrow {\n display: inline-block;\n pointer-events: none;\n margin-left: 0.8rem;\n vertical-align: middle;\n margin-bottom: 0.2rem;\n}\n\n.announcement-bar__message {\n text-align: center;\n padding: 1rem 0;\n margin: 0;\n letter-spacing: 0.1rem;\n min-height: 3.8rem;\n}\n\n.announcement-bar-slider--fade-in-next .announcement-bar__message,\n.announcement-bar-slider--fade-in-previous .announcement-bar__message,\n.announcement-bar-slider--fade-out-next .announcement-bar__message,\n.announcement-bar-slider--fade-out-previous .announcement-bar__message {\n animation-duration: var(--duration-announcement-bar);\n animation-timing-function: ease-in-out;\n animation-fill-mode: forwards;\n}\n\n.announcement-bar-slider--fade-in-next .announcement-bar__message {\n --announcement-translate-from: -1.5rem;\n \/* Prevent flicker *\/\n opacity: 0;\n animation-name: translateAnnouncementSlideIn;\n animation-delay: var(--duration-announcement-bar);\n}\n\n.announcement-bar-slider--fade-in-previous .announcement-bar__message {\n --announcement-translate-from: 1.5rem;\n \/* Prevent flicker *\/\n opacity: 0;\n animation-name: translateAnnouncementSlideIn;\n animation-delay: var(--duration-announcement-bar);\n}\n\n.announcement-bar-slider--fade-out-next .announcement-bar__message {\n --announcement-translate-to: 1.5rem;\n animation-name: translateAnnouncementSlideOut;\n}\n\n.announcement-bar-slider--fade-out-previous .announcement-bar__message {\n --announcement-translate-to: -1.5rem;\n animation-name: translateAnnouncementSlideOut;\n}\n\n@keyframes translateAnnouncementSlideIn {\n 0% {\n opacity: 0;\n transform: translateX(var(--announcement-translate-from));\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes translateAnnouncementSlideOut {\n 0% {\n opacity: 1;\n transform: translateX(0);\n }\n 100% {\n opacity: 0;\n transform: translateX(var(--announcement-translate-to));\n }\n}\n\n\/* section-header *\/\n.section-header.shopify-section-group-header-group {\n z-index: 3;\n}\n\n.shopify-section-header-sticky {\n position: sticky;\n top: 0;\n}\n\n.shopify-section-header-hidden {\n top: calc(-1 * var(--header-height));\n}\n\n.shopify-section-header-hidden.menu-open {\n top: 0;\n}\n\n.section-header.animate {\n transition: top 0.15s ease-out;\n}\n\n.shopify-section-group-header-group {\n z-index: 4;\n}\n\n.section-header ~ .shopify-section-group-header-group {\n z-index: initial;\n}\n\n\/* Main Header Layout *\/\n.header-wrapper {\n display: block;\n position: relative;\n background-color: rgb(var(--color-background));\n}\n\n.header-wrapper--border-bottom {\n border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);\n}\n\n.header {\n display: grid;\n grid-template-areas: 'left-icons heading icons';\n grid-template-columns: 1fr 2fr 1fr;\n align-items: center;\n}\n\n@media screen and (max-width: 749px) {\n .header--has-app {\n grid-template-columns: auto 1fr auto;\n }\n}\n\n@media screen and (min-width: 990px) {\n .header {\n grid-template-columns: 1fr auto 1fr;\n }\n\n .header--top-left,\n .header--middle-left:not(.header--has-menu) {\n grid-template-areas:\n 'heading icons'\n 'navigation navigation';\n grid-template-columns: 1fr auto;\n }\n\n .header--top-left.drawer-menu,\n .header--middle-left.drawer-menu {\n grid-template-areas: 'navigation heading icons';\n grid-template-columns: auto 1fr auto;\n column-gap: 1rem;\n }\n\n .header--middle-left {\n grid-template-areas: 'heading navigation icons';\n grid-template-columns: auto auto 1fr;\n column-gap: 2rem;\n }\n\n .header--middle-center:not(.drawer-menu) {\n grid-template-areas: 'navigation heading icons';\n grid-template-columns: 1fr auto 1fr;\n column-gap: 2rem;\n }\n\n .header--middle-center a.header__heading-link {\n text-align: center;\n }\n\n .header--top-center {\n grid-template-areas:\n 'left-icons heading icons'\n 'navigation navigation navigation';\n }\n\n .header--top-center.drawer-menu {\n grid-template-areas: 'left-icons heading icons';\n grid-template-columns: 1fr auto 1fr;\n }\n\n .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {\n margin-top: 1.05rem;\n }\n}\n\n.header *[tabindex='-1']:focus {\n outline: none;\n}\n\n.header__heading {\n margin: 0;\n line-height: 0;\n}\n\n.header \u003e .header__heading-link {\n line-height: 0;\n}\n\n.header__heading,\n.header__heading-link {\n grid-area: heading;\n justify-self: center;\n}\n\n.header__heading-link {\n display: inline-block;\n padding: 0.75rem;\n text-decoration: none;\n word-break: break-word;\n}\n\n.header__heading-link:hover .h2 {\n color: rgb(var(--color-foreground));\n}\n\n.header__heading-link .h2 {\n line-height: 1;\n color: rgba(var(--color-foreground), 0.75);\n}\n\n.header__heading-logo {\n height: auto;\n max-width: 100%;\n}\n\n.header__heading-logo-wrapper {\n width: 100%;\n display: inline-block;\n transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99);\n}\n\n@media screen and (max-width: 989px) {\n .header__heading,\n .header__heading-link {\n text-align: center;\n }\n\n .header--mobile-left .header__heading,\n .header--mobile-left .header__heading-link {\n text-align: left;\n justify-self: start;\n }\n\n .header--mobile-left {\n grid-template-columns: auto 2fr 1fr;\n }\n}\n\n@media screen and (min-width: 990px) {\n .header--middle-left .header__heading-link,\n .header--top-left .header__heading-link {\n margin-left: -0.75rem;\n }\n\n .header__heading,\n .header__heading-link {\n justify-self: start;\n }\n\n .header--middle-center .header__heading-link,\n .header--middle-center .header__heading {\n justify-self: center;\n text-align: center;\n }\n\n .header--top-center .header__heading-link,\n .header--top-center .header__heading {\n justify-self: center;\n text-align: center;\n }\n}\n\n\/* Header icons *\/\n.header__icons {\n display: flex;\n grid-area: icons;\n justify-self: end;\n padding-right: 0.8rem;\n}\n\n.header__icons .shopify-app-block {\n max-width: 4.4rem;\n max-height: 4.4rem;\n overflow: hidden;\n}\n\n.header__icon:not(.header__icon--summary),\n.header__icon span {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.header__icon {\n color: rgb(var(--color-foreground));\n}\n\n.header__icon span {\n height: 100%;\n}\n\n.header__icon .svg-wrapper {\n width: 44px;\n height: 44px;\n}\n\n.header__icon::after {\n content: none;\n}\n\n.header__icon:hover .icon,\n.modal__close-button:hover .icon {\n transform: scale(1.07);\n}\n\n.header__icon .icon {\n height: 2rem;\n width: 2rem;\n fill: none;\n vertical-align: middle;\n}\n\n.header__icon,\n.header__icon--cart .icon {\n height: 4.4rem;\n width: 4.4rem;\n padding: 0;\n}\n\n.header__icon--cart {\n position: relative;\n margin-right: -1.2rem;\n}\n\n.header__icon--menu[aria-expanded='true']::before {\n content: '';\n top: 100%;\n left: 0;\n height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));\n width: 100%;\n display: block;\n position: absolute;\n background: rgba(var(--color-foreground), 0.5);\n}\n\n.header__icon--account shop-user-avatar {\n --shop-avatar-size: 2.8rem;\n}\n\ndetails .header__icon-close {\n display: none;\n}\n\ndetails[open] .header__icon-close {\n display: inline-block;\n}\n\naccount-icon {\n display: flex;\n}\n\n\/* Search *\/\nmenu-drawer + .header__search {\n display: none;\n}\n\n.header \u003e .header__search {\n grid-area: left-icons;\n justify-self: start;\n}\n\n.header--top-center.drawer-menu \u003e .header__search {\n margin-left: 3.2rem;\n}\n\n.header--top-center header-drawer {\n grid-area: left-icons;\n}\n\n.header:not(.header--has-menu) * \u003e .header__search {\n display: none;\n}\n\n.header__search {\n display: inline-flex;\n line-height: 0;\n}\n\n.header--top-center \u003e .header__search {\n display: none;\n}\n\n.header--top-center * \u003e .header__search {\n display: inline-flex;\n}\n\n@media screen and (min-width: 990px) {\n .header:not(.header--top-center) * \u003e .header__search,\n .header--top-center \u003e .header__search {\n display: inline-flex;\n }\n\n .header:not(.header--top-center) \u003e .header__search,\n .header--top-center * \u003e .header__search {\n display: none;\n }\n}\n\ndetails[open] \u003e .search-modal {\n opacity: 1;\n animation: animateMenuOpen var(--duration-default) ease;\n}\n\ndetails[open] .modal-overlay {\n display: block;\n}\n\ndetails[open] .modal-overlay::after {\n position: absolute;\n content: '';\n background-color: rgb(var(--color-foreground), 0.5);\n top: 100%;\n left: 0;\n right: 0;\n height: 100vh;\n}\n\n.search-modal {\n opacity: 0;\n border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);\n min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));\n height: 100%;\n}\n\n.search-modal__content {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 0 5rem 0 1rem;\n line-height: calc(1 + 0.8 \/ var(--font-body-scale));\n position: relative;\n}\n\n.search-modal__content-bottom {\n bottom: calc((var(--inputs-margin-offset) \/ 2));\n}\n\n.search-modal__content-top {\n top: calc((var(--inputs-margin-offset) \/ 2));\n}\n\n.search-modal__form {\n width: 100%;\n}\n\n.search-modal__close-button {\n position: absolute;\n right: 0.3rem;\n}\n\n@media screen and (min-width: 750px) {\n .search-modal__close-button {\n right: 1rem;\n }\n\n .search-modal__content {\n padding: 0 6rem;\n }\n}\n\n@media screen and (min-width: 990px) {\n .search-modal__form {\n max-width: 74.2rem;\n }\n\n .search-modal__close-button {\n position: initial;\n margin-left: 0.5rem;\n }\n}\n\n\/* Header menu drawer *\/\n.header__icon--menu .icon {\n display: block;\n position: absolute;\n opacity: 1;\n transform: scale(1);\n transition: transform 150ms ease, opacity 150ms ease;\n}\n\ndetails:not([open]) \u003e .header__icon--menu .icon-close,\ndetails[open] \u003e .header__icon--menu .icon-hamburger {\n visibility: hidden;\n opacity: 0;\n transform: scale(0.8);\n}\n\n.js details[open]:not(.menu-opening) \u003e .header__icon--menu .icon-close {\n visibility: hidden;\n}\n\n.js details[open]:not(.menu-opening) \u003e .header__icon--menu .icon-hamburger {\n visibility: visible;\n opacity: 1;\n transform: scale(1.07);\n}\n\n.js details \u003e .header__submenu {\n opacity: 0;\n transform: translateY(-1.5rem);\n}\n\ndetails[open] \u003e .header__submenu {\n animation: animateMenuOpen var(--duration-default) ease;\n animation-fill-mode: forwards;\n z-index: 1;\n}\n\n@media (prefers-reduced-motion) {\n details[open] \u003e .header__submenu {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Header menu *\/\n.header__inline-menu {\n margin-left: -1.2rem;\n grid-area: navigation;\n display: none;\n}\n\n.header--top-center .header__inline-menu,\n.header--top-center .header__heading-link {\n margin-left: 0;\n}\n\n@media screen and (min-width: 990px) {\n .header__inline-menu {\n display: block;\n }\n\n .header--top-center .header__inline-menu {\n justify-self: center;\n }\n\n .header--top-center .header__inline-menu \u003e .list-menu--inline {\n justify-content: center;\n }\n\n .header--middle-left .header__inline-menu {\n margin-left: 0;\n }\n}\n\n.header__menu {\n padding: 0 1rem;\n}\n\n.header__menu-item {\n padding: 1.2rem;\n text-decoration: none;\n color: rgba(var(--color-foreground), 0.75);\n}\n\n.header__menu-item:hover {\n color: rgb(var(--color-foreground));\n}\n\n.header__menu-item span {\n transition: text-decoration var(--duration-short) ease;\n}\n\n.header__menu-item:hover span {\n text-decoration: underline;\n text-underline-offset: 0.3rem;\n}\n\ndetails[open] \u003e .header__menu-item {\n text-decoration: underline;\n}\n\ndetails[open]:hover \u003e .header__menu-item {\n text-decoration-thickness: 0.2rem;\n}\n\ndetails[open] \u003e .header__menu-item .icon-caret {\n transform: rotate(180deg);\n}\n\n.header__active-menu-item {\n transition: text-decoration-thickness var(--duration-short) ease;\n color: rgb(var(--color-foreground));\n text-decoration: underline;\n text-underline-offset: 0.3rem;\n}\n\n.header__menu-item:hover .header__active-menu-item {\n text-decoration-thickness: 0.2rem;\n}\n\n.header__submenu {\n transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;\n}\n\n.global-settings-popup,\n.header__submenu.global-settings-popup {\n border-radius: var(--popup-corner-radius);\n border-color: rgba(var(--color-foreground), var(--popup-border-opacity));\n border-style: solid;\n border-width: var(--popup-border-width);\n box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)\n rgba(var(--color-shadow), var(--popup-shadow-opacity));\n z-index: -1;\n}\n\n.header__submenu.list-menu {\n padding: 1rem 0;\n}\n\n.header__submenu .header__submenu {\n background-color: rgba(var(--color-foreground), 0.03);\n padding: 1rem 0;\n margin: 1rem 0;\n}\n\n.header__submenu .header__menu-item:after {\n right: 2rem;\n}\n\n.header__submenu .header__menu-item {\n justify-content: space-between;\n padding: 0.8rem 2rem;\n}\n\n.header__submenu .header__menu-item:hover {\n text-decoration-line: underline;\n}\n\n.header__menu-item .icon-caret {\n right: 0.8rem;\n}\n\n.header__submenu .icon-caret {\n flex-shrink: 0;\n margin-left: 1rem;\n position: static;\n}\n\nheader-menu \u003e details,\ndetails-disclosure \u003e details {\n position: relative;\n}\n\n@keyframes animateMenuOpen {\n 0% {\n opacity: 0;\n transform: translateY(-1.5rem);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.overflow-hidden-mobile,\n.overflow-hidden-tablet,\n.overflow-hidden-desktop {\n overflow: hidden;\n}\n\n@media screen and (min-width: 750px) {\n .overflow-hidden-mobile {\n overflow: auto;\n }\n}\n\n@media screen and (min-width: 990px) {\n .overflow-hidden-tablet {\n overflow: auto;\n }\n}\n\n.badge {\n border: 1px solid transparent;\n border-radius: var(--badge-corner-radius);\n display: inline-block;\n font-size: 1.2rem;\n letter-spacing: 0.1rem;\n line-height: 1;\n padding: 0.5rem 1.3rem 0.6rem 1.3rem;\n text-align: center;\n background-color: rgb(var(--color-badge-background));\n border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));\n color: rgb(var(--color-badge-foreground));\n word-break: break-word;\n}\n\n.gradient {\n background: rgb(var(--color-background));\n background: var(--gradient-background);\n background-attachment: fixed;\n}\n\n@media screen and (forced-colors: active) {\n .icon {\n color: CanvasText;\n fill: CanvasText !important;\n }\n\n .icon-close-small path {\n stroke: CanvasText;\n }\n}\n\n.ratio {\n display: flex;\n position: relative;\n align-items: stretch;\n}\n\n.ratio::before {\n content: '';\n width: 0;\n height: 0;\n padding-bottom: var(--ratio-percent);\n}\n\n.content-container {\n border-radius: var(--text-boxes-radius);\n border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));\n position: relative;\n}\n\n.content-container:after {\n content: '';\n position: absolute;\n top: calc(var(--text-boxes-border-width) * -1);\n right: calc(var(--text-boxes-border-width) * -1);\n bottom: calc(var(--text-boxes-border-width) * -1);\n left: calc(var(--text-boxes-border-width) * -1);\n border-radius: var(--text-boxes-radius);\n box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset)\n var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));\n z-index: -1;\n}\n\n.content-container--full-width:after {\n left: 0;\n right: 0;\n border-radius: 0;\n}\n\n@media screen and (max-width: 749px) {\n .content-container--full-width-mobile {\n border-left: none;\n border-right: none;\n border-radius: 0;\n }\n .content-container--full-width-mobile:after {\n display: none;\n }\n}\n\n.global-media-settings {\n position: relative;\n border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));\n border-radius: var(--media-radius);\n overflow: visible !important;\n background-color: rgb(var(--color-background));\n}\n\n.global-media-settings:after {\n content: '';\n position: absolute;\n top: calc(var(--media-border-width) * -1);\n right: calc(var(--media-border-width) * -1);\n bottom: calc(var(--media-border-width) * -1);\n left: calc(var(--media-border-width) * -1);\n border-radius: var(--media-radius);\n box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)\n rgba(var(--color-shadow), var(--media-shadow-opacity));\n z-index: -1;\n pointer-events: none;\n}\n\n.global-media-settings--no-shadow {\n overflow: hidden !important;\n}\n\n.global-media-settings--no-shadow:after {\n content: none;\n}\n\n.global-media-settings img,\n.global-media-settings iframe,\n.global-media-settings model-viewer,\n.global-media-settings video,\n.global-media-settings .placeholder-svg {\n border-radius: calc(var(--media-radius) - var(--media-border-width));\n}\n\n.content-container--full-width,\n.global-media-settings--full-width,\n.global-media-settings--full-width img,\n.global-media-settings--full-width video,\n.global-media-settings--full-width iframe,\n.global-media-settings--full-width .placeholder-svg {\n border-radius: 0;\n border-left: none;\n border-right: none;\n}\n\n\/* check for flexbox gap in older Safari versions *\/\n@supports not (inset: 10px) {\n .grid {\n margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));\n }\n\n .grid__item {\n padding-left: var(--grid-mobile-horizontal-spacing);\n padding-bottom: var(--grid-mobile-vertical-spacing);\n }\n\n @media screen and (min-width: 750px) {\n .grid {\n margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));\n }\n\n .grid__item {\n padding-left: var(--grid-desktop-horizontal-spacing);\n padding-bottom: var(--grid-desktop-vertical-spacing);\n }\n }\n\n .grid--gapless .grid__item {\n padding-left: 0;\n padding-bottom: 0;\n }\n\n @media screen and (min-width: 749px) {\n .grid--peek .grid__item {\n padding-left: var(--grid-mobile-horizontal-spacing);\n }\n }\n\n .product-grid .grid__item {\n padding-bottom: var(--grid-mobile-vertical-spacing);\n }\n\n @media screen and (min-width: 750px) {\n .product-grid .grid__item {\n padding-bottom: var(--grid-desktop-vertical-spacing);\n }\n }\n}\n\n.font-body-bold {\n font-weight: var(--font-body-weight-bold);\n}\n\n\/* outline and border styling for Windows High Contrast Mode *\/\n@media (forced-colors: active) {\n .button,\n .shopify-challenge__button,\n .customer button {\n border: transparent solid 1px;\n }\n\n .button:focus-visible,\n .button:focus,\n .button.focused,\n .shopify-payment-button__button--unbranded:focus-visible,\n .shopify-payment-button [role='button']:focus-visible,\n .shopify-payment-button__button--unbranded:focus,\n .shopify-payment-button [role='button']:focus {\n outline: solid transparent 1px;\n }\n\n .field__input:focus,\n .select__select:focus,\n .customer .field input:focus,\n .customer select:focus,\n .localization-form__select:focus.localization-form__select:after {\n outline: transparent solid 1px;\n }\n\n .localization-form__select:focus {\n outline: transparent solid 1px;\n }\n}\n\n.rte:after {\n clear: both;\n content: '';\n display: block;\n}\n\n.rte \u003e *:first-child {\n margin-top: 0;\n}\n\n.rte \u003e *:last-child {\n margin-bottom: 0;\n}\n\n.rte table {\n table-layout: fixed;\n}\n\n@media screen and (min-width: 750px) {\n .rte table td {\n padding-left: 1.2rem;\n padding-right: 1.2rem;\n }\n}\n\n.rte img {\n height: auto;\n max-width: 100%;\n border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));\n border-radius: var(--media-radius);\n box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)\n rgba(var(--color-shadow), var(--media-shadow-opacity));\n margin-bottom: var(--media-shadow-vertical-offset);\n}\n\n.rte ul,\n.rte ol {\n list-style-position: inside;\n padding-left: 2rem;\n}\n\n.rte li {\n list-style: inherit;\n}\n\n.rte li:last-child {\n margin-bottom: 0;\n}\n\n.rte a {\n color: rgba(var(--color-link), var(--alpha-link));\n text-underline-offset: 0.3rem;\n text-decoration-thickness: 0.1rem;\n transition: text-decoration-thickness var(--duration-short) ease;\n}\n\n.rte a:hover {\n color: rgb(var(--color-link));\n text-decoration-thickness: 0.2rem;\n}\n\n.rte blockquote {\n display: inline-flex;\n}\n\n.rte blockquote \u003e * {\n margin: -0.5rem 0 -0.5rem 0;\n}\n\n\/* Image mask global styles *\/\n\n.shape--mask {\n display: block;\n height: 0;\n width: 0;\n}\n\n.shape--arch {\n clip-path: url('#Shape-Arch');\n}\n\n.shape--blob {\n clip-path: polygon(var(--shape--blob-1));\n}\n\n.shape--chevronleft {\n clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);\n}\n\n.shape--chevronright {\n clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);\n}\n\n.shape--circle {\n clip-path: circle(closest-side);\n}\n\n.shape--diamond {\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n}\n\n.shape--parallelogram {\n clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);\n}\n\n.shape--round {\n clip-path: ellipse(45% 45% at 50% 50%);\n}\n\n\/* Fixed background *\/\n.animate--fixed {\n clip-path: inset(0);\n}\n\n.animate--fixed \u003e img:not(.zoom):not(.deferred-media__poster-button),\n.animate--fixed \u003e svg:not(.zoom):not(.deferred-media__poster-button) {\n position: fixed;\n height: 100vh;\n}\n\n\/* Zoom in image on scroll *\/\n.animate--zoom-in {\n --zoom-in-ratio: 1;\n}\n\n.animate--zoom-in \u003e img,\n.animate--zoom-in \u003e .svg-wrapper {\n transition: scale var(--duration-short) linear;\n scale: var(--zoom-in-ratio);\n}\n\n\/* Animations *\/\n\n@media (prefers-reduced-motion: no-preference) {\n .animate--ambient \u003e img,\n .animate--ambient \u003e .svg-wrapper {\n animation: animateAmbient 30s linear infinite;\n }\n\n @keyframes animateAmbient {\n 0% {\n transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);\n }\n 100% {\n transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);\n }\n }\n\n .scroll-trigger.animate--fade-in,\n .scroll-trigger.animate--slide-in {\n opacity: 0.01;\n }\n\n .scroll-trigger.animate--slide-in {\n transform: translateY(2rem);\n }\n\n .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {\n opacity: 1;\n animation: var(--animation-fade-in);\n }\n\n .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {\n animation: var(--animation-slide-in);\n animation-delay: calc(var(--animation-order) * 75ms);\n }\n\n .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,\n .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,\n .scroll-trigger.scroll-trigger--design-mode .slider,\n .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {\n opacity: 1;\n animation: none;\n transition: none;\n transform: none;\n }\n\n .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {\n transform: translateY(0);\n }\n\n @keyframes slideIn {\n from {\n transform: translateY(2rem);\n opacity: 0.01;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0.01;\n }\n to {\n opacity: 1;\n }\n }\n}\n\n\/* Element Hovers: Vertical Lift, 3d Lift *\/\n\n@media (prefers-reduced-motion: no-preference) and (hover: hover) {\n .animate--hover-3d-lift .card-wrapper .card--card,\n .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,\n .animate--hover-3d-lift .button:not(.button--tertiary),\n .animate--hover-3d-lift .shopify-challenge__button,\n .animate--hover-3d-lift .customer button,\n .animate--hover-3d-lift .shopify-payment-button__button,\n .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {\n transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;\n transform-origin: center;\n }\n\n .animate--hover-3d-lift .card-wrapper:hover .card--card,\n .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,\n .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,\n .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,\n .animate--hover-3d-lift .customer button:not([disabled]):hover,\n .animate--hover-3d-lift .shopify-payment-button__button:hover,\n .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {\n transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease; \/* Slow the card transition speed while hover is active. *\/\n transform: rotate(1deg);\n box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05),\n 0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5);\n }\n\n .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {\n transform: translate(-50%, -50%) scale(1.05); \/* Apply a specialized transform to the video play button. *\/\n }\n\n .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,\n .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {\n transform: rotate(0.5deg); \/* Less intense rotation for collage items. *\/\n }\n\n .animate--hover-3d-lift .product-grid .grid__item:hover,\n .animate--hover-3d-lift .collection-list .grid__item:hover,\n .animate--hover-3d-lift .collage__item:hover,\n .animate--hover-3d-lift .blog-articles .article:hover,\n .animate--hover-3d-lift .complementary-slide li:hover {\n z-index: 2; \/* Make sure the hovered card is the topmost card. *\/\n }\n\n .animate--hover-3d-lift .product-grid {\n isolation: isolate; \/* Ensure z-index changes here don't negatively effect other UI stacking. *\/\n }\n\n .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {\n box-shadow: none;\n transition: transform var(--duration-long) ease, filter var(--duration-long) ease;\n }\n\n .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {\n transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease; \/* Slow the card transition speed while hover is active. *\/\n filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15));\n }\n\n .animate--hover-3d-lift .card-wrapper:hover .card--card:after,\n .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,\n .animate--hover-3d-lift\n .card-wrapper:hover\n .card--shape.card--standard:not(.card--text)\n .card__inner\n .card__media:before {\n background-image: var(--easter-egg);\n background-size: 250px 250px;\n mix-blend-mode: color-dodge;\n pointer-events: none;\n z-index: 2;\n }\n\n .animate--hover-3d-lift\n .card-wrapper:hover\n .card--shape.card--standard:not(.card--text)\n .card__inner\n .card__media:before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n .animate--hover-3d-lift .card-wrapper .card--card:before,\n .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0;\n pointer-events: none;\n transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;\n mix-blend-mode: overlay;\n background-size: 400% 100%;\n background-position: 90% 0;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0) 45%,\n rgba(255, 255, 255, 1) 50%,\n rgba(255, 255, 255, 0) 55%\n );\n }\n\n .animate--hover-3d-lift .card-wrapper:hover .card--card:before,\n .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {\n opacity: 0.2;\n transition: background-position 6s ease, opacity var(--duration-long) ease;\n background-position: left;\n z-index: 2;\n }\n\n :root {\n --easter-egg: none;\n --sparkle: url('.\/sparkle.gif');\n }\n\n .animate--hover-vertical-lift .button:not(.button--tertiary),\n .animate--hover-vertical-lift .shopify-challenge__button,\n .animate--hover-vertical-lift .customer button,\n .animate--hover-vertical-lift .shopify-payment-button__button {\n transition: transform var(--duration-default) var(--ease-out-slow);\n }\n\n .animate--hover-vertical-lift .card-wrapper .card--card,\n .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {\n transition: transform var(--duration-medium) var(--ease-out-slow);\n }\n\n .animate--hover-vertical-lift .card-wrapper:hover .card--card,\n .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {\n transform: translateY(-0.75rem);\n }\n\n .animate--hover-vertical-lift .card-wrapper:active .card--card,\n .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {\n transform: translateY(-0.5rem);\n }\n\n .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,\n .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,\n .animate--hover-vertical-lift .customer button:not([disabled]):hover,\n .animate--hover-vertical-lift .shopify-payment-button__button:hover {\n transform: translateY(-0.25rem);\n }\n\n .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,\n .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,\n .animate--hover-vertical-lift .customer button:not([disabled]):active,\n .animate--hover-vertical-lift .shopify-payment-button__button:active {\n transform: translateY(0);\n }\n\n .animate--hover-vertical-lift .button:not([disabled]):hover:after,\n .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,\n .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {\n --border-offset: 0.3px; \/* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on. *\/\n box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))\n rgba(var(--color-button-text), var(--border-opacity)),\n 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));\n }\n\n .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {\n --border-offset: 0px; \/* Prevent the border from growing on buttons when this effect is on. *\/\n }\n}\n\n\/* Loading spinner *\/\n.loading__spinner {\n position: absolute;\n z-index: 1;\n width: 1.8rem;\n}\n\n.loading__spinner {\n width: 1.8rem;\n display: inline-block;\n}\n\n.spinner {\n animation: rotator 1.4s linear infinite;\n}\n\n@keyframes rotator {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(270deg);\n }\n}\n\n.path {\n stroke-dasharray: 280;\n stroke-dashoffset: 0;\n transform-origin: center;\n stroke: rgb(var(--color-foreground));\n animation: dash 1.4s ease-in-out infinite;\n}\n\n@media screen and (forced-colors: active) {\n .path {\n stroke: CanvasText;\n }\n}\n\n@keyframes dash {\n 0% {\n stroke-dashoffset: 280;\n }\n 50% {\n stroke-dashoffset: 75;\n transform: rotate(135deg);\n }\n 100% {\n stroke-dashoffset: 280;\n transform: rotate(450deg);\n }\n}\n\n.loading__spinner:not(.hidden) + .cart-item__price-wrapper,\n.loading__spinner:not(.hidden) ~ cart-remove-button {\n opacity: 50%;\n}\n\n.loading__spinner:not(.hidden) ~ cart-remove-button {\n pointer-events: none;\n cursor: default;\n}\n\n\/* Progress bar *\/\n.progress-bar-container {\n width: 100%;\n margin: auto;\n}\n\n.progress-bar {\n height: 0.13rem;\n width: 100%;\n}\n\n.progress-bar-value {\n width: 100%;\n height: 100%;\n background-color: rgb(var(--color-foreground));\n animation: indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;\n transform-origin: 0;\n}\n\n.progress-bar .progress-bar-value {\n display: block;\n}\n\n@keyframes indeterminateAnimation {\n 0% {\n transform: translateX(-20%) scaleX(0);\n }\n 40% {\n transform: translateX(30%) scaleX(0.7);\n }\n 100% {\n transform: translateX(100%) scaleX(0);\n }\n}\n\n\/* ===== zoxforge forge theme utilities ===== *\/\n:root{ --zox-gold:#C8A24B; --zox-bg:#0E0E10; --zox-gray:#B8B8C0; }\nbody, p, li, .rte, .rte p{ font-size:1.6rem; line-height:1.7; }\n.button, button, .shopify-payment-button button, .product-form__submit, .newsletter-form__field-wrapper .button{ min-height:44px; display:inline-flex; align-items:center; justify-content:center; }\n\/* trust bar (4 chips) *\/\n.zox-trust-bar{ display:flex; flex-wrap:wrap; gap:1.2rem; justify-content:center; margin:2.4rem 0; }\n.zox-chip{ display:inline-flex; align-items:center; gap:.6rem; padding:1rem 1.8rem; border:1px solid var(--zox-gold); border-radius:40px; color:var(--zox-gold); font-weight:600; font-size:1.5rem; letter-spacing:.02em; background:rgba(200,162,75,.06); }\n.zox-chip svg, .zox-chip .ic{ width:1.8rem; height:1.8rem; flex:0 0 auto; }\n\/* 3 trust badges *\/\n.zox-badges{ display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin:3rem 0; }\n.zox-badge{ text-align:center; padding:2.4rem 1.6rem; border:1px solid rgba(184,184,192,.18); border-radius:8px; background:rgba(255,255,255,.02); }\n.zox-badge .zox-ic{ font-size:3.2rem; margin-bottom:1rem; }\n.zox-badge h3{ color:var(--zox-gold); font-size:1.8rem; margin:0 0 .6rem; }\n.zox-badge p{ color:var(--zox-gray); font-size:1.4rem; margin:0; }\n\/* hero eyebrow + series cards single column on mobile *\/\n.zox-eyebrow{ text-transform:uppercase; letter-spacing:.28em; color:var(--zox-gold); font-size:1.3rem; font-weight:600; margin-bottom:1.2rem; }\n.zox-hero-title{ font-size:clamp(3.2rem,7vw,6rem); line-height:1.05; margin:0 0 1.6rem; }\n.zox-hero-sub{ color:var(--zox-gray); font-size:1.8rem; max-width:60rem; margin:0 auto 2.4rem; }\n.zox-pdp-banner{ display:flex; align-items:center; gap:.8rem; padding:1.2rem 1.6rem; border:1px solid rgba(200,162,75,.4); border-radius:8px; background:rgba(200,162,75,.08); color:var(--zox-gold); font-weight:600; margin:1.6rem 0; }\n.zox-magsafe-badge{ display:inline-flex; align-items:center; gap:.5rem; padding:.5rem 1.2rem; border:1px solid var(--zox-gold); border-radius:40px; color:var(--zox-gold); font-size:1.4rem; font-weight:600; margin:.4rem .4rem 0 0; }\n@media (max-width:749px){\n .zox-badges{ grid-template-columns:1fr; }\n .zox-hero-sub{ font-size:1.6rem; }\n \/* sticky bottom CTA on product pages (mobile) *\/\n .zox-sticky-cta{ position:fixed; left:0; right:0; bottom:0; z-index:60; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.4rem; background:rgba(14,14,16,.96); border-top:1px solid rgba(200,162,75,.4); backdrop-filter:blur(8px); }\n .zox-sticky-cta .price{ color:#fff; font-weight:700; font-size:1.8rem; }\n .zox-sticky-cta .button{ margin:0; flex:1 1 auto; max-width:60%; }\n body.template-product{ padding-bottom:7rem; }\n}\n\n\/* ===== zoxforge hero image layout ===== *\/\n.zox-hero-wrap{position:relative;min-height:600px;overflow:hidden}\n.zox-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center right;z-index:0}\n.zox-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(14,14,16,.92) 0%,rgba(14,14,16,.65) 50%,rgba(14,14,16,.40) 100%);z-index:1}\n@media(max-width:749px){.zox-hero-wrap{min-height:480px}.zox-hero-bg{object-position:center center}}\n","created_at":"2026-04-20T19:14:44-07:00","updated_at":"2026-07-27T20:18:23-07:00","content_type":"text\/css","size":83657,"checksum":"b6069da29f5d3174f3a3e6d8354c5bbe","theme_id":158364860629}} /* CACHE TEST 112543 */