.site-header { position: fixed; top: 12px; padding: 12px 16px; border: 1px solid #72eab933; border-radius: 16px; background: #061017f5; box-shadow: 0 8px 28px #0005; }
.site-header .account-shortcut { display: none; }
@media (min-width: 1201px) { .site-menu nav { gap: 12px; } }
@media (max-width: 1200px) {
  .site-header { gap: 10px; }
  .site-header .account-shortcut { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-left: auto; padding: 8px 12px; border: 1px solid #72eab955; border-radius: 10px; color: #eaf7f2; font-size: 14px; white-space: nowrap; }
  .site-header .brand { flex-shrink: 1; min-width: 0; }
  .site-menu nav { top: 70px; }
}
@media (max-width: 430px) {
  .site-header { width: calc(100% - 20px); padding: 10px; gap: 6px; }
  .site-header .brand { gap: 6px; font-size: 14px; }
  .site-header .brand img { width: 28px; height: 28px; }
  .site-header .account-shortcut { padding: 8px; font-size: 13px; }
  .site-menu summary, .site-menu .menu-toggle { padding: 12px 10px; }
}