@bytebrand/fe-ui-core-autobahn 1.0.28 → 1.0.29

package/package.json

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

@@ -1505,12 +1505,12 @@
 .md3 .fin-sheet-adjust .mslider + div { display: none !important; }
 
 @media (max-width: 600px) {
-  /* full-bleed gallery: edge-to-edge, app-like; mockup image band is short+wide (~390×222,
-     not 4:3) so the whole finance card — incl. Rate anpassen — fits the first screen */
-  .md3 .vdp-gallerybox { margin: 0 -24px; border-radius: 0; border: 0; box-shadow: none;
-    height: 222px; aspect-ratio: auto; }
-  /* controls row straddles the image's bottom edge (mockup), half-on half-off */
-  .md3 .gallery-controls-row { margin-top: -17px; position: relative; z-index: 3; padding: 0 2px; }
+  /* full-bleed gallery: edge-to-edge, app-like (image keeps its 4:3 size — per user,
+     the fold is won by overlaying the controls row on the image, not by shrinking it) */
+  .md3 .vdp-gallerybox { margin: 0 -24px; border-radius: 0; border: 0; box-shadow: none; }
+  /* controls row sits fully ON the image, hugging its bottom edge — everything below
+     moves up by the row's former in-flow height */
+  .md3 .gallery-controls-row { margin-top: -50px; position: relative; z-index: 3; padding: 0 2px; }
   /* the carousel's own overlay dots move into the below-image controls row (page-rendered;
      the dots div carries an inline display:flex — hence !important) */
   .md3 .vdp-gallerybox .cardcar-dots { display: none !important; }