/* BABYLONIA – Testimonials Carousel (scoped to #bab-testi-002) */
#bab-testi-002,
#bab-testi-002 * { box-sizing: border-box; }

#bab-testi-002{
  --bg:#0f172a; --card:#0b1220; --text:#f8fafc; --muted:#cbd5e1;
  --ring:rgba(117,159,188,.55); --accent:#f59e0b; --brand:#759fbc;
  --radius:18px; --shadow:0 10px 30px rgba(0,0,0,.28);
  color:var(--text);
}

#bab-testi-002 .bab-title{
  margin:0 0 6px;font-size:clamp(22px,3.2vw,34px);letter-spacing:-.02em
}
#bab-testi-002 .bab-lead{
  margin:0 0 16px;color:#343638;max-width:70ch;line-height:1.65
}

/* Viewport & track */
#bab-testi-002 .bab-viewport{
  background:linear-gradient(160deg, #0b1220, #e0cbd0 45%, #142033);
  border-radius:var(--radius); box-shadow:var(--shadow);
  overflow:hidden; position:relative; isolation:isolate;
  min-height:380px; /* isteğe göre daha büyük görünüm */
}

#bab-testi-002 .bab-track{
  display:flex; margin:0; padding:0; list-style:none; gap:0;
  will-change:transform; backface-visibility:hidden;
  transform: translate3d(0,0,0);
}

#bab-testi-002 .bab-slide{
  /* JS px ile kilitleyecek; yine de güvenlik için */
  flex:0 0 100%; max-width:100%;
  padding:clamp(22px, 5vw, 36px);
  min-height:340px;
  display:grid; align-content:center;
}

#bab-testi-002 .bab-figure{
  display:grid;gap:20px;align-items:center;grid-template-columns:180px 1fr
}
@media (max-width:680px){
  #bab-testi-002 .bab-figure{grid-template-columns:1fr}
}

#bab-testi-002 .bab-photo{
  width:180px;max-width:180px;aspect-ratio:1/1;border-radius:50%;
  overflow:hidden;border:2px solid var(--ring);box-shadow:var(--shadow)
}
@media (max-width:480px){
  #bab-testi-002 .bab-photo{width:128px;max-width:128px}
}
#bab-testi-002 .bab-photo img{width:100%;height:100%;object-fit:cover;display:block}

#bab-testi-002 .bab-quote{margin:0;font-size:16px;line-height:1.75;color:#fff}
#bab-testi-002 .bab-quote p{margin:0}
#bab-testi-002 .bab-quote strong{color:#fff}
#bab-testi-002 .bab-quote cite{display:block;margin-top:10px;font-style:normal;color:var(--muted)}
#bab-testi-002 .bab-stars{color:#fde68a;letter-spacing:2px;display:inline-block;margin-bottom:6px}

/* ARROWS: overlay – ortalı, sağ/sol */
#bab-testi-002 .bab-nav{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 8px; margin:0; z-index:3; pointer-events:none;
}
#bab-testi-002 .bab-nav .bab-btn{
  pointer-events:auto; width:48px; height:48px; border-radius:50%;
  background:rgba(0,0,0,.40); border:1px solid rgba(255,255,255,.35);
  color:#fff; display:grid; place-items:center; backdrop-filter:blur(3px);
  transition:transform .15s ease, background .2s ease;
}
#bab-testi-002 .bab-nav .bab-btn:hover{ transform:scale(1.05); background:rgba(0,0,0,.55) }
#bab-testi-002 .bab-nav .bab-btn:focus-visible{ outline:2px solid var(--accent); outline-offset:2px }

@media (max-width:680px){
  #bab-testi-002 .bab-nav{ padding:0 4px }
  #bab-testi-002 .bab-nav .bab-btn{ width:44px; height:44px }
}

/* DOTS */
#bab-testi-002 .bab-dots{ display:flex; gap:8px; justify-content:center; margin:10px 0 0 }
#bab-testi-002 .bab-dot{
  width:10px; height:10px; border-radius:50%;
  background:rgba(255,255,255,.45); border:1px solid rgba(255,255,255,.5);
  text-indent:-9999px; overflow:hidden; cursor:pointer;
  transition:transform .15s ease, background .2s ease, border-color .2s ease;
}
#bab-testi-002 .bab-dot:hover{ transform:scale(1.1) }
#bab-testi-002 .bab-dot:focus-visible{ outline:2px solid var(--accent); outline-offset:2px }
#bab-testi-002 .bab-dot.is-active{ background:var(--accent); border-color:var(--accent) }