/* Mobile-first adjustments (desktop-first base in style.css, overrides here) */
@media (max-width: 960px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .foot-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 760px) {
  .menu-btn {
    display: inline-block;
  }
  .js .nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: var(--navy);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 1.25rem 1rem;
  }
  .js .nav.open {
    display: block;
  }
  .nav-list {
    flex-direction: column;
  }
  .nav-list a {
    padding: 0.8rem 0.5rem;
    font-size: 1rem;
  }
  .site-header .wrap {
    position: relative;
  }
  .hero {
    padding: 2.5rem 0 3rem;
  }
  .hero-grid,
  .about-grid {
    grid-template-columns: 1fr;
  }
  .hero-logo {
    display: none;
  }
  .about-logo {
    max-width: 220px;
    justify-self: start;
  }
  .brand-logo {
    height: 44px;
  }
  .search {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .grid {
    grid-template-columns: 1fr;
  }
  /* Footer: brand + contact full width, Categories and Company side by side */
  .foot-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem 1rem;
  }
  .foot-grid > div:first-child,
  .foot-grid > div:last-child {
    grid-column: 1 / -1;
  }
  .section {
    padding: 2rem 0;
  }
}
@media (max-width: 760px) {
  /* Centre the copyright line on mobile */
  .site-footer .copy {
    max-width: none;
    text-align: center;
  }
}