/**
 * Centramento delle griglie prodotti WooCommerce con righe incomplete.
 *
 * Blocksy rende `ul.products` come CSS grid a tracce fisse (1fr), per cui
 * con meno prodotti delle colonne disponibili gli elementi restano allineati
 * a sinistra. Passando a flexbox e mantenendo la stessa larghezza che le card
 * avrebbero in griglia, le righe piene restano invariate mentre le righe
 * incomplete vengono centrate.
 */
@media (min-width: 1000px) {
	.woocommerce ul.products.columns-4 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: var(--grid-rows-gap, 30px) var(--grid-columns-gap, 30px);
	}

	.woocommerce ul.products.columns-4 > .product {
		/* stessa larghezza di una colonna su 4 */
		width: calc((100% - 3 * var(--grid-columns-gap, 30px)) / 4);
		margin: 0;
	}
}