/* ==========================================================================
   Туры и авиабилеты — page-home.css. Только раскладка главной (front-page.php).
   Компоненты — в components.css.
   ========================================================================== */

/* Первый экран: заголовок → рейтинг → подбор; с 1200px рейтинг 8 колонок + подбор 4 */
.tr-hero { padding-top: var(--tr-s-6); }
.tr-hero__head { display: grid; gap: var(--tr-s-3); margin-bottom: var(--tr-s-5); }
.tr-hero__head > * { min-width: 0; }
.tr-counters { font-family: var(--tr-font-mono); font-weight: var(--tr-fw-medium); font-size: var(--tr-fs-micro); line-height: var(--tr-lh-micro); color: var(--tr-muted); }
.tr-hero__jump { margin-top: var(--tr-s-1); }
.tr-hero__work { display: grid; gap: var(--tr-s-8); }
.tr-hero__work > * { min-width: 0; }
.tr-hero__legend { margin-top: var(--tr-s-4); max-width: var(--tr-measure); }

/* Лидеры по видам поездок: 1 → 2 (пятый во всю ширину) → 2 + 3 */
.tr-home-kinds { grid-template-columns: minmax(0, 1fr); }

/* Популярные подборки: группы бирок по разделам */
.tr-home-podborki { display: grid; gap: var(--tr-s-6) var(--tr-gap); }
.tr-home-podborki .tr-tags { grid-template-columns: minmax(0, 1fr); gap: var(--tr-s-3); }

@media (min-width: 768px) {
  .tr-hero { padding-top: var(--tr-s-7); }
  .tr-hero__jump { display: none; }
  .tr-home-kinds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tr-home-kinds > :nth-child(5) { grid-column: 1 / -1; }
  .tr-home-podborki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
  .tr-hero__work { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--tr-gap); align-items: start; }
  .tr-hero__pick .tr-pick__switches { grid-template-columns: minmax(0, 1fr); } /* «Когда» и «Бюджет» остаются в две колонки: кнопка подбора видна на первом экране 1440×900 */
  .tr-home-kinds { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .tr-home-kinds > * { grid-column: span 2; }
  .tr-home-kinds > :nth-child(-n+2) { grid-column: span 3; }
  .tr-home-kinds > :nth-child(5) { grid-column: span 2; }
  .tr-home-podborki { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}