.hvd-contact-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;backdrop-filter:blur(2px);opacity:0;transition:opacity 0.3s ease}.hvd-contact-overlay.active{display:block;opacity:1}@media only screen and (max-width:768px){.hvd-contact-wrapper{position:fixed!important;bottom:0;left:0;right:0;display:flex;justify-content:space-between!important;background:#f6f6f6;box-sizing:border-box;z-index:9999999}.hvd-contact-wrapper>div{flex:1;padding:0.5rem;box-shadow:rgba(0,0,0,0.16) 0px 1px 4px;min-width:19%;text-align:center;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hvd-contact-wrapper>div a{display:flex;align-items:center;justify-content:center;position:relative}.hvd-contact-wrapper .item-contact>a>span>img{width:30px;height:30px;position:relative;z-index:2}.hvd-contact-wrapper>div.hide-on-mobile{display:none}.hvd-contact-wrapper.mobile-effects .item-contact a{position:relative;width:100%;height:100%}.hvd-contact-wrapper.mobile-effects .cmoz-alo-circle,.hvd-contact-wrapper.mobile-effects .cmoz-alo-circle-fill{position:absolute;border-radius:50%;top:50%;left:50%}.hvd-contact-wrapper.mobile-effects .cmoz-alo-circle{width:50px;height:50px;border:2px solid #ffffff;opacity:0.5;z-index:0;transform:translate(-50%,-50%)}.hvd-contact-wrapper.mobile-effects .cmoz-alo-circle-fill{width:50px;height:50px;background-color:rgba(17,130,252,0.45);opacity:0.75;z-index:1;transform:translate(-50%,-50%)}.hvd-contact-wrapper.mobile-effects .hieu-ung{animation-duration:1s;animation-fill-mode:both}.hvd-contact-wrapper.mobile-effects .hieu-ung.infinite{animation-iteration-count:infinite}.hvd-contact-wrapper.mobile-effects .hieu-ung-zoom-in{animation-name:hieuung_Zoom_in_mobile}@keyframes hieuung_Zoom_in_mobile{from{opacity:0;transform:translate(-50%,-50%) scale3d(0.3,0.3,0.3)}50%{opacity:1}to{transform:translate(-50%,-50%) scale3d(1,1,1)}}.hvd-contact-wrapper.mobile-effects .pulse_zalo{animation-name:pulse_zalo_mobile}@keyframes pulse_zalo_mobile{from,to{transform:translate(-50%,-50%) scale3d(1,1,1)}50%{transform:translate(-50%,-50%) scale3d(1.05,1.05,1.05)}}.phone-chinh-container{background:#C43B3B}.phone-phu-container{background:#00b894}.zalo-container{background:#43A0F5}.whatsapp-container{background:#25D366}.messenger-container{background:#4969FF}.telegram-container{background:#0088cc}.wechat-container{background:#09B83E}.kakaotalk-container{background:#FEE500}.viber-container{background:#7360F2}.google_map-container{background:#F3B603}.qr-code-container{background:#333333}.custom-contact-container{background:#e1306c}.hvd-contact-wrapper>div{order:1}.hvd-contact-wrapper>div.mobile-pos-first{order:-5}.hvd-contact-wrapper>div.mobile-pos-first.priority{order:-10}.hvd-contact-wrapper>div.mobile-pos-last{order:10}.hvd-contact-wrapper>div.mobile-pos-last.priority{order:20}.hvd-contact-wrapper .item-contact a{z-index:10005!important;position:relative}.custom-contact-popup{display:none;position:fixed;bottom:60px;left:0;right:0;background:#fff;margin:0 10px;z-index:10000;max-height:unset;overflow:visible!important;transform:translateY(20px);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease}.custom-contact-popup.open{transform:translateY(0);opacity:1;display:flex!important}.custom-contact-popup-header{position:sticky;top:0;background:#fff;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.custom-contact-popup-header strong{font-size:16px;color:#333}.close-popup{display:none!important}.custom-contact-popup-content{padding:15px;max-height:60vh;overflow-y:auto}.qr-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.qr-item{text-align:center;width:calc(50% - 10px)}.qr-item img{max-width:100%;height:auto;border:1px solid #eee;padding:5px;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.qr-item p{margin-top:5px;margin-bottom:0;font-size:13px;color:#333}.custom-contact-popup{display:none;position:fixed;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:80vh!important;margin:0!important;border-radius:20px 20px 0 0!important;max-height:80vh!important;flex-direction:column;z-index:10000;animation:slideUp 0.3s ease-out}.custom-contact-popup.open{display:flex!important}.custom-contact-popup .custom-contact-popup-header{display:none}.custom-contact-popup .custom-contact-popup-content{flex:1;overflow-y:auto;padding:20px;padding-bottom:80px}.custom-contact-popup .custom-contact-popup-footer{display:none!important}.btn-close-qr{display:none!important}.item-contact.active a{position:relative}.item-contact.active a img{opacity:0}.item-contact.active a::before,.item-contact.active a::after{content:'';position:absolute;top:50%;left:50%;width:22px;height:2px;background-color:#fff;z-index:10006!important;transition:all 0.3s ease}.item-contact.active a::before{transform:translate(-50%,-50%) rotate(45deg)}.item-contact.active a::after{transform:translate(-50%,-50%) rotate(-45deg)}.item-contact.active.qr-code-container a::before,.item-contact.active.qr-code-container a::after{background-color:#333}.qr-code-middle{flex:1.5!important;min-width:25%!important}.qr-code-middle a{transform:translateY(-10px)}.qr-code-middle a span{width:60px!important;height:60px!important;background:#333!important;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(0,0,0,0.3)}.qr-code-middle>a>span>img{width:32px!important;height:32px!important}.qr-code-middle .cmoz-alo-circle{width:75px!important;height:75px!important}.qr-code-middle .cmoz-alo-circle-fill{width:75px!important;height:75px!important}[data-bs-theme="dark"] .hvd-contact-wrapper{background:#212529}[data-bs-theme="dark"] .custom-contact-popup{background:#2b3035;color:#fff}[data-bs-theme="dark"] .custom-contact-popup-header{background:#343a40;border-bottom-color:#495057}[data-bs-theme="dark"] .close-popup{background:#495057;color:#fff}[data-bs-theme="dark"] .qr-item p{color:#adb5bd}[data-bs-theme="dark"] .btn-close-qr{background:#f8f9fa;color:#212529}[data-bs-theme="dark"] .qr-item img{border-color:#495057;background:#fff}}
