@layer components{.store-tone{--ink:#0a0a0a;--ink-muted:#26251f;--ink-subtle:#3a3831;--line:#0a0a0a2e;--line-strong:#0a0a0a73;--canvas:#f5f3ec;--surface:#fff;color:var(--ink)}.store-night{--ink:#ededed;--ink-muted:#a3a3a3;--ink-subtle:#8a8a8a;--line:#262626;--line-strong:#3d3d3d;--canvas:#0a0a0a;--surface:#141414;color:var(--ink);background:#0a0a0a}.store-sticker{text-align:center;color:#0a0a0a;text-transform:uppercase;letter-spacing:.08em;border:2px solid #0a0a0a;border-radius:9999px;justify-content:center;align-items:center;font-weight:700;line-height:1.05;display:inline-flex;transform:rotate(-10deg);box-shadow:3px 3px #0a0a0a}.store-marquee{overflow:hidden}.store-marquee-track{width:max-content;animation:store-marquee var(--marquee-duration,36s) linear infinite;display:flex}.store-marquee:hover .store-marquee-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.store-marquee-track{animation:none}}.store-photo{transition:rotate .2s cubic-bezier(.34,1.56,.64,1),scale .2s cubic-bezier(.34,1.56,.64,1)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.store-card:hover .store-photo{rotate:-3deg;scale:1.04}.store-card:nth-child(2n):hover .store-photo{rotate:3deg}.store-category .store-category-arrow{transition:translate .2s cubic-bezier(.34,1.56,.64,1)}.store-category:hover .store-category-arrow{translate:6px -6px}}}@keyframes store-marquee{to{transform:translate(-50%)}}
@layer components{.store-drawer{width:min(26.25rem,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0 0 0 auto}.store-drawer::backdrop{background:color-mix(in oklab, var(--ink) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.store-drawer[open]{transition:transform .18s var(--ease-reveal)}.store-drawer[open]::backdrop{transition:opacity .18s var(--ease-reveal)}@starting-style{.store-drawer[open]{transform:translate(100%)}.store-drawer[open]::backdrop{opacity:0}}html:has(.store-drawer[open]){overflow:hidden}}