/*
 * Fichier : page-archive-collection.css
 * Styles spécifiques à la page archive Collection :
 * grille de produits et filtres Filter Everything.
 */

/* ----------------------------------------------------------
Grille produits collection CS3
---------------------------------------------------------- */

.cs3-products-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	width: 100%;
}

/* De 1001 px à 1200 px */
@media all and (max-width: 1200px) {
	.cs3-products-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Tablette : 2 produits par ligne */
@media all and (max-width: 768px) {
	.cs3-products-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Petits écrans : 2 produits par ligne */
@media all and (max-width: 580px) {
	.cs3-products-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}