/* نقاط تنقل سلايدر الأقسام — تجاوز أنماط أزرار القالب */

.khz-cat-slider-wrapper .khz-cat-slider-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 14px;
}

.khz-cat-slider-wrapper .khz-cat-slider-dots .khz-cat-slider-dot {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  max-width: 6px !important;
  max-height: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: #d5d5d5 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background 0.25s ease, opacity 0.25s ease;
  opacity: 0.7;
  line-height: 0 !important;
  font-size: 0 !important;
  vertical-align: middle;
}

.khz-cat-slider-wrapper .khz-cat-slider-dots .khz-cat-slider-dot::after {
  display: none !important;
}

.khz-cat-slider-wrapper .khz-cat-slider-dots .khz-cat-slider-dot:hover {
  opacity: 1;
  background: #c4c4c4 !important;
}

.khz-cat-slider-wrapper .khz-cat-slider-dots .khz-cat-slider-dot.active {
  background: #d4af37 !important;
  opacity: 1;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
}