/* Desktop-only hero slider: 1296x335 */
.ubi-hero{
  position:relative;
  max-width:1296px;
  height:335px;
  margin:16px auto;
  overflow:hidden;
  border-radius:12px;
  background:#f5f5f7;
}
.ubi-hero__track{
  width:100%;
  height:100%;
  position:relative;
}
.ubi-hero__slide{
  position:absolute; inset:0;
  opacity:0; transform:translateX(10%);
  transition:opacity .5s ease, transform .5s ease;
  will-change:opacity, transform;
}
.ubi-hero__slide.is-active{
  opacity:1; transform:translateX(0);
  z-index:1;
}
.ubi-hero__slide img{
  width:100%; height:100%;
  object-fit:cover; display:block;
}

/* Caption */
.ubi-hero__caption{
  position:absolute; left:14px; bottom:12px;
  background:rgba(0,0,0,.55); color:#fff;
  padding:6px 10px; border-radius:8px;
  font-size:14px; line-height:1.3;
}

/* Arrows */
.ubi-hero__arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(0,0,0,.35); color:#fff; border:0;
  width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; z-index:2;
}
.ubi-hero__arrow:hover{ background:rgba(0,0,0,.5); }
.ubi-hero__arrow.prev{ left:10px; }
.ubi-hero__arrow.next{ right:10px; }

/* Dots */
.ubi-hero__dots{
  position:absolute; left:0; right:0; bottom:10px;
  display:flex; gap:6px; justify-content:center; z-index:2;
}
.ubi-hero__dots .dot{
  width:8px; height:8px; border-radius:50%;
  background:rgba(255,255,255,.55); border:0; cursor:pointer;
}
.ubi-hero__dots .dot.is-active{ background:#fff; }

/* Mobilde gizle (sadece desktop göster) */
@media (max-width: 1023px){
  .ubi-hero{ display:none; }
}