.beta-v2 .beta-primary-nav-fallback { display: none; }
.beta-v2 .beta-primary-nav:empty { display: none; }
.beta-v2 a { text-decoration: none; }
.beta-v2 .beta-primary-nav .beta-menu { display: flex; flex: 1 1 auto; justify-content: center; align-items: stretch; gap: clamp(12px, 1.7vw, 26px); margin: 0; padding: 0; list-style: none; min-width: 0; }
.beta-v2 .beta-primary-nav .beta-menu > li { position: relative; display: flex; }
.beta-v2 .beta-primary-nav .beta-menu > li > a { display: flex; align-items: center; padding: 22px 0 18px; border-bottom: 3px solid transparent; color: var(--beta-navy); font-size: 15px; font-weight: 600; white-space: nowrap; }
.beta-v2 .beta-primary-nav .beta-menu > li > a:hover,
.beta-v2 .beta-primary-nav .beta-menu > li.active > a { border-bottom-color: var(--beta-brand); color: var(--beta-brand); }
.beta-v2 .beta-primary-nav .beta-submenu { display: none; position: absolute; top: 100%; left: 0; z-index: 40; min-width: 240px; margin: 0; padding: 8px 0; list-style: none; background: #fff; border: 1px solid var(--beta-line); box-shadow: 0 8px 16px rgba(0,0,0,.08); }
.beta-v2 .beta-primary-nav .beta-menu > li:hover > .beta-submenu,
.beta-v2 .beta-primary-nav .beta-menu > li:focus-within > .beta-submenu { display: block; }
.beta-v2 .beta-primary-nav .beta-submenu a { display: block; padding: 10px 16px; color: var(--beta-navy); font-size: 14px; }
.beta-v2 .beta-primary-nav .beta-submenu a:hover { color: var(--beta-brand); }
@media (max-width: 991px) {
  .beta-v2 .beta-primary-nav .beta-menu { flex-direction: column; gap: 0; }
  .beta-v2 .beta-primary-nav .beta-menu > li > a { padding: 12px; border-bottom: 0; }
  .beta-v2 .beta-primary-nav .beta-submenu { position: static; box-shadow: none; border: 0; display: block; padding-left: 16px; }
}
.beta-v2 .beta-site-utility { background: #082e4e; color: #fff; font-size: 13px; }
.beta-v2 .beta-site-utility > div { display: flex; min-height: 24px; align-items: center; justify-content: space-between; gap: 12px; }
.beta-v2 .beta-site-utility span:last-child { display: flex; gap: 16px; }
.beta-v2 .beta-site-utility a { color: inherit; text-decoration: none; }
.beta-v2 .beta-primary-nav:empty + .beta-primary-nav-fallback { display: flex; flex: 1 1 auto; justify-content: center; gap: clamp(12px, 1.7vw, 26px); min-width: 0; }
.beta-v2 .beta-primary-nav-fallback a { padding: 22px 0 18px; border-bottom: 3px solid transparent; color: var(--beta-navy); font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.beta-v2 .beta-nav-caret { display: inline-block; width: 6px; height: 6px; margin: 0 0 3px 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); vertical-align: middle; }
.beta-v2 .beta-site-header__inner { min-height: 84px; }
.beta-v2 .beta-site-logo { max-width: 150px; height: 58px; }
.beta-v2 .beta-site-footer { padding: 48px 0 0; background: #042b4b; color: #dbe6ef; }
.beta-v2 .beta-site-footer h2 { color: #fff; font-size: 16px; font-weight: 700; }
.beta-v2 .beta-site-footer a { color: inherit; text-decoration: none; }
.beta-v2 .beta-site-footer__grid { grid-template-columns: 1.3fr 1.2fr 1fr 1.2fr; gap: 40px; }
.beta-v2 .beta-site-footer__brand { height: 64px; max-width: 170px; margin-bottom: 14px; }
.beta-v2 .beta-site-footer__brand img { filter: none; }
.beta-v2 .beta-site-footer__about strong { color: #fff; }
.beta-v2 .beta-site-footer p { font-size: 14px; line-height: 1.6; margin: 0 0 8px; }
.beta-v2 .beta-site-footer__social { display: flex; gap: 10px; margin: 12px 0 14px; }
.beta-v2 .beta-site-footer__social a { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 13px; font-weight: 700; }
.beta-v2 .beta-site-footer__web a { color: var(--beta-brand); font-weight: 700; }
.beta-v2 .beta-site-footer__copyright { margin-top: 32px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.2); color: #dbe6ef; font-size: 13px; }
.beta-v2 .beta-primary-nav-fallback a:hover,
.beta-v2 .beta-primary-nav-fallback a:focus { border-bottom-color: var(--beta-brand); color: var(--beta-brand); }
@media (max-width: 991px) {
  .beta-v2 .beta-site-utility { display: none; }
  .beta-v2 .beta-primary-nav:empty + .beta-primary-nav-fallback { display: none; }
  .beta-v2 .beta-primary-nav:empty + .beta-primary-nav-fallback.is-open { display: flex; flex-direction: column; gap: 0; }
  .beta-v2 .beta-primary-nav-fallback a { padding: 12px; border-bottom: 0; }
  .beta-v2 .beta-site-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575px) {
  .beta-v2 .beta-site-footer__grid { grid-template-columns: 1fr; }
}

/* Bo chuyen ngon ngu VI | EN trong header (chu thuong, gach dung manh o giua, khong nen) */
.beta-lang{display:inline-flex;align-items:center;margin:0 6px 0 0;font-size:13px;font-weight:500;line-height:1}
.beta-lang__item{padding:4px 10px;background:transparent;color:#8aa0b2;text-decoration:none}
.beta-lang__item+.beta-lang__item{position:relative}
.beta-lang__item+.beta-lang__item::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;background:#c9d6df;transform:translateY(-50%)}
.beta-lang__item:hover{color:var(--beta-brand,#ff7827)}
.beta-lang__item.is-current{background:transparent;color:var(--beta-navy,#063054)}