.search-box { position: relative; }
.search-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    inset-inline-start: 0;
    inset-inline-end: 0;
    background: #fff;
    border: 1px solid var(--line, #ece6d6);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(20, 16, 8, 0.10);
    z-index: 50;
    max-height: 420px;
    overflow-y: auto;
    display: none;
}
.hs-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--line, #f1ebe0);
    color: inherit;
    text-decoration: none;
    transition: background 0.12s ease;
}
.hs-item:last-child { border-bottom: 0; }
.hs-item:hover { background: #faf6ec; color: inherit; }
.hs-thumb {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    background: #f6f2e8;
}
.hs-info { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.hs-title {
    font-weight: 600;
    color: var(--ink, #1f1d18);
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hs-price { font-size: 12.5px; color: var(--rust, #b07e46); margin-top: 2px; }
.hs-empty {
    padding: 18px 14px;
    text-align: center;
    color: var(--muted, #8a7a55);
    font-size: 13px;
}