span.validation_error {
    font-size: 13px;
    color: red;
    margin-top: 5px;
    display: inline-block;
}


h3.variations_price {
    font-size: 18px;
    color: var(--color-heading);
    margin-top: 5px;
}

.campain-section .campain-wrapper img {
    width: 100%;
    aspect-ratio: 650 / 301;
    object-fit: cover;
    display: block;
}
 .benefits-bar{background:var(--color-secondary);padding:10px 0}
 .benefits-bar .container{max-width:1200px;margin:0 auto;padding:0 12px}
 .benefits-list{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
 .benefit-item{display:flex;align-items:center;gap:12px;background:#fff;border-radius:var(--radius);padding:12px 16px;flex:1;min-width:220px}
 .benefit-icon{width:40px;height:40px;object-fit:contain}
 .benefit-title{margin:0;font-weight:600;font-size:16px;color:var(--color-heading)}
.benefit-subtitle{margin:0;font-size:13px;color:var(--color-content)}
@media screen and (max-width: 767px){
    .swiper-slide .product-image,
    .product-card .product-image,
    .product-item .product-image,
    .product-thumb,
    .sg-product .product-image{
        width:100%;
        aspect-ratio:1/1;
        overflow:hidden;
        display:block;
        padding:0 !important;
        margin:0 !important;
    }
    .swiper-slide .product-image img,
    .product-card .product-image img,
    .product-item .product-image img,
    .product-thumb img,
    .sg-product .product-image img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        display:block;
    }
    .product-card,
    .sg-product,
    .product-item{ padding:0 !important; }
}

@media screen and (max-width: 767px){
    .product-image.supports-no-aspect{ position:relative; padding-top:100%; }
    .product-image.supports-no-aspect img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
}
@media screen and (max-width: 767px){
    .swiper-slide img{ width:100% !important; height:100% !important; object-fit:cover; object-position:center; }
    .swiper-slide .card img, .swiper-slide .product img{ width:100% !important; height:100% !important; object-fit:cover; }
    .swiper-slide .card, .swiper-slide .product{ aspect-ratio:1/1; overflow:hidden; }
}
@media screen and (max-width: 767px){
    .productItem .productThumb img,
    .productThumb img{
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
}