/* Responsive Styles */
@media (max-width: 1024px) {
    .products-grid { grid-template-columns: repeat(2, 1fr); }
    .posts-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .header-top .container { flex-direction: column; gap: 5px; }
    .header-main .container { flex-wrap: wrap; }
    
    .menu-toggle { display: flex; }
    .main-navigation .nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--color-white);
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        flex-direction: column;
        z-index: 999;
    }
    .main-navigation .nav-menu.toggled { display: flex; }
    .main-navigation .sub-menu { position: static; box-shadow: none; opacity: 1; visibility: visible; transform: none; display: none; }
    .main-navigation .nav-menu > li:hover > .sub-menu { display: none; }
    .main-navigation .nav-menu > li.menu-item-has-children.open > .sub-menu { display: block; }
    .main-navigation .nav-menu > li > a { padding: 12px 20px; border-bottom: 1px solid var(--color-border); }
    
    .page-banner { padding: 40px 0; }
    .page-banner .page-title { font-size: 28px; }
    
    .page-content { flex-direction: column; }
    .sidebar { width: 100%; }
    
    .product-archive-layout { flex-direction: column; }
    .product-sidebar { width: 100%; }
    
    .products-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .posts-grid { grid-template-columns: 1fr; }
    
    .product-detail-layout { flex-direction: column; }
    .product-gallery { width: 100%; }
    
    .footer-grid { grid-template-columns: 1fr; }
    
    h1 { font-size: 28px; }
    h2 { font-size: 24px; }
    h3 { font-size: 20px; }
}

@media (max-width: 480px) {
    .products-grid { grid-template-columns: 1fr; }
    .header-top-left, .header-top-right { width: 100%; text-align: center; }
    .header-top-left span { margin: 0 8px; }
}