/**
 * WooCommerce Products Listings
 */


/**
 * Switch to flexbox for product listings
 */

:is(.woocommerce, .woocommerce-page) .products {
	display: flex;
	flex-wrap: wrap;
	gap: 2.992em 3.8%;  /* recreate WC's .product margin */
}

/* Remove float clears to prevent whitespace before and after products */
:is(.woocommerce, .woocommerce-page) ul.products::before,
:is(.woocommerce, .woocommerce-page) ul.products::after {
	content: none;
}

:is(.woocommerce, .woocommerce-page) ul.products li.product {
	margin: 0;  /* Using flexbox gap instead of margin */
}


/**
 * Custom product group headings
 */
 
.product-group-heading {
	width: 100%;
	clear: both;
	margin: 30px 0 0;
}

.product-group-heading h2 {
	padding: 0;
	font-size: 26px;
}