/* Подсказки поиска (omni-suggest.js): блок под полем, не шире экрана; слой выше мобильного окна поиска витрин (100050) */
.ss-box { position: fixed; z-index: 100100; box-sizing: border-box; max-width: calc(100vw - 16px); overflow-x: hidden; overflow-y: auto; background: #fff; color: #222;
  border: 1px solid #d5d9e0; border-radius: 8px; box-shadow: 0 10px 28px rgba(0, 0, 0, .18); font: 14px/1.3 Arial, Helvetica, sans-serif; }
.ss-box * { box-sizing: border-box; }
.ss-h { padding: 8px 14px 4px; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: #8a919c; }
.ss-fix { padding: 8px 14px; font-size: 13px; background: #f5f7fa; color: #4b5563; border-bottom: 1px solid #e6e9ee; }
.ss-i { display: flex; align-items: center; gap: 10px; padding: 8px 14px; color: #222; text-decoration: none; min-width: 0; }
.ss-i:hover, .ss-i.ss-act { background: #eef3fb; color: #111; }
.ss-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ss-p .ss-t { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ss-n { flex: 0 0 auto; color: #8a919c; font-size: 12px; }
.ss-img { flex: 0 0 44px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.ss-img img { max-width: 44px; max-height: 44px; display: block; }
.ss-pr { flex: 0 0 auto; font-weight: 700; white-space: nowrap; }
.ss-sec .ss-t, .ss-br .ss-t { font-weight: 600; }
.ss-all { justify-content: center; border-top: 1px solid #e6e9ee; color: #1a5fb4; font-weight: 600; }
.ss-empty { padding: 14px; color: #6b7280; }
@media (max-width: 767.98px) { .ss-box { font-size: 15px; } .ss-i { padding: 10px 12px; } }
