/* Instrumenten-Finder (thiesa-ADR 0056). Baut auf konfigurator.css auf: gleiche Schritte, Karten und Farben wie der
   Implantatteile-Finder. Hier steht nur, was die Trefferliste und die Zeichnungen brauchen. */
body:has(#ts-instrumente) .index-heading-wrapper{display:none}
body:has(#ts-instrumente) .breadcrumb-wrapper{margin-bottom:12px}
.tk-bild svg .p{fill:var(--tk-blau);stroke:none}
.ti-zeichen{font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--tk-blau)}
.tk-wahl .ti-zeichen{font-size:1rem}
.ti-alle{margin-top:14px}
/* Code und Fachname der Verzahnung klein unter der Beschreibung (thiesa-ADR 0062) */
.tk-wahl__text .ti-code{display:block;margin-top:3px;font-size:.72rem;color:var(--tk-grau);opacity:.85}
/* Längere Namen als beim Implantatteile-Finder (Diamantschleifer, Verblendkunststoff): breitere Karten am Desktop */
@media (min-width:768px){#ts-instrumente .tk-wahlen{grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}}

/* Stand unter den Fragen: wie viele passen, und alle zeigen */
.ti-stand{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;margin:4px 0 0;font-size:.95rem;color:var(--tk-grau)}
.ti-stand .tk-neu{display:inline;margin:0}

/* Trefferliste unter den Schritten */
.ti-liste{display:grid;gap:12px}
.ti-liste__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ti-liste__titel{margin:0;font-size:1.25rem;font-weight:800}
.ti-liste__kopf .tk-neu{margin:0}
.ti-zeile{display:grid;grid-template-columns:96px minmax(0,1fr) 220px;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--tk-linie);
  border-radius:16px;background:#fff;box-shadow:0 14px 30px -26px rgba(20,30,40,.35)}
.ti-zeile .tk-karte__marke{margin:0 0 4px}
/* Produktfoto vor dem Warenkorb (thiesa-ADR 0061), ohne Bild die Formskizze. Chef 06.11.2026: „Zum Schluss müssen die
   Bilder beim Fräser Finder zu sehen sein bevor man diese in den warenkorb packen kann.“ */
.ti-zeile__bild{display:grid;place-items:center;width:96px;aspect-ratio:1;border-radius:12px;background:var(--tk-flaeche);overflow:hidden}
.ti-zeile__bild img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ti-zeile__bild .tk-bild{width:100%;height:100%;border-radius:0;background:none}
a.ti-zeile__bild:hover{box-shadow:0 0 0 2px rgba(47,111,176,.35) inset}
.ti-zeile__titel{margin:0 0 4px;font-size:1rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.ti-zeile__kauf{display:grid;gap:8px;justify-items:stretch}
.ti-zeile__preis{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;margin:0}
.ti-zeile__preis strong{font-size:1.25rem;font-weight:800}
.ti-zeile__preis .tk-karte__steuer{margin:0}
.ti-zeile__preis--laedt{font-size:.88rem;color:var(--tk-grau)}
.ti-zeile__hinweis{margin:0;font-size:.85rem;line-height:1.4;color:var(--tk-text)}
.ti-zeile__regel{margin:0;font-size:.82rem;text-align:right;color:var(--tk-grau)}
.ti-zeile .tk-menge{justify-content:flex-end;margin:0}
.ti-zeile .tk-kaufen{min-height:42px;font-size:.95rem}
.ti-zeile .tk-neu{margin:0 auto}
.ti-mehr{margin:4px auto 0}
@media (max-width:767.98px){
  .ti-zeile{grid-template-columns:1fr;gap:10px;padding:14px}
  .ti-zeile__bild{width:112px}
  .ti-zeile__preis{justify-content:flex-start}
  .ti-zeile .tk-menge{justify-content:flex-start}
  .ti-zeile__regel{text-align:left}
}