.live-search-root { position: relative; min-width: 0; }
.live-search-panel { position: fixed; z-index: 13000; max-height: min(520px, 70vh); overflow: auto; padding: 7px; border: 1px solid rgba(94, 174, 244, 0.38); border-radius: 8px; background: rgba(3, 24, 48, 0.98); box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42); backdrop-filter: blur(16px); }
.live-search-panel[hidden] { display: none; }
.live-search-status { padding: 15px; color: #abc3da; font-size: 12px; text-align: center; }
.live-search-list { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.live-search-item { display: grid; grid-template-columns: 66px minmax(0, 1fr) auto; gap: 11px; align-items: center; min-height: 76px; padding: 7px; border: 1px solid transparent; border-radius: 6px; color: #fff; text-decoration: none; transition: background-color 0.18s ease, border-color 0.18s ease; }
.live-search-item:hover, .live-search-item.is-active { border-color: rgba(255, 157, 46, 0.5); background: rgba(19, 131, 230, 0.16); outline: none; }
.live-search-image { width: 66px; height: 60px; object-fit: contain; border-radius: 5px; background: #edf5fb; }
.live-search-copy { min-width: 0; }
.live-search-copy strong { display: block; overflow: hidden; color: #fff; font-size: 13px; line-height: 1.55; text-overflow: ellipsis; white-space: nowrap; }
.live-search-copy span { display: block; margin-top: 3px; overflow: hidden; color: #a9c1d7; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.live-search-side { text-align: left; }
.live-search-type { display: block; color: #ffad43; font-size: 9px; }
.live-search-price { display: block; margin-top: 6px; color: #e8f5ff; font-size: 10px; font-weight: 800; white-space: nowrap; }
.live-search-footer { display: flex; justify-content: space-between; gap: 10px; padding: 9px 7px 3px; color: #83a3bf; font-size: 9px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
@media (max-width: 680px) { .live-search-panel { max-height: calc(100dvh - 96px); } .live-search-item { grid-template-columns: 58px minmax(0, 1fr); min-height: 70px; } .live-search-image { width: 58px; height: 54px; } .live-search-side { grid-column: 2; display: flex; align-items: center; justify-content: space-between; text-align: right; } .live-search-copy strong { white-space: normal; } }
@media (prefers-reduced-motion: reduce) { .live-search-item { transition: none; } }