html{scroll-behavior:smooth}
.ui-toggle{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
label[for]{cursor:pointer}
.mnav-layer{opacity:0;pointer-events:none}
.mnav-drawer{transform:translateX(-100%)}
body:has(#mnav-open:checked) .mnav-layer{opacity:1;pointer-events:auto}
body:has(#mnav-open:checked) .mnav-drawer{transform:translateX(0)}
body:has(#mnav-open:checked){overflow:hidden}
.cart-layer{opacity:0;pointer-events:none}
.cart-drawer{transform:translateX(100%)}
body:has(#cart-open:checked) .cart-layer{opacity:1;pointer-events:auto}
body:has(#cart-open:checked) .cart-drawer{transform:translateX(0)}
body:has(#cart-open:checked){overflow:hidden}
.nav-mega{display:none}
.nav-drop{display:none}
.nav-item:hover > .nav-drop,
.nav-item:focus-within > .nav-drop{display:block}
@media (min-width:1024px){
  .nav-wrap:has(.nav-shop:hover) .shop-mega,
  .nav-wrap:has(.nav-shop:focus-within) .shop-mega,
  .nav-wrap:has(.shop-mega:hover) .shop-mega{display:block}
}
.filter-btn{border:1px solid hsl(var(--primary) / .2);background:#fff;color:hsl(var(--primary))}
.filter-btn:hover{background:hsl(var(--primary) / .05)}
.filter-radio:checked + .filter-btn{
  background:hsl(var(--primary));
  color:hsl(var(--primary-foreground));
  border-color:transparent;
}
.filter-radio:checked + .filter-btn:hover{
  background:hsl(var(--primary));
  color:hsl(var(--primary-foreground));
}
.acc-body{display:none}
.acc-toggle:checked ~ .acc-body{display:block}
.acc-toggle:checked + .acc-lab .acc-plus{display:none}
.acc-toggle:checked + .acc-lab .acc-minus{display:inline}
.acc-toggle:not(:checked) + .acc-lab .acc-minus{display:none}
.acc-box{
  border-color:hsl(var(--primary) / .15);
  background:#fff;
}
.acc-box:has(.acc-toggle:checked){
  border-color:hsl(var(--primary));
  background:hsl(var(--secondary));
}
.hero-slide{opacity:0;transform:scale(1);transition:opacity 1.2s ease-out,transform 1.2s ease-out}
#hero-1:checked ~ .hero-stage .hs-0,
#hero-2:checked ~ .hero-stage .hs-0{opacity:0;transform:scale(1)}
.hero-dot{height:.5rem;width:.5rem;border-radius:9999px;background:#ffffff80}
.hero-radio:checked + .hero-dot{width:2rem;background:hsl(var(--accent))}
.hc{display:none}
#hero-0:checked ~ .hero-stage .hs-0,
#hero-1:checked ~ .hero-stage .hs-1,
#hero-2:checked ~ .hero-stage .hs-2{opacity:1;transform:scale(1.05)}
#hero-0:checked ~ * .hc-kicker.hc-0,
#hero-1:checked ~ * .hc-kicker.hc-1,
#hero-2:checked ~ * .hc-kicker.hc-2,
#hero-0:checked ~ * .hc-cta.hc-0,
#hero-1:checked ~ * .hc-cta.hc-1,
#hero-2:checked ~ * .hc-cta.hc-2{display:inline-flex}
#hero-0:checked ~ * .hc-title.hc-0,
#hero-1:checked ~ * .hc-title.hc-1,
#hero-2:checked ~ * .hc-title.hc-2{display:block}
#hero-1:checked ~ * .hc-0,
#hero-2:checked ~ * .hc-0{display:none}
#hero-0:checked ~ .hero-dots .hd-0,
#hero-1:checked ~ .hero-dots .hd-1,
#hero-2:checked ~ .hero-dots .hd-2{width:2rem;background:hsl(var(--accent))}
.hero-prev,.hero-next{display:none}
#hero-0:checked ~ .hero-dots .hp-0,
#hero-1:checked ~ .hero-dots .hp-1,
#hero-2:checked ~ .hero-dots .hp-2,
#hero-0:checked ~ .hero-dots .hn-0,
#hero-1:checked ~ .hero-dots .hn-1,
#hero-2:checked ~ .hero-dots .hn-2{display:flex}
.aspect-\[588\/287\]{aspect-ratio:588/287}
@supports (animation-timeline:scroll()){
  .hdr-glass.scrolled, .hdr-glass{
    animation:cp-hdr linear both;
    animation-timeline:scroll();
    animation-range:0 40px;
  }
}
@keyframes cp-hdr{
  to{box-shadow:0 10px 15px -3px hsl(var(--primary) / .05),0 4px 6px -4px hsl(var(--primary) / .05)}
}