@media (max-width: 1020px) {
  .navlinks {
    position: fixed;
    inset: 76px 0 auto 0;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
    padding: 22px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
  }
  .navlinks.open { display: flex; }
  .menu-btn { display: inline-grid; }
  .hero-grid, .two { grid-template-columns: 1fr; }
  .hero-media { min-height: 440px; }
  .three, .four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trustbar .container { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
  .container { width: min(100% - 24px, 1180px); }
  .section { padding: 70px 0; }
  .hero { min-height: auto; }
  .hero-copy { padding: 52px 0 20px; }
  .hero-media { min-height: 330px; }
  .product-stage { inset: 0; transform: none; }
  .hero-points, .three, .four, .trustbar .container, .footer-grid, .compare { grid-template-columns: 1fr; }
  .brand img { width: 112px; }
  .nav-actions .btn { display: none; }
  .trust-item { justify-content: flex-start; }
  .product-actions { grid-template-columns: 1fr; }
  .distributor-panel { padding: 28px; }
  .page-hero { padding: 72px 0 50px; }
  .gallery-main { min-height: 300px; }
  .float-chip { display: none; }
  .copyright { display: block; }
}