/* Phần BAR – thanh dính đáy (footer() trong gen.py, đo 26/10 ở 390) + 2 nút nổi máy tính. Nạp khi hk_v2("bar"). */
.hk-bar{display:none}
@media (max-width:849px){
  .hk-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;background:#FFFFFF;border-top:1px solid var(--hk-vien);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:6px}
  .hk-bar a{flex:0 0 58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;line-height:17.05px;font-weight:400;color:var(--hk-chu);min-height:48px;text-decoration:none;letter-spacing:0;text-transform:none;margin:0;padding:0}
  .hk-bar a.chinh{flex:1;flex-direction:row;background:var(--hk-navy);color:#FFFFFF;border-radius:6px;font-size:15px;line-height:23.25px;font-weight:600}
  .hk-bar svg{display:block;flex-shrink:0}
  body{padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))}
  .call-widget{display:none!important}
  .back-to-top{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
}
@media (min-width:850px){
  .hk-noi{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;flex-direction:column;gap:12px;animation:none!important;width:auto}
  .hk-noi>[class^="popmake-"]{width:52px;height:52px;border-radius:50%;background:var(--hk-navy);box-shadow:0 6px 18px rgba(25,47,90,0.28);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}
  .hk-noi>[class^="popmake-"]:before{content:"";width:22px;height:22px;background:#FFFFFF;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22%3E%3Cpath d=%22M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22%3E%3Cpath d=%22M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2%22/%3E%3C/svg%3E") center/contain no-repeat}
  .hk-noi .chat-zalo{margin:0}
  .hk-noi .zalo-button{display:block;width:52px;height:52px;border-radius:50%;box-shadow:0 6px 18px rgba(0,104,255,0.28);overflow:hidden;transition:transform .15s}
  .hk-noi .zalo-button img{width:52px;height:52px;display:block}
  .hk-noi>[class^="popmake-"]:hover,.hk-noi .zalo-button:hover{transform:translateY(-2px)}
}