/* Mobile contact bar; separate compact corner actions on desktop. */
body.uc-contact-dock-active{padding-bottom:calc(9rem + env(safe-area-inset-bottom,0px))}
body.uc-contact-dock-active .site-footer.uc-footer{padding-bottom:32px}
body.uc-contact-dock-active .mobile-purchase-bar{display:none}
body.uc-contact-dock-active #uc-floating-contacts{position:fixed;z-index:90;left:50%;right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);align-items:start;gap:4px;width:min(740px,calc(100% - 32px));max-width:none;box-sizing:border-box;padding:10px 12px 9px;background:#fff;border:1px solid #e2e6e8;border-radius:20px;box-shadow:0 -4px 24px #15202912,0 8px 24px #15202912;overflow:visible}
#uc-floating-contacts .uc-contact-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:86px;gap:7px;margin:0;padding:0 2px;border:0;border-radius:10px;background:transparent;color:#1c2225;text-align:center;text-decoration:none;box-shadow:none;font-family:var(--font,system-ui,sans-serif)}
#uc-floating-contacts .uc-contact-group{display:grid;align-items:start;gap:4px;min-width:0}
#uc-floating-contacts .uc-contact-group-left{grid-template-columns:repeat(2,minmax(0,1fr))}
#uc-floating-contacts .uc-contact-group-right{grid-template-columns:repeat(3,minmax(0,1fr))}
#uc-floating-contacts .uc-messenger-label-short{display:none}
#uc-floating-contacts #uc-messenger-chat .uc-contact-icon{background:linear-gradient(155deg,#08a4ff,#0866ff 55%,#9051ef)}
#uc-floating-contacts .uc-contact-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;color:#fff;background:#22313d;transition:transform .16s ease,filter .16s ease}
#uc-floating-contacts .uc-contact-icon svg{display:block;width:25px;height:25px;flex-shrink:0}
#uc-floating-contacts #uc-dealer-quote .uc-contact-icon{background:#334c62}
#uc-floating-contacts #uc-whatsapp-chat .uc-contact-icon{background:#087f5b}
#uc-floating-contacts #uc-whatsapp-chat svg{width:27px;height:27px}
#uc-floating-contacts #uc-floating-chat .uc-contact-icon{background:#087dd1}
#uc-floating-contacts .uc-zalo-wordmark{font:700 17px/1 Arial,system-ui,sans-serif;letter-spacing:-.04em;color:#fff}
#uc-floating-contacts #uc-dock-buy .uc-contact-icon{background:#20282e}
#uc-floating-contacts .uc-contact-label{display:block;position:static;width:auto;height:auto;max-width:100%;padding:0;margin:0;overflow:visible;overflow-wrap:anywhere;clip:auto;clip-path:none;white-space:normal;border:0;color:#1c2225;font-size:.875rem;font-weight:600;line-height:1.35;letter-spacing:-.015em}
#uc-floating-contacts #uc-call-duyen .uc-contact-icon{width:64px;height:64px;flex-basis:64px;margin-top:-20px;outline:5px solid #fff;background:#f56816;box-shadow:0 5px 16px #d6561830}
#uc-floating-contacts #uc-call-duyen svg{width:32px;height:32px}
#uc-floating-contacts #uc-call-duyen .uc-contact-label{font-weight:700}
#uc-floating-contacts .uc-contact-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
#uc-floating-contacts .uc-contact-item:focus-visible{outline:3px solid #b84200;outline-offset:3px}
@media(hover:hover){#uc-floating-contacts .uc-contact-item:hover{background:#f4f6f7;color:#1c2225}#uc-floating-contacts .uc-contact-item:hover .uc-contact-icon{filter:brightness(.93);transform:translateY(-2px)}}
@media(max-width:600px){body.uc-contact-dock-active{padding-bottom:calc(8rem + env(safe-area-inset-bottom,0px))}body.uc-contact-dock-active #uc-floating-contacts{left:0;right:0;bottom:0;transform:none;width:100%;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:2px;padding:9px max(5px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-left,0px));border:0;border-top:1px solid #e2e6e8;border-radius:0;box-shadow:0 -4px 18px #15202916}#uc-floating-contacts .uc-contact-item{min-height:84px}}
@media(max-width:480px){#uc-floating-contacts .uc-contact-group{gap:0}#uc-floating-contacts .uc-contact-group-right .uc-contact-icon{width:38px;height:38px;flex-basis:38px;margin:3px 0}#uc-floating-contacts .uc-contact-group-right .uc-contact-label{font-size:.75rem}#uc-floating-contacts .uc-messenger-label-full{display:none}#uc-floating-contacts .uc-messenger-label-short{display:inline}}
@media(max-width:400px){#uc-floating-contacts .uc-contact-label{font-size:.8125rem;letter-spacing:-.02em}#uc-floating-contacts #uc-call-duyen .uc-contact-icon{width:58px;height:58px;flex-basis:58px;margin-top:-14px}#uc-floating-contacts .uc-contact-item{min-height:80px}}
@media(prefers-reduced-motion:reduce){#uc-floating-contacts .uc-contact-icon{transition:none}}

@media(min-width:900px){
  body.uc-contact-dock-active{padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}
  body.uc-contact-dock-active #uc-floating-contacts{
    left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));
    transform:none;width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
    grid-template-columns:156px minmax(0,1fr) 156px;grid-template-rows:auto auto;gap:8px;
    align-items:end;pointer-events:none;
  }
  #uc-floating-contacts .uc-contact-group{grid-template-columns:1fr;gap:8px}
  #uc-floating-contacts .uc-contact-group-left{grid-column:1;grid-row:1 / 3;align-self:end}
  #uc-floating-contacts .uc-contact-call{grid-column:3;grid-row:1}
  #uc-floating-contacts .uc-contact-group-right{grid-column:3;grid-row:2}
  #uc-floating-contacts .uc-contact-item{
    box-sizing:border-box;min-height:52px;width:100%;padding:7px 10px;gap:9px;
    flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;
    border:1px solid #e2e6e8;border-radius:14px;background:#fff;
    box-shadow:0 3px 14px #15202914;pointer-events:auto;
  }
  #uc-floating-contacts .uc-contact-label{font-size:.875rem;line-height:1.3;letter-spacing:normal;overflow-wrap:normal}
  #uc-floating-contacts .uc-contact-icon,
  #uc-floating-contacts #uc-call-duyen .uc-contact-icon{
    width:36px;height:36px;flex:0 0 36px;margin:0;outline:0;box-shadow:none;
  }
  #uc-floating-contacts .uc-contact-icon svg,
  #uc-floating-contacts #uc-call-duyen svg,
  #uc-floating-contacts #uc-whatsapp-chat svg{width:22px;height:22px}
  #uc-floating-contacts .uc-zalo-wordmark{font-size:15px}
}

/* Mobile home shortcut. Desktop keeps its two compact corner groups. */
#uc-floating-contacts #uc-dock-home{display:none}
@media(max-width:899px){
  #uc-floating-contacts #uc-dock-home{display:flex}
  #uc-floating-contacts .uc-contact-group-left{grid-template-columns:1fr 1fr 1.2fr}
  #uc-floating-contacts #uc-dock-home .uc-contact-icon{background:#334c62}
}
@media(max-width:600px){
  body.uc-contact-dock-active #uc-floating-contacts{grid-template-columns:minmax(0,1.15fr) 54px minmax(0,1fr)}
  #uc-floating-contacts .uc-contact-group{gap:0}
  #uc-floating-contacts .uc-contact-group .uc-contact-icon{width:36px;height:36px;flex-basis:36px;margin:3px 0}
  #uc-floating-contacts .uc-contact-group .uc-contact-label{font-size:.75rem;line-height:1.35;letter-spacing:-.02em}
  #uc-floating-contacts #uc-whatsapp-chat .uc-contact-label{white-space:nowrap;overflow-wrap:normal}
  #uc-floating-contacts #uc-call-duyen .uc-contact-icon{width:50px;height:50px;flex-basis:50px;margin-top:-8px}
  #uc-floating-contacts #uc-call-duyen .uc-contact-label{font-size:.75rem}
}
@media(max-width:360px){
  body.uc-contact-dock-active #uc-floating-contacts{grid-template-columns:minmax(0,1.15fr) 48px minmax(0,1fr);gap:0;padding-inline:2px}
  #uc-floating-contacts .uc-contact-item{padding-inline:0}
  #uc-floating-contacts #uc-call-duyen .uc-contact-icon{width:46px;height:46px;flex-basis:46px;margin-top:-4px}
}