#skincare-chat-invitation{position:fixed;bottom:20px;right:20px;z-index:9999;background:#fff;padding:16px 20px;border-radius:16px;box-shadow:0 10px 25px #00000026;border:1px solid #e5e7eb;max-width:320px;animation:chatBounce 2s infinite;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.invitation-close{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#e5e7eb;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#374151;transition:all .2s ease;z-index:10000}.invitation-close:hover{background:#e5e7eb;color:#374151}#skincare-chat-invitation.hidden{display:none}.invitation-main-text{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding-right:24px}.invitation-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;flex-shrink:0}.invitation-question{font-size:14px;color:#6b7280;font-weight:400;margin:0;line-height:1.2}.invitation-cta{font-size:14px;color:#10b981;font-weight:600;margin:0;line-height:1.2}.invitation-subtitle{font-size:12px;color:#9ca3af;font-style:italic;margin-left:16px;line-height:1.2}#chatbot-floating-invitation{position:fixed;bottom:20px;right:20px;z-index:9999;width:60px;height:60px;background:#10b981;border-radius:50%;box-shadow:0 4px 12px #10b98166;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:bounce 2s infinite}#chatbot-floating-invitation:hover{transform:scale(1.1)}#chatbot-floating-invitation .chat-icon{width:24px;height:24px;fill:#fff}@keyframes chatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}#chat-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10001;display:none;align-items:flex-end;justify-content:flex-end;padding:20px;box-sizing:border-box}.chat-modal-content{background:#fff;width:400px;height:500px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;position:relative;max-width:90vw;max-height:80vh;margin-bottom:90px;margin-right:10px}.chat-header{background:linear-gradient(135deg,#a1d8a1,#7cc77c);padding:15px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:1.1em}.chat-close{background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.chat-close:hover{background:#fff3}.chat-messages{flex:1;padding:20px;overflow-y:auto;background:#f9f9f9}.message{margin-bottom:15px;display:flex;align-items:flex-start}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-content{max-width:80%;padding:10px 15px;border-radius:18px;font-size:14px;line-height:1.4}.message.user .message-content{background:#007bff;color:#fff;border-bottom-right-radius:4px}.message.bot .message-content{background:#fff;color:#333;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.chat-input-container{padding:15px 20px;background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:10px}.chat-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:20px;outline:none;font-size:14px}.chat-input:focus{border-color:#a1d8a1}.chat-send{background:#a1d8a1;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:14px;transition:background .3s ease}.chat-send:hover{background:#7cc77c}.typing-indicator .message-content{background:#fff!important;border:1px solid #e0e0e0!important}.typing-dots{animation:typing 1.5s infinite;font-size:16px;color:#999}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/chatbot.css.map */