@layer theme,base;@layer components{.shop-ground{background:radial-gradient(18rem 12rem at 0 0,#b9cffb80,#0000 70%),radial-gradient(16rem 12rem at 100% 100%,#b6ecd373,#0000 70%),#f4f7fc}.price-pill{background:var(--color-ink);color:#fff;max-width:100%;min-height:2.5rem;font-family:var(--font-display);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:.4rem 1rem;font-size:1rem;font-weight:700;line-height:1;display:inline-flex}.price-pill-lg{letter-spacing:-.02em;min-height:3.5rem;padding:.55rem 1.5rem;font-size:clamp(1.6rem,6vw,2.25rem)}.tab-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.tab-row::-webkit-scrollbar{display:none}.tab-row>*{flex:none}.shop-card:hover,.shop-card:focus-within{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.shop-card:hover img,.shop-card:focus-within img{transform:scale(1.03)}.shop-card .stretch:after{content:"";border-radius:inherit;position:absolute;inset:0}.shop-card .stretch:focus-visible{outline:none}.shop-card:has(.stretch:focus-visible){outline:3px solid var(--color-blue);outline-offset:3px}}@layer utilities;
