.contact-dock{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:25;display:flex;flex-direction:column;gap:10px;align-items:center}
.contact-dock-button{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;text-decoration:none;box-shadow:0 3px 12px #082e2a26;transition:background 180ms,border-color 180ms}
.contact-dock-phone{background:#123b36;color:#e4c18a;border:1px solid #d4b57c}
.contact-dock-phone>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-dock-zalo{background:#fff;color:#075fcb;border:1px solid #dce6ee}
.contact-zalo-mark{font:600 13px/1 var(--sans);letter-spacing:-.06em}
.contact-dock-label{position:absolute;right:calc(100% + 10px);white-space:nowrap;background:#123b36;color:#fff8eb;padding:7px 11px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:opacity 180ms}
.contact-dock-button:focus-visible{outline:3px solid #ad7e3e;outline-offset:4px}
.contact-dock-button:focus-visible .contact-dock-label{opacity:1}
body.motion-dialog-open .contact-dock,body.lead-popup-open .contact-dock{visibility:hidden}
@media(hover:hover) and (pointer:fine){.contact-dock-button:hover .contact-dock-label{opacity:1}.contact-dock-phone:hover{background:#24534a}.contact-dock-zalo:hover{background:#eef5ff}}
@media(max-width:767px){.contact-dock{right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));gap:8px}.contact-dock-button{width:44px;height:44px}.contact-dock-label{display:none}}