/* Zubehör-Kategorieseiten: ergänzt seiten.css (unverändert mitbenutzt). Nur neue Bausteine und Anpassungen der Karte. */
.zb-filter[hidden],.zb-seiten[hidden],.lp-raster[hidden]{display:none}

/* Filter: viele Werte je Gruppe, darum Chips in Textbreite mit Zahl */
.zb-chips .lp-chip{width:auto;justify-content:flex-start}
.zb-chips .lp-chip-zahl{font-variant-numeric:tabular-nums}

/* Karte: längere Datenbezeichnungen (Hersteller, Oberfläche) */
.zb-karte .lp-produkt-daten div{grid-template-columns:78px minmax(0,1fr)}
.zb-karte .lp-produkt-titel{overflow-wrap:anywhere}
.zb-kennwert{flex-direction:column;gap:10px;text-align:center;padding:12px}
.zb-kennwert-wert{display:block;font-size:22px;font-weight:600;color:var(--t-ink);line-height:1.2}
.zb-kennwert-wert small{display:block;font-size:12px;font-weight:600;color:var(--t-muted);letter-spacing:.04em;margin-bottom:4px}
@media(max-width:699px){.zb-karte .lp-produkt-daten div{grid-template-columns:1fr}.zb-kennwert-wert{font-size:17px}}
@media(max-width:359px){.zb-karte .lp-produkt-daten div{grid-template-columns:78px minmax(0,1fr)}}

/* Blättern */
.zb-seiten{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:10px}
.zb-seiten-stand{font-size:13px;color:var(--t-muted);margin:0}
.zb-seiten ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.zb-seiten button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--t-line);background:#fff;color:var(--t-ink);font:600 14px Manrope,Arial,sans-serif;cursor:pointer;box-sizing:border-box}
.zb-seiten button:hover{border-color:var(--t-ink)}
.zb-seiten button[aria-current=page]{background:var(--t-ink);border-color:var(--t-ink);color:#fff}
.zb-seiten button:disabled{color:#8a909a;border-style:dashed;cursor:default}
.zb-luecke{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--t-muted)}
@media(max-width:480px){.zb-seiten ul{gap:4px}.zb-seiten button{padding:0 8px}.zb-seiten-rand{flex-basis:auto}}

/* Verweis auf die Shop-Kategorie und Hinweis ohne JavaScript */
.zb-shop{margin-top:22px}
.zb-shop-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;font-size:15px;color:var(--t-ink);text-decoration:underline;text-underline-offset:5px}
.zb-ohne-js{margin-top:22px;font-size:14px;line-height:1.6;background:#fff;border-left:3px solid #a2480a;padding:10px 14px}

/* Querverweise: Zahl hinter dem Kategorienamen */
.zb-zahl{margin-left:8px;font-size:12px;color:var(--t-muted)}
.zb-weitere .lp-alle-kategorien:first-of-type{margin-top:0}

/* Übersicht: Kacheln je Kategorie, höchstens drei je Reihe */
.zb-kacheln{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.zb-kachel{display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:#fff;border:1px solid var(--t-line);text-decoration:none;color:var(--t-ink)}
.zb-kachel:hover{border-color:var(--t-ink)}
.zb-kachel-bild{display:block;aspect-ratio:1000/789;border-bottom:1px solid var(--t-line);overflow:hidden;background:#fff}
.zb-kachel-bild img{display:block;width:100%;height:100%;object-fit:contain}
.zb-kachel-text{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px}
.zb-kachel-text strong{font-size:19px;letter-spacing:-.02em;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.zb-kachel-zahl{font-size:15px;font-weight:600}
.zb-kachel-hersteller{font-size:13px;color:var(--t-muted)}
.zb-uebersicht{margin-bottom:80px}
@media(max-width:1023px){.zb-kacheln{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:699px){.zb-kacheln{gap:12px}.zb-kachel-text{padding:14px}.zb-kachel-text strong{font-size:16px}}
@media(max-width:359px){.zb-kacheln{grid-template-columns:1fr}}

/* Ratgeber: Begriffe aus den Filtern als Liste */
.zb-begriffe{margin:4px 0 18px;font-size:15px;line-height:1.65}
.zb-begriffe div{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:4px 16px;padding:8px 0;border-top:1px solid var(--t-line)}
.zb-begriffe div:last-child{border-bottom:1px solid var(--t-line)}
.zb-begriffe dt{font-weight:600}
.zb-begriffe dd{margin:0}
@media(max-width:480px){.zb-begriffe div{grid-template-columns:1fr}}

/* Pilot-Korrekturen: Fokusziel nach dem Blättern ohne Rahmen, Namen ohne Silbentrennung, Filter am Handy kompakt */
.zb-produkte h2[tabindex="-1"]:focus{outline:none}
.zb-karte h3{-webkit-hyphens:manual;hyphens:manual}
@media(max-width:1023px){
 .zb-filter-form{padding:16px 16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
 .zb-filter .lp-chips.zb-chips .lp-chip{width:auto}
 .zb-filter-form .lp-filter-gruppe[data-gruppe=farbe]{grid-row:span 2}
}
@media(max-width:699px){.zb-filter-form{grid-template-columns:1fr}.zb-filter-form .lp-filter-gruppe[data-gruppe=farbe]{grid-row:auto}}
@media(max-width:480px){.zb-seiten li:first-child,.zb-seiten li:last-child{order:1}}
.zb-karte .lp-produkt-bild,.zb-kachel-bild{text-decoration:none}

/* Herstellerfilter (08.10.2026): eingeklappt unter "Weitere Filter", Hinweis ohne Herstellerwahl */
.zb-filter-weitere[hidden],.zb-filter-hinweis[hidden],.zb-filter-form .lp-filter-gruppe[hidden],.zb-gruppe[hidden],.zb-filter-form .lp-chip[hidden]{display:none}
/* Serie und Herstellerfilter je als eigene Klappe (Runde 2): Name, rechts die Zahl der gewählten Werte */
.zb-gruppe{margin:0 0 8px;border-bottom:1px solid var(--t-line)}
.zb-gruppe>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700;cursor:pointer}
.zb-gruppe>summary::-webkit-details-marker{display:none}
.zb-gruppe>summary:after{content:'+';font-size:20px;font-weight:400;min-width:12px;text-align:center}
.zb-gruppe[open]>summary:after{content:'−'}
.zb-gruppe-name{overflow-wrap:anywhere}
.zb-gruppe-gewaehlt{margin-left:auto;font-weight:600;color:var(--t-muted);font-variant-numeric:tabular-nums}
.zb-gruppe>.lp-filter-gruppe{margin:4px 0 14px}
.zb-filter-weitere{grid-column:1/-1;margin:0 0 22px;border-top:1px solid var(--t-line)}
.zb-filter-weitere>summary{list-style:none;display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;cursor:pointer}
.zb-filter-weitere>summary::-webkit-details-marker{display:none}
.zb-filter-weitere>summary:after{content:'+';margin-left:auto;font-size:22px;font-weight:400}
.zb-filter-weitere[open]>summary:after{content:'−'}
.zb-filter-weitere[open]>summary{margin-bottom:12px}
.zb-filter-hinweis{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--t-muted)}
@media(max-width:1023px){.zb-filter-hinweis{margin:0 16px 12px}}
/* Spiegelbefestigung (Rückmeldung 24.10.2026): Seitenfilter Befestigungsart wie im Konfigurator, Bedienziel mindestens 44 px. */
.zb-filter-form [data-gruppe="befestigungsart"] .lp-chip{min-height:44px}