.site-header { position: sticky; top: 0; z-index: 1000; background: var(--header-bg); box-shadow: var(--header-shadow); }
.header-inner { display: flex; align-items: center; justify-content: space-between; height: var(--header-height); position: relative; }

.logo img { height: 50px; width: auto; object-fit: contain; }

/* Nav */
.main-nav { }
.nav-list { display: flex; align-items: center; gap: var(--space-xl); }
.nav-list a { font-family: var(--font-primary); font-size: 0.82rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--color-black); padding: 8px 0; position: relative; }
.nav-list a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--color-brand); transition: width .3s; }
.nav-list a:hover::after, .nav-list a.active::after { width: 100%; }

/* Mega Menu */
.has-mega { position: relative; }
.mega-menu { position: absolute; top: 100%; left: -200px; width: 800px; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,0.12); border-radius: 0 0 8px 8px; padding: var(--space-xl); opacity: 0; visibility: hidden; transition: opacity .25s, transform .25s; transform: translateY(10px); z-index: 100; }
.has-mega:hover .mega-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.mega-inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-lg); }
.mega-col h4 { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; margin-bottom: var(--space-sm); color: var(--color-brand); }
.mega-col a { display: block; font-size: 0.78rem; color: var(--color-text-light); padding: 4px 0; text-transform: none; font-weight: 400; }
.mega-col a:hover { color: var(--color-brand); }

/* Actions */
.header-actions { display: flex; align-items: center; gap: var(--space-md); }
.action-btn { position: relative; font-size: 1.15rem; padding: 6px; color: var(--color-black); transition: color .2s; }
.action-btn:hover { color: var(--color-brand); }

/* Search Overlay */
.search-overlay { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; padding: var(--space-lg) 0; box-shadow: 0 4px 20px rgba(0,0,0,0.08); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.search-overlay.active { opacity: 1; visibility: visible; }
.search-overlay .container { display: flex; gap: var(--space-md); align-items: center; }
.search-overlay input { flex: 1; border: 1px solid var(--color-border); border-radius: 4px; padding: 12px var(--space-md); font-size: 1rem; }

/* Mobile */
.mobile-menu-toggle { display: none; flex-direction: column; gap: 5px; width: 36px; padding: 8px; }
.mobile-menu-toggle span { display: block; height: 2px; background: var(--color-black); transition: transform .3s, opacity .3s; }

@media (max-width: 991px) {
  .mobile-menu-toggle { display: flex; }
  .main-nav { position: fixed; top: var(--header-height); left: 0; width: 100%; height: calc(100vh - var(--header-height)); background: #fff; transform: translateX(-100%); transition: transform .3s ease; overflow-y: auto; }
  .main-nav.active { transform: translateX(0); }
  .nav-list { flex-direction: column; padding: var(--space-xl); gap: var(--space-md); }
  .mega-menu { position: static; width: 100%; box-shadow: none; opacity: 1; visibility: visible; transform: none; padding: var(--space-md); display: none; }
  .has-mega.open .mega-menu { display: block; }
  .mega-inner { grid-template-columns: 1fr; }
  .mega-col h4 { margin-top: var(--space-md); }
}