@media (max-width: 1100px) {
  .main-nav, .search, .login-link { display: none; }
  .hamburger { display: inline-flex; }
  .main-nav.open {
    display: grid;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid var(--line);
    padding: 12px 16px 18px;
    box-shadow: var(--shadow);
  }
  .mega-panel { position: static; width: 100%; box-shadow: none; grid-template-columns: repeat(2, 1fr); }
  .grid.cols-4, .market-state-grid { grid-template-columns: repeat(3, 1fr); }
  .slide-inner { grid-template-columns: 1fr; }
  .hero-glass { max-width: 360px; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .offer-banner { grid-template-columns: 1fr 1fr; }
  .offer-banner strong { position: absolute; right: 26px; top: 26px; }
  .footer-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-top { grid-template-columns: 1fr; }
  .footer-cta { justify-content: flex-start; }
}

@media (max-width: 860px) {
  .section { padding: 52px 0; }
  .section-head, .toolbar, .cta-band, .deal, .details, .studio, .shop-layout, .contact-layout, .payment-security, .about-hero, .custom-hero, .studio-intro, .auth-shell, .admin-login-card, .offer-banner, .offer-split { grid-template-columns: 1fr; display: grid; }
  .grid.cols-4, .grid.cols-3, .grid.cols-2, .trust-list, .brand-strip, .stats-row, .market-state-grid { grid-template-columns: repeat(2, 1fr); }
  .hero, .slide { min-height: 650px; }
  .slide-inner { padding: 70px 0; }
  .offer-banner strong { position: relative; right: auto; top: auto; width: 92px; height: 92px; }
  .offer-banner img, .offer-split img { height: 260px; }
  .filters { position: static; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .payment-icons { margin-left: 0; }
  .admin-shell { grid-template-columns: 1fr; }
  .admin-sidebar { height: auto; position: relative; }
  .admin-sidebar nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; }
  .admin-variant-views { grid-template-columns: 1fr; }
}

@media (max-width: 580px) {
  .container { width: min(100% - 24px, var(--container)); }
  .announcement { font-size: .78rem; }
  .nav-wrap { min-height: 66px; gap: 10px; }
  .logo span { font-size: 1.05rem; }
  .header-actions { margin-left: auto; }
  .icon-btn { width: 38px; height: 38px; }
  .hero, .slide { min-height: 620px; }
  .hero h1 { font-size: 2.45rem; }
  .grid.cols-4, .grid.cols-2, .trust-list, .footer-grid, .countdown, .brand-strip, .stats-row, .market-state-grid, .market-search {grid-template-columns: 1fr;}
  .hero-glass { display: none; }
  .category-card { min-height: 210px; }
  .offer-banner, .offer-split { padding: 22px; }
  .offer-banner img, .offer-split img { height: 220px; }
  .testimonial-track { grid-auto-columns: minmax(280px, 88vw); }
  .about-hero, .custom-hero, .studio-intro { padding: 22px; }
  .page-title h1 { font-size: 2rem; }
  .footer-top { padding: 22px; }
  .footer-cta .btn { width: 100%; }
  .cta-band { padding: 30px 22px; }
  .cart-table, .cart-table thead, .cart-table tbody, .cart-table tr, .cart-table th, .cart-table td { display: block; width: 100%; }
  .cart-table thead { display: none; }
  .cart-table tr { border-bottom: 1px solid var(--line); padding: 10px; }
  .cart-table td { border: 0; padding: 8px; }
  .footer-bottom { display: grid; }
  .floating { right: 12px; bottom: 12px; }
  .product-color-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .color-preview-figure figcaption { align-items: flex-start; flex-direction: column; }
  .admin-order-designs, .account-design-grid { grid-template-columns: 1fr; }
}