@primestyleai/tryon 5.8.50 → 5.8.52

package/dist/react/index.js

@@ -790,18 +790,19 @@ const STYLES = `
   }
   .ps-tryon-modal-wide {
     /* Use the SMALLER of 55vw or 92dvh×(16/10) for width so the modal
-       never gets wider than the height can support. This keeps the
-       aspect ratio roughly 16:10 regardless of screen shape. */
+       never gets wider than the height can support. Height bumped from
+       70dvh → 82dvh to fit the longer accessory photo step (guidelines +
+       legal notice + nav) without pushing content under the Analyze CTA. */
     width: min(55vw, calc(92dvh * 1.6));
     max-width: min(55vw, calc(92dvh * 1.6));
-    height: min(70dvh, calc(55vw / 1.6));
-    max-height: min(92dvh, calc(55vw / 1.6));
+    height: min(82dvh, calc(55vw / 1.35));
+    max-height: min(92dvh, calc(55vw / 1.35));
     display: flex; flex-direction: column; overflow: hidden;
     transition: height 0.45s cubic-bezier(0.32, 0.72, 0, 1), max-height 0.45s cubic-bezier(0.32, 0.72, 0, 1);
   }
   .ps-tryon-modal-tall.ps-tryon-modal-wide {
-    height: min(88dvh, calc(55vw / 1.3));
-    max-height: min(92dvh, calc(55vw / 1.3));
+    height: min(92dvh, calc(55vw / 1.2));
+    max-height: min(95dvh, calc(55vw / 1.2));
   }
   .ps-tryon-modal:has(.ps-tryon-drawer-open) { overflow: hidden; }
   @keyframes ps-slide-up { from { transform: translateY(12px) scale(0.97); opacity: 0; filter: blur(4px); } to { transform: none; opacity: 1; filter: none; } }
@@ -8119,7 +8120,13 @@ function SectionDetailView({
     let mc = candidates.find((i) => columnUnits[i] === wantUnit);
     if (mc == null) mc = candidates[0];
     const mHeader = section.headers[mc];
-    const row = section.rows.find((r) => cellValFn(r, sizeColIdx, sizeHeader) === size);
+    const sizeNorm = size.trim().toLowerCase();
+    let row = section.rows.find((r) => cellValFn(r, sizeColIdx, sizeHeader) === size);
+    if (!row) row = section.rows.find((r) => cellValFn(r, sizeColIdx, sizeHeader).trim().toLowerCase() === sizeNorm);
+    if (!row) row = section.rows.find((r) => {
+      const cell = cellValFn(r, sizeColIdx, sizeHeader).trim().toLowerCase();
+      return cell.startsWith(sizeNorm) || sizeNorm.startsWith(cell);
+    });
     if (!row) return null;
     const val = cellValFn(row, mc, mHeader);
     if (!val) return null;