@primestyleai/tryon 5.10.180 → 5.10.181

package/dist/storefront/primestyle-tryon.js

@@ -12738,7 +12738,7 @@ const STYLES = `
   }
 
   /* ── Product photo strip (single-garment, below the size card) ──
-     Three thumbnails per slide, evenly spaced, auto-advances. Lives at
+     Two thumbnails per row, evenly spaced, auto-advances. Lives at
      the bottom of the right panel as decoration / entertainment. */
   .ps-tryon-photo-strip {
     margin-top: 0.65vw;
@@ -12757,12 +12757,13 @@ const STYLES = `
   }
   .ps-tryon-photo-strip-row {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 0.45vw;
     animation: ps-tryon-photo-strip-fade 0.5s ease;
   }
-  .ps-tryon-photo-strip-row.ps-count-1 .ps-tryon-photo-strip-cell {
-    grid-column: 2;
+  .ps-tryon-photo-strip-row.ps-count-1 {
+    grid-template-columns: minmax(0, calc((100% - 0.45vw) / 2));
+    justify-content: center;
   }
   .ps-tryon-photo-strip-cell {
     position: relative;
@@ -12822,6 +12823,9 @@ const STYLES = `
     .ps-tryon-photo-strip-row {
       gap: 8px;
     }
+    .ps-tryon-photo-strip-row.ps-count-1 {
+      grid-template-columns: minmax(0, calc((100% - 8px) / 2));
+    }
     .ps-tryon-photo-strip-cell {
       aspect-ratio: 1 / 1; border-radius: 12px;
     }
@@ -22435,7 +22439,7 @@ function MultiSectionMobile({
     sizeGuide ? null : null
   ] });
 }
-const PER_SLIDE = 3;
+const PER_SLIDE = 2;
 const CYCLE_MS = 4e3;
 function ProductPhotoCarouselCard({
   photos,

package/package.json

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