/* Обща горна лента за всички страници */
.topbar {
  width: 100%; max-width: 1440px; margin: 0 auto;
  padding: 28px 64px 0 88px;
  display: flex; align-items: center; gap: 12px 20px; flex-wrap: wrap;
  position: relative; z-index: 3;
}
.topbar .brand { display: flex; align-items: center; gap: 12px; color: #f3f2ec; text-decoration: none; margin-right: auto; }
.topbar .brand img { width: 44px; height: 51px; object-fit: contain; }
.topbar .brand span { font-family: "Onest", Arial, sans-serif; font-size: 24px; font-weight: 800; white-space: nowrap; }
.topbar .brand b { color: #e0a672; font-weight: 800; }
.topnav { display: flex; gap: 8px; }
.topnav a {
  font-family: "Onest", Arial, sans-serif;
  color: #f3f2ec; text-decoration: none; font-size: 16px; font-weight: 600;
  padding: 11px 18px; border-radius: 10px; background: #2c3236;
  transition: background-color .15s;
}
.topnav a:hover { background: #383f44; }
.topnav a.on { background: #f3f2ec; color: #1f2326; }
.topnav a:focus-visible { outline: 3px solid #e0a672; outline-offset: 2px; }
@media (max-width: 960px) {
  .topbar { padding: 20px 20px 0 26px; }
  .topbar .brand img { width: 36px; height: 42px; }
  .topbar .brand span { font-size: 20px; }
  .topnav a { font-size: 14.5px; padding: 9px 13px; }
}
@media (max-width: 420px) {
  .topbar .brand span { display: none; }
}