/* int-search -- Ergebnisansicht der Geraete-/Ersatzteilsuche.
   Ausgelagert am 06.08.2026 aus dem <style>-Block der Standalone-Datei tba-search.php.
   Angeglichen an das Shop-Theme: Schrift Arial wie im uebrigen Shop (vorher system-ui),
   Akzentfarbe #FF6700 statt des Gruens aus der Testansicht -- das ist die Hausfarbe aus
   customized_theme.css. Struktur, Abstaende und Zustandsfarben (rot fuer nicht lieferbar,
   gruen fuer Ersatz) bleiben unveraendert, sie tragen Bedeutung. */
        .v2{margin-top:24px;font-size:15px}
        .v2 .v2-flag{display:inline-block;background:#111;color:#fff;font-size:11px;font-weight:700;
            letter-spacing:.5px;padding:3px 10px;border-radius:4px;text-transform:uppercase}
        .v2 .v2-head{font-size:22px;font-weight:700;color:#222;margin:14px 0 4px}
        .v2 .v2-sub{color:#777;font-size:13px;margin-bottom:22px}
        /* "Verstanden als: Marke Siemens · Gerät Waschmaschine · Teil schlauch" (06.09.2026) */
        .v2 .v2-erkannt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;
            margin:-12px 0 20px;font-size:13px;color:#777}
        .v2 .v2-erkannt-l{margin-right:2px}
        .v2 .v2-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:14px;
            border:1px solid #ddd;background:#fafafa;color:#555;line-height:1.4}
        .v2 .v2-chip b{color:#222;font-weight:700}
        .v2 .v2-chip-marke{border-color:#cfd8dc;background:#f4f7f9}
        .v2 .v2-chip-typ{border-color:#ffd8b8;background:#fff5ec}
        .v2 .v2-chip-teil{border-color:#ddd;background:#fff}
        .v2 .v2-chip-x{color:#999;text-decoration:none;font-size:12px;padding:0 2px;margin-left:2px}
        .v2 .v2-chip-x:hover{color:#FF6700}
        .v2 .v2-erkannt-hint{flex-basis:100%;color:#b25a00;font-size:12px}
        /* "Alle N Teile zu <Geraet> anzeigen" unter einer gefilterten Teileliste (06.09.2026) */
        .v2 .v2-alleteile{display:inline-block;margin-top:12px;padding:7px 12px;border:1px solid #FF6700;
            border-radius:6px;color:#FF6700;font-size:13px;font-weight:600;text-decoration:none;background:#fff}
        .v2 .v2-alleteile:hover{background:#FF6700;color:#fff}
        .v2 .v2-alleteile b{font-weight:700}
        .v2-dev{border:1px solid #e3e3e3;border-radius:10px;margin-bottom:16px;overflow:hidden;
            box-shadow:0 1px 3px rgba(0,0,0,.05)}
        .v2-dev-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
            padding:16px 18px;background:#fff}
        .v2-dev-name{font-size:18px;font-weight:700;color:#1a1a1a;line-height:1.3}
        .v2-dev-meta{color:#666;font-size:13px;margin-top:5px}
        .v2-dev-meta b{color:#444}
        .v2-conf{white-space:nowrap;font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px}
        .v2-parts{padding:14px 18px;border-top:1px solid #f0f0f0;background:#fcfcfc}
        .v2-parts h4{font-size:13px;color:#555;margin-bottom:9px;font-weight:600}
        .v2-chip{display:inline-block;background:#fff;border:1px solid #e0e0e0;border-radius:16px;
            padding:4px 11px;margin:0 5px 6px 0;font-size:12px;color:#444}
        .v2-chip b{color:#1565c0}
        .v2-buy{background:#e8f5e9;border-color:#c8e6c9}
        /* Warengruppen-Ueberschrift in der Artikel-Liste */
        .v2-wg{font-size:12px;font-weight:700;color:#37474f;text-transform:uppercase;letter-spacing:.5px;
            margin:16px 0 8px;padding-bottom:5px;border-bottom:1px solid #e0e6e9}
        .v2-wg:first-of-type{margin-top:12px}
        .v2-wg span{display:inline-block;background:#eceff1;color:#546e7a;border-radius:10px;
            padding:1px 7px;font-size:11px;margin-left:6px;letter-spacing:0}
        .v2-wg-nml{color:#a1887f;border-bottom-color:#efebe9}
        .v2-wg-nml span{background:#efebe9;color:#8d6e63}
        /* Artikel-ZEILEN (ersetzen die Chip-Blasen bei den kaufbaren Teilen) */
        .v2-rows{margin-top:14px;display:flex;flex-direction:column;gap:6px}
        .v2-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #e8e8e8;
            border-radius:8px;background:#fff;text-decoration:none;color:inherit}
        a.v2-row{transition:border-color .12s,box-shadow .12s}
        a.v2-row:hover{border-color:#FF6700;box-shadow:0 1px 5px rgba(46,125,50,.15)}
        .v2-row-nolink{background:#fbfbfb}
        .v2-row-img{width:42px;height:42px;flex:0 0 42px;object-fit:contain;background:#fafafa;
            border:1px solid #eee;border-radius:6px}
        .v2-row-noimg{display:flex;align-items:center;justify-content:center;color:#ccc;font-size:15px}
        .v2-row-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
        .v2-row-name{font-size:14px;font-weight:600;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .v2-row-nr{font-size:12px;color:#888}
        .v2-row-price{flex:0 0 auto;text-align:right;white-space:nowrap;font-size:14px}
        .v2-row-price b{display:block;color:#1a1a1a}
        .v2-row-price s{font-size:11px;color:#aaa}
        .v2-row-noprice{font-size:12px;color:#aaa}
        /* Ausgelaufener Artikel + sein Ersatz gehoeren optisch zusammen, deshalb ein eigener
           Container mit kleinerem Abstand als die 6px zwischen zwei Artikelzeilen. */
        .v2-rowgrp{display:flex;flex-direction:column;gap:3px}
        .v2-altrow{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 30px;
            border:1px solid #c8e6c9;border-left:3px solid #FF6700;border-radius:8px;
            background:#f3faf4;text-decoration:none;color:inherit;
            transition:border-color .12s,box-shadow .12s}
        .v2-altrow:hover{border-color:#FF6700;box-shadow:0 1px 5px rgba(46,125,50,.15)}
        .v2-altrow-tag{flex:0 0 auto;font-size:11px;font-weight:700;color:#FF6700;
            text-transform:uppercase;letter-spacing:.03em}
        .v2-altrow-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
        .v2-altrow-name{font-size:13px;font-weight:600;color:#d35400;overflow:hidden;
            text-overflow:ellipsis;white-space:nowrap}
        .v2-altrow-nr{font-size:12px;color:#6d8a70}
        .v2-altrow-price{flex:0 0 auto;text-align:right;white-space:nowrap;font-size:13px}
        .v2-altrow-price b{display:block;color:#d35400}
        .v2-altrow-price s{font-size:11px;color:#a5bfa7}
        /* Lazy-Nachladen der Artikel einer eingeklappten Geraete-Kachel */
        .v2-lazy>summary{cursor:pointer;color:#1565c0;font-size:13px;font-weight:600;padding:5px 2px;
            list-style:none}
        .v2-lazy>summary::-webkit-details-marker{display:none}
        .v2-lazy>summary::before{content:"▸ ";color:#90a4ae}
        .v2-lazy[open]>summary::before{content:"▾ "}
        .v2-lazy>summary:hover{text-decoration:underline}
        .v2-lazy-hint{font-size:12px;color:#9e9e9e;padding:2px 2px 0}
        .v2-lazy-msg{font-size:13px;color:#78909c;padding:10px 2px}
        .v2-spin{display:inline-block;width:13px;height:13px;border:2px solid #cfd8dc;
            border-top-color:#1565c0;border-radius:50%;animation:v2spin .7s linear infinite;
            vertical-align:-2px;margin-right:8px}
        @keyframes v2spin{to{transform:rotate(360deg)}}
        .v2-rowmore{margin-top:8px}
        .v2-rowmore>summary{cursor:pointer;color:#1565c0;font-size:13px;font-weight:600;padding:6px 2px;
            list-style:none}
        .v2-rowmore>summary::-webkit-details-marker{display:none}
        .v2-rowmore>summary::before{content:"▸ ";color:#90a4ae}
        .v2-rowmore[open]>summary::before{content:"▾ "}
        .v2-rowmore>summary:hover{text-decoration:underline}
        /* verlinkte Chips: nur die mit Shop-Artikel sind klickbar */
        a.v2-chip-link{text-decoration:none;transition:border-color .12s,box-shadow .12s}
        a.v2-chip-link:hover{border-color:#1565c0;box-shadow:0 1px 4px rgba(21,101,192,.18)}
        a.v2-chip-link.v2-buy:hover{border-color:#FF6700;box-shadow:0 1px 4px rgba(46,125,50,.18)}
        .v2-more{margin:6px 0 22px}
        .v2-more summary{cursor:pointer;color:#1565c0;font-size:14px;padding:8px 0}
        .v2-shop{margin-top:30px}
        .v2-shop h3{font-size:16px;color:#333;margin-bottom:12px;border-left:4px solid #1976D2;padding-left:10px}
        .v2-item{display:flex;justify-content:space-between;align-items:center;gap:14px;
            border:1px solid #eee;border-radius:8px;padding:12px 15px;margin-bottom:8px;background:#fff}
        .v2-item-name{font-weight:600;color:#222}
        .v2-item-meta{color:#888;font-size:12px;margin-top:3px}
        .v2-stock{white-space:nowrap;font-size:13px;font-weight:700}
        .v2-in{color:#FF6700}.v2-out{color:#c62828}.v2-na{color:#aaa;font-style:italic;font-weight:400}
        .v2-cart{background:#4CAF50;color:#fff;border:none;border-radius:6px;padding:8px 14px;
            font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
        .v2-cart:disabled{background:#ccc;cursor:not-allowed}
        .v2-hint{background:#fffdf3;border:1px dashed #e6d9a8;border-radius:8px;padding:10px 14px;
            font-size:12px;color:#8a7a3a;margin-top:20px}
        /* --- Gefuehrte Bestaetigung: EIN klarer Top-Treffer --- */
        .v2-cf{border:2px solid #FF6700;border-radius:12px;padding:22px 24px;margin:4px 0 18px;
            background:linear-gradient(180deg,#f4fbf4 0%,#fff 60%);box-shadow:0 2px 8px rgba(46,125,50,.08)}
        .v2-cf-q{font-size:13px;font-weight:700;color:#FF6700;text-transform:uppercase;letter-spacing:.6px}
        .v2-cf-name{font-size:26px;font-weight:700;color:#1a1a1a;line-height:1.25;margin:8px 0 2px}
        .v2-cf-marke{font-size:15px;color:#555;font-weight:600}
        .v2-cf-facts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
        .v2-cf-fact{background:#fff;border:1px solid #dfe8df;border-radius:8px;padding:8px 13px;font-size:13px;color:#33691e}
        .v2-cf-fact b{color:#d35400;display:block;font-size:11px;text-transform:uppercase;
            letter-spacing:.4px;color:#7a8f7a;font-weight:700;margin-bottom:2px}
        .v2-cf-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;
            padding-top:16px;border-top:1px solid #e4efe4}
        .v2-cf-yes{background:#FF6700;color:#fff;border:none;border-radius:8px;padding:12px 22px;
            font-size:15px;font-weight:700;text-decoration:none;display:inline-block}
        .v2-cf-no{color:#1565c0;font-size:14px;text-decoration:underline;cursor:pointer;background:none;border:none;padding:0}
        .v2-alt{margin:0 0 22px}
        .v2-alt>summary{cursor:pointer;color:#1565c0;font-size:14px;padding:10px 0;font-weight:600}
        .v2-alt[open]>summary{margin-bottom:10px}
        /* Hersteller-Buendelung innerhalb der Alternativen */
        .v2-mgroup{font-size:13px;font-weight:700;color:#455a64;text-transform:uppercase;letter-spacing:.6px;
            margin:18px 0 10px;padding-bottom:6px;border-bottom:2px solid #eceff1}
        .v2-mgroup:first-of-type{margin-top:6px}
        .v2-mgroup span{display:inline-block;background:#eceff1;color:#546e7a;border-radius:10px;
            padding:1px 8px;font-size:11px;margin-left:6px;letter-spacing:0}
        /* Stufe 1: Hersteller-Rueckfrage bei Multi-Marken-Modellen */
        .v2-cf-brand{border-color:#1565c0;background:linear-gradient(180deg,#f2f7fd 0%,#fff 60%);
            box-shadow:0 2px 8px rgba(21,101,192,.08)}
        .v2-cf-brand .v2-cf-q{color:#1565c0}
        .v2-brands{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}
        .v2-brand{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid #cfe0f5;
            border-radius:10px;padding:12px 18px;font-size:15px;font-weight:700;color:#0d47a1;
            text-decoration:none;transition:border-color .12s,background .12s}
        .v2-brand:hover{border-color:#1565c0;background:#f5faff}
        .v2-brand span{background:#e3eefb;color:#1565c0;border-radius:10px;padding:1px 8px;
            font-size:12px;font-weight:600}
        .v2-filter{background:#eef4fb;border:1px solid #cfe0f5;border-radius:8px;padding:9px 14px;
            font-size:13px;color:#0d47a1;margin:0 0 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
        .v2-filter a{color:#1565c0}
        /* Stufe 1b: BSH-Bauzustaende /01 /02 ... nur durch den Zeitraum unterscheidbar */
        .v2-cf-var{border-color:#6a1b9a;background:linear-gradient(180deg,#f9f4fc 0%,#fff 60%);
            box-shadow:0 2px 8px rgba(106,27,154,.08)}
        .v2-cf-var .v2-cf-q{color:#6a1b9a}
        .v2-vars{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:18px}
        .v2-var{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #e6d9f0;
            border-radius:10px;padding:11px 15px;text-decoration:none;transition:border-color .12s,background .12s}
        .v2-var:hover{border-color:#6a1b9a;background:#fcf9fe}
        .v2-var b{font-size:16px;font-weight:700;color:#4a148c;min-width:38px}
        .v2-var span{font-size:13px;color:#666}
/* Geraete-Rueckfrage bei "Marke ohne Typnummer" (16.08.2026), z.B. "OK manschette".
   Einzeilige Liste, damit der Kunde sein Geraet in einem Blick findet -- die
   Bauzustands-Karte darueber ist bewusst mehrspaltig, hier zaehlt der Modellname. */
        .v2-cf-mgeraet .v2-cf-q{color:#6a1b9a}
        .v2-mgeraete{display:flex;flex-direction:column;gap:8px;margin-top:18px}
        .v2-mgeraet{display:flex;align-items:baseline;gap:12px;background:#fff;border:2px solid #e6d9f0;
            border-radius:10px;padding:11px 15px;text-decoration:none;transition:border-color .12s,background .12s}
        .v2-mgeraet:hover{border-color:#6a1b9a;background:#fcf9fe}
        .v2-mgeraet b{font-size:15px;font-weight:700;color:#4a148c}
        .v2-mgeraet span{font-size:13px;color:#666}
/* Rueckfrage nach der Typnummer, wenn die Marke zu viele Geraete hat (Bosch & Co). */
        .v2-cf-mehrinfo .v2-cf-q{color:#6a1b9a}
        .v2-mehrinfo-form{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
        .v2-mehrinfo-feld{flex:1 1 240px;min-width:0;padding:11px 14px;font-size:15px;font-family:inherit;
            border:2px solid #e6d9f0;border-radius:10px;background:#fff;color:#333}
        .v2-mehrinfo-feld:focus{outline:none;border-color:#6a1b9a}
        .v2-mehrinfo-btn{padding:11px 22px;font-size:15px;font-family:inherit;font-weight:700;
            border:0;border-radius:10px;background:#FF6700;color:#fff;cursor:pointer}
        .v2-mehrinfo-btn:hover{background:#e65c00}
/* Sortierleiste ueber der Liste der kaufbaren Artikel (06.08.2026). */
.v2-sortbar { display:flex; align-items:center; gap:6px; margin:8px 0 12px; font-size:12px; }
.v2-sortbar > span { color:#888; margin-right:2px; }
.v2-sortbar button {
	background:#f4f4f4; border:1px solid #ddd; color:#444; cursor:pointer;
	padding:4px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
.v2-sortbar button:hover { border-color:#FF6700; color:#FF6700; }
.v2-sortbar button.is-active { background:#FF6700; border-color:#FF6700; color:#fff; }
