/*
 * The image fills its column, in the shape set on the Customize screen. Without
 * this a large image (the 1280px placeholder, say) kept its own width and
 * pushed a product grid sideways, in the editor most of all, where the theme's
 * image rules do not always reach. Zero specificity, so the Customize styles,
 * the theme and the block's own spacing settings still win.
 */
:where(figure.wp-block-storeengine-product-media) {
	margin: 0;
}

:where(.wp-block-storeengine-product-media) img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: var(--se-shop-image-ratio, auto);
	object-fit: cover;
}

:where(.wp-block-storeengine-product-media) a {
	display: block;
}