:root{--chat-purple:#300368;--chat-purplelight:#f2eff5;--chat-purpledark:#1e0043;--chat-pink:#ff5a7d;--chat-pinklight:#ffdee5;--chat-white:#ffffff;--chat-gray:#6f6f6f;--chat-border:rgba(30,0,67,.15);--chat-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);--chat-shadow-buble:1px 2px 5px rgba(0,0,0,.15);--chat-radius:1rem;--chat-w:480px;--chat-h:660px;--chat-z:9000;--chat-button-z:8999;}#chat-trigger{position:fixed;bottom:28px;right:28px;z-index:var(--chat-button-z);width:60px;height:60px;border-radius:50%;color:var(--chat-white);background:var(--chat-purpledark);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--chat-purplelight);animation:bubbleIn .4s cubic-bezier(.34,1.56,.64,1);transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s;outline:none;border:none;}#chat-trigger:hover{background:var(--chat-purple);transform:scale(1.08)}#chat-trigger:active{transform:scale(.95)}#chat-trigger.open{display:none}#chat-trigger svg{width:34px;height:30px;fill:currentColor}#chat-trigger .status-dot{position:absolute;right:2px;top:2px;border:2px solid var(--chat-purpledark);width:.9rem;height:.9rem;}#chat-counter{position:absolute;right:-1px;bottom:-1px;background:var(--chat-pink);border:2px solid var(--chat-purpledark);border-radius:50%;font-size:.75em;width:1.25rem;height:1.25rem;flex-shrink:0;display:none;opacity:0;animation:bubbleIn .4s cubic-bezier(.34,1.56,.64,1);}#chat-badge{position:fixed;bottom:98px;right:28px;width:240px;background:var(--chat-white);border:1px solid var(--chat-border);border-radius:var(--chat-radius);box-shadow:var(--chat-shadow);padding:12px 30px 12px 12px;font-size:.875em;text-align:center;color:var(--chat-purpledark);z-index:var(--chat-button-z);display:none;animation:bubbleIn .4s cubic-bezier(.34,1.56,.64,1);opacity:0;transition:opacity .5s;cursor:pointer;}#chat-badge::after{content:'';position:absolute;bottom:-8px;right:22px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--chat-white);}#chat-badge-close{position:absolute;top:6px;right:6px;width:20px;height:20px;border:none;background:none;color:var(--chat-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}#chat-badge-close:hover{color:var(--chat-pink)}#chat-badge-close svg{width:14px;height:14px;fill:currentColor}@keyframes bubbleIn{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}#chat-widget{position:fixed;bottom:20px;right:20px;z-index:var(--chat-z);width:var(--chat-w);height:var(--chat-h);background:var(--chat-white);border-radius:var(--chat-radius);box-shadow:var(--chat-shadow);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;transform:scale(.92) translateY(12px);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.34,1.4,.64,1),opacity .2s ease;border:1px solid var(--chat-border);max-width:calc(100vw - 40px);max-height:85vh;}#chat-widget.open{transform:scale(1) translateY(0);opacity:1;pointer-events:all;}#chat-header{background:var(--chat-purpledark);padding:16px 18px;display:flex;align-items:center;gap:12px;flex-shrink:0;}.chat-avatar{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}.chat-avatar svg{width:22px;height:22px;fill:var(--chat-white)}.chat-header-info{flex:1;min-width:0}.chat-header-name{font-size:.875em;font-weight:600;color:var(--chat-white);line-height:1.2;}.chat-header-status{font-size:.75em;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:5px;margin-top:2px;}.status-dot{width:7px;height:7px;border-radius:50%;background:#37d264;flex-shrink:0;}.status-dot.thinking{background:#f1c21b;animation:pulse 1s ease-in-out infinite;}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}#chat-clear{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:.2s ease all;}#chat-clear:hover{color:var(--chat-white);background:rgba(255,255,255,.15);}#chat-clear svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}#chat-minimize{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:.2s ease all;}#chat-minimize:hover{color:var(--chat-white);background:rgba(255,255,255,.15);}#chat-minimize svg{width:18px;height:18px;fill:currentColor;}#chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;background:var(--chat-purplelight);}#chat-messages::-webkit-scrollbar{width:4px}#chat-messages::-webkit-scrollbar-thumb{background:var(--chat-border);border-radius:4px}#chat-messages::-webkit-scrollbar-thumb:hover{background:var(--chat-purple)}.msg-row{display:flex;align-items:flex-end;gap:8px;animation:msgIn .2s ease;position:relative;}.msg-row.user{flex-direction:row-reverse;}.msg-row.products{flex-direction:column;gap:1px;}@keyframes msgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:2px;}.msg-icon svg{width:15px;height:15px;fill:var(--chat-purpledark)}.msg-bubble{max-width:80%;padding:10px 14px;border-radius:var(--chat-radius);font-size:.875em;line-height:1.3;word-break:break-word;position:relative;box-shadow:var(--chat-shadow-buble);}.msg-bubble p{margin-bottom:.5rem;}.msg-bubble a:not([class]){color:var(--chat-pink);text-decoration:underline;}.msg-row.bot .msg-bubble{background:var(--chat-white);color:var(--chat-purpledark);border-bottom-left-radius:4px;}.msg-row.user .msg-bubble{background:var(--chat-purple);color:var(--chat-white);border-bottom-right-radius:4px;}.quick-replies{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:8px;}.reply-btn{background:var(--chat-purplelight);border:1px solid var(--chat-border);border-radius:var(--chat-radius);padding:6px 15px;cursor:pointer;transition:.2s ease all;font-size:.9em;color:var(--chat-purpledark);width:100%;}.reply-btn:hover{background:var(--chat-pink);color:var(--chat-white);}.msg-rating{bottom:-10px;position:absolute;left:70%;flex-direction:row;margin:0;}.msg-rating .reply-btn{background:var(--chat-white);border:none;border-radius:50%;color:var(--chat-gray);cursor:pointer;line-height:0;padding:3px;transition:.2s ease all;box-shadow:var(--chat-shadow-buble);}.msg-rating .reply-btn:hover{color:var(--chat-pink);background:var(--chat-white);}.msg-rating svg{stroke:currentcolor;fill:none;height:14px;width:14px;}.typing-indicator{display:flex;gap:4px;padding:8px 0;}.typing-indicator span{width:8px;height:8px;background-color:#999;border-radius:50%;display:inline-block;animation:sk-bounce 1.4s infinite ease-in-out both;}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes sk-bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1.0)}}.msg-bubble.streaming::after{content:'▋';display:inline-block;animation:blink .7s step-end infinite;margin-left:1px;opacity:.7;}@keyframes blink{0%,100%{opacity:.7}50%{opacity:0}}.tool-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--chat-white);border:1px solid var(--chat-border);border-radius:var(--chat-radius);font-size:.75em;color:var(--chat-gray);align-self:flex-start;margin-left:36px;animation:msgIn .2s ease;}.tool-spinner{width:14px;height:14px;border:2px solid var(--chat-border);border-top-color:var(--chat-purpledark);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0;}@keyframes spin{to{transform:rotate(360deg)}}.products-grid{display:flex;flex-wrap:nowrap;gap:8px;padding:8px 5px;align-self:stretch;overflow-x:auto;scrollbar-width:thin;scroll-behavior:smooth;}.products-info{display:flex;align-self:center;font-size:.625em;justify-content:center;}.product-card{background:var(--chat-white);border:1px solid transparent;border-radius:var(--chat-radius);padding:10px;display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--chat-purpledark);transition:.2s ease all;cursor:pointer;max-width:150px;box-shadow:var(--chat-shadow-buble);}.product-card:hover{border-color:var(--chat-purpledark);box-shadow:0 4px 12px rgba(0,0,0,.15);text-decoration:none;color:var(--chat-purpledark);}.product-card:hover .product-card-img img{transform:scale(1.05,1.05);}.product-card-img{width:100px;height:100px;flex-shrink:0;overflow:hidden;}.product-card-img img{width:100%;height:100%;object-fit:contain;transition:.2s ease all;}.product-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;max-width:100%;}.product-card-name{font-size:.8125em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;}.product-card-details{flex:1;display:flex;flex-direction:column;gap:10px;}.product-card-meta{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;}.product-card-meta .tag{background:var(--chat-purplelight);padding:1px 6px;border-radius:var(--chat-radius);font-size:.625em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;box-sizing:border-box;}.product-card-status{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:3px;}.product-card-cart{position:absolute;left:0;bottom:0;}.product-card-cart .cart-btn{padding:5px 11px;border:1.5px solid var(--chat-border);border-radius:var(--chat-radius);background:var(--chat-pinklight);font-size:.75em;color:var(--chat-purpledark);cursor:pointer;transition:.2s ease all;white-space:nowrap;line-height:1;}.product-card-cart .cart-btn:hover{background:var(--chat-pink);color:var(--chat-white);}.product-card-cart .cart-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}.product-card-price{font-size:.875em;font-weight:700;white-space:nowrap;flex-shrink:0;}.product-card-stock{font-size:.625em;font-weight:500;padding:2px 7px;border-radius:var(--chat-radius);flex-shrink:0;}.product-card-stock.in{background:#defbe6;color:#0e6027;}.product-card-stock.out{background:#fff1f1;color:#a2191f;}#chat-input-wrap{padding:12px;border-top:1px solid var(--chat-border);background:var(--chat-white);display:flex;gap:8px;align-items:flex-end;flex-shrink:0;}#chat-input{flex:1;padding:10px 14px;border:1.5px solid var(--chat-border);border-radius:var(--chat-radius);font-size:.875em;color:var(--chat-purpledark);background:var(--chat-white);resize:none;max-height:100px;line-height:1.45;outline:none;transition:.2s ease all;display:block;}#chat-input:focus{border-color:var(--chat-purpledark)}#chat-input::placeholder{color:var(--chat-gray)}#chat-send{width:42px;height:42px;flex-shrink:0;border-radius:var(--chat-radius);background:var(--chat-purpledark);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease all;outline:none;}#chat-send:hover:not(:disabled){background:var(--chat-purple)}#chat-send:active:not(:disabled){transform:scale(.93)}#chat-send:disabled{background:var(--chat-border);cursor:not-allowed}#chat-send svg{width:18px;height:18px;fill:var(--chat-white)}#chat-quick-prompts{padding:0 12px 10px;display:flex;flex-wrap:wrap;gap:6px;background:var(--chat-purplelight);border-top:none;}.quick-btn{padding:5px 11px;border:1.5px solid var(--chat-border);border-radius:var(--chat-radius);background:var(--chat-white);font-size:.75em;color:var(--chat-purpledark);cursor:pointer;transition:.2s ease all;white-space:nowrap;}.quick-btn:hover{border-color:var(--chat-purpledark);background:var(--chat-pinklight);color:var(--chat-purpledark);}@media (max-width:440px){#chat-widget{width:calc(100vw - 16px);height:75vh;right:8px;bottom:8px;max-width:none;max-height:none}#chat-trigger{bottom:20px;right:20px}#chat-badge{bottom:90px;right:20px;max-width:65%}.msg-bubble{max-width:85%}}