.search-dropdown {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0;
  background: #fff; border: 1px solid #e0e0e0; border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,.13); z-index: 200; overflow: hidden; display: none;
}
.search-dropdown.open { display: block; }
.search-dropdown-item {
  display: flex; align-items: center; gap: 12px; padding: 10px 14px;
  cursor: pointer; text-decoration: none; color: inherit; transition: background .15s;
}
.search-dropdown-item:hover { background: #f5f5f5; }
.search-dropdown-item + .search-dropdown-item { border-top: 1px solid #f0f0f0; }
.search-dropdown-thumb-wrap {
  width: 56px; height: 42px; border-radius: 6px;
  overflow: hidden; flex-shrink: 0; background: #f3f3f3;
}
.search-dropdown-thumb-wrap img { display: block; width: 56px !important; height: 42px !important; object-fit: cover; }
.search-dropdown-thumb-empty {
  width: 56px; height: 42px; border-radius: 6px; background: #f3f3f3;
  display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0;
}
.search-dropdown-info { flex: 1; min-width: 0; }
.search-dropdown-name { font-size: 13px; font-weight: 700; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search-dropdown-meta { font-size: 11px; color: #999; margin-top: 2px; }
.search-dropdown-price { font-size: 13px; font-weight: 700; color: #2d9e00; flex-shrink: 0; }
.search-dropdown-all {
  display: block; text-align: center; padding: 10px;
  font-size: 12px; font-weight: 700; color: #2d9e00;
  background: #f9fdf5; border-top: 1px solid #e8f5e2; cursor: pointer; text-decoration: none;
}
.search-dropdown-all:hover { background: #f0fae8; }