/* Gift shop catalogue (design-spec.md §11). Mobile first; tokens only. */
.shop-hero { max-width: 28ch; margin-block: var(--s-5); }
.shop-filter { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-bottom: var(--s-5); }
.shop-filter .chip { min-height: var(--hit); padding-inline: var(--s-3); text-decoration: none; }
.shop-filter .chip[aria-current] { background: var(--accent); color: var(--accent-ink); }
.shop-grid { list-style: none; padding: 0; margin: 0 0 var(--s-8); display: grid; gap: var(--s-5); }
.shop-card { display: grid; gap: var(--s-2); align-content: start; }
.shop-card h2, .shop-card p { margin: 0; }
.shop-art { display: grid; place-items: center; height: 96px; border-radius: var(--r-sm); background: var(--paper-sunk); color: var(--brand); }
.shop-price { font-weight: 600; font-variant-numeric: tabular-nums; }
.shop-delivery { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--s-2); }
@media (min-width: 768px) { .shop-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .shop-grid { grid-template-columns: repeat(3, 1fr); } }