.navbar__search { position: relative; }
.global-search-dropdown { position: absolute; inset: calc(100% + 8px) 0 auto; z-index: var(--z-dropdown,500); max-height: min(70dvh,620px); overflow-y: auto; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); box-shadow: 0 18px 50px rgba(0,0,0,.18); }
.global-search-dropdown section + section,.global-search-page section + section { margin-top: 18px; }
.global-search-dropdown h2,.global-search-page h2 { margin: 4px 8px 8px; font: 600 var(--text-xs,.75rem)/1.4 var(--font-mono,monospace); letter-spacing: .09em; text-transform: uppercase; color: var(--text3); }
.global-search__item { display: flex; align-items: center; gap: 12px; padding: 9px 8px; border-radius: 10px; color: var(--text); }
.global-search__item:hover,.global-search__item:focus-visible { background: var(--surface2); }
.global-search__item img,.global-search__thumb { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 9px; object-fit: cover; display: grid; place-items: center; background: var(--surface2); color: var(--accent); font-family: var(--font-brand); }
.global-search__item span:last-child { min-width: 0; display: grid; }
.global-search__item b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-ui); }
.global-search__item small { color: var(--text3); font-size: var(--text-xs); }
.global-search__all { display: block; margin-top: 10px; padding: 12px 8px 4px; border-top: 1px solid var(--border); color: var(--accent); font-size: var(--text-sm); font-weight: 600; }
.global-search__empty,.global-search__loading { padding: 26px 14px; text-align: center; color: var(--text2); }
.global-search-page { width: min(920px,calc(100% - 32px)); margin: 0 auto; padding: 110px 0 80px; }
.global-search-page__head { margin-bottom: 32px; }
.global-search-page__head h1 { margin-bottom: 18px; }
.global-search-page__form { display: flex; gap: 10px; }
.global-search-page__form .input-field { flex: 1; }
.global-search-page__results section { padding: 18px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); }
@media (max-width:599px) { .global-search-dropdown { left: 0; right: 0; max-height: calc(100dvh - 180px); } .global-search-page { padding-top: 82px; } .global-search-page__form { align-items: stretch; flex-direction: column; } }