/* ===== RESPONSIVE ===== */

@media (max-width: 1080px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .passport { grid-template-columns: repeat(2, 1fr); }
  .eng-grid { grid-template-columns: repeat(2, 1fr); }
  .guide-grid { grid-template-columns: repeat(2, 1fr); }
  .systems-grid { grid-template-columns: 1fr; }
  .contacts-grid { grid-template-columns: 1fr; }
}

@media (max-width: 880px) {
  .main-nav { display: none; }
  .hdr-menu-toggle { display: flex; }
  .hero__panel { grid-template-columns: 1fr; }
  .hero__cards { flex-direction: row; flex-wrap: wrap; }
  .hcard { flex: 1 1 45%; }
  .bento, .bento .card, .bento .card--lg, .bento .card--sm, .bento .card--tall, .bento .card--wide {
    grid-column: span 6;
    grid-row: auto;
  }
  .step { grid-template-columns: 56px 1fr; }
  .step__img { grid-column: 1 / -1; aspect-ratio: 16/9; }
  .thumbs { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 640px) {
  .site-header { padding: 10px 14px; }
  .site-header__inner { padding: 8px 8px 8px 16px; border-radius: 22px; }
  .hero { min-height: 100svh; }
  .hero__panel { padding: 18px; }
  .hero__cards { flex-direction: column; }
  .hcard { flex: 1 1 auto; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .passport { grid-template-columns: 1fr 1fr; }
  .eng-grid { grid-template-columns: 1fr; }
  .guide-grid { grid-template-columns: 1fr; }
  .obj-hero__panel { margin: 12px; padding: 18px; }
  .obj-hero__stats { gap: 18px; }
  .thumbs { grid-template-columns: repeat(3, 1fr); }
  .compare { display: block; overflow-x: auto; }
  .lightbox__prev, .lightbox__next { width: 38px; height: 38px; }
}
