/* Basic CSS grid override — WooCommerce handles most styling */
.ewpg-wrapper ul.products {
	display: grid !important;
	grid-template-columns: repeat(var(--ewpg-cols, 4), 1fr);
	gap: 1.5rem;
}

.ewpg-load-more {
	display: block;
	margin: 2rem auto;
}

/* Responsive fallback */
@media (max-width: 768px) {
	.ewpg-wrapper ul.products {
		--ewpg-cols: 2;
	}
}