@primestyleai/tryon 5.8.50 → 5.8.51

package/dist/storefront/primestyle-tryon.js

@@ -10214,18 +10214,19 @@ const STYLES$1 = `
   }
   .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; } }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primestyleai/tryon",
-  "version": "5.8.50",
+  "version": "5.8.51",
   "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
   "type": "module",
   "main": "dist/primestyle-tryon.js",