.wl-box{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;padding:30px 34px}
.wl-box h3{margin:10px 0 6px;font-size:clamp(22px,2.4vw,28px)}
.wl-box p{margin:0;color:var(--muted,#bdb6dd)}
.wl-form{display:flex;flex-direction:column;gap:10px}
.wl-row{display:flex;gap:10px}
.wl-row input{flex:1;min-width:0;padding:13px 16px;border-radius:99px;border:1px solid var(--line2,rgba(255,255,255,.24));background:rgba(255,255,255,.06);color:inherit;font:inherit;font-size:15px}
.wl-row input:focus{outline:none;border-color:var(--ruby,#ff2443)}
.wl-row .btn{white-space:nowrap}
.wl-msg{margin:0;font-size:14px}
.wl-msg[data-state=ok]{color:#7dffb4}.wl-msg[data-state=err]{color:#ff8a9a}
.wl-form.wl-done .wl-row{display:none}
.wl-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.4);color:#fde68a}
@media (max-width:760px){.wl-box{grid-template-columns:1fr;padding:22px 18px}.wl-row{flex-direction:column}}
/* "Bizimle iletişime geç" butonu: canlı destek penceresini açar (fiyat kartları ve sepet) */
.sp-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:12px 18px;border-radius:99px;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#e9e6ff;font-weight:700;font-size:15px;text-decoration:none;
  transition:background .2s,border-color .2s}
.sp-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.sp-btn svg{flex:none}