@media (max-width: 900px) {
  .preview, .cards, .gallery, .brands-grid { grid-template-columns: 1fr 1fr; }
  .about-grid, .contact-grid { grid-template-columns: 1fr; }
  .menu-btn { display: inline-flex; align-items: center; justify-content: center; }
  .links {
    display: none;
    position: absolute;
    top: calc(var(--nav-h) + 33px);
    left: 0;
    right: 0;
    background: #17181c;
    border-bottom: 1px solid var(--line);
    flex-direction: column;
    padding: 12px 20px 16px;
  }
  .links.open { display: flex; }
  .logo { height: 48px; }
  .logo-wide { height: 72px; }
}

@media (max-width: 560px) {
  .preview, .cards, .gallery, .brands-grid, .form-row, .stats { grid-template-columns: 1fr; }
  .topbar .wrap, .foot { flex-direction: column; }
  .hero { min-height: 68vh; }
  h1 { max-width: none; }
}