/* MetallFinderNew – Fallback Styles fuer Browser ohne Shadow DOM */
.mfn-finder{
  display:block;width:100%;max-width:1160px;margin:0 auto;
  border:1px solid #d8e2ff;border-radius:20px;
  background:linear-gradient(180deg,#f8fbff 0%, #eef4ff 50%, #ffffff 100%);
  box-shadow:0 10px 26px rgba(15,23,42,.08);
  padding:20px;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  color:#0f172a;
}
.mfn-finder svg{display:inline-block;vertical-align:middle}
.mfn-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px}
.mfn-card{border:1px solid #e6ecfb;border-radius:14px;background:#fff;padding:16px}
.mfn-fullrow{grid-column:1 / -1}
.mfn-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mfn-head .ico{width:20px;height:20px;color:#2563eb}
.mfn-head .t{font-weight:700}
.mfn-meta{display:flex;flex-wrap:wrap;gap:8px}
.mfn-btn{padding:10px 12px;border-radius:999px;font-weight:700;border:1px solid #dfe6fb;background:#fff;cursor:pointer}
.mfn-btn.active{background:linear-gradient(180deg,#3b82f6,#4da0ff);color:#fff;border:0}
.mfn-slider{display:flex;align-items:center;gap:12px}
.mfn-slider input[type="range"]{width:100%}
.mfn-badge{font-size:12px;padding:6px 10px;border-radius:999px;background:#eef4ff;border:1px solid #dde8ff}
.mfn-actions{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.mfn-actions .left{display:flex;gap:10px;align-items:center}
/* Badges auf Karten */
.s3d-mat{position:relative}
.s3d-match{position:absolute;top:12px;right:12px;background:rgba(59,130,246,.10);border:1px solid rgba(59,130,246,.35);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;color:#0f172a}
.s3d-match.full{background:#e8f9ef;border-color:#bfe8cf;color:#065f46}
@media (max-width:980px){.mfn-grid{grid-template-columns:1fr}}