.mdtrf{--rf-blue:#2458ad;--rf-dark:#20262c;--rf-line:#d7e0ea;--rf-muted:#6d7986;--rf-bg:#fff;--rf-accent-contrast:#fff;--rf-step-active:#e8f0ff;--rf-step-done:#edf7f1;--rf-choice-py:.58rem;--rf-choice-px:.8rem;--rf-choice-font:.78rem;--rf-search-py:.7rem;--rf-search-font:.78rem;background:var(--rf-bg);border:1px solid var(--rf-line);border-radius:18px;box-shadow:0 20px 50px rgba(25,45,70,.09);padding:1.5rem;color:var(--rf-dark);width:100%;box-sizing:border-box}.mdtrf *{box-sizing:border-box}.mdtrf--full{max-width:860px;margin:1.5rem auto;padding:clamp(1.25rem,3vw,1.75rem)}.mdtrf__eyebrow{margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800;color:var(--rf-blue)}.mdtrf__head h2{margin:0 0 .35rem;font-size:clamp(1.15rem,2vw,1.5rem)}.mdtrf__head p{margin:0;color:var(--rf-muted);font-size:.86rem}.mdtrf__progress{display:grid;grid-template-columns:repeat(var(--mdtrf-step-count,4),1fr);gap:.35rem;margin:1.15rem 0 .95rem}.mdtrf__progress span{font-size:.63rem;padding:.45rem .3rem;border-radius:8px;background:#f2f5f8;color:#8994a0;text-align:center;font-weight:700}.mdtrf__progress span.is-active{background:var(--rf-step-active);color:var(--rf-blue)}.mdtrf__progress span.is-done{background:var(--rf-step-done);color:#2d7d50}.mdtrf__selection{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;margin-bottom:.85rem;font-size:.75rem}.mdtrf__selection>span:not(.mdtrf__sep){background:#f3f6f9;border-radius:999px;padding:.3rem .55rem;font-weight:650}.mdtrf__sep{color:#9ba5af}.mdtrf__panel{min-height:70px}.mdtrf__step-title{font-size:.75rem;font-weight:750;margin-bottom:.55rem}.mdtrf__choices{display:flex;gap:.45rem;flex-wrap:wrap}.mdtrf__choice{appearance:none;border:1px solid #c9d6e3;background:#fff;color:#1f2b37;border-radius:8px;padding:var(--rf-choice-py) var(--rf-choice-px);font:inherit;font-size:var(--rf-choice-font);font-weight:700;cursor:pointer;transition:.15s ease}.mdtrf__choice:hover,.mdtrf__choice:focus-visible{border-color:var(--rf-blue);box-shadow:0 0 0 2px rgba(36,88,173,.1);outline:0}.mdtrf__choice--wide{min-width:110px;text-align:left}.mdtrf__controls{display:flex;justify-content:space-between;gap:1rem;margin-top:.8rem}.mdtrf__back,.mdtrf__reset{border:0;background:none;padding:.2rem 0;font-size:.72rem;font-weight:700;color:var(--rf-blue);cursor:pointer}.mdtrf__reset{color:#747f89}.mdtrf__divider{height:1px;background:var(--rf-line);margin:1rem 0}.mdtrf__direct label{display:block;font-size:.72rem;font-weight:650;margin-bottom:.4rem}.mdtrf__search-row{display:grid;grid-template-columns:1fr auto;border:1px solid #aab8c6;border-radius:8px;overflow:hidden;background:#fff}.mdtrf__search-row:focus-within{border-color:var(--rf-blue);box-shadow:0 0 0 2px rgba(36,88,173,.1)}.mdtrf__search-row input{min-width:0;border:0!important;outline:0!important;box-shadow:none!important;padding:var(--rf-search-py) .8rem;font-size:var(--rf-search-font);background:#fff;color:#1f2b37}.mdtrf__search-row button{border:0;background:var(--rf-blue);color:var(--rf-accent-contrast);padding:var(--rf-search-py) 1.15rem;font-weight:750;font-size:var(--rf-search-font);cursor:pointer}.mdtrf__loading,.mdtrf__empty{padding:.8rem;border-radius:8px;background:#f5f7f9;color:#6f7b86;font-size:.76rem}.mdtrf__empty.is-error{background:#fff1f0;color:#a33a32}.mdtrf__results{display:grid;gap:.55rem}.mdtrf__result{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:.7rem;padding:.65rem;border:1px solid var(--rf-line);border-radius:10px;text-decoration:none!important;color:inherit!important;background:#fff;transition:.15s ease}.mdtrf__result:hover{border-color:#a9bdd3;transform:translateY(-1px)}.mdtrf__result img,.mdtrf__result-placeholder{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#eef3f8;display:grid;place-items:center;font-size:.7rem;font-weight:800;color:#6f8194}.mdtrf__result-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.mdtrf__result-body strong{font-size:.8rem;line-height:1.25}.mdtrf__result-body small{font-size:.66rem;color:#7b8792}.mdtrf__price{font-size:.75rem;font-weight:750;color:var(--rf-blue)}.mdtrf__result-arrow{font-weight:800;color:var(--rf-blue)}.mdtrf__search-results{margin-top:.7rem}.mdt-finder-card.mdtrf{padding:1.5rem!important}.mdtrf--compact .mdtrf__progress{margin-top:1rem}.mdtrf--compact .mdtrf__progress span{font-size:.57rem}.mdtrf--compact .mdtrf__head h2{font-size:1.05rem}.mdtrf--compact .mdtrf__head p{font-size:.72rem}@media(max-width:700px){.mdtrf{border-radius:14px;padding:1.1rem}.mdtrf__progress{display:none}.mdtrf__choice{flex:1 1 calc(50% - .45rem);text-align:center}.mdtrf__controls{margin-top:1rem}.mdtrf__result{grid-template-columns:42px 1fr auto}.mdtrf__result img,.mdtrf__result-placeholder{width:42px;height:42px}}

/* 3.1.35 – Kleine Reparaturvorschau nach der Modellauswahl. */
.mdtrf__preview{margin:0 0 .9rem;padding:0 0 .9rem;border-bottom:1px solid var(--rf-line)}
.mdtrf__preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}
.mdtrf__preview-head strong{font-size:.78rem;color:var(--rf-dark)}
.mdtrf__preview-head span{font-size:.66rem;color:var(--rf-muted)}
.mdtrf__preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.mdtrf__preview-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.5rem;min-width:0;padding:.5rem;border:1px solid var(--rf-line);border-radius:9px;background:#fff;color:inherit!important;text-decoration:none!important;transition:.15s ease}
.mdtrf__preview-item:hover{border-color:#a9bdd3;transform:translateY(-1px)}
.mdtrf__preview-item img,.mdtrf__preview-item .mdtrf__result-placeholder{width:42px;height:42px;border-radius:7px;object-fit:cover}
.mdtrf__preview-item span{display:flex;flex-direction:column;min-width:0;gap:.1rem}
.mdtrf__preview-item strong{font-size:.68rem;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mdtrf__preview-item em{font-style:normal;font-size:.68rem;font-weight:750;color:var(--rf-blue)}
.mdtrf__preview-item b{color:var(--rf-blue);font-size:.9rem}
@media(max-width:820px){.mdtrf__preview-grid{grid-template-columns:1fr}.mdtrf__preview-head{align-items:flex-start;flex-direction:column;gap:.15rem}}

/* 3.1.36 – konfigurierbare Finder-Darstellung, größere Buttons und Suche oberhalb der Fahrzeugauswahl. */
.mdtrf--buttons-large{--rf-choice-py:.74rem;--rf-choice-px:1.05rem;--rf-choice-font:.86rem;--rf-search-py:.8rem;--rf-search-font:.86rem}
.mdtrf--buttons-xl{--rf-choice-py:.9rem;--rf-choice-px:1.2rem;--rf-choice-font:.95rem;--rf-search-py:.92rem;--rf-search-font:.94rem}
.mdtrf--buttons-large .mdtrf__back,.mdtrf--buttons-large .mdtrf__reset{font-size:.8rem}.mdtrf--buttons-xl .mdtrf__back,.mdtrf--buttons-xl .mdtrf__reset{font-size:.86rem}
.mdtrf__direct--top{margin-top:1rem}.mdtrf__direct--top+.mdtrf__divider{margin:.95rem 0 1rem}
.mdtrf__direct--top .mdtrf__search-results:not([hidden]){margin-bottom:.35rem}
/* 3.1.40: Hersteller-Kacheln bewusst gleichmäßig breit statt nach Textlänge. */
.mdtrf__choices--makes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}
.mdtrf__choices--makes .mdtrf__choice{width:100%;min-width:0;text-align:center;display:flex;align-items:center;justify-content:center}
@media(max-width:900px){.mdtrf__choices--makes{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.mdtrf__choices--makes{grid-template-columns:repeat(2,minmax(0,1fr))}.mdtrf__choices--makes .mdtrf__choice{flex:none}}


/* 3.1.41: Hersteller-Kacheln zusätzlich mit identischer Höhe. */
.mdtrf__choices--makes .mdtrf__choice{height:48px;min-height:48px;line-height:1.2}
@media(max-width:700px){.mdtrf__choices--makes .mdtrf__choice{height:48px;min-height:48px}}

/* 3.1.42 – Reparatur finden als Shop-/Filteransicht. */
.mdtrf-shop-page{width:min(calc(100vw - 2.5rem),1240px);max-width:1240px;margin:0 auto 2.5rem;position:relative;left:50%;transform:translateX(-50%)}
.mdtrf-shop__intro{max-width:900px;margin:.2rem 0 1.1rem;color:#667487;font-size:1rem;line-height:1.6}
.mdtrf--shop{max-width:none;margin:0;padding:1.5rem 1.6rem;box-shadow:0 18px 42px rgba(25,45,70,.07)}
.mdtrf--shop .mdtrf__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.mdtrf--shop .mdtrf__head h2{font-size:1.28rem}
.mdtrf--shop .mdtrf__panel{min-height:64px}
.mdtrf--shop .mdtrf__shop-filter-done{padding:.85rem 1rem;border-radius:10px;background:#eef4ff;color:#2458ad;font-size:.82rem;font-weight:750}
.mdtrf-shop__catalog{margin-top:2.25rem}
.mdtrf-shop__catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.mdtrf-shop__catalog-head h2{margin:.15rem 0 0;font-size:clamp(1.55rem,2.8vw,2.2rem);line-height:1.15}
.mdtrf-shop__catalog-head>strong{color:#667487;font-size:.9rem;font-weight:750;white-space:nowrap}
.mdtrf-shop__eyebrow{display:block;color:#2458ad;text-transform:uppercase;letter-spacing:.11em;font-size:.7rem;font-weight:850}
.mdtrf-shop__loading,.mdtrf-shop__empty{padding:1.25rem 1.35rem;border:1px solid #dce5ef;border-radius:14px;background:#f8fafc;color:#667487}
.mdtrf-shop__empty{display:flex;flex-direction:column;gap:.25rem}
.mdtrf-shop__empty strong{color:#20262c;font-size:1rem}.mdtrf-shop__empty.is-error{background:#fff1f0;color:#a33a32}
.mdtrf-shop__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.mdtrf-shop__card{display:flex;flex-direction:column;min-width:0;border:1px solid #d8e2ec;border-radius:16px;overflow:hidden;background:#fff;color:#20262c!important;text-decoration:none!important;box-shadow:0 8px 28px rgba(31,52,73,.04);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.mdtrf-shop__card:hover{transform:translateY(-2px);border-color:#afc3da;box-shadow:0 14px 34px rgba(31,52,73,.08)}
.mdtrf-shop__image{display:block;aspect-ratio:16/10;background:#f4f7fa;overflow:hidden}
.mdtrf-shop__image img{width:100%;height:100%;object-fit:contain;display:block;padding:.6rem;background:#fff}
.mdtrf-shop__placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:1.4rem;font-weight:900;color:#8293a5;background:#eef3f8}
.mdtrf-shop__body{display:flex;flex:1;flex-direction:column;padding:1rem 1.05rem 1.05rem;min-height:0}
.mdtrf-shop__body>small{margin-bottom:.35rem;color:#7a8795;font-size:.68rem}
.mdtrf-shop__body>strong{font-size:1rem;line-height:1.3;color:#1f2a35}
.mdtrf-shop__body>p{margin:.5rem 0 .9rem;color:#697788;font-size:.8rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mdtrf-shop__bottom{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:.8rem;border-top:1px solid #edf1f5}
.mdtrf-shop__price{color:#2458ad;font-weight:850;font-size:.92rem}.mdtrf-shop__bottom b{font-size:.78rem;color:#2458ad;white-space:nowrap}.mdtrf-shop__bottom i{font-style:normal}
.mdtrf-shop__help{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:2.2rem;padding:1.35rem 1.5rem;border-radius:18px;background:#2b62bd;color:#fff;box-shadow:0 16px 34px rgba(36,88,173,.16)}
.mdtrf-shop__help>div:first-child{display:flex;flex-direction:column;gap:.2rem}.mdtrf-shop__help strong{font-size:1.18rem}.mdtrf-shop__help span{font-size:.84rem;opacity:.92}
.mdtrf-shop__help-actions{display:flex;gap:.65rem;flex-wrap:wrap}.mdtrf-shop__help-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border-radius:9px;background:#fff;color:#1f2a35!important;text-decoration:none!important;font-size:.8rem;font-weight:800;white-space:nowrap}
@media(max-width:980px){.mdtrf-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mdtrf-shop-page{width:min(calc(100vw - 2rem),1240px)}}
@media(max-width:700px){.mdtrf-shop-page{width:min(calc(100vw - 1.25rem),1240px)}.mdtrf-shop__intro{font-size:.9rem}.mdtrf-shop__catalog-head{align-items:flex-start;flex-direction:column;gap:.35rem}.mdtrf-shop__grid{grid-template-columns:1fr}.mdtrf-shop__help{align-items:flex-start;flex-direction:column}.mdtrf-shop__help-actions{width:100%}.mdtrf-shop__help-actions a{flex:1 1 100%}}

/* 3.1.44 – Shop-Karten kompakter: Hersteller/Bauteil statt Teilenummer, klarer CTA. */
.mdtrf-shop__image{height:210px;aspect-ratio:auto}
.mdtrf-shop__image img{padding:.45rem;max-width:100%;margin:0 auto}
.mdtrf-shop__body{padding:.9rem 1rem 1rem}
.mdtrf-shop__body>strong{font-size:.98rem;line-height:1.28}
.mdtrf-shop__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.28rem .42rem;margin:.4rem 0 .15rem;color:#718093;font-size:.72rem;line-height:1.35}
.mdtrf-shop__meta i{font-style:normal;color:#a7b3c0}
.mdtrf-shop__body>p{margin:.4rem 0 .7rem;-webkit-line-clamp:2}
.mdtrf-shop__bottom{padding-top:.72rem}
.mdtrf-shop__view{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:36px;padding:.48rem .72rem;border-radius:8px;background:#2458ad;color:#fff!important;font-size:.74rem!important;font-weight:800;line-height:1;white-space:nowrap}
.mdtrf-shop__card:hover .mdtrf-shop__view{background:#1d4b98}
.mdtrf-shop__view i{color:inherit}
@media(max-width:700px){.mdtrf-shop__image{height:190px}.mdtrf-shop__bottom{align-items:flex-end}.mdtrf-shop__view{min-height:38px}}


/* 3.1.45 – Kein Treffer in Direkt-/Nummernsuche: Fahrzeugkacheln ausblenden, klare nächste Schritte zeigen. */
.mdtrf.is-search-miss .mdtrf__divider,
.mdtrf.is-search-miss .mdtrf__progress,
.mdtrf.is-search-miss .mdtrf__selection,
.mdtrf.is-search-miss .mdtrf__panel,
.mdtrf.is-search-miss .mdtrf__controls{display:none!important}
.mdtrf.is-search-miss .mdtrf__search-results{margin-top:1rem!important;margin-bottom:0!important}
.mdtrf__search-miss{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.15rem 1.2rem;border:1px solid #d9e4ef;border-radius:12px;background:#f7f9fc;color:#667487}
.mdtrf__search-miss>strong{color:#20262c;font-size:1rem;line-height:1.3}
.mdtrf__search-miss>span{font-size:.82rem}
.mdtrf__search-miss-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.35rem}
.mdtrf__search-miss-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.62rem .9rem;border-radius:8px;background:var(--rf-blue);color:var(--rf-accent-contrast)!important;text-decoration:none!important;font-size:.78rem;font-weight:800}
.mdtrf__search-miss-actions a+ a{background:#fff;color:var(--rf-blue)!important;border:1px solid var(--rf-blue)}
.mdtrf-shop-page.is-search-miss .mdtrf-shop__catalog,
.mdtrf-shop-page.is-search-miss .mdtrf-shop__help{display:none!important}
@media(max-width:700px){.mdtrf__search-miss-actions{width:100%}.mdtrf__search-miss-actions a{flex:1 1 100%}}


/* 3.1.46 – Shop zunächst kompakt: 12 Reparaturen + schrittweises Nachladen, einheitliche Karten. */
.mdtrf-shop__grid{align-items:stretch}
.mdtrf-shop__card{height:100%}
.mdtrf-shop__image{height:195px}
.mdtrf-shop__body>strong{min-height:3.75em;display:block}
.mdtrf-shop__meta{min-height:1.9em}
.mdtrf-shop__body>p{min-height:2.4em;margin-bottom:.6rem}
.mdtrf-shop__more{display:flex;justify-content:center;margin-top:1.25rem}
.mdtrf-shop__more-button{appearance:none;border:0;border-radius:10px;background:#2458ad;color:#fff;padding:.78rem 1.2rem;min-height:44px;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(36,88,173,.14)}
.mdtrf-shop__more-button:hover{background:#1d4b98}
.mdtrf-shop__more-button:focus-visible{outline:3px solid rgba(36,88,173,.25);outline-offset:3px}
@media(max-width:700px){.mdtrf-shop__image{height:185px}.mdtrf-shop__body>strong{min-height:0}.mdtrf-shop__meta,.mdtrf-shop__body>p{min-height:0}.mdtrf-shop__more-button{width:100%}}
