/* ========== Страницы разделов (с 04.10.2026 сайт многостраничный) ==========
   Блоки собираются site-src/build.py из site-src/master.html.
   Здесь — только то, чего не было на одностраничнике: шапка раздела,
   активный пункт меню, тизер калькулятора, реквизиты. */

/* Шапка раздела — тёмный якорь, как hero на главной */
.page-head {
  --bg: #0a0a0a;
  --ink: #f5f5f5;
  --ink-2: #a8a8a8;
  --ink-3: #6a6a6a;
  --bg-2: #121212;
  --line: rgba(255, 255, 255, 0.08);
  background: var(--bg);
  color: var(--ink);
  padding: 132px 0 72px;
}
.ph-crumbs {
  display: flex;
  gap: 8px;
  font-size: 13px;
  color: var(--ink-3);
  margin-bottom: 22px;
}
.ph-crumbs a { color: var(--ink-2); }
.ph-crumbs a:hover { color: var(--ink); }
.ph-h1 {
  font-size: clamp(38px, 6vw, 76px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.03em;
  margin: 22px 0 18px;
}
.ph-lead {
  font-size: 18px;
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 640px;
}

/* Меню из 8 страниц — в одну строку. Шапка ограничена .wrap (1216px), поэтому
   ужимаем отступы; на узких экранах прячем номер (на ПК это всё равно ссылка
   в Telegram — иконка Telegram рядом остаётся) и VK. */
.nav { gap: 20px; font-size: 13.5px; }
.nav a { white-space: nowrap; }
.hdr-row { gap: 28px; }
@media (max-width: 1300px) {
  .hdr-phone { display: none !important; }
}
@media (max-width: 1120px) {
  .nav { gap: 14px; font-size: 13px; }
  .hdr-row { gap: 18px; }
  .hdr-vk { display: none !important; }
}
@media (min-width: 981px) and (max-width: 1060px) {
  .hdr-msg { display: none !important; }
}

/* Активный пункт меню */
.nav a.is-active { color: #fff; box-shadow: inset 0 -2px 0 #c8a86e; }
.hdr-mobile-list a.is-active { color: #c8a86e; }
.ft-nav a.is-active { color: var(--ink); }

/* Тизер калькулятора на главной */
.calc-teaser {
  padding: 96px 0;
  border-top: 1px solid var(--line);
}
.ct-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
  align-items: end;
}
.ct-row .h2 { margin: 14px 0 12px; }
.ct-actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* Реквизиты */
.requisites {
  padding: 96px 0;
  border-top: 1px solid var(--line);
}
.requisites .sec-head { margin-bottom: 36px; }
.rq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  margin: 0;
}
.rq-grid > div { background: var(--bg-2); padding: 18px 22px; }
.rq-grid dt {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 6px;
}
.rq-grid dd { margin: 0; font-size: 16px; color: var(--ink); }
.rq-grid a { color: inherit; }

@media (max-width: 980px) {
  .ct-row { grid-template-columns: 1fr; align-items: start; }
}
@media (max-width: 640px) {
  .page-head { padding: 104px 0 48px; }
  .ph-lead { font-size: 16px; }
  .calc-teaser, .requisites { padding: 64px 0; }
  .rq-grid { grid-template-columns: 1fr; }
  .ct-actions .btn { flex: 1 1 100%; justify-content: center; }
}