/* =====================================
   ULTRA SOFT FADE (без вспышки и без акцентного черного)
   БЛОК: #rec1719227151
   ===================================== */

/* 1) Фиксируем wrapper, убираем сдвиг */
#rec1719227151 .swiper-wrapper,
#rec1719227151 .t-slds__items-wrapper {
  transition-duration: 0ms !important;
  transform: translate3d(0,0,0) !important;
}

/* 2) Перекрытие слайдов (чтобы не было пустого кадра) */
#rec1719227151 .swiper {
  position: relative;
}
#rec1719227151 .swiper-wrapper {
  position: relative;
}

/* Слайды кладём друг на друга */
#rec1719227151 .swiper-slide {
  position: absolute !important;
  inset: 0;
}

/* 3) УБИРАЕМ белую вспышку, но делаем фон НЕ ЧЁРНЫМ, а мягким графитом
   (чтобы при кроссфейде не “бил” черный) */
#rec1719227151,
#rec1719227151 .t396,
#rec1719227151 .t396__artboard,
#rec1719227151 .t396__carrier,
#rec1719227151 .t396__filter,
#rec1719227151 .swiper,
#rec1719227151 .swiper-wrapper {
  background: #141414 !important; /* мягче чем #000 */
}

/* Режем просветы */
#rec1719227151 .swiper,
#rec1719227151 .t-slds,
#rec1719227151 .t-slds__items-wrapper {
  overflow: hidden !important;
}

/* 4) Очень мягкие анимации */
#rec1719227151 .swiper-slide,
#rec1719227151 .t-slds__item {
  opacity: 0;
  transform: scale(1.01);
  will-change: opacity, transform;
  z-index: 0;

  transition:
    opacity 2300ms cubic-bezier(0.4, 0.0, 0.2, 1),
    transform 3400ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

/* Активный — сверху */
#rec1719227151 .swiper-slide.swiper-slide-active,
#rec1719227151 .swiper-slide.swiper-slide-duplicate-active,
#rec1719227151 .t-slds__item.t-slds__item_active {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

/* Предыдущий держим видимым — кроссфейд без мигания */
#rec1719227151 .swiper-slide.swiper-slide-prev {
  opacity: 1;
  transform: scale(1);
  z-index: 1;

  transition:
    opacity 2800ms cubic-bezier(0.4, 0.0, 0.2, 1),
    transform 3600ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

/* 5) Мягкое появление блока при загрузке */
#rec1719227151 {
  opacity: 0;
  animation: rec1719227151FadeIn 1000ms ease-out forwards;
}
@keyframes rec1719227151FadeIn {
  to { opacity: 1; }
}