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

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

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

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