/** Shopify CDN: Minification failed

Line 555:504 Unterminated string token
Line 556:50 Unterminated string token
Line 557:95 Unterminated string token
Line 558:52 Unterminated string token

**/
*{box-sizing:border-box}@font-face{font-family:"Arthington";src:url(/cdn/shop/files/Arthington.woff2?v=1724771635)
format("woff2");font-weight:400;font-style:normal;font-display:swap}

body{
  color:var(--color-foreground);
  background:var(--color-background);
  margin:0;
  min-height:100svh;
}
:root{--hover-lift-amount:4px;--hover-scale-amount:1.03;--hover-subtle-zoom-amount:1.015;--hover-shadow-color:var(--color-shadow);--hover-transition-duration:0.25s;--hover-transition-timing:ease-out}html{scrollbar-width:thin;scrollbar-color:rgb(from
var(--color-foreground) r g b / 40%)
var(--color-background);scroll-behavior:smooth}html[scroll-lock]{overflow:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}

img{height:auto}

input,textarea,select{font:inherit;border-radius:var(--style-border-radius-inputs)}input:hover{background-color:var(--color-input-hover-background)}select{background-color:var(--color-background);color:currentcolor}.product-card,.collection-card,.resource-card,.predictive-search-results__card--product,.predictive-search-results__card{position:relative;transition:transform
var(--hover-transition-duration)
var(--hover-transition-timing),box-shadow
var(--hover-transition-duration)
var(--hover-transition-timing);will-change:transform,box-shadow;z-index:var(--layer-flat)}.predictive-search-results__card
.product-card,.predictive-search-results__card
.collection-card,.predictive-search-results__card
.resource-card{transition:none;will-change:auto}@media
(any-pointer:fine) and
(prefers-reduced-motion:no-preference){.card-hover-effect-lift
.product-card:hover,.card-hover-effect-lift
.collection-card:hover,.card-hover-effect-lift
.resource-card:hover,.card-hover-effect-lift
.predictive-search-results__card:hover{transform:translateY(calc(-1 *
var(--hover-lift-amount)))}.card-hover-effect-lift .header
.product-card:hover,.card-hover-effect-lift .header
.collection-card:hover,.card-hover-effect-lift .header
.resource-card:hover,.card-hover-effect-lift .header-drawer
.product-card:hover,.card-hover-effect-lift .header-drawer
.collection-card:hover,.card-hover-effect-lift .header-drawer
.resource-card:hover{transform:none}.card-hover-effect-scale
.product-card:hover,.card-hover-effect-scale
.collection-card:hover,.card-hover-effect-scale
.resource-card:hover,.card-hover-effect-scale
.predictive-search-results__card:hover{transform:scale(var(--hover-scale-amount))}.card-hover-effect-scale
.header .product-card:hover,.card-hover-effect-scale .header
.collection-card:hover,.card-hover-effect-scale .header
.resource-card:hover,.card-hover-effect-scale .header-drawer
.product-card:hover,.card-hover-effect-scale .header-drawer
.collection-card:hover,.card-hover-effect-scale .header-drawer
.resource-card:hover{transform:none}.card-hover-effect-subtle-zoom
.card-gallery,.card-hover-effect-subtle-zoom
.collection-card__image,.card-hover-effect-subtle-zoom
.product-card__image,.card-hover-effect-subtle-zoom
.resource-card__image{overflow:hidden;transition:transform
var(--hover-transition-duration)
var(--hover-transition-timing)}.predictive-search-results__card
.card-gallery,.predictive-search-results__card
.collection-card__image,.predictive-search-results__card
.product-card__image,.predictive-search-results__card
.resource-card__image{transition:none}.card-hover-effect-subtle-zoom
.product-card:hover .card-gallery,.card-hover-effect-subtle-zoom
.collection-card:hover
.collection-card__image,.card-hover-effect-subtle-zoom
.product-card:hover .product-card__image,.card-hover-effect-subtle-zoom
.resource-card:hover
.resource-card__image,.card-hover-effect-subtle-zoom
.predictive-search-results__card:hover{transform:scale(var(--hover-subtle-zoom-amount))}.card-hover-effect-subtle-zoom
.header .product-card:hover .card-gallery,.card-hover-effect-subtle-zoom
.header .collection-card:hover
.collection-card__image,.card-hover-effect-subtle-zoom .header
.product-card:hover .product-card__image,.card-hover-effect-subtle-zoom
.header .resource-card:hover
.resource-card__image,.card-hover-effect-subtle-zoom .header-drawer
.product-card:hover .card-gallery,.card-hover-effect-subtle-zoom
.header-drawer .collection-card:hover
.collection-card__image,.card-hover-effect-subtle-zoom .header-drawer
.product-card:hover .product-card__image,.card-hover-effect-subtle-zoom
.header-drawer .resource-card:hover
.resource-card__image{transform:none}.predictive-search-results__card
.product-card:hover,.predictive-search-results__card
.collection-card:hover,.predictive-search-results__card
.resource-card:hover,.header .product-card:hover,.header
.collection-card:hover,.header .resource-card:hover,.header-drawer
.product-card:hover,.header-drawer .collection-card:hover,.header-drawer
.resource-card:hover{transform:none;box-shadow:none}}dialog{background-color:var(--color-background);color:var(--color-foreground)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p:empty{display:none}:is(p,h1,h2,h3,h4,h5,h6):first-child,:empty:first-child+:where(p,h1,h2,h3,h4,h5,h6){margin-block-start:0}:is(p,h1,h2,h3,h4,h5,h6):last-child,:where(p,h1,h2,h3,h4,h5,h6)+:has(+:empty:last-child){margin-block-end:0}@media
(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}:root{view-transition-name:none}html:active-view-transition-type(page-navigation),html:active-view-transition-type(product-image-transition){view-transition-name:root-custom}::view-transition{pointer-events:none}html:active-view-transition-type(page-navigation)
main[data-page-transition-enabled='true']{view-transition-name:main-content}html:active-view-transition-type(page-navigation)
main[data-product-transition='true'][data-template*='product']{view-transition-name:none}::view-transition-old(main-content){animation:var(--view-transition-old-main-content)}::view-transition-new(main-content){animation:var(--view-transition-new-main-content)}html:active-view-transition-type(product-image-transition){[data-view-transition-type='product-image-transition']{view-transition-name:product-image-transition}[data-view-transition-type='product-details']{view-transition-name:product-details}}::view-transition-group(product-image-transition){z-index:1}::view-transition-group(product-image-transition),::view-transition-group(product-details){animation-duration:var(--animation-speed);animation-timing-function:var(--animation-easing)}::view-transition-old(product-image-transition),::view-transition-new(product-image-transition){block-size:100%;overflow:hidden;object-fit:cover;animation-duration:0.25s;animation-timing-function:var(--animation-easing)}::view-transition-new(product-details){animation:var(--view-transition-new-main-content)}}*:focus-visible{outline:var(--focus-outline-width)
solid currentcolor;outline-offset:var(--focus-outline-offset)}@supports
not selector(:focus-visible){*:focus{outline:var(--focus-outline-width)
solid
currentcolor;outline-offset:var(--focus-outline-offset)}}.focus-inset{outline-offset:calc(var(--focus-outline-width) *
-1)}.content-for-layout{flex:1}.page-width-wide,.page-width-normal,.page-width-narrow,.page-width-content{--page-margin:16px}@media
screen and
(width>=750px){.page-width-wide,.page-width-normal,.page-width-narrow,.page-width-content{--page-margin:40px}}.page-width-wide{--page-content-width:var(--wide-page-width);--page-width:calc(var(--page-content-width) +
(var(--page-margin) *
2))}.page-width-normal{--page-content-width:var(--normal-page-width);--page-width:calc(var(--page-content-width) +
(var(--page-margin) *
2))}.page-width-narrow,.page-width-content{--page-content-width:var(--narrow-page-width);--page-width:calc(var(--page-content-width) +
(var(--page-margin) *
2))}.page-width-content{--page-content-width:var(--normal-content-width);--page-width:calc(var(--page-content-width) +
(var(--page-margin) *
2))}.section{--full-page-grid-central-column-width:min(
var(--page-width) - var(--page-margin) * 2,
calc(100% - var(--page-margin) * 2)
);--full-page-grid-margin:minmax(var(--page-margin),
1fr);--full-page-grid-with-margins:var(--full-page-grid-margin)
var(--full-page-grid-central-column-width)
var(--full-page-grid-margin);--util-page-margin-offset:max(
var(--page-margin),
calc((100% - min(var(--page-content-width), calc(100% -
(var(--page-margin) * 2)))) / 2)
);--full-page-margin-inline-offset:calc(((100vw -
var(--full-page-grid-central-column-width)) / 2) *
-1);width:100%;position:relative;display:grid;grid-template-columns:var(--full-page-grid-with-margins);min-height:var(--section-min-height,'auto')}.section>*{grid-column:2}.shopify-section:not(.header-section)
:is(.section:is([class*='color-scheme-']),.cart__summary-container){background:#fff0}.shopify-section:not(.header-section):has(.section:is([class*='color-scheme-'])){position:relative;.section-background{content:'';position:absolute;inset:0;z-index:var(--layer-section-background)}}.section--page-width>*{grid-column:2}.section--full-width>*{grid-column:1
/ -1}.section--page-width.section--full-width-right>*{grid-column:2 /
4}.section--full-width.section--full-width-margin>*{grid-column:1 /
-1;@media screen and
(width>=750px){padding-left:var(--page-margin);padding-right:var(--page-margin)}}.section>.force-full-width{grid-column:1
/
-1}.section--height-small{--section-min-height:var(--section-height-small)}.section--height-medium{--section-min-height:var(--section-height-medium)}.section--height-large{--section-min-height:var(--section-height-large)}.section--height-full-screen{--section-min-height:100svh}.section-content-wrapper.section-content-wrapper{min-height:calc(var(--section-min-height,
'auto') - var(--section-height-offset,
0px));position:relative;width:100%;height:100%}.hidden{display:none!important}@media
screen and (width <
750px){.hidden--mobile,.mobile\\:hidden{display:none!important}}@media
screen and
(width>=750px){.hidden--desktop,.desktop\\:hidden{display:none!important}}.hide-when-empty:empty{display:none!important}.visually-hidden:not(:focus,:active){position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0
0 0 0);word-wrap:normal!important}@media screen and (width <
750px){.is-visually-hidden-mobile:not(:focus,:active){position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0
0 0
0);word-wrap:normal!important}}.flex{display:flex;gap:var(--gap-md)}.flip-x{scale:-1
1}.flip-y{scale:1
-1}.list-unstyled{margin:0;padding:0;list-style:none}.skip-to-content-link{position:absolute;overflow:hidden;height:1px;clip-path:rect(0
0 0
0);word-wrap:normal!important}.skip-to-content-link:focus{z-index:var(--layer-temporary);overflow:auto;width:auto;height:auto;clip-path:unset;padding:var(--padding-lg)
var(--padding-4xl);left:var(--margin-lg);top:var(--margin-lg);box-shadow:0
0 0 var(--focus-outline-offset)
var(--color-background)}.text-left{--text-align:left;text-align:left}.text-center{--text-align:center;text-align:center}.text-right{--text-align:right;text-align:right}.text-inherit{color:inherit}.justify-left{justify-content:left}.justify-center{justify-content:center}.justify-right{justify-content:right}.title--aligned-center{display:flex;align-items:center;gap:1rem}.background-image-container{overflow:hidden;position:absolute;inset:0;opacity:var(--image-opacity)}.background-image-container
img,.background-image-container
svg{object-fit:cover;width:100%;height:100%}.background-image-fit
img,.background-image-fit
svg{object-fit:contain}.svg-wrapper{color:currentcolor;display:inline-flex;justify-content:center;align-items:center;width:var(--icon-size-sm);height:var(--icon-size-sm);pointer-events:none}.svg-wrapper--smaller{width:var(--icon-size-2xs);height:var(--icon-size-2xs)}.svg-wrapper--small{width:var(--icon-size-xs);height:var(--icon-size-xs)}.svg-wrapper>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.relative{position:relative}.icon-success,.icon-error{width:var(--icon-size-md);height:var(--icon-size-md);flex-shrink:0}.icon-success{color:var(--color-success)}.icon-error{fill:var(--color-error)}placeholder-image{display:block;height:100%;aspect-ratio:var(--ratio)}placeholder-image[data-type='product']{background-color:rgba(from
var(--color-foreground) r g b /
15%);width:100%}placeholder-image[data-type='product']>img{mix-blend-mode:luminosity}placeholder-image[data-type='product']:not(:has(>img)){aspect-ratio:var(--ratio);height:350px}placeholder-image>img{object-fit:cover;aspect-ratio:var(--ratio);height:100%}body,.paragraph:not(.button),.paragraph>*{font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);text-transform:var(--font-paragraph--case);-webkit-font-smoothing:antialiased;color:var(--color,var(--color-foreground))}.paragraph>small{font-size:smaller}h1,.h1.h1,.text-block.h1>*{font-family:var(--font-h1--family);font-style:var(--font-h1--style);font-weight:var(--font-h1--weight);font-size:var(--font-h1--size);line-height:var(--font-h1--line-height);letter-spacing:var(--font-h1--letter-spacing);text-transform:var(--font-h1--case);color:var(--color,var(--font-h1-color))}h2,.h2.h2,.text-block.h2>*{font-family:var(--font-h2--family);font-style:var(--font-h2--style);font-weight:var(--font-h2--weight);font-size:var(--font-h2--size);line-height:var(--font-h2--line-height);letter-spacing:var(--font-h2--letter-spacing);text-transform:var(--font-h2--case);color:var(--color,var(--font-h2-color))}h3,.h3,.h3.h3,.text-block.h3>*{font-family:var(--font-h3--family);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);font-size:var(--font-h3--size);line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);text-transform:var(--font-h3--case);color:var(--color,var(--font-h3-color))}h4,.h4.h4,.text-block.h4>*{font-family:var(--font-h4--family);font-style:var(--font-h4--style);font-weight:var(--font-h4--weight);font-size:var(--font-h4--size);line-height:var(--font-h4--line-height);letter-spacing:var(--font-h4--letter-spacing);text-transform:var(--font-h4--case);color:var(--color,var(--font-h4-color))}h5,.h5.h5,.text-block.h5>*{font-family:var(--font-h5--family);font-style:var(--font-h5--style);font-weight:var(--font-h5--weight);font-size:var(--font-h5--size);line-height:var(--font-h5--line-height);letter-spacing:var(--font-h5--letter-spacing);text-transform:var(--font-h5--case);color:var(--color,var(--font-h5-color))}h6,.h6.h6,.text-block.h6>*{font-family:var(--font-h6--family);font-style:var(--font-h6--style);font-weight:var(--font-h6--weight);font-size:var(--font-h6--size);line-height:var(--font-h6--line-height);letter-spacing:var(--font-h6--letter-spacing);text-transform:var(--font-h6--case);color:var(--color,var(--font-h6-color))}:is(.h1,.h2,.h3,.h4,.h5,.h6):first-child{margin-block-start:0}:is(.h1,.h2,.h3,.h4,.h5,.h6):last-child{margin-block-end:0}a{--button-color:var(--color,
var(--color-primary));color:var(--button-color);text-decoration-color:#fff0;text-decoration-thickness:.075em;text-underline-offset:.125em;transition:text-decoration-color
var(--animation-speed) var(--animation-easing),color
var(--animation-speed)
var(--animation-easing)}:is(h1,h2,h3,h4,h5,h6,p)>a:hover{--button-color:var(--color,
var(--color-primary-hover))}p:not(.h1,.h2,.h3,.h4,.h5,.h6)
a:where(:not(.button,.button-primary,.button-secondary)),.rte
:is(p,ul,ol,table):not(.h1,.h2,.h3,.h4,.h5,.h6)
a:where(:not(.button,.button-primary,.button-secondary)){text-decoration-color:currentcolor;&:hover{text-decoration-color:#fff0;color:var(--color-primary-hover)}}.container-background-image{background-repeat:no-repeat;background-size:cover;background-position:center
center}details[open] .summary-closed{display:none}details:not([open])
.summary-open{display:none}details[open]>summary
.icon-animated>svg{transform:rotate(180deg)}summary::-webkit-details-marker{display:none}.featured-collection-block{width:100%}.product-grid-container{display:block;width:100%;padding-block:var(--padding-block-start)
var(--padding-block-end);@media screen and
(width>=750px){display:grid}}.product-grid{display:grid;grid-template-columns:1fr
1fr;gap:var(--product-grid-gap);margin:auto;padding:0;list-style:none}@media
screen and
(width>=750px){.product-grid{grid-template-columns:var(--product-grid-columns-desktop)}}.product-grid
:is(h3,p){margin:0}.product-grid__item{border:var(--product-card-border-width)
solid rgba(from var(--color-border) r g b /
var(--product-card-border-opacity))}.product-grid--organic[product-grid-view='default']
.product-grid__item{height:fit-content}.product-grid__link.product-grid__link{display:flex;flex-flow:column
nowrap;gap:var(--product-card-gap);align-items:var(--product-card-alignment);text-decoration:none;color:var(--color,var(--color-foreground));padding-block:var(--padding-block-start)
var(--padding-block-end);padding-inline:var(--padding-inline-start)
var(--padding-inline-end);overflow:hidden}[product-grid-view='zoom-out']
.product-grid__link{row-gap:var(--padding-xs)}[product-grid-view='default']{--product-grid-gap:16px;--padding-block-start:24px;--padding-block-end:24px;--padding-inline-start:0;--padding-inline-end:0}[product-grid-view='default']
.product-grid__item{padding-block:0}[product-grid-view='mobile-single'],.product-grid-mobile--large{@media
screen and (width <
750px){grid-template-columns:1fr}}.product-grid__link
.group-block>*{@media screen and (width
<=749px){flex-direction:column}}ul[product-grid-view='zoom-out']
.product-grid__link>*{display:none}ul[product-grid-view='zoom-out']
.product-grid__link
.card-gallery{display:block}[product-grid-view='zoom-out']
.card-gallery>:is(quick-add-component,.product-badges,slideshow-component>slideshow-controls){display:none}[product-grid-view='zoom-out']
:is(.card-gallery,.card-gallery
.slideshow-control){pointer-events:none}ul[product-grid-view='zoom-out']
.card-gallery>img{display:block}[product-grid-view='zoom-out']{--product-grid-columns-desktop:repeat(
10,
minmax(clamp(50px, calc(100% - 9 * var(--product-grid-gap)) / 10, 80px),
1fr)
)}.product-grid-view-zoom-out--details{display:none}.product-grid-view-zoom-out--details
.h4,.product-grid-view-zoom-out--details
span,.product-grid-view-zoom-out--details
s{font-size:var(--font-size--xs);font-family:var(--font-paragraph--family)}.product-grid-view-zoom-out--details
span{font-weight:500}.product-grid-view-zoom-out--details
.h4{line-height:1.3;font-weight:400}.product-grid-view-zoom-out--details>span.h6,.product-grid-view-zoom-out--details>div.h6>product-price{display:inline-block;line-height:0;margin-top:var(--margin-2xs)}.product-grid-view-zoom-out--details>span.h6>*,.product-grid-view-zoom-out--details>div.h6>*>*{line-height:1.2}@media
(prefers-reduced-motion:no-preference){:root:active-view-transition-type(product-grid){details[open]
floating-panel-component{view-transition-name:panel-content;.checkbox
*,.facets__pill-label{transition:none}}.product-grid{view-transition-name:product-grid}footer{view-transition-name:footer}.product-grid__item,floating-panel-component{transition:none}}}::view-transition-group(panel-content){z-index:1}::view-transition-new(product-grid){animation-delay:150ms;animation-name:fadeInUp;animation-duration:var(--animation-speed);animation-timing-function:var(--animation-easing)}results-list[initialized]{.product-grid__item{transition:opacity
var(--animation-speed) var(--animation-easing),transform
var(--animation-speed)
var(--animation-easing);@starting-style{opacity:0;transform:translateY(10px)}}}@keyframes
fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:is(.product-grid__item,.resource-list__item)
.product-card{display:grid;height:100%}.video-background,.video-background
*{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.video-background--cover
*{object-fit:cover}.video-background--contain
*{object-fit:contain}.text-block{width:100%}.text-block>*:first-child,.text-block>*:empty:first-child+*{margin-block-start:0}.text-block>*:last-child,.text-block>*:has(+*:empty:last-child){margin-block-end:0}.text-block>style+*{margin-block-start:0}.dialog-modal{border:none;box-shadow:var(--shadow-popover);@media
screen and
(width>=750px){border-radius:var(--style-border-radius-popover);max-width:var(--normal-content-width)}@media
screen and (width <
750px){max-width:100%;max-height:100%;height:100dvh;width:100dvw;padding:var(--padding-md)}}.dialog-modal::backdrop{transition:backdrop-filter
var(--animation-speed)
var(--animation-easing);backdrop-filter:brightness(1);background:rgba(from
var(--backdrop-color) r g b /
var(--backdrop-opacity))}.dialog-modal[open]{animation:elementSlideInTop
var(--animation-speed) var(--animation-easing)
forwards;&::backdrop{animation:backdropFilter var(--animation-speed)
var(--animation-easing) forwards;transition:opacity
var(--animation-speed)
var(--animation-easing)}}.dialog-modal.dialog-closing{animation:elementSlideOutTop
var(--animation-speed) var(--animation-easing)
forwards;&::backdrop{opacity:0}}.dialog-drawer{--dialog-drawer-opening-animation:slideInLeft;--dialog-drawer-closing-animation:slideOutLeft}.dialog-drawer--right{--dialog-drawer-opening-animation:slideInRight;--dialog-drawer-closing-animation:slideOutRight}.dialog-drawer[open]{animation:var(--dialog-drawer-opening-animation)
var(--animation-speed) var(--animation-easing)
forwards}.dialog-drawer.dialog-closing{animation:var(--dialog-drawer-closing-animation)
var(--animation-speed)
var(--animation-easing)}.button,.button-secondary,button.shopify-payment-button__button--unbranded{--text-align:center;display:grid;align-content:center;text-decoration:none;text-align:var(--text-align);color:var(--button-color);appearance:none;background-color:var(--button-background-color);border:none;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);margin-block:0;transition:color
var(--animation-speed) var(--animation-easing),box-shadow
var(--animation-speed) var(--animation-easing),background-color
var(--animation-speed)
var(--animation-easing);cursor:pointer;width:fit-content;box-shadow:inset
0 0 0 var(--button-border-width)
var(--button-border-color);padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline)}.button{font-family:var(--button-font-family-primary);font-weight:var(--button-font-weight-primary);text-transform:var(--button-text-case-primary);border-radius:var(--style-border-radius-buttons-primary)}.button:not(.button-secondary,.button-unstyled){outline-color:var(--button-background-color)}.button-secondary{font-family:var(--button-font-family-secondary);font-weight:var(--button-font-weight-secondary);text-transform:var(--button-text-case-secondary);border-radius:var(--style-border-radius-buttons-secondary)}button.shopify-payment-button__button--unbranded{font-family:var(--button-font-family-primary);font-weight:var(--button-font-weight-primary);text-transform:var(--button-text-case-primary)}textarea,input{background-color:var(--color-input-background);border-color:var(--color-input-border)}textarea::placeholder,input::placeholder{color:var(--color-input-text)}textarea:not(:placeholder-shown)::placeholder,input:not(:placeholder-shown)::placeholder{opacity:0}.button[hidden]{display:none}.button[aria-disabled='true'],.button-secondary[aria-disabled='true'],.button:disabled{opacity:.5;cursor:not-allowed}.button,button.shopify-payment-button__button--unbranded{--button-color:var(--color-primary-button-text);--button-background-color:var(--color-primary-button-background);--button-border-color:var(--color-primary-button-border);--button-border-width:var(--style-border-width-primary)}.button:hover,button.shopify-payment-button__button--unbranded:hover:not([disabled]){--button-color:var(--color-primary-button-hover-text);--button-background-color:var(--color-primary-button-hover-background);--button-border-color:var(--color-primary-button-hover-border)}.button-secondary{--button-color:var(--color-secondary-button-text);--button-background-color:var(--color-secondary-button-background);--button-border-color:var(--color-secondary-button-border);--button-border-width:var(--style-border-width-secondary)}.button-secondary:hover{--button-color:var(--color-secondary-button-hover-text);--button-background-color:var(--color-secondary-button-hover-background);--button-border-color:var(--color-secondary-button-hover-border)}button.shopify-payment-button__button--unbranded:hover:not([disabled]){background-color:var(--button-background-color)}.button-unstyled{display:block;padding:0;background-color:inherit;color:inherit;border:0;border-radius:0;overflow:hidden;box-shadow:none;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-size:var(--font-paragraph--size)}.button-unstyled:hover{background-color:inherit}.button-unstyled--with-icon{color:var(--color-foreground);display:flex;gap:var(--gap-2xs);align-items:center}.button-unstyled--transparent{background-color:#fff0;box-shadow:none}.show-more__button{color:var(--color-primary);cursor:pointer}.show-more__button:hover{@media
screen and
(width>=750px){color:var(--color-primary-hover)}}.show-more__label{text-align:start;font-size:var(--font-size--body-md);font-family:var(--font-paragraph--family)}.show-more__button
.svg-wrapper{width:var(--icon-size-xs);height:var(--icon-size-xs)}.show-more[data-expanded='true']
.show-more__label--more,.show-more[data-expanded='false']
.show-more__label--less{display:none}.link{display:inline-block;text-align:center}shopify-accelerated-checkout,shopify-accelerated-checkout-cart{--shopify-accelerated-checkout-button-border-radius:var(--style-border-radius-buttons-primary);--shopify-accelerated-checkout-button-block-size:var(--height-buy-buttons)}.product-form-buttons:has(.add-to-cart-button.button-secondary)
:is(shopify-accelerated-checkout,shopify-accelerated-checkout-cart){--shopify-accelerated-checkout-button-border-radius:var(--style-border-radius-buttons-secondary);--shopify-accelerated-checkout-button-block-size:var(--height-buy-buttons)}.icon-caret
svg{transition:transform var(--animation-speed)
var(--animation-easing)}.icon-caret--forward
svg{transform:rotate(-90deg)}.icon-caret--backward
svg{transform:rotate(90deg)}summary{display:flex;align-items:center;cursor:pointer;list-style:none;padding-block:var(--padding-sm)}summary:hover{color:var(--color-primary-hover)}summary
.svg-wrapper{margin-inline-start:auto;height:var(--icon-size-xs);width:var(--icon-size-xs);transition:transform
var(--animation-speed) var(--animation-easing)}summary .icon-plus
:is(.horizontal,.vertical),.show-more__button .icon-plus
:is(.horizontal,.vertical){transition:transform var(--animation-speed)
var(--animation-easing);transform:rotate(0deg);transform-origin:50%
50%;opacity:1}details[open]>summary .icon-plus
.horizontal,.details-open>summary .icon-plus
.horizontal,.show-more:where([data-expanded='true']) .show-more__button
.icon-plus .horizontal{transform:rotate(90deg)}details[open]>summary
.icon-plus .vertical,.details-open>summary .icon-plus
.vertical,.show-more:where([data-expanded='true']) .show-more__button
.icon-plus
.vertical{transform:rotate(90deg);opacity:0}media-gallery{display:block;width:100%}:where(media-gallery,.product-grid__item){.media-gallery__grid{grid-template-columns:1fr;gap:var(--image-gap)}}.product-media-gallery__slideshow--single-media
slideshow-container{@media screen and (width <
750px){grid-area:unset}}:not(.dialog-zoomed-gallery)>.product-media-container{display:flex;aspect-ratio:var(--gallery-aspect-ratio,var(--media-preview-ratio));max-height:var(--constrained-height);position:relative;--slide-width:round(up,
100%,
1px);overflow:hidden;&:where(.constrain-height){--viewport-offset:400px;--constrained-min-height:300px;--constrained-height:max(var(--constrained-min-height),
calc(100vh -
var(--viewport-offset)));margin-right:auto;margin-left:auto}}media-gallery:where(.media-gallery--grid)
.media-gallery__grid{display:none}.product-media
:is(deferred-media,product-model){position:absolute}@media screen and
(width>=750px){.product-media-container.constrain-height{--viewport-offset:var(--header-height,
100px);--constrained-min-height:500px}.media-gallery--two-column
.media-gallery__grid{grid-template-columns:repeat(2,1fr)}.media-gallery--large-first-image
.product-media-container:first-child,.media-gallery--two-column
.product-media-container:only-child{grid-column:span
2}media-gallery:is(.media-gallery--grid)
slideshow-component{display:none}media-gallery:where(.media-gallery--grid)
.media-gallery__grid{display:grid}}.product-media-container--model{flex-direction:column}.shopify-model-viewer-ui__controls-area{bottom:calc(var(--minimum-touch-target) +
var(--padding-sm))}.product-media-container
img{aspect-ratio:inherit;object-fit:contain;object-position:center
center}.product-media-container.media-fit{--product-media-fit:cover;img{object-fit:var(--product-media-fit)}}.product-media-container__zoom-button{position:absolute;width:100%;height:100%;z-index:var(--layer-flat);cursor:zoom-in}zoom-dialog
dialog{width:100vw;height:100vh;border:none;margin:0;padding:0;max-width:100%;max-height:100%;background:#fff;opacity:0;transition:opacity
var(--animation-speed)
var(--animation-easing);scrollbar-width:none;&[open]{opacity:1}@media
(prefers-reduced-motion:no-preference){scroll-behavior:smooth}&::backdrop{background:#fff0}}.close-button{position:fixed;top:var(--margin-lg);right:var(--margin-lg);width:var(--minimum-touch-target);height:var(--minimum-touch-target);z-index:var(--layer-flat);background-color:#fff0;display:flex;align-items:center;justify-content:center;opacity:0;animation:elementSlideInBottom
var(--animation-speed) var(--animation-easing)
forwards;animation-delay:calc(var(--animation-speed) *
2)}.dialog--closed .close-button{animation:elementSlideOutBottom
calc(var(--animation-speed) * 0.5) var(--animation-easing)
forwards}.dialog-thumbnails-list-container{position:fixed;width:100%;bottom:0;display:flex;z-index:var(--layer-raised)}.dialog-thumbnails-list{position:relative;display:inline-flex;flex-direction:row;gap:8px;bottom:0;overflow-x:auto;opacity:0;padding:var(--padding-lg);margin-inline:auto;scrollbar-width:none;animation:thumbnailsSlideInBottom
calc(var(--animation-speed) * 0.75) var(--animation-easing)
forwards;animation-delay:calc(var(--animation-speed) *
1.5)}.dialog--closed
.dialog-thumbnails-list{animation:thumbnailsSlideOutBottom
var(--animation-speed) var(--animation-easing) forwards}@media screen
and
(width>=750px){.dialog-thumbnails-list{position:fixed;flex-direction:column;inset:50%
var(--margin-lg) auto auto;right:0;max-height:calc(100vh -
200px);overflow-y:auto;animation:thumbnailsSlideInTop
calc(var(--animation-speed) * 0.5) var(--animation-easing)
forwards;animation-delay:calc(var(--animation-speed) *
2)}.dialog--closed
.dialog-thumbnails-list{animation:thumbnailsSlideOutTop
var(--animation-speed) var(--animation-easing)
forwards}}.dialog-thumbnails-list__thumbnail{width:var(--thumbnail-width);height:auto;transition:transform
var(--animation-speed)
var(--animation-easing);flex-shrink:0;border-radius:var(--media-radius);img{height:100%;object-fit:cover;border-radius:var(--media-radius);aspect-ratio:var(--aspect-ratio)}&:is([aria-selected='true']){outline:var(--focus-outline-width)
solid currentcolor;outline-offset:calc(var(--focus-outline-offset) /
2);border:var(--style-border-width) solid rgba(from var(--color-border)
r g b /
var(--media-border-opacity))}}.close-button:hover{background-color:#fff0;opacity:.8}.close-button
svg{width:20px;height:20px}.product-media{display:flex;flex:1}.product-media__image~*
.deferred-media__poster-image{display:none}.product-media-container:has(.deferred-media__playing)
.product-media__image{opacity:0;transition:opacity
var(--animation-speed)
var(--animation-easing)}:is(product-model,deferred-media){height:100%;width:100%;position:relative}product-model
model-viewer,:is(deferred-media,product-model)>.deferred-media__poster-button~*:not(template){display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding:inherit}slideshow-slide
.shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{bottom:var(--padding-sm);right:var(--padding-sm)}.dialog-zoomed-gallery
.shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{bottom:calc(var(--thumbnail-width)
/ calc(var(--media-preview-ratio)) + var(--padding-lg) *
2);right:var(--padding-lg)}@media screen and (width <
750px){slideshow-component:has(:not(.mobile\\:hidden)
:is(.slideshow-controls__dots,.slideshow-controls__counter))
.shopify-model-viewer-ui__controls-area{bottom:calc(var(--minimum-touch-target) +
var(--padding-sm))}}@media screen and
(width>=750px){slideshow-component:has(:not(.desktop\\:hidden)
:is(.slideshow-controls__dots,.slideshow-controls__counter))
.shopify-model-viewer-ui__controls-area{bottom:calc(var(--minimum-touch-target) +
var(--padding-sm))}.dialog-zoomed-gallery
.shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{bottom:var(--padding-lg);right:calc(var(--thumbnail-width) +
var(--padding-lg) *
2)}}:is(deferred-media,.video-placeholder-wrapper).border-style{overflow:hidden}deferred-media{&:has(:focus-visible){outline:var(--focus-outline-width)
solid currentcolor;outline-offset:var(--focus-outline-offset)}@supports
not
selector(:focus-visible){&:has(:focus){outline:var(--focus-outline-width)
solid
currentcolor;outline-offset:var(--focus-outline-offset)}}}.deferred-media__poster-button{width:100%;height:100%;aspect-ratio:var(--video-aspect-ratio,auto)}.deferred-media__poster-button.deferred-media__playing{opacity:0;transition:opacity
0.3s ease}deferred-media
img{height:100%;object-fit:cover;transition:opacity 0.3s
ease}deferred-media
iframe{width:100%;height:100%;border:none;aspect-ratio:var(--size-style-aspect-ratio,auto)}deferred-media[data-media-loaded]
img{opacity:0}.deferred-media__poster-icon,.video-placeholder-wrapper__poster-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center}.deferred-media__poster-icon
svg,.video-placeholder-wrapper__poster-icon
svg{width:var(--button-size);height:var(--button-size);color:var(--color-white);filter:drop-shadow(var(--shadow-button));&:hover{color:rgba(from
var(--color-white) r g b / 80%)}@media screen and
(width>=750px){width:4rem;height:4rem}}deferred-media[class]
:is(.deferred-media__poster-button
img,.deferred-media__poster-button~video){object-fit:cover;height:100%;aspect-ratio:var(--size-style-aspect-ratio,auto)}.button-shopify-xr{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--padding-md)}.button-shopify-xr>svg{width:var(--icon-size-sm);height:var(--icon-size-sm);fill:currentcolor;margin-inline-end:var(--margin-md)}.button-shopify-xr[data-shopify-xr-hidden]{display:none}.swatch{--color-border:rgb(from
var(--color-foreground) r g b /
var(--style-border-swatch-opacity));--min-width-unitless:15.9999;--min-height-unitless:15.9999;--min-height:16px;--min-width:16px;--scaling-factor:0.5;--max-swatch-size:28px;--max-pill-size:20px;--max-filter-size:32px;--offset-swatch-width:calc(var(--variant-picker-swatch-width-unitless) -
var(--min-width-unitless));--offset-swatch-height:calc(var(--variant-picker-swatch-height-unitless) -
var(--min-height-unitless));--offset-scaled-width:calc(
var(--scaling-factor) * var(--offset-swatch-width) /
var(--offset-swatch-height) * var(--offset-max-swatch-size)
);--offset-scaled-height:calc(
var(--scaling-factor) * var(--offset-swatch-height) /
var(--offset-swatch-width) * var(--offset-max-swatch-size)
);--offset-max-swatch-size:calc(var(--max-swatch-size) -
var(--min-width));--swatch-width:min(
calc(var(--min-width) + calc(var(--scaling-factor) *
var(--offset-swatch-width) * 1px)),
calc(var(--min-width) + var(--offset-scaled-width)),
var(--max-swatch-size)
);--swatch-height:min(
calc(var(--min-height) + calc(var(--scaling-factor) *
var(--offset-swatch-height) * 1px)),
calc(var(--min-height) + var(--offset-scaled-height)),
var(--max-swatch-size)
);display:block;background:var(--swatch-background);background-position:var(--swatch-focal-point,center);border-radius:var(--variant-picker-swatch-radius);border:var(--style-border-swatch-width)
var(--style-border-swatch-style)
var(--color-border);width:var(--swatch-width);height:var(--swatch-height);background-size:var(--swatch-width)
var(--swatch-height);&.swatch--unavailable{border-style:dashed}&.swatch--unscaled{--swatch-width:var(--variant-picker-swatch-width);--swatch-height:var(--variant-picker-swatch-height)}&.swatch--filter{--swatch-width:var(--max-filter-size);--swatch-height:var(--max-filter-size);border-radius:var(--variant-picker-swatch-radius)}&.swatch--pill{--swatch-width:var(--max-pill-size);--swatch-height:var(--max-pill-size);border-radius:var(--variant-picker-swatch-radius)}&.swatch--filter,&.swatch--pill{--style-border-swatch-width:var(--variant-picker-border-width);--style-border-swatch-style:var(--variant-picker-border-style);--color-border:rgb(from
var(--color-foreground) r g b /
var(--variant-picker-border-opacity))}@media screen and
(width>=750px){--max-swatch-size:32px;--max-pill-size:16px;--max-filter-size:28px;--scaling-factor:0.65}}.variant-picker
.variant-option--buttons
label:has(.swatch){border-radius:var(--variant-picker-swatch-radius)}.sticky-content{position:sticky;top:var(--sticky-header-offset,0);z-index:var(--layer-flat)}@media
screen and
(width>=750px){.sticky-content--desktop{position:sticky;top:var(--sticky-header-offset,0);z-index:var(--layer-flat)}}.price,.compare-at-price,.unit-price{white-space:nowrap}.unit-price{display:block;font-size:.85em;color:rgb(from
var(--color-foreground) r g b /
var(--opacity-subdued-text))}.compare-at-price{opacity:.4;text-decoration-thickness:1.5px}.tax-note,.unit-price{color:rgb(from
var(--color-foreground) r g b /
var(--opacity-subdued-text))}.card-gallery{position:relative}@media
screen and (width>=750px){.card-gallery:is(:focus-within,:hover)
.quick-add__button{display:grid;will-change:margin,opacity;animation:elementSlideInTop
var(--animation-speed) var(--animation-easing)}}@container
(max-width:70px){.card-gallery:hover
.quick-add__button{display:none}}.drawer{background-color:var(--color-background);position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:var(--layer-raised);transform:translateX(-120%);transition:transform
var(--animation-speed)
var(--animation-easing)}.drawer[data-open='true']{transform:translateX(0)}.drawer-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--drawer-header-block-padding)
var(--drawer-inline-padding)}.drawer__title{font-size:var(--font-h2--size);margin:0}.drawer__close{width:var(--minimum-touch-target);height:var(--minimum-touch-target)}.drawer__content{display:block;padding:var(--drawer-content-block-padding)
var(--drawer-inline-padding);width:100%}.background-overlay{position:relative;&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-overlay-color,rgb(0
0 0 /
15%))}}.spacing-style{--spacing-scale:var(--spacing-scale-md);@media
screen and
(width>=990px){--spacing-scale:var(--spacing-scale-default)}--padding-block:0px;--padding-block-start:var(--padding-block,
0px);--padding-block-end:var(--padding-block,
0px);--padding-inline:0px;--padding-inline-start:var(--padding-inline,
0px);--padding-inline-end:var(--padding-inline,
0px);--margin-block:0px;--margin-block-start:var(--margin-block,
0px);--margin-block-end:var(--margin-block,
0px);--margin-inline:0px;--margin-inline-start:var(--margin-inline,
0px);--margin-inline-end:var(--margin-inline,
0px)}.spacing-style,.inherit-spacing{padding-block:calc(var(--padding-block-start) +
var(--section-top-offset, 0px))
var(--padding-block-end);padding-inline:var(--padding-inline-start)
var(--padding-inline-end);margin-block:var(--margin-block-start)
var(--margin-block-end);margin-inline:var(--margin-inline-start)
var(--margin-inline-end)}.size-style{width:var(--size-style-width-mobile,var(--size-style-width));height:var(--size-style-height-mobile,var(--size-style-height));@media
screen and
(width>=750px){width:var(--size-style-width);height:var(--size-style-height)}}.custom-typography,.custom-typography>*{font-family:var(--font-family);font-weight:var(--font-weight);text-transform:var(--text-transform);text-wrap:var(--text-wrap);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.custom-typography{h1{line-height:var(--line-height--display,var(--line-height))}h2,h3,h4{line-height:var(--line-height--heading,var(--line-height))}p{line-height:var(--line-height--body,var(--line-height))}}.custom-font-size,.custom-font-size>*{font-size:var(--font-size)}.custom-font-weight,.custom-font-weight>*{font-weight:var(--weight)}.border-style{border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);border-radius:var(--border-radius)}.gap-style,.layout-panel-flex{--gap-scale:var(--spacing-scale-md);@media
screen and
(width>=990px){--gap-scale:var(--spacing-scale-default)}}.layout-panel-flex{display:flex;gap:var(--gap);height:100%}.layout-panel-flex--row{flex-flow:row
var(--flex-wrap);justify-content:var(--horizontal-alignment);align-items:var(--vertical-alignment)}.layout-panel-flex--column{flex-flow:column
var(--flex-wrap);align-items:var(--horizontal-alignment);justify-content:var(--vertical-alignment)}@media
screen and (width < 750px){.mobile-column{flex-flow:column
nowrap;align-items:var(--horizontal-alignment);justify-content:var(--vertical-alignment-mobile)}.layout-panel-flex--row:not(.mobile-column){.text-block{flex:1
1 var(--max-width--display-tight)}.image-block{flex:1 1
var(--size-style-width-mobile-min)}.button{flex:0 0 fit-content}}}@media
(width>=750px){.layout-panel-flex{flex-direction:var(--flex-direction)}}.field{position:relative;width:100%;display:flex;transition:box-shadow
var(--animation-speed)
ease}.field__input{flex-grow:1;text-align:left;border-radius:var(--style-border-radius-inputs);transition:box-shadow
var(--animation-speed) ease,background-color var(--animation-speed)
ease;padding:var(--input-padding);box-shadow:var(--input-box-shadow);background-color:var(--color-input-background);color:var(--color-input-text);border:none;outline:none;&:autofill{background-color:var(--color-input-background);color:var(--color-input-text)}}.field__input:is(:focus,:hover){box-shadow:var(--input-box-shadow-focus);background-color:var(--color-input-hover-background)}.field__input--button-radius{border-radius:var(--style-border-radius-buttons-primary)}.field__input--button-padding{padding-inline:var(--padding-3xl)}.field__label{color:rgb(from
var(--color-input-text) r g b /
80%);font-size:var(--font-paragraph--size);left:var(--input-padding-x);top:50%;transform:translateY(-50%);margin-bottom:0;pointer-events:none;position:absolute;transition:top
var(--animation-speed) ease,font-size var(--animation-speed)
ease}.rte,.shopify-policy__title{:is(h1,h2,h3,h4,h5,h6){margin-block:clamp(1.5rem,
1em * 3.3, 2.5rem) clamp(1rem, 1em * 0.25,
2rem)}:is(p,h1,h2,h3,h4,h5,h6):first-child,:empty:first-child+:is(p,h1,h2,h3,h4,h5,h6){margin-block-start:0}ul,ol{margin-block-start:0;padding-inline-start:1.5em}:is(ul,ol):not(:is(ul,ol)
:is(ul,ol)){margin-block-end:1em}blockquote{margin-inline:1.5em
2.3em;margin-block:3.8em;padding-inline-start:.8em;border-inline-start:1.5px
solid rgb(from var(--color-foreground) r g b /
30%);font-style:italic;font-weight:500}.rte-table-wrapper{overflow-x:auto}table{width:100%!important;border-collapse:collapse}tr:not(:has(td)),thead{background-color:rgb(from
var(--color-foreground) r g b /
5%);font-weight:700;text-transform:uppercase}tr:has(td){border-bottom:1px
solid rgb(from var(--color-foreground) r g b /
10%)}th,td{text-align:start;padding-inline:var(--padding-md);padding-block:var(--padding-sm)}}.shopify-policy__container{padding-block:var(--padding-xl)}.checkbox{--checkbox-size:22px;--checkbox-top:50%;--checkbox-left:1.5px;--checkbox-offset:3px;--checkbox-border-radius:7px;--checkbox-label-padding:8px;--checkbox-path-opacity:0;--checkbox-cursor:pointer;--checkbox-border:1px
solid rgb(from var(--color-foreground) r g b /
35%);position:relative;display:flex;align-items:center;@media screen and
(width>=750px){--checkbox-size:16px;--checkbox-border-radius:5px;--checkbox-label-padding:6px}&:has(.checkbox__input:checked){--checkbox-path-opacity:1}&:has(.checkbox__input:disabled){--checkbox-cursor:not-allowed}}.checkbox__input{position:absolute;opacity:0;margin:0;width:var(--checkbox-size);height:var(--checkbox-size);&:focus-visible{outline:none}&:focus-visible+.checkbox__label
.icon-checkmark{outline:var(--focus-outline-width) solid
currentcolor;outline-offset:var(--focus-outline-offset)}&:checked+.checkbox__label
.icon-checkmark{background-color:var(--color-foreground);border-color:var(--color-foreground)}&:disabled+.checkbox__label
.icon-checkmark{background-color:var(--input-disabled-background-color);border-color:var(--input-disabled-border-color)}}.checkbox__label{position:relative;display:inline-flex;cursor:var(--checkbox-cursor);line-height:var(--checkbox-size);min-width:var(--minimum-touch-target)}.checkbox
.icon-checkmark{height:var(--checkbox-size);width:var(--checkbox-size);flex-shrink:0;border:var(--checkbox-border);border-radius:var(--checkbox-border-radius);background-color:var(--color-background)}.checkbox__label-text{padding-inline-start:var(--checkbox-label-padding);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox
.icon-checkmark
path{stroke:var(--color-background);opacity:var(--checkbox-path-opacity);transition:opacity
var(--animation-speed)
var(--animation-easing)}.checkbox__input:disabled+.checkbox__label{color:var(--input-disabled-text-color)}.button[id^='BuyButtons-ProductSubmitButton-']{position:relative;overflow:hidden}.cart-bubble{--cart-padding:0.2em;position:relative;width:20px;aspect-ratio:1;border-radius:50%;border-width:0;display:grid;line-height:normal;place-content:center;color:var(--color-primary-button-text);padding-inline:var(--cart-padding)}.cart-bubble__background{position:absolute;inset:0;background-color:var(--color-primary-button-background);border-radius:var(--style-border-radius-lg)}.cart-bubble__text{font-size:var(--font-size--2xs);z-index:var(--layer-flat);line-height:1;display:flex;align-items:center;justify-content:center}.quantity-selector{--quantity-selector-width:124px;display:flex;justify-content:space-between;align-items:center;color:var(--color-input-text);background-color:var(--color-input-background);border:var(--style-border-width-inputs)
solid
var(--color-input-border);border-radius:var(--style-border-radius-inputs);flex:1
1
var(--quantity-selector-width);align-self:stretch;transition:background-color
var(--animation-speed)
var(--animation-easing);&:hover{background-color:var(--color-input-hover-background)}}.product-form-buttons:has(.add-to-cart-button.button-secondary)
.quantity-selector{border-radius:var(--style-border-radius-buttons-secondary)}.quantity-selector
:is(.quantity-minus,.quantity-plus){padding:0;background:#fff0;box-shadow:none;display:flex;justify-content:center;align-items:center;cursor:pointer;width:var(--minimum-touch-target);height:var(--minimum-touch-target);flex-shrink:0;color:var(--color-input-text)}.quantity-selector
.quantity-minus{border-start-start-radius:var(--style-border-radius-inputs);border-end-start-radius:var(--style-border-radius-inputs)}.quantity-selector
.quantity-plus{border-start-end-radius:var(--style-border-radius-inputs);border-end-end-radius:var(--style-border-radius-inputs)}.product-details
.quantity-selector{border-radius:var(--style-border-radius-buttons-primary)}.product-details
.quantity-selector
.quantity-minus{border-start-start-radius:var(--style-border-radius-buttons-primary);border-end-start-radius:var(--style-border-radius-buttons-primary)}.product-details
.quantity-selector
.quantity-plus{border-start-end-radius:var(--style-border-radius-buttons-primary);border-end-end-radius:var(--style-border-radius-buttons-primary)}.quantity-selector
.svg-wrapper{transition:transform var(--animation-speed)
var(--animation-easing)}.quantity-selector
svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}:is(.quantity-minus,.quantity-plus):active
.svg-wrapper{transform:scale(.9)}.quantity-selector
input[type='number']{margin:0;text-align:center;border:none;appearance:none;max-width:calc(var(--quantity-selector-width) -
var(--minimum-touch-target) *
2);border-radius:var(--style-border-radius-buttons);color:var(--color-input-text);background-color:#fff0}.quantity-selector
input[type='number']::-webkit-inner-spin-button,.quantity-selector
input[type='number']::-webkit-outer-spin-button{appearance:none}.quantity-selector
input[type='number']{appearance:textfield}.pills__pill{--pills-pill-background-color:rgb(from
var(--color-foreground) r g b /
5%);color:var(--color-foreground);display:flex;justify-content:space-between;align-items:center;gap:var(--gap-sm);min-width:48px;padding:6px
12px;border-radius:var(--style-border-radius-pills);cursor:pointer;background-color:var(--pills-pill-background-color);transition:background-color
var(--animation-speed)
var(--animation-easing);&:hover{--pills-pill-background-color:rgb(from
var(--color-foreground) r g b / 8%)}@media screen and (width <
750px){padding:var(--padding-xs)
var(--padding-md)}}.pills__pill>.svg-wrapper{--close-icon-opacity:0.4;--icon-stroke-width:1px;color:var(--color-foreground)}.pills__pill--swatch{@media
screen and (width <
750px){padding-inline-start:var(--padding-sm)}}.pills__pill--swatch
.swatch{margin-right:-4px}.pills__pill--desktop-small{@media screen and
(width>=750px){font-size:var(--font-size--xs)}}fly-to-cart{position:fixed;width:40px;height:40px;left:0;top:0;border-radius:50%;z-index:calc(infinity);pointer-events:none;opacity:0;overflow:hidden;box-shadow:0
4px 8px rgb(0 0 0 / 20%);transition:opacity 0.3s
ease;background-position:center
center;background-size:cover;background-repeat:no-repeat;background-color:var(--color-foreground);transform:translate(var(--x,0),var(--y,0))
scale(var(--scale,1))}@keyframes
grow{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes
slideInLeft{from{transform:translateX(var(--custom-transform-from,100%))}to{transform:translateX(var(--custom-transform-to,0))}}@keyframes
slideInLeftViewTransition{from{transform:translateX(100px)}}@keyframes
slideOutRight{from{transform:translateX(0)}to{transform:translateX(var(--custom-transform-to,-100%))}}@keyframes
slideInRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes
slideOutLeft{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes
slideInTop{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes
slideInTopViewTransition{from{transform:translateY(100px)}}@keyframes
slideOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes
slideInBottom{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes
slideOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes
cartBubbleSlideIn{from{transform:translateY(-1em)}to{transform:translateY(0)}}@keyframes
elementSlideInTop{from{margin-top:var(--padding-sm);opacity:0}to{margin-top:0;opacity:1}}@keyframes
elementSlideOutTop{from{transform:translateY(0);opacity:1}to{transform:translateY(var(--padding-sm));opacity:0}}@keyframes
elementSlideInBottom{from{transform:translateY(calc(-1 *
var(--padding-sm)));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes
elementSlideOutBottom{from{transform:translateY(0);opacity:1}to{transform:translateY(calc(-1 *
var(--padding-sm)));opacity:0}}@keyframes
thumbnailsSlideInTop{from{transform:translateY(calc(-50% +
var(--margin-lg)));opacity:0}to{transform:translateY(-50%);opacity:1}}@keyframes
thumbnailsSlideOutTop{from{transform:translateY(-50%);opacity:1}to{transform:translateY(calc(-50% +
var(--margin-lg)));opacity:0}}@keyframes
thumbnailsSlideInBottom{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes
thumbnailsSlideOutBottom{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes
search-element-slide-in-bottom{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes
search-element-slide-out-bottom{0%{transform:translateY(0);opacity:1}100%{transform:translateY(20px);opacity:0}}@keyframes
dialogZoom{from{opacity:1;transform:scale(1)
translateY(0)}to{opacity:0;transform:scale(.95)
translateY(1em)}}@keyframes thumbnail-selected{0%,100%{box-shadow:0 0 0
2px #fff0;scale:.9}50%{box-shadow:0 0 0 2px #000;scale:1}}@keyframes
backdropFilter{from{backdrop-filter:brightness(1)}to{backdrop-filter:brightness(.75)}}@keyframes
fadeOut{from{opacity:1}to{opacity:0}}@keyframes
fadeIn{from{opacity:0}to{opacity:1}}@keyframes
modalSlideInTop{from{transform:translateY(var(--padding-sm));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes
modalSlideOutTop{from{transform:translateY(0);opacity:1}to{transform:translateY(var(--padding-sm));opacity:0}}.bubble{display:inline-flex;height:calc(var(--variant-picker-swatch-height)
/
1.5);font-size:var(--font-size--xs);border-radius:20px;min-width:20px;padding:0
6px;background-color:rgb(from var(--color-foreground) r g b /
10%);color:var(--color-foreground);align-items:center;justify-content:center}.bubble
svg{width:12px;height:12px}.top-shadow::before{content:'';box-shadow:0 0
10px
var(--color-shadow);position:absolute;z-index:var(--layer-lowest);inset:0;clip-path:inset(-50px
0 0 0)}@media
(width>=750px){.top-shadow--mobile::before{display:none}}.bottom-shadow::before{content:'';box-shadow:0
0 10px
var(--color-shadow);position:absolute;z-index:var(--layer-lowest);inset:0;clip-path:inset(0
0 -50px 0)}@media
(width>=750px){.bottom-shadow--mobile::before{display:none}}.video-placeholder-wrapper{position:relative;width:100%;height:100%;aspect-ratio:var(--size-style-aspect-ratio,auto)}:not(deferred-media)>.video-placeholder-wrapper{width:var(--video-placeholder-width)}.video-placeholder-wrapper>*{width:100%;height:100%;object-fit:cover;object-position:center}slideshow-component{--cursor:grab;position:relative;display:flex;flex-direction:column;timeline-scope:var(--slideshow-timeline)}.slideshow--single-media{--cursor:default}a
slideshow-component{--cursor:pointer}slideshow-slides{width:100%;position:relative;display:flex;overflow-x:scroll;scroll-snap-type:x
mandatory;scroll-behavior:smooth;scrollbar-color:#fff0
#fff0;scrollbar-width:none;gap:var(--slideshow-gap,0);cursor:var(--cursor);@media
(prefers-reduced-motion){scroll-behavior:auto}&::-webkit-scrollbar{width:0}&::-webkit-scrollbar-track{background:#fff0}&::-webkit-scrollbar-thumb{background:#fff0;border:none}&[size='small']{min-height:17.5rem}&[size='medium']{min-height:21.25rem}&[size='large']{min-height:25rem}@media
screen and
(width>=750px){&[size='small']{min-height:26.25rem}&[size='medium']{min-height:35rem}&[size='large']{min-height:45rem}}}.collection-list__carousel
slideshow-slides,.resource-list__carousel
slideshow-slides{margin-block:-16px;padding-block:16px}slideshow-component[disabled='true']
slideshow-slides{overflow:hidden}slideshow-component[mobile-disabled]
slideshow-slides{@media screen and (width <
750px){overflow:hidden}}slideshow-slide{position:relative;scroll-snap-align:start;width:var(--slide-width,100%);max-height:100%;flex-shrink:0;view-timeline-axis:inline;content-visibility:auto;contain-intrinsic-size:auto
none;slideshow-component[actioned]
&,&[aria-hidden='false']{content-visibility:visible}slideshow-component
slideshow-slide:not([aria-hidden='false']){content-visibility:hidden}&[hidden]:not([reveal]){display:none}}@media
screen and (width < 750px){.media-gallery--hint
:is(slideshow-slide:has(+slideshow-slide[aria-hidden='false']:last-of-type),slideshow-slide[aria-hidden='false']+slideshow-slide){content-visibility:auto;slideshow-component[actioned]
&{content-visibility:visible}}}:is(.collection-list__carousel,.resource-list__carousel,.card-gallery)
:is(slideshow-slide:has(+slideshow-slide[aria-hidden='false']),slideshow-slide[aria-hidden='false']+slideshow-slide){content-visibility:auto;slideshow-component[actioned]
&{content-visibility:visible}}slideshow-component:is([dragging],[transitioning],:hover)>slideshow-container>slideshow-slides>slideshow-slide{content-visibility:visible}slideshow-slides[gutters*='start']{padding-inline-start:var(--gutter-slide-width,0);scroll-padding-inline-start:var(--gutter-slide-width,0)}slideshow-slides[gutters*='end']{padding-inline-end:var(--gutter-slide-width,0)}slideshow-component[dragging]{--cursor:grabbing;*{pointer-events:none}}slideshow-component[dragging]
slideshow-arrows{display:none}slideshow-container{width:100%;display:block;position:relative;grid-area:container;container-type:inline-size}slideshow-controls{flex-shrink:0;display:flex;justify-content:space-between;scrollbar-width:none;min-height:var(--minimum-touch-target);grid-area:controls;&[controls-on-media]{position:absolute;bottom:0}}slideshow-controls::-webkit-scrollbar{display:none}slideshow-controls
button{display:inline-block;height:var(--minimum-touch-target);width:var(--minimum-touch-target);cursor:pointer;--color:color-mix(in
lch, var(--color-foreground) 30%,
transparent);--color-active:var(--color-foreground);--color-hover:color-mix(in
lch, var(--color-foreground) 50%, transparent)}slideshow-controls
.icon{width:var(--icon-size-sm);height:var(--icon-size-xs)}slideshow-controls[pagination-position='center']{align-items:center;justify-content:center}slideshow-controls[pagination-position='center'][thumbnails]{width:100%}slideshow-controls[pagination-position='center']:not([controls-on-media],[thumbnails],[icons-on-media]){justify-content:space-between}slideshow-component:has(slideshow-controls[thumbnails]){&:has(slideshow-controls[pagination-position='right']){display:grid;grid-template:'container
controls' auto 'arrows controls' min-content / 1fr
auto}&:has(slideshow-controls[pagination-position='left']){display:grid;grid-template:'controls
container' auto 'controls arrows' min-content / auto
1fr}slideshow-controls[pagination-position='left']{order:-1}}slideshow-controls[thumbnails]:is([pagination-position='right'],[pagination-position='left']){display:flex;flex-direction:column;height:0;min-height:100%;.slideshow-controls__thumbnails-container{overflow:hidden
auto}&:not([controls-on-media]){.slideshow-controls__thumbnails-container{position:sticky;top:var(--sticky-header-offset,0)}.slideshow-controls__thumbnails{padding-block-start:var(--focus-outline-offset)}}}slideshow-controls:not([controls-on-media])[icons-on-media]{&[pagination-position='right']{justify-content:flex-end}&[pagination-position='left']{justify-content:flex-start}}slideshow-controls:not([controls-on-media]):is([pagination-position='left'],[pagination-position='right'])
.slideshow-controls__thumbnails{padding-block:var(--padding-2xs)}slideshow-controls:not([controls-on-media]){&:is([pagination-position='right']){.slideshow-controls__thumbnails{padding-inline-end:var(--slideshow-thumbnails-padding-inline,var(--focus-outline-offset))}}&:is([pagination-position='left']){.slideshow-controls__thumbnails{padding-inline-start:var(--slideshow-thumbnails-padding-inline,var(--focus-outline-offset))}}}slideshow-controls[controls-on-media]{z-index:var(--layer-raised);&:has(.slideshow-controls__dots,.slideshow-controls__counter){--color-foreground:#fff}&[pagination-position='right']{right:0}&[pagination-position='left']{left:0}&[pagination-position='center']{width:100%}&:not([thumbnails])[pagination-position='left']{width:fit-content;align-self:flex-start}&:not([thumbnails])[pagination-position='right']{width:fit-content;align-self:flex-end}}slideshow-controls:is([pagination-position='right'],[pagination-position='left']){.slideshow-controls__thumbnails{flex-direction:column}}.slideshow-controls__arrows{display:flex;justify-content:space-between;height:var(--minimum-touch-target);grid-area:arrows;button{padding:0
var(--padding-xs)}}.slideshow-controls__dots,.slideshow-controls__counter{display:inline-flex;justify-content:center;align-items:center;margin:0;list-style:none;button{--color:color-mix(in
lch, var(--color-foreground) 30%,
transparent);--color-active:var(--color-foreground);--color-hover:color-mix(in
lch, var(--color-foreground) 50%,
transparent)}}slideshow-controls:has(.slideshow-controls__dots){mix-blend-mode:difference}.slideshow-controls__dots{gap:.6rem;padding:var(--padding-sm)
var(--padding-lg);border-radius:3rem;overflow:hidden;button{--size:0.5rem;display:flex;align-items:center;justify-content:center;width:calc(var(--size) *
2);height:calc(var(--size) * 2);margin:calc(var(--size) /
-2);font-size:0;border-radius:calc(var(--size));&::after{content:'';display:block;background-color:var(--color);height:var(--size);width:var(--size);border-radius:calc(var(--size)
/ 2);@supports not
(view-timeline-axis:inline){&[aria-selected='true']{--color:var(--color-active)}}&:hover{--color:var(--color-hover)}}&[aria-selected='true']{--color:var(--color-active)}}}.slideshow-controls__dots,.slideshow-controls__counter{&:only-child{margin-inline:auto}}.slideshow-controls__counter{color:var(--color-foreground);background-color:rgb(0
0 0 / 40%);width:auto;border-radius:2rem;padding:.3rem
var(--padding-sm);margin-inline:var(--margin-sm);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;font-size:var(--font-size--xs);.slash{color:rgb(from
var(--color-foreground) r g b /
40%);padding-inline:var(--padding-2xs);margin-block-start:-.1rem}}.slideshow-control[disabled]{opacity:.5;cursor:not-allowed}.slideshow-control--large{.icon-caret{--icon-stroke-width:1px}.icon-caret{--icon-stroke-width:1px}.svg-wrapper,svg{width:var(--slideshow-controls-icon);height:var(--slideshow-controls-icon)}}.slideshow-control
.icon-caret{rotate:-90deg}.slideshow-control--shape-square,.slideshow-control--shape-circle{justify-content:center;aspect-ratio:1
/
1;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text)}.slideshow-control--shape-circle{border-radius:50%}.slideshow-control--shape-square{border-radius:0}.slideshow-controls__thumbnails-container{display:flex;width:100%;max-height:100%;overflow-x:scroll;scrollbar-width:none}.slideshow-controls__thumbnails{display:inline-flex;padding-inline:var(--slideshow-thumbnails-padding-inline,var(--padding-sm));padding-block:var(--slideshow-thumbnails-padding-block,var(--padding-sm));gap:var(--gap-xs);margin-inline:auto;height:fit-content;.slideshow-control{border-radius:var(--media-radius);width:clamp(44px,
7vw,
var(--thumbnail-width));height:auto;aspect-ratio:var(--aspect-ratio);img{height:100%;object-fit:cover;border-radius:var(--media-radius)}&:is([aria-selected='true']){outline:var(--focus-outline-width)
solid currentcolor;outline-offset:calc(var(--focus-outline-offset) /
2);border:var(--style-border-width) solid rgba(from var(--color-border)
r g b /
var(--media-border-opacity))}}}.slideshow-control:is(.icon-pause,.icon-play){color:var(--color-active);&:hover{color:var(--color-hover)}svg{display:none}}slideshow-component:is([autoplay]){&:is([paused]){.icon-play>svg{display:block;mix-blend-mode:difference}}&:not([paused]){.icon-pause>svg{display:block;mix-blend-mode:difference}}}slideshow-arrows{--cursor-previous:w-resize;--cursor-next:e-resize;position:absolute;inset:0;display:flex;z-index:var(--layer-flat);pointer-events:none;mix-blend-mode:unset;align-items:flex-end;&[position='left']{justify-content:flex-start;padding-inline:var(--padding-xs)}&[position='right']{justify-content:flex-end;padding-inline:var(--padding-xs)}&[position='center']{justify-content:space-between;align-items:center}&[shape='none']{mix-blend-mode:difference}}slideshow-component[disabled='true']
slideshow-arrows{display:none}slideshow-arrows
.slideshow-control{pointer-events:auto;opacity:0;min-height:var(--minimum-touch-target);padding:0
var(--padding-xs)}slideshow-arrows
.slideshow-control.slideshow-control--shape-none{color:var(--color-white)}slideshow-arrows
.slideshow-control.slideshow-control--style-none{display:none}.media-gallery--carousel
slideshow-arrows .slideshow-control{padding-inline:0
var(--padding-md)}.card-gallery slideshow-arrows
.slideshow-control{padding-inline:var(--padding-xl);@container
(max-width:249px){padding-inline:0
var(--padding-sm)}}.media-gallery--carousel slideshow-arrows
.slideshow-control{opacity:1}:not(.media-gallery--carousel)>:is(slideshow-component:hover,slideshow-component:focus-within):not(:has(slideshow-controls:hover))>slideshow-container>slideshow-arrows
.slideshow-control{animation:arrowsSlideIn var(--animation-speed)
var(--animation-easing) forwards}@keyframes
arrowsSlideIn{from{transform:translate(var(--padding-sm),0);opacity:0}to{opacity:1}}.group-block,.group-block-content{position:relative}.group-block:has(>video-background-component),.group-block:has(>.background-image-container){overflow:hidden}.group-block-content{height:100%;width:100%}.section-content-wrapper.section-content-wrapper:where(.layout-panel-flex)
.group-block--fill{flex:1}.layout-panel-flex--row>.group-block--width-fit{flex:0}.layout-panel-flex--row>.group-block--width-fill{flex:1}.layout-panel-flex--row>.group-block--width-custom{flex-basis:var(--size-style-width)}.group-block--height-fit{height:auto}.group-block--height-custom,.group-block--height-fill{height:var(--size-style-height)}.layout-panel-flex--column>.group-block--height-fit{flex:0
1
auto}.layout-panel-flex--column>.group-block--height-fill{flex:1}.layout-panel-flex--column>.group-block--height-custom{flex-basis:var(--size-style-height)}.search-input{width:100%;color:var(--color-foreground);padding-block:var(--padding-lg);padding-inline:calc(var(--margin-lg) +
var(--icon-size-lg))
0;background:#fff0;text-overflow:ellipsis;overflow:hidden;outline:none;border:0;&:focus-visible{outline:none}}.search-input:focus{outline:none}.search-input::placeholder{color:rgba(from
var(--color-foreground) r g b /
var(--opacity-subdued-text))}accordion-custom{details{&::details-content,.details-content{block-size:0;overflow-y:clip;opacity:0;interpolate-size:allow-keywords;transition:content-visibility
var(--animation-speed-slow) allow-discrete,padding-block
var(--animation-speed-slow) var(--animation-easing),opacity
var(--animation-speed-slow) var(--animation-easing),block-size
var(--animation-speed-slow)
var(--animation-easing)}&:not([open]){&::details-content,.details-content{padding-block:0}}&[open]{&::details-content,.details-content{opacity:1;block-size:auto;@starting-style{block-size:0;opacity:0;overflow-y:clip}&:focus-within{overflow-y:visible}}}}}accordion-custom[data-disable-on-mobile='true']
summary{@media screen and (width <
750px){cursor:auto}}accordion-custom[data-disable-on-desktop='true']
summary{@media screen and
(width>=750px){cursor:auto}}text-component{--shimmer-text-color:rgba(from
var(--color-foreground) r g b / 50%);--shimmer-color-light:rgba(from
var(--color-foreground) r g b /
10%);--shimmer-speed:1.25s;display:inline-block;position:relative;transition:color
var(--animation-speed-slow)
ease;line-height:1;&::after{content:attr(value);position:absolute;inset:0;color:#fff0;opacity:0;transition:opacity
var(--animation-speed-slow)
var(--animation-easing);pointer-events:none;background-image:linear-gradient(-85deg,var(--shimmer-text-color)
10%,var(--shimmer-color-light) 50%,var(--shimmer-text-color)
90%);background-clip:text;background-size:200%
100%;background-position:100%
0;place-content:center}&[shimmer]{color:#fff0;&::after{opacity:1;animation:text-shimmer
var(--shimmer-speed) infinite linear}}}@keyframes
text-shimmer{0%{background-position:100%
0}100%{background-position:-100%
0}}.transition-background-color{transition:background-color
var(--animation-speed-medium)
ease-in-out}.transition-transform{transition:transform
var(--animation-speed-medium)
var(--animation-timing-bounce)}.transition-border-color{transition:border-color
var(--animation-speed-medium)
var(--animation-timing-hover)}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:#fff0}::-webkit-scrollbar-thumb{background-color:rgb(from
var(--color-foreground) r g b / 40%);border-radius:20px;border:6px solid
#fff0;background-clip:content-box;transition:background-color
0.2s}::-webkit-scrollbar-thumb:hover{background-color:rgb(from
var(--color-foreground) r g b / 60%)}@media
(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}[product-grid-view='zoom-out']
:is(.product-card,.product-grid__link)
:is(h4,.h4){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}@media
screen and (width < 750px){:is(.product-card,.product-grid__link)
:is(h4,.h4){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}}.shopify-section:has(.in-onboarding-state){display:none!important}.product-card:hover,.collection-card:hover,.resource-card:hover,.predictive-search-results__card--product:hover,.predictive-search-results__card:hover{position:relative;z-index:var(--layer-raised);transition:transform
var(--hover-transition-duration)
var(--hover-transition-timing),box-shadow
var(--hover-transition-duration) var(--hover-transition-timing)}.header
.product-card:hover,.header .collection-card:hover,.header
.resource-card:hover,.header-drawer .product-card:hover,.header-drawer
.collection-card:hover,.header-drawer
.resource-card:hover{z-index:auto;transform:none;box-shadow:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.product-media{max-width:650px!important;margin-left:0!important}#header-component{transition:background-color
150ms ease,color 150ms ease,box-shadow 150ms ease}
/* ===========================
DISABLED: OLD ID-BASED STICKY BAR (DO NOT USE) — START
(Kept here only for reference; this block is fully disabled.)
===========================

Brody's: Sticky "Discover Your Signature Sip" bar
Targets BOTH sections:
- bundle page bar section
- default product page flavor grid bar section

1) Announcement height knobs
:root{
  --ss-annc-height: 58px;
  --brodys-fixed-top: calc(var(--header-height, 0px) + var(--ss-annc-height));
  --brodys-fixed-h: 0px;
}
@media (min-width:990px){
  :root{ --ss-annc-height: 100px; }
}

2) Define the sticky sections
:root{ --brodys-sticky-z: 9999; }

#shopify-section-template--23938714075295__section_n3PVtQ .section,
#shopify-section-template--23938714140831__section_zxEYdC .section{
  position: fixed !important;
  top: var(--brodys-fixed-top) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: var(--brodys-sticky-z) !important;
  background: var(--color-background, #fff) !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  overflow: visible !important;
}

#shopify-section-template--23938714075295__section_n3PVtQ .section > *,
#shopify-section-template--23938714140831__section_zxEYdC .section > *{
  width: min(100%, var(--page-content-width, 1200px));
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-margin, 16px);
  padding-right: var(--page-margin, 16px);
}

#shopify-section-template--23938714075295__section_n3PVtQ img,
#shopify-section-template--23938714140831__section_zxEYdC img{
  max-width: 100%;
  height: auto;
  display: block;
}

#shopify-section-template--23938714075295__section_n3PVtQ .choose-bundle-grid,
#shopify-section-template--23938714075295__section_n3PVtQ .choose-flavor-grid,
#shopify-section-template--23938714075295__section_n3PVtQ .brodys-sip-grid,
#shopify-section-template--23938714140831__section_zxEYdC .choose-bundle-grid,
#shopify-section-template--23938714140831__section_zxEYdC .choose-flavor-grid,
#shopify-section-template--23938714140831__section_zxEYdC .brodys-sip-grid{
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 78px !important;
  gap: 10px !important;
  overflow: visible !important;
  padding: 2px 14px 6px !important;
  margin: 0 auto !important;
}

#shopify-section-template--23938714075295__section_n3PVtQ .choose-bundle-grid img,
#shopify-section-template--23938714075295__section_n3PVtQ .choose-flavor-grid img,
#shopify-section-template--23938714075295__section_n3PVtQ .brodys-sip-grid img,
#shopify-section-template--23938714140831__section_zxEYdC .choose-bundle-grid img,
#shopify-section-template--23938714140831__section_zxEYdC .choose-flavor-grid img,
#shopify-section-template--23938714140831__section_zxEYdC .brodys-sip-grid img{
  width: 78px !important;
  height: 78px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

html.brodys-has-sticky #shopify-section-template--23938714140831__main,
html.brodys-has-sticky #shopify-section-template--23938714075295__main{
  padding-top: calc(var(--brodys-fixed-h, 0px) + 24px) !important;
}

.brodys-bar-scroll[data-flavor-carousel]{ position: relative; }

.brodys-bar-scroll .flavor-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.18);
  background: rgba(255,255,255,.92);
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.brodys-bar-scroll .flavor-nav--prev{ left: 6px; }
.brodys-bar-scroll .flavor-nav--next{ right: 6px; }

@media (min-width: 681px){
  .brodys-bar-scroll .flavor-nav{ display: none; }
}

.brodys-flavor-wrapper{ overflow: visible !important; }
.brodys-flavor-wrapper .choose-flavor-grid{ overflow-x: auto !important; }

===========================
DISABLED: OLD ID-BASED STICKY BAR (DO NOT USE) — END
=========================== */

/* ===========================
ACTIVE: SECTION-SCOPED FIXED STICKY BAR (no hardcoded IDs)
PHASE 3 UPDATE:
- Reserve space with a DOM spacer inserted after the section
- No global padding-top push
=========================== */

:root{
  --ss-annc-height: 58px;
  --brodys-fixed-top: calc(var(--header-height, 0px) + var(--ss-annc-height));
  --brodys-fixed-h: 0px; /* JS sets this */
  --brodys-sticky-z: 50;
}
@media (min-width: 990px){
  :root{ --ss-annc-height: 100px; }
}

/* Fix ONLY the specific section instance we mark */
.shopify-section.brodys-sticky-section .section{
  position: fixed !important;
  top: var(--brodys-fixed-top) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: var(--brodys-sticky-z) !important;

  isolation: isolate;
  background: var(--color-background, #fff) !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  overflow: visible !important;

  /* prevent theme section spacing from inflating perceived height */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Keep inner content aligned to theme width */
.shopify-section.brodys-sticky-section .section > *{
  width: min(100%, var(--page-content-width, 1200px));
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-margin, 16px);
  padding-right: var(--page-margin, 16px);
}

/* Bar wrapper should NOT be sticky itself when section is fixed */
.brodys-flavor-bar,
.brodys-bundle-bar{
  position: relative;
  top: auto;
  z-index: auto;
  background: transparent;
}

/* Spacer inserted by JS after the sticky section */
.brodys-sticky-spacer{
  display: block;
  width: 100%;
  height: var(--brodys-fixed-h, 0px);
}

/* ===========================
CAROUSEL / RAIL BEHAVIOR
=========================== */

.brodys-flavor-bar .brodys-bar-scroll,
.brodys-bundle-bar .brodys-bar-scroll{
  position: relative;
  overflow: visible !important;
}

/* Mobile: prevent sideways page shift while allowing horizontal rail scroll */
@media (max-width: 680px){
  html, body{ overflow-x: clip; }
  @supports not (overflow: clip){
    html, body{ overflow-x: hidden; }
  }
}

/* ---------------------------
MOBILE RAIL (Flavor + Bundle)
- IMPORTANT FIX: lock tiles to 78px so they never scale down on narrow widths
---------------------------- */
@media (max-width: 680px){
  .brodys-flavor-bar .choose-flavor-grid,
  .brodys-bundle-bar .choose-bundle-grid{
    --brodys-tile-w: 78px; /* FIXED: prevents shrink on narrow screens */

    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    scroll-padding-right: 16px;
    padding: 2px 48px 8px 16px !important;
    margin: 0 auto !important;
    scrollbar-width: none;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain;

    /* kill any theme grid behavior */
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    grid-auto-rows: unset !important;
  }

  .brodys-flavor-bar .choose-flavor-grid::-webkit-scrollbar,
  .brodys-bundle-bar .choose-bundle-grid::-webkit-scrollbar{
    display: none;
  }

  .brodys-flavor-bar .choose-flavor-grid::after,
  .brodys-bundle-bar .choose-bundle-grid::after{
    content: "";
    flex: 0 0 calc(100% - var(--brodys-tile-w));
  }

  .brodys-flavor-bar .choose-flavor-item,
  .brodys-bundle-bar .choose-bundle-item{
    flex: 0 0 var(--brodys-tile-w) !important;
    min-width: var(--brodys-tile-w) !important;
    flex-shrink: 0 !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    box-sizing: border-box;
  }
}

/* ---------------------------
DESKTOP/TABLET RAIL
---------------------------- */
@media (min-width: 681px){
  .brodys-flavor-bar .choose-flavor-grid,
  .brodys-bundle-bar .choose-bundle-grid{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding: 2px 16px 8px 16px !important;
    margin: 0 auto !important;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain;
  }

  .brodys-flavor-bar .choose-flavor-grid::-webkit-scrollbar,
  .brodys-bundle-bar .choose-bundle-grid::-webkit-scrollbar{
    display: none;
  }

  .brodys-flavor-bar .choose-flavor-item,
  .brodys-bundle-bar .choose-bundle-item{
    flex: 0 0 78px !important;
    min-width: 78px !important;
    scroll-snap-align: start;
    box-sizing: border-box;
  }
}

/* ---------------------------
TILE IMAGES
- Keep same square tiles
- Center crop to avoid "scrunched" look on bundles
---------------------------- */
.brodys-flavor-bar .choose-flavor-grid img,
.brodys-bundle-bar .choose-bundle-grid img{
  width: 78px !important;
  height: 78px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 12px !important;
  display: block;
}

/* ===========================
HIGH-INTENT COLLECTION: USE-CASE GRIDS (INITIAL STATE)
- Hide all usecase grids by default
- Show default grid on load
=========================== */

/* High-intent collection: show default grid on load */
#shopify-section-template--23991407018143__product_list_miAwtA,
#shopify-section-template--23991407018143__product_list_AVhYTM,
#shopify-section-template--23991407018143__product_list_NRzwCM {
  display: none;
}

/* Use-case tile active state */
a[href^="#usecase-"].is-active {
  box-shadow: 0 0 0 2px rgba(0,0,0,.85);
  transform: translateY(-1px);
}

a[href^="#usecase-"] {
  transition: transform .15s ease, box-shadow .15s ease;
}


/* ===========================
HIGH-INTENT: Use-case tiles active state
=========================== */

a[href^="#usecase-"].is-active {
  box-shadow: 0 0 0 2px rgba(0,0,0,.85);
  transform: translateY(-1px);
}

a[href^="#usecase-"] {
  transition: transform .15s ease, box-shadow .15s ease;
}

/* Make scrollIntoView land BELOW the sticky header/announcement */
.brodys-usecase-bar,
[data-usecase-bar]{
  scroll-margin-top: var(--brodys-fixed-top, 120px); 
}