/* responsive.css — адаптив (mobile-first брейкпоінти 1024 / 768 / 480). */

@media (max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .steps { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  /* Мобільне меню */
  .nav__burger { display: flex; }
  .nav__links {
    position: fixed; inset: 68px 0 auto 0; flex-direction: column; gap: 0;
    background: var(--surface-card); box-shadow: var(--shadow-md); padding: 1rem 0;
    transform: translateY(-150%); transition: transform var(--transition);
  }
  .nav__links.open { transform: translateY(0); }
  .nav__links a { padding: 0.85rem 2rem; width: 100%; }
  .nav__links .btn { margin: 0.5rem 2rem; }

  .hero__grid,
  .two-col { grid-template-columns: 1fr; }
  .about-grid { grid-template-columns: 1fr; }
  .about-grid img { position: static; }
  .triad { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid > .tm:last-child { grid-column: auto; }
  .partners-grid { grid-template-columns: 1fr; }
  .partner--featured { flex-direction: column; text-align: center; }
  .partner--featured .partner__logo { width: 100%; }
  .supported { flex-direction: column; text-align: center; }
  .hero__img { order: -1; }
  .grid-3,
  .gallery { grid-template-columns: 1fr 1fr; }
  .footer__grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .grid-4,
  .grid-2,
  .grid-3,
  .steps,
  .gallery,
  .team-grid { grid-template-columns: 1fr; }
  .team-grid > .tm:last-child { grid-column: auto; }
  .countdown__timer { gap: 0.5rem; }
  .cd-unit { min-width: 64px; }
  .hero__cta .btn,
  .cta__buttons .btn { width: 100%; }
}