/* Add custom CSS styles below */ 
.index .s-block--rectangular-links h2.text-3xl.font-bold.tracking-tight {
  display: none !important;
}.index .s-block--rectangular-links div.home-block-title {
  display: none !important;
}.index .s-block--best-offers div.home-block-title h2.text-3xl.font-bold.tracking-tight:nth-of-type(1) {
  font-size: 28px !important; /* يكبر الخط */
  font-weight: 900 !important; /* يجعله أثخن (Bold) */
}.index .s-block--best-offers div.home-block-title:nth-of-type(1) .enhanced-title-border {
  display: none !important;
}.index section.s-block--rectangular-links .rectangular-list {
  display: flex; /* لعرض العناصر في سطر واحد */
  flex-wrap: nowrap; /* لمنع التفاف العناصر لسطر جديد */
  overflow-x: auto; /* لإضافة شريط تمرير أفقي */
  -webkit-overflow-scrolling: touch; /* لتحسين التمرير على الجوال */
  scroll-snap-type: x mandatory; /* لتحسين تجربة التمرير */
  gap: 10px !important; /* تقليل المسافة بين العناصر */
  padding-bottom: 10px; /* مسافة لشريط التمرير */
}

.index section.s-block--rectangular-links .rectangular-list-item {
  flex: 0 0 auto; /* لمنع العناصر من التمدد وتحديد عرضها تلقائياً */
  scroll-snap-align: start; /* لمحاذاة العناصر عند التمرير */
}

.index section.s-block--rectangular-links .rectangular-list-item img {
  border-radius: 50% !important; /* لجعل الصور دائرية */
  width: 100px !important; /* تحديد عرض أصغر للصور */
  height: 100px !important; /* تحديد ارتفاع أصغر للصور */
  object-fit: cover; /* لضمان تغطية الصورة للمساحة الدائرية */
}

/* إخفاء شريط التمرير الافتراضي */
.index section.s-block--rectangular-links .rectangular-list::-webkit-scrollbar {
  display: none;
}

.index section.s-block--rectangular-links .rectangular-list {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}/* إلغاء تأثير التكبير التلقائي */
.index section.s-block--rectangular-links .rectangular-list-item img {
  transition: none !important; /* إلغاء أي انتقال موجود */
  transform: none !important; /* إلغاء أي تحويل (تكبير) موجود */
}custom-salla-product-card div.price_is_on_sale {
  flex-direction: column !important; /* لعرض العناصر عمودياً */
  align-items: flex-start !important; /* لمحاذاة العناصر لليسار */
  gap: 0 !important; /* إزالة المسافة بين السعرين */
}

custom-salla-product-card div.price_is_on_sale .total-price {
  font-size: 22px !important; /* تكبير السعر بعد الخصم */
  line-height: 1.2 !important; /* تحسين تباعد الأسطر */
}

custom-salla-product-card div.price_is_on_sale .before-price {
  font-size: 14px !important; /* تصغير السعر الأصلي قليلاً */
  margin-top: 2px !important; /* إضافة مسافة صغيرة فوق السعر الأصلي */
}