@media (max-width: 1080px) {
  .grid.categories { grid-template-columns: repeat(3, 1fr); }
  .grid.products { grid-template-columns: repeat(2, 1fr); }
  .grid.features, .testimonial-track, .stats { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .nav {
    position: fixed;
    inset: 74px 0 auto 0;
    display: none;
    padding: 18px;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
    box-shadow: var(--shadow);
    flex-direction: column;
    align-items: stretch;
  }
  .nav.open { display: flex; }
  .drop-menu { position: static; display: grid; width: 100%; box-shadow: none; margin-top: 8px; }
  .hamburger { display: inline-grid; }
  .hero { min-height: 720px; background-position: 64% center; }
  .hero-content { padding-top: 56px; }
  .split, .newsletter { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .container { width: min(100% - 22px, 1180px); }
  .section { padding: 54px 0; }
  .section-head { display: block; }
  .grid.categories, .grid.products, .grid.features, .testimonial-track, .stats, .form.two { grid-template-columns: 1fr; }
  .hero { min-height: 680px; background-position: 69% center; }
  .actions, .product-actions { grid-template-columns: 1fr; display: grid; }
  .btn { width: 100%; }
  .newsletter { padding: 26px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { display: block; }
  .logo img { width: 128px; }
  .header-actions .icon-btn:not(.hamburger) { width: 38px; height: 38px; }
}