/* HELDENTAT 10/2026 – Overlay auf Produktbildern (snippets/tfm_overlay.tpl). Schrift erbt von .display-font (Companion). */
.tfm-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.tfm-overlay--detached{display:none}
.tfm-overlay svg{display:block;width:100%;height:100%}
.tfm-overlay text{font-family:inherit;fill:#fff;text-transform:uppercase;letter-spacing:0}
.tfm-overlay .tfm-band{fill:var(--tfm-band,#e4b23a)}
.tfm-overlay .tfm-express{fill:#912c4f}
#niu-product-splide .tfm-overlay{z-index:2}
.productbox-sidebar .tfm-overlay{display:none}

/* NIU-Standardribbons (snippets/ribbon.tpl, Child-Override) in der Badge-Pinselform; ersetzt die NIU-Pille.
   Farbe je Typ über --tfm-badge: 1 Bestseller, 2 Sale, 3 Neu, 4 Top, 5 Bald verfügbar, 6 Top bewertet, 0 Custom,
   z. B. .tfm-ribbon.ribbon-3{--tfm-badge:#2b8a3e} */
.productbox-ribbon.ribbon.tfm-ribbon,.tfm-ribbon.ribbon{position:absolute;top:0;left:0;width:46.3%;padding:0;margin:0;background:none;border:0;box-shadow:none;border-radius:0;font-size:0;line-height:0;color:#fff;pointer-events:none;transition:none;z-index:1}
.tfm-ribbon::before,.tfm-ribbon::after{display:none}
.tfm-ribbon svg{display:block;width:100%;height:auto;overflow:visible}
.tfm-ribbon text{font-family:inherit;fill:#fff;text-transform:uppercase;letter-spacing:0}
.tfm-ribbon use{fill:var(--tfm-badge,#912c4f)}
.layout-list .productbox-ribbon.ribbon.tfm-ribbon{left:0;top:0}
.tfm-overlay--ribbon{overflow:visible}