@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&display=swap');
:root{--sn-navy:#14304F;--sn-cream:#F7F2E8;--sn-coral:#FF6B4A;--sn-lime:#D4F25A;--sn-sand:#DCD4C4}
h1,h2,h3,.h1,.h2,.h3{font-family:'Bricolage Grotesque',var(--font-heading--family),sans-serif;letter-spacing:-.02em;font-weight:800}
::selection{background:var(--sn-lime);color:var(--sn-navy)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sn-coral);outline-offset:2px}
product-card .card-gallery,.product-card__content .card-gallery{border:2px solid var(--sn-navy);border-radius:16px;overflow:hidden;box-shadow:4px 4px 0 var(--sn-navy);transition:transform .18s ease,box-shadow .18s ease}
product-card:hover .card-gallery{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:7px 7px 0 var(--sn-coral)}
product-card .product-card__content{gap:10px}
@keyframes snRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){.shb-g a,.shb-b a,.shw-c,.shf details,product-card{animation:snRise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}
@media (prefers-reduced-motion:reduce){product-card .card-gallery{transition:none}.shb-g a,.shb-b a,.shw-c,.shf details,product-card{animation:none!important}}