/* Swiper轮播产品卡片样式修复 */

/* 1. 修复Swiper轮播中产品卡片的10px间距 */
.motta-product-carousel .swiper-wrapper {
    margin: 0 -5px !important;
    gap: 10px !important;
}

.motta-product-carousel .swiper-slide {
    padding: 0 5px !important;
    width: calc(25% - 7.5px) !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

/* 2. 修复meta meta-cat不显示问题 */
.motta-product-carousel .swiper-slide .product-summary .meta-wrapper {
    display: block !important;
    margin-bottom: 8px !important;
}

.motta-product-carousel .swiper-slide .product-summary .meta-wrapper .meta {
    display: inline !important;
    font-size: 11px !important;
    color: #666 !important;
    font-weight: 500 !important;
}

.motta-product-carousel .swiper-slide .product-summary .meta-wrapper .meta.meta-cat {
    display: inline !important;
}

/* 3. 修复标题样式：font-weight:700,黑色,18px */
.motta-product-carousel .swiper-slide .woocommerce-loop-product__title {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #000000 !important;
    line-height: 22px !important;
}

/* 4. 修复价格只显示最小价格，font-weight:700,粉色,18px */
.motta-product-carousel .swiper-slide .product-summary .price {
    display: none !important;
}

.motta-product-carousel .swiper-slide .product-actions .price {
    display: flex !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #FF005F !important;
    justify-content: flex-start !important;
    margin-top: 10px !important;
}

/* 确保价格只显示最小价格 */
.motta-product-carousel .swiper-slide .price .woocommerce-Price-amount:not(.woocommerce-Price-amount--sale) {
    display: none !important;
}

.motta-product-carousel .swiper-slide .price .woocommerce-Price-amount--sale {
    display: inline !important;
}

/* 响应式调整 */
@media screen and (max-width: 1200px) {
    .motta-product-carousel .swiper-slide {
        width: calc(33.333% - 6.67px) !important;
    }
}

@media screen and (max-width: 768px) {
    .motta-product-carousel .swiper-slide {
        width: calc(50% - 5px) !important;
    }
}

@media screen and (max-width: 480px) {
    .motta-product-carousel .swiper-slide {
        width: 100% !important;
    }
}