.wpew-product-grid {
	width: 100%;
}

.wpew-product-grid .wpew-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.wpew-product-grid .woocommerce-result-count,
.wpew-product-grid .woocommerce-ordering {
	margin: 0;
}

/*
 * WooCommerce adds ::before/::after clearfix pseudo-elements on ul.products.
 * With CSS grid those pseudo-elements occupy the first/last grid cells.
 */
.wpew-product-grid.woocommerce ul.products::before,
.wpew-product-grid.woocommerce ul.products::after {
	content: none !important;
	display: none !important;
}

.wpew-product-grid.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(var(--wpew-columns, 4), minmax(0, 1fr));
	gap: var(--wpew-grid-gap, 1.5em 3.8%);
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: none !important;
}

.wpew-product-grid.woocommerce ul.products li.product {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: none !important;
}

.wpew-product-grid.woocommerce ul.products li.product.first,
.wpew-product-grid.woocommerce ul.products li.product.last {
	clear: none !important;
	margin-right: 0 !important;
}

.wpew-product-grid .woocommerce-pagination {
	margin-top: 2rem;
}

.wpew-product-grid .wpew-empty-message {
	margin: 0;
}