/* =====================================================================
   AE PERFORMANCE SUPPLY — Category listing pages
   Reuses .product-card / .product-grid from landing.css (linked
   alongside this file) rather than redefining them.
   ===================================================================== */

.category-shell { padding: 28px 0 72px; }
.category-head { margin: 18px 0 24px; }
.category-head h1 { font-size: 30px; margin-bottom: 8px; }
.category-head__desc { font-size: 15px; color: var(--ink-muted); max-width: 68ch; line-height: 1.6; }

.category-subnav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.category-subnav__pill {
  display: inline-block; padding: 7px 14px; border: 1px solid var(--border-strong);
  border-radius: 999px; font-size: 13.5px; color: var(--ink); text-decoration: none;
}
.category-subnav__pill:hover { background: var(--surface-sunk); text-decoration: none; }

.category-empty {
  text-align: center; padding: 56px 20px; border: 1px dashed var(--border-strong);
  border-radius: var(--radius-lg); color: var(--ink-muted);
}
.category-empty p { margin-bottom: 16px; }

.product-card__badge--out { background: var(--ink-faint); }