@media (max-width: 980px) {
  .hero-grid, .split-grid, .detail-grid, .contact-grid { grid-template-columns: 1fr; }
  .hero { min-height: auto; padding: 4rem 0; }
  .hero-media { order: -1; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-grid, .steps-grid, .values-grid, .stats-grid, .feature-grid, .footer-grid { grid-template-columns: 1fr 1fr; }
  .shop-toolbar { align-items: stretch; flex-direction: column; }
  .filter-group { justify-content: flex-start; }
}
@media (max-width: 760px) {
  .nav-toggle { display: inline-grid; }
  .nav-panel:not(.always) {
    position: fixed;
    inset: 76px 1rem auto 1rem;
    background: #05070a;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 1rem;
    display: none;
    flex-direction: column;
    align-items: stretch;
  }
  .nav-panel.open { display: flex; }
  .nav-panel [aria-current="page"]::after { display: none; }
  .product-grid, .review-grid, .steps-grid, .values-grid, .stats-grid, .feature-grid, .footer-grid, .ribbon-grid { grid-template-columns: 1fr; }
  .hero-overlay { grid-template-columns: 1fr; align-items: end; }
  .hero-redesign { min-height: auto; padding: 0; align-items: stretch; background: #05070a; }
  .hero-redesign .hero-bg { position: relative; height: auto; aspect-ratio: 1942 / 809; object-fit: contain; object-position: center; }
  .hero-redesign .hero-shade { display: none; }
  .hero-redesign .hero-overlay { min-height: auto; padding: 1rem 0 2rem; }
  .hero-redesign .hero-copy { background: transparent; border: 0; padding: 0; }
  .hero-redesign h1 { font-size: clamp(2.6rem, 12vw, 4rem); }
  .cta-inner { align-items: flex-start; flex-direction: column; }
  h1 { font-size: clamp(3rem, 18vw, 4.2rem); }
  .page-hero { padding-top: 4rem; }
}
@media (max-width: 430px) {
  .container { width: min(100% - 1.2rem, var(--container)); }
  .button-row, .button { width: 100%; }
  .trust-strip span, .filter-chip { width: 100%; text-align: center; }
  .nav-actions { gap: .35rem; }
  .brand span { font-size: .95rem; }
}