/* ==========================================================================
   Mangwao v1.2.42 — Quick View image: show the FULL image, never crop it.
   Bug (user screenshot, MEC Aloe Vera QV, desktop): .mg-modal-img used
   height:100% + object-fit:cover inside the 1fr/1fr modal grid, so the
   image was stretched to the height of the tall info column and cropped
   on all sides — a tall product photo became a huge cropped strip,
   unlike Blogger where the full photo shows.
   Fix: image keeps its own height, fits inside the modal, never crops.
   object-fit:contain + max-height keeps the whole photo visible; the
   modal box (max-height:92vh, overflow:auto) scrolls if a very tall
   photo + long info need more room. Background white so letterboxing
   never shows a dark band. This file ONLY touches the QV modal image
   and its box alignment; shop cards, PDP gallery, cart and checkout
   are untouched.
   ========================================================================== */

.mg-modal-box {
	align-items: center;
}

.mg-modal-img {
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 92vh;
	min-height: 0;
	object-fit: contain;
	background: #fff;
	display: block;
	align-self: center;
	justify-self: center;
}

/* Mobile single-column modal: same rule, no minimum height forcing a crop. */
@media (max-width: 760px) {
	.mg-modal-img {
		min-height: 0;
		max-height: 60vh;
	}
}