@media (max-width: 1200px) {
  .cat-grid { grid-template-columns: repeat(3, 1fr); }
  .cat-card.wide { grid-column: span 1; min-height: 340px; }
  .product-grid { grid-template-columns: repeat(3, 1fr); }
  .review-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-grid { grid-template-columns: repeat(3, 1fr); }
  .routine-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .mega-grid { grid-template-columns: repeat(3, 1fr); }
  .shop-layout { grid-template-columns: 240px 1fr; }
  .insta-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 980px) {
  .nav-links { display: none; }
  .hamburger { display: flex; }
  .navbar { height: 72px; }
  :root { --header-h: 72px; }
  .editorial,
  .editorial.reverse,
  .pdp,
  .cart-layout,
  .contact-grid,
  .story-block,
  .limited,
  .promo-strip,
  .gift-grid,
  .collection-grid {
    grid-template-columns: 1fr;
  }
  .search-results,
  .guide-grid,
  .info-cards {
    grid-template-columns: 1fr 1fr;
  }
  .modal { grid-template-columns: 1fr; }
  .gallery-main { height: 460px; }
  .stats { grid-template-columns: 1fr 1fr; }
  .article-list article { grid-template-columns: 1fr; }
  .shop-layout { grid-template-columns: 1fr; }
  .filters { position: static; }
  .limited img,
  .editorial-media { min-height: 360px; }
}

@media (max-width: 720px) {
  .container { width: calc(100% - 28px); }
  .cat-grid,
  .product-grid,
  .product-grid.cols-3,
  .review-grid,
  .feature-grid,
  .routine-grid,
  .guide-grid,
  .search-results,
  .info-cards,
  .footer-grid,
  .insta-grid,
  .stats {
    grid-template-columns: 1fr 1fr;
  }
  .hero h1 { max-width: none; }
  .section { padding: 64px 0; }
  .news-form,
  .footer-news,
  .action-row { flex-direction: column; }
  .announce { font-size: 0.62rem; letter-spacing: 0.1em; }
  .wish-float,
  .qv-btn { opacity: 1; transform: none; }
  .carousel .product-card { min-width: 78%; }
  .page-hero { min-height: 320px; }
  .cart-item { grid-template-columns: 86px 1fr; }
  .thumbs { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 480px) {
  .cat-grid,
  .product-grid,
  .review-grid,
  .feature-grid,
  .routine-grid,
  .guide-grid,
  .search-results,
  .footer-grid,
  .info-cards,
  .insta-grid {
    grid-template-columns: 1fr;
  }
  .brand { font-size: 1.1rem; letter-spacing: 0.12em; }
  .hero { min-height: 86vh; }
}