/* Source photo proportions must not change the catalog grid geometry. */
.productCard-img {
    --card-media-padding: 64px;
    position: relative;
    aspect-ratio: 1 / 1;
    padding: 0;
}

.productCard-img > picture {
    position: absolute;
    inset: var(--card-media-padding);
    display: block;
}

.productCard-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 932px) {
    .productCard-img {
        --card-media-padding: 24px;
    }
}

/* Cart cards stay narrow even on desktop: scale the inset with the card. */
.cart-recomend .productCard-img {
    --card-media-padding: 8%;
}