/* ============================================================
   MELIORIX SYSTEMS — onepage.css
   Правки, нужные одностраничнику (/{язык}/index.html, body.onepage).
   Подключается ПОСЛЕ main/home/services/dna-cases и только чинит
   стыки между ними — новых компонентов здесь нет.
   Все селекторы ограничены .onepage, чтобы не задеть урок и legal.
   ============================================================ */

/* ---------- Hero ----------
   services.css задаёт `.svc-page section { padding: var(--section-pad) 0 }`
   и перебивает отступы `.hero` из main.css (0,1,1 против 0,1,0):
   заголовок уезжает под фиксированную шапку. Возвращаем отступ героя. */
.onepage.svc-page .hero {
  padding-top: calc(var(--nav-h) + var(--section-pad));
  padding-bottom: var(--section-pad);
}

/* Подменю (.subnav) на одностраничнике нет — якоря должны учитывать
   только высоту шапки, иначе секция уезжает на 54px ниже нужного. */
.onepage section[id] { scroll-margin-top: calc(var(--nav-h) + 8px); }

/* ---------- Шапка ---------- */
/* активный раздел подсвечивается тем же зелёным, что и в .subnav */
.onepage .nav-links > li > a.active { color: var(--accent-green); }

.onepage .nav-cta { padding: 9px 20px; font-size: 14px; flex-shrink: 0; }
@media (max-width: 900px) {
  /* на мобильных ссылки шапки скрыты, CTA дублируется в выезжающем меню */
  .onepage .nav-cta { display: none; }
}

/* ---------- Этапы работы ----------
   Блок пришёл с главной (home.css: .process-timeline .step), а services.css
   держит собственные `.steps .step` для старых страниц услуг. Пересечения по
   `.step` больше нет — селекторы services.css ограничены контейнером `.steps`.
   Здесь только выравниваем сетку под адаптив внутри одностраничника. */
.onepage .process-grid .step h3 { font-family: var(--font-display); }
.onepage .process-track,
.onepage .process-progress { display: none; }
.onepage .process-grid .step-num {
  background: var(--accent-green);
  box-shadow: none;
}

/* От карточек этапов до заголовка FAQ — один отступ 90px. */
.onepage #process { padding-bottom: 0; }
.onepage #faq { padding-top: 90px; }

/* ---------- Кейсы ----------
   Между hero и заголовком «Наши кейсы» складывались два отступа подряд:
   padding-top секции (var(--section-pad), до 118px) и собственный отступ
   .cases-intro (top: 96px внутри липкой сцены). Верхний padding убираем —
   96px сцены уже дают воздух, и ровно на столько же заголовок отходит от
   шапки, когда сцена прилипает к верху окна. */
.onepage .cases-dna { padding-top: 0; }

/* ---------- Бегущая строка технологий ---------- */
/* От карточек «Решения» до заголовка «Система под задачу» — один отступ 90px. */
.onepage #solutions { padding-bottom: 0; }
.onepage #tech { padding-top: 90px; }
/* заголовок секции и лента: лента шире контейнера, отступ сверху уже есть */
.onepage .tech-section .marquee { margin-top: 8px; }