@primestyleai/tryon 5.10.190 → 5.10.191

package/dist/storefront/primestyle-tryon.js

@@ -275,7 +275,7 @@ var scheduler_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-(function(exports) {
+(function(exports$1) {
   function f2(a, b) {
     var c = a.length;
     a.push(b);
@@ -308,12 +308,12 @@ var scheduler_production_min = {};
   }
   if ("object" === typeof performance && "function" === typeof performance.now) {
     var l2 = performance;
-    exports.unstable_now = function() {
+    exports$1.unstable_now = function() {
       return l2.now();
     };
   } else {
     var p2 = Date, q2 = p2.now();
-    exports.unstable_now = function() {
+    exports$1.unstable_now = function() {
       return p2.now() - q2;
     };
   }
@@ -349,7 +349,7 @@ var scheduler_production_min = {};
           v2.callback = null;
           y2 = v2.priorityLevel;
           var e = d(v2.expirationTime <= b);
-          b = exports.unstable_now();
+          b = exports$1.unstable_now();
           "function" === typeof e ? v2.callback = e : v2 === h(r2) && k2(r2);
           G2(b);
         } else k2(r2);
@@ -368,11 +368,11 @@ var scheduler_production_min = {};
   }
   var N2 = false, O2 = null, L2 = -1, P2 = 5, Q2 = -1;
   function M2() {
-    return exports.unstable_now() - Q2 < P2 ? false : true;
+    return exports$1.unstable_now() - Q2 < P2 ? false : true;
   }
   function R2() {
     if (null !== O2) {
-      var a = exports.unstable_now();
+      var a = exports$1.unstable_now();
       Q2 = a;
       var b = true;
       try {
@@ -401,31 +401,31 @@ var scheduler_production_min = {};
   }
   function K2(a, b) {
     L2 = D2(function() {
-      a(exports.unstable_now());
+      a(exports$1.unstable_now());
     }, b);
   }
-  exports.unstable_IdlePriority = 5;
-  exports.unstable_ImmediatePriority = 1;
-  exports.unstable_LowPriority = 4;
-  exports.unstable_NormalPriority = 3;
-  exports.unstable_Profiling = null;
-  exports.unstable_UserBlockingPriority = 2;
-  exports.unstable_cancelCallback = function(a) {
+  exports$1.unstable_IdlePriority = 5;
+  exports$1.unstable_ImmediatePriority = 1;
+  exports$1.unstable_LowPriority = 4;
+  exports$1.unstable_NormalPriority = 3;
+  exports$1.unstable_Profiling = null;
+  exports$1.unstable_UserBlockingPriority = 2;
+  exports$1.unstable_cancelCallback = function(a) {
     a.callback = null;
   };
-  exports.unstable_continueExecution = function() {
+  exports$1.unstable_continueExecution = function() {
     A2 || z2 || (A2 = true, I2(J2));
   };
-  exports.unstable_forceFrameRate = function(a) {
+  exports$1.unstable_forceFrameRate = function(a) {
     0 > a || 125 < a ? console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported") : P2 = 0 < a ? Math.floor(1e3 / a) : 5;
   };
-  exports.unstable_getCurrentPriorityLevel = function() {
+  exports$1.unstable_getCurrentPriorityLevel = function() {
     return y2;
   };
-  exports.unstable_getFirstCallbackNode = function() {
+  exports$1.unstable_getFirstCallbackNode = function() {
     return h(r2);
   };
-  exports.unstable_next = function(a) {
+  exports$1.unstable_next = function(a) {
     switch (y2) {
       case 1:
       case 2:
@@ -443,11 +443,11 @@ var scheduler_production_min = {};
       y2 = c;
     }
   };
-  exports.unstable_pauseExecution = function() {
+  exports$1.unstable_pauseExecution = function() {
   };
-  exports.unstable_requestPaint = function() {
+  exports$1.unstable_requestPaint = function() {
   };
-  exports.unstable_runWithPriority = function(a, b) {
+  exports$1.unstable_runWithPriority = function(a, b) {
     switch (a) {
       case 1:
       case 2:
@@ -466,8 +466,8 @@ var scheduler_production_min = {};
       y2 = c;
     }
   };
-  exports.unstable_scheduleCallback = function(a, b, c) {
-    var d = exports.unstable_now();
+  exports$1.unstable_scheduleCallback = function(a, b, c) {
+    var d = exports$1.unstable_now();
     "object" === typeof c && null !== c ? (c = c.delay, c = "number" === typeof c && 0 < c ? d + c : d) : c = d;
     switch (a) {
       case 1:
@@ -490,8 +490,8 @@ var scheduler_production_min = {};
     c > d ? (a.sortIndex = c, f2(t2, a), null === h(r2) && a === h(t2) && (B2 ? (E2(L2), L2 = -1) : B2 = true, K2(H2, c - d))) : (a.sortIndex = e, f2(r2, a), A2 || z2 || (A2 = true, I2(J2)));
     return a;
   };
-  exports.unstable_shouldYield = M2;
-  exports.unstable_wrapCallback = function(a) {
+  exports$1.unstable_shouldYield = M2;
+  exports$1.unstable_wrapCallback = function(a) {
     var b = y2;
     return function() {
       var c = y2;
@@ -13093,7 +13093,7 @@ const STYLES = `
   }
 
   /* ── Product photo strip (single-garment, below the size card) ──
-     Two thumbnails per row, evenly spaced, auto-advances. Lives at
+     Three 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;
@@ -13112,12 +13112,16 @@ const STYLES = `
   }
   .ps-tryon-photo-strip-row {
     display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 0.45vw;
     animation: ps-tryon-photo-strip-fade 0.5s ease;
   }
   .ps-tryon-photo-strip-row.ps-count-1 {
-    grid-template-columns: minmax(0, calc((100% - 0.45vw) / 2));
+    grid-template-columns: minmax(0, calc((100% - 0.9vw) / 3));
+    justify-content: center;
+  }
+  .ps-tryon-photo-strip-row.ps-count-2 {
+    grid-template-columns: repeat(2, minmax(0, calc((100% - 0.9vw) / 3)));
     justify-content: center;
   }
   .ps-tryon-photo-strip-cell {
@@ -13178,8 +13182,14 @@ const STYLES = `
     .ps-tryon-photo-strip-row {
       gap: 8px;
     }
+    .ps-tryon-photo-strip-row {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
     .ps-tryon-photo-strip-row.ps-count-1 {
-      grid-template-columns: minmax(0, calc((100% - 8px) / 2));
+      grid-template-columns: minmax(0, calc((100% - 16px) / 3));
+    }
+    .ps-tryon-photo-strip-row.ps-count-2 {
+      grid-template-columns: repeat(2, minmax(0, calc((100% - 16px) / 3)));
     }
     .ps-tryon-photo-strip-cell {
       aspect-ratio: 1 / 1; border-radius: 12px;
@@ -21841,6 +21851,999 @@ const STYLES = `
     .ps-photo-zone-rejection-cta   { font-size: 13px; padding: 10px 16px; border-radius: 8px; }
     .ps-photo-zone-error { font-size: 11px; padding: 8px 10px; border-radius: 8px; }
   }
+
+  /* ════════════════════════════════════════════════════════════════
+     Mobile stability pass.
+     Keep this block last: older mobile patches above mix vw/px/svh and
+     compete with each other. These rules define the final phone layout
+     contract for every SDK modal screen.
+     ════════════════════════════════════════════════════════════════ */
+  @media (max-width: 768px) {
+    .ps-tryon-overlay {
+      --ps-mobile-x: clamp(14px, 4vw, 18px);
+      --ps-mobile-y: clamp(10px, 3vw, 14px);
+      --ps-mobile-footer-gap: 72px;
+      padding: 0 !important;
+      overflow: hidden !important;
+      align-items: stretch !important;
+      justify-content: stretch !important;
+    }
+
+    .ps-tryon-modal,
+    .ps-tryon-modal-wide {
+      width: 100dvw !important;
+      max-width: 100dvw !important;
+      height: 100svh !important;
+      min-height: 100svh !important;
+      max-height: 100svh !important;
+      border-radius: 0 !important;
+      display: flex !important;
+      flex-direction: column !important;
+      overflow: hidden !important;
+      box-shadow: none !important;
+      padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
+      background: var(--ps-bg-primary) !important;
+    }
+
+    .ps-tryon-header {
+      min-height: 48px !important;
+      padding: 8px var(--ps-mobile-x) !important;
+      border-radius: 0 !important;
+      flex: 0 0 auto !important;
+      gap: 8px !important;
+    }
+    .ps-tryon-powered-by {
+      min-width: 0 !important;
+      overflow: hidden !important;
+      text-overflow: ellipsis !important;
+    }
+    .ps-tryon-close,
+    .ps-tryon-header-mobile-menu-btn,
+    .ps-tryon-header-icon {
+      width: 36px !important;
+      height: 36px !important;
+      min-width: 36px !important;
+      min-height: 36px !important;
+    }
+    .ps-tryon-close svg,
+    .ps-tryon-header-mobile-menu-btn svg,
+    .ps-tryon-header-icon svg {
+      width: 18px !important;
+      height: 18px !important;
+    }
+
+    .ps-tryon-body {
+      flex: 1 1 auto !important;
+      min-height: 0 !important;
+      height: auto !important;
+      padding: var(--ps-mobile-y) var(--ps-mobile-x) 0 !important;
+      overflow: hidden !important;
+      display: flex !important;
+      flex-direction: column !important;
+      background: var(--ps-bg-primary) !important;
+    }
+    .ps-tryon-body > .ps-tryon-back-btn {
+      flex: 0 0 auto !important;
+      margin: 0 0 8px !important;
+      min-height: 34px !important;
+      font-size: 13px !important;
+    }
+    .ps-tryon-view-enter {
+      flex: 1 1 auto !important;
+      min-height: 0 !important;
+      width: 100% !important;
+      overflow: hidden !important;
+      display: flex !important;
+      flex-direction: column !important;
+    }
+    .ps-tryon-view-enter > * {
+      min-width: 0 !important;
+    }
+
+    /* Shared mobile screen primitives */
+    .ps-bp-wrapper,
+    .ps-bp-root,
+    .ps-bp-layout,
+    .ps-bpm-root,
+    .ps-pm-root,
+    .ps-tryon-sr,
+    .ps-msr-root,
+    .ps-msd-root,
+    .ps-msp-root,
+    .ps-cpw-root,
+    .ps-pmv-root,
+    .ps-profile-auth,
+    .ps-acc-mobile-wrap,
+    .ps-acc-mobile-photo,
+    .ps-acc-mobile-details {
+      flex: 1 1 auto !important;
+      min-height: 0 !important;
+      width: 100% !important;
+      max-width: 100% !important;
+    }
+    .ps-bp-wrapper,
+    .ps-bp-root,
+    .ps-bpm-root,
+    .ps-pm-root,
+    .ps-tryon-sr,
+    .ps-msr-root,
+    .ps-msd-root,
+    .ps-msp-root,
+    .ps-cpw-root,
+    .ps-profile-auth {
+      display: flex !important;
+      flex-direction: column !important;
+      overflow: hidden !important;
+    }
+
+    /* Body details / manual flow */
+    .ps-bp-layout {
+      height: 100% !important;
+      overflow: hidden !important;
+      gap: 0 !important;
+    }
+    .ps-bp-root {
+      padding: 0 !important;
+      gap: 10px !important;
+      justify-content: stretch !important;
+      max-height: none !important;
+    }
+    .ps-bpm-root {
+      padding: 0 !important;
+      gap: 10px !important;
+    }
+    .ps-bpm-header {
+      flex: 0 0 auto !important;
+      margin: 0 !important;
+      text-align: center !important;
+    }
+    .ps-bpm-title,
+    .ps-bp-scan-details-title {
+      font-size: 20px !important;
+      line-height: 1.18 !important;
+      letter-spacing: 0 !important;
+    }
+    .ps-bpm-subtitle,
+    .ps-bp-scan-details-sub {
+      display: block !important;
+      margin-top: 6px !important;
+      font-size: 12px !important;
+      line-height: 1.4 !important;
+      color: var(--ps-text-muted) !important;
+    }
+    .ps-bpm-toggle,
+    .ps-bp-system-toggle,
+    .ps-accm-toggle {
+      flex: 0 0 auto !important;
+      margin: 8px auto 10px !important;
+      gap: 26px !important;
+    }
+    .ps-bpm-toggle-btn,
+    .ps-bp-system-btn {
+      font-size: 13px !important;
+      min-height: 30px !important;
+      padding: 4px 0 !important;
+    }
+    .ps-bpm-fields,
+    .ps-accm-fields,
+    .ps-bp-inline-fields {
+      flex: 1 1 auto !important;
+      min-height: 0 !important;
+      overflow-y: auto !important;
+      -webkit-overflow-scrolling: touch !important;
+      padding-bottom: 8px !important;
+    }
+    .ps-bpm-row,
+    .ps-bp-inline-row,
+    .ps-accm-row {
+      padding: 12px 0 !important;
+      gap: 12px !important;
+    }
+    .ps-bpm-label,
+    .ps-bp-inline-label,
+    .ps-accm-label {
+      font-size: 11px !important;
+      letter-spacing: 0.12em !important;
+      line-height: 1.25 !important;
+    }
+    .ps-bpm-value-display,
+    .ps-bp-inline-input,
+    .ps-accm-input {
+      font-size: 19px !important;
+      line-height: 1.2 !important;
+    }
+    .ps-bp-profile-card {
+      flex: 0 0 auto !important;
+      padding: 10px 12px !important;
+      min-height: 0 !important;
+      border-radius: 12px !important;
+      gap: 10px !important;
+      align-items: center !important;
+    }
+    .ps-bp-profile-card-copy {
+      gap: 2px !important;
+      min-width: 0 !important;
+    }
+    .ps-bp-profile-card-eyebrow {
+      font-size: 10px !important;
+      letter-spacing: 0.12em !important;
+    }
+    .ps-bp-profile-card-copy strong {
+      font-size: 15px !important;
+      line-height: 1.15 !important;
+    }
+    .ps-bp-profile-card-copy span:last-child {
+      font-size: 11.5px !important;
+      line-height: 1.3 !important;
+    }
+    .ps-bp-profile-card-action {
+      min-height: 34px !important;
+      padding: 0 12px !important;
+      border-radius: 999px !important;
+      font-size: 11px !important;
+      white-space: nowrap !important;
+    }
+
+    .ps-bpm-spacer {
+      flex: 1 1 auto !important;
+      min-height: 6px !important;
+    }
+    .ps-bpm-bottom,
+    .ps-msr-bottom,
+    .ps-msd-actions,
+    .ps-cpw-footer,
+    .ps-pmv-actions {
+      flex: 0 0 auto !important;
+      margin-left: calc(-1 * var(--ps-mobile-x)) !important;
+      margin-right: calc(-1 * var(--ps-mobile-x)) !important;
+      padding: 10px var(--ps-mobile-x) calc(10px + env(safe-area-inset-bottom)) !important;
+      border-top: 1px solid var(--ps-border-subtle) !important;
+      background: rgba(255,255,255,0.98) !important;
+      box-shadow: 0 -14px 30px -28px rgba(17,24,39,0.35) !important;
+      backdrop-filter: blur(10px) !important;
+      -webkit-backdrop-filter: blur(10px) !important;
+      z-index: 8 !important;
+    }
+    .ps-bpm-next-btn,
+    .ps-pm-primary-btn,
+    .ps-msr-tryon-cta,
+    .ps-msd-primary-cta,
+    .ps-cpw-next-btn,
+    .ps-pmv-btn-primary,
+    .ps-tryon-v2-cta {
+      min-height: 42px !important;
+      border-radius: 10px !important;
+      font-size: 12px !important;
+      line-height: 1.1 !important;
+      letter-spacing: 0.08em !important;
+      padding: 0 14px !important;
+      white-space: nowrap !important;
+    }
+    .ps-bpm-bottom-tabs {
+      min-height: 38px !important;
+      margin-left: calc(-1 * var(--ps-mobile-x)) !important;
+      margin-right: calc(-1 * var(--ps-mobile-x)) !important;
+    }
+    .ps-bpm-bottom-tab {
+      min-height: 38px !important;
+      font-size: 10px !important;
+      letter-spacing: 0.12em !important;
+    }
+
+    /* AI scan / photo flow */
+    .ps-bp-scan-progress {
+      flex: 0 0 auto !important;
+      padding: 6px 4px 0 !important;
+      margin: 0 0 10px !important;
+      gap: 6px !important;
+    }
+    .ps-bp-scan-progress-track {
+      gap: 9px !important;
+      max-width: calc(100% - 48px) !important;
+    }
+    .ps-bp-scan-progress-label {
+      font-size: 10.5px !important;
+      letter-spacing: 0.08em !important;
+    }
+    .ps-bp-scan-progress-line {
+      flex-basis: 28px !important;
+    }
+    .ps-bp-scan-details-center {
+      flex: 1 1 auto !important;
+      min-height: 0 !important;
+      justify-content: flex-start !important;
+      overflow-y: auto !important;
+      padding: 6px 0 10px !important;
+      gap: 10px !important;
+    }
+    .ps-bp-scan-details-center:not(.ps-shoe-scan-details) .ps-bp-system-toggle {
+      margin-top: 14px !important;
+      margin-bottom: 8px !important;
+    }
+    .ps-pm-root {
+      padding: 0 !important;
+      gap: 10px !important;
+    }
+    .ps-pm-header {
+      flex: 0 0 auto !important;
+      margin: 0 !important;
+    }
+    .ps-pm-title {
+      font-size: 18px !important;
+      line-height: 1.2 !important;
+      margin: 0 0 4px !important;
+    }
+    .ps-pm-subtitle {
+      font-size: 12px !important;
+      line-height: 1.4 !important;
+      margin: 0 !important;
+    }
+    .ps-pm-preview {
+      flex: 1 1 auto !important;
+      min-height: 240px !important;
+      max-height: none !important;
+      height: auto !important;
+      border-radius: 14px !important;
+    }
+    .ps-bp-scan-progress ~ .ps-pm-root .ps-pm-preview.ps-pm-preview-tall {
+      flex: 1 1 auto !important;
+      min-height: min(54svh, 330px) !important;
+      height: auto !important;
+    }
+    .ps-pm-preview-img,
+    .ps-photo-zone-img,
+    .ps-cpw-photo-preview-img,
+    .ps-cpw-photo-frame-img {
+      object-fit: contain !important;
+      object-position: center center !important;
+    }
+    .ps-pm-age-chip {
+      flex: 0 0 auto !important;
+      margin: 8px 0 0 !important;
+      padding: 9px 11px !important;
+    }
+    .ps-pm-age-chip-q {
+      font-size: 12px !important;
+    }
+    .ps-pm-age-chip-btn {
+      min-height: 30px !important;
+      padding: 0 13px !important;
+    }
+    .ps-pm-checklist,
+    .ps-pm-legal-notice,
+    .ps-pm-dodonts-grid,
+    .ps-pm-dodonts-tip {
+      flex: 0 0 auto !important;
+    }
+    .ps-bp-photo-help {
+      max-height: 82svh !important;
+      overflow-y: auto !important;
+    }
+
+    /* Size result / try-on result mobile */
+    .ps-tryon-sr {
+      min-height: 0 !important;
+    }
+    .ps-msr-root,
+    .ps-msd-root {
+      margin: 0 calc(-1 * var(--ps-mobile-x)) !important;
+    }
+    .ps-msr-scroll,
+    .ps-msd-scroll,
+    .ps-msp-scroll,
+    .ps-cpw-body,
+    .ps-pmv-root {
+      flex: 1 1 auto !important;
+      min-height: 0 !important;
+      overflow-y: auto !important;
+      overflow-x: hidden !important;
+      -webkit-overflow-scrolling: touch !important;
+    }
+    .ps-msr-scroll,
+    .ps-msd-scroll {
+      padding: 8px var(--ps-mobile-x) calc(92px + env(safe-area-inset-bottom)) !important;
+      gap: 12px !important;
+    }
+    .ps-msr-eyebrow {
+      font-size: 10px !important;
+      margin: 0 !important;
+    }
+    .ps-msr-product {
+      gap: 10px !important;
+    }
+    .ps-msr-product-img-wrap,
+    .ps-msd-image {
+      width: 100% !important;
+      height: auto !important;
+      min-height: 260px !important;
+      max-height: 52svh !important;
+      aspect-ratio: 3 / 4 !important;
+      border-radius: 14px !important;
+    }
+    .ps-msr-product-img,
+    .ps-msd-image-img {
+      width: 100% !important;
+      height: 100% !important;
+      object-fit: contain !important;
+      object-position: center center !important;
+    }
+    .ps-msr-product-name {
+      font-size: 14px !important;
+      line-height: 1.25 !important;
+    }
+    .ps-msr-sections {
+      margin-top: 2px !important;
+    }
+    .ps-msr-section-card {
+      min-height: 92px !important;
+      padding: 13px 14px !important;
+      gap: 6px !important;
+    }
+    .ps-msr-section-icon-lg {
+      width: 42px !important;
+      height: 42px !important;
+      margin-bottom: 2px !important;
+    }
+    .ps-msr-section-size {
+      font-size: 28px !important;
+    }
+    .ps-msr-bottom-row,
+    .ps-tryon-v2-action-group,
+    .ps-msd-result-action-group {
+      display: grid !important;
+      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
+      gap: 8px !important;
+      width: 100% !important;
+      align-items: stretch !important;
+    }
+    .ps-tryon-v2-action-group-history {
+      grid-template-columns: minmax(0, auto) !important;
+      justify-content: end !important;
+    }
+    .ps-tryon-v2-action-group > .ps-tryon-v2-cta,
+    .ps-msr-commerce-row .ps-tryon-v2-cta,
+    .ps-msd-result-action-group .ps-tryon-v2-cta {
+      width: 100% !important;
+      min-width: 0 !important;
+      flex: 1 1 auto !important;
+      gap: 6px !important;
+      letter-spacing: 0.07em !important;
+    }
+    .ps-tryon-v2-history-product-cta {
+      width: auto !important;
+      min-width: 0 !important;
+      padding: 0 13px !important;
+    }
+    .ps-tryon-v2-add-bag-cta svg,
+    .ps-tryon-v2-history-product-cta svg {
+      width: 17px !important;
+      height: 17px !important;
+    }
+    .ps-msr-media-actions {
+      right: 8px !important;
+      bottom: 8px !important;
+      gap: 6px !important;
+    }
+    .ps-msr-feedback-slot {
+      left: 8px !important;
+      bottom: 8px !important;
+      max-width: calc(100% - 16px) !important;
+    }
+
+    /* Single-section detail */
+    .ps-msd-topbar {
+      flex: 0 0 auto !important;
+      padding: 2px 0 4px !important;
+      margin: 0 !important;
+    }
+    .ps-msd-card {
+      padding: 16px !important;
+      border-radius: 14px !important;
+      gap: 9px !important;
+    }
+    .ps-msd-card-size-row {
+      align-items: center !important;
+      gap: 9px !important;
+      flex-wrap: wrap !important;
+    }
+    .ps-msd-card-size {
+      font-size: clamp(28px, 9vw, 38px) !important;
+      line-height: 1 !important;
+      overflow-wrap: anywhere !important;
+    }
+    .ps-msd-row {
+      padding: 13px 0 !important;
+      gap: 8px !important;
+    }
+    .ps-msd-row-cells {
+      gap: 10px !important;
+    }
+    .ps-msd-cell-value {
+      font-size: 17px !important;
+      overflow-wrap: anywhere !important;
+    }
+    .ps-msd-sizes-pills {
+      gap: 8px !important;
+    }
+    .ps-msd-size-pill {
+      min-height: 36px !important;
+      padding: 0 12px !important;
+      border-radius: 999px !important;
+    }
+    .ps-msd-actions {
+      position: static !important;
+      margin: 12px 0 0 !important;
+      padding: 10px 0 0 !important;
+      border-top: 1px solid var(--ps-border-subtle) !important;
+      box-shadow: none !important;
+      background: transparent !important;
+      backdrop-filter: none !important;
+      -webkit-backdrop-filter: none !important;
+    }
+
+    /* Product carousel: always compact, always square, never footer-sized. */
+    .ps-tryon-photo-strip {
+      flex: 0 0 auto !important;
+      margin-top: 10px !important;
+      gap: 7px !important;
+    }
+    .ps-tryon-photo-strip-head {
+      min-height: 14px !important;
+    }
+    .ps-tryon-photo-strip-badge {
+      font-size: 10px !important;
+      letter-spacing: 0.12em !important;
+    }
+    .ps-tryon-photo-strip-row {
+      display: grid !important;
+      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+      gap: 8px !important;
+    }
+    .ps-tryon-photo-strip-row.ps-count-1 {
+      grid-template-columns: minmax(0, calc((100% - 16px) / 3)) !important;
+      justify-content: center !important;
+    }
+    .ps-tryon-photo-strip-row.ps-count-2 {
+      grid-template-columns: repeat(2, minmax(0, calc((100% - 16px) / 3))) !important;
+      justify-content: center !important;
+    }
+    .ps-tryon-photo-strip-cell {
+      aspect-ratio: 1 / 1 !important;
+      max-height: 31vw !important;
+      border-radius: 11px !important;
+    }
+    .ps-tryon-photo-strip-cell > img {
+      object-fit: cover !important;
+      object-position: center center !important;
+      width: 100% !important;
+      height: 100% !important;
+    }
+
+    /* Profile management and auth */
+    .ps-msp-scroll {
+      padding: 0 !important;
+    }
+    .ps-msp-home {
+      height: auto !important;
+      min-height: 100% !important;
+      gap: 12px !important;
+    }
+    .ps-msp-welcome-panel {
+      flex: 0 0 auto !important;
+      flex-direction: column !important;
+      gap: 10px !important;
+      padding: 4px 0 12px !important;
+    }
+    .ps-msp-kicker {
+      font-size: 10px !important;
+      letter-spacing: 0.12em !important;
+    }
+    .ps-msp-title {
+      font-size: 22px !important;
+      line-height: 1.15 !important;
+    }
+    .ps-msp-subtitle {
+      font-size: 12.5px !important;
+      line-height: 1.45 !important;
+    }
+    .ps-msp-header-actions {
+      width: 100% !important;
+      display: grid !important;
+      grid-template-columns: 1fr auto !important;
+      gap: 8px !important;
+    }
+    .ps-msp-primary-create,
+    .ps-msp-logout {
+      min-height: 38px !important;
+      font-size: 12px !important;
+      padding: 0 13px !important;
+      border-radius: 999px !important;
+    }
+    .ps-msp-cards-panel,
+    .ps-msp-cards-scroll {
+      flex: 1 1 auto !important;
+      min-height: 0 !important;
+      max-height: none !important;
+      overflow-y: auto !important;
+    }
+    .ps-msp-grid {
+      grid-template-columns: 1fr !important;
+      gap: 12px !important;
+      margin: 0 0 14px !important;
+    }
+    .ps-msp-card {
+      padding: 14px !important;
+      border-radius: 14px !important;
+    }
+    .ps-msp-card-circle {
+      width: 72px !important;
+      height: 72px !important;
+      margin: 8px auto 12px !important;
+    }
+    .ps-msp-card-name {
+      font-size: 16px !important;
+      line-height: 1.25 !important;
+    }
+    .ps-msp-meta-label {
+      font-size: 10px !important;
+    }
+    .ps-msp-meta-value {
+      font-size: 13px !important;
+    }
+    .ps-msp-card-actions {
+      gap: 8px !important;
+    }
+    .ps-msp-card-select {
+      min-height: 38px !important;
+      padding: 0 12px !important;
+      font-size: 11px !important;
+      border-radius: 9px !important;
+    }
+    .ps-msp-card-edit,
+    .ps-msp-card-delete {
+      width: 38px !important;
+      height: 38px !important;
+      border-radius: 9px !important;
+    }
+    .ps-profile-auth {
+      padding: 0 !important;
+      overflow-y: auto !important;
+    }
+    .ps-profile-auth-shell {
+      display: flex !important;
+      flex-direction: column !important;
+      height: auto !important;
+      min-height: 100% !important;
+      overflow: visible !important;
+    }
+    .ps-profile-auth-story,
+    .ps-profile-auth-card {
+      padding: 14px 0 !important;
+      border: 0 !important;
+    }
+    .ps-profile-auth-story {
+      border-bottom: 1px solid var(--ps-border-subtle) !important;
+    }
+    .ps-profile-auth-visual {
+      min-height: 110px !important;
+      margin: 0 !important;
+    }
+    .ps-profile-auth-title {
+      font-size: 22px !important;
+      line-height: 1.12 !important;
+    }
+    .ps-profile-auth-copy,
+    .ps-profile-auth-card-copy {
+      font-size: 12.5px !important;
+      line-height: 1.45 !important;
+    }
+    .ps-profile-auth-icon-row {
+      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+      gap: 9px !important;
+    }
+    .ps-profile-auth-button {
+      min-height: 58px !important;
+      font-size: 12px !important;
+      border-radius: 12px !important;
+    }
+
+    /* Profile creation wizard and profile detail */
+    .ps-cpw-body {
+      padding: 0 !important;
+    }
+    .ps-cpw-step-head {
+      flex: 0 0 auto !important;
+      margin: 0 0 10px !important;
+    }
+    .ps-cpw-step-title,
+    .ps-cpw-section-title {
+      font-size: 20px !important;
+      line-height: 1.2 !important;
+    }
+    .ps-cpw-section-sub {
+      font-size: 12px !important;
+      line-height: 1.4 !important;
+    }
+    .ps-cpw-image-split,
+    .ps-cpw-photo-step {
+      flex-direction: column !important;
+      height: auto !important;
+      min-height: 0 !important;
+      gap: 12px !important;
+      padding: 0 !important;
+      overflow-y: auto !important;
+    }
+    .ps-cpw-image-left,
+    .ps-cpw-image-right {
+      width: 100% !important;
+      min-width: 0 !important;
+      min-height: 0 !important;
+    }
+    .ps-cpw-dropzone,
+    .ps-cpw-photo-preview-frame,
+    .ps-cpw-photo-preview {
+      min-height: 250px !important;
+      height: min(48svh, 360px) !important;
+      border-radius: 14px !important;
+    }
+    .ps-cpw-inline-fields .ps-bp-inline-row {
+      padding: 11px 0 !important;
+    }
+    .ps-cpw-pill-row {
+      gap: 10px !important;
+      flex-wrap: wrap !important;
+    }
+    .ps-cpw-pill {
+      min-height: 34px !important;
+      padding: 0 13px !important;
+      font-size: 12px !important;
+      border-radius: 999px !important;
+    }
+    .ps-pmv-root {
+      padding: 0 !important;
+    }
+    .ps-pmv-data {
+      padding-bottom: 12px !important;
+    }
+    .ps-pmv-hero {
+      padding: 4px 0 12px !important;
+    }
+    .ps-pmv-hero-name {
+      font-size: 22px !important;
+      line-height: 1.15 !important;
+    }
+    .ps-pmv-measure-row,
+    .ps-pmv-basic-row {
+      padding: 12px 0 !important;
+      gap: 10px !important;
+    }
+    .ps-pmv-measure-icon,
+    .ps-pmv-basic-icon {
+      width: 28px !important;
+      height: 28px !important;
+    }
+    .ps-pmv-measure-label,
+    .ps-pmv-basic-label {
+      font-size: 11px !important;
+    }
+    .ps-pmv-measure-value,
+    .ps-pmv-basic-value,
+    .ps-pmv-inline-input,
+    .ps-pmv-inline-select {
+      font-size: 15px !important;
+    }
+    .ps-pmv-inline-input {
+      width: 54px !important;
+    }
+    .ps-pmv-actions {
+      position: sticky !important;
+      bottom: 0 !important;
+      justify-content: space-between !important;
+      gap: 8px !important;
+      flex-wrap: nowrap !important;
+    }
+    .ps-pmv-actions-right {
+      gap: 8px !important;
+      flex-wrap: nowrap !important;
+    }
+    .ps-pmv-btn-primary,
+    .ps-pmv-btn-secondary,
+    .ps-pmv-btn-edit,
+    .ps-pmv-btn-delete {
+      min-height: 40px !important;
+      padding: 0 12px !important;
+      border-radius: 10px !important;
+      font-size: 11px !important;
+      white-space: nowrap !important;
+    }
+
+    /* History drawer = real mobile gallery sheet */
+    .ps-tryon-drawer,
+    .ps-tryon-history-drawer {
+      position: absolute !important;
+      inset: 0 !important;
+      width: auto !important;
+      max-width: none !important;
+      height: auto !important;
+      max-height: none !important;
+      border-radius: 0 !important;
+      transform: translateY(100%) !important;
+      display: flex !important;
+      flex-direction: column !important;
+      padding: 0 !important;
+      background: var(--ps-bg-primary) !important;
+      z-index: 40 !important;
+    }
+    .ps-tryon-drawer-open {
+      transform: translateY(0) !important;
+    }
+    .ps-tryon-drawer-header {
+      flex: 0 0 auto !important;
+      min-height: 52px !important;
+      padding: 10px var(--ps-mobile-x) !important;
+      margin: 0 !important;
+      gap: 10px !important;
+      border-bottom: 1px solid var(--ps-border-subtle) !important;
+    }
+    .ps-tryon-drawer-title {
+      font-size: 17px !important;
+      line-height: 1.25 !important;
+      font-weight: 700 !important;
+    }
+    .ps-tryon-drawer-back,
+    .ps-tryon-drawer-close,
+    .ps-tryon-drawer-add-btn {
+      width: 36px !important;
+      height: 36px !important;
+      min-width: 36px !important;
+      border-radius: 10px !important;
+    }
+    .ps-tryon-drawer-list {
+      flex: 1 1 auto !important;
+      min-height: 0 !important;
+      overflow-y: auto !important;
+      -webkit-overflow-scrolling: touch !important;
+      padding: 14px var(--ps-mobile-x) calc(14px + env(safe-area-inset-bottom)) !important;
+      gap: 12px !important;
+    }
+    .ps-tryon-history-gallery {
+      display: grid !important;
+      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+      gap: 12px !important;
+      align-items: start !important;
+    }
+    .ps-tryon-history-card {
+      border-radius: 14px !important;
+      overflow: hidden !important;
+      background: #FFFFFF !important;
+    }
+    .ps-tryon-history-card-main {
+      padding: 0 !important;
+      gap: 8px !important;
+      text-align: left !important;
+    }
+    .ps-tryon-history-card-media {
+      width: 100% !important;
+      height: auto !important;
+      aspect-ratio: 3 / 4 !important;
+      border-radius: 13px !important;
+      background: #f3f5f9 !important;
+    }
+    .ps-tryon-history-card-img,
+    .ps-tryon-history-card-placeholder {
+      width: 100% !important;
+      height: 100% !important;
+      object-fit: cover !important;
+      object-position: center center !important;
+    }
+    .ps-tryon-history-card-product {
+      width: 38px !important;
+      height: 38px !important;
+      right: 8px !important;
+      bottom: 8px !important;
+      object-fit: cover !important;
+    }
+    .ps-tryon-history-card-title {
+      font-size: 12px !important;
+      line-height: 1.25 !important;
+      padding: 0 2px !important;
+    }
+    .ps-tryon-history-card-meta,
+    .ps-tryon-history-card-sections {
+      font-size: 10.5px !important;
+      padding: 0 2px !important;
+    }
+    .ps-tryon-history-card-size {
+      margin: 0 2px 2px !important;
+      font-size: 16px !important;
+    }
+    .ps-tryon-history-delete.ps-card-delete {
+      top: 8px !important;
+      right: 8px !important;
+      width: 32px !important;
+      height: 32px !important;
+      border-radius: 10px !important;
+    }
+    .ps-tryon-drawer-clear {
+      min-height: 40px !important;
+      font-size: 12px !important;
+      margin-top: 2px !important;
+    }
+
+    /* Generic safety: never let long words/labels force horizontal scroll. */
+    .ps-tryon-overlay button,
+    .ps-tryon-overlay span,
+    .ps-tryon-overlay p,
+    .ps-tryon-overlay h1,
+    .ps-tryon-overlay h2,
+    .ps-tryon-overlay h3,
+    .ps-tryon-overlay div {
+      min-width: 0;
+    }
+  }
+
+  @media (max-width: 768px) and (max-height: 720px) {
+    .ps-tryon-overlay {
+      --ps-mobile-y: 8px;
+    }
+    .ps-bpm-title,
+    .ps-bp-scan-details-title {
+      font-size: 18px !important;
+    }
+    .ps-bpm-subtitle,
+    .ps-bp-scan-details-sub {
+      display: none !important;
+    }
+    .ps-bpm-toggle,
+    .ps-bp-system-toggle,
+    .ps-accm-toggle {
+      margin: 5px auto 7px !important;
+    }
+    .ps-bpm-row,
+    .ps-bp-inline-row,
+    .ps-accm-row {
+      padding: 9px 0 !important;
+      gap: 8px !important;
+    }
+    .ps-bpm-value-display {
+      font-size: 17px !important;
+    }
+    .ps-bpm-step-btn {
+      width: 30px !important;
+      height: 30px !important;
+    }
+    .ps-bpm-or {
+      margin: 6px 0 !important;
+    }
+    .ps-bpm-upload-link {
+      min-height: 76px !important;
+      padding: 12px !important;
+    }
+    .ps-bpm-bottom,
+    .ps-msr-bottom,
+    .ps-msd-actions,
+    .ps-cpw-footer,
+    .ps-pmv-actions {
+      padding-top: 8px !important;
+      padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important;
+    }
+    .ps-bpm-next-btn,
+    .ps-pm-primary-btn,
+    .ps-msr-tryon-cta,
+    .ps-msd-primary-cta,
+    .ps-cpw-next-btn,
+    .ps-pmv-btn-primary,
+    .ps-tryon-v2-cta {
+      min-height: 40px !important;
+    }
+    .ps-bpm-bottom-tabs {
+      min-height: 34px !important;
+    }
+    .ps-bpm-bottom-tab {
+      min-height: 34px !important;
+      padding: 6px !important;
+    }
+  }
 `;
 function CameraIcon$1({ size = 18 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -23028,7 +24031,7 @@ function MultiSectionMobile({
     sizeGuide ? null : null
   ] });
 }
-const PER_SLIDE = 2;
+const PER_SLIDE = 3;
 const CYCLE_MS = 4e3;
 function ProductPhotoCarouselCard({
   photos,