.kwp-wrap,.kwp-toast{--kwp-c:#b72424;--kwp-c2:#8f1b1b}
.kwp-wrap{position:fixed;bottom:64px;z-index:99998;display:flex;align-items:center;gap:12px;direction:ltr}
.kwp-left{left:18px;flex-direction:row}
.kwp-right{right:18px;flex-direction:row-reverse}
.kwp-btn{position:relative;flex:none;width:48px;height:48px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:var(--kwp-c);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.45);transition:transform .15s,width .25s,height .25s,background .2s,color .2s}
.kwp-btn svg{width:22px;height:22px;transition:width .25s,height .25s}
.kwp-btn:hover{transform:scale(1.08)}
.kwp-btn:disabled{opacity:.65;cursor:wait}
.kwp-btn::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:30px;margin:-15px 0 0 -1.5px;background:#fff;border-radius:2px;transform:rotate(-45deg);box-shadow:0 0 0 2px var(--kwp-c)}
.kwp-btn::before{display:none;content:"\2713";position:absolute;top:-6px;right:-6px;width:22px;height:22px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#16a34a;color:#fff;font-size:12px;font-weight:700;line-height:18px;text-align:center}
.kwp-btn.kwp-on{background:#fff;color:var(--kwp-c);border-color:var(--kwp-c)}
.kwp-btn.kwp-on::after,.kwp-expanded .kwp-btn::after{display:none}
.kwp-btn.kwp-on::before{display:block}
.kwp-expanded .kwp-btn{width:62px;height:62px;background:var(--kwp-c);color:#fff;border-color:#fff;animation:kwp-pulse 2.4s ease-out 1.5s infinite}
.kwp-expanded .kwp-btn svg{width:32px;height:32px}
.kwp-msg{display:none;align-items:center;gap:12px;max-width:min(340px,calc(100vw - 130px));padding:14px 14px 14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,var(--kwp-c),var(--kwp-c2));color:#fff;font-size:17px;font-weight:600;line-height:1.55;direction:rtl;text-align:right;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 1px rgba(183,36,36,.4)}
.kwp-expanded .kwp-msg{display:flex;animation:kwp-in .45s cubic-bezier(.2,.8,.2,1) .8s both}
.kwp-msg:hover{filter:brightness(1.08)}
.kwp-text{flex:1}
.kwp-x{flex:none;align-self:flex-start;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:20px;line-height:26px;text-align:center;cursor:pointer}
.kwp-x:hover{background:rgba(255,255,255,.35)}
.kwp-toast{position:fixed;bottom:150px;left:50%;z-index:99999;max-width:90vw;padding:12px 18px;border-radius:12px;background:var(--kwp-c);color:#fff;font-size:15px;font-weight:600;line-height:1.5;direction:rtl;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.5);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(8px);transition:opacity .2s,transform .2s}
.kwp-toast.kwp-show{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes kwp-in{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes kwp-pulse{0%{box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 0 0 rgba(183,36,36,.65)}70%{box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 0 16px rgba(183,36,36,0)}100%{box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 0 0 rgba(183,36,36,0)}}
@media (max-width:480px){.kwp-wrap{bottom:76px}.kwp-toast{bottom:160px}.kwp-msg{font-size:16px;padding:12px 12px 12px 14px}.kwp-expanded .kwp-btn{width:56px;height:56px}.kwp-expanded .kwp-btn svg{width:28px;height:28px}}
@media (prefers-reduced-motion:reduce){.kwp-expanded .kwp-btn,.kwp-expanded .kwp-msg{animation:none}}
