@media (max-width: 1024px) {
    .category-grid { grid-template-columns: repeat(3, 1fr); }
    .product-grid { grid-template-columns: repeat(3, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .pd-layout { grid-template-columns: 1fr 1fr; gap: 28px; }
    .checkout-grid { grid-template-columns: 1fr; }
    .summary-box { position: static; }
}

@media (max-width: 768px) {
    .category-nav { display: none; }
    .hamburger { display: block; }
    .search-form { display: none; }
    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .promo-duo { grid-template-columns: 1fr; }
    .perks { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 22px; }
    .category-layout { grid-template-columns: 1fr; }
    .filters-panel { position: fixed; top: 0; left: -100%; width: 84%; height: 100%; z-index: 70; overflow-y: auto; transition: left .25s ease; }
    .filters-panel.open { left: 0; }
    .pd-layout { grid-template-columns: 1fr; }
    .form-grid { grid-template-columns: 1fr; }
    .cart-page-table thead { display: none; }
    .cart-page-table tr { display: flex; flex-wrap: wrap; padding: 12px 0; }
    .hero-slide { min-height: 380px; height: 56vh; max-height: 520px; }
    .hero-content { padding: 0 24px; max-width: 100%; }
    .hero-content h2 { font-size: 26px; }
    .sticky-add-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid var(--c-border); padding: 12px 16px; display: flex; gap: 12px; z-index: 30; }
}

@media (max-width: 375px) {
    .container { padding: 0 14px; }
    .product-grid, .category-grid { gap: 10px; }
}