/* ===== الحاوية: عرض محدد وارتفاع تلقائي ===== */
.special-slider__media {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  background: transparent !important;
  display: block !important;
  width: 100% !important;
  max-width: 420px !important;   /* غيّر الرقم للحجم اللي يناسبك */
  margin-inline: auto !important;
}

/* ===== الصورة: كاملة من غير قص ===== */
.special-slider__media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
}

/* ===== ديسكتوب: عرض أصغر ===== */
@media (min-width: 1024px) {
  .special-slider__media {
    width: 33.333% !important;
    max-width: 380px !important;
    flex-shrink: 0 !important;
    margin-inline: 0 !important;
  }
}

/* ===== موبايل: عرض أصغر ===== */
@media (max-width: 640px) {
  .special-slider__media {
    max-width: 280px !important;
  }
}
.product-card__content {
    background:white ;
}



/* ===== السكشن ===== */
.s-block--custom-reviews {
  background: #f5f6f8 !important;
  padding-block: 32px !important;
}






.s-block--custom-reviews .reviews__card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  background: #fff !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  box-shadow: none !important;
}

/* ===== أيقونة الاقتباس في دايرة (فوق الكارت) ===== */
.s-block--custom-reviews .reviews__card .sicon-quote {
  position: static !important;
  order: -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #eceef3 !important;
  color: #0f1b4d !important;
  font-size: 13px !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ===== النص ===== */
.s-block--custom-reviews .reviews__text-wrap {
  order: 0 !important;
  width: 100% !important;
}
.s-block--custom-reviews .reviews__text {
  color: #555 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ===== الاسم والنجوم (الصورة مخفية) ===== */
.s-block--custom-reviews .reviews__author {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 0 !important;
}
.s-block--custom-reviews .reviews__avatar {
  display: none !important;
}
.s-block--custom-reviews .reviews__author-info {
  display: flex !important;
  flex-direction: column-reverse !important; /* النجوم فوق الاسم */
  margin: 0 !important;
  gap: 4px !important;
}
.s-block--custom-reviews .reviews__author-name {
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin: 0 !important;
}
.s-block--custom-reviews .comment__rating {
  margin: 0 !important;
  font-size: 13px !important;
}
.s-block--custom-reviews .comment__rating i {
  color: #fcd53f !important;
}

/* ===== النقط والأسهم (لو متاحة) ===== */
.s-block--custom-reviews .swiper-pagination {
  position: static !important;
  margin-top: 18px !important;
}
.s-block--custom-reviews .swiper-pagination-bullet {
  background: #cfd3dc !important;
  opacity: 1 !important;
}
.s-block--custom-reviews .swiper-pagination-bullet-active {
  background: #0f1b4d !important;
  width: 22px !important;
  border-radius: 6px !important;
}

/* ===== موبايل ===== */
@media (max-width: 640px) {
  .s-block--custom-reviews .reviews__title { font-size: 22px !important; }
}

/* ===== موبايل فقط: البانر فل ويدث ===== */
@media (max-width: 767px) {
  /* شيل padding الـ container */
  .s-block--dynamic-banner .dynamic-banner__inner.container {
    padding-inline: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* اللينك والصورة بعرض الشاشة كله */
  .s-block--dynamic-banner .banner {
    display: block !important;
    width: 100% !important;
    border-radius: 0 !important;
  }
  .s-block--dynamic-banner .banner img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
    object-fit: cover !important;
  }
}