/* WooCommerce block layouts that the block's own generated CSS does not reach on this theme. */

/* Product carousel (page sections): a horizontal row of cards, without list markers. */
.wc-block-product-template.is-layout-flex {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
}

.wc-block-product-template li {
	list-style: none;
}

/* Three- and four-column product grids: two columns on phones, like the shop grid. */

/* prettier-ignore */
@media (max-width: 480px) {

	.wc-block-grid.has-3-columns .wc-block-grid__products,
	.wc-block-grid.has-4-columns .wc-block-grid__products {
		display: grid;
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}

	.wc-block-grid.has-3-columns .wc-block-grid__product,
	.wc-block-grid.has-4-columns .wc-block-grid__product {
		flex: none;
		max-width: none;
		width: auto;
	}
}