.hotline-widget{position:fixed;bottom:30px;right:30px;z-index:9999;user-select:none}.hotline-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f4a533d1 0%,#ff7f00 100%);border:none;cursor:grab;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 25px rgba(139,90,60,0.4);transition:all 0.3s ease}.hotline-btn:hover{transform:scale(1.1);box-shadow:0 12px 35px rgba(139,90,60,0.5)}.hotline-btn:active{cursor:grabbing}.hotline-btn i{color:white;font-size:24px;z-index:2;transition:transform 0.3s ease}.hotline-btn.active i{transform:rotate(135deg)}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#f4a533d1 0%,#ff7f00 100%);animation:pulse 2s ease-out infinite}.pulse-ring.delay{animation-delay:0.5s}@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.8);opacity:0}}.hotline-btn.active .pulse-ring{display:none}.hotline-popup{position:absolute;bottom:75px;right:0;width:320px;background:linear-gradient(135deg,#ffffff 0%,#f8f5f0 100%);border-radius:20px;box-shadow:0 20px 60px rgba(139,90,60,0.25);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.9);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(139,90,60,0.1)}.hotline-popup.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.popup-header{display:flex;align-items:center;gap:12px;padding:18px;background:linear-gradient(135deg,#191818 100%,#f8f5f0 0%);color:white}.popup-avatar{width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.popup-avatar i{font-size:24px}.popup-info{flex:1}.popup-info h4{font-size:16px;margin-bottom:4px}.status-online{font-size:12px;display:flex;align-items:center;gap:6px;opacity:0.9}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.5}}.popup-close{width:32px;height:32px;background:rgba(255,255,255,0.2);border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s}.popup-close:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg)}.popup-body{padding:20px}.popup-body p{color:#5d3a1a;margin-bottom:15px;font-size:14px}.hotline-options{display:flex;flex-direction:column;gap:10px}.hotline-item{display:flex;align-items:center;gap:15px;padding:14px 16px;border-radius:12px;text-decoration:none;transition:all 0.3s ease}.hotline-item i{font-size:22px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px}.hotline-item div{display:flex;flex-direction:column}.hotline-item span{font-size:12px;opacity:0.8}.hotline-item strong{font-size:15px}.hotline-phone{background:linear-gradient(135deg,#f4a533d1 0%,#ff7f00 100%);color:#090909}.hotline-phone i{background:linear-gradient(135deg,#f4a533d1 0%,#ff7f00 100%);color:white}.hotline-phone:hover{transform:translateX(5px);box-shadow:0 5px 20px rgba(220,38,38,0.3)}.hotline-zalo{background:linear-gradient(135deg,#f4a533d1 0%,#ff7f00 100%);color:#090909}.hotline-zalo i{background:linear-gradient(135deg,#f4a533d1 0%,#ff7f00 100%);color:white}.hotline-zalo:hover{transform:translateX(5px);box-shadow:0 5px 20px rgba(37,99,235,0.3)}.popup-footer{padding:10px;text-align:center;background:rgba(139,90,60,0.05);border-top:1px solid rgba(139,90,60,0.1)}.popup-footer small{color:#8b5a3c;font-size:11px}.popup-footer i{margin-right:5px}.hotline-widget.dragging{cursor:grabbing !important}.hotline-widget.dragging .hotline-btn{cursor:grabbing !important;transform:scale(1.15);box-shadow:0 15px 45px rgba(139,90,60,0.5)}@media (max-width:480px){.hotline-widget{bottom:20px;right:20px}.hotline-popup{width:290px;right:-10px}.hotline-btn{width:55px;height:55px}.hotline-btn i{font-size:22px}}