.header {
  position: sticky; top: 0; z-index: 100;
  height: var(--header-h);
  display: flex; align-items: center;
  border-bottom: 1px solid transparent;
  background: transparent;
  transition: background 0.4s, border-color 0.4s;
}
.header.is-scrolled {
  background: rgba(9, 9, 10, 0.74);
  border-color: var(--line);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
}
.header__inner { display: flex; align-items: center; gap: var(--space-5); width: 100%; }

.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 1.05rem; letter-spacing: -0.02em; }
.brand__mark { width: 28px; height: 28px; flex: none; object-fit: contain; filter: drop-shadow(0 4px 12px rgba(229, 57, 47, 0.35)); }
.brand__name span { color: var(--text-2); font-weight: 500; }

.nav { display: none; margin-inline: auto; gap: 6px; }
.nav__link {
  padding: 8px 14px; border-radius: var(--radius-pill);
  color: var(--text-2); font-size: 0.9rem; font-weight: 500;
  transition: color 0.25s, background 0.25s;
}
.nav__link:hover { color: var(--text); background: rgba(255, 255, 255, 0.05); }

.header__actions { display: flex; align-items: center; gap: var(--space-3); margin-left: auto; }

.lang { position: relative; }
.lang__btn {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 38px; padding: 0 14px;
  background: transparent; border: 1px solid var(--line); border-radius: var(--radius-pill);
  color: var(--text-2); font-family: var(--mono); font-size: 0.74rem; font-weight: 500; letter-spacing: 0.1em;
  transition: border-color 0.25s, color 0.25s;
}
.lang__btn:hover { border-color: var(--line-strong); color: var(--text); }
.lang__menu {
  position: absolute; right: 0; top: calc(100% + 10px);
  min-width: 160px; padding: 6px;
  background: var(--bg-3); border: 1px solid var(--line-strong); border-radius: var(--radius-md);
  box-shadow: 0 30px 60px -20px #000;
}
.lang__menu[hidden] { display: none; }
.lang__item {
  display: block; width: 100%; padding: 10px 12px; text-align: left;
  background: transparent; border: 0; border-radius: var(--radius-sm);
  color: var(--text-2); font-weight: 500; font-size: 0.9rem;
}
.lang__item:hover { background: rgba(255, 255, 255, 0.06); color: var(--text); }
.lang__item[aria-current="true"] { color: var(--text); background: rgba(255, 255, 255, 0.08); }

.header__store { display: none; }

.menu-btn {
  display: inline-grid; place-items: center; align-content: center; gap: 5px;
  width: 42px; height: 42px;
  background: transparent; border: 1px solid var(--line); border-radius: 50%;
}
.menu-btn span, .menu-btn::before, .menu-btn::after {
  content: ""; display: block; width: 16px; height: 1.5px; background: var(--text); border-radius: 2px;
  transition: transform 0.3s var(--ease), opacity 0.2s;
}
.menu-btn span { margin: 0; }
.menu-btn[aria-expanded="true"] span { opacity: 0; }
.menu-btn[aria-expanded="true"]::before { transform: translateY(6.5px) rotate(45deg); }
.menu-btn[aria-expanded="true"]::after { transform: translateY(-6.5px) rotate(-45deg); }

.mobile-menu {
  position: fixed; inset: var(--header-h) 0 auto 0; z-index: 99;
  padding: var(--space-4) var(--gutter) var(--space-6);
  background: rgba(9, 9, 10, 0.96);
  -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
  border-bottom: 1px solid var(--line);
}
.mobile-menu[hidden] { display: none; }
.mobile-menu .nav__link { display: block; padding: 16px 4px; border-radius: 0; border-bottom: 1px solid var(--line); font-family: var(--serif); font-size: 1.6rem; color: var(--text); }
.mobile-menu .btn { width: 100%; margin-top: var(--space-5); }

@media (min-width: 960px) {
  .nav { display: flex; }
  .header__store { display: inline-flex; }
  .menu-btn, .mobile-menu { display: none !important; }
}