.block-product-listing {
	--product-columns: 1;
}

.product-listing__inner {
	display: grid;
	grid-template-columns: repeat( var(--product-columns), minmax( 0, 1fr ) );
	gap: 16px;
}

@media only screen and (max-width: 767px) {

	.block-product-listing.layout-4up-grid,
	.block-product-listing.layout-5up-featured,
	.block-product-listing.layout-6up-featured {
		--product-columns: 2;
	}

	.block-product-listing.layout-5up-featured .product:first-child,
	.block-product-listing.layout-6up-featured .product:nth-child(-n+2) {
		grid-column: span 2;
	}
}

@media only screen and (min-width: 768px) {

	.block-product-listing.layout-3up-full {
		--product-columns: 3;
	}

	.block-product-listing.layout-4up-grid,
	.block-product-listing.layout-4up-full,
	.block-product-listing.layout-5up-featured {
		--product-columns: 4;
	}

	.block-product-listing.layout-6up-featured {
		--product-columns: 6;
	}

	.block-product-listing.layout-5up-featured .product:first-child,
	.block-product-listing.layout-6up-featured .product:nth-child(-n+2) {
		grid-column: span 2;
		grid-row: span 2;
	}

	.block-product-listing.layout-5up-featured .product:first-child .product__content,
	.block-product-listing.layout-6up-featured .product:nth-child(-n+2) .product__content {
		margin: auto 0 20px;
	}
}