/* Live search list under the header search box: four rows are visible, the rest scrolls */
.hs-drop { position: fixed; z-index: 2000; background: #fff; border: 1px solid #d7dce0; border-top: 3px solid var(--brand-red); color: #111; }
.hs-drop[hidden] { display: none; }
.hs-list { max-height: 263px; margin: 0; padding: 0; overflow-y: auto; overscroll-behavior: contain; list-style: none; scrollbar-width: thin; scrollbar-color: #c4cad0 #f3f5f6; }
.hs-list::-webkit-scrollbar { width: 8px; }
.hs-list::-webkit-scrollbar-track { background: #f3f5f6; }
.hs-list::-webkit-scrollbar-thumb { background: #c4cad0; }
.hs-list > li + li { border-top: 1px solid #eef0f2; }
.hs-item { display: flex; align-items: center; gap: .8rem; height: 65px; padding: .5rem .8rem; color: inherit; text-decoration: none; transition: background .15s ease; }
.hs-item:hover, .hs-item.is-active { color: inherit; background: #fff1f1; }
.hs-thumb { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; overflow: hidden; background: #f3f5f6; }
.hs-thumb img { width: 100%; height: 100%; object-fit: contain; }
.hs-text { display: flex; flex-direction: column; min-width: 0; gap: .15rem; }
.hs-text b { overflow: hidden; font-size: .88rem; font-weight: 700; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.hs-text small { overflow: hidden; color: #7b858c; font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
.hs-item.is-active .hs-text b, .hs-item:hover .hs-text b { color: var(--brand-red); }
.hs-message { padding: 1rem .9rem; color: #5b656b; font-size: .86rem; }
.hs-message.is-loading { color: #8a949a; }
.hs-all { display: block; padding: .7rem .9rem; color: #fff; font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-align: center; text-decoration: none; text-transform: uppercase; background: var(--brand-red); }
.hs-all[hidden] { display: none; }
.hs-all:hover { color: #fff; background: #bd1118; }
@media (max-width: 575.98px) { .hs-item { height: 60px; } .hs-list { max-height: 243px; } }