#htx-fc{--htx-green:#075e3d;--htx-gold:#f8c34a;--htx-orange:#d97732;--htx-orange-aa:#b45b20;--htx-brick:#b84a32;--htx-brick-active:#943b28;--htx-cream:#f8f5ed;--htx-white:#ffffff;--htx-zalo-hover:#efe8d8;--htx-divider:#e4e1d9;--htx-muted:#52685c;--htx-lift:0px;position:fixed;right:20px;bottom:calc(24px + var(--htx-lift));z-index:900;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:#17382b;max-width:calc(100vw - 32px);isolation:isolate;text-align:left}
#htx-fc,#htx-fc *{box-sizing:border-box}
#htx-fc [hidden]{display:none!important}
#htx-fc svg{width:21px;height:21px;flex:none;display:block}
#htx-fc button,#htx-fc a{font:inherit;letter-spacing:normal;text-transform:none;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:background-color .18s,box-shadow .18s,transform .18s;color:inherit}
#htx-fc button{margin:0;min-width:44px;min-height:44px;padding:0;border:0;box-shadow:none}
#htx-fc a:focus-visible,#htx-fc button:focus-visible{outline:3px solid var(--htx-brick);outline-offset:4px}
#htx-fc .htx-fc-head button:focus-visible{outline-color:var(--htx-gold)}
#htx-fc .htx-fc-dock{display:flex;align-items:center;justify-content:flex-end;gap:8px}
#htx-fc .htx-fc-mini,#htx-fc .htx-fc-hotline{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:16px;box-shadow:0 5px 20px #062d2026;background:#fff}
#htx-fc .htx-fc-mini{width:48px;flex:none}
#htx-fc .htx-fc-hotline{background:var(--htx-green);color:#fff;border:2px solid var(--htx-gold);padding:0 15px;gap:9px;font-weight:750;white-space:nowrap}
#htx-fc .htx-fc-zalo{background:var(--htx-cream);color:var(--htx-green);border:1px solid var(--htx-orange);transition:background-color .2s,border-color .2s,box-shadow .2s,transform .18s}
#htx-fc .htx-fc-body .htx-fc-zalo{font-weight:600}
#htx-fc .htx-fc-dock .htx-fc-zalo{border-color:var(--htx-gold)}
#htx-fc .htx-fc-zalo-word{font-weight:800;font-size:13px;letter-spacing:-.6px;border:1.5px solid currentColor;border-radius:9px;padding:1px 3px}
#htx-fc .htx-fc-toggle{background:var(--htx-green);color:#fff}
#htx-fc .htx-fc-toggle svg{transition:transform .18s}
#htx-fc .htx-fc-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#htx-fc .htx-fc-mobile-label{display:none}
#htx-fc .htx-fc-panel{position:absolute;bottom:62px;right:0;width:300px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px - var(--htx-lift));overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #dde7df;border-radius:18px;box-shadow:0 12px 48px #052b2330;animation:htx-fc-in .18s ease-out}
#htx-fc .htx-fc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;background:var(--htx-green);color:white;padding:18px 12px 17px 20px;border-bottom:3px solid var(--htx-gold)}
#htx-fc .htx-fc-eyebrow{display:block;font-size:10px;letter-spacing:1.6px;color:var(--htx-gold);font-weight:700;margin-bottom:7px}
#htx-fc h2{margin:0;font:750 15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;letter-spacing:.1px}
#htx-fc .htx-fc-close{display:flex;align-items:center;justify-content:center;background:#ffffff14;color:#fff;border-radius:12px;min-width:36px;min-height:36px}
#htx-fc .htx-fc-body{padding:18px 20px 20px}
#htx-fc .htx-fc-intro{margin:0 0 16px;font-size:13px;color:#52685c;line-height:1.65}
#htx-fc .htx-fc-caption{display:block;font-size:11px;font-weight:650;color:#5c6d63;letter-spacing:.4px}
#htx-fc .htx-fc-number{display:block;font-size:24px;font-weight:800;line-height:1.35;color:var(--htx-green);margin:3px 0 13px}
#htx-fc .htx-fc-action{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:12px;margin-top:9px;font-size:14px;font-weight:650;padding:9px 10px}
#htx-fc .htx-fc-call{background:var(--htx-orange-aa);color:var(--htx-white);box-shadow:inset 0 0 0 1px var(--htx-orange)}
#htx-fc .htx-fc-group{background:#edf5ef;color:var(--htx-green);border:1px solid #d8e9db}
#htx-fc .htx-fc-office{margin-top:18px;border-top:1px solid var(--htx-divider);padding-top:14px}
#htx-fc .htx-fc-office-title{display:flex;align-items:center;gap:7px;color:var(--htx-green);font-size:13px}
#htx-fc .htx-fc-office-address{margin:8px 0 12px;font-size:13px;line-height:1.7;color:#52685c;overflow-wrap:anywhere;white-space:pre-line}
#htx-fc .htx-fc-qr{margin-top:18px;border-top:1px solid var(--htx-divider);padding-top:14px;text-align:center}
#htx-fc .htx-fc-qr-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #ccd9ce;border-radius:12px;background:#f5f8f5;color:var(--htx-muted);padding:15px 7px;margin-top:9px;font-size:11px}
#htx-fc .htx-fc-qr-image{display:block;width:200px;max-width:100%;height:auto;margin:12px auto;background:#fff;padding:8px}
#htx-fc .htx-fc-qr>a{display:inline-block;font-size:12px;text-decoration:underline;color:var(--htx-green)}
#htx-fc .htx-fc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#htx-fc.htx-fc-suspended{visibility:hidden;pointer-events:none}
/* Color-only accents: no dimensions, typography, markup or settings change. */
#htx-fc .htx-fc-office .htx-fc-group{background:var(--htx-cream);color:var(--htx-green);border-color:#d9773266}
#htx-fc .htx-fc-hotline svg{color:var(--htx-gold)}
#htx-fc .htx-fc-toggle:active,#htx-fc .htx-fc-hotline:active{background:#064d32;color:var(--htx-white)}
#htx-fc .htx-fc-qr-trigger:active{background:var(--htx-cream);color:var(--htx-green)}
@media(hover:hover){#htx-fc .htx-fc-mini:hover,#htx-fc .htx-fc-hotline:hover{transform:translateY(-2px);box-shadow:0 7px 24px #062d2038}#htx-fc .htx-fc-action:hover{filter:none}#htx-fc .htx-fc-call:hover{background:var(--htx-brick);color:var(--htx-white)}#htx-fc .htx-fc-office .htx-fc-group:hover{background:var(--htx-orange-aa);color:var(--htx-white);border-color:var(--htx-orange-aa)}#htx-fc .htx-fc-zalo:hover{background:var(--htx-zalo-hover);color:var(--htx-green);border-color:var(--htx-orange);box-shadow:inset 0 0 0 1px #d9773266}#htx-fc .htx-fc-close:hover{background:#ffffff30}}
/* Active follows hover so pressed colors win when both states apply. */
#htx-fc .htx-fc-call:active{background:var(--htx-brick-active);color:var(--htx-white)}
#htx-fc .htx-fc-office .htx-fc-group:active{background:var(--htx-brick);color:var(--htx-white);border-color:var(--htx-brick)}
#htx-fc .htx-fc-zalo:active{background:var(--htx-zalo-hover);color:var(--htx-green);border-color:var(--htx-orange);box-shadow:inset 0 0 0 1px var(--htx-orange-aa)}
#htx-fc button:disabled,#htx-fc button:disabled:hover,#htx-fc button:disabled:active{background:var(--htx-divider);color:var(--htx-muted);border-color:var(--htx-divider);box-shadow:none;opacity:1;cursor:not-allowed;transform:none}
@media(max-width:600px){#htx-fc{right:max(12px,env(safe-area-inset-right));bottom:calc(var(--htx-mobile-bottom,88px) + var(--htx-lift) + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}#htx-fc .htx-fc-dock>:not(.htx-fc-toggle){display:none}#htx-fc .htx-fc-toggle{width:auto;padding:0 14px;gap:7px;border:1px solid var(--htx-gold);min-height:48px}#htx-fc .htx-fc-mobile-label{display:block;font-weight:700}#htx-fc .htx-fc-panel{bottom:60px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--htx-mobile-bottom,88px) - var(--htx-lift) - env(safe-area-inset-bottom) - 84px)}#htx-fc .htx-fc-close{min-width:44px;min-height:44px}#htx-fc .htx-fc-head{padding-left:16px}#htx-fc .htx-fc-body{padding:16px}}
@keyframes htx-fc-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#htx-fc *,#htx-fc *::before,#htx-fc *::after{animation:none!important;transition:none!important}}
@media print{#htx-fc{display:none!important}}