/* v2.3.1 - Uniform, uncropped WooCommerce product imagery across Magped. */
.mpg-site .mpg-product-pic,
.mpg-site .mpg-carousel-picture {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    padding:clamp(12px,1.7vw,24px)!important;
    background:#fff!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
.mpg-site .mpg-product-pic img,
.mpg-site .mpg-carousel-picture img {
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:auto!important;
    background:transparent!important;
    -webkit-box-reflect:unset!important;
    mix-blend-mode:normal!important;
}
/* Product archive, catalog, search and related products. Keep the actual WooCommerce featured image. */
.mpg-site .mpg-internal-content .woocommerce ul.products li.product a img,
.mpg-site .woocommerce ul.products li.product a img,
.mpg-site .mpg-internal-content .woocommerce ul.products li.product img {
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:clamp(12px,1.6vw,24px)!important;
    margin:0 0 14px!important;
    background:#fff!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
    -webkit-box-reflect:unset!important;
}
/* WooCommerce product detail image and gallery thumbnails. */
body.single-product .mpg-site .woocommerce-product-gallery__image img {
    aspect-ratio:1/1!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:clamp(12px,2vw,30px)!important;
    box-sizing:border-box!important;
    background:#fff!important;
}
body.single-product .mpg-site .woocommerce-product-gallery .flex-control-thumbs img {
    aspect-ratio:1/1!important;
    height:auto!important;
    object-fit:contain!important;
    padding:7px!important;
    background:#fff!important;
    box-sizing:border-box!important;
}
/* No scaling/cropping when hovering over images. Cards retain their hover effects. */
@media (hover:hover) and (pointer:fine) {
    .mpg-site :is(.mpg-product,.mpg-carousel-card,.products li.product):hover img {
        transform:none!important;
    }
}
@media(max-width:600px){
    .mpg-site .mpg-product-pic,
    .mpg-site .mpg-carousel-picture {padding:12px!important;}
    .mpg-site .woocommerce ul.products li.product a img {padding:10px!important;}
}