/* Add custom CSS styles below */ 
/* تقليل المسافة بين بطاقات المنتجات في الصفحة الرئيسية على الجوال والتطبيق */
@media (max-width: 767px) {
  .index .s-products-list-vertical-cards {
    gap: 8px; /* يمكنك تغيير هذه القيمة حسب الحاجة */
  }
}

/* التحكم في عدد عرض بطاقات المنتجات في الصف الواحد لعناصر السلايدر مع توسيطها بشاشة الجوال */
@media (max-width: 767px) {
  salla-products-slider .swiper-wrapper {
    justify-content: center; /* لتوسيط الشرائح */
  }

  salla-products-slider .swiper-slide {
    width: calc(100% / 2 - 8px); /* لعرض منتجين في الصف مع مسافة 8px بينهما */
    /* يمكنك تغيير الرقم 2 لعدد المنتجات التي تريد عرضها في الصف الواحد (مثلاً 3 لثلاثة منتجات) */
    /* وتعديل 8px لتغيير المسافة بين المنتجات */
  }
}