.zaai-bottom-right{right:24px;bottom:24px}.zaai-bubble{width:60px;height:60px;border-radius:50%;background:var(--zaai-primary);color:#fff;border:none;cursor:pointer;box-shadow:var(--zaai-shadow);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.zaai-bubble:hover{transform:scale(1.08);background:var(--zaai-primary-dark)}.zaai-bubble.zaai-pulse::after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:var(--zaai-primary);opacity:.35;animation:zaai-pulse 2s infinite}.zaai-panel{width:380px;max-width:calc(100vw - 32px);height:580px;max-height:calc(100vh - 100px);background:var(--zaai-bg);border-radius:16px;box-shadow:var(--zaai-shadow);display:flex;flex-direction:column;overflow:hidden;animation:zaai-slide-up .3s ease}.zaai-header{background:var(--zaai-primary);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px}.zaai-avatar{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:700}.zaai-header-info{flex:1;min-width:0}.zaai-header-title{font-weight:600;font-size:15px;margin:0}.zaai-header-subtitle{font-size:12px;opacity:.85;margin:0}.zaai-header-close{background:0 0;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.85}.zaai-header-close:hover{opacity:1}.zaai-messages{flex:1;overflow-y:auto;padding:16px;background:#fafafa;display:flex;flex-direction:column;gap:10px}.zaai-messages::-webkit-scrollbar{width:6px}.zaai-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.zaai-msg{max-width:85%;padding:10px 14px;border-radius:14px;word-wrap:break-word;animation:zaai-fade-in .25s ease}.zaai-msg-user{background:var(--zaai-primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.zaai-msg-bot{background:#fff;color:var(--zaai-text);align-self:flex-start;border-bottom-left-radius:4px;border:1px solid var(--zaai-border)}.zaai-msg p{margin:0 0 6px}.zaai-msg p:last-child{margin:0}.zaai-msg strong{font-weight:600}.zaai-msg a{color:var(--zaai-primary);text-decoration:underline}.zaai-msg-user a{color:#fff}.zaai-products{display:flex;flex-direction:column;gap:8px;margin-top:10px}.zaai-product{display:flex;gap:10px;background:#fff;border:1px solid var(--zaai-border);border-radius:10px;padding:10px;text-decoration:none;color:var(--zaai-text);transition:border-color .15s,box-shadow .15s}.zaai-product:hover{border-color:var(--zaai-primary);box-shadow:0 4px 12px rgba(0,0,0,.06)}.zaai-product-img{width:64px;height:64px;border-radius:8px;background:#f4f4f5;flex-shrink:0;background-size:cover;background-position:center}.zaai-product-info{flex:1;min-width:0}.zaai-product-name{font-weight:600;font-size:13px;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zaai-product-price{color:var(--zaai-primary);font-weight:700;font-size:14px}.zaai-product-stock{font-size:11px;margin-top:2px}.zaai-in-stock{color:#16a34a}.zaai-out-stock{color:#dc2626}.zaai-typing{display:flex;gap:4px;padding:12px 14px;background:#fff;border:1px solid var(--zaai-border);border-radius:14px;border-bottom-left-radius:4px;align-self:flex-start;width:fit-content}.zaai-typing span{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:zaai-typing 1.4s infinite}.zaai-typing span:nth-child(2){animation-delay:.2s}.zaai-typing span:nth-child(3){animation-delay:.4s}.zaai-input-area{padding:10px 12px 12px;background:#fff;border-top:1px solid var(--zaai-border);display:flex;gap:8px;align-items:flex-end}.zaai-input{flex:1;border:1.5px solid var(--zaai-border);border-radius:22px;padding:11px 16px;font-size:14px;resize:none;max-height:100px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;background:#fafafa}.zaai-input:focus{border-color:var(--zaai-primary);background:#fff;box-shadow:0 0 0 3px rgba(184,137,90,.12)}.zaai-send{width:46px;height:46px;border-radius:50%;border:none;background:var(--zaai-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 3px 10px rgba(184,137,90,.35);position:relative}.zaai-send:hover:not(:disabled){background:var(--zaai-primary-dark);transform:scale(1.08);box-shadow:0 4px 14px rgba(184,137,90,.5)}.zaai-send:active:not(:disabled){transform:scale(.95)}.zaai-send:disabled{opacity:.5;cursor:not-allowed}.zaai-send.zaai-has-text{animation:zaai-send-pulse 1.5s infinite}.zaai-footer{padding:6px 12px;text-align:center;font-size:10px;color:var(--zaai-muted);background:#fff;border-top:1px solid var(--zaai-border)}.zaai-footer button{background:0 0;border:none;color:var(--zaai-muted);cursor:pointer;font-size:10px;text-decoration:underline;padding:0 4px}@media (max-width:480px){.zaai-panel{width:calc(100vw - 16px);height:calc(100vh - 80px);max-height:none}.zaai-bottom-left .zaai-panel,.zaai-bottom-right .zaai-panel{margin:auto}}.zaai-widget.zaai-open .zaai-bubble-wrapper,.zaai-widget.zaai-open .zaai-bubble{display:none}.zaai-widget:not(.zaai-open) .zaai-panel{display:none}.zaai-online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:5px;vertical-align:middle;box-shadow:0 0 0 2px rgba(34,197,94,.25);animation:zaai-online-pulse 2s infinite}.zaai-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:2px 2px 8px;animation:zaai-fade-in .3s ease}.zaai-chip{background:#fff;border:1.5px solid var(--zaai-primary);color:var(--zaai-primary);padding:7px 13px;border-radius:18px;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.zaai-chip:hover{background:var(--zaai-primary);color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(184,137,90,.3)}.zaai-action-bar{display:flex;gap:6px;padding:8px 12px;background:#fafafa;border-top:1px solid var(--zaai-border);overflow-x:auto}.zaai-action-bar::-webkit-scrollbar{display:none}.zaai-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;background:#fff;border:1px solid var(--zaai-border);border-radius:16px;color:var(--zaai-text);text-decoration:none;font-size:12px;font-weight:500;white-space:nowrap;transition:all .15s ease}.zaai-action-btn:hover{border-color:var(--zaai-primary);background:var(--zaai-primary);color:#fff}.zaai-action-wa{color:#25d366;border-color:#25d366}.zaai-action-wa:hover{background:#25d366;color:#fff;border-color:#25d366}.zaai-product{background:#fff;border:1px solid var(--zaai-border);border-radius:12px;padding:0;overflow:hidden;transition:all .15s ease}.zaai-product:hover{border-color:var(--zaai-primary);box-shadow:0 6px 16px rgba(0,0,0,.08)}.zaai-product-main{display:flex;gap:10px;padding:10px;text-decoration:none;color:var(--zaai-text)}.zaai-product-ctas{display:flex;gap:1px;background:var(--zaai-border);border-top:1px solid var(--zaai-border)}.zaai-product-cta{flex:1;padding:8px;text-align:center;text-decoration:none;font-size:11.5px;font-weight:600;background:#fff;color:var(--zaai-text);display:flex;align-items:center;justify-content:center;gap:4px;transition:all .12s ease}.zaai-product-cta:hover{background:#f4f4f5}.zaai-cta-primary{background:var(--zaai-primary);color:#fff!important;flex:2}.zaai-cta-primary:hover{background:var(--zaai-primary-dark)}.zaai-cta-wa{color:#25d366;flex:0 0 36px}.zaai-cta-wa:hover{background:#25d366;color:#fff!important}.zaai-cta-phone{color:var(--zaai-primary);flex:0 0 36px}.zaai-cta-phone:hover{background:var(--zaai-primary);color:#fff!important}.zaai-bubble-wrapper{display:flex;align-items:center;gap:10px;flex-direction:row}.zaai-bottom-right .zaai-bubble-wrapper{flex-direction:row-reverse}.zaai-bubble{position:relative;flex-shrink:0}.zaai-bubble-dot{position:absolute;top:6px;right:6px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:zaai-green-pulse 2s infinite}.zaai-bubble-label{position:relative;background:#fff;border-radius:12px;padding:10px 34px 10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-width:200px;display:flex;flex-direction:column;gap:2px;cursor:pointer;animation:zaai-label-in .5s ease .8s both;border:1px solid rgba(0,0,0,.05)}.zaai-bubble-label::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.zaai-bottom-right .zaai-bubble-label::after{right:-6px;border-left:7px solid #fff}.zaai-bottom-left .zaai-bubble-label::after{left:-6px;border-right:7px solid #fff}.zaai-bubble-label-title{font-weight:700;font-size:13px;color:var(--zaai-text);line-height:1.2}.zaai-bubble-label-sub{font-size:11px;color:#22c55e;font-weight:600;line-height:1.2;display:flex;align-items:center;gap:4px}.zaai-bubble-label-sub::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e}.zaai-bubble-label-close{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;background:#f4f4f5;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;color:#6b7280;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s}.zaai-bubble-label-close:hover{background:#e5e7eb;color:#000}.zaai-label-hidden .zaai-bubble-label{display:none}.zaai-open .zaai-bubble-wrapper{display:none}@media (max-width:480px){.zaai-bubble-label{max-width:160px;padding:8px 28px 8px 12px}.zaai-bubble-label-title{font-size:12px}.zaai-bubble-label-sub{font-size:10px}}.zaai-msg-error{background:#fef2f2!important;border:1px solid #fecaca!important;color:#991b1b!important}.zaai-msg-error strong{color:#7f1d1d}.zaai-cart-success{background:linear-gradient(135deg,#ecfdf5,#fff);border:1px solid #a7f3d0;border-radius:10px;padding:12px 14px;margin-top:8px;font-size:13px;color:#065f46;display:flex;align-items:center;gap:10px}.zaai-cart-success::before{content:"✓";width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.zaai-cart-btn{margin-left:auto;padding:6px 12px;background:#10b981;color:#fff;text-decoration:none;border-radius:6px;font-size:12px;font-weight:600}.zaai-cart-btn:hover{background:#059669;color:#fff}