/*! Flickity Dots – نهایی: نقطه‌ها ۸۰px زیر تصاویر + کاملاً visible + بدون کش آمدن سکشن */

.carousel-wrap {
  position: relative !important;
  width: 100% !important;
  overflow: visible !important;     /* خیلی مهم: اجازه بده نقطه‌ها بیرون بزنن */
  padding-bottom: 0 !important;     /* حذف کامل padding اضافی */

}

.flickity-viewport {
  overflow: visible !important;     /* ضروری برای دیده شدن نقطه‌ها با bottom منفی */
}

.flickity-slider {
  overflow: visible !important;
}

/* نقطه‌ها دقیقاً ۸۰px زیر پایین تصاویر */
.flickity-page-dots {
  position: absolute !important;
  bottom: -60px !important;         /* منفی = دقیقاً ۸۰px زیر پایین تصاویر */
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  list-style: none !important;
  line-height: 0 !important;
  z-index: 50 !important;
  pointer-events: none !important;
}

.flickity-page-dots .dot {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 10px !important;
  background: #1b29b3 !important;   /* خاکستری روشن */
  border-radius: 50% !important;

  cursor: pointer !important;
  pointer-events: auto !important;
  transition: all 0.4s ease !important;
}

.flickity-page-dots .dot.is-selected {
  background: #FFDE21 !important;   /* رنگ اصلی سایت */
  opacity: 1 !important;
}

/* ریسپانسیو موبایل */
@media (max-width: 768px) {

  
  .flickity-page-dots {
    bottom: -40px !important;         /* ۷۰px زیر در موبایل */
  }
  
  .flickity-page-dots .dot {
    width: 12px !important;
    height: 12px !important;
    margin: 0 8px !important;
  }
}

/* اختیاری: اگر نقطه‌ها روی سکشن بعدی افتادند، فاصله اضافه کن */
.full-width-section:has(.carousel-wrap) {
  padding-bottom: 40px; /* یا margin-bottom به سکشن بعدی بده */
}