/* ==========================================================================
   SML - Home Page
   Файл: /wp-content/themes/sml/src/css/pages/home.css
   Версия: 1.0.0
   Author: NUVREN (https://nuvren.com)

   Назначение:
   - Страница Home: эталонный ритм, плотность и типографика;
   - Home не должен ломать блоки/компоненты, только задавать токены и точечные правки.
   ========================================================================== */

/* ------------------------------------------------------------
   1) Эталонный вертикальный ритм на Home через семантические токены
   ------------------------------------------------------------ */
.home {
  --section-pad-y-sm: var(--space-10);
  --section-pad-y: var(--space-14);
}

@media (min-width: 1024px) {
  .home {
    --section-pad-y-sm: var(--space-12);
    --section-pad-y: var(--space-14);
  }
}

/* ------------------------------------------------------------
   2) Hero: композиция и читаемость
   ------------------------------------------------------------ */
.home .hero__title {
  max-width: 28ch;
}

.home .hero__subtitle {
  font-size: var(--font-size-sm);
  max-width: 62ch;
}

@media (min-width: 1024px) {
  .home .hero__subtitle {
    font-size: var(--font-size-base);
    max-width: 64ch;
  }
}

/* ------------------------------------------------------------
   3) Заголовки секций: собранный ритм и читаемость
   ------------------------------------------------------------ */
.home .section-head {
  gap: var(--space-2);
  margin-bottom: var(--space-6);
}

@media (min-width: 1024px) {
  .home .section-head {
    margin-bottom: var(--space-7);
  }
}

.home .section-head__text {
  font-size: var(--font-size-sm);
}

@media (min-width: 1024px) {
  .home .section-head__text {
    font-size: var(--font-size-base);
  }
}

/* ------------------------------------------------------------
   4) Карточки: не мелко, но компактно
   ------------------------------------------------------------ */
.home .card__text {
  font-size: var(--font-size-sm);
  line-height: 1.6;
}

@media (min-width: 1024px) {
  .home .card__text {
    font-size: var(--font-size-base);
  }
}

/* Reviews: не задаем лишнюю высоту карточкам */
.home .reviews .card__body {
  min-height: 0;
}