@media (max-width: 1024px) {
    .products-grid, .features-grid { grid-template-columns: repeat(3, 1fr); }
    .modal-content { grid-template-columns: 1fr; }
    .modal-gallery { grid-row: auto; grid-column: auto; padding: 20px; }
    .modal-info { grid-row: auto; grid-column: auto; padding: 24px; }
    .modal-detail-tabs { grid-row: auto; grid-column: auto; }
}
@media (max-width: 768px) {
    .nav, .search-box, .lang-switcher { display: none; }
    .mobile-menu-btn { display: grid; }
    .products-grid, .features-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .categories-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
    .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
    .slider-arrow { display: none; }
    .section { padding: 64px 0; }
    .section-header { margin-bottom: 40px; }
    .cart-drawer { width: 100%; }
    .modal-info { padding: 24px; }
    .auth-container { grid-template-columns: 1fr; min-height: auto; }
    .auth-visual { display: none; }
    .auth-forms { padding: 28px; }
    .user-center { grid-template-columns: 1fr; }
    .user-sidebar { border-right: none; border-bottom: 1px solid var(--border); padding: 20px; }
    .user-menu { flex-direction: row; }
    .user-main { padding: 24px; max-height: 80vh; }
    .checkout-layout { grid-template-columns: 1fr; }
    .checkout-summary { border-left: none; border-top: 1px solid var(--border); }
    .payment-methods { grid-template-columns: 1fr; }
    .mobile-tabbar { display: flex; }
    body { padding-bottom: 64px; }
}
@media (max-width: 480px) {
    .products-grid { grid-template-columns: 1fr; }
    .features-grid { grid-template-columns: 1fr; }
    .categories-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
    .slide-buttons { flex-direction: column; }
    .btn { width: 100%; }
    .modal-actions { flex-direction: column; }
    .address-row, .address-row.row-3 { grid-template-columns: 1fr; }
    .checkout-main, .checkout-summary { padding: 24px; }
}