/* ==============================================
   TM24 NOVAChild – Produkt-Card: Badges & Ribbons
   Modul: modules/listing/product-card/product-card-badges.css
   Scope: .productbox .ribbon, .productbox-badge
   Quelle: custom.css Zeilen 573-606
   UTF-8 ohne BOM
   ============================================== */

.ribbon { pointer-events: none !important; }
.ribbon-8.productbox-ribbon { display: none !important; }

.productbox .ribbon {
    position: absolute !important;
    z-index: 10 !important;
    border-radius: var(--rp) !important;
    font-family: var(--f) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

.productbox .ribbon-sale { background: var(--err) !important; color: #fff !important; }
.productbox .ribbon-2    { background: var(--p)   !important; color: #fff !important; }
.productbox .ribbon-4    { background: var(--acc) !important; color: #fff !important; }

/* ---- Dynamisch eingefügte Badge (Fetch-Grid) ---- */
.productbox-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--err);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: var(--rp);
    text-transform: uppercase;
    letter-spacing: .5px;
    z-index: 10;
}