/* 1. إجبار السكشن العلوي والسفلي والحاويات العامة على عدم القص */
.index main,
.index .s-block,
.index .s-block--hero-slider,
.index .s-block--rectangular-links {
  overflow: visible !important;
}

/* 2. رفع سكشن البطاقات وتعديل موقعه فوق البانر */
.index .s-block--rectangular-links {
  position: relative !important;
  z-index: 99 !important;
  margin-top: -60px !important; /* يمكنك تعديل هذا الرقم لرفعها أكثر أو أقل */
}

/* 3. التأكد من أن الحاوية الداخلية كاملة الوضوح */
.index .s-block--rectangular-links .container,
.index .s-block--rectangular-links img {
  overflow: visible !important;
  position: relative !important;
}
.index .s-block--best-offers h2.text-3xl.font-bold.tracking-tight {
  color: #004d33 !important; /* استبدل هذا الكود بلونك المفضل */
}

@media (max-width: 768px) {

  /* 1. تقليل المسافة بين سطور اسم المنتج */
  .product-card div.product-card__content a,
  .product-card div.product-card__content h3,
  .product-card div.product-card__content p {
    line-height: 1.15 !important; /* يقلل الفراغ بين السطر والأخر */
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  /* 2. إلغاء الفراغات العلوية والسفلية بين العناصر داخل البطاقة */
  .product-card div.product-card__content * {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  /* 3. تقليل الحشوة الداخلية للبطاقات لتقريب كل المحتوى من بعضه */
  .product-card div.product-card__content {
    padding: 4px 6px !important;
    gap: 2px !important;
  }

}