/**
 * Storefront tweaks for Herbalist Asia Core.
 */

/* Handpicked / Featured Collection: centre the row when a region shows fewer slots than columns. */
.wc-block-grid.hac-grid-few-items .wc-block-grid__products.hac-grid-centered {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 20px;
	row-gap: 24px;
}

.wc-block-grid.has-4-columns.hac-grid-few-items .wc-block-grid__products.hac-grid-centered > .wc-block-grid__product {
	flex: 0 1 calc(25% - 20px);
	max-width: calc(25% - 20px);
	box-sizing: border-box;
}

.wc-block-grid.has-3-columns.hac-grid-few-items .wc-block-grid__products.hac-grid-centered > .wc-block-grid__product {
	flex: 0 1 calc(33.333% - 20px);
	max-width: calc(33.333% - 20px);
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	.wc-block-grid.hac-grid-few-items .wc-block-grid__products.hac-grid-centered > .wc-block-grid__product {
		flex: 0 1 calc(50% - 16px);
		max-width: calc(50% - 16px);
	}
}