@bytebrand/fe-ui-core-autobahn 1.0.70 → 1.0.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.70",
+  "version": "1.0.71",
   "description": "auto.de md3 (Autobahn) design system — UI primitives, cards, chrome, VDP modules, theme CSS and locales. Ships raw TypeScript source (like fe-ui-core before it); each consumer's bundler compiles it.",
   "main": "index.ts",
   "license": "UNLICENSED",

package/theme/md3.css

@@ -4411,6 +4411,11 @@ line-height: 31px;
 .md3 .listcard-price .pricepaths .pp-uvp-tooltip-close svg { width: 14px; height: 14px; }
 .md3 .listcard-price .pricepaths .pp-uvp-tooltip-body { font-size: 11px; line-height: 13px; color: #0e2238; }
 .md3 .pp-hero-terms { margin-top: 9px; font-size: 11.5px; color: var(--md-on-surface-variant); }
+/* desktop mcard financing hero terms line: at the shared 11.5px size "0 € Anzahlung · 60 Monate
+   Laufzeit · Details" needs ~223px but the 240px column only leaves ~207px, so "Details" wrapped
+   onto its own line — shrunk just enough (measured against the real column width) to keep it on
+   one line, matching the Figma reference. */
+.md3 .listcard-price .pricepaths .pp-hero-terms { font-size: 10.5px; }
 /* "Details" link at the end of the financing/leasing terms lines (Figma "mcard") — quiet, same
    color as the rest of the terms line but underlined so it still reads as tappable. */
 .md3 .pp-details-link { color: var(--md-primary); text-decoration: underline; font-weight: 600; white-space: nowrap; }
@@ -4459,10 +4464,15 @@ line-height: 31px;
   color: var(--md-outline);
   flex: none;
 }
+/* Figma "mcard": Leasing's price is already one line (no old price to caption); Kaufen's struck
+   old price + new price used to stack on two lines (column), giving the row double the height and
+   breaking the row-to-row rhythm with Leasing right above it — same line now, old price baseline-
+   aligned beside the new one, matching the reference exactly. */
 .md3 .pp-row-price {
   display: flex;
-  flex-direction: column;
-  align-items: flex-end;
+  flex-direction: row;
+  align-items: baseline;
+  gap: 8px;
   line-height: 1.08;
   min-width: 0;
 }