/* ═══ Адаптив ═══
   Подключается последним — здесь и только здесь живут медиазапросы
   раскладки, поэтому !important не нужен.
   Брейкпоинты: 360 / 620 / 960 / 1440. */

@media (max-width: 960px) {
  .section { padding-left: var(--gutter-sm); padding-right: var(--gutter-sm); }

  .header__nav { display: none; }
  .header__inner { padding: 0 var(--gutter-sm); }

  .hero__mark { opacity: .05; }

  /* About: номер + заголовок в строку, описание переносится под них */
  .about__row { grid-template-columns: 64px 1fr; }
  .about__body { grid-column: 1 / -1; padding-left: 64px; margin-top: 10px; }

  .standards__list { grid-template-columns: 1fr; }

  .contact__grid { grid-template-columns: 1fr; gap: 56px; }

  .footer { padding-left: var(--gutter-sm); padding-right: var(--gutter-sm); }
  .footer__grid { grid-template-columns: 1fr 1fr; }

  /* Карусель кейсов тянется до края экрана, отступы только у заголовка и трека */
  .cases { padding-left: 0; padding-right: 0; }
  .cases__head { padding-left: var(--gutter-sm); padding-right: var(--gutter-sm); }
  .cases__track { padding-left: var(--gutter-sm); scroll-padding-left: var(--gutter-sm); }
  .cases__footer { padding: 0 var(--gutter-sm); }

  .team__grid { justify-content: flex-start; }
}

@media (max-width: 620px) {
  :root { --sec-pad: 96px; }

  /* Метрики Trust Bar — сетка 2×2 */
  .trust .metrics { grid-template-columns: 1fr 1fr; }
  .team .metrics  { grid-template-columns: 1fr; }

  .footer__grid { grid-template-columns: 1fr; }

  /* Строки услуг сжимаются, описание уходит из свёрнутого состояния */
  .svc__head { grid-template-columns: 44px 1fr 28px; gap: 16px; }
  .svc__desc { display: none; }
  .svc__grid { grid-template-columns: 1fr; }
  .svc__grid > .svc__spacer { display: none; }

  /* Пресс-лента складывается в вертикальный блок, а не сжимается */
  .media__row { grid-template-columns: 1fr; gap: 6px; }
  .media__arrow { justify-self: start; }

  .form { grid-template-columns: 1fr; }

  .hero__cta { flex-direction: column; align-items: flex-start; gap: 20px; }

  /* Стопка секций: скругление и наезд мельче */
  .section--stacked {
    border-radius: 20px 20px 0 0;
    margin-top: -24px;
    box-shadow: 0 -14px 34px rgba(0, 0, 0, .28);
  }
  .section--first { border-radius: 0; margin-top: 0; box-shadow: none; }

  .trust { min-height: auto; }
}