/* Suche (08.10.2026, Michas Wunsch): kleines Vorschaubild je Treffer, und die Suche wartet unsichtbar hinter der
   Detailansicht, bis man sie schließt (store.js renderSearch/hideModal). Nach kopfzeile.css geladen. */

/* 1. Treffer mit Bild: Bild · Name · Preis */
.search-result { align-items: center; gap: 14px; padding: 9px 0; }
.search-text { flex: 1 1 auto; min-width: 0; }
.search-thumb {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 46px;
  height: 58px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 3px;
  background: var(--panel, #161616);
}
.search-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; }
.search-thumb-fill { object-fit: cover; filter: blur(8px) saturate(1.1); scale: 1.25; opacity: .7; }
.search-thumb-photo { object-fit: contain; transition: scale .35s var(--ease); }
.search-result:hover .search-thumb-photo, .search-result:focus-visible .search-thumb-photo { scale: 1.08; }
.search-thumb.is-empty { background: repeating-linear-gradient(135deg, transparent 0 5px, var(--line) 5px 6px); }
.search-result.is-sold .search-thumb { opacity: .55; filter: grayscale(1); }

@media (max-width: 680px) {
  .search-result { gap: 11px; }
  .search-thumb { width: 40px; height: 50px; }
}

/* 2. Suche hinter der Detailansicht: unsichtbar, aber mit Begriff, Treffern und Scrollstand noch da. */
.search-dialog.open.is-behind { opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility 0s .2s; }