/*
 * Use one authoritative grid for every WooCommerce Product Collection.
 * Repeating the template class raises specificity above WooCommerce's
 * columns-N and flex-container layout rules without using !important.
 */
.wp-block-woocommerce-product-collection
	.wc-block-product-template.wc-block-product-template {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 1.25em;
	row-gap: 1.25em;
	align-items: stretch;
	margin: 0;
	padding: 0;
}

.wp-block-woocommerce-product-collection
	.wc-block-product-template.wc-block-product-template
	> li {
	display: flex;
	align-items: stretch;
	width: auto;
	margin: 0;
}

@media (min-width: 600px) {
	.wp-block-woocommerce-product-collection
		.wc-block-product-template.wc-block-product-template
		> li
		> .wp-block-group {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 599px) {
	.wp-block-woocommerce-product-collection
		.wc-block-product-template.wc-block-product-template {
		grid-template-columns: 1fr;
	}

	.wp-block-woocommerce-product-collection
		.wc-block-product-template.wc-block-product-template
		> li
		> .wp-block-group {
		width: 100%;
	}
}