/*
 * Product image rendering standard:
 * - keep cards aligned (stable media frame)
 * - never crop critical content
 * - never stretch
 */

/* Uniform media containers across storefront cards */
.product__thumb,
.card-media,
.vm-shop-m-thumb,
.vm-shop-t-thumb,
.vm-shop-d-thumb,
.vm-copy-product-card__media,
.vm-home-mobile-product-card__media,
.vm-home-tablet-product__media {
    overflow: hidden !important;
    background: #f6f4ef !important;
}

/* Keep responsive, consistent card heights while showing full image */
.vm-shop-m-thumb { aspect-ratio: 4 / 5 !important; }
.vm-shop-t-thumb { aspect-ratio: 3 / 4 !important; }
.vm-shop-d-thumb { aspect-ratio: 4 / 5 !important; }

/* Core no-crop image behavior */
.product__thumb img,
.product__thumb .product-image img,
.card-media img,
.vm-shop-m-thumb img,
.vm-shop-t-thumb img,
.vm-shop-d-thumb img,
.vm-copy-product-grid article img,
.vm-home-mobile-product-card__media img,
.vm-home-tablet-product__media img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #f6f4ef !important;
    transform: none !important;
    transition: none !important;
}

/* Legacy layouts where image height should flow naturally */
.vm-copy-product-grid article img,
.product__thumb img,
.product__thumb .product-image img {
    height: auto !important;
    max-height: none !important;
}

/* Disable legacy hover zoom effects */
.product__item:hover .product-image img,
.product__item-d:hover .product-image img,
.vm-shop-m-card:hover .vm-shop-m-thumb img,
.vm-shop-m-card:focus-within .vm-shop-m-thumb img,
.vm-shop-m-thumb-wrap:active .vm-shop-m-thumb img,
.vm-shop-d-card:hover .vm-shop-d-thumb img,
.vm-home-tablet-product:hover .vm-home-tablet-product__media img,
.vm-copy-product-card:hover .vm-copy-product-grid article img {
    transform: none !important;
}