/**
 * 产品卡片图片自定义样式
 * 让图片完整显示并居中，而不是被裁剪
 */

/* 产品卡片图片 - 完整显示并居中 */
.product-card .media-wrapper > img,
.product-card__image > img {
    object-fit: contain !important;
    object-position: center center !important;
}

/* 如果需要背景色来填充空白区域，可以添加 */
.product-card .media-wrapper,
.product-card__image {
    background-color: rgb(var(--color-secondary-background, 245, 245, 245));
}