/* === MINI SLIDER’LAR: Yumuşak Senkron Işık Geçişi (CSS-only) === */
/* Autoplay süren neyse buraya yaz (ör: 4s, 5s, 6s) */
.mini-swiper {
  --slide-delay: 5s;   /* Swiper autoplay delay ile aynı olmalı */
  --shine-span: 35%;   /* Işıltı kayma süresi (daha yumuşak için 35–40%) */
  position: relative;
}

.mini-swiper .swiper-slide {
  position: relative;
  overflow: hidden;
  border-radius: 16px; /* kart köşeleri yuvarlaksa hoş durur */
}

/* Işık şeridi katmanı */
.mini-swiper .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 55%;
  height: 100%;
  pointer-events: none;
  transform: skewX(-25deg);
  mix-blend-mode: screen;
  opacity: 0;
  filter: blur(0.8px); /* geçişi yumuşatır */
  z-index: 2;

  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(0,255,200,0.20) 40%,
    rgba(120,0,255,0.22) 60%,
    rgba(255,255,255,0) 100%
  );

  /* Her slayt kendi döngüsünde parlasın */
  animation: miniShineCycle var(--slide-delay) ease-in-out infinite;
}

/* Işık kayma animasyonu */
@keyframes miniShineCycle {
  0%   { left: -80%; opacity: 0; }
  5%   { left: -50%; opacity: 1; }
  var(--shine-span) { left: 130%; opacity: 1; }
  calc(var(--shine-span) + 5%) { left: 130%; opacity: 0; }
  100% { left: 130%; opacity: 0; }
}

/* Loop açıkken klonlarla çakışmasın */
.mini-swiper .swiper-slide-duplicate::after { animation: none; opacity: 0; }

/* === Senkronizasyon: 3 slayt için gecikmeleri dağıt === */
/* Slayt sayın farklıysa alttaki pattern’i çoğalt/azalt */
.mini-swiper .swiper-wrapper .swiper-slide:nth-of-type(1)::after { animation-delay: calc(0 * var(--slide-delay)); }
.mini-swiper .swiper-wrapper .swiper-slide:nth-of-type(2)::after { animation-delay: calc(1 * var(--slide-delay)); }
.mini-swiper .swiper-wrapper .swiper-slide:nth-of-type(3)::after { animation-delay: calc(2 * var(--slide-delay)); }

/* Erişilebilirlik: hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  .mini-swiper .swiper-slide::after { animation: none; opacity: 0; }
}