/* Suchverlauf-Seite: Titel, „Zuletzt gesucht"-Chips, Maschinen-Grid. */

.mm_sv { max-width: 1180px; margin: 0 auto; }
.mm_sv_title { font-size: 30px; font-weight: 700; margin: 8px 0 24px; color: #16202e; }
.mm_sv_sec { margin-bottom: 40px; }
.mm_sv_h2 { font-size: 18px; font-weight: 600; margin: 0 0 14px; padding-bottom: 10px;
  border-bottom: 2px solid #e85d26; display: inline-block; color: #16202e; }

.mm_sv_chips { display: flex; flex-wrap: wrap; gap: 10px; }
.mm_sv_chip { display: inline-flex; flex-direction: column; gap: 2px; text-decoration: none;
  background: #f5f6f8; border: 1px solid #e2e6ec; border-radius: 10px; padding: 9px 15px;
  transition: border-color .12s, background .12s; }
.mm_sv_chip:hover { border-color: #e85d26; background: #fff; }
.mm_sv_chip_l { font-size: 14px; font-weight: 600; color: #16202e; }
.mm_sv_chip:hover .mm_sv_chip_l { color: #e85d26; }
.mm_sv_chip_t { font-size: 11px; color: #8b93a5; }

.mm_sv_empty { font-size: 14px; color: #8b93a5; margin: 4px 0 0; }
.mm_sv_machines { margin-top: 4px; }

/* Karten-Grid (AJAX liefert die Karten in einem #maschinen_markt_liste).
   Ohne Override greift das alte Float-Thirds-Layout der Liste → ungleiche
   Höhen. Wie Filter/Merkliste: Flex-Grid + align-items:stretch → Karten einer
   Zeile gleich hoch, Fuß (Preis + „Details ansehen") via margin-top:auto in
   card.css unten bündig. */
.mm_sv_machines #maschinen_markt_liste {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: stretch;
}
.mm_sv_machines .maschinen_markt_liste_element {
  float: none !important;
  width: calc(33.333% - 11px) !important;
  margin: 0 !important;
  box-sizing: border-box;
}
.mm_sv_machines .maschinen_markt_trennlinie { display: none !important; }
@media (max-width: 900px) {
  .mm_sv_machines .maschinen_markt_liste_element { width: calc(50% - 8px) !important; }
}
@media (max-width: 600px) {
  .mm_sv_machines .maschinen_markt_liste_element { width: 100% !important; }
}

/* ---------- Dunkel ---------- */
html.mm-dark .mm_sv_title,
html.mm-dark .mm_sv_h2 { color: #fff; }
html.mm-dark .mm_sv_chip { background: #1a2535; border-color: rgba(255,255,255,.09); }
html.mm-dark .mm_sv_chip:hover { background: #243044; border-color: #e85d26; }
html.mm-dark .mm_sv_chip_l { color: #fff; }
html.mm-dark .mm_sv_chip:hover .mm_sv_chip_l { color: #e85d26; }
html.mm-dark .mm_sv_chip_t { color: rgba(255,255,255,.4); }
html.mm-dark .mm_sv_empty { color: rgba(255,255,255,.4); }