/* ══ СЕТКА САЙТА, 06.10.2026 ═══════════════════════════════════
   Снята с первого экрана, а не придумана заново: он выглядит как надо,
   и сетка подгоняет к нему остальных, а не его к себе.

   Поля: 12,5% слева и 6% справа на широком кадре (левая кромка числа
   и правая кромка прейскуранта), 20 px на узком. Порог один на все
   секции: 760 px, тот же, что у героя и второго экрана.
   Шаг 8 px, все отступы из шкалы ниже.
   Центр у 4 и 5 остаётся по окну: это одна ось, решено раньше.

   Клавиша G (П) показывает колонки поверх страницы. ═══════════════ */
:root{
  --g-1:8px; --g-2:16px; --g-3:24px; --g-4:32px; --g-5:40px;
  --g-6:48px; --g-8:64px;
  --g-m:20px;                       /* поле узкого кадра */
  --поле-л:12.5%; --поле-п:6%;
  --колонок:12; --жёлоб:24px;
}
@media (max-width:760px){
  :root{ --поле-л:var(--g-m); --поле-п:var(--g-m); --колонок:4; --жёлоб:16px; }
}

/* Наложение. Колонки между полями плюс строки шага 8 px. */
.сетка-над{position:fixed;inset:0;z-index:2147483000;pointer-events:none;
  display:none;grid-template-columns:repeat(var(--колонок),1fr);
  column-gap:var(--жёлоб);padding:0 var(--поле-п) 0 var(--поле-л);
  background:repeating-linear-gradient(to bottom,
    rgba(80,160,255,.10) 0 1px, transparent 1px 8px)}
.сетка-над i{background:rgba(255,60,90,.08);
  box-shadow:inset 1px 0 rgba(255,60,90,.35), inset -1px 0 rgba(255,60,90,.35)}
@media (max-width:760px){ .сетка-над i:nth-child(n+5){display:none} }
:root.сетка .сетка-над{display:grid}