/* WCW Frontend */
:root{--wg:#25d366;--wgd:#128c7e;--r:14px}
#wcwPopupWrap{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
#wcwPopupWrap.wcwp-visible{pointer-events:all}
.wcwp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;pointer-events:none}
#wcwPopupWrap.wcwp-visible .wcwp-overlay{opacity:1;pointer-events:all}
.wcwp-box{background:#fff;border-radius:var(--r) var(--r) 0 0;padding:28px 24px;width:100%;max-width:420px;box-shadow:0 -8px 40px rgba(0,0,0,.18);transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.2,.64,1);position:relative;z-index:1}
#wcwPopupWrap.wcwp-visible .wcwp-box{transform:translateY(0)}
@media(min-width:560px){
#wcwPopupWrap{align-items:center;justify-content:center}
.wcwp-box{border-radius:var(--r);transform:translateY(20px) scale(.96);opacity:0;transition:transform .35s cubic-bezier(.34,1.2,.64,1),opacity .3s}
#wcwPopupWrap.wcwp-visible .wcwp-box{transform:translateY(0) scale(1);opacity:1}}
.wcwp-close{position:absolute;top:12px;right:14px;background:rgba(0,0,0,.06);border:none;border-radius:50%;width:26px;height:26px;font-size:1rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:background .15s}
.wcwp-close:hover{background:rgba(0,0,0,.12);color:#111}
.wcwp-badge{display:inline-flex;align-items:center;gap:5px;background:#dcfce7;color:#166534;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700;margin-bottom:12px}
.wcwp-img{margin:-28px -24px 16px;overflow:hidden;border-radius:var(--r) var(--r) 0 0}
.wcwp-img img{width:100%;max-height:160px;object-fit:cover}
.wcwp-title{font-size:1.15rem;font-weight:700;color:#111;margin:0 0 8px;line-height:1.3}
.wcwp-body{font-size:.9rem;color:#6b7280;margin:0 0 16px;line-height:1.5}
.wcwp-offer{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-weight:700;border-radius:8px;padding:7px 12px;text-align:center;margin-bottom:14px;font-size:.88rem}
.wcwp-phone-row{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:10px;transition:border-color .15s}
.wcwp-phone-row:focus-within{border-color:var(--wg)}
.wcwp-cc{background:#f3f4f6;color:#374151;padding:11px 12px;font-weight:700;font-size:.9rem;white-space:nowrap;border-right:1px solid #e5e7eb}
.wcwp-input{flex:1;border:none!important;outline:none!important;padding:11px 12px;font-size:.9rem;width:100%;box-sizing:border-box}
.wcwp-name{display:block;width:100%;border:2px solid #e5e7eb!important;border-radius:10px!important;padding:10px 12px!important;font-size:.9rem!important;margin-bottom:10px!important;box-sizing:border-box!important}
.wcwp-btn{width:100%;background:linear-gradient(135deg,var(--wg),var(--wgd));color:#fff;border:none;border-radius:10px;padding:12px;font-size:.95rem;font-weight:700;cursor:pointer;margin-bottom:8px;transition:filter .15s,transform .1s}
.wcwp-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.wcwp-btn:disabled{opacity:.65;cursor:not-allowed}
.wcwp-skip{display:block;width:100%;background:none;border:none;color:#9ca3af;font-size:.82rem;cursor:pointer;text-align:center;text-decoration:underline;padding:3px;transition:color .15s}
.wcwp-skip:hover{color:#374151}
.wcwp-privacy{font-size:.72rem;color:#9ca3af;text-align:center;margin:8px 0 0}
.wcwp-success{text-align:center;padding:20px 0;font-size:1.05rem;font-weight:700;color:#166534}
/* OTP */
.wcw-otp-wrap{margin-bottom:20px;padding:18px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}
.wcw-otp-wrap h3{margin:0 0 8px;font-size:1rem}
.wcw-otp-step-phone,.wcw-otp-step-verify{margin-top:10px}
.wcw-otp-phone-row{display:flex;gap:8px;align-items:center}
.wcw-otp-cc{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:9px 11px;font-weight:700;font-size:.9rem;white-space:nowrap}
.wcw-otp-phone-in{flex:1;border:1px solid #d1d5db;border-radius:6px;padding:9px 11px;font-size:.9rem}
.wcw-otp-phone-in:focus{border-color:var(--wg);outline:none;box-shadow:0 0 0 3px rgba(37,211,102,.12)}
.wcw-otp-msg{font-size:.82rem;margin-top:6px}
.wcw-otp-hint{font-size:.85rem;color:#6b7280;margin-bottom:12px}
.wcw-otp-digits{display:flex;gap:8px;justify-content:center;margin-bottom:14px}
.wcw-otp-d{width:42px;height:50px;text-align:center;border:2px solid #d1d5db;border-radius:10px;font-size:1.3rem;font-weight:700;transition:border-color .15s;-moz-appearance:textfield}
.wcw-otp-d:focus{border-color:var(--wg);outline:none}
.wcw-otp-d::-webkit-outer-spin-button,.wcw-otp-d::-webkit-inner-spin-button{-webkit-appearance:none}
.wcw-otp-vmsg{font-size:.82rem;margin-top:8px}
.wcw-otp-back{background:none;border:none;color:#9ca3af;font-size:.8rem;cursor:pointer;margin-top:8px;display:block}
/* BIS */
.wcw-bis-wrap{margin:14px 0;padding:14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}
.wcw-bis-msg{padding:8px 12px;border-radius:6px;font-size:.85rem;margin-top:8px}