@media screen and (max-width: 1024px) {
    .main-menu {
        display: none;
    }
    
    .mobile-menu-btn {
        display: block;
    }
    
    main {
        padding: 0 10px;
    }

    .nav-container {
        padding: 0 10px;
    }

    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .slider-container {
        height: 300px;
    }
    
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 10px;
    }
    
    .nav-right {
        gap: 1rem;
    }

    .bottom-banners {
        padding: 2rem 10px;
    }

    .footer-container {
        padding: 0 10px;
    }

    .product-card h3 {
        font-size: 14px;
        min-height: 35px;
    }
}

@media screen and (max-width: 480px) {
    main {
        padding: 0 5px;
    }

    .products-grid {
        grid-template-columns: 1fr;
        padding: 0 5px;
    }
    
    .top-nav {
        padding: 1rem;
    }
    
    .logo img {
        height: 40px;
    }

    .bottom-banners {
        padding: 2rem 5px;
    }

    .nav-container {
        padding: 0 5px;
    }

    .footer-container {
        padding: 0 5px;
    }

    .section-title h2 {
        font-size: 20px;
    }
    
    .section-title .menu-icon {
        font-size: 20px;
    }
    
    .order-btn i {
        font-size: 14px;
    }
}