/* ============================================================
   MAHABAD — Category page
   ============================================================ */

.category-page { padding: 44px 0 110px; }

/* ---------- Category hero ---------- */

.cat-hero {
  border-bottom: 1px solid var(--line);
  padding-bottom: 44px;
  margin-bottom: 56px;
  background:
    radial-gradient(ellipse 55% 70% at 85% 0%, rgba(179, 36, 44, .08), transparent 65%),
    transparent;
}

.cat-hero-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}

.cat-hero h1 { font-size: clamp(2.4rem, 5vw, 4rem); }
.cat-hero h1 em { font-style: italic; color: var(--gold); }

.cat-intro { color: var(--muted); max-width: 520px; margin-top: 16px; }

.cat-count {
  font-family: var(--font-caps);
  font-size: .68rem;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--muted);
  border: 1px solid var(--line);
  padding: 10px 18px;
  white-space: nowrap;
}

/* ---------- Responsive ---------- */

@media (max-width: 820px) {
  .category-page { padding: 28px 0 76px; }
  .cat-hero { padding-bottom: 32px; margin-bottom: 40px; }
}