@syntrologie/adapt-product 2.8.0-canary.340 → 2.8.0-canary.342

package/dist/cdn.js

@@ -1,7 +1,7 @@
 import {
   onActivate,
   runtime
-} from "./chunk-SI6PU2TJ.js";
+} from "./chunk-EFUGWHCQ.js";
 import "./chunk-XA5XSCMX.js";
 
 // src/cdn.ts

package/dist/{chunk-SI6PU2TJ.js → chunk-EFUGWHCQ.js}

@@ -660,7 +660,7 @@ function renderProductCard(product, density, resolved, visibleFacts) {
   const hasSalePrice = product.salePrice !== void 0;
   const activePriceText = resolved?.price ?? product.salePrice?.amount ?? product.price?.amount;
   const activeCadence = hasSalePrice ? product.salePrice?.cadence : product.price?.cadence;
-  const thumbPx = density === "compact" ? 88 : 110;
+  const thumbPx = density === "compact" ? 72 : 110;
   const articleStyles = {
     display: "flex",
     flexDirection: "column",
@@ -822,7 +822,21 @@ function renderProductCard(product, density, resolved, visibleFacts) {
           ${product.tagline && isVisible("tagline") ? html`<p
                   class="sc-product-card__tagline"
                   data-product-tagline
-                  style=${styleMap({ margin: "0", fontSize: "0.85rem", opacity: "0.7", lineHeight: "1.3" })}
+                  style=${styleMap({
+    margin: "0",
+    fontSize: "0.85rem",
+    opacity: "0.7",
+    lineHeight: "1.3",
+    // Compact's height budget can't afford a wrapped tagline —
+    // clamp to one line so a long tagline doesn't push the CTA
+    // out of the bounded deck card.
+    ...density === "compact" ? {
+      display: "-webkit-box",
+      webkitLineClamp: "1",
+      webkitBoxOrient: "vertical",
+      overflow: "hidden"
+    } : {}
+  })}
                 >${product.tagline}</p>` : nothing}
           ${product.rating && isVisible("rating") ? html`<div
                 class="sc-product-card__rating"
@@ -893,7 +907,7 @@ function renderProductCard(product, density, resolved, visibleFacts) {
       if (!isVisible("specs") || specGroups.length === 0) return nothing;
       if (density === "compact") {
         const allRows = specGroups.flatMap((g) => g.rows);
-        const highlights = allRows.slice(0, 3);
+        const highlights = allRows.slice(0, 2);
         if (highlights.length === 0) return nothing;
         const pillStyles = {
           display: "inline-flex",
@@ -6868,4 +6882,4 @@ export {
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-SI6PU2TJ.js.map
+//# sourceMappingURL=chunk-EFUGWHCQ.js.map