/* تصغير حجم بطاقات المنتجات */
.s-products-slider-card {
    max-width: 200px; /* تقليل عرض البطاقة */
    margin: 0 8px; /* تقليل المسافات بين البطاقات */
}

/* تعديل حجم الصورة داخل البطاقة */
.s-product-card-image img {
    width: 100%;
    height: auto;
    max-height: 150px; /* تصغير ارتفاع الصورة */
    object-fit: contain; /* ضمان ظهور الصورة بشكل متناسق */
}

/* جعل العنوان في سطر واحد وتقليل حجمه */
.s-product-card-content-title {
    font-size: 14px; /* تصغير حجم الخط */
    line<|control343|>: 1.2; /* تقليل المسافة بين السطور */
    white-space: nowrap; /* منع التفاف النص */
    overflow: hidden; /* إخفاء أي نص زائد */
    text-overflow: ellipsis; /* إضافة ... إذا كان النص طويل */
}

/* تعديل حجم السعر */
.s-product-card-price {
    font-size: 13px; /* تصغير حجم السعر */
}

/* ضبط زر إضافة المنتج */
.s-product-card-content-footer .salla-add-product-button {
    font-size: 12px; /* تصغير حجم النص في الزر */
}

/* ضبط المسافات داخل البطاقة */
.s-product-card-content {
    padding: 8px; /* تقليل المسافات الداخلية */
}

/* ضبط عرض السلايدر ليكون متناسق */
.s-products-slider-card.swiper-slide {
    width: 200px !important; /* تحديد عرض ثابت للبطاقات في السلايدر */
}

/* ضبط العنوان الرئيسي للسلايدر */
.s-slider-block__title h2 {
    font-size: 18px; /* تصغير حجم العنوان الرئيسي */
    white-space: nowrap; /* منع التفاف النص */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ضبط الأسهم لتكون متناسقة مع التصميم الجديد */
.s-slider-nav-arrow {
    width: 30px;
    height: 30px;
    font-size: 14px;
}

/* ضبط المسافات بين البطاقات في السلايدر */
.swiper-wrapper {
    gap: 10px; /* تقليل المسافة بين البطاقات */
}