/* ============================================================
   MAM — responsive rules (tablet & mobile)
   ============================================================ */

/* Tablet */
@media (max-width: 860px) {
  .two-col, .contact-grid { grid-template-columns: 1fr; gap: 36px; }
  .grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .brand span { display: none; }

  /* Collapse the nav into a hamburger menu */
  .menu-toggle { display: block; }
  nav {
    display: none;
    position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column; gap: 0;
    background: rgba(14,14,14,.98);
    border-bottom: 1px solid var(--line);
    padding: 8px 0;
  }
  nav.open { display: flex; }
  nav a { padding: 14px 24px; width: 100%; }
  .call-btn { border: none; border-radius: 0; }
}

/* Phone */
@media (max-width: 540px) {
  section { padding: 60px 18px; }
  .grid, .gallery-grid { grid-template-columns: 1fr; }
  .hero { min-height: 66vh; }
  .car-hero { padding: 40px 18px 20px; }
}