.topbar { background: #28182f; color: #fff; font-size: 13px; }
    .topbar-inner { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    .topbar-items { display: flex; gap: 22px; flex-wrap: wrap; }
    .topbar a { opacity: .88; }
    .topbar a:hover { opacity: 1; }
    .lang { background: rgba(255,255,255,.10); border-radius: 999px; padding: 4px 10px; }

    .site-header {
      position: sticky; top: 0; z-index: 50;
      background: rgba(255,255,255,.92); backdrop-filter: blur(15px);
      border-bottom: 1px solid rgba(236,231,239,.8);
    }
    .nav { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    .brand { display: flex; align-items: center; gap: 12px; min-width: 240px; }
    .brand img { width: 68px; height: 68px; object-fit: contain; }
    .brand strong { display: block; color: var(--purple-dark); font-size: 16px; line-height: 1.55; }
    .brand span { display: block; color: var(--muted); font-size: 11px; }
    .nav-links { display: flex; align-items: center; gap: 24px; font-size: 14px; font-weight: 600; }
    .nav-links a { position: relative; padding: 10px 0; }
    .nav-links a::after { content: ""; position: absolute; right: 0; bottom: 3px; height: 2px; width: 0; background: var(--green); transition: .25s; }
    .nav-links a:hover { color: var(--purple); }
    .nav-links a:hover::after { width: 100%; }
    .nav-actions { display: flex; align-items: center; gap: 10px; }
    .menu-toggle { display: none; width: 46px; height: 46px; border-radius: 12px; border: 1px solid var(--line); background: #fff; }

.brand-copy { display: block; }
.nav-links__menu { display: flex; align-items: center; gap: 24px; padding: 0; margin: 0; list-style: none; }

@media (max-width: 1050px) {
  .nav-links, .nav-actions .btn { display: none; }
  .menu-toggle { display: grid; place-items: center; }
  .nav-links.mobile { position: fixed; top: 126px; right: 20px; left: 20px; padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); display: grid; gap: 5px; z-index: 60; }
  .nav-links.mobile .nav-links__menu { display: grid; gap: 5px; }
  .nav-links.mobile a { display: block; padding: 12px; border-bottom: 1px solid #f2edf4; }
}

@media (max-width: 720px) {
  .topbar { display: none; }
  .nav { min-height: 76px; }
  .brand { min-width: 0; }
  .brand img { width: 56px; height: 56px; }
  .brand strong { font-size: 13px; }
  .brand span span { display: none; }
  .nav-links.mobile { top: 87px; }
}