/* 98 — межсекционные вертикальные отступы.
   Значения сняты с y-координат фреймов Figma (зазор = y следующей секции −
   низ предыдущей), по каждому брейкпоинту. База = фрейм 1600. */

.ads         { margin-top: 72px }
.svc         { margin-top: 72px }   /* Cards Row Services */
.brief       { margin-top: 72px }   /* Full the Brief CTA */
.stg         { margin-top: 72px }
.emp         { margin-top: 0 }
.qp-section  { margin-top: 0 }
/* Перехват отодвинут от перков: 108 из макета читались как стык, блок
   налезал на бенто. 400 — решение Alexa; для сравнения, воздух после
   эмпатии здесь 278. 400 оказалось далеко, ушли на 280.
   Ниже 1024 оставлено как было: там блоки идут в одну колонку
   и 72 не жмут. */
.ctc         { margin-top: 280px }
/* Под карточкой перехвата идёт линейка связки (низ карточки + 22).
   Она забирает часть отступа до кейсов, поэтому 108 + 22: от линейки
   до кейсов остаётся ровно макетные 108. Ниже 1024 связки нет —
   там 72 без добавки. */
.cs          { margin-top: 130px }
.sol         { margin-top: 156px }
.prc-section { margin-top: 72px }
.imp         { margin-top: 72px }
.brf-section { margin-top: 72px }
.ftr, footer.ftr, .footer, [class*="footer"] { margin-top: 24px }

@media (max-width: 1200px){
  .ctc { margin-top: 280px }
  .sol { margin-top: 58px }
  .imp { margin-top: 32px }
}
@media (max-width: 1024px){
  .ctc { margin-top: 72px }
  .cs  { margin-top: 94px }   /* 72 + 22 под линейку связки */
  .sol { margin-top: 44px }
  .prc-section { margin-top: 44px }
  .imp { margin-top: 72px }
  [class*="strip125"], .s125 { margin-top: 16px }
  .ftr, .footer, [class*="footer"] { margin-top: 32px }
}
@media (max-width: 768px){
  .ads { margin-top: 56px }
  .cs  { margin-top: 72px }   /* связки здесь нет — добавка не нужна */
}
@media (max-width: 430px){
  .ads { margin-top: 56px }
  .svc { margin-top: 56px }
  .prc-section { margin-top: 0 }
}
@media (max-width: 375px){
  .ads { margin-top: 52px }
  .prc-section { margin-top: 8px }
}
@media (max-width: 320px){
  .prc-section { margin-top: 0 }
  .ftr, .footer, [class*="footer"] { margin-top: 24px }
}
