/* ============================================================================
   swiper-lite.css — замена swiper-bundle.min.css (только нужный home v2 срез).
   Нативная scroll-snap-карусель. Парная к swiper-lite.js.
   ========================================================================== */

/* Базовая структура (на неё опираются компоненты вместо Swiper base rules) */
.swiper { position: relative; }
.swiper-wrapper { display: flex; box-sizing: border-box; }
.swiper-slide { flex-shrink: 0; }

/* Активная карусель: класс .swiper-lite добавляет JS-shim при init, снимает при destroy.
   Скролл-контейнер — сам .swiper; трек — .swiper-wrapper (ширина по контенту). */
.swiper.swiper-lite {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;          /* Firefox */
  -ms-overflow-style: none;       /* IE/старый Edge */
}
.swiper.swiper-lite::-webkit-scrollbar { width: 0; height: 0; display: none; }
.swiper.swiper-lite > .swiper-wrapper { width: max-content; }
.swiper.swiper-lite > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }

/* Стрелки в конце/начале — Swiper вешал .swiper-button-disabled на nav-элементы */
.swiper-button-disabled { opacity: .35; pointer-events: none; cursor: default; }

/* ── Пагинация: воспроизводим дефолты Swiper (Api/Pricing опираются на них;
   их CSS лишь перекрашивает буллеты и сдвигает контейнер по bottom) ── */
.swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: .2;
  transition: background .2s, opacity .2s;
}
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: var(--green-100, #9fef43); }