/* Desktop: drie categoriekaarten per rij. */
@media (min-width: 1100px) {
    .category-grid,
    .categories-grid,
    .home-categories,
    .category-columns,
    .sections-grid,
    .frontpage-grid,
    .category-overview,
    .homepage-categories,
    [data-category-grid],
    section:has(> .category-card),
    section:has(> article.category),
    div:has(> .category-card) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Tablet: twee per rij. */
@media (min-width: 680px) and (max-width: 1099px) {
    .category-grid,
    .categories-grid,
    .home-categories,
    .category-columns,
    .sections-grid,
    .frontpage-grid,
    .category-overview,
    .homepage-categories,
    [data-category-grid],
    section:has(> .category-card),
    section:has(> article.category),
    div:has(> .category-card) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobiel: één per rij. */
@media (max-width: 679px) {
    .category-grid,
    .categories-grid,
    .home-categories,
    .category-columns,
    .sections-grid,
    .frontpage-grid,
    .category-overview,
    .homepage-categories,
    [data-category-grid],
    section:has(> .category-card),
    section:has(> article.category),
    div:has(> .category-card) {
        grid-template-columns: 1fr !important;
    }
}