@bytebrand/fe-ui-core-autobahn 1.0.31 → 1.0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "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

@@ -1376,7 +1376,10 @@
      on the aside is the backstop: stretch is floored by min-width:auto (= content min), and
      the nowrap CTA buttons alone min out around 400px. */
   .md3 .vdp-grid       { display: flex; flex-direction: column; align-items: stretch; }
-  .md3 .vdp-aside      { min-width: 0; }
+  /* align-self:stretch — the desktop rule's align-self:start would shrink-to-fit the aside;
+     masked pre-round-9 because ProtectionProducts made its max-content wider than the
+     viewport, exposed once that card was hidden. */
+  .md3 .vdp-aside      { min-width: 0; align-self: stretch; }
   .md3 .vdp-gallery    { order: 1; }
   /* mobile-only "first screen": identity + trust row BEFORE the finance card, highlights/
      condition tiles moved AFTER it (both split out of the desktop-only VdpHeaderCard,

package/vdp/VdpModules.tsx

@@ -1570,10 +1570,11 @@ export const FinanceDetailsModal: React.FunctionComponent<FinanceDetailsModalPro
                     {isLease ? t('autobahn:modal.leasingDetails') : t('autobahn:modal.financingDetails')}
                   </span>
                 </button>
+                {/* mobile mockup shows NO row-by-row breakdown table (round 9 review) — only the
+                    legally required representative example; the table stays desktop-only. */}
                 {showBreakdown && (
                   <div>
-                    {breakdownRows}
-                    <p className="md-label-sm" style={{ marginTop: 16, lineHeight: 1.55 }}>
+                    <p className="md-label-sm" style={{ margin: 0, lineHeight: 1.55 }}>
                       {isLease ? t('autobahn:modal.legalLeasing') : t('autobahn:modal.legalFinancing')}
                     </p>
                   </div>