/**
 * Product Grid Responsive
 * 4 → 3 → 2 → 1 colonnes
 */

@media (max-width: 992px) {
    .product-grid__filter-toggle {
        display: flex;
    }

    .product-grid:not(.product-grid--with-toolbar),
    .product-grid__container {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .product-grid__toolbar {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .product-grid__controls {
        width: 100%;
        justify-content: space-between;
    }

    .product-grid:not(.product-grid--with-toolbar),
    .product-grid__container {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    
    .product-grid__container--list {
        grid-template-columns: 1fr;
    }
    
    .product-grid__container--list .product-card {
        flex-direction: column;
    }
    
    .product-grid__container--list .product-card__image-wrapper {
        flex: none;
        width: 100%;
        height: 250px;
    }
}

@media (max-width: 576px) {
    .product-grid__view-toggle {
        display: none;
    }
    
    .product-grid__sort-select {
        width: 100%;
    }
    
    .product-grid__pagination {
        gap: 4px;
    }
    
    .product-grid__pagination-btn {
        min-width: 36px;
        height: 36px;
        font-size: 13px;
    }
}