/* woocommerce/content-product.php */
.product.type-product .card.shadow-bottom {
    min-height: 450px;
}

.card-btn:hover span svg path {
    stroke: #0e3364;
}

@media (max-width: 430px) {
    .product .card.shadow-bottom .card-body {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/*
 * WooCommerce zet op kleine schermen elk even product rechts (nth-child(2n)).
 * In dit thema stonden de kaarten altijd links uitgelijnd; vroeger gebeurde dat
 * toevallig doordat na elke kaart een <style>-blok stond. Nu expliciet.
 */
@media only screen and (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
    .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
        float: left;
    }

    .woocommerce ul.products[class*=columns-] li.product.first:nth-child(2n),
    .woocommerce-page ul.products[class*=columns-] li.product.first:nth-child(2n) {
        clear: both !important;
    }
}