/* 平板設備 (768px - 1024px) */
@media (max-width: 1024px) {
    .container {
        width: 95%;
    }
    
    .product-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 20px;
    }
    
    nav ul li {
        margin-left: 15px;
    }
}

/* 小型平板 (576px - 768px) */
@media (max-width: 768px) {
    header .container {
        flex-direction: column;
    }
    
    .logo {
        margin-bottom: 15px;
    }
    
    nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    nav ul li {
        margin: 5px 10px;
    }
    
    .product-controls {
        flex-direction: column;
    }
    
    .filter-section, .search-section {
        width: 100%;
        margin-bottom: 15px;
    }
}

/* 手機設備 (小於576px) */
@media (max-width: 576px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-links {
        grid-template-columns: 1fr;
    }
    
    .hero-banner .banner-content h1 {
        font-size: 1.8rem;
    }
    
    .product-actions {
        flex-direction: column;
    }
    
    .product-actions .btn {
        width: 100%;
        margin-bottom: 10px;
    }
}