/* =============================================================
   RESPONSIVE — медиа-запросы. Брейкпоинты по skill 5.1.

   Wide:    1536px+
   Default: 1280px (контейнер 1180-1400)
   Tablet:  ≤1023px (моб. меню, 2-кол. сетки)
   Mobile:  ≤767px (1-кол., sticky CTA)
   Small:   ≤479px

   Здесь мобильные оверрайды для секций и компонентов.
   ============================================================= */

@media (max-width: 1023px) {
  :root {
    --header-h: 72px;
  }
}

@media (max-width: 767px) {
  :root {
    --header-h: 64px;
    --space-section: clamp(64px, 14vw, 96px);
    --space-block:   clamp(32px, 8vw, 56px);
  }

  .btn--lg { padding: 18px 28px; font-size: var(--fs-body); }

  /* Hover-эффекты только на hover-capable устройствах — fallback */
  *:hover { transition: none !important; }
}

@media (max-width: 479px) {
  .btn { padding: 16px 24px; font-size: var(--fs-small); }
}