.wspa,.wspa *{box-sizing:border-box}.wspa{--wspa-c:#0f766e;--wspa-c2:#115e59;--wspa-ink:#0f172a;--wspa-sub:#64748b;--wspa-line:#e8edf3;--wspa-bg:#f6f8fb;--wspa-radius:22px;position:fixed;bottom:22px;right:22px;z-index:2147483000;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;color:var(--wspa-ink);-webkit-font-smoothing:antialiased}.wspa.is-left{right:auto;left:22px}.wspa-launch{position:relative;width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;padding:0;background:radial-gradient(120% 120% at 30% 20%,color-mix(in srgb,var(--wspa-c) 70%,#fff) 0%,var(--wspa-c) 45%,var(--wspa-c2) 100%);box-shadow:0 12px 28px -6px color-mix(in srgb,var(--wspa-c) 55%,transparent),0 4px 10px rgb(15 23 42 / .18),inset 0 1px 0 rgb(255 255 255 / .35);color:#fff;display:grid;place-items:center;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.wspa-launch:hover{transform:translateY(-2px) scale(1.04)}.wspa-launch:focus-visible{outline:3px solid color-mix(in srgb,var(--wspa-c) 40%,#fff);outline-offset:3px}.wspa-launch svg{width:28px;height:28px;transition:transform .3s ease,opacity .2s ease}.wspa-launch .wspa-i-close{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6)}.wspa.is-open .wspa-launch .wspa-i-chat{opacity:0;transform:rotate(90deg) scale(.6)}.wspa.is-open .wspa-launch .wspa-i-close{opacity:1;transform:none}.wspa-launch::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wspa-c);animation:wspa-ring 2.6s ease-out infinite;pointer-events:none}.wspa.is-open .wspa-launch::after,.wspa.is-seen .wspa-launch::after{animation:none;opacity:0}@keyframes wspa-ring{0%{transform:scale(1);opacity:.55}80%,100%{transform:scale(1.55);opacity:0}}.wspa-dot{position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2.5px solid #fff}.wspa.is-open .wspa-dot{display:none}.wspa-teaser{position:absolute;bottom:74px;right:0;max-width:240px;white-space:nowrap;background:#fff;color:var(--wspa-ink);padding:10px 34px 10px 14px;border-radius:16px 16px 4px 16px;box-shadow:0 14px 34px -10px rgb(15 23 42 / .35),0 0 0 1px rgb(15 23 42 / .05);font-weight:600;font-size:13.5px;cursor:pointer;opacity:0;transform:translateY(8px) scale(.96);transform-origin:bottom right;pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.wspa.is-left .wspa-teaser{right:auto;left:0;border-radius:16px 16px 16px 4px;transform-origin:bottom left}.wspa.show-teaser .wspa-teaser{opacity:1;transform:none;pointer-events:auto}.wspa-teaser button{position:absolute;top:6px;right:8px;border:0;background:none;color:#94a3b8;cursor:pointer;font-size:15px;line-height:1;padding:2px}.wspa-panel{position:absolute;bottom:78px;right:0;width:392px;height:min(640px, calc(100vh - 120px));background:var(--wspa-bg);border-radius:var(--wspa-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px -20px rgb(15 23 42 / .45),0 0 0 1px rgb(15 23 42 / .06);opacity:0;transform:translateY(16px) scale(.97);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}.wspa.is-left .wspa-panel{right:auto;left:0;transform-origin:bottom left}.wspa.is-open .wspa-panel{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}.wspa-head{position:relative;padding:18px 16px 16px;color:#fff;flex:none;background:linear-gradient(135deg,var(--wspa-c) 0%,var(--wspa-c2) 100%)}.wspa-head::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(80% 120% at 100% 0%,rgb(255 255 255 / .22),transparent 60%),radial-gradient(60% 90% at 0% 100%,rgb(0 0 0 / .18),transparent 70%)}.wspa-head-row{position:relative;display:flex;align-items:center;gap:12px}.wspa-avatar{position:relative;width:44px;height:44px;border-radius:14px;flex:none;background:rgb(255 255 255 / .18);display:grid;place-items:center;font-weight:800;font-size:18px;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .28);overflow:visible}.wspa-avatar img{width:100%;height:100%;object-fit:cover;border-radius:14px}.wspa-avatar::after{content:"";position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:#4ade80;border:2.5px solid var(--wspa-c2)}.wspa-who{min-width:0;flex:1}.wspa-who strong{display:block;font-size:15.5px;font-weight:700;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wspa-who span{font-size:12px;opacity:.85;display:inline-flex;align-items:center;gap:6px}.wspa-who span::before{content:"";width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgb(74 222 128 / .25)}.wspa-icon-btn{width:34px;height:34px;border-radius:10px;border:0;cursor:pointer;flex:none;background:rgb(255 255 255 / .14);color:#fff;display:grid;place-items:center;transition:background .15s ease}.wspa-icon-btn:hover{background:rgb(255 255 255 / .26)}.wspa-icon-btn svg{width:17px;height:17px}.wspa-wa{position:relative;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 12px;border-radius:12px;text-decoration:none!important;background:rgb(255 255 255 / .96);color:#128c4a!important;font-weight:700;font-size:13px;box-shadow:0 6px 16px -8px rgb(0 0 0 / .35);transition:transform .15s ease,box-shadow .15s ease}.wspa-wa:hover{transform:translateY(-1px);box-shadow:0 10px 20px -10px rgb(0 0 0 / .45)}.wspa-wa svg{width:18px;height:18px}.wspa-body{flex:1;overflow-y:auto;padding:18px 14px 8px;scroll-behavior:smooth;overscroll-behavior:contain}.wspa-body::-webkit-scrollbar{width:6px}.wspa-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.wspa-day{text-align:center;font-size:11px;color:#94a3b8;margin:0 0 14px;letter-spacing:.3px}.wspa-msg{display:flex;gap:8px;margin:0 0 12px;animation:wspa-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes wspa-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wspa-msg.is-user{justify-content:flex-end}.wspa-mini{width:28px;height:28px;border-radius:9px;flex:none;align-self:flex-end;background:var(--wspa-c);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;overflow:hidden}.wspa-mini img{width:100%;height:100%;object-fit:cover}.wspa-col{max-width:82%;min-width:0}.wspa-bubble{padding:10px 13px;border-radius:16px;word-wrap:break-word;overflow-wrap:anywhere;background:#fff;box-shadow:0 1px 2px rgb(15 23 42 / .06),0 0 0 1px rgb(15 23 42 / .04);border-bottom-left-radius:6px}.wspa-msg.is-user .wspa-bubble{background:linear-gradient(135deg,var(--wspa-c),var(--wspa-c2));color:#fff;box-shadow:0 6px 14px -8px color-mix(in srgb,var(--wspa-c) 70%,transparent);border-bottom-left-radius:16px;border-bottom-right-radius:6px}.wspa-bubble p{margin:0 0 8px}.wspa-bubble p:last-child{margin:0}.wspa-bubble ul,.wspa-bubble ol{margin:4px 0 8px;padding-left:18px}.wspa-bubble li{margin:2px 0}.wspa-bubble a{color:var(--wspa-c);font-weight:600;text-decoration:underline;text-underline-offset:2px}.wspa-msg.is-user .wspa-bubble a{color:#fff}.wspa-bubble strong{font-weight:700}.wspa-time{font-size:10.5px;color:#94a3b8;margin:4px 4px 0}.wspa-msg.is-user .wspa-time{text-align:right}.wspa-bubble.is-error{background:#fff1f2;color:#9f1239;box-shadow:0 0 0 1px #fecdd3}.wspa-typing{display:inline-flex;gap:4px;padding:13px 14px}.wspa-typing i{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:wspa-dot 1.2s infinite ease-in-out}.wspa-typing i:nth-child(2){animation-delay:.15s}.wspa-typing i:nth-child(3){animation-delay:.3s}@keyframes wspa-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.wspa-cards{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;margin-top:8px;scroll-snap-type:x mandatory}.wspa-cards::-webkit-scrollbar{height:5px}.wspa-cards::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.wspa-card{flex:0 0 168px;scroll-snap-align:start;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgb(15 23 42 / .06),0 0 0 1px rgb(15 23 42 / .05);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.wspa-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgb(15 23 42 / .3),0 0 0 1px rgb(15 23 42 / .05)}.wspa-card-img{position:relative;display:block;aspect-ratio:1 / 1;background:#f1f5f9}.wspa-card-img img{width:100%;height:100%;object-fit:cover;display:block}.wspa-badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;letter-spacing:.3px;padding:2px 7px;border-radius:99px;background:#fff;color:#0f172a;box-shadow:0 2px 6px rgb(0 0 0 / .12)}.wspa-badge.is-sale{background:#e11d48;color:#fff}.wspa-badge.is-rx{left:auto;right:8px;background:#1e40af;color:#fff}.wspa-card-body{padding:9px 11px 11px;display:flex;flex-direction:column;gap:6px;flex:1}.wspa-card-name{font-size:12.5px;font-weight:600;line-height:1.35;color:var(--wspa-ink)!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.wspa-card-price{font-weight:800;font-size:14px;color:var(--wspa-ink)}.wspa-card-price del{color:#94a3b8;font-weight:500;font-size:11.5px;margin-left:4px}.wspa-card-btn{margin-top:auto;display:block;text-align:center;padding:7px 8px;border-radius:10px;font-size:12px;font-weight:700;background:var(--wspa-c);color:#fff!important;text-decoration:none!important;transition:filter .15s ease}.wspa-card-btn:hover{filter:brightness(1.08)}.wspa-card-btn.is-ghost{background:color-mix(in srgb,var(--wspa-c) 10%,#fff);color:var(--wspa-c)!important}.wspa-card-btn.is-off{background:#e2e8f0;color:#64748b!important;pointer-events:none}.wspa-order{margin-top:8px;border-radius:16px;padding:14px;color:#064e3b;background:linear-gradient(135deg,#ecfdf5,#d1fae5);box-shadow:0 0 0 1px #a7f3d0}.wspa-order b{display:flex;align-items:center;gap:8px;font-size:14px}.wspa-order b::before{content:"✓";width:22px;height:22px;border-radius:50%;background:#10b981;color:#fff;display:grid;place-items:center;font-size:12px}.wspa-order ul{margin:8px 0 6px;padding-left:18px;font-size:12.5px}.wspa-order span{font-size:12.5px;font-weight:700}.wspa-handoff{margin-top:8px;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #bbf7d0,0 6px 16px -10px rgb(22 163 74 / .5);text-decoration:none!important;color:var(--wspa-ink)!important;transition:transform .15s ease}.wspa-handoff:hover{transform:translateY(-1px)}.wspa-handoff i{width:36px;height:36px;border-radius:11px;background:#25d366;display:grid;place-items:center;flex:none}.wspa-handoff i svg{width:20px;height:20px;color:#fff}.wspa-handoff b{display:block;font-size:13px}.wspa-handoff small{color:var(--wspa-sub);font-size:11.5px}.wspa-chips{display:flex;flex-wrap:wrap;gap:7px;padding:2px 14px 10px 50px}.wspa-chip{border:1px solid color-mix(in srgb,var(--wspa-c) 35%,#fff);background:#fff;color:var(--wspa-c);padding:6px 12px;border-radius:99px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.wspa-chip:hover{background:var(--wspa-c);color:#fff;transform:translateY(-1px)}.wspa-foot{flex:none;padding:10px 12px 8px;background:#fff;border-top:1px solid var(--wspa-line)}.wspa-compose{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;border-radius:16px;background:var(--wspa-bg);box-shadow:inset 0 0 0 1px var(--wspa-line);transition:box-shadow .15s ease,background .15s ease}.wspa-compose:focus-within{background:#fff;box-shadow:inset 0 0 0 1.5px var(--wspa-c),0 0 0 4px color-mix(in srgb,var(--wspa-c) 12%,transparent)}.wspa-input{flex:1;border:0!important;outline:0!important;background:transparent!important;resize:none;box-shadow:none!important;font:inherit;font-size:14px;color:var(--wspa-ink);max-height:110px;min-height:22px;padding:7px 0!important;margin:0!important;line-height:1.45}.wspa-send{width:38px;height:38px;border-radius:12px;border:0;cursor:pointer;flex:none;display:grid;place-items:center;background:var(--wspa-c);color:#fff;transition:transform .15s ease,opacity .15s ease}.wspa-send:disabled{opacity:.35;cursor:default}.wspa-send:not(:disabled):hover{transform:scale(1.05)}.wspa-send svg{width:18px;height:18px}.wspa-brand{text-align:center;font-size:10.5px;color:#94a3b8;margin-top:7px;letter-spacing:.2px}.wspa-brand b{color:#64748b;font-weight:700}@media (max-width:520px){.wspa{bottom:16px;right:16px}.wspa.is-left{left:16px}.wspa-panel{position:fixed;inset:0;width:100%;height:100%;border-radius:0;bottom:0}.wspa.is-open .wspa-launch{display:none}.wspa-head{padding-top:max(18px, env(safe-area-inset-top))}.wspa-foot{padding-bottom:max(8px, env(safe-area-inset-bottom))}.wspa-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.wspa *,.wspa *::after{animation:none!important;transition:none!important}}