/* Mobile Contact Bar v1.9 - clean desktop hover */
*{box-sizing:border-box}

/* DESKTOP CONTACT */
.mcbb-desktop-stack{display:none}
@media (min-width:992px){
 .mcbb-desktop-stack{
  position:fixed!important; right:10px!important; top:50%!important; transform:translateY(-50%)!important;
  width:64px!important; display:flex!important; flex-direction:column!important; gap:12px!important;
  z-index:2147483647!important; overflow:visible!important; pointer-events:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
 }
 .mcbb-desktop-stack.left{left:10px!important;right:auto!important}
 .mcbb-desk-item{
  position:relative!important; display:block!important; width:64px!important; height:64px!important;
  flex:0 0 64px!important; margin:0!important; padding:0!important; border:0!important;
  background:transparent!important; overflow:visible!important; pointer-events:auto!important;
  text-decoration:none!important; cursor:pointer!important;
 }
 .mcbb-desk-icon{
  position:absolute!important; z-index:20!important; top:0!important; right:0!important;
  width:64px!important;height:64px!important; border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
  border:3px solid #fff!important; box-shadow:0 5px 16px rgba(0,0,0,.22)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
 }
 .mcbb-desktop-stack.left .mcbb-desk-icon{left:0!important;right:auto!important}
 .mcbb-desk-icon img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important}
 .mcbb-desk-item.hotline .mcbb-desk-icon{background:#16a34a!important}
 .mcbb-desk-item.zalo .mcbb-desk-icon{background:#087dcc!important}
 .mcbb-desk-item.direction .mcbb-desk-icon{background:#1687e8!important}
 .mcbb-desk-label{
  position:absolute!important; z-index:10!important; top:7px!important; right:32px!important;
  width:0!important; height:50px!important; padding:0!important; margin:0!important;
  overflow:hidden!important; opacity:0!important; visibility:hidden!important;
  display:flex!important; flex-direction:column!important; justify-content:center!important;
  white-space:nowrap!important; border-radius:12px 0 0 12px!important;
  background:#16a34a!important; box-shadow:0 6px 18px rgba(0,0,0,.20)!important;
  transform:translateX(14px)!important;
  transition:width .32s cubic-bezier(.22,.61,.36,1),opacity .18s ease,transform .32s cubic-bezier(.22,.61,.36,1),padding .32s ease!important;
 }
 .mcbb-desk-item.zalo .mcbb-desk-label{background:#087dcc!important}
 .mcbb-desk-item.direction .mcbb-desk-label{background:#1687e8!important}
 .mcbb-desk-item:hover .mcbb-desk-label,.mcbb-desk-item:focus-visible .mcbb-desk-label{
  width:190px!important; padding:0 22px 0 30px!important; opacity:1!important; visibility:visible!important; transform:translateX(0)!important;
 }
 .mcbb-desktop-stack.left .mcbb-desk-label{left:32px!important;right:auto!important;border-radius:0 12px 12px 0!important;transform:translateX(-14px)!important}
 .mcbb-desktop-stack.left .mcbb-desk-item:hover .mcbb-desk-label,.mcbb-desktop-stack.left .mcbb-desk-item:focus-visible .mcbb-desk-label{padding:0 30px 0 22px!important;transform:translateX(0)!important}
 .mcbb-desk-label strong{display:block!important;color:#fff!important;font-size:15px!important;line-height:19px!important;font-weight:700!important}
 .mcbb-desk-label small{display:block!important;color:#fff!important;font-size:11px!important;line-height:15px!important;opacity:.96!important}
 .mcbb-desk-item:hover .mcbb-desk-icon,.mcbb-desk-item:focus-visible .mcbb-desk-icon{transform:scale(1.06)!important;box-shadow:0 7px 20px rgba(0,0,0,.28)!important}
 /* ripple */
 .mcbb-desk-item:before{content:""!important;position:absolute!important;z-index:1!important;right:0!important;top:0!important;width:64px!important;height:64px!important;border-radius:50%!important;background:currentColor!important;opacity:0!important;pointer-events:none!important}
 .mcbb-desk-item:hover:before{animation:mcbb19Ripple .85s ease-out 1!important}
 .mcbb-desk-item.hotline{color:#16a34a!important}.mcbb-desk-item.zalo{color:#087dcc!important}.mcbb-desk-item.direction{color:#1687e8!important}
 @keyframes mcbb19Ripple{0%{transform:scale(.85);opacity:.30}100%{transform:scale(1.75);opacity:0}}
 /* subtle idle pulse */
 .mcbb-desk-item:after{content:""!important;position:absolute!important;z-index:0!important;right:0!important;top:0!important;width:64px!important;height:64px!important;border-radius:50%!important;background:currentColor!important;opacity:0!important;pointer-events:none!important;animation:mcbb19Idle 3.2s infinite!important}
 .mcbb-desktop-stack.left .mcbb-desk-item:before,.mcbb-desktop-stack.left .mcbb-desk-item:after{right:auto!important;left:0!important}
 .mcbb-desk-item:nth-child(2):after{animation-delay:1s!important}.mcbb-desk-item:nth-child(3):after{animation-delay:2s!important}
 @keyframes mcbb19Idle{0%,70%,100%{transform:scale(.9);opacity:0}78%{transform:scale(1.22);opacity:.13}}
}

/* MOBILE BAR */
@media(max-width:991px){
 .mcbb-desktop-stack{display:none!important}
 .mcbb-bar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:76px!important;z-index:2147483640!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:end!important;background:#fff!important;border-top:1px solid #e7e7e7!important;box-shadow:0 -3px 14px rgba(0,0,0,.12)!important;padding:0!important}
 .mcbb-bar .mcbb-item{height:72px!important;padding:5px 1px 7px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;background:transparent!important;border:0!important;color:#333!important;text-decoration:none!important;font-size:12px!important;line-height:16px!important;white-space:nowrap!important}
 .mcbb-image-icon{width:42px!important;height:42px!important;border-radius:50%!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
 .mcbb-image-icon img{width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important}
 .mcbb-call{height:76px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;background:transparent!important;text-decoration:none!important}
 .mcbb-call-circle{width:56px!important;height:56px!important;margin:-12px 0 0!important;border:3px solid #fff!important;border-radius:50%!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 12px rgba(0,0,0,.25)!important;background:#087dcc!important}
 .mcbb-call-circle img{width:100%!important;height:100%!important;object-fit:contain!important}
 .mcbb-call-label{width:82px!important;height:27px!important;margin:0!important;padding:4px 6px!important;border-radius:10px!important;background:#008bc4!important;color:#fff!important;font-weight:700!important;text-align:center!important;line-height:19px!important;white-space:nowrap!important}
 body{padding-bottom:76px!important}
}