/* xl - MASAÜSTÜ STİLLERİ */ 
/* === FULL BLEED: widget ekranı taşsın === */
.bgvh-widget{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
.bgvh-widget .elementor-widget-container{
  padding:0 !important;
}

/* === KRİTİK: Container 100vh/min-height kalmasın (beyaz boşluğu bu yapıyor) === */
.bgvh-section{
  padding:0 !important;
  margin:0 !important;
  height:auto !important;
  min-height:0 !important;
  --min-height: auto !important; /* Elementor bazen değişken kullanır, zarar vermez */
}

/* === BG VIDEO HERO: Desktop/Tablet tam ekran === */
.bgvh{
  position:relative;
  height:100vh;
  min-height:100vh;
  overflow:hidden;
  background:#000;
}
@supports (height: 100dvh){
  .bgvh{ height:100dvh; min-height:100dvh; }
}

.bgvh__poster,
.bgvh__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.bgvh__poster{ z-index:1; }

.bgvh__video{
  z-index:2;
  opacity:0;
  transition:opacity .35s ease;
}
.bgvh.is-ready .bgvh__video{ opacity:1; }

.bgvh__topfade{
  position:absolute;
  left:0; top:0; right:0;
  height:200px;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(0,0,0,.50), rgba(0,0,0,0));
}




/* lg - TABLET YATAY STİLLERİ */ 
@media (max-width: 1199px) {
  .bgvh{ height:70vh; min-height:70vh; }
  @supports (height: 100dvh){ .bgvh{ height:70dvh; min-height:70dvh; } }
  
}

/* md - TABLET DİKEY STİLLERİ */ 
@media (max-width: 991px) {
  .bgvh{ height:70vh; min-height:70vh; }
  @supports (height: 100dvh){ .bgvh{ height:70dvh; min-height:70dvh; } }
  
}

/* sm - MOBİL YATAY STİLLERİ */ 
@media (max-width: 767px) {
  /* mobilde yarım yükseklik */
  .bgvh{ height:50vh; min-height:50vh; }
  @supports (height: 100dvh){
    .bgvh{ height:50dvh; min-height:50dvh; }
  }
  
  /* mobilde container kesinlikle boşluk yapmasın */
  .bgvh-section{ height:auto !important; min-height:0 !important; }
  
}

/* xs - MOBİL DİKEY STİLLERİ */ 
@media (max-width: 479px) {
  .bgvh{ height:50vh; min-height:50vh; }
  @supports (height: 100dvh){
    .bgvh{ height:50dvh; min-height:50dvh; }
  }
  .bgvh-section{ height:auto !important; min-height:0 !important; }
  
}