/* ============================================================
   Страница «Избранное» (pages/favorites.html)
   Карточки переиспользуют .zkc-card / .scc-card из соответствующих
   каталогов — здесь только обвязка страницы (шапка, секции, empty state).
   ============================================================ */

.fav {
  --fav-bg: #FAF8F3;
  --fav-text: #1F2A24;
  --fav-text-secondary: #6D756F;
  background: var(--fav-bg);
  color: var(--fav-text);
  min-height: 60vh;
}

.fav-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 27px;
}

.fav-hero {
  padding: 56px 0 28px;
  text-align: center;
}

.fav-title {
  font-family: "Playfair Display", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(27px, 4vw, 40px);
  margin-bottom: 8px;
}

.fav-subtitle {
  color: var(--fav-text-secondary);
  font-size: 15px;
}

/* ---------- Секции ---------- */

.fav-section {
  margin-bottom: 48px;
}
.fav-section:last-child {
  margin-bottom: 64px;
}

.fav-section__title {
  font-family: "Playfair Display", "Georgia", serif;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 20px;
}

/* ---------- Пустое состояние ---------- */

.fav-empty {
  text-align: center;
  padding: 64px 24px 96px;
}
.fav-empty__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 20px;
  color: var(--fav-text-secondary);
}
.fav-empty h2 {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 10px;
}
.fav-empty p {
  color: var(--fav-text-secondary);
  margin: 0 auto 24px;
  max-width: 420px;
}
.fav-empty__actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 600px) {
  .fav-hero { padding: 40px 0 20px; }
  .fav-container { padding: 0 13px; }
  .fav-section__title { font-size: 19px; }
}