@media (max-width: 980px) {
  .header-inner { flex-wrap: wrap; padding: 14px 0; }
  .menu-button { display: inline-flex; margin-left: auto; }
  .main-nav {
    order: 4;
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: stretch;
    margin-left: 0;
    padding-top: 10px;
  }
  .menu-toggle:checked ~ .main-nav { display: flex; }
  .header-actions { margin-left: 0; }
  .hero {
    min-height: auto;
    grid-template-columns: 1fr;
    padding-top: 42px;
  }
  .hero-product { min-height: 390px; }
  .split-section,
  .story-layout,
  .contact-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .shop-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .container, .narrow, .feature-band, .footer-grid, .footer-bottom {
    width: min(100% - 28px, 1160px);
  }
  .brand-logo { font-size: 1rem; }
  .header-actions { width: 100%; }
  .icon-button, .cart-button { flex: 1; }
  .search-row,
  .newsletter-form,
  .product-actions,
  .metric-grid,
  .value-grid,
  .shop-toolbar,
  .product-grid {
    grid-template-columns: 1fr;
  }
  .hero h1, .page-hero h1 {
    font-size: 2.35rem;
  }
  .hero-actions, .feature-band {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-product { min-height: 300px; }
  .hero-shoe { width: 330px; height: 145px; }
  .spec-card { position: static; margin: 8px; justify-self: start; }
  .product-card { min-height: auto; }
  .story-layout article, .contact-card, .contact-form, .legal-content {
    padding: 22px;
  }
  .page-hero { padding-top: 48px; }
}