/* Bound loop images so a portrait label cannot stretch every card in its row.
   The loop-link specificity overrides WooCommerce's generic a img height:auto. */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link > img {
    display: block;
    width: 100%;
    height: 210px;
    min-height: 0;
    flex: 0 0 auto;
    object-fit: contain;
    object-position: center;
}
@media (max-width: 1100px) {
    .woocommerce ul.products li.product a.woocommerce-LoopProduct-link > img { height: 170px; }
}
@media (max-width: 800px) {
    .woocommerce ul.products li.product a.woocommerce-LoopProduct-link > img { height: 140px; }
}
@media (max-width: 600px) {
    .woocommerce ul.products li.product a.woocommerce-LoopProduct-link > img { height: 150px; }
}