/* ═══════════════════════════════════════════════════════════════
   ŞANS ÇARKI – siteye ilk girişte (günde 1 hak) açılan indirim çarkı
═══════════════════════════════════════════════════════════════ */
#ck-overlay{display:none;position:fixed;inset:0;z-index:1200;background:rgba(20,20,22,.72);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:16px}
#ck-overlay.open{display:flex}
@keyframes ck-fadein{from{opacity:0}to{opacity:1}}
#ck-overlay.open{animation:ck-fadein .25s ease}

#ck-card{
  position:relative;width:min(380px,100%);max-height:94vh;overflow-y:auto;
  background:#fff;border-radius:22px;padding:22px 22px 20px;text-align:center;
  box-shadow:0 30px 80px rgba(0,0,0,.4);
  animation:ck-pop .35s cubic-bezier(.34,1.56,.64,1);
}
@keyframes ck-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
#ck-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:var(--cream);color:var(--navy);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
#ck-close:hover{background:var(--cream-dk)}

.ck-head strong{display:block;font-family:var(--f-head);font-size:1.25rem;font-weight:900;color:var(--navy);margin-bottom:4px}
.ck-head span{display:block;font-size:.82rem;color:var(--gray-600);margin-bottom:14px}

.ck-wheel-wrap{position:relative;width:240px;height:240px;margin:6px auto 18px}
#ck-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-size:1.5rem;color:var(--orange-dk);z-index:3;text-shadow:0 2px 4px rgba(0,0,0,.25)}
#ck-wheel{
  width:100%;height:100%;border-radius:50%;position:relative;
  border:7px solid #fff;box-shadow:0 10px 34px rgba(0,0,0,.28),0 0 0 3px var(--cream-dk);
  background:conic-gradient(
    var(--orange) 0deg 72deg,
    var(--navy) 72deg 144deg,
    var(--orange-lt) 144deg 216deg,
    var(--navy-lt) 216deg 288deg,
    var(--orange-dk) 288deg 360deg
  );
  transition:transform 4.2s cubic-bezier(.13,.68,.15,1);
}
#ck-wheel .ck-seg{
  position:absolute;top:50%;left:50%;width:0;height:0;
  font-family:var(--f-body);font-weight:800;color:#fff;font-size:.95rem;
  text-shadow:0 1px 3px rgba(0,0,0,.35);
  transform-origin:0 0;
}
#ck-wheel .ck-seg span{display:block;transform:translate(-50%,-92px)}
#ck-hub{position:absolute;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%);background:#fff;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;z-index:2;font-size:1.2rem;color:var(--orange)}

#ck-spin-btn{
  width:100%;background:linear-gradient(135deg,var(--orange),var(--orange-dk));color:#fff;border:none;
  border-radius:50px;padding:14px;font-family:var(--f-body);font-weight:800;font-size:1rem;cursor:pointer;
  box-shadow:0 8px 22px rgba(245,96,10,.35);transition:transform .2s ease;
}
#ck-spin-btn:hover{transform:translateY(-2px)}
#ck-spin-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}

#ck-result{margin-top:16px}
.ck-result-amount{font-family:var(--f-head);font-size:1.7rem;font-weight:900;color:var(--orange-dk);margin-bottom:6px}
.ck-result-code{display:inline-block;background:var(--cream);border:2px dashed var(--orange);border-radius:12px;padding:9px 18px;font-weight:900;letter-spacing:.08em;color:var(--navy);font-size:1.05rem;margin-bottom:10px}
.ck-result-note{font-size:.82rem;color:var(--gray-600);line-height:1.6;margin-bottom:14px}
.ck-wp-btn{display:flex;align-items:center;justify-content:center;gap:9px;background:#25D366;color:#fff;border-radius:50px;padding:13px;font-weight:800;font-size:.95rem;text-decoration:none;box-shadow:0 8px 22px rgba(37,211,102,.32)}

.ck-legal{margin-top:14px;font-size:.68rem;color:var(--gray-400);line-height:1.5}

@media(max-width:420px){
  .ck-wheel-wrap{width:210px;height:210px}
  #ck-wheel .ck-seg span{transform:translate(-50%,-80px);font-size:.85rem}
}