.price-line { margin: .5rem 0; }
.price-line .price-note { color: var(--muted); }
.price-line .js-price.style { font-weight: 700; color: var(--primary-dark); }


/* Preis badge */
.card-badge.price[data-label]::after{
font-variant-numeric: tabular-nums;
letter-spacing: .2px;
border: 1px solid rgba(255,255,255,.25);
border-radius: 8px;
font-size: 1.5rem;
line-height: 1;
background: rgba(255, 255, 255, 0.25);   /* halbtransparentes Weiß */
color: #fff;                             /* Text bleibt weiß */
backdrop-filter: blur(8px) saturate(150%);
-webkit-backdrop-filter: blur(8px) saturate(150%);
border: 1px solid rgba(255,255,255,.3);  /* leichter Rand für Kontrast */
padding: .35rem .65rem;
}

/* helle Variante (Standard) */
.card-badge.price.light[data-label]::after {
background: rgba(255, 255, 255, 0.25);
color: var(--text);
 text-shadow: 0 1px 2px rgba(0,0,0,.5);
}

/* dunkle Variante (für helle Bilder) */
.card-badge.price.dark[data-label]::after {
background: rgba(0, 0, 0, 0.35);
color: #ffffff;
text-shadow: 0 1px 3px rgba(0,0,0,.8);
}