/*
 * ART & SUN – Grille produits responsive
 * Le nombre de colonnes est déterminé d'après la largeur réelle de la grille,
 * et non seulement d'après la largeur totale de l'écran.
 */
body.aes-responsive-product-grid {
    --aes-product-grid-gap: 6px;
}

body.aes-responsive-product-grid ul.products.aes-product-grid,
body.aes-responsive-product-grid .products.aes-product-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--aes-product-columns, 7), minmax(0, 1fr)) !important;
    gap: var(--aes-product-grid-gap) !important;
    align-items: stretch;
}

body.aes-responsive-product-grid ul.products.aes-product-grid::before,
body.aes-responsive-product-grid ul.products.aes-product-grid::after {
    display: none !important;
    content: none !important;
}

body.aes-responsive-product-grid .aes-product-grid > li.product,
body.aes-responsive-product-grid .aes-product-grid > .product {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* Un peu moins d'espace sur téléphone. */
@media (max-width: 620px) {
    body.aes-responsive-product-grid {
        --aes-product-grid-gap: 5px;
    }
}