.shop-root{min-height:100dvh;background:#f5f5f8;color:#111827;--shop-fg:var(--brand-fg,#fff)}.shop-gradient{background-image:var(--brand-gradient);background-size:220% 220%;color:var(--shop-fg)}.shop-root[data-animate=true] .shop-gradient{animation:shop-drift 16s ease-in-out infinite}.shop-hero{position:relative;isolation:isolate;overflow:hidden}.shop-hero:after,.shop-hero:before{content:"";position:absolute;z-index:-1;border-radius:9999px;filter:blur(36px);opacity:.55;pointer-events:none}.shop-hero:before{width:14rem;height:14rem;left:-3rem;top:-5rem;background:var(--brand-3)}.shop-hero:after{width:12rem;height:12rem;right:-2rem;bottom:-6rem;background:var(--brand-2)}.shop-root[data-animate=true] .shop-hero:before{animation:shop-float-a 18s ease-in-out infinite}.shop-root[data-animate=true] .shop-hero:after{animation:shop-float-b 22s ease-in-out infinite}.shop-btn{background-image:var(--brand-gradient);background-size:200% 200%;color:var(--shop-fg);box-shadow:0 6px 18px -6px color-mix(in srgb,var(--brand-1) 70%,transparent);transition:transform .12s ease,filter .12s ease,opacity .12s ease}.shop-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.shop-btn:disabled{background-image:none;background-color:#d1d5db;color:#4b5563;box-shadow:none}.shop-root[data-animate=true] .shop-btn:not(:disabled){animation:shop-drift 12s ease-in-out infinite}.shop-chip{border:1px solid color-mix(in srgb,var(--brand-1) 30%,#e5e7eb);background:#fff;transition:background .12s ease}.shop-chip[aria-pressed=true],.shop-chip[aria-selected=true]{background-image:var(--brand-gradient);color:var(--shop-fg);border-color:transparent}.shop-tint{background:var(--brand-soft)}.shop-accent-text{color:var(--brand-1)}.shop-focus:focus-visible{outline:3px solid var(--brand-ring);outline-offset:1px}.shop-skeleton{background:linear-gradient(90deg,#ececf1 25%,#f6f6f9 37%,#ececf1 63%);background-size:400% 100%;animation:shop-shimmer 1.4s ease infinite}.shop-scroll-x{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.shop-scroll-x::-webkit-scrollbar{display:none}@keyframes shop-drift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes shop-float-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(3rem,2rem) scale(1.15)}}@keyframes shop-float-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-2.5rem,-1.5rem) scale(1.2)}}@keyframes shop-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.shop-root .shop-btn,.shop-root .shop-gradient,.shop-root .shop-hero:after,.shop-root .shop-hero:before,.shop-skeleton{animation:none!important}}@media (min-width:768px){.shop-root main:not(.shop-wide){width:100%;max-width:36rem;margin-inline:auto}.shop-root .fixed.inset-x-0.bottom-0,.shop-root header.shop-gradient:not(.shop-wide){padding-inline:max(.75rem,calc((100% - 36rem) / 2))}.shop-root .fixed.inset-x-0.bottom-0.shop-bar-wide{padding-inline:max(.75rem,calc((100% - 64rem) / 2))}}