/* Merchify God Tool – Design-System für Produkttexte. Greift NUR innerhalb von <div class="mfb">. */
:is(.mfb,#_) {
	--mfb-accent: #ff0080; --mfb-accent2: #7a00ff; --mfb-radius: 12px; --mfb-gap: 1.1em; --mfb-scale: 1; --mfb-hw: 700; --mfb-htt: none; --mfb-hls: normal; --mfb-grad: linear-gradient(135deg, var(--mfb-accent), var(--mfb-accent2));
	--mfb-tint: rgba(128,128,128,.09); --mfb-line: rgba(128,128,128,.28); --mfb-muted: rgba(128,128,128,1);
	display: block; max-width: 100%; margin: 0 0 1.2em; padding: 0; font-family: inherit; font-size: calc(1em * var(--mfb-scale, 1)); line-height: 1.6; color: inherit; text-align: left; overflow-wrap: anywhere;
}
@supports (color: color-mix(in srgb, red 50%, blue)) {
	:is(.mfb,#_) { --mfb-tint: color-mix(in srgb, currentColor 6%, transparent); --mfb-line: color-mix(in srgb, currentColor 18%, transparent); --mfb-muted: color-mix(in srgb, currentColor 62%, transparent); }
}
:is(.mfb,#_) *, :is(.mfb,#_) *::before, :is(.mfb,#_) *::after { box-sizing: border-box; }
:is(.mfb,#_) :where(h2, h3, h4, p, ul, ol, li, table, figure, details, summary, blockquote) { margin: 0; padding: 0; font-family: inherit; color: inherit; letter-spacing: normal; text-transform: none; background: none; border: 0; }
:is(.mfb,#_) > * + *, :is(.mfb,#_) .mfb-col > * + * { margin-top: var(--mfb-gap); }
:is(.mfb,#_) > style + *, :is(.mfb,#_) > :first-child { margin-top: 0; }
:is(.mfb,#_) a { color: var(--mfb-accent); text-decoration: underline; text-underline-offset: 2px; }
:is(.mfb,#_) strong, :is(.mfb,#_) b { font-weight: 700; }
:is(.mfb,#_) .mfb-center { text-align: center; }

/* Überschrift */
:is(.mfb,#_) .mfb-kicker { display: block; margin: 0 0 .35em; font-size: .78em; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mfb-accent); }
:is(.mfb,#_) .mfb-h { font-weight: var(--mfb-hw, 700); line-height: 1.25; text-transform: var(--mfb-htt, none); letter-spacing: var(--mfb-hls, normal); }
:is(.mfb,#_) h2.mfb-h { font-size: 1.45em; }
:is(.mfb,#_) h3.mfb-h { font-size: 1.2em; }
:is(.mfb,#_) h4.mfb-h { font-size: 1.05em; }
:is(.mfb,#_) .mfb-h--line::after { content: ""; display: block; width: 48px; height: 3px; margin-top: .45em; border-radius: 3px; background: var(--mfb-accent); }
:is(.mfb,#_) .mfb-center.mfb-h--line::after, :is(.mfb,#_) .mfb-center .mfb-h--line::after { margin-left: auto; margin-right: auto; }

/* Text */
:is(.mfb,#_) p + p { margin-top: .75em; } /* Absätze in allen Elementen (Text, Kasten, Hinweis, FAQ, Bewertung …) */
:is(.mfb,#_) .mfb-lead { font-size: 1.12em; }

/* Listen */
:is(.mfb,#_) .mfb-list { list-style: none; display: grid; gap: .45em; }
:is(.mfb,#_) .mfb-list li { position: relative; padding-left: 1.7em; }
:is(.mfb,#_) .mfb-list li::before { content: ""; position: absolute; left: 0; top: .2em; width: 1.15em; height: 1.15em; background: var(--mfb-accent); }
:is(.mfb,#_) .mfb-list--check li::before { -webkit-mask: var(--mfb-i-check) center / contain no-repeat; mask: var(--mfb-i-check) center / contain no-repeat; }
:is(.mfb,#_) .mfb-list--dot li::before { top: .58em; left: .35em; width: .45em; height: .45em; border-radius: 50%; }
:is(.mfb,#_) .mfb-list--num { counter-reset: mfb; }
:is(.mfb,#_) .mfb-list--num li { counter-increment: mfb; padding-left: 2em; }
:is(.mfb,#_) .mfb-list--num li::before { content: counter(mfb); top: .05em; width: 1.45em; height: 1.45em; border-radius: 50%; color: #fff; font-size: .8em; font-weight: 700; line-height: 1.45em; text-align: center; }
:is(.mfb,#_) .mfb-list--cols { grid-template-columns: repeat(auto-fit, minmax(14em, 1fr)); column-gap: 1.5em; }

/* Icons (CSS-Masken – kein SVG im Text nötig) */
:is(.mfb,#_) .mfb-i { display: inline-block; flex: 0 0 auto; width: 1.5em; height: 1.5em; vertical-align: middle; background: currentColor; -webkit-mask: var(--mfb-ico) center / contain no-repeat; mask: var(--mfb-ico) center / contain no-repeat; }

/* Vorteile (Icon-Raster) */
:is(.mfb,#_) .mfb-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(11em, 1fr)); gap: 1em; }
:is(.mfb,#_) .mfb-feature { display: flex; flex-direction: column; gap: .35em; padding: 1em; border-radius: var(--mfb-radius); background: var(--mfb-tint); }
:is(.mfb,#_) .mfb-feature .mfb-i { width: 2.4em; height: 2.4em; padding: .55em; border-radius: 50%; color: var(--mfb-accent); background: none; -webkit-mask: none; mask: none; position: relative; }
:is(.mfb,#_) .mfb-feature .mfb-i::before { content: ""; position: absolute; inset: .55em; background: currentColor; -webkit-mask: var(--mfb-ico) center / contain no-repeat; mask: var(--mfb-ico) center / contain no-repeat; }
:is(.mfb,#_) .mfb-feature .mfb-i::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: currentColor; opacity: .12; }
:is(.mfb,#_) .mfb-feature strong { display: block; font-size: 1em; line-height: 1.3; }
:is(.mfb,#_) .mfb-center .mfb-feature, :is(.mfb,#_) .mfb-feature.mfb-center { align-items: center; }
:is(.mfb,#_) .mfb-right .mfb-feature, :is(.mfb,#_) .mfb-feature.mfb-right { align-items: flex-end; }
:is(.mfb,#_) .mfb-feature span { display: block; font-size: .9em; color: var(--mfb-muted); }
:is(.mfb,#_) .mfb-features--row .mfb-feature { flex-direction: row; align-items: flex-start; gap: .8em; }

/* Tabellen */
:is(.mfb,#_) .mfb-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--mfb-line); border-radius: var(--mfb-radius); }
:is(.mfb,#_) .mfb-table { width: 100%; border-collapse: collapse; font-size: .95em; }
:is(.mfb,#_) .mfb-table th, :is(.mfb,#_) .mfb-table td { padding: .6em .9em; border: 0; border-bottom: 1px solid var(--mfb-line); text-align: left; vertical-align: top; }
:is(.mfb,#_) .mfb-table tr:last-child th, :is(.mfb,#_) .mfb-table tr:last-child td { border-bottom: 0; }
:is(.mfb,#_) .mfb-table th { font-weight: 700; }
:is(.mfb,#_) .mfb-specs th { width: 38%; color: var(--mfb-muted); font-weight: 600; }
:is(.mfb,#_) .mfb-sizes thead th { background: var(--mfb-tint); white-space: nowrap; }
:is(.mfb,#_) .mfb-sizes td, :is(.mfb,#_) .mfb-sizes thead th + th { text-align: center; }
:is(.mfb,#_) .mfb-sizes tbody th { white-space: nowrap; }
:is(.mfb,#_) .mfb-caption { font-size: .85em; color: var(--mfb-muted); }

/* Hinweis-Box */
:is(.mfb,#_) .mfb-note { display: flex; gap: .8em; padding: 1em 1.1em; border-radius: var(--mfb-radius); border-left: 4px solid var(--mfb-c, var(--mfb-accent)); background: var(--mfb-tint); }
:is(.mfb,#_) .mfb-note > .mfb-i { color: var(--mfb-c, var(--mfb-accent)); }
:is(.mfb,#_) .mfb-note strong { display: block; margin-bottom: .15em; }
:is(.mfb,#_) .mfb-note--info { --mfb-c: #2f7de1; }
:is(.mfb,#_) .mfb-note--tip { --mfb-c: #1f9d55; }
:is(.mfb,#_) .mfb-note--warn { --mfb-c: #e0a100; }

/* Spalten */
:is(.mfb,#_) .mfb-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; align-items: center; }
:is(.mfb,#_) .mfb-cols--top { align-items: start; }
@media (max-width: 640px) { :is(.mfb,#_) .mfb-cols { grid-template-columns: 1fr; } }

/* Bild */
:is(.mfb,#_) .mfb-img img { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: var(--mfb-radius); }
:is(.mfb,#_) .mfb-img figcaption { margin-top: .5em; text-align: center; font-size: .85em; color: var(--mfb-muted); }

/* Badges */
:is(.mfb,#_) .mfb-badges { display: flex; flex-wrap: wrap; gap: .45em; }
:is(.mfb,#_) .mfb-badge { display: inline-flex; align-items: center; gap: .35em; padding: .3em .85em; border-radius: 999px; border: 1.5px solid var(--mfb-accent); color: var(--mfb-accent); font-size: .85em; font-weight: 600; line-height: 1.3; }
:is(.mfb,#_) .mfb-badges--solid .mfb-badge { background: var(--mfb-accent); color: #fff; }

/* Button */
:is(.mfb,#_) .mfb-btn { display: inline-block; padding: .75em 1.6em; border-radius: 999px; background: var(--mfb-accent); color: #fff; font-weight: 700; text-decoration: none; line-height: 1.2; }
:is(.mfb,#_) .mfb-btn:hover { filter: brightness(1.08); color: #fff; }
:is(.mfb,#_) .mfb-btn--ghost { background: transparent; color: var(--mfb-accent); box-shadow: inset 0 0 0 2px var(--mfb-accent); }

/* FAQ */
:is(.mfb,#_) .mfb-faq { display: grid; gap: .5em; }
:is(.mfb,#_) .mfb-faq details { border-radius: var(--mfb-radius); background: var(--mfb-tint); }
:is(.mfb,#_) .mfb-faq summary { position: relative; display: block; padding: .85em 2.6em .85em 1em; font-weight: 700; cursor: pointer; list-style: none; }
:is(.mfb,#_) .mfb-faq summary::-webkit-details-marker { display: none; }
:is(.mfb,#_) .mfb-faq summary::marker { content: ""; }
/* fremde Aufklapp-Symbole (Theme/Shop) neutralisieren – nur unser „+“ bleibt */
:is(.mfb,#_) .mfb-faq summary::before { content: none !important; display: none !important; }
:is(.mfb,#_) .mfb-faq summary::after { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; -webkit-mask: none !important; mask: none !important; box-shadow: none !important; line-height: 1 !important; }
:is(.mfb,#_) .mfb-faq summary { background-image: none !important; }
:is(.mfb,#_) .mfb-faq summary > svg { display: none; }
:is(.mfb,#_) .mfb-faq details::before, :is(.mfb,#_) .mfb-faq details::after { content: none !important; display: none !important; }
:is(.mfb,#_) .mfb-faq summary::after { content: "+"; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); font-size: 1.3em; font-weight: 400; color: var(--mfb-accent); transition: transform .2s; }
:is(.mfb,#_) .mfb-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
:is(.mfb,#_) .mfb-faq details > div { padding: 0 1em 1em; }

/* Pflegehinweise */
:is(.mfb,#_) .mfb-care { display: flex; flex-wrap: wrap; gap: .6em 1.4em; }
:is(.mfb,#_) .mfb-care-item { display: inline-flex; align-items: center; gap: .5em; font-size: .9em; }
:is(.mfb,#_) .mfb-care-item .mfb-i { width: 2em; height: 2em; }

/* Zitat / Hervorhebung */
:is(.mfb,#_) .mfb-quote { padding: .2em 0 .2em 1.1em; border-left: 3px solid var(--mfb-accent); font-size: 1.1em; font-style: italic; }
:is(.mfb,#_) .mfb-quote cite { display: block; margin-top: .4em; font-size: .85em; font-style: normal; color: var(--mfb-muted); }

/* Box (farbiger Kasten) */
:is(.mfb,#_) .mfb-box { padding: 1.3em; border-radius: var(--mfb-radius); background: var(--mfb-tint); }
:is(.mfb,#_) .mfb-box--accent { background: var(--mfb-accent); color: #fff; }
:is(.mfb,#_) .mfb-box--accent a { color: #fff; }

/* Trenner & Abstand */
:is(.mfb,#_) .mfb-hr { display: block; height: 1px; border: 0; background: var(--mfb-line); }
:is(.mfb,#_) .mfb-space { display: block; height: 1em; }
:is(.mfb,#_) .mfb-space--l { height: 2.5em; }

/* ===== v2: Ausrichtung, Sichtbarkeit, Effekte ===== */
:is(.mfb,#_) .mfb-right { text-align: right; }
:is(.mfb,#_) .mfb-center > .mfb-badges, :is(.mfb,#_) .mfb-center.mfb-badges, :is(.mfb,#_) .mfb-center > .mfb-care, :is(.mfb,#_) .mfb-center.mfb-care, :is(.mfb,#_) .mfb-center.mfb-swatches, :is(.mfb,#_) .mfb-center.mfb-rating { justify-content: center; }
:is(.mfb,#_) .mfb-right.mfb-badges, :is(.mfb,#_) .mfb-right.mfb-care, :is(.mfb,#_) .mfb-right.mfb-swatches { justify-content: flex-end; }
:is(.mfb,#_) .mfb-lift { transition: transform .2s ease, box-shadow .2s ease; }
:is(.mfb,#_) .mfb-lift:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.12); }
@media (max-width: 640px) { :is(.mfb,#_) .mfb-hide-m { display: none !important; } }
@media (min-width: 641px) { :is(.mfb,#_) .mfb-hide-d { display: none !important; } }

/* Überschrift: Verlauf / Markierung */
:is(.mfb,#_) .mfb-h--grad { background: var(--mfb-grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
:is(.mfb,#_) .mfb-h--mark span { padding: 0 .15em; background: linear-gradient(transparent 58%, color-mix(in srgb, var(--mfb-accent) 30%, transparent) 58%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
:is(.mfb,#_) .mfb-sub { display: block; margin-top: .35em; font-size: .95em; color: var(--mfb-muted); }

/* Spalten / Container */
:is(.mfb,#_) .mfb-row { display: grid; grid-template-columns: var(--mfb-cols, 1fr 1fr); gap: var(--mfb-colgap, 1.5em); align-items: var(--mfb-valign, start); }
:is(.mfb,#_) .mfb-row > .mfb-c { min-width: 0; }
:is(.mfb,#_) .mfb-c > * + * { margin-top: var(--mfb-gap); }
@media (max-width: 640px) { :is(.mfb,#_) .mfb-row:not(.mfb-row--keep) { grid-template-columns: 1fr; } }

/* Icon im Kreis */
:is(.mfb,#_) .mfb-ic { position: relative; display: inline-grid; place-items: center; flex: 0 0 auto; width: 2.8em; height: 2.8em; border-radius: 50%; color: var(--mfb-accent); vertical-align: middle; }
:is(.mfb,#_) .mfb-ic::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: currentColor; opacity: .12; }
:is(.mfb,#_) .mfb-ic > .mfb-i { position: relative; z-index: 1; width: 52%; height: 52%; }
:is(.mfb,#_) .mfb-ic--solid { color: #fff; background: var(--mfb-accent); }
:is(.mfb,#_) .mfb-ic--grad { color: #fff; background: var(--mfb-grad); }
:is(.mfb,#_) .mfb-ic--solid::after, :is(.mfb,#_) .mfb-ic--grad::after, :is(.mfb,#_) .mfb-ic--plain::after { display: none; }
:is(.mfb,#_) .mfb-ic--plain > .mfb-i { width: 80%; height: 80%; }
:is(.mfb,#_) .mfb-ic--square { border-radius: calc(var(--mfb-radius) * .8); }
:is(.mfb,#_) .mfb-iconw { line-height: 0; }

/* Icon-Box */
:is(.mfb,#_) .mfb-ib { display: flex; flex-direction: column; gap: .5em; }
:is(.mfb,#_) .mfb-ib--row { flex-direction: row; align-items: flex-start; gap: .9em; }
:is(.mfb,#_) .mfb-center.mfb-ib, :is(.mfb,#_) .mfb-center .mfb-ib:not(.mfb-ib--row) { align-items: center; }
:is(.mfb,#_) .mfb-right.mfb-ib, :is(.mfb,#_) .mfb-right .mfb-ib:not(.mfb-ib--row) { align-items: flex-end; }
:is(.mfb,#_) .mfb-ib strong { display: block; font-size: 1.05em; line-height: 1.3; }
:is(.mfb,#_) .mfb-ib p { color: var(--mfb-muted); }

/* Zahlen */
:is(.mfb,#_) .mfb-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(8em, 1fr)); gap: 1em; }
:is(.mfb,#_) .mfb-stat { padding: 1.1em .8em; border-radius: var(--mfb-radius); background: var(--mfb-tint); text-align: center; }
:is(.mfb,#_) .mfb-stat b { display: block; font-size: 2.2em; font-weight: 800; line-height: 1.1; color: var(--mfb-accent); }
:is(.mfb,#_) .mfb-stats--grad .mfb-stat b { background: var(--mfb-grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
:is(.mfb,#_) .mfb-stats--plain .mfb-stat { background: none; padding: .4em; }
:is(.mfb,#_) .mfb-stat span { display: block; margin-top: .3em; font-size: .88em; color: var(--mfb-muted); }

/* Eigenschaften-Balken / Punkte / Skala */
:is(.mfb,#_) .mfb-bars { display: grid; gap: .75em; }
:is(.mfb,#_) .mfb-bar { display: grid; grid-template-columns: minmax(6.5em, 32%) 1fr; align-items: center; gap: .9em; }
:is(.mfb,#_) .mfb-bar > span:first-child { font-weight: 600; font-size: .95em; }
:is(.mfb,#_) .mfb-track { position: relative; display: block; height: .55em; border-radius: 99px; background: var(--mfb-tint); }
:is(.mfb,#_) .mfb-fill { display: block; height: 100%; border-radius: inherit; background: var(--mfb-grad); }
:is(.mfb,#_) .mfb-dots { display: flex; gap: .35em; }
:is(.mfb,#_) .mfb-dots i { display: block; width: .8em; height: .8em; border-radius: 50%; background: var(--mfb-line); line-height: 0; overflow: hidden; color: transparent; }
:is(.mfb,#_) .mfb-dots i.on { background: var(--mfb-accent); }
:is(.mfb,#_) .mfb-scale { display: block; }
:is(.mfb,#_) .mfb-scale .mfb-track { background: linear-gradient(90deg, var(--mfb-tint), var(--mfb-line)); }
:is(.mfb,#_) .mfb-scale .mfb-dot { position: absolute; top: 50%; width: 1.1em; height: 1.1em; margin: -.55em 0 0 -.55em; border-radius: 50%; background: var(--mfb-accent); box-shadow: 0 0 0 3px #fff, 0 1px 4px rgba(0,0,0,.25); line-height: 0; overflow: hidden; color: transparent; }
:is(.mfb,#_) .mfb-scale small { display: flex; justify-content: space-between; margin-top: .35em; font-size: .75em; color: var(--mfb-muted); }

/* Farbmuster */
:is(.mfb,#_) .mfb-swatches { display: flex; flex-wrap: wrap; gap: .9em; }
:is(.mfb,#_) .mfb-sw { display: inline-flex; flex-direction: column; align-items: center; gap: .35em; min-width: 3.2em; font-size: .8em; text-align: center; }
:is(.mfb,#_) .mfb-sw i { display: block; width: 2.4em; height: 2.4em; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.08); line-height: 0; overflow: hidden; color: transparent; }

/* Bewertung */
:is(.mfb,#_) .mfb-rating { display: flex; flex-wrap: wrap; align-items: center; gap: .6em; }
:is(.mfb,#_) .mfb-stars { position: relative; display: inline-block; width: 6.5em; height: 1.3em; background: var(--mfb-line); -webkit-mask: var(--mfb-i-starfill) 0 0 / 1.3em 1.3em repeat-x; mask: var(--mfb-i-starfill) 0 0 / 1.3em 1.3em repeat-x; font-size: inherit; }
:is(.mfb,#_) .mfb-stars > i { position: absolute; inset: 0 auto 0 0; background: #f5b301; line-height: 0; overflow: hidden; color: transparent; }
:is(.mfb,#_) .mfb-rating b { font-size: 1.15em; }
:is(.mfb,#_) .mfb-rating span { color: var(--mfb-muted); font-size: .9em; }

/* Schritte */
:is(.mfb,#_) .mfb-steps { display: grid; gap: 1.1em; counter-reset: mfbs; }
:is(.mfb,#_) .mfb-step { position: relative; padding-left: 3em; min-height: 2.2em; }
:is(.mfb,#_) .mfb-step::before { counter-increment: mfbs; content: counter(mfbs); position: absolute; left: 0; top: 0; width: 2.2em; height: 2.2em; border-radius: 50%; background: var(--mfb-grad); color: #fff; font-weight: 700; line-height: 2.2em; text-align: center; }
:is(.mfb,#_) .mfb-step:not(:last-child)::after { content: ""; position: absolute; left: 1.1em; top: 2.5em; bottom: -.9em; width: 2px; background: var(--mfb-line); }
:is(.mfb,#_) .mfb-step strong { display: block; line-height: 1.3; padding-top: .3em; }
:is(.mfb,#_) .mfb-step span { display: block; color: var(--mfb-muted); font-size: .92em; }
@media (min-width: 641px) {
	:is(.mfb,#_) .mfb-steps--h { grid-template-columns: repeat(auto-fit, minmax(9em, 1fr)); gap: 1.4em; }
	:is(.mfb,#_) .mfb-steps--h .mfb-step { padding: 3em 0 0; }
	:is(.mfb,#_) .mfb-steps--h .mfb-step:not(:last-child)::after { left: 2.6em; right: -1.1em; top: 1.1em; bottom: auto; width: auto; height: 2px; }
}

/* Vergleich */
:is(.mfb,#_) .mfb-compare th, :is(.mfb,#_) .mfb-compare td { text-align: center; }
:is(.mfb,#_) .mfb-compare th:first-child, :is(.mfb,#_) .mfb-compare td:first-child { text-align: left; }
:is(.mfb,#_) .mfb-compare thead th { font-size: .9em; }
:is(.mfb,#_) .mfb-compare thead th:nth-child(2), :is(.mfb,#_) .mfb-compare td:nth-child(2) { background: var(--mfb-tint); }
:is(.mfb,#_) .mfb-compare thead th:nth-child(2) { color: var(--mfb-accent); }
:is(.mfb,#_) .mfb-yes, :is(.mfb,#_) .mfb-no { display: inline-block; width: 1.25em; height: 1.25em; vertical-align: middle; line-height: 0; overflow: hidden; color: transparent; -webkit-mask: var(--mfb-ico) center / contain no-repeat; mask: var(--mfb-ico) center / contain no-repeat; }
:is(.mfb,#_) .mfb-yes { --mfb-ico: var(--mfb-i-check); background: #1f9d55; }
:is(.mfb,#_) .mfb-no { --mfb-ico: var(--mfb-i-x); background: var(--mfb-muted); }

/* Galerie */
:is(.mfb,#_) .mfb-gallery { display: grid; grid-template-columns: repeat(var(--mfb-gcols, 3), 1fr); gap: .6em; }
:is(.mfb,#_) .mfb-gallery figure { margin: 0; }
:is(.mfb,#_) .mfb-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: calc(var(--mfb-radius) * .7); }
:is(.mfb,#_) .mfb-gallery--free img { aspect-ratio: auto; }
:is(.mfb,#_) .mfb-gallery figcaption { margin-top: .3em; font-size: .8em; color: var(--mfb-muted); text-align: center; }
@media (max-width: 640px) { :is(.mfb,#_) .mfb-gallery { grid-template-columns: repeat(2, 1fr); } }

/* Video-Vorschau */
:is(.mfb,#_) .mfb-video { position: relative; display: block; overflow: hidden; border-radius: var(--mfb-radius); background: #000; text-decoration: none; }
:is(.mfb,#_) .mfb-video img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; opacity: .85; transition: opacity .2s, transform .4s; }
:is(.mfb,#_) .mfb-video:hover img { opacity: 1; transform: scale(1.03); }
:is(.mfb,#_) .mfb-video::after { content: ""; position: absolute; left: 50%; top: 50%; width: 4.2em; height: 4.2em; margin: -2.1em 0 0 -2.1em; border-radius: 50%; background: var(--mfb-grad); box-shadow: 0 8px 24px rgba(0,0,0,.35); }
:is(.mfb,#_) .mfb-video::before { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; width: 1.7em; height: 1.7em; margin: -.85em 0 0 -.7em; background: #fff; -webkit-mask: var(--mfb-i-play) center / contain no-repeat; mask: var(--mfb-i-play) center / contain no-repeat; }
:is(.mfb,#_) .mfb-video span { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.4em 1em .8em; background: linear-gradient(transparent, rgba(0,0,0,.7)); color: #fff; font-weight: 600; }

/* Kundenstimme */
:is(.mfb,#_) .mfb-testi { padding: 1.4em; border-radius: var(--mfb-radius); background: var(--mfb-tint); }
:is(.mfb,#_) .mfb-testi p { font-size: 1.05em; }
:is(.mfb,#_) .mfb-testi footer { display: flex; align-items: center; gap: .7em; margin-top: 1em; }
:is(.mfb,#_) .mfb-avatar { display: grid; place-items: center; width: 2.6em; height: 2.6em; border-radius: 50%; background: var(--mfb-grad); color: #fff; font-weight: 700; font-size: .9em; }
:is(.mfb,#_) .mfb-testi footer strong { display: block; line-height: 1.2; }
:is(.mfb,#_) .mfb-testi .mfb-stars { width: 5em; height: 1em; -webkit-mask-size: 1em 1em; mask-size: 1em 1em; }

/* Banner */
:is(.mfb,#_) .mfb-banner { display: flex; flex-wrap: wrap; align-items: center; gap: .9em 1.2em; padding: 1.1em 1.4em; border-radius: var(--mfb-radius); background: var(--mfb-grad); color: #fff; }
:is(.mfb,#_) .mfb-banner--accent { background: var(--mfb-accent); }
:is(.mfb,#_) .mfb-banner--dark { background: #121212; }
:is(.mfb,#_) .mfb-banner--tint { background: var(--mfb-tint); color: inherit; }
:is(.mfb,#_) .mfb-banner > div { flex: 1 1 12em; }
:is(.mfb,#_) .mfb-banner strong { display: block; font-size: 1.1em; line-height: 1.3; }
:is(.mfb,#_) .mfb-banner span { opacity: .9; font-size: .92em; }
:is(.mfb,#_) .mfb-banner .mfb-ic { color: inherit; }
:is(.mfb,#_) .mfb-banner .mfb-btn { background: #fff; color: #141414; }
:is(.mfb,#_) .mfb-banner--tint .mfb-btn { background: var(--mfb-accent); color: #fff; }

/* Button-Varianten */
:is(.mfb,#_) .mfb-btn--grad { background: var(--mfb-grad); }
:is(.mfb,#_) .mfb-btn--s { padding: .5em 1.1em; font-size: .9em; }
:is(.mfb,#_) .mfb-btn--l { padding: .95em 2.1em; font-size: 1.1em; }
:is(.mfb,#_) .mfb-btn--block { display: block; text-align: center; }
:is(.mfb,#_) .mfb-btn .mfb-i { width: 1.1em; height: 1.1em; margin: -.15em 0 0 .45em; }

/* Liste mit eigenem Icon */
:is(.mfb,#_) .mfb-list--icon li::before { display: none; }
:is(.mfb,#_) .mfb-list--icon li > .mfb-i { position: absolute; left: 0; top: .2em; width: 1.2em; height: 1.2em; color: var(--mfb-accent); }

/* Trenner-Varianten */
:is(.mfb,#_) .mfb-hr--accent { height: 2px; background: var(--mfb-accent); }
:is(.mfb,#_) .mfb-hr--grad { height: 3px; border-radius: 3px; background: var(--mfb-grad); }
:is(.mfb,#_) .mfb-hr--dots { height: 0; background: none; border-top: 2px dotted var(--mfb-line); }
:is(.mfb,#_) .mfb-hr--short { width: 64px; margin-left: auto; margin-right: auto; }

/* Badge-Varianten */
:is(.mfb,#_) .mfb-badges--grad .mfb-badge { border: 0; background: var(--mfb-grad); color: #fff; }
:is(.mfb,#_) .mfb-badges--soft .mfb-badge { border: 0; background: var(--mfb-tint); color: inherit; }
:is(.mfb,#_) .mfb-badge .mfb-i { width: 1.05em; height: 1.05em; }

/* Dachzeile als Badge */
:is(.mfb,#_) .mfb-kicker--pill { display: inline-block; padding: .35em .9em; border-radius: 999px; background: var(--mfb-tint); }
@supports (color: color-mix(in srgb, red 50%, blue)) { :is(.mfb,#_) .mfb-kicker--pill { background: color-mix(in srgb, currentColor 13%, transparent); } }
:is(.mfb,#_) .mfb-heading > .mfb-kicker--pill { margin-bottom: .6em; }

/* Auf farbigem / dunklem Hintergrund: alles hell */
:is(.mfb,#_) .mfb-on-dark { --mfb-tint: rgba(255,255,255,.14); --mfb-line: rgba(255,255,255,.3); --mfb-muted: rgba(255,255,255,.78); }
:is(.mfb,#_) .mfb-on-dark .mfb-h--grad, :is(.mfb,#_) .mfb-on-dark .mfb-stats--grad .mfb-stat b, :is(.mfb,#_) .mfb-on-dark.mfb-stats--grad .mfb-stat b { background: none; color: inherit; -webkit-text-fill-color: currentColor; }
:is(.mfb,#_) .mfb-on-dark .mfb-kicker, :is(.mfb,#_) .mfb-on-dark .mfb-stat b, :is(.mfb,#_) .mfb-on-dark a:not(.mfb-btn) { color: inherit; }
:is(.mfb,#_) .mfb-on-dark .mfb-h--line::after { background: currentColor; }
:is(.mfb,#_) .mfb-on-dark .mfb-ic { color: inherit; }
:is(.mfb,#_) .mfb-on-dark .mfb-list li::before, :is(.mfb,#_) .mfb-on-dark .mfb-dots i.on, :is(.mfb,#_) .mfb-on-dark .mfb-scale .mfb-dot { background: currentColor; }
:is(.mfb,#_) .mfb-on-dark .mfb-badge { border-color: currentColor; color: inherit; }
:is(.mfb,#_) .mfb-on-dark .mfb-btn { background: #fff; color: #141414; }

/* Font-Awesome-Icons (Kit) – nutzen dieselbe Box wie die eigenen Icons */
:is(.mfb,#_) .mfb-i.mfb-fa.mfb-fa { display: inline-grid; place-items: center; background: none; -webkit-mask: none; mask: none; container-type: size; line-height: 1; overflow: visible; }
:is(.mfb,#_) .mfb-fa > i, :is(.mfb,#_) .mfb-fa > svg { display: block; margin: 0; padding: 0; width: auto; height: auto; font-size: min(88cqh, 72cqw); line-height: 1; text-align: center; color: inherit; position: relative; z-index: 1; }
:is(.mfb,#_) .mfb-fa > svg { height: 1em; }
/* Schutz gegen Seiten-CSS wie „.ec-store * { font-family: Poppins !important }“ (2 IDs) – 3 IDs + !important,
   Schrift kommt aus den Variablen des Kits (Pro, Duotone, Sharp, Marken …) */
:is(.mfb,#_) :is(.mfb-fa,#_) > :is(i,#_), :is(.mfb,#_) :is(.mfb-fa,#_) > :is(i,#_)::before, :is(.mfb,#_) :is(.mfb-fa,#_) > :is(i,#_)::after { font-family: var(--_fa-family, var(--fa-family, var(--fa-style-family, "Font Awesome 7 Pro"))) !important; font-style: normal !important; }
:is(.mfb,#_) .mfb-feature .mfb-i.mfb-fa::before { display: none; }
:is(.mfb,#_) .mfb-list--icon li > .mfb-i.mfb-fa { position: absolute; }

/* Icons */
:is(.mfb,#_) { --mfb-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
:is(.mfb,#_) { --mfb-i-starfill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='black' d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) { --mfb-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }
:is(.mfb,#_) { --mfb-i-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='black' d='M8 5v14l11-7z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-check { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-star { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-heart { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-9-9.2C1.8 7.6 4 4.5 7.2 4.5c2 0 3.6 1.1 4.8 2.8 1.2-1.7 2.8-2.8 4.8-2.8 3.2 0 5.4 3.1 4.2 6.3C19 15.6 12 20 12 20z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-leaf { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 5-14 15-14 0 10-6 15-14 15'/%3E%3Cpath d='M5 19l8-8'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-recycle { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 0 1-14 5.3'/%3E%3Cpath d='M4 12a8 8 0 0 1 14-5.3'/%3E%3Cpath d='M18 3v4h-4'/%3E%3Cpath d='M6 21v-4h4'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-truck { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3z'/%3E%3Cpath d='M14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-gift { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='9' width='16' height='11' rx='1'/%3E%3Cpath d='M3 9h18M12 9v11'/%3E%3Cpath d='M12 9c-2-4-5.5-4-5.5-2S10 9 12 9s5.5 0 5.5-2-3.5-2-5.5 2z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-shirt { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4l4 2 4-2 5 3-2 4-2-1v10H7V10l-2 1-2-4z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-ruler { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='8' width='19' height='8' rx='1.5'/%3E%3Cpath d='M6.5 8v3M10.5 8v4M14.5 8v3M18.5 8v4'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-shield { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-print { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V3h10v5'/%3E%3Crect x='3' y='8' width='18' height='9' rx='2'/%3E%3Cpath d='M7 14h10v7H7z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-stitch { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19L18 6'/%3E%3Cpath d='M15.5 3.5l5 5'/%3E%3Cpath d='M3 21c2.5 0 3.5-2.5 6-2.5s2.5 2.5 5 2.5 3.5-1.5 3.5-1.5'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-sparkle { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z'/%3E%3Cpath d='M19 15.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-info { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-alert { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5L22 20H2z'/%3E%3Cpath d='M12 10v4.5M12 17.5v.5'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-bulb { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-clock { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-box { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5L12 3l9 4.5v9L12 21l-9-4.5z'/%3E%3Cpath d='M3 7.5L12 12l9-4.5M12 12v9'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-wash30 { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l2 13h14l2-13'/%3E%3Cpath d='M3 7c1.5 1.4 3 1.4 4.5 0s3-1.4 4.5 0 3 1.4 4.5 0 3-1.4 4.5 0'/%3E%3Ctext x='12' y='17.6' font-size='7.2' font-family='Arial,sans-serif' font-weight='700' text-anchor='middle' fill='black' stroke='none'%3E30%3C/text%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-wash40 { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l2 13h14l2-13'/%3E%3Cpath d='M3 7c1.5 1.4 3 1.4 4.5 0s3-1.4 4.5 0 3 1.4 4.5 0 3-1.4 4.5 0'/%3E%3Ctext x='12' y='17.6' font-size='7.2' font-family='Arial,sans-serif' font-weight='700' text-anchor='middle' fill='black' stroke='none'%3E40%3C/text%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-wash60 { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l2 13h14l2-13'/%3E%3Cpath d='M3 7c1.5 1.4 3 1.4 4.5 0s3-1.4 4.5 0 3 1.4 4.5 0 3-1.4 4.5 0'/%3E%3Ctext x='12' y='17.6' font-size='7.2' font-family='Arial,sans-serif' font-weight='700' text-anchor='middle' fill='black' stroke='none'%3E60%3C/text%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-handwash { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l2 13h14l2-13'/%3E%3Cpath d='M3 7c1.5 1.4 3 1.4 4.5 0s3-1.4 4.5 0 3 1.4 4.5 0 3-1.4 4.5 0'/%3E%3Cpath d='M9.5 17v-4a.9.9 0 0 1 1.8 0v3M11.3 15.5v-3.2a.9.9 0 0 1 1.8 0V16M13.1 15.8v-2.6a.9.9 0 0 1 1.8 0V17'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-nobleach { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4L21.5 20h-19z'/%3E%3Cpath d='M5 5l14 15M19 5L5 20'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-tumble { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-notumble { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Cpath d='M3 3l18 18M21 3L3 21'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-iron1 { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18h18l-1.2-5.2A5 5 0 0 0 15 9H8.5'/%3E%3Cpath d='M3 18c.3-4.6 2.4-7.6 5.5-9'/%3E%3Ccircle cx='12.5' cy='14.6' r='1.1' fill='black'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-iron2 { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18h18l-1.2-5.2A5 5 0 0 0 15 9H8.5'/%3E%3Cpath d='M3 18c.3-4.6 2.4-7.6 5.5-9'/%3E%3Ccircle cx='10.5' cy='14.6' r='1.1' fill='black'/%3E%3Ccircle cx='14.5' cy='14.6' r='1.1' fill='black'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-noiron { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18h18l-1.2-5.2A5 5 0 0 0 15 9H8.5'/%3E%3Cpath d='M3 18c.3-4.6 2.4-7.6 5.5-9'/%3E%3Cpath d='M4 5l16 15M20 5L4 20'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-nodryclean { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M5.5 5.5l13 13M18.5 5.5l-13 13'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-starfill { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='black' d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-x { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-play { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='black' d='M8 5v14l11-7z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-arrow { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-music { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l11-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-headphones { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1v-6h3zM3 19a2 2 0 0 0 2 2h1v-6H3z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-bolt { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-fire { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c4 0 7-2.7 7-6.8 0-3.2-2-5.7-3.5-7.2.2 2-1 3.5-2.2 3.5C14.5 8 13 5 10 2c.3 3-3 6-4.2 8.2C5.2 11.4 5 12.6 5 14.2 5 19 8 22 12 22z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-award { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M8.5 14L7 22l5-3 5 3-1.5-8'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-lock { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-globe { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-droplet { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11z'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-sun { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-snow { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M20.7 7L3.3 17'/%3E%3Cpath d='M9.5 4.5L12 6l2.5-1.5M9.5 19.5L12 18l2.5 1.5'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-hanger { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7a2 2 0 1 1 2-2'/%3E%3Cpath d='M12 7v1L3 15.5c-.8.7-.3 2 .8 2h16.4c1.1 0 1.6-1.3.8-2L12 8'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-scissors { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4L8.1 15.9M14.5 14.5L20 20M8.1 8.1L12 12'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-tag { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V3h9l9 9-9 9z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-rocket { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 15c-1.5 1.5-2 5-2 5s3.5-.5 5-2'/%3E%3Cpath d='M9 15l-3-3c1-4 4-8 11-9-1 7-5 10-9 11z'/%3E%3Ccircle cx='14.5' cy='9.5' r='1.5'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-smile { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'/%3E%3Cpath d='M9 9.5v.5M15 9.5v.5'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-thumb { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11v9H4v-9zM7 11l4-8a2 2 0 0 1 2 2v4h5.5a2 2 0 0 1 2 2.3l-1.2 7A2 2 0 0 1 17.3 20H7'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-camera { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h3l2-3h6l2 3h3v13H4z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E"); }
:is(.mfb,#_) .mfb-i-inside { --mfb-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4l4 2 4-2 5 3-2 4-2-1v10H7V10l-2 1-2-4z'/%3E%3Cpath d='M10 13.5l2 2 2-2M12 9.5v6'/%3E%3C/svg%3E"); }