.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: var(--z-header);
  transition: background var(--transition-normal), box-shadow var(--transition-normal), padding var(--transition-normal);
  padding: 22px 0;
}
.site-header.dark-hero { background: transparent; }
.site-header.dark-hero .nav-link, .site-header.dark-hero .btn-ghost { color: var(--white); }
.site-header.dark-hero .logo-text { color: var(--white); }
.site-header.dark-hero .icon-btn { color: var(--white); }
.site-header.dark-hero .menu-toggle { color: var(--white); }
.site-header.scrolled {
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(8px);
  box-shadow: var(--shadow-header);
  padding: 14px 0;
}
.site-header.scrolled .nav-link, .site-header.scrolled .logo-text, .site-header.scrolled .btn-ghost { color: var(--primary-900); }
.site-header.scrolled .icon-btn { color: var(--primary-900); }
.site-header.scrolled .menu-toggle { color: var(--primary-900); }

.header-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); }

.logo { display: flex; align-items: center; gap: var(--space-3); }
.logo img { width: 42px; height: 42px; object-fit: contain; }
.logo-text { font-family: var(--font-heading); font-weight: 700; font-size: 1.05rem; color: var(--primary-900); line-height: 1.1; transition: color var(--transition-fast); }
.logo-text span { display: block; font-family: var(--font-body); font-size: 0.6rem; letter-spacing: 0.12em; color: var(--gold-600); font-weight: 600; }

.main-nav { display: flex; align-items: center; gap: var(--space-8); }
.nav-link { font-size: 0.9rem; font-weight: 600; color: var(--primary-900); position: relative; transition: color var(--transition-fast); }
.nav-link::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 0; height: 2px; background: var(--gold-600); transition: width var(--transition-fast); }
.nav-link:hover::after, .nav-link.active::after { width: 100%; }
.nav-link.active { color: var(--gold-700); }

.header-actions { display: flex; align-items: center; gap: var(--space-4); }
.icon-btn { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: var(--transition-fast); color: inherit; }
.icon-btn:hover { background: rgba(201,151,26,0.12); }

.menu-toggle { display: none; flex-direction: column; gap: 5px; width: 26px; }
.menu-toggle span { height: 2px; background: currentColor; border-radius: 2px; transition: var(--transition-fast); }

.mobile-drawer {
  position: fixed; top: 0; right: -100%; width: min(340px, 88vw); height: 100vh;
  background: var(--primary-900); z-index: var(--z-overlay); padding: var(--space-8) var(--space-6);
  transition: right var(--transition-normal); overflow-y: auto;
}
.mobile-drawer.open { right: 0; }
.mobile-drawer .nav-link { color: var(--white); display: block; padding: var(--space-3) 0; font-size: 1.05rem; }
.mobile-drawer .nav-link.active { color: var(--gold-500); }
.drawer-close { color: var(--white); font-size: 1.6rem; margin-bottom: var(--space-6); }
.drawer-backdrop { position: fixed; inset: 0; background: rgba(7,27,58,0.6); z-index: var(--z-header); display: none; }
.drawer-backdrop.open { display: block; }

@media (max-width: 1023px) {
  .main-nav { display: none; }
  .menu-toggle { display: flex; }
}