@primestyleai/tryon 5.10.190 → 5.10.192

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,232 +21851,1420 @@ 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; }
   }
-`;
-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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "13", r: "4" })
-  ] });
-}
-function UploadIcon({ size = 48 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "17 8 12 3 7 8" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
-  ] });
-}
-function XIcon({ size = 20 }) {
-  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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-  ] });
-}
-function ArrowLeftIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M15 18l-6-6 6-6" }) });
-}
-function ArrowRightIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M5 12h14M12 5l7 7-7 7" }) });
-}
-function UserIcon({ size = 16 }) {
-  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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "7", r: "4" })
-  ] });
-}
-function ShoppingBagIcon({ size = 16 }) {
-  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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 10a4 4 0 0 1-8 0" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3.103 6.034h17.794" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z" })
-  ] });
-}
-function ExternalLinkIcon({ size = 16 }) {
-  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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M14 3h7v7" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M10 14 21 3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5" })
-  ] });
-}
-function ClockIcon({ size = 16 }) {
-  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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "12 6 12 12 16 14" })
-  ] });
-}
-function RulerIcon$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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m14.5 12.5 2-2" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m11.5 9.5 2-2" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m8.5 6.5 2-2" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m17.5 15.5 2-2" })
-  ] });
-}
-function SparkleIcon({ size = 18 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" }) });
-}
-function TrashIcon({ size = 14 }) {
-  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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "3 6 5 6 21 6" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-  ] });
-}
-function ChevronRightIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9 18l6-6-6-6" }) });
-}
-function ChevronDownIcon({ size = 18 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.4, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m6 9 6 6 6-6" }) });
-}
-function CheckIcon$1({ size = 14 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "20 6 9 17 4 12" }) });
-}
-function GlobeIcon({ size = 16 }) {
-  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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M2 12h20" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
-  ] });
-}
-function Stepper({ view, stepIndex }) {
-  if (view === "error" || view === "idle") return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-dots", children: Array.from({ length: TOTAL_STEPS }, (_, i) => i + 1).map((i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `ps-tryon-dot${i < stepIndex ? " ps-done" : i === stepIndex ? " ps-active" : ""}` }, i)) });
-}
-function LangSwitcher({
-  activeLocale: current,
-  onSelect,
-  portalContainer
-}) {
-  const [open, setOpen] = reactExports.useState(false);
-  const triggerRef = reactExports.useRef(null);
-  const dropRef = reactExports.useRef(null);
-  const [pos, setPos] = reactExports.useState({ top: 0, right: 0 });
-  const currentLabel = LOCALE_LABELS[current] || "English";
-  const updatePos = reactExports.useCallback(() => {
-    if (!triggerRef.current) return;
-    const rect = triggerRef.current.getBoundingClientRect();
-    setPos({ top: rect.bottom + 4, right: window.innerWidth - rect.right });
-  }, []);
-  reactExports.useEffect(() => {
-    if (!open) return;
-    updatePos();
-    const handler = (e) => {
-      const path = e.composedPath?.() ?? [];
-      if (triggerRef.current && path.includes(triggerRef.current)) return;
-      if (dropRef.current && path.includes(dropRef.current)) return;
-      if (triggerRef.current?.contains(e.target)) return;
-      if (dropRef.current?.contains(e.target)) return;
-      setOpen(false);
-    };
-    document.addEventListener("mousedown", handler);
-    window.addEventListener("resize", updatePos);
-    window.addEventListener("scroll", updatePos, true);
-    return () => {
-      document.removeEventListener("mousedown", handler);
-      window.removeEventListener("resize", updatePos);
-      window.removeEventListener("scroll", updatePos, true);
-    };
-  }, [open, updatePos]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        ref: triggerRef,
-        className: `ps-tryon-lang-trigger${open ? " ps-active" : ""}`,
-        onClick: () => setOpen(!open),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(GlobeIcon, { size: 15 }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-lang-current", children: currentLabel }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `ps-tryon-lang-arrow${open ? " ps-open" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDownIcon, { size: 18 }) })
-        ]
-      }
-    ),
-    open && reactDomExports.createPortal(
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          ref: dropRef,
-          className: "ps-tryon-lang-dropdown",
-          style: {
-            position: "fixed",
-            top: pos.top,
-            right: pos.right,
-            // Match the overlay's z-index (2147483647) so the dropdown sits
-            // above it. With equal z-index, document order wins — and the
-            // dropdown is portaled later than the overlay so it stacks on top.
-            zIndex: 2147483647
-          },
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-lang-list", children: SUPPORTED_LOCALES.map((code) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              className: `ps-tryon-lang-item${code === current ? " ps-selected" : ""}`,
-              onClick: () => {
-                onSelect(code);
-                setOpen(false);
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-lang-name", children: LOCALE_LABELS[code] || code }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-lang-code", children: code.toUpperCase() }),
-                code === current && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-lang-check", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CheckIcon$1, { size: 12 }) })
-              ]
-            },
-            code
-          )) })
-        }
-      ),
-      portalContainer ?? document.body
-    )
-  ] });
-}
-const MALE_FIELDS = [
-  { key: "heightCm", label: "Height", metricUnit: "cm", imperialUnit: "ft/in" },
-  { key: "weightKg", label: "Weight", metricUnit: "kg", imperialUnit: "lbs" },
-  { key: "age", label: "Age", metricUnit: "years", imperialUnit: "years" }
-];
-const FEMALE_FIELDS = [
-  { key: "heightCm", label: "Height", metricUnit: "cm", imperialUnit: "ft/in" },
-  { key: "weightKg", label: "Weight", metricUnit: "kg", imperialUnit: "lbs" },
-  { key: "age", label: "Age", metricUnit: "years", imperialUnit: "years" }
-];
-function ProfileEditView({
-  profile,
-  onSave,
-  onCancel,
-  t: t2
-}) {
-  const [name, setName] = reactExports.useState(profile?.name || "");
-  const [gender, setGender] = reactExports.useState(
-    profile?.gender === "female" ? "female" : "male"
-  );
-  const [unit, setUnit] = reactExports.useState(profile?.sizingUnit || "cm");
-  const [vals, setVals] = reactExports.useState(() => {
-    if (!profile) return {};
-    const r2 = {};
-    for (const k2 of ["heightCm", "weightKg", "age"]) {
-      const v2 = profile[k2];
-      if (typeof v2 === "number" && v2 > 0) r2[k2] = String(v2);
+
+  /* ════════════════════════════════════════════════════════════════
+     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;
     }
-    return r2;
-  });
-  const fields = gender === "female" ? FEMALE_FIELDS : MALE_FIELDS;
-  const [error, setError] = reactExports.useState("");
-  const handleSave = () => {
-    const missing = [];
-    if (!name.trim()) missing.push(t2("Profile Name"));
-    for (const f2 of fields) {
-      const v2 = parseFloat(vals[f2.key] || "");
-      if (!(v2 > 0)) missing.push(t2(f2.label));
+
+    .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;
     }
-    if (missing.length > 0) {
-      setError(t2("Please fill in all fields"));
-      return;
+
+    .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;
     }
-    setError("");
-    const p2 = { name: name.trim(), gender, sizingUnit: unit };
-    for (const f2 of fields) {
-      p2[f2.key] = parseFloat(vals[f2.key]);
+    .ps-tryon-powered-by {
+      min-width: 0 !important;
+      overflow: hidden !important;
+      text-overflow: ellipsis !important;
     }
-    onSave(p2);
-  };
+    .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;
+    }
+  }
+
+  /* Final mobile ergonomics patch: keep body-detail inputs readable, keep
+     commerce CTAs from crowding, and give feedback a real mobile sheet. */
+  @media (max-width: 768px) {
+    .ps-bp-scan-details-title {
+      margin: 4px 0 0 !important;
+    }
+    .ps-bp-scan-details-sub {
+      margin: 4px 0 0 !important;
+    }
+    .ps-bp-scan-details-center:not(.ps-shoe-scan-details) .ps-bp-system-toggle,
+    .ps-bp-photo-details-head .ps-bp-system-toggle,
+    .ps-bp-system-toggle.ps-bp-system-toggle-compact {
+      margin: 6px auto 8px !important;
+      gap: 14px !important;
+    }
+    .ps-bp-photo-details-head {
+      align-items: flex-start !important;
+      gap: 8px !important;
+      padding-bottom: 8px !important;
+    }
+    .ps-bp-photo-details-head h3 {
+      font-size: 16px !important;
+      line-height: 1.2 !important;
+      padding-top: 3px !important;
+    }
+    .ps-bp-inline-fields {
+      padding-top: 4px !important;
+      padding-bottom: 14px !important;
+    }
+    .ps-bp-inline-row {
+      display: grid !important;
+      grid-template-columns: minmax(72px, 0.34fr) minmax(0, 1fr) !important;
+      align-items: center !important;
+      gap: 14px !important;
+      padding: 16px 0 !important;
+      min-height: 66px !important;
+    }
+    .ps-bp-inline-label {
+      flex-basis: auto !important;
+      min-width: 0 !important;
+      font-size: 11px !important;
+      letter-spacing: 0.13em !important;
+    }
+    .ps-bp-inline-input-group {
+      display: grid !important;
+      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto !important;
+      align-items: end !important;
+      gap: 8px !important;
+      min-width: 0 !important;
+      width: 100% !important;
+    }
+    .ps-bp-inline-row:not(:first-child) .ps-bp-inline-input-group,
+    .ps-bp-inline-row .ps-bp-inline-input-group:has(input:only-child) {
+      grid-template-columns: minmax(0, 1fr) auto !important;
+    }
+    .ps-bp-inline-input {
+      min-height: 34px !important;
+      font-size: 20px !important;
+      line-height: 1.2 !important;
+      padding-bottom: 7px !important;
+      text-align: left !important;
+    }
+    .ps-bp-inline-unit {
+      align-self: center !important;
+      font-size: 12px !important;
+      line-height: 1 !important;
+      padding-bottom: 8px !important;
+    }
+
+    .ps-msr-bottom,
+    .ps-msd-actions {
+      padding-top: 9px !important;
+      padding-bottom: calc(9px + env(safe-area-inset-bottom)) !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: 9px !important;
+      align-items: stretch !important;
+    }
+    .ps-tryon-v2-action-group-history {
+      display: flex !important;
+      justify-content: flex-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 {
+      min-height: 40px !important;
+      padding: 0 10px !important;
+      border-radius: 9px !important;
+      font-size: 11px !important;
+      letter-spacing: 0.07em !important;
+      gap: 5px !important;
+      overflow: hidden !important;
+      text-overflow: ellipsis !important;
+    }
+    .ps-tryon-v2-add-bag-cta svg,
+    .ps-tryon-v2-history-product-cta svg {
+      width: 18px !important;
+      height: 18px !important;
+    }
+    @media (max-width: 374px) {
+      .ps-msr-bottom-row,
+      .ps-tryon-v2-action-group,
+      .ps-msd-result-action-group {
+        grid-template-columns: 1fr !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 {
+        min-height: 38px !important;
+      }
+    }
+
+    .ps-tryon-feedback-toggle.ps-mobile {
+      min-height: 36px !important;
+      padding: 0 13px !important;
+      border-radius: 10px !important;
+      font-size: 12px !important;
+      gap: 7px !important;
+    }
+    .ps-tryon-feedback-toggle.ps-mobile svg {
+      width: 16px !important;
+      height: 16px !important;
+    }
+    .ps-tryon-feedback-backdrop.ps-mobile {
+      position: fixed !important;
+      inset: 0 !important;
+      z-index: 2147483000 !important;
+      border: 0 !important;
+      padding: 0 !important;
+      margin: 0 !important;
+      background: rgba(15, 23, 42, 0.24) !important;
+      backdrop-filter: blur(3px) !important;
+      -webkit-backdrop-filter: blur(3px) !important;
+      cursor: pointer !important;
+    }
+    .ps-tryon-feedback.ps-mobile {
+      position: fixed !important;
+      left: 12px !important;
+      right: 12px !important;
+      bottom: calc(12px + env(safe-area-inset-bottom)) !important;
+      width: auto !important;
+      max-width: 520px !important;
+      margin: 0 auto !important;
+      z-index: 2147483001 !important;
+      padding: 16px !important;
+      border-radius: 18px !important;
+      gap: 13px !important;
+      background: #FFFFFF !important;
+      box-shadow: 0 22px 60px rgba(15, 23, 42, 0.28) !important;
+      backdrop-filter: none !important;
+      -webkit-backdrop-filter: none !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-top {
+      gap: 10px !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-title {
+      font-size: 16px !important;
+      line-height: 1.2 !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-close {
+      width: 34px !important;
+      height: 34px !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-stars {
+      gap: 7px !important;
+      padding-top: 2px !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-star {
+      width: 32px !important;
+      height: 32px !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-form {
+      grid-template-columns: 1fr auto !important;
+      gap: 9px !important;
+      align-items: end !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-note {
+      min-height: 48px !important;
+      max-height: 120px !important;
+      border-radius: 12px !important;
+      font-size: 14px !important;
+      padding: 12px !important;
+    }
+    .ps-tryon-feedback.ps-mobile .ps-tryon-feedback-submit {
+      min-height: 48px !important;
+      padding: 0 16px !important;
+      border-radius: 12px !important;
+      font-size: 13px !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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "13", r: "4" })
+  ] });
+}
+function UploadIcon({ size = 48 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "17 8 12 3 7 8" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+  ] });
+}
+function XIcon({ size = 20 }) {
+  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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] });
+}
+function ArrowLeftIcon() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M15 18l-6-6 6-6" }) });
+}
+function ArrowRightIcon() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M5 12h14M12 5l7 7-7 7" }) });
+}
+function UserIcon({ size = 16 }) {
+  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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "7", r: "4" })
+  ] });
+}
+function ShoppingBagIcon({ size = 16 }) {
+  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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 10a4 4 0 0 1-8 0" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3.103 6.034h17.794" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z" })
+  ] });
+}
+function ExternalLinkIcon({ size = 16 }) {
+  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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M14 3h7v7" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M10 14 21 3" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5" })
+  ] });
+}
+function ClockIcon({ size = 16 }) {
+  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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "12 6 12 12 16 14" })
+  ] });
+}
+function RulerIcon$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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m14.5 12.5 2-2" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m11.5 9.5 2-2" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m8.5 6.5 2-2" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m17.5 15.5 2-2" })
+  ] });
+}
+function SparkleIcon({ size = 18 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" }) });
+}
+function TrashIcon({ size = 14 }) {
+  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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "3 6 5 6 21 6" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+  ] });
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9 18l6-6-6-6" }) });
+}
+function ChevronDownIcon({ size = 18 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.4, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "m6 9 6 6 6-6" }) });
+}
+function CheckIcon$1({ size = 14 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "20 6 9 17 4 12" }) });
+}
+function GlobeIcon({ size = 16 }) {
+  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: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M2 12h20" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+  ] });
+}
+function Stepper({ view, stepIndex }) {
+  if (view === "error" || view === "idle") return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-dots", children: Array.from({ length: TOTAL_STEPS }, (_, i) => i + 1).map((i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `ps-tryon-dot${i < stepIndex ? " ps-done" : i === stepIndex ? " ps-active" : ""}` }, i)) });
+}
+function LangSwitcher({
+  activeLocale: current,
+  onSelect,
+  portalContainer
+}) {
+  const [open, setOpen] = reactExports.useState(false);
+  const triggerRef = reactExports.useRef(null);
+  const dropRef = reactExports.useRef(null);
+  const [pos, setPos] = reactExports.useState({ top: 0, right: 0 });
+  const currentLabel = LOCALE_LABELS[current] || "English";
+  const updatePos = reactExports.useCallback(() => {
+    if (!triggerRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    setPos({ top: rect.bottom + 4, right: window.innerWidth - rect.right });
+  }, []);
+  reactExports.useEffect(() => {
+    if (!open) return;
+    updatePos();
+    const handler = (e) => {
+      const path = e.composedPath?.() ?? [];
+      if (triggerRef.current && path.includes(triggerRef.current)) return;
+      if (dropRef.current && path.includes(dropRef.current)) return;
+      if (triggerRef.current?.contains(e.target)) return;
+      if (dropRef.current?.contains(e.target)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", handler);
+    window.addEventListener("resize", updatePos);
+    window.addEventListener("scroll", updatePos, true);
+    return () => {
+      document.removeEventListener("mousedown", handler);
+      window.removeEventListener("resize", updatePos);
+      window.removeEventListener("scroll", updatePos, true);
+    };
+  }, [open, updatePos]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        className: `ps-tryon-lang-trigger${open ? " ps-active" : ""}`,
+        onClick: () => setOpen(!open),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(GlobeIcon, { size: 15 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-lang-current", children: currentLabel }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `ps-tryon-lang-arrow${open ? " ps-open" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDownIcon, { size: 18 }) })
+        ]
+      }
+    ),
+    open && reactDomExports.createPortal(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          ref: dropRef,
+          className: "ps-tryon-lang-dropdown",
+          style: {
+            position: "fixed",
+            top: pos.top,
+            right: pos.right,
+            // Match the overlay's z-index (2147483647) so the dropdown sits
+            // above it. With equal z-index, document order wins — and the
+            // dropdown is portaled later than the overlay so it stacks on top.
+            zIndex: 2147483647
+          },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-lang-list", children: SUPPORTED_LOCALES.map((code) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              className: `ps-tryon-lang-item${code === current ? " ps-selected" : ""}`,
+              onClick: () => {
+                onSelect(code);
+                setOpen(false);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-lang-name", children: LOCALE_LABELS[code] || code }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-lang-code", children: code.toUpperCase() }),
+                code === current && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-lang-check", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CheckIcon$1, { size: 12 }) })
+              ]
+            },
+            code
+          )) })
+        }
+      ),
+      portalContainer ?? document.body
+    )
+  ] });
+}
+const MALE_FIELDS = [
+  { key: "heightCm", label: "Height", metricUnit: "cm", imperialUnit: "ft/in" },
+  { key: "weightKg", label: "Weight", metricUnit: "kg", imperialUnit: "lbs" },
+  { key: "age", label: "Age", metricUnit: "years", imperialUnit: "years" }
+];
+const FEMALE_FIELDS = [
+  { key: "heightCm", label: "Height", metricUnit: "cm", imperialUnit: "ft/in" },
+  { key: "weightKg", label: "Weight", metricUnit: "kg", imperialUnit: "lbs" },
+  { key: "age", label: "Age", metricUnit: "years", imperialUnit: "years" }
+];
+function ProfileEditView({
+  profile,
+  onSave,
+  onCancel,
+  t: t2
+}) {
+  const [name, setName] = reactExports.useState(profile?.name || "");
+  const [gender, setGender] = reactExports.useState(
+    profile?.gender === "female" ? "female" : "male"
+  );
+  const [unit, setUnit] = reactExports.useState(profile?.sizingUnit || "cm");
+  const [vals, setVals] = reactExports.useState(() => {
+    if (!profile) return {};
+    const r2 = {};
+    for (const k2 of ["heightCm", "weightKg", "age"]) {
+      const v2 = profile[k2];
+      if (typeof v2 === "number" && v2 > 0) r2[k2] = String(v2);
+    }
+    return r2;
+  });
+  const fields = gender === "female" ? FEMALE_FIELDS : MALE_FIELDS;
+  const [error, setError] = reactExports.useState("");
+  const handleSave = () => {
+    const missing = [];
+    if (!name.trim()) missing.push(t2("Profile Name"));
+    for (const f2 of fields) {
+      const v2 = parseFloat(vals[f2.key] || "");
+      if (!(v2 > 0)) missing.push(t2(f2.label));
+    }
+    if (missing.length > 0) {
+      setError(t2("Please fill in all fields"));
+      return;
+    }
+    setError("");
+    const p2 = { name: name.trim(), gender, sizingUnit: unit };
+    for (const f2 of fields) {
+      p2[f2.key] = parseFloat(vals[f2.key]);
+    }
+    onSave(p2);
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-profile-edit", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sf-float-field", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "ps-tryon-sf-float-label", children: t2("Profile Name") }),
@@ -23028,7 +24226,7 @@ function MultiSectionMobile({
     sizeGuide ? null : null
   ] });
 }
-const PER_SLIDE = 2;
+const PER_SLIDE = 3;
 const CYCLE_MS = 4e3;
 function ProductPhotoCarouselCard({
   photos,
@@ -23202,7 +24400,7 @@ function TryOnExperienceFeedback({
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-tryon-feedback${isMobile ? " ps-mobile" : ""}`, "aria-label": t2("Rate your try-on"), children: [
+  const feedbackPanel = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-tryon-feedback${isMobile ? " ps-mobile" : ""}`, "aria-label": t2("Rate your try-on"), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-feedback-top", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-feedback-title", children: t2("Rate your try-on") }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -23267,6 +24465,21 @@ function TryOnExperienceFeedback({
     ] }),
     status === "error" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-feedback-status", children: t2("Couldn't send. Try again.") })
   ] });
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "ps-tryon-feedback-backdrop ps-mobile",
+          onClick: () => setExpanded(false),
+          "aria-label": t2("Close")
+        }
+      ),
+      feedbackPanel
+    ] });
+  }
+  return feedbackPanel;
 }
 function ResultImageActionBar({
   showLines,