/* 1. توسيط بطاقة المنتج نفسها دون التأثير على محرك السلايدر أو البنرات */
.s-products-slider-card.swiper-slide {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
}

/* 2. ضبط عرض البطاقة وتوسيطها يدوياً (يمنع تداخل الصور) */
custom-salla-product-card {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 280px !important; /* عرض ثابت يمنع تمدد الصور أو اندماجها */
    max-width: 100% !important;
}

/* 3. توسيط النصوص والأسعار (الذي نجحنا فيه سابقاً) */
.s-product-card-content,
.s-product-card-content-main,
.s-product-card-content-sub,
.s-product-card-content-footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* 4. التأكد من أن صور المنتج لا تتداخل */
.s-product-card-image img {
    object-fit: contain !important; /* يحافظ على أبعاد الصورة الأصلية */
    margin: 0 auto !important;
}

/* 5. حل مشكلة انقطاع الجزء العلوي من البطاقة */
.s-products-slider-card {
    padding-top: 40px !important;
}