@media (max-width: 1100px) {
  .grid-products.cols-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-products.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } .footer-grid .f-social { grid-column: 1 / -1; } .footer-mascot, .footer-slogan { display: none; }
  .search { width: 210px; }
}
@media (max-width: 900px) {
  .nav-toggle { display: grid; } .main-nav { position: fixed; left: 12px; right: 12px; top: 74px; flex-direction: column; background: #fff; border-radius: 20px; padding: 10px; box-shadow: var(--shadow-lg); border: 1px solid var(--line); display: none; z-index: 80; margin: 0; }
  .main-nav.open { display: flex; animation: pop .2s; } .main-nav a { padding: 12px 14px; font-size: 15px; } .main-nav a .ic { display: inline-block; color: var(--red); } .main-nav a.active { background: var(--pink-xl); } .main-nav a.active::after { display: none; }
  .header-bar { gap: 10px; padding: 8px 10px 8px 14px; } .search { order: 5; width: 100%; max-width: none; flex-basis: 100%; margin-left: 0; } .header-bar { flex-wrap: wrap; } .header-actions { margin-left: auto; }
  .brand img { height: 40px; } #authArea .btn-ghost { display: none; }
  .page-hero { padding: 26px 22px 150px; min-height: 0; } .page-hero .mascot { height: 170px; right: 6px; bottom: 0; } .page-hero .bubble { display: none; } .page-hero::before { width: 240px; height: 90px; }
  .trust-bar { grid-template-columns: repeat(2, 1fr); gap: 14px 4px; } .trust-item:nth-child(3) { border-left: 0; }
  .footer-grid { grid-template-columns: 1fr 1fr; } .footer-brand { grid-column: 1 / -1; } .footer-card { padding: 24px 22px 16px; }
  .promo-banner { padding: 24px 22px 120px; } .promo-banner .mascot { height: 120px; right: 10px; } .promo-banner .pb-icon { display: none; }
}
@media (max-width: 640px) {
  :root { --gutter: 14px; } body { font-size: 14.5px; }
  .grid-products, .grid-products.cols-5, .grid-products.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .pcard { padding: 12px; border-radius: 16px; } .pcard .pico { width: 46px; height: 46px; font-size: 21px; } .pcard .price { font-size: 18px; } .pcard .actions { grid-template-columns: 1fr; } .pcard .tag { top: 8px; right: 8px; }
  .panel { padding: 16px; border-radius: 18px; } .section-head h2 { font-size: 19px; } .toast-wrap { left: 12px; right: 12px; bottom: 12px; max-width: none; }
  .footer-bottom { flex-direction: column; } .search-pop { min-width: 0; } .modal { padding: 20px; } .tab { padding: 9px 16px; }
}
@media (max-width: 380px) { .grid-products, .grid-products.cols-5, .grid-products.cols-4 { grid-template-columns: 1fr; } }