/* Streichpreise / Rabatt-Anzeige (Katalog + Landingpage) */
.di-old{color:#9aa8a1;text-decoration:line-through;font-weight:500;margin-right:7px}
.disc-badge{display:inline-block;background:#b8860b;color:#fff;font-weight:800;font-size:.7rem;line-height:1;padding:3px 7px;border-radius:999px;margin-left:6px;vertical-align:middle;letter-spacing:.3px}
/* Landing-Hero (dunkler Hintergrund) */
.lp-old{color:rgba(255,255,255,.55);text-decoration:line-through;font-weight:600;margin-right:9px}
.lp-disc{display:inline-block;background:#b8860b;color:#fff;font-weight:800;font-size:.6em;padding:3px 9px;border-radius:999px;margin-left:9px;vertical-align:middle;letter-spacing:.3px}
/* ── Traffic-Heat & Badges in der Katalog-Kachel (Frontend, ohne Zahl) ── */
#dG .di{padding-bottom:14px}
#dG .di-meta{flex-direction:column;align-items:flex-end;gap:5px;flex-wrap:nowrap}
#dG .di-disc{display:inline-block;background:#b8860b;color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.3px;padding:2px 8px;border-radius:999px;line-height:1.4;box-shadow:0 1px 3px rgba(184,134,11,.3)}
/* Streichpreis über dem Preis (untereinander) */
#dG .di-old{display:block;color:#9aa8a1;text-decoration:line-through;font-weight:500;font-size:.72rem;margin:0 0 1px;letter-spacing:.2px}
#dG .di-cur{display:block}
/* Traffic-Zeile: Label + feiner Balken; Flamme geht aus dem Balken-Ende über */
#dG .di-traffic{display:flex;align-items:center;gap:7px;margin-top:9px}
#dG .di-tlabel{font-size:.55rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#b3bfb9;flex-shrink:0}
#dG .di-heat{position:relative;flex:1;height:6px;border-radius:4px;background:#edf0ee}
/* background-size an die echte Balkenbreite koppeln (var --w = Füllwert): so bildet
   der Verlauf den Wert ab – kurz = hell, lang = kräftig rot – statt fix bei 100px zu enden. */
#dG .di-fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,#ffe1a8 0%,#ffbe5c 32%,#ff8a3d 60%,#f4542a 82%,#e11d2f 100%);background-size:calc(10000% / var(--w,100)) 100%;background-repeat:no-repeat;background-position:left center}
#dG .di-fire{position:absolute;top:50%;transform:translate(-42%,-52%);font-size:.92rem;line-height:1;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}

/* ── Sichere Bezahlung – Trustblock (Übersicht, Detail, Checkout) ── */
.secpay{background:#fff;border:1px solid #dce6e1;border-radius:14px;padding:16px 18px;margin:16px 0;box-shadow:0 4px 18px rgba(13,31,23,.06);text-align:left}
.secpay-head{display:flex;align-items:center;gap:9px;font-family:var(--fb,'Source Sans 3',sans-serif);font-weight:800;color:#1f4d36;font-size:1rem;margin-bottom:12px}
.secpay-head svg{width:20px;height:20px;color:#27634a;flex-shrink:0}
.secpay ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}
.secpay li{display:flex;align-items:flex-start;gap:8px;font-size:.87rem;line-height:1.45;color:#4a5d54}
.secpay li svg{width:15px;height:15px;color:#2d7a56;flex-shrink:0;margin-top:2px}
.secpay li b{color:#111b16;font-weight:700}
.secpay-foot{margin:11px 0 0;font-size:.8rem;color:#7a9087;line-height:1.5}
.secpay--compact ul{grid-template-columns:1fr}
@media(max-width:640px){.secpay ul{grid-template-columns:1fr}}