@media (max-width: 980px) {
  .nav-links { display: none; }
  .hamburger { display: inline-grid; place-items: center; }
  .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filters, .product-layout, .footer-grid { grid-template-columns: 1fr; }
  .hero-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .container { width: min(100% - 24px, var(--max)); }
  .section { padding: 64px 0; }
  .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }
  .nav-wrap { min-height: 66px; }
  .brand img { width: 132px; }
  .nav-actions .desktop-only { display: none; }
  .drawer { inset-block-start: 66px; min-height: calc(100vh - 66px); }
  .hero { min-height: auto; }
  .hero-content { padding: 52px 0 92px; }
  .hero::before { background-position: 67% center; }
  .hero-strip { grid-template-columns: 1fr; }
  .hero-stat { padding: 13px; }
  .cookie { align-items: stretch; flex-direction: column; }
  .floating { right: 12px; bottom: 12px; }
  .gallery-main { min-height: 320px; }
}