/**
 * Product Image Height Fix
 * Minimal CSS to fix inconsistent product image heights
 * Targets default WooCommerce product gallery structure
 */


 .woocommerce-product-gallery__image {
    height: 376px;
    width: 376px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #F5F6F6;
    border-radius: 10px;
    justify-content: center;
}

 /* ONLY single product page - thumbnails */
.single-product .woocommerce-product-gallery ol.flex-control-thumbs {
    display: flex !important;
    gap: 12px;
    overflow-x: auto !important;
    padding: 0 !important;
    margin-top: 20px;
    list-style: none !important;
}

.single-product 
.woocommerce-product-gallery 
ol.flex-control-thumbs li {
    flex: 0 0 100px !important; /* 👈 MAIN FIX */
    max-width: 300px;
}