/* меню логотипа CUBEX для отдельных страниц (market, developers) — копия из dex.css */
.top { position: fixed; top: 0; left: 0; right: 0; z-index: 50; padding: 14px 18px; }
.brand-wrap { position: relative; --muted: #8b8f9c; font-family: Inter, system-ui, sans-serif; line-height: 1.4; }
.brand {
  display: flex; align-items: center; gap: 6px; padding: 6px 8px; margin-left: -8px; border-radius: 12px;
  background: none; border: 0; color: #fff; cursor: pointer; font: 800 22px Unbounded, sans-serif; letter-spacing: -.01em;
  transition: background .2s;
}
.brand:hover, .brand[aria-expanded="true"] { background: rgba(255,255,255,.08); }
.brand .caret { width: 12px; height: 12px; opacity: .7; transition: transform .45s cubic-bezier(.22,1,.36,1); }
.brand[aria-expanded="true"] .caret { transform: rotate(180deg); }
.brand-menu {
  position: absolute; top: calc(100% + 10px); left: -8px; width: 330px; padding: 14px;
  background: #16171b; border: 1px solid rgba(255,255,255,.08); border-radius: 20px;
  box-shadow: 0 24px 60px -20px rgba(0,0,0,.9);
  transform-origin: top left;
  /* мягкое появление и исчезновение: прозрачность + лёгкий сдвиг и масштаб */
  opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.98); filter: blur(2px);
  transition: opacity .35s ease, transform .45s cubic-bezier(.22,1,.36,1), filter .35s ease, visibility 0s .45s;
}
.brand-menu.open {
  opacity: 1; visibility: visible; transform: none; filter: none;
  transition: opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1), filter .35s ease, visibility 0s;
}
/* пункты появляются друг за другом */
.brand-menu > * { opacity: 0; transform: translateY(-4px); transition: opacity .3s ease, transform .4s cubic-bezier(.22,1,.36,1); }
.brand-menu.open > * { opacity: 1; transform: none; }
.brand-menu.open > :nth-child(2) { transition-delay: .04s; } .brand-menu.open > :nth-child(3) { transition-delay: .08s; }
.brand-menu.open > :nth-child(4) { transition-delay: .12s; } .brand-menu.open > :nth-child(5) { transition-delay: .16s; }
.brand-menu.open > :nth-child(6) { transition-delay: .2s; }
.bm-label { font: 600 12px Inter, sans-serif; color: var(--muted); margin: 2px 8px 8px; }
.bm-item { display: flex; gap: 12px; align-items: center; padding: 9px 8px; border-radius: 14px; transition: background .15s; }
.bm-item:hover { background: rgba(255,255,255,.06); }
.bm-item i { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,.07); color: #c9cbd3; transition: background .15s, color .15s; }
.bm-item:hover i, .bm-item.current i { background: rgba(255,255,255,.12); color: #fff; }
.bm-item i svg { width: 20px; height: 20px; }
.bm-item span { display: flex; flex-direction: column; font-size: 12px; color: var(--muted); }
.bm-item b { font: 700 14px Inter, sans-serif; color: #fff; display: flex; align-items: center; gap: 8px; }
.bm-item em { font: 600 10px Inter, sans-serif; font-style: normal; color: #3db5ff; background: rgba(0,152,234,.14); padding: 2px 7px; border-radius: 999px; }
.bm-sections { display: none; }
.bm-foot { display: flex; align-items: center; gap: 6px; margin-top: 10px; padding: 12px 8px 2px; border-top: 1px solid rgba(255,255,255,.08); }
.bm-foot span { font: 600 12px Inter, sans-serif; color: var(--muted); margin-right: auto; }
.bm-foot a { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #c9cbd3; transition: background .15s, color .15s; }
.bm-foot a:hover { background: rgba(255,255,255,.08); color: #fff; }
.bm-foot svg { width: 18px; height: 18px; }

.brand-menu { z-index: 60; }
.bm-item.current { background: rgba(255,255,255,.05); }
.brand-menu .bm-item { color: inherit; text-decoration: none; }
@media (max-width: 860px) { .brand-menu { width: min(330px, calc(100vw - 24px)); } }
.brand-menu > :nth-child(7) { transition-delay: .24s; }