/* Category landing pages: /deals and /deals/{slug}. */

.category-breadcrumb { font-size:0.82rem; color:var(--color-text-muted); margin-bottom:10px; display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.category-breadcrumb a { color:var(--color-brand-text); text-decoration:none; }
.category-breadcrumb a:hover,
.category-breadcrumb a:focus-visible { text-decoration:underline; }
.category-intro { white-space:pre-line; max-width:72ch; color:var(--color-text-secondary); }

.category-related { margin-top:28px; }
.category-related h2 { font-size:1.05rem; margin:0 0 10px; color:var(--color-text-heading); }
.category-related-list { display:flex; flex-wrap:wrap; gap:8px; }
.category-chip-link { display:inline-flex; align-items:center; border:1px solid var(--color-border); border-radius:999px; padding:6px 12px; font-size:0.85rem; color:var(--color-text-strong); background:var(--color-brand-tint); text-decoration:none; }
.category-chip-link:hover,
.category-chip-link:focus-visible { border-color:var(--color-border-strong); background:var(--color-success-bg); outline:none; }

.deals-index-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:10px; }
.deals-index-link { display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding:12px 14px; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); color:var(--color-text-strong); text-decoration:none; }
.deals-index-link:hover,
.deals-index-link:focus-visible { border-color:var(--color-border-strong); background:var(--color-surface-subtle); outline:none; }
.deals-index-label { font-weight:600; }
.deals-index-count { font-size:0.8rem; color:var(--color-text-muted); white-space:nowrap; }