.site-header{scroll-margin-top:0}
.main-nav .menu{align-items:center}
.main-nav .menu a{white-space:nowrap}
#tong-quan,#vi-tri,#ket-noi,#tien-ich,#mat-bang,#bang-gia,#tien-do,#quy-can,#faq{scroll-margin-top:96px}
@media(max-width:1120px){
  .header-inner{gap:14px}
  .main-nav a{padding:9px 7px;font-size:12px}
  .header-register{padding-left:13px;padding-right:13px}
}
@media(max-width:980px){
  .header-inner{min-height:70px;position:relative}
  .menu-toggle{display:inline-grid;place-items:center;width:44px;height:44px;margin-left:auto;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
  .menu-toggle span{display:block;width:20px;height:2px;margin:2px 0;background:var(--ink);border-radius:999px}
  .main-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:10px;background:rgba(255,255,255,.99);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(23,32,51,.14)}
  .main-nav.open{display:block}
  .main-nav .menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .main-nav .menu a{display:flex;min-height:44px;align-items:center;padding:10px 12px;border-radius:10px;background:#faf8f7;font-size:13px}
  .main-nav .menu a:hover,.main-nav .menu a:focus-visible{background:#f8eef2;color:var(--wine)}
  .header-register{display:none}
}
@media(max-width:560px){
  .brand{min-width:0}
  .brand strong{font-size:12px}
  .brand small{font-size:8px;letter-spacing:1.3px}
  .brand-mark{width:40px;height:40px}
  .main-nav{left:-2px;right:-2px;padding:8px}
  .main-nav .menu{grid-template-columns:1fr}
  .main-nav .menu a{min-height:46px}
}