/* Живой поиск (2026-10-20) — выпадающий список подсказок, search-suggest.php|js */
.fx-ss-form { position: relative !important; overflow: visible !important; }
.fx-ss {
  position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 10000; min-width: 280px; max-height: min(70vh, 520px); overflow-y: auto;
  padding: 6px; border-radius: 14px; background: var(--surface, #1b2230); border: 1px solid var(--border, #2f3b57);
  box-shadow: 0 18px 46px -12px rgba(0,0,0,.6); text-align: left;
}
.fx-ss.is-up { top: auto; bottom: calc(100% + 6px); }
.fx-ss.is-loading { opacity: .85; }
html body .fx-ss .fx-ss__it {
  display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 10px; text-decoration: none !important; color: var(--text, #e9edf3) !important;
}
html body .fx-ss .fx-ss__it:hover, html body .fx-ss .fx-ss__it.is-act { background: color-mix(in srgb, var(--blue, #2f8cff) 16%, transparent); }
.fx-ss__it img, .fx-ss__noimg { width: 42px; height: 42px; flex: none; border-radius: 8px; object-fit: cover; background: color-mix(in srgb, var(--text, #fff) 8%, transparent); }
.fx-ss__tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fx-ss__t { font-size: 14px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.fx-ss__t b { color: var(--accent-text, var(--blue, #2f8cff)); font-weight: 800; }
.fx-ss__c { font-size: 11.5px; color: var(--dim, #8a93a3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fx-ss__p { flex: none; font-size: 13.5px; font-weight: 700; color: var(--accent-text, var(--blue, #2f8cff)); white-space: nowrap; }
html body .fx-ss a.fx-ss__all {
  display: block; width: 100%; margin: 4px 0 0; padding: 9px 10px; border: 0; border-top: 1px solid var(--border, #2f3b57); border-radius: 0 0 10px 10px;
  background: transparent !important; color: var(--accent-text, var(--blue, #2f8cff)) !important; font-size: 13px; font-weight: 700; text-align: center; cursor: pointer; box-shadow: none !important;
}
.fx-ss__empty { padding: 12px 10px; font-size: 13.5px; color: var(--dim, #8a93a3); }
.fx-ss__empty a { color: var(--accent-text, var(--blue, #2f8cff)) !important; }
/* светлая тема GAMES */
html:not(.fantom-games-dark) body.mode-games .fx-ss { background: #fff; border-color: #dfe3d6; box-shadow: 0 18px 46px -14px rgba(0,0,0,.25); }
html:not(.fantom-games-dark) body.mode-games .fx-ss .fx-ss__it { color: #151a21 !important; }
/* главная — фиолетовый акцент */
body.fx-home .fx-ss__t b, body.fx-home .fx-ss__p, html body.fx-home .fx-ss .fx-ss__all { color: #c9a2ff !important; }
html body.fx-home .fx-ss .fx-ss__it:hover, html body.fx-home .fx-ss .fx-ss__it.is-act { background: rgba(168,85,247,.16); }
@media (max-width: 767px) {
  .fx-ss { min-width: 0; max-height: 60vh; }
  .fx-ss__it img, .fx-ss__noimg { width: 38px; height: 38px; }
}
.fx-ss__head { padding: 6px 8px 4px; font-size: 12px; font-weight: 700; letter-spacing: .3px; color: var(--dim, #8a93a3); text-transform: uppercase; }
html body .fx-ss a.fx-ss__all { text-decoration: none !important; }
html body .fx-ss a.fx-ss__all:hover { background: color-mix(in srgb, var(--blue, #2f8cff) 12%, transparent) !important; }