.block-product-listing {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
	padding-inline: 8px;
}

.block-product-listing:not(:last-child) {
	margin-bottom: 48px;
}

@media only screen and (min-width: 680px) {
    .block-product-listing {
        grid-template-columns: repeat( 2, 1fr );
    }
}

@media only screen and (min-width: 820px) {
    .block-product-listing {
        grid-template-columns: repeat( 4, 1fr );
    }
}

.block-product-listing .block-product__title {
	margin-bottom: 16px;
	line-height: var(--wp--custom--line-height--medium);
}