/* Let each grid row grow to its longest title, then anchor every divider below it. */
.product-grid > .product-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.product-grid > .product-card > .product-image { flex: 0 0 auto; }
.product-grid > .product-card > .product-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}
.product-grid > .product-card .product-info h3 {
    overflow-wrap: anywhere;
}
.product-grid > .product-card .product-card-bottom {
    margin-top: auto;
    flex: 0 0 auto;
    min-height: 36px;
}
.product-grid > .product-card .product-card-bottom > span { overflow-wrap: anywhere; }
.product-grid > .product-card .product-card-bottom > a { flex-shrink: 0; }