/* ============================================================================
   Главная capgr.ru (29.09.2026): подразделы под плитками каталога, блок услуг,
   FAQ, форма КП в блоке «Контакты». Подключается ПОСЛЕ styles.css.
   Префикс home- — чтобы не пересекаться с lp-/sv-/cg-.
   Разметку подразделов генерирует build_static_catalog.py (STATIC-HOME-SUBCATS).
   ============================================================================ */

/* ── Подразделы каталога (светлый фон секции .catalog) ── */
.home-subcats{margin:28px 0 0;padding:22px 24px;border:1px solid var(--line-dark);border-radius:16px;background:#fff;
  box-shadow:0 2px 12px rgba(20,40,80,.04)}
.home-subcats .cg-subcats__title{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5a6a8a;margin:0 0 16px}
.home-subcats__group{display:grid;grid-template-columns:200px 1fr;gap:12px 18px;align-items:start;padding:12px 0;border-top:1px solid var(--line-dark)}
.home-subcats__group:first-of-type{border-top:0;padding-top:0}
.home-subcats__parent{font-size:15px;font-weight:800;color:var(--ink);padding-top:8px}
.home-subcats__parent:hover{color:var(--blue-2)}
.home-subcats .cg-subcats__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.home-subcats .cg-subcats__link{display:inline-flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:100px;
  border:1px solid #c9d6ee;background:#f3f7fd;color:var(--ink);font-size:14px;font-weight:700;transition:border-color .2s,background .2s}
.home-subcats .cg-subcats__link:hover{border-color:var(--blue-2);background:#e6eefb}
.home-subcats .cg-subcats__count{font-size:12.5px;font-weight:600;color:#5a6a8a}

/* ── Услуги: карточки .service-card из styles.css ── */
.services .section__sub{max-width:760px}
.services__grid{margin-top:0}

/* ── FAQ ── */
.home-faq{padding:96px 0;background:var(--bg)}
.home-faq__list{max-width:900px;display:grid;gap:12px}
.home-faq__item{border:1px solid var(--line-2);border-radius:14px;padding:20px 22px;background:rgba(255,255,255,.03)}
.home-faq__q{font-size:16.5px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.4}
.home-faq__a{color:#a8bcd8;font-size:15px;line-height:1.7;margin:0}
.home-faq__a a{color:#5ba8ff;border-bottom:1px solid rgba(91,168,255,.3)}
.home-faq__a a:hover{color:#fff}

/* ── Форма КП в блоке «Контакты» ── */
.home-form{margin-top:4px}
.home-form .field--consent{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500}
.home-form .field--consent a{color:#5ba8ff}
.home-form .btn{justify-self:start}

.footer__links{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:var(--ink-soft)}
.footer__links a{color:var(--ink-soft)}
.footer__links a:hover{color:#fff}

@media (max-width:760px){
  .home-subcats{padding:18px 16px}
  .home-subcats__group{grid-template-columns:1fr;gap:8px}
  .home-subcats__parent{padding-top:0}
  .home-faq{padding:56px 0}
  .home-form .btn{justify-self:stretch}
}