:root{--primary-color: #FF69B4;--gradient-hot: linear-gradient(45deg, #FF69B4, #FF1493);--text-color: #333;--bg-light: #FFF0F5}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:Arial,sans-serif}.chat-toggle{background:var(--gradient-hot);color:#fff;border:none;border-radius:25px;padding:12px 24px;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #ff69b44d;transition:transform .3s ease}.chat-toggle:hover{transform:translateY(-2px)}.chat-container{display:none;position:absolute;bottom:70px;right:0;width:320px;height:450px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;overflow:hidden}.chat-container.active{display:flex;flex-direction:column}.chat-header{background:var(--gradient-hot);padding:15px;color:#fff;display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid white}.header-info{flex:1}.header-info h3{margin:0;font-size:1.1rem}.status{font-size:.8rem;opacity:.9}.close-chat{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:5px}.chat-messages{flex:1;padding:15px;overflow-y:auto;background:var(--bg-light)}.message{margin-bottom:10px;max-width:80%}.message.user{margin-left:auto;background:var(--gradient-hot);color:#fff;padding:10px 15px;border-radius:15px 15px 0}.message.bot{margin-right:auto;background:#fff;color:var(--text-color);padding:10px 15px;border-radius:15px 15px 15px 0;box-shadow:0 2px 5px #0000001a}.chat-input{padding:15px;display:flex;gap:10px;background:#fff;border-top:1px solid rgba(0,0,0,.1)}.chat-input input{flex:1;padding:10px;border:1px solid rgba(0,0,0,.1);border-radius:20px;outline:none}.chat-input input:focus{border-color:var(--primary-color)}.send-message{background:var(--gradient-hot);color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:transform .2s ease}.send-message:hover{transform:scale(1.1)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/trendqueen.css.map */