.vn-header{position:sticky;top:0;z-index:1000;background:var(--color-surface-bg);border-bottom:1px solid var(--color-border-ui)}
.vn-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:var(--space-3)}
.vn-header__brand{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}
.vn-header__logo{height:48px;width:auto}
.vn-header__brand-text{font-family:var(--font-heading);font-weight:600}
.vn-header__nav{display:flex}
.vn-header__menu{list-style:none;display:flex;align-items:center;gap:var(--space-3);margin:0;padding:0}
.vn-header__menu li{margin:0;padding:0}
.vn-header__menu a{font-weight:500;white-space:nowrap}
.vn-header__toggle{display:none;flex-direction:column;gap:4px;padding:10px;border-radius:var(--radius-sm)}
.vn-header__toggle-line{width:22px;height:2px;background:var(--color-text-primary)}
@media(max-width:1024px){
.vn-header__nav{position:fixed;top:72px;right:0;width:100%;max-width:320px;height:calc(100vh - 72px);background:var(--color-surface-bg);box-shadow:var(--shadow-soft);transform:translateX(100%);transition:transform .3s ease;overflow-y:auto}
.vn-header__nav.is-open{transform:translateX(0)}
.vn-header__menu{flex-direction:column;align-items:flex-start;padding:var(--space-4)}
.vn-header__toggle{display:flex}
.vn-header__logo{height:36px}
.vn-header__brand-text{font-size:0.9rem}
}