.site-header{
  position:fixed;inset:0 0 auto 0;z-index:1000;height:var(--header-h);
  display:flex;align-items:center;background:rgba(13,15,20,.75);
  backdrop-filter:blur(16px);border-bottom:1px solid var(--border);
  transition:height .25s,background .25s;
}
.site-header.is-shrink{height:var(--header-h-shrink);background:rgba(13,15,20,.95)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}
.logo{display:flex;align-items:center;gap:.5rem}
.logo img{height:36px;width:auto}
.nav-main{display:flex;align-items:center;gap:1.25rem}
.nav-main a{
  font-family:var(--font-label);text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;
  padding:.35rem 0;border-bottom:2px solid transparent;color:var(--text-muted);
}
.nav-main a:hover,.nav-main a.is-active{color:var(--text);border-bottom-color:var(--accent-gold)}
.header-actions{display:flex;align-items:center;gap:.75rem}
.lang-pill{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:6px;border:1px solid var(--border);font-size:.72rem;font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.nav-toggle{display:none;flex-direction:column;gap:5px;padding:.5rem}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--text)}
@media(max-width:900px){
  /* DOM is logo → toggle → nav → actions; reorder so flex reads logo | EN | burger, then push right. */
  .site-header .container{justify-content:flex-start}
  .logo{position:relative;z-index:2;min-width:0}
  .header-actions{order:2;margin-left:auto;position:relative;z-index:2}
  .nav-toggle{display:flex;order:3;flex-shrink:0;position:relative;z-index:2}
  .nav-main{
    order:10;
    flex:none;
    align-self:flex-start;
    position:fixed;
    top:var(--header-h);
    left:0;
    right:0;
    width:auto;
    max-width:none;
    box-sizing:border-box;
    background:var(--bg-secondary);
    flex-direction:column;
    align-items:flex-start;
    padding:var(--space-md);
    border-bottom:1px solid var(--border);
    transform:translateY(-120%);
    opacity:0;
    pointer-events:none;
    transition:transform .3s,opacity .3s;
  }
  .nav-main.is-open{transform:translateY(0);opacity:1;pointer-events:auto;z-index:1002}
  .site-header.is-shrink .nav-main{top:var(--header-h-shrink)}
  .header-actions .btn{display:none}
}
