/* Staffelaktion / Black Month - Banner im Preis-Kasten (beide Kalkulator-Ansichten). Markup: blackmonth.js. */
.bm-card{position:relative;margin:10px 0 8px;padding:13px 15px 11px;border-radius:12px;color:#fff;overflow:hidden;
  background:radial-gradient(120% 140% at 100% 0%,#3a2c0c 0%,#17130c 55%,#0d0d0d 100%);box-shadow:0 6px 16px rgba(0,0,0,.28);
  border:1px solid rgba(245,197,66,.35);text-align:left;line-height:1.3;font-weight:400}
.bm-card *{box-sizing:border-box}
.bm-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.bm-tag{display:inline-block;background:#f5c542;color:#111;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:3px 9px;border-radius:4px}
.bm-sub{display:block;margin-top:5px;font-size:12px;opacity:.85}
.bm-save{text-align:right;white-space:nowrap}
.bm-save strong{display:block;font-size:24px;line-height:1;font-weight:800;color:#f5c542}
.bm-save small{display:block;font-size:11px;opacity:.8;margin-top:3px}
.bm-tiers{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 9px}
.bm-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid rgba(245,197,66,.45);color:#f5d98a;background:transparent;transition:background .3s,color .3s}
.bm-chip.on{background:#f5c542;color:#111;border-color:#f5c542}
.bm-chip i{font-size:10px}
.bm-bar{height:7px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
.bm-bar span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#c98e0a,#f5c542);transition:width .6s ease}
.bm-hint{margin-top:8px;font-size:12.5px;font-weight:600}
.bm-hint em{font-style:normal;color:#f5c542}
.bm-foot{margin-top:5px;font-size:11px;opacity:.7}
.bm-card.bm-top-stufe .bm-bar span{background:linear-gradient(90deg,#f5c542,#ffe38a)}
@media(max-width:480px){.bm-save strong{font-size:21px}}