/* Khuttwa: slider dots become a thin progress line (filled up to the current slide) */
body .swiper-pagination.swiper-pagination-bullets:not(.slideshow .swiper-pagination) {
  display: flex !important; align-items: center; justify-content: center; gap: 0 !important;
  width: min(100%, var(--kpd-width, 260px)) !important; margin-inline: auto; left: auto; right: auto;
  height: var(--kpd-h, 3px); padding: 0; border-radius: 9px; overflow: hidden;
  background: var(--kpd-track, rgba(17,17,17,.1));
}
body .swiper-pagination.swiper-pagination-bullets:not(.slideshow .swiper-pagination) .swiper-pagination-bullet {
  flex: 1 1 0; width: auto !important; min-width: 0; height: 100% !important; margin: 0 !important; padding: 0;
  border: 0 !important; border-radius: 0 !important; opacity: 1 !important; transform: none !important;
  background: transparent !important; transition: background .35s ease;
}
body .swiper-pagination.swiper-pagination-bullets:not(.slideshow .swiper-pagination) .swiper-pagination-bullet::before,
body .swiper-pagination.swiper-pagination-bullets:not(.slideshow .swiper-pagination) .swiper-pagination-bullet::after { display: none !important; }
body .swiper-pagination.swiper-pagination-bullets:not(.slideshow .swiper-pagination) .swiper-pagination-bullet-active,
body .swiper-pagination.swiper-pagination-bullets:not(.slideshow .swiper-pagination) .swiper-pagination-bullet:has(~ .swiper-pagination-bullet-active) {
  background: var(--kpd-fill, var(--kx-dark, #111)) !important;
}