:root{--background:#fff;--foreground:#1d1d1f;--surface:#f5f5f7;--surface-dark:#000;--text-secondary:#86868b;--link-color:var(--foreground)}[data-theme=dark]{--background:#0a0a0a;--foreground:#f5f5f7;--surface:#1a1a1a;--surface-dark:#000;--text-secondary:#a1a1a6;--link-color:var(--foreground)}.shop-layout{color:var(--foreground);background:var(--background);font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll-scale{opacity:0;transform:scale(.96);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll-scale.is-visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.stagger-children.is-visible>:first-child{transition-delay:0ms;opacity:1;transform:translateY(0)}.stagger-children.is-visible>:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>:nth-child(3){transition-delay:.2s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>:nth-child(4){transition-delay:.3s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>:nth-child(5){transition-delay:.4s;opacity:1;transform:translateY(0)}.link-arrow{display:inline-flex;align-items:center;gap:.25rem;color:var(--link-color);font-size:1.4375rem;transition:gap .3s ease}.link-arrow:hover{gap:.5rem}.section-light{background-color:var(--background);color:var(--foreground)}.section-surface{background-color:var(--surface);color:var(--foreground)}.section-dark{background-color:var(--surface-dark);color:#f5f5f7}.section-dark .text-secondary{color:#a1a1a6}