.site-header {
  position: fixed;
  top: clamp(12px, 2vw, 20px);
  right: clamp(10px, 2vw, 24px);
  left: auto;
  z-index: 1200;
  max-width: min(100vw - 20px, 980px);
}
.site-header,
.site-header * {
  box-sizing: border-box;
}
.site-header__controls {
  justify-content: flex-end;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 999px;
  border: 1px solid rgba(221,166,43,.36);
  background: rgba(9,8,7,.86);
  box-shadow: 0 12px 40px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
}
.site-header__link,.site-header__lang-toggle,.site-header__lang-option {
  font: 600 14px/1.1 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.site-header__link {
  cursor: pointer;
  text-decoration: none;
  color: #f8e2a3;
  background: rgba(221,166,43,.12);
  border: 1px solid rgba(221,166,43,.28);
  border-radius: 999px;
  padding: 10px 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 42px;
}
.site-header__icon-wrap { display: none; align-items: center; justify-content: center; }
.site-header__link--icon .site-header__icon-wrap { display: inline-flex; }
.site-header__link--apply { background: linear-gradient(135deg,#d4af37,#9e6c16); color:#140f05; border-color: rgba(255,235,155,.5); }
.site-header__link--apply .site-header__label { white-space: nowrap; }
.site-header__icon { width: 18px; height: 18px; }
.site-header__lang { position: relative; }
.site-header__lang-toggle {
  cursor: pointer;
  border: 1px solid rgba(221,166,43,.28);
  color: #f8e2a3;
  background: rgba(221,166,43,.12);
  border-radius: 999px;
  min-height: 42px;
  padding: 10px 12px;
}
.site-header__lang-menu {
  position: absolute;
  right: 0;
  left: auto;
  top: calc(100% + 8px);
  min-width: 146px;
  border: 1px solid rgba(221,166,43,.3);
  border-radius: 12px;
  background: rgba(9,8,7,.96);
  box-shadow: 0 20px 34px rgba(0,0,0,.5);
  padding: 6px;
}
.site-header__lang-option { display:block;width:100%; text-align:left; border-radius:8px; border:1px solid transparent; color:#f4f0e0; background:transparent; padding:10px; cursor:pointer; }
.site-header__link:hover,.site-header__lang-toggle:hover,.site-header__lang-option:hover { background: rgba(221,166,43,.22); border-color: rgba(255,220,130,.35); box-shadow: 0 0 0 1px rgba(255,220,130,.2) inset; }
.site-header__lang-toggle:focus-visible,.site-header__lang-option:focus-visible,.site-header__link:focus-visible { outline: 2px solid rgba(255,236,170,.85); outline-offset: 2px; }
.site-header__lang-menu[hidden]{display:none}


:root {
  --site-header-safe-space: clamp(58px, 7vw, 88px);
}

body > [data-site-header] ~ header[role="banner"],
body > [data-site-header] + main,
body > [data-site-header] ~ main.static-page {
  padding-top: max(var(--site-header-safe-space), env(safe-area-inset-top));
}

@media (max-width: 700px) {
  .site-header { left: 50%; right: auto; transform: translateX(-50%); top: 8px; max-width: calc(100vw - 16px); }
  .site-header__controls { justify-content: center; gap: 3px; padding: 5px; flex-wrap: nowrap; border-radius: 16px; }
  .site-header__link { padding: 8px 9px; font-size: 12px; min-height: 37px; }
  .site-header__link--icon { min-width: 37px; padding: 8px; justify-content: center; }
  .site-header__icon { width: 16px; height: 16px; }
  .site-header__link--icon .site-header__label { display: none; }
  .site-header__link--apply { min-width: 88px; padding-inline: 11px; }
  .site-header__link--apply .site-header__label { display: inline; white-space: nowrap; }
  .site-header__lang-toggle { padding-inline: 10px; min-height: 37px; }
}

.site-header__link[aria-disabled="true"] { opacity: .72; cursor: not-allowed; }
.site-header__link[aria-disabled="true"]:hover { background: rgba(221,166,43,.12); border-color: rgba(221,166,43,.28); box-shadow: none; }
.site-header__link--apply[aria-disabled="true"] { opacity: .84; }