/* لجعل الكارد أطول قليلاً من الصورة وتقليل العرض */
.s-products-slider-card {
  width: 90%; /* تقليل عرض الكارد */
  height: auto; /* يمكنك تحديد ارتفاع معين إذا كنت تريد */
  max-height: 500px; /* زيادة ارتفاع الكارد ليكون أكبر قليلاً من الصورة */
  margin: 0 auto; /* توسيط الكارد */
}

/* لجعل الصورة داخل الكارد تأخذ عرض الكارد بالكامل وتكون أطول */
.s-product-card-image-contain {
  width: 100%; /* جعل عرض الصورة يساوي عرض الكارد */
  aspect-ratio: 9/12; /* تعديل نسبة الصورة لتكون أطول */
  max-height: 300px; /* زيادة ارتفاع الصورة */
  object-fit: cover; /* لضبط الصورة داخل الإطار دون تشويه */
}

/* لتعديل محتوى الكارد */
.s-product-card-content {
  padding: 10px; /* تقليل المساحة الداخلية */
}

/* لتعديل حجم النص والعناصر الأخرى */
.s-product-card-content-title,
.s-product-card-price {
  font-size: 14px; /* تصغير حجم النص */
}


/* تعديل تصميم إعلان Salla */
.salla-advertisement {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: auto;
    background-color: #d1a966;
    color: #ffffff;
    opacity: 1 !important;
    transition: opacity 0s !important; /* منع الاختفاء */
}

.salla-advertisement .flex {
    justify-content: center !important;
    align-items: center !important;
}

.salla-advertisement p.text-xs {
    display: none !important;
}

.salla-advertisement .ad-close {
    display: none !important;
}

.salla-advertisement h4 {
    font-size: 1.2rem; /* تكبير حجم الخط */
}

.salla-advertisement h4 strong {
    font-weight: bold;
    font-size: 1.4rem; /* حجم أكبر لكود الخصم */
    color: #fff;
    text-decoration: underline;
}