@syntrologie/adapt-product 2.50.0 → 2.51.0

package/dist/cdn.js

@@ -1,7 +1,7 @@
 import {
   onActivate,
   runtime
-} from "./chunk-P64UMUWD.js";
+} from "./chunk-F6ZXHGAT.js";
 import "./chunk-D2W6UYLT.js";
 
 // src/cdn.ts

package/dist/{chunk-P64UMUWD.js → chunk-F6ZXHGAT.js}

@@ -5979,6 +5979,26 @@ function _readDevice() {
 }
 var SPEC_CHIP_FADE_MASK = "linear-gradient(90deg, black 0, black calc(100% - 18px), transparent 100%)";
 var CARD_FLIP_CSS = `
+  /* \u2500\u2500 Height-bounded container opt-in (velvet deck band) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+     The canvas that owns a DEFINITE-height mount opts the card into filling
+     it by setting --sc-card-host-height: 100% (velvet: .deck-card tokens).
+     The chain below then hands that definite height to the front-face grid,
+     whose 1fr/auto rows resolve inside it and whose image box (max-height:
+     100% on .sc-product-card__media) crops to what remains. Everywhere the
+     token is unset the host is auto-height and every percentage in the
+     chain is inert \u2014 chat/PDP stacked cards are untouched.
+     Regression this exists for: #3591 shaved the solo-deck band 24px and
+     the fixed 132\xD7176 image box pushed the CTA/link row past the card
+     bottom (live on iglowmedspa.com 2026-09-03; pinned by
+     test-server/tests/velvet-deck-product-card-fit.spec.ts). */
+  syntro-product-card {
+    height: var(--sc-card-host-height, auto);
+    min-height: 0;
+  }
+  .sc-product-card { height: 100%; min-height: 0; }
+  .sc-product-card > [data-face] { height: 100%; min-height: 0; }
+  .sc-product-card [data-product-card-grid] { height: 100%; min-height: 0; }
+
   /* Hide the scrollbar chrome on the declared, scrollable spec-chip tracks
      (data-clip-ok scroll containers) while keeping them scrollable. The inline
      styles set scrollbar-width:none (Firefox); WebKit needs this pseudo. */
@@ -6489,6 +6509,16 @@ function renderProductCardInner(product, density, resolved, visibleFacts, ctas,
     height: "var(--sc-card-image-h, auto)",
     // 132 × (4/3) = 176 → the spec's 132×176 portrait. Velvet's token wins.
     aspectRatio: "var(--sc-card-image-aspect, 3 / 4)",
+    // The aspect box is a PREFERENCE, never a floor: in a definite-height
+    // container (velvet's deck band) the box caps at the area's height and
+    // the photo object-fit:covers into whatever remains, so the card always
+    // fits the band. In auto-height contexts (chat/PDP stacked layout)
+    // 100% resolves against auto → no-op, the 3/4 box stands unchanged.
+    // Regression this guards: #3591 shaved the solo-deck band 24px and the
+    // fixed 176px box pushed the CTA/link row past the card bottom
+    // (velvet-deck-product-card-fit.spec.ts).
+    maxHeight: "100%",
+    overflow: "hidden",
     alignSelf: "var(--sc-card-image-align, start)",
     minWidth: "0",
     minHeight: "0"
@@ -12106,4 +12136,4 @@ export {
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-P64UMUWD.js.map
+//# sourceMappingURL=chunk-F6ZXHGAT.js.map