/* Antalya Plaket Sans Carki v5 */
#apw-overlay{
  position:fixed;inset:0;z-index:999999;
  display:flex;align-items:center;justify-content:center;
  padding:12px;
  animation:apwFd .3s ease;
}
@keyframes apwFd{from{opacity:0}to{opacity:1}}

#apw-modal{
  display:flex;flex-direction:row;align-items:stretch;
  border-radius:16px;overflow:hidden;
  width:100%;max-width:700px;
  min-height:500px;max-height:96vh;
  position:relative;
  box-shadow:0 28px 70px rgba(0,0,0,.65);
  animation:apwUp .35s ease;
}
@keyframes apwUp{from{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}

/* ─ Wheel column ─────────────────── */
#apw-wheel-col{
  flex-shrink:0;
  width:280px;
  position:relative;
  overflow:hidden;
  display:flex;align-items:center;
}
/* 600×600 canvas, shift left so only right half visible */
#apw-canvas{
  position:absolute;
  left:-290px;
  top:50%;
  transform:translateY(-50%);
  width:600px;height:600px;
}
#apw-ptr{
  position:absolute;right:0;top:50%;
  transform:translateY(-50%);z-index:20;
  width:0;height:0;
  border-top:14px solid transparent;
  border-bottom:14px solid transparent;
  border-right:30px solid #d946ef;
  filter:drop-shadow(0 0 7px rgba(217,70,239,.85));
}

/* ─ Right panel ───────────────────── */
#apw-right{
  flex:1;display:flex;flex-direction:column;
  justify-content:center;gap:9px;
  padding:1.8rem 1.8rem 1.8rem 1.2rem;
  overflow-y:auto;
}
#apw-brand{display:flex;align-items:center;gap:7px;}
#apw-dot{width:18px;height:18px;border-radius:50%;background:#a855f7;flex-shrink:0;}
#apw-brand span{font-size:12px;font-weight:600;color:#c084fc;}
#apw-title{font-weight:900;color:#fff;line-height:1.2;margin:0;}
#apw-sub{display:flex;flex-direction:column;gap:3px;}
#apw-sub span{color:#e2d4f5;font-weight:500;line-height:1.5;}

#apw-name,#apw-email,#apw-phone{
  width:100%;padding:11px 13px;
  border:1.5px solid #6d28d9;border-radius:8px;
  background:#fff;color:#222;outline:none;
  transition:border-color .2s;
}
#apw-name:focus,#apw-email:focus,#apw-phone:focus{border-color:#a855f7;}
#apw-name.apw-err,#apw-email.apw-err,#apw-phone.apw-err{
  border-color:#ef4444;animation:apwShake .3s ease;
}
@keyframes apwShake{0%,100%{transform:translateX(0)}30%{transform:translateX(-5px)}70%{transform:translateX(5px)}}

#apw-btn{
  width:100%;padding:12px;font-weight:700;color:#fff;
  border:none;border-radius:8px;cursor:pointer;
  transition:opacity .18s;margin-top:2px;
}
#apw-btn:hover{opacity:.87;}
#apw-btn:disabled{opacity:.42;cursor:not-allowed;}
#apw-nothanks{font-size:12px;color:#a78bca;cursor:pointer;text-align:left;}
#apw-nothanks:hover{text-decoration:underline;}
#apw-close{
  position:absolute;top:11px;right:13px;
  background:none;border:none;color:#ccc;font-size:21px;
  cursor:pointer;z-index:30;line-height:1;padding:2px 5px;
}
#apw-close:hover{color:#fff;}
#apw-result{
  font-weight:700;color:#fde68a;
  padding:9px;background:rgba(255,255,255,.1);border-radius:8px;
}
#apw-success{
  padding:10px;background:rgba(16,185,129,.18);
  border-radius:8px;color:#6ee7b7;line-height:1.65;
}

/* ─ Product teaser ────────────────── */
.apw-teaser{
  display:flex;align-items:center;gap:12px;
  border:2px dashed;border-radius:10px;
  padding:12px 16px;margin-bottom:14px;
  cursor:pointer;transition:background .2s;
  font-weight:500;
}
.apw-teaser:hover{background:rgba(0,0,0,.04);}

/* ═══════════════════════════════════
   MOBILE — tam ekran, cark buyuk
═══════════════════════════════════ */
@media(max-width:660px){
  #apw-overlay{padding:0;align-items:flex-end;}

  #apw-modal{
    flex-direction:column;
    border-radius:22px 22px 0 0;
    max-width:100%;max-height:96vh;
    overflow-y:auto;min-height:0;
  }

  /* Wheel: full width, tall, centered — show entire wheel */
  #apw-wheel-col{
    width:100%;
    height:320px;
    flex-shrink:0;
    overflow:hidden;
    position:relative;
    display:flex;align-items:center;justify-content:center;
  }
  /* Show full wheel centered, scaled to fit width */
  #apw-canvas{
    position:absolute;
    left:50%;top:50%;
    width:580px;height:580px;
    transform:translate(-50%,-50%) scale(0.58);
    transform-origin:center center;
  }
  /* Arrow: bottom center pointing UP */
  #apw-ptr{
    right:auto;top:auto;left:50%;bottom:0;
    transform:translateX(-50%) rotate(90deg);
  }

  #apw-right{
    padding:1.2rem 1.4rem 2.2rem;gap:10px;flex:none;
  }
  #apw-title{font-size:22px !important;}
  #apw-sub span{font-size:13px !important;}
}