/* Shared geometry for every model-catalog skin. Site palettes may override tokens,
   but real product images must never collapse into differently sized islands. */
.model-media {
	display: grid;
	place-items: center;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #f6e8ea;
}

.model-media__image {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.model-media > svg {
	width: 100%;
	height: 100%;
}