/* Keep WooCommerce/WoodMart product gallery tiles visually consistent.
 * Every gallery item gets the same fixed square slot. The complete image is
 * scaled down proportionally to fit inside that slot; large source images must
 * never make the tile larger or be cropped by the layout. */
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > a,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > div,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image .product-image-wrap {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}