/*
 * CompactShop CSS Fix: Wiederherstellung des Grid-Layouts für Produktübersicht
 * Erscheint 5 Produkte pro Reihe
 */

/* COMPACTSHOP Grid Fix: 5 Produkte nebeneinander */

.archive.woocommerce ul.products,
.archive.woocommerce ul.products.columns-4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.archive.woocommerce ul.products li.product {
	width: 19%;
	margin-bottom: 2rem;
}

/* Optional: Bei kleineren Bildschirmen automatisch anpassen */
@media (max-width: 1199px) {
	.archive.woocommerce ul.products li.product {
		width: 24%; /* 4 nebeneinander */
	}
}

@media (max-width: 991px) {
	.archive.woocommerce ul.products li.product {
		width: 32%; /* 3 nebeneinander */
	}
}

@media (max-width: 767px) {
	.archive.woocommerce ul.products li.product {
		width: 48%; /* 2 nebeneinander */
	}
}

@media (max-width: 479px) {
	.archive.woocommerce ul.products li.product {
		width: 100%; /* 1 pro Zeile */
	}
}