/* ── WELCOME POPUP ──────────────────────────────────────────────────────────── */
#stwp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99998;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .35s;pointer-events:none}
#stwp-overlay.stwp-visible{opacity:1;pointer-events:all}
#stwp-modal{background:#fff;border-radius:20px;max-width:520px;width:100%;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.25);transform:translateY(24px) scale(.97);transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative}
#stwp-overlay.stwp-visible #stwp-modal{transform:translateY(0) scale(1)}
.stwp-close{position:absolute;top:12px;right:14px;background:rgba(0,0,0,.15);border:none;color:#fff;font-size:18px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s;line-height:1}
.stwp-close:hover{background:rgba(0,0,0,.35)}
.stwp-header{background:linear-gradient(135deg,#222 0%,#3a1a0a 100%);padding:32px 28px 22px;text-align:center;position:relative}
.stwp-tag{display:inline-block;background:#FF5A5F;color:#fff;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:12px}
.stwp-header h2{font-size:clamp(22px,4vw,28px);font-weight:700;color:#fff;margin:0 0 8px;line-height:1.25}
.stwp-header p{font-size:14px;color:rgba(255,255,255,.75);margin:0}
.stwp-body{padding:24px 28px 28px}
.stwp-perks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.stwp-perk{display:flex;align-items:center;gap:8px;font-size:13px;color:#444;background:#faf9f6;padding:10px 12px;border-radius:8px}
.stwp-perk i{color:#FF5A5F;width:14px;text-align:center;flex-shrink:0}
.stwp-wa-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#25D366;color:#fff;text-decoration:none;padding:17px;border-radius:12px;font-size:17px;font-weight:700;transition:background .2s;margin-bottom:12px}
.stwp-wa-btn:hover{background:#1fba58;color:#fff;text-decoration:none}
.stwp-alt{text-align:center;font-size:13px;color:#999}
.stwp-alt a{color:#FF5A5F;text-decoration:none}
.stwp-alt a:hover{text-decoration:underline}
.stwp-dismiss{display:block;text-align:center;margin-top:10px;font-size:12px;color:#bbb;cursor:pointer;background:none;border:none;width:100%;padding:4px}
.stwp-dismiss:hover{color:#888}
@media(max-width:480px){.stwp-perks{grid-template-columns:1fr}.stwp-header{padding:24px 20px 18px}.stwp-body{padding:18px 20px 22px}}

/* ── STICKY WHATSAPP FAB ────────────────────────────────────────────────────── */
.stwp-fab{position:fixed;bottom:28px;right:24px;z-index:9990;display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}
.stwp-fab-btn{width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.45);animation:stwp-pulse 2.4s infinite}
.stwp-fab-btn svg{width:30px;height:30px;fill:#fff}
.stwp-fab-label{background:#25D366;color:#fff;font-size:13px;font-weight:600;padding:7px 13px;border-radius:20px;box-shadow:0 3px 10px rgba(0,0,0,.18);white-space:nowrap;opacity:0;transform:translateX(10px);transition:opacity .3s,transform .3s;pointer-events:none}
.stwp-fab:hover .stwp-fab-label{opacity:1;transform:translateX(0)}
@keyframes stwp-pulse{0%,100%{box-shadow:0 4px 16px rgba(37,211,102,.45)}50%{box-shadow:0 4px 28px rgba(37,211,102,.75),0 0 0 8px rgba(37,211,102,.12)}}

/* ── SOCIAL PROOF TOAST ─────────────────────────────────────────────────────── */
.stwp-toast{position:fixed;bottom:86px;right:16px;z-index:9980;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.12);padding:8px 10px;display:flex;align-items:center;gap:8px;max-width:210px;min-width:170px;transform:translateX(120%);transition:transform .45s cubic-bezier(.34,1.3,.64,1);pointer-events:none}
.stwp-toast.show{transform:translateX(0)}
.stwp-toast-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#FF5A5F,#FFB400);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.stwp-toast-body{flex:1;overflow:hidden}
.stwp-toast-name{font-size:10.5px;font-weight:700;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stwp-toast-detail{font-size:9.5px;color:#666;margin-top:1px}
.stwp-toast-time{font-size:9px;color:#999;margin-top:2px}
.stwp-toast-badge{position:absolute;top:-5px;left:-5px;background:#25D366;color:#fff;font-size:8px;font-weight:700;padding:2px 5px;border-radius:20px;letter-spacing:.3px}