/**
 * Kategorien Page Stylesheet
 * Specifieke styling voor /kategorien pagina - 5 kolommen op desktop
 * OVERSCHRIJFT ALLE ANDERE CSS REGELS
 */

@media (min-width: 1200px) {
    html body .main-content .products-section .products-grid,
    html body .products-section .products-grid,
    body .main-content .products-section .products-grid,
    .main-content .products-section .products-grid,
    .products-section .products-grid {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 24px !important;
        max-width: 100% !important;
        flex-wrap: initial !important;
        flex-direction: initial !important;
    }
    
    html body .main-content .products-section .product-card,
    html body .products-section .product-card,
    body .main-content .products-section .product-card,
    .main-content .products-section .product-card,
    .products-section .product-card {
        flex: none !important;
        flex-grow: initial !important;
        flex-shrink: initial !important;
        flex-basis: initial !important;
        max-width: none !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    
    html body .main-content .products-section .product-card:nth-child(n),
    html body .products-section .product-card:nth-child(n),
    body .main-content .products-section .product-card:nth-child(n),
    .main-content .products-section .product-card:nth-child(n),
    .products-section .product-card:nth-child(n) {
        display: block !important;
    }
}