/* Hero Slider - responsive görsel taşıyıcı (edge-to-edge full-width) */
.hero-slider{
  position:relative;
  overflow:hidden;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0;
  margin-bottom:24px;
  border-radius:0;
  background:#0a0f1c;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.hero-slider__track{
  display:flex;
  transition:transform .5s cubic-bezier(.22,.9,.32,1);
  will-change:transform;
}
.hero-slide{
  flex:0 0 100%;
  position:relative;
  aspect-ratio:1717/916;    /* resimlerin doğal oranı (hero1/3) - cover ile kırpma sıfır */
  overflow:hidden;
  background:#0a0f1c;
}
.hero-slide a{display:block;width:100%;height:100%}
.hero-slide img{
  width:100%;
  height:100%;
  object-fit:cover;       /* Tüm alanı doldur - kırpma olsa da boşluk yok */
  object-position:center;
  display:block;
  user-select:none;
}
/* Navigasyon okları */
.hero-slider__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.45);
  color:#fff;
  font-size:20px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
  backdrop-filter:blur(6px);
  transition:background .2s,transform .2s;
}
.hero-slider__nav:hover{
  background:rgba(0,0,0,.7);
  transform:translateY(-50%) scale(1.08);
}
.hero-slider__nav--prev{left:14px}
.hero-slider__nav--next{right:14px}
/* Dot indikatörleri */
.hero-slider__dots{
  position:absolute;
  bottom:14px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:5;
}
.hero-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  border:0;
  padding:0;
  background:rgba(255,255,255,.5);
  cursor:pointer;
  transition:background .2s,transform .2s,width .3s;
}
.hero-dot.is-active{
  background:#fff;
  width:26px;
  border-radius:6px;
}
.hero-dot:hover{background:rgba(255,255,255,.85)}

/* Responsive */
@media (max-width:1024px) and (min-width:641px){
  /* TABLET — aynı doğal oran + cover, kırpma sıfır, kırılma yok */
  .hero-slide{aspect-ratio:1717/916;}
  .hero-slide img{object-fit:cover !important;object-position:center;}
  .hero-slider{margin-bottom:20px}
  .hero-slider__nav{width:40px;height:40px;font-size:17px}
  .hero-slider__nav--prev{left:10px}
  .hero-slider__nav--next{right:10px}
}
@media (max-width:900px){
  .hero-slider{margin-bottom:20px}
  .hero-slider__nav{width:38px;height:38px;font-size:16px}
  .hero-slider__nav--prev{left:8px}
  .hero-slider__nav--next{right:8px}
}
@media (max-width:640px){
  /* MOBİL — hero resmin doğal oranıyla container: tam sığar, boşluk yok, kırpma yok */
  .hero-slide{aspect-ratio:1717/916;}
  .hero-slide img{object-fit:cover !important;object-position:center;background:transparent;}
  /* Mobilde okları gizle - swipe/dot yeterli */
  .hero-slider__nav{display:none !important}
  .hero-dot{width:8px;height:8px}
  .hero-dot.is-active{width:20px}
  .hero-slider__dots{bottom:8px;gap:6px}
}
@media (max-width:480px){
  /* Küçük telefonlar da aynı doğal oranda kalsın — tutarlı görünüm */
  .hero-slide{aspect-ratio:1717/916;}
}

/* Sepet paneli - TikTok Kullanıcı profil sonucu: sadece avatar + isim, istatistikler gizli */
#_0xup .user-profile .user-stats{display:none !important;}
/* Duplicate username: sadece @handle göster, nickname'i gizle */
#_0xup .user-profile .user-name{display:none !important;}

/* ============================================================
   Doğrulama Başarılı Merkez Modalı — Sorgula sonrası TikTok'tan dönünce
   ============================================================ */
.jc-verify-overlay{
  position:fixed; inset:0;
  background:rgba(15,23,42,.75);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  z-index:99999;
  display:flex; align-items:center; justify-content:center;
  padding:20px;
  opacity:0; visibility:hidden;
  transition:opacity .3s ease, visibility .3s ease;
}
.jc-verify-overlay.jc-verify--open{opacity:1; visibility:visible;}
.jc-verify-card{
  background:#ffffff;
  border-radius:20px;
  padding:40px 32px 32px;
  width:min(460px, 100%);
  text-align:center;
  box-shadow:0 30px 80px rgba(2,6,23,.5);
  transform:translateY(20px) scale(.9);
  transition:transform .35s cubic-bezier(.2,.9,.3,1.1);
  position:relative;
}
.jc-verify-overlay.jc-verify--open .jc-verify-card{transform:translateY(0) scale(1);}
.jc-verify-tick{
  width:96px; height:96px;
  border-radius:50%;
  background:linear-gradient(135deg,#10b981,#059669);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:52px;
  margin:0 auto 20px;
  box-shadow:0 12px 30px rgba(16,185,129,.35);
  animation:jcTickPop .5s cubic-bezier(.2,.9,.3,1.4);
}
@keyframes jcTickPop{
  0%{transform:scale(0);opacity:0}
  60%{transform:scale(1.15);opacity:1}
  100%{transform:scale(1);opacity:1}
}
.jc-verify-title{
  font-size:1.4rem; font-weight:900;
  color:#0f172a; margin:0 0 10px;
  line-height:1.25;
}
.jc-verify-msg{
  font-size:1rem; color:#475569;
  margin:0 0 24px; line-height:1.5;
}
.jc-verify-msg strong{color:#0f172a;}
.jc-verify-btn{
  background:linear-gradient(90deg,#06b6d4,#22c55e);
  color:#fff; border:none;
  padding:13px 32px; border-radius:10px;
  font-size:1rem; font-weight:800;
  cursor:pointer;
  transition:transform .18s, box-shadow .2s;
  display:inline-flex; align-items:center; gap:8px;
}
.jc-verify-btn:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(6,182,212,.4);}
@media (max-width:480px){
  .jc-verify-card{padding:32px 20px 24px; border-radius:16px;}
  .jc-verify-tick{width:80px; height:80px; font-size:44px; margin-bottom:16px;}
  .jc-verify-title{font-size:1.15rem;}
  .jc-verify-msg{font-size:.9rem;}
}

/* Erişilebilirlik: reduced motion */
@media (prefers-reduced-motion:reduce){
  .hero-slider__track{transition:none}
}