.skip-to-content{position:absolute;left:-9999px;z-index:9999;padding:1rem;background:var(--color-primary);color:#fff;text-decoration:none}.skip-to-content:focus{left:50%;transform:translate(-50%);top:1rem}#ai-chat-widget{position:fixed;bottom:20px;right:20px;z-index:999999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.chat-toggle:hover{transform:scale(1.1)}.chat-toggle svg{width:30px;height:30px;fill:#fff}.chat-container{position:absolute;bottom:80px;right:0;width:360px;height:500px;max-width:90vw;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .3s ease}.chat-container.active{opacity:1;transform:translateY(0);pointer-events:auto}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:16px;font-weight:700}.status{display:flex;align-items:center;font-size:14px}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;margin-right:6px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.close-btn svg{width:20px;height:20px}.chat-messages{flex:1;overflow-y:auto;padding:16px;background:#f9fafb}.message{display:flex;align-items:flex-start;margin-bottom:12px}.message.user{flex-direction:row-reverse}.message-content{max-width:70%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5}.message.bot .message-content{background:#fff;color:#333;box-shadow:0 1px 2px #0000000d}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.avatar{width:28px;height:28px;border-radius:50%;margin:0 8px;flex-shrink:0}.bot-avatar{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.bot-avatar svg{width:16px;height:16px;fill:#fff}.chat-input{padding:16px;border-top:1px solid #e5e7eb;background:#fff;border-radius:0 0 16px 16px}.input-wrapper{display:flex;align-items:center;background:#f3f4f6;border-radius:8px;padding:8px 12px}.chat-input input{flex:1;border:none;background:none;outline:none;font-size:14px;padding:4px}.send-btn{background:none;border:none;cursor:pointer;color:#667eea;transition:color .2s}.send-btn:hover{color:#764ba2}.send-btn svg{width:20px;height:20px}.typing-indicator{display:flex;align-items:center;padding:12px 16px}.typing-dot{width:8px;height:8px;border-radius:50%;background:#667eea;margin:0 2px;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.2}30%{opacity:1}}.end-chat{position:absolute;bottom:60px;right:16px;background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;opacity:0;transition:opacity .3s}.chat-container:hover .end-chat{opacity:.8}.end-chat:hover{opacity:1!important}@media (max-width: 480px){.chat-container{width:100vw;height:100vh;border-radius:0;bottom:0;right:0}.chat-header{border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/chatbot.css.map */