/* Smart Search – Autocomplete */
.ss-wrapper { position: relative; display: inline-block; width: 100%; }

.ss-dropdown {
    position: absolute;
    top: 100%; left: 0; right: 0;
    background: #fff;
    border: 1px solid #e2e4e7;
    border-top: none;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    list-style: none;
    margin: 0; padding: 4px 0;
    z-index: 9999;
    max-height: 420px;
    overflow-y: auto;
}
.ss-dropdown[hidden] { display: none; }

.ss-item {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 14px; cursor: pointer;
    transition: background 0.12s; color: inherit; text-decoration: none;
}
.ss-item:hover, .ss-item--active { background: #f5f3ee; }

.ss-item__thumb {
    width: 44px; height: 44px; border-radius: 6px;
    object-fit: cover; flex-shrink: 0; background: #eee;
}
.ss-item__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ss-item__title { font-size: 0.9rem; font-weight: 500; color: #1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ss-item__title strong { font-weight: 700; }
.ss-item__cat { font-size: 0.75rem; color: #888; }
.ss-item--empty { color: #aaa; font-size: 0.85rem; cursor: default; padding: 10px 14px; }
.ss-item--empty:hover { background: none; }