main{
  margin-top:50px;
}

/* -------------------------------------------------------------------------- */
/*                          VIDEO MARQUEE SLIDER                              */
/* -------------------------------------------------------------------------- */
.video-marquee-section {
  padding: 40px 0;
  overflow: hidden;
}

/* Wrapper ayarları: Dikey ortalama ve sürekli akış için linear geçiş */
.video-marquee-slider .swiper-wrapper {
  transition-timing-function: linear; /* Kesintisiz akış */
  align-items: center; /* Büyük ve küçük videoları ortalar */
  padding: 10px 0;
}

/* Slayt genişliklerini CSS yönetecek */
.video-marquee-slider .swiper-slide {
  width: auto; 
  margin-right: 15px!important;
}

/* ----- BOYUTLANDIRMA MANTIĞI ----- */

/* Tek Sayılar (1, 3, 5...) -> KÜÇÜK */
.video-marquee-slider .swiper-slide:nth-child(odd) .video-marquee-item {
  width: 370px;
  height: 220px;
}

/* Çift Sayılar (2, 4, 6...) -> BÜYÜK */
.video-marquee-slider .swiper-slide:nth-child(even) .video-marquee-item {
  width: 480px;
  height: 290px;
 
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
  .video-marquee-slider .swiper-slide:nth-child(odd) .video-marquee-item {
      width: 200px; height: 120px;
  }
  .video-marquee-slider .swiper-slide:nth-child(even) .video-marquee-item {
      width: 280px; height: 180px;
  }
}

/* ----- KART VE VİDEO STİLLERİ ----- */
.video-marquee-item {
  display: block;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.video-marquee-item:hover {
  transform: scale(1.05);
}

/* Resim ve Video kutuyu tam kaplasın */
.video-marquee-item img,
.video-marquee-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}