/* Thanh chốt đơn dán đáy — HAYWEB, chuẩn DEMO-RUNBOOK §4B.2.
   Đổi màu bằng 3 biến dưới cho khớp thương hiệu; KHÔNG sửa cấu trúc/marker. */
:root{--hw-act-bg:#111;--hw-act-fg:#fff;--hw-act-zalo:#0068FF}
.hw-actionbar{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:grid;
  grid-auto-flow:column;grid-auto-columns:1fr;gap:1px;background:rgba(0,0,0,.14);
  padding-bottom:env(safe-area-inset-bottom);
  font:600 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  box-shadow:0 -6px 24px rgba(0,0,0,.18)}
.hw-actionbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;
  background:var(--hw-act-bg);color:var(--hw-act-fg);text-decoration:none;
  -webkit-tap-highlight-color:transparent}
.hw-actionbar a[data-hw-act="zalo"]{background:var(--hw-act-zalo)}
.hw-actionbar a:active{filter:brightness(.88)}
.hw-actionbar svg{width:20px;height:20px;flex:none;fill:currentColor}
body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
@media (min-width:1024px){.hw-actionbar{display:none}body{padding-bottom:0}}
@media (prefers-reduced-motion:reduce){.hw-actionbar a{transition:none}}