/* ==========================================================================
   Product Packs: packs-head (title + search) · packs-list (one pack-row per pack)
   Pack rows and the Add to Cart toggle are global (styles/components.css).
   ========================================================================== */

/* head = global .page-hero (image right); the text column is wider here to fit the search bar */
@media (min-width: 1024px) { .packs-head .page-hero__inner > * { max-width: var(--measure); } }
.packs-search { position: relative; display: block; width: 100%; max-width: var(--container-narrow); }
.packs-search[hidden] { display: none; }
.packs-count { font-size: var(--text-sm); color: var(--color-text-muted); }

.packs-list__items { display: flex; flex-direction: column; gap: var(--space-6); }
.pack-row[hidden] { display: none; }
.packs-empty { padding: var(--space-8); text-align: center; color: var(--color-text-muted); background: var(--color-surface); border: var(--card-border); border-radius: var(--card-radius); }
.packs-empty[hidden] { display: none; }