/* =========================================
   استایل کارت‌های بنر (ساده و بدون حرکت)
   ========================================= */
.promo-simple-card {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background: #fff;
  /* transition: transform 0.3s ease;  <-- این خط حذف شد تا انیمیشن نداشته باشد */
}

.promo-simple-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 20px;
}

/* حالت هاور (فقط سایه ملایم - بدون بالا آمدن) */
.promo-simple-card:hover {
  /* transform: translateY(-5px); <-- این خط عامل بالا آمدن بود که حذف شد */
  /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); <-- سایه هم اگر نمی‌خواهید حذف کنید */

  /* اگر می‌خواهید فقط کمی شفاف شود تا مشخص شود موس روی آن است: */
  opacity: 0.95;
  transition: opacity 0.3s ease;
}

/* =========================================
   استایل نوار نشانگر (دکمه‌های پایین)
   ========================================= */

/* ایجاد فضا در پایین اسلایدر */
.bannerSwiper {
  padding-bottom: 50px !important;
  position: relative;
}

/* کانتینر دکمه‌ها */
.bannerSwiper .swiper-pagination {
  bottom: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

/* دکمه‌های غیرفعال (دایره طوسی) */
.bannerSwiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #e6e6e6;
  opacity: 1;
  border-radius: 50%;
  margin: 0 !important;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  border: none;
  box-shadow: none;
}

/* دکمه فعال (خط کشیده نارنجی) */
.bannerSwiper .swiper-pagination-bullet-active {
  width: 32px;
  border-radius: 100px;
  background-color: #ff8c40;
  box-shadow: 0 2px 5px rgba(255, 140, 64, 0.3);
}