/* ИвБазис — главная страница (site/index.html). Подключается после base.css. */

.home-hero { text-align: center; }
.home-hero__inner { max-width: 760px; margin-inline: auto; }
/* base.css переопределяет на белый только h2/h3 внутри .section--navy (.section--navy h2,.section--navy h3),
   h1 не входит в это правило — без явного переопределения здесь H1 остаётся navy-800 на navy-фоне (нечитаемо). */
.home-hero h1 { color: #fff; }
.home-hero__lead { color: #e7edf4; margin-inline: auto; }
.home-hero__actions { display: flex; gap: var(--sp-4); justify-content: center; flex-wrap: wrap; margin-top: var(--sp-6); }

.home-cat .card__img { background-size: 160px 160px; }

.home-advantages { margin-top: 0; }
.home-advantage h3 { margin-bottom: var(--sp-2); }
.home-advantage p { margin: 0; color: var(--text-muted); }

.home-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--sp-5); counter-reset: none; }
.home-step { background: var(--bg-soft); border-radius: var(--radius-lg); padding: var(--sp-5); position: relative; }
.home-step__num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--accent); color: var(--navy-950); font-weight: 700; margin-bottom: var(--sp-3); }
.home-step h3 { margin-bottom: var(--sp-2); }
.home-step p { margin: 0; color: var(--text-muted); }

.home-featured__loading { color: var(--text-muted); }
.home-product .card__img { background-size: 140px 140px; }
.home-product__attr { color: var(--text-muted); font-size: var(--fs-sm); margin: 0 0 var(--sp-2); }
.home-product__price { font-weight: 700; color: var(--navy-800); font-size: var(--fs-lg); margin: 0 0 var(--sp-4); }
.home-featured__note { margin-top: var(--sp-5); color: var(--text-muted); font-size: var(--fs-xs); }

.home-journal .card__img { background-size: 160px 160px; }

.home-faq { max-width: 760px; }
.home-faq__item { border: 1px solid var(--line); border-radius: var(--radius); padding: var(--sp-4) var(--sp-5); margin-bottom: var(--sp-3); }
.home-faq__item summary { cursor: pointer; font-weight: 600; color: var(--navy-800); }
.home-faq__item p { margin: var(--sp-3) 0 0; color: var(--text-muted); }

.home-cta { text-align: center; }
.home-cta__inner { max-width: 640px; margin-inline: auto; }
.home-cta__inner p { color: #e7edf4; }
.home-cta__inner a[data-site] { color: #fff; font-weight: 600; }

@media (max-width: 560px) {
  .home-hero__actions, .home-cta .home-hero__actions { flex-direction: column; align-items: stretch; }
}