/* Desktop optimization: keep vertical images proportional and within viewport */ @media (min-width: 1024px) { .product__media img, .product-media img, .product-media__image, .media img, .product-gallery img, .product__media-item img { max-height: 85vh; /* limit image height to 85% of viewport */ width: auto; /* auto width */ height: auto; /* maintain aspect ratio */ object-fit: contain;/* prevent cropping */ margin: 0 auto; /* center */ display: block; } }