/* Reconstructed behavior; captured appearance lives in the snapshot stylesheets. */
:focus-visible{outline:2px solid #6a775c!important;outline-offset:3px}
drawer-component[data-open]>div:first-child{visibility:visible!important;opacity:calc(var(--color-overlay-alpha,40)*1%)!important}
body.drawer-open{overflow:hidden}
/* drawer-component.css: the panel stays laid out and slides off canvas.
   Only its overlay changes visibility; descendant hiding breaks measured text and the exit animation. */
drawer-component{inset:0 0 auto auto!important;max-width:100vw!important;max-height:100vh!important;transform:translate3d(100%,0,0)!important;transition:transform .55s cubic-bezier(.28,.28,.23,1)}
drawer-component[aria-label="Menu"],drawer-component.p1_mn310{inset:0 auto auto 0!important;transform:translate3d(-100%,0,0)!important}
drawer-component[data-open]{transform:translateZ(0)!important}
header:not([data-mega-active]) .p0_mn15{opacity:0!important;pointer-events:none!important}
/* site-nav.css: level 3 remains visible inside the transparent, hidden level-2 wrapper. */
site-nav .p0_mn37{display:block!important;visibility:hidden;opacity:0;transform:translate3d(0,15px,0);pointer-events:none;transition:all .25s 0s}
site-nav .p0_mn37 :is(.p0_mn46,.p0_mn77,.p0_mn111){visibility:visible;opacity:1;position:static;transform:none}
header .p0_mn20 .svg-slot,header .p0_mn171 .svg-slot{width:24px!important;height:24px!important}
.p0_mn1212[data-open]{display:flex}
.p0_mn1212 img.p0_mn1214{max-width:96vw;max-height:88vh}
/* site-nav.css: instant open only for top-level non-mega items; Shop mega opens via [data-active] (fidelity.css). */
site-nav .p0_mn31>li:not(.p0_mn32):hover>div,site-nav .p0_mn31>li:not(.p0_mn32):focus-within>div{visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
collapsible-tab [aria-hidden="false"]{display:block!important;height:auto!important;visibility:visible!important;opacity:1!important}
/* Closed menu panels retain child coordinates, but must not push sibling rows down. */
drawer-component[aria-label="Menu"] collapsible-tab>[aria-hidden="true"]{height:0}
details[open]>:not(summary){visibility:visible!important;height:auto!important;max-height:none!important;opacity:1!important}
[data-panel-hidden]{display:none!important}
.svg-slot svg{display:block;width:100%;height:100%}
/* Live collapsible bars (components.css [data-collapsible-icon] svg, site-nav.css .f-mobile-nav__arrow-icon svg):
   two stacked 2x12 bars, the last turned 90deg (plus); the first turns 270deg while its tab is open (minus).
   The snapshot froze each slot's rotated box (12x2), so the box is restored here and the state follows aria-expanded. */
collapsible-tab .svg-slot[data-icon^="bar"]{position:absolute;width:2px!important;height:12px!important;transition:.3s all}
collapsible-tab>button .svg-slot[data-icon^="bar"]{inset-inline-start:0}
collapsible-tab .svg-slot[data-icon^="bar"]:last-child{transform:rotate(90deg)}
collapsible-tab>[aria-expanded="true"] .svg-slot[data-icon^="bar"]:first-child{transform:rotate(270deg)}
.p0_mn335>div{transition:opacity .3s ease}
body[data-page] .p0_mn560>div{transform-origin:50% 50%}
[data-carousel-viewport]{touch-action:pan-y}
[data-carousel-viewport]:focus-visible{outline-offset:-3px}
.p0_c305.slick-initialized{display:block}
.p0_c305 .slick-list{position:relative;overflow:hidden;margin:0;padding:0}
.p0_c305 .slick-track{display:flex;gap:22px;position:relative;left:0;top:0;align-items:stretch}
.p0_c305 .slick-slide{flex-shrink:0;float:none;height:auto}
.p0_c305 .slick-slide>div{display:flex;width:100%}
.p0_c305 .slick-track::before,.p0_c305 .slick-track::after{display:none}
.p0_c305 .slick-slide img{display:block}
.p0_mn392~[role=tabpanel] img{max-width:100%}
/* The custom image element lost its original ratio pseudo-element. */
.p1_c238>responsive-image{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1}
/* Both measured widths use 16px here; the snapshot omitted inherited sizes. */
.p0_c156,.p0_c170{font-size:16px}
@media(min-width:1024px){footer details:not([open])>:not(summary){display:block}}
@media(max-width:768px){
  button[aria-label="expand menu"] .svg-slot{width:24px!important;height:24px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}