/* MissFresh: главный баннер — полоска-таймер в активной точке (по образцу Аспро Премьер).
   Неактивные точки — штатные Аспро (как на основном сайте); меняем только активную: линия 48×6 px с заполнением.
   Положение точек, стрелки и поведение слайдера — штатные Аспро.
   Подключение: include/header_include/head_custom.php сайта. Шаблон Аспро не правим. 04.11.2026 */

.top_slider_wrapp .main-slider.mf-nav {
  --mf-nav-fill: var(--theme-base-color, #b53257);
}

.top_slider_wrapp .mf-nav .swiper-pagination-bullet {
  vertical-align: middle;
  transition: width .35s ease, height .35s ease, border-radius .35s ease;
}

/* активная точка — линия 48×6 с заполнением */
.top_slider_wrapp .mf-nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 48px;
  height: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.top_slider_wrapp .mf-nav .swiper-pagination-bullet.swiper-pagination-bullet-active:before { display: none; }
.top_slider_wrapp .mf-nav .mf-progress {
  position: absolute;
  inset: 0;
  background: var(--mf-nav-fill);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}
.top_slider_wrapp .mf-nav .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .mf-progress { display: none; }