.search-match-hint { margin: 8px 0; color: #52617a; font-size: 13px; line-height: 1.5; }
.search-match-hint[hidden], .search-suggestions-panel[hidden] { display: none; }
.search-suggestions-panel { position: fixed; z-index: 10001; overflow: auto; overscroll-behavior: contain; background: #fff; border: 1px solid #d4ddea; border-radius: 12px; box-shadow: 0 15px 38px #13254229; color: #142541; text-align: left; }
.search-suggestions-status { padding: 12px 16px; margin: 0; font-size: 12px; font-weight: 600; line-height: 1.5; color: #52617a; background: #f6f8fb; border-bottom: 1px solid #e3e8f0; }
.search-suggestions-panel a { display: flex; gap: 12px; align-items: center; padding: 12px 16px; min-height: 56px; color: #142541; text-decoration: none; border-bottom: 1px solid #edf0f5; }
.search-suggestions-panel a:last-child { border: 0; color: #cf0a2c; background: #fff8f9; }
.search-suggestions-panel a:hover, .search-suggestions-panel a[aria-selected="true"] { background: #f0f4fa; outline: 2px solid #cf0a2c; outline-offset: -2px; }
.search-suggestions-panel img { flex: 0 0 46px; width: 46px; height: 46px; object-fit: contain; background: #fff; border-radius: 5px; }
.search-suggestions-panel span { min-width: 0; }
.search-suggestions-panel strong { display: block; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.search-suggestions-panel small { display: block; margin-top: 4px; font-size: 11px; line-height: 1.4; color: #52617a; }
@media (max-width: 600px) { .search-suggestions-panel a { padding: 10px 12px; } .search-suggestions-panel strong { font-size: 13px; } }