/* Hanip 1 – CSS chung bổ sung cho bản web thật */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
img{height:auto}
header{position:relative}
:focus-visible{outline:3px solid #2E9B63;outline-offset:2px}

/* Nút menu mobile */
.hn-burger{display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;border:1px solid #C9D4DC;background:#fff;color:#0B2545;cursor:pointer;padding:0}
@media (max-width:980px){
  .hn-burger{display:inline-flex}
  body.nav-open header .navx{display:flex !important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0 !important;background:#fff;padding:8px 24px 20px;box-shadow:0 18px 30px rgba(11,37,69,.16);border-top:1px solid #DCE4EA;z-index:40}
  body.nav-open header .navx .navl{padding:14px 0 !important;border-bottom:1px solid #EEF2F5;font-size:16px}
}
@media (max-width:560px){
  header .wrap>div:last-of-type .btn{display:none}
}

/* Thông báo nổi */
.hn-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:min(560px,calc(100% - 32px));background:#0B5A46;color:#fff;font:600 15px/1.5 'Montserrat',system-ui,sans-serif;padding:14px 20px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;transition:opacity .3s,transform .3s;z-index:100;box-sizing:border-box}
.hn-toast--bad{background:#9F1D1D}
.hn-toast.hn-show{opacity:1;transform:translate(-50%,0)}

/* Bản đồ nhúng */
.hn-map{border:1px solid #DCE4EA;border-radius:12px;overflow:hidden;background:#F4F7F9}
.hn-map iframe{display:block;width:100%;height:460px;border:0}
@media (max-width:820px){.hn-map iframe{height:340px}}

/* Header gọn một hàng trên điện thoại */
@media (max-width:980px){
  header .wrap{flex-wrap:nowrap !important}
  header .wrap>a:first-child img{height:42px !important}
}
@media (max-width:400px){
  header .wrap>a:first-child img{height:36px !important}
  header .wrap{gap:10px !important}
}
header .wrap>div:last-of-type{white-space:nowrap}
@media (max-width:820px){.dotnav{display:none !important}}
@media (max-width:640px){header .wrap>div:last-of-type>span[style*="font-weight: 600"]{display:none}}