body.woocommerce ul.products li.product .pba-card-media,
body.woocommerce-page ul.products li.product .pba-card-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    height: auto;
    margin: 0 0 18px;
    overflow: hidden;
    background: #f4eee5;
    border: 1px solid rgba(200, 176, 132, 0.42);
    box-shadow: none;
    line-height: 0;
}

body.woocommerce ul.products li.product .pba-card-image,
body.woocommerce-page ul.products li.product .pba-card-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0;
    min-height: 0;
    margin: 0 !important;
    object-fit: contain;
    object-position: center center;
    box-sizing: border-box;
    padding: 22px;
    transition: opacity 320ms ease;
    vertical-align: middle;
}

body.woocommerce ul.products li.product .pba-card-image-hover,
body.woocommerce-page ul.products li.product .pba-card-image-hover {
    opacity: 0;
    object-fit: cover;
    object-position: center center;
    padding: 0;
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce ul.products li.product:hover .pba-card-media.has-hover .pba-card-image-primary,
    body.woocommerce-page ul.products li.product:hover .pba-card-media.has-hover .pba-card-image-primary {
        opacity: 0;
    }

    body.woocommerce ul.products li.product:hover .pba-card-media.has-hover .pba-card-image-hover,
    body.woocommerce-page ul.products li.product:hover .pba-card-media.has-hover .pba-card-image-hover {
        opacity: 1;
    }
}

@media (hover: none), (pointer: coarse) {
    body.woocommerce ul.products li.product .pba-card-image-hover,
    body.woocommerce-page ul.products li.product .pba-card-image-hover {
        display: none;
    }
}