/* Slide container */
.hero .rb-carousel .slide{
  position:relative;
  overflow:hidden;
  display:flex;                 /* görseli ortalamak için */
  align-items:center;
  justify-content:center;
  background:#0b0b0c;           /* fallback */
}

/* Arka plan: aynı görselin blur cover versiyonu */
.hero .rb-carousel .slide::before{
  content:"";
  position:absolute;
  inset:-40px;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  filter: blur(22px);
  transform: scale(1.12);
  opacity: .35;                 /* siyah-abluka değil, hafif */
}

/* Hafif karartma (blur’u sakinleştirir) */
.hero .rb-carousel .slide::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.25),
    rgba(0,0,0,.35)
  );
}

/* ÖN PLAN GÖRSEL: asla yayma/bozma ve mümkünse büyütme */
.hero .rb-carousel .slide > img,
.hero .rb-carousel .slide > video{
  position:relative;
  z-index:2;

  /* kritik kısım: küçük görsel büyümesin */
  width:auto !important;
  height:auto !important;
  max-width:100%;
  max-height:100%;

  object-fit: contain;          /* bozmadan sığdır */
  object-position:center;
  border-radius:0;
  box-shadow:none;

  /* çok küçük görsellerde bile büyütmesin */
  image-rendering: auto;
}

/* Slayt alanı yüksekliği */
.hero{ width:100vw; height:90vh; }
.hero .rb-carousel{ width:100vw; height:100%; }
.hero .rb-carousel .rb-track{ height:100%; }
.hero .rb-carousel .slide{ flex:0 0 100vw; width:100vw; height:100%; padding:0; }