@primestyleai/tryon 5.10.177 → 5.10.179

package/dist/storefront/primestyle-tryon.js

@@ -9530,6 +9530,25 @@ class ApiClient {
     }
     return res.json();
   }
+  async submitTryOnFeedback(input) {
+    const res = await fetch(`${this.baseUrl}/api/v1/tryon/feedback`, {
+      method: "POST",
+      headers: this.headers,
+      body: JSON.stringify({
+        ...input,
+        sessionId: getOrCreateSessionId(),
+        deviceHint: getDeviceHint()
+      })
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new PrimeStyleError(
+        data.message || "Failed to submit try-on feedback",
+        "API_ERROR"
+      );
+    }
+    return res.json();
+  }
   getStreamUrl() {
     const streamUrl = `${this.baseUrl}/api/v1/tryon/stream`;
     return this.apiKey ? `${streamUrl}?key=${encodeURIComponent(this.apiKey)}` : streamUrl;
@@ -10206,6 +10225,52 @@ function parseNum(s) {
   const n2 = parseFloat(s.replace(/[^\d.]/g, ""));
   return isNaN(n2) ? 0 : n2;
 }
+function normalizeUnit(unit) {
+  const u2 = (unit || "").toLowerCase();
+  if (u2 === "in" || u2 === "inch" || u2 === "inches") return "in";
+  if (u2 === "cm") return "cm";
+  if (u2 === "mm") return "mm";
+  return null;
+}
+function detectUnitFromText(text) {
+  const t2 = String(text || "");
+  if (/\bmm\b/i.test(t2)) return "mm";
+  if (/\bcm\b/i.test(t2)) return "cm";
+  if (/\bin\b|inch|inches|["”]/i.test(t2)) return "in";
+  return null;
+}
+function convertValue(value, from, to) {
+  if (from === to) return value;
+  const inMm = from === "mm" ? value : from === "cm" ? value * 10 : value * 25.4;
+  if (to === "mm") return inMm;
+  if (to === "cm") return inMm / 10;
+  return inMm / 25.4;
+}
+function formatUnitNumber(value, unit) {
+  const precision = unit === "mm" ? 0 : 1;
+  const rounded = Number(value.toFixed(precision));
+  return Number.isInteger(rounded) ? String(rounded) : String(rounded);
+}
+function convertNumberTextToUnit(text, from, to) {
+  if (from === to) return text;
+  const converted = text.replace(/\s*(cm|mm|in|inch|inches)\b/ig, "").replace(/(\d+(?:\.\d+)?)/g, (raw) => formatUnitNumber(convertValue(Number(raw), from, to), to)).trim();
+  return converted ? `${converted} ${to}` : text;
+}
+function normalizeMeasurementValueText(measurement, value, targetUnit) {
+  if (isUnitlessShoeSizeMeasurement(measurement)) return formatUserMeasurementValue(measurement, value);
+  const sourceUnit = detectUnitFromText(value);
+  if (sourceUnit) return convertNumberTextToUnit(value, sourceUnit, targetUnit);
+  const trimmed = String(value || "").trim();
+  return /\d/.test(trimmed) ? `${trimmed} ${targetUnit}` : trimmed;
+}
+function normalizeRangeText(range, targetUnit, header) {
+  const sourceUnit = detectUnitFromText(range) || detectUnitFromText(header);
+  if (!sourceUnit) return String(range || "").trim();
+  return convertNumberTextToUnit(range, sourceUnit, targetUnit);
+}
+function promptHeaderLabel(header) {
+  return String(header || "").replace(/\s*\((?:cm|mm|in|inch|inches)\)\s*/ig, "").trim();
+}
 function isUnitlessShoeSizeMeasurement(measurement) {
   const normalized = measurement.toLowerCase().replace(/\s*\(.*?\)\s*/g, " ").trim();
   if (/foot\s*length|length\s*\(cm\)|cm\s*\/\s*jp|mondo|mondopoint/i.test(normalized)) return false;
@@ -10216,11 +10281,15 @@ function formatUserMeasurementValue(measurement, value) {
   return value.replace(/\s*(cm|mm|in|inch|inches)\b/ig, "").trim();
 }
 function computeFit(userValue, chartRange, unit) {
-  const { min: rMin, max: rMax } = parseRange(chartRange);
+  const targetUnit = normalizeUnit(unit) || detectUnitFromText(chartRange) || "in";
+  const chartUnit = detectUnitFromText(chartRange);
+  const parsed = parseRange(chartRange);
+  const rMin = chartUnit && chartUnit !== targetUnit ? convertValue(parsed.min, chartUnit, targetUnit) : parsed.min;
+  const rMax = chartUnit && chartUnit !== targetUnit ? convertValue(parsed.max, chartUnit, targetUnit) : parsed.max;
   if (rMin === 0 && rMax === 0) return "good";
-  const perfectTol = unit === "cm" ? 1.27 : unit === "mm" ? 12.7 : 0.5;
-  const aBitTol = unit === "cm" ? 2.54 : unit === "mm" ? 25.4 : 1;
-  const tooFarTol = unit === "cm" ? 5.08 : unit === "mm" ? 50.8 : 2;
+  const perfectTol = targetUnit === "cm" ? 1.27 : targetUnit === "mm" ? 12.7 : 0.5;
+  const aBitTol = targetUnit === "cm" ? 2.54 : targetUnit === "mm" ? 25.4 : 1;
+  const tooFarTol = targetUnit === "cm" ? 5.08 : targetUnit === "mm" ? 50.8 : 2;
   const inRange = userValue >= rMin && userValue <= rMax;
   const overEdge = inRange ? 0 : userValue > rMax ? userValue - rMax : rMin - userValue;
   if (inRange || overEdge <= perfectTol) return "good";
@@ -10243,14 +10312,17 @@ const SKIP_AREAS_FOR_FIT = /* @__PURE__ */ new Set([
 ]);
 function buildFitInfo(matchDetails, poseLines, unit) {
   return matchDetails.filter((m2) => !SKIP_AREAS_FOR_FIT.has(m2.measurement.toLowerCase().replace(/\s*\(.*?\)\s*/g, "").trim())).map((m2) => {
-    const userNum = parseNum(m2.userValue);
-    const fit = computeFit(userNum, m2.chartRange, unit);
+    const targetUnit = normalizeUnit(unit) || detectUnitFromText(m2.userValue) || detectUnitFromText(m2.chartRange) || "in";
+    const userValueText = normalizeMeasurementValueText(m2.measurement, m2.userValue, targetUnit);
+    const chartRangeText = normalizeRangeText(m2.chartRange, targetUnit);
+    const userNum = parseNum(userValueText);
+    const fit = computeFit(userNum, chartRangeText, targetUnit);
     const info = {
       area: m2.measurement,
       section: m2.section || void 0,
       fit,
       userValue: userNum || void 0,
-      garmentRange: m2.chartRange || void 0
+      garmentRange: chartRangeText || void 0
     };
     if (poseLines) {
       const poseKey = AREA_TO_POSE_KEY[m2.measurement.toLowerCase()];
@@ -10267,6 +10339,7 @@ function buildFitInfo(matchDetails, poseLines, unit) {
 function buildSilhouetteContext(sizingResult, sizeGuide, selectedSizeOverride, userHeight, userWeight) {
   if (!sizingResult && !sizeGuide && !userHeight && !userWeight) return void 0;
   const out = {};
+  const promptUnit = normalizeUnit(sizingResult?.unit) || detectUnitFromText(sizingResult?.matchDetails?.[0]?.userValue) || detectUnitFromText(Object.values(sizingResult?.sections || {})[0]?.matchDetails?.[0]?.userValue) || "in";
   const baseSize = (selectedSizeOverride || sizingResult?.recommendedSize || "").toString().trim();
   if (userHeight) out.userHeight = userHeight;
   if (userWeight) out.userWeight = userWeight;
@@ -10292,7 +10365,7 @@ function buildSilhouetteContext(sizingResult, sizeGuide, selectedSizeOverride, u
           chartRowFit = vStr;
           continue;
         }
-        if (vStr) bits.push(`${h} ${vStr}`);
+        if (vStr) bits.push(`${promptHeaderLabel(h) || h} ${normalizeRangeText(vStr, promptUnit, h)}`);
         if (chartRowLength == null && /^length\b|inseam/i.test(h) && vStr) {
           chartRowLength = vStr;
         }
@@ -10341,7 +10414,7 @@ function buildSilhouetteContext(sizingResult, sizeGuide, selectedSizeOverride, u
             const h = (secChart.headers[i] || "").trim();
             const baseHeader = h.replace(/\s*\(.*?\)\s*/g, "").trim();
             if (vStr && !/^(size|standard|country|fit|silhouette|category|body[\s_]?type|eu|uk|us|it|jp|cn|kr|ru|br|au)$/i.test(baseHeader)) {
-              bits.push(`${h} ${vStr}`);
+              bits.push(`${promptHeaderLabel(h) || h} ${normalizeRangeText(vStr, promptUnit, h)}`);
             }
           }
           if (bits.length) measurementParts.push(`${cleanSec} ${secSize}: ${bits.join(", ")}`);
@@ -10351,29 +10424,33 @@ function buildSilhouetteContext(sizingResult, sizeGuide, selectedSizeOverride, u
     if (labelParts.length) out.recommendedSize = labelParts.join(", ");
     if (measurementParts.length) out.recommendedSizeMeasurements = measurementParts.join(" | ");
   }
-  const seen = /* @__PURE__ */ new Set();
+  const seenUserMeasurements = /* @__PURE__ */ new Set();
+  const seenSelectedMeasurements = /* @__PURE__ */ new Set();
   const userLines = [];
-  const push = (md2) => {
+  const selectedMeasurementLines = [];
+  const push = (md2, sectionName) => {
     if (!md2) return;
     for (const m2 of md2) {
-      const k2 = m2.measurement.toLowerCase();
-      if (seen.has(k2)) continue;
-      seen.add(k2);
-      if (m2.userValue) userLines.push(`${m2.measurement} ${formatUserMeasurementValue(m2.measurement, m2.userValue)}`);
+      const normalizedMeasurement = m2.measurement.toLowerCase().replace(/\s*\(.*?\)\s*/g, "").trim();
+      if (SKIP_AREAS_FOR_FIT.has(normalizedMeasurement)) continue;
+      const selectedKey = sectionName ? `${sectionName.toLowerCase()}:${normalizedMeasurement}` : normalizedMeasurement;
+      if (m2.userValue && !seenUserMeasurements.has(normalizedMeasurement)) {
+        seenUserMeasurements.add(normalizedMeasurement);
+        userLines.push(`${m2.measurement} ${normalizeMeasurementValueText(m2.measurement, m2.userValue, promptUnit)}`);
+      }
+      if (m2.chartRange && !seenSelectedMeasurements.has(selectedKey)) {
+        seenSelectedMeasurements.add(selectedKey);
+        const prefix = sectionName ? `${sectionName} ${m2.measurement}` : m2.measurement;
+        selectedMeasurementLines.push(`${prefix} ${normalizeRangeText(m2.chartRange, promptUnit)}`);
+      }
     }
   };
   push(sizingResult?.matchDetails);
   if (sizingResult?.sections) {
-    for (const sec of Object.values(sizingResult.sections)) push(sec.matchDetails);
+    for (const [secName, sec] of Object.entries(sizingResult.sections)) push(sec.matchDetails, secName);
   }
   if (userLines.length) out.userMeasurementsText = userLines.join(", ");
-  if (sizeGuide?.headers?.length && sizeGuide.rows?.length) {
-    const hdrs = sizeGuide.headers;
-    const rowStrings = sizeGuide.rows.slice(0, 20).map(
-      (row) => hdrs.map((h, i) => `${h} ${row[i] ?? "—"}`).join(", ")
-    );
-    out.sizeChartSummary = rowStrings.join(" | ");
-  }
+  if (selectedMeasurementLines.length) out.recommendedSizeMeasurements = selectedMeasurementLines.join(", ");
   return Object.keys(out).length ? out : void 0;
 }
 const FALLBACK_FIELDS_FEMALE = [
@@ -10533,6 +10610,24 @@ function logSizeShown(input) {
     fromCache: input.fromCache
   });
 }
+function logTryOnFeedback(input) {
+  void post("/events/tryon-feedback", {
+    sessionId: getOrCreateSessionId(),
+    deviceHint: getDeviceHint(),
+    jobId: input.jobId,
+    historyEntryId: input.historyEntryId,
+    rating: input.rating,
+    note: input.note,
+    productId: input.productId,
+    productTitle: input.productTitle,
+    productUrl: input.productUrl,
+    recommendedSize: input.recommendedSize,
+    profileLoggedIn: input.profileLoggedIn,
+    profileId: input.profileId,
+    profileName: input.profileName,
+    profileAccessToken: input.profileAccessToken
+  });
+}
 const ATTR_KEY = "ps_session";
 const PROXY_BASE = "/apps/primestyle";
 const CART_ADD_ENDPOINTS = ["/cart/add.js", "/cart/add"];
@@ -11590,7 +11685,7 @@ function productFitTypeToMeasurementType(fitType) {
   }
   return "body";
 }
-const STYLES$1 = `
+const STYLES = `
   /* Variable defaults must live on BOTH the root (for the trigger button)
      and the overlay (which is React-portaled to <body> and therefore not
      a descendant of .ps-tryon-root, so the cascade is broken). Without
@@ -11657,6 +11752,7 @@ const STYLES$1 = `
     position: fixed; inset: 0; background: var(--ps-modal-overlay, rgba(0,0,0,0.6));
     display: flex; align-items: center; justify-content: center;
     z-index: 2147483647;
+    pointer-events: auto;
     isolation: isolate;
     contain: layout style;
     padding: 0.83vw;
@@ -12084,9 +12180,22 @@ const STYLES$1 = `
 
   /* ═══════════ V2 Redesign — Editorial luxury ═══════════ */
   .ps-tryon-v2 {
-    display: flex; gap: 1.2vw; flex: 1; min-height: 0;
+    display: flex; align-items: stretch; gap: 1.2vw; flex: 1 1 auto; min-height: 0;
     height: 100%; overflow: hidden;
   }
+  .ps-tryon-v2-media-stack {
+    flex: 0 0 43%;
+    min-width: 0;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.45vw;
+  }
+  .ps-tryon-v2-media-stack .ps-tryon-v2-bg {
+    flex: 1 1 auto;
+    width: 100%;
+    min-height: 0;
+  }
 
   /* Left image column — proper contained display.
      No background — the product/try-on image sits directly on the modal
@@ -12112,12 +12221,52 @@ const STYLES$1 = `
 
   /* Right form panel */
   .ps-tryon-v2-panel {
-    flex: 1; min-width: 0;
+    flex: 1 1 0; min-width: 0; min-height: 0;
     display: flex; flex-direction: column;
     padding: 0.2vw 0;
     justify-content: center;
     animation: ps-v2-fade 0.18s ease-out forwards;
   }
+  .ps-tryon-v2-result-panel {
+    align-self: stretch;
+    height: 100%;
+    justify-content: flex-start;
+    gap: 0.55vw;
+    padding-bottom: clamp(8px, 0.72vw, 14px);
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-v2-sep {
+    margin-bottom: 0;
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-sr-cards-v2 {
+    flex: 0 0 auto;
+    min-height: 0;
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-photo-strip {
+    flex: 0 0 auto;
+    min-height: 0;
+    margin-top: clamp(10px, 0.75vw, 14px);
+    margin-bottom: clamp(8px, 0.7vw, 12px);
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-sr-card-v2 {
+    min-height: clamp(140px, 10.5vw, 165px);
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-sr-card-v2.ps-full {
+    min-height: clamp(140px, 10.5vw, 165px);
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-photo-strip-cell {
+    aspect-ratio: 1 / 1;
+    height: auto;
+  }
+  .ps-tryon-v2-result-actions {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: auto;
+    padding-top: clamp(8px, 0.65vw, 12px);
+    padding-bottom: 0;
+    gap: 0.5vw;
+    flex-shrink: 0;
+  }
   @keyframes ps-v2-fade {
     0% { opacity: 0; }
     100% { opacity: 1; }
@@ -12601,9 +12750,12 @@ const STYLES$1 = `
   .ps-tryon-photo-strip-row {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
-    gap: 0.55vw;
+    gap: 0.45vw;
     animation: ps-tryon-photo-strip-fade 0.5s ease;
   }
+  .ps-tryon-photo-strip-row.ps-count-1 .ps-tryon-photo-strip-cell {
+    grid-column: 2;
+  }
   .ps-tryon-photo-strip-cell {
     position: relative;
     display: block;
@@ -12626,7 +12778,7 @@ const STYLES$1 = `
     object-position: center center;
     padding: 0;
     box-sizing: border-box;
-    transform: scale(0.94);
+    transform: none;
     transform-origin: center center;
     user-select: none;
     pointer-events: none;
@@ -12667,7 +12819,7 @@ const STYLES$1 = `
     }
     .ps-tryon-photo-strip-cell > img {
       object-position: center center;
-      transform: scale(0.94);
+      transform: none;
     }
   }
 
@@ -14253,10 +14405,20 @@ const STYLES$1 = `
     stroke: var(--ps-accent);
     transform: translateY(-1px);
   }
+  .ps-tryon-feedback-star:disabled {
+    cursor: default;
+  }
+  .ps-tryon-feedback-form {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    gap: 6px;
+    align-items: end;
+  }
   .ps-tryon-feedback-note {
     width: 100%;
     min-width: 0;
-    height: clamp(26px, 1.55vw, 32px);
+    min-height: clamp(30px, 1.75vw, 36px);
+    max-height: 78px;
     border: 1px solid #e6eaf2;
     border-radius: clamp(6px, 0.36vw, 8px);
     background: rgba(248, 250, 252, 0.88);
@@ -14264,9 +14426,12 @@ const STYLES$1 = `
     font-family: inherit;
     font-size: clamp(10px, 0.58vw, 12px);
     font-weight: 600;
-    padding: 0 clamp(8px, 0.5vw, 10px);
+    line-height: 1.35;
+    padding: clamp(7px, 0.42vw, 9px) clamp(8px, 0.5vw, 10px);
     outline: none;
     box-sizing: border-box;
+    resize: none;
+    overflow-y: auto;
   }
   .ps-tryon-feedback-note::placeholder {
     color: #94a3b8;
@@ -14276,6 +14441,67 @@ const STYLES$1 = `
     border-color: rgba(33,84,239,0.45);
     box-shadow: 0 0 0 3px rgba(33,84,239,0.1);
   }
+  .ps-tryon-feedback-note:disabled {
+    color: #64748b;
+    background: rgba(248, 250, 252, 0.62);
+    cursor: default;
+  }
+  .ps-tryon-feedback-submit {
+    min-height: clamp(30px, 1.75vw, 36px);
+    padding: 0 clamp(9px, 0.55vw, 12px);
+    border: 0;
+    border-radius: clamp(6px, 0.36vw, 8px);
+    background: var(--ps-accent);
+    color: #fff;
+    font-family: inherit;
+    font-size: clamp(10px, 0.56vw, 12px);
+    font-weight: 800;
+    cursor: pointer;
+    white-space: nowrap;
+  }
+  .ps-tryon-feedback-submit:disabled {
+    opacity: 0.48;
+    cursor: default;
+  }
+  .ps-tryon-feedback-status {
+    color: #dc2626;
+    font-size: clamp(10px, 0.56vw, 12px);
+    font-weight: 700;
+    line-height: 1.2;
+  }
+  .ps-result-image-action-bar {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: clamp(6px, 0.38vw, 9px);
+    flex-wrap: wrap;
+  }
+  .ps-result-image-action {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: clamp(5px, 0.32vw, 7px);
+    min-height: clamp(30px, 1.75vw, 36px);
+    padding: 0 clamp(10px, 0.65vw, 14px);
+    border-radius: clamp(7px, 0.42vw, 9px);
+    border: 1px solid rgba(226, 232, 240, 0.92);
+    background: #fff;
+    color: var(--ps-text-primary);
+    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
+    font-family: inherit;
+    font-size: clamp(10px, 0.58vw, 12px);
+    font-weight: 800;
+    cursor: pointer;
+    white-space: nowrap;
+  }
+  .ps-result-image-action:hover {
+    border-color: rgba(33,84,239,0.34);
+    color: var(--ps-accent);
+  }
+  .ps-result-image-action svg {
+    flex: 0 0 auto;
+  }
   .ps-tryon-sr-glass-btn {
     background: rgba(255,255,255,0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
     border: 1px solid var(--ps-border-color); border-radius: 0.45vw;
@@ -14571,6 +14797,16 @@ const STYLES$1 = `
     box-sizing: border-box;
   }
   .ps-tryon-drawer-open { transform: translateX(0); }
+  .ps-tryon-history-drawer {
+    inset: 0;
+    height: 100%;
+    min-height: 0;
+    padding: 1.04vw 1.25vw;
+    border-radius: 0;
+    transform: translateY(100%);
+    box-shadow: none;
+  }
+  .ps-tryon-history-drawer.ps-tryon-drawer-open { transform: translateY(0); }
   .ps-tryon-drawer-header { display: flex; align-items: center; gap: 0.52vw; padding-bottom: 0.73vw; margin-bottom: 0.73vw; border-bottom: 1px solid var(--ps-border-color); }
   .ps-tryon-drawer-back {
     width: 1.67vw; height: 1.67vw; display: flex; align-items: center; justify-content: center;
@@ -14586,6 +14822,15 @@ const STYLES$1 = `
     font-family: inherit; transition: all 0.2s; flex-shrink: 0; line-height: 1;
   }
   .ps-tryon-drawer-add-btn:hover { border-color: var(--ps-accent); background: rgba(33,84,239,0.1); }
+  .ps-tryon-drawer-close {
+    width: 1.67vw; height: 1.67vw; display: flex; align-items: center; justify-content: center;
+    border: 1.5px solid var(--ps-border-color); border-radius: 0.52vw; background: transparent;
+    cursor: pointer; color: var(--ps-text-secondary); transition: all 0.2s; flex-shrink: 0;
+  }
+  .ps-tryon-drawer-close svg {
+    width: 0.85vw; height: 0.85vw; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round;
+  }
+  .ps-tryon-drawer-close:hover { border-color: var(--ps-accent); color: var(--ps-accent); }
   .ps-tryon-drawer-list { display: flex; flex-direction: column; gap: 0.52vw; max-width: 100%; overflow-x: hidden; }
   .ps-tryon-drawer-empty { text-align: center; padding: 1.67vw 0.83vw; color: var(--ps-text-muted); font-size: 0.73vw; }
 
@@ -14653,6 +14898,101 @@ const STYLES$1 = `
     background: rgba(33,84,239,0.12); border: 1px solid rgba(33,84,239,0.25);
     border-radius: 0.25vw; padding: 0.1vw 0.35vw; margin-top: 0.25vw;
   }
+  .ps-tryon-history-gallery {
+    display: grid;
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+    gap: 0.72vw;
+  }
+  .ps-tryon-history-card {
+    position: relative;
+    min-width: 0;
+  }
+  .ps-tryon-history-card-main {
+    width: 100%;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.34vw;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    color: inherit;
+    font-family: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+  .ps-tryon-history-card-media {
+    position: relative;
+    width: 100%;
+    aspect-ratio: 3 / 4;
+    border-radius: 0.72vw;
+    overflow: hidden;
+    background: #f4f5f7;
+    border: 1px solid rgba(226, 232, 240, 0.86);
+    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
+  }
+  .ps-tryon-history-card-img,
+  .ps-tryon-history-card-placeholder {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center top;
+    display: block;
+  }
+  .ps-tryon-history-card-placeholder {
+    background: linear-gradient(135deg, rgba(241,245,249,1), rgba(226,232,240,0.7));
+  }
+  .ps-tryon-history-card-product {
+    position: absolute;
+    right: 0.42vw;
+    bottom: 0.42vw;
+    width: 28%;
+    aspect-ratio: 1 / 1;
+    border-radius: 0.42vw;
+    object-fit: cover;
+    background: #fff;
+    border: 1px solid rgba(226, 232, 240, 0.92);
+    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
+  }
+  .ps-tryon-history-card-title {
+    color: var(--ps-text-primary);
+    font-size: 0.66vw;
+    font-weight: 750;
+    line-height: 1.25;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ps-tryon-history-card-meta,
+  .ps-tryon-history-card-sections {
+    color: var(--ps-text-muted);
+    font-size: 0.54vw;
+    font-weight: 600;
+    line-height: 1.2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ps-tryon-history-card-size {
+    align-self: flex-start;
+    color: var(--ps-accent);
+    background: rgba(33,84,239,0.1);
+    border: 1px solid rgba(33,84,239,0.2);
+    border-radius: 999px;
+    padding: 0.14vw 0.45vw;
+    font-size: 0.52vw;
+    font-weight: 800;
+  }
+  .ps-tryon-history-delete.ps-card-delete {
+    position: absolute;
+    top: 0.42vw;
+    right: 0.42vw;
+    width: 1.5vw;
+    height: 1.5vw;
+    border-radius: 999px;
+    background: rgba(255,255,255,0.9);
+    box-shadow: 0 8px 18px rgba(15,23,42,0.12);
+  }
 
   /* Quiz view */
   .ps-tryon-quiz-progress { display: flex; gap: 0.4vw; margin-bottom: 1vw; }
@@ -14740,6 +15080,12 @@ const STYLES$1 = `
      ────────────────────────────────────────────────────────────────── */
   @media (max-width: 768px) {
     .ps-tryon-drawer { padding: 16px 14px; }
+    .ps-tryon-history-drawer {
+      height: 100%;
+      min-height: 0;
+      padding: 16px 14px;
+      border-radius: 0;
+    }
     .ps-tryon-drawer-header { gap: 10px; padding-bottom: 12px; margin-bottom: 12px; }
     .ps-tryon-drawer-back {
       width: 36px; height: 36px; border-radius: 8px;
@@ -14749,6 +15095,10 @@ const STYLES$1 = `
     .ps-tryon-drawer-add-btn {
       width: 32px; height: 32px; border-radius: 8px; font-size: 20px;
     }
+    .ps-tryon-drawer-close {
+      width: 36px; height: 36px; border-radius: 8px;
+    }
+    .ps-tryon-drawer-close svg { width: 18px; height: 18px; }
     .ps-tryon-drawer-list { gap: 10px; }
     .ps-tryon-drawer-empty { padding: 32px 16px; font-size: 14px; }
 
@@ -14800,6 +15150,36 @@ const STYLES$1 = `
       width: 32px; height: 32px; border-radius: 6px;
     }
     .ps-tryon-history-delete svg { width: 16px; height: 16px; }
+    .ps-tryon-history-gallery {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 12px;
+    }
+    .ps-tryon-history-card-media {
+      border-radius: 12px;
+    }
+    .ps-tryon-history-card-product {
+      right: 7px;
+      bottom: 7px;
+      border-radius: 8px;
+    }
+    .ps-tryon-history-card-title {
+      font-size: 13px;
+    }
+    .ps-tryon-history-card-meta,
+    .ps-tryon-history-card-sections {
+      font-size: 11px;
+    }
+    .ps-tryon-history-card-size {
+      padding: 3px 8px;
+      font-size: 10px;
+    }
+    .ps-tryon-history-delete.ps-card-delete {
+      top: 7px;
+      right: 7px;
+      width: 30px;
+      height: 30px;
+      border-radius: 999px;
+    }
   }
 
   /* Profile detail modal — portaled to body, sits ABOVE the main modal
@@ -17350,10 +17730,32 @@ const STYLES$1 = `
     .ps-tryon-feedback-title { font-size: 11px; }
     .ps-tryon-feedback-star { width: 18px; height: 18px; }
     .ps-tryon-feedback-note {
-      height: 30px;
+      min-height: 34px;
+      max-height: 86px;
       border-radius: 8px;
       font-size: 11px;
     }
+    .ps-tryon-feedback-form {
+      gap: 6px;
+    }
+    .ps-tryon-feedback-submit {
+      min-height: 34px;
+      padding: 0 10px;
+      border-radius: 8px;
+      font-size: 11px;
+    }
+    .ps-result-image-action-bar {
+      max-width: 360px;
+      justify-content: flex-start;
+      gap: 7px;
+    }
+    .ps-result-image-action {
+      min-height: 34px;
+      padding: 0 11px;
+      border-radius: 10px;
+      font-size: 11px;
+      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
+    }
   }
   .ps-msr-product-img-wrap {
     position: relative; flex-shrink: 0;
@@ -17396,7 +17798,7 @@ const STYLES$1 = `
   .ps-msr-feedback-slot {
     position: absolute;
     left: 10px;
-    bottom: 54px;
+    bottom: 10px;
     z-index: 3;
   }
   .ps-msr-media-btn {
@@ -17706,7 +18108,7 @@ const STYLES$1 = `
     flex: 1; min-height: 0;
     overflow-y: auto; -webkit-overflow-scrolling: touch;
     display: flex; flex-direction: column;
-    gap: 18px; padding: 8px 16px 32px;
+    gap: 18px; padding: 8px 16px 18px;
   }
   /* Topbar: back arrow + section name in uppercase */
   .ps-msd-topbar {
@@ -19697,6 +20099,55 @@ const STYLES$1 = `
     object-fit: contain; display: block;
   }
 
+  .ps-msd-actions {
+    position: sticky;
+    bottom: -1px;
+    z-index: 5;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex-shrink: 0;
+    margin: auto -16px -18px;
+    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
+    background: rgba(255,255,255,0.96);
+    border-top: 1px solid var(--ps-border-subtle);
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
+  }
+  .ps-msd-action-back {
+    flex: 0 0 auto;
+    font-size: 13px !important;
+    padding: 10px 6px !important;
+  }
+  .ps-msd-primary-cta {
+    flex: 1 1 0;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    padding: 12px 16px;
+    border: 0;
+    border-radius: 10px;
+    background: var(--ps-accent);
+    color: #fff;
+    font-family: inherit;
+    font-size: 14px;
+    font-weight: 700;
+    cursor: pointer;
+    white-space: nowrap;
+  }
+  .ps-msd-primary-cta.ps-compact {
+    flex: 0 0 auto;
+    min-width: 88px;
+    padding: 10px 14px;
+    font-size: 13px;
+  }
+  .ps-msd-primary-cta:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+
   /* RECOMMENDED SIZE card */
   .ps-msd-card {
     background: var(--ps-bg-primary);
@@ -20990,7 +21441,7 @@ function ProfileEditView({
     ] })
   ] });
 }
-function HistoryResultThumb({ entry }) {
+function HistoryResultThumb({ entry, className = "ps-tryon-history-result-img" }) {
   const [blobUrl, setBlobUrl] = reactExports.useState(null);
   reactExports.useEffect(() => {
     let alive = true;
@@ -21009,7 +21460,7 @@ function HistoryResultThumb({ entry }) {
   }, [entry.id, entry.hasResult, entry.resultImageUrl]);
   const src = entry.resultImageUrl || blobUrl;
   if (!src) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src, alt: "", className: "ps-tryon-history-result-img" });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src, alt: "", className });
 }
 function DrawerPanel({
   drawer,
@@ -21034,14 +21485,15 @@ function DrawerPanel({
     setProfiles((prev) => [newProfile, ...prev]);
     setCreatingProfile(false);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-tryon-drawer${drawer ? " ps-tryon-drawer-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-tryon-drawer${drawer ? " ps-tryon-drawer-open" : ""}${drawer === "history" ? " ps-tryon-history-drawer" : ""}`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-drawer-header", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-drawer-back", onClick: () => {
         setCreatingProfile(false);
         setDrawer(null);
       }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeftIcon, {}) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-drawer-title", children: creatingProfile ? t2("New Profile") : drawer === "profiles" ? t2("My Profiles") : t2("History") }),
-      drawer === "profiles" && !creatingProfile && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-drawer-add-btn", onClick: () => setCreatingProfile(true), children: "+" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-drawer-title", children: creatingProfile ? t2("New Profile") : drawer === "profiles" ? t2("My Profiles") : t2("Your try-on history") }),
+      drawer === "profiles" && !creatingProfile && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-drawer-add-btn", onClick: () => setCreatingProfile(true), children: "+" }),
+      drawer === "history" && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-drawer-close", onClick: () => setDrawer(null), "aria-label": t2("Close"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M6 6l12 12M18 6L6 18" }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-drawer-list", children: drawer === "profiles" && creatingProfile ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileEditView, { onSave: handleCreateProfile, onCancel: () => setCreatingProfile(false), t: t2 }) : drawer === "profiles" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-drawer-create", onClick: () => setCreatingProfile(true), children: [
@@ -21063,33 +21515,25 @@ function DrawerPanel({
         /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRightIcon, {})
       ] }, p2.id))
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: history.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-drawer-empty", children: t2("No history yet.") }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      history.map((entry, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-item ps-tryon-history-clickable", onClick: () => restoreHistory(entry), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-images", children: [
-          entry.productImage && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: entry.productImage, alt: "", className: "ps-tryon-history-thumb" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(HistoryResultThumb, { entry })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-info", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-history-product", children: entry.productTitle || t2("Product") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-meta", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-history-gallery", children: history.map((entry, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-card", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-tryon-history-card-main", onClick: () => restoreHistory(entry), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-card-media", children: [
+            entry.resultImageUrl || entry.hasResult ? /* @__PURE__ */ jsxRuntimeExports.jsx(HistoryResultThumb, { entry, className: "ps-tryon-history-card-img" }) : entry.productImage ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: entry.productImage, alt: "", className: "ps-tryon-history-card-img" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-history-card-placeholder" }),
+            entry.productImage && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: entry.productImage, alt: "", className: "ps-tryon-history-card-product" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-card-title", children: entry.productTitle || t2("Product") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-tryon-history-card-meta", children: [
             entry.profileName ? `${entry.profileName} · ` : "",
             new Date(entry.date).toLocaleDateString()
           ] }),
-          entry.recommendedSize && !isMultiSection(entry) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-sizing", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-size-badge", children: entry.recommendedSize }),
-            entry.reasoning && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-sizing-reason", children: entry.reasoning })
-          ] }),
-          isMultiSection(entry) && entry.sizingResult?.sections && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-history-sections", children: Object.entries(entry.sizingResult.sections).map(([name, sec]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-tryon-history-section-chip", children: [
-            name,
-            ": ",
-            sec.recommendedSize
-          ] }, name)) }),
-          (entry.resultImageUrl || entry.hasResult) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-tryon-badge", children: t2("Try-on") })
+          entry.recommendedSize && !isMultiSection(entry) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-card-size", children: entry.recommendedSize }),
+          isMultiSection(entry) && entry.sizingResult?.sections && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-card-sections", children: Object.entries(entry.sizingResult.sections).slice(0, 3).map(([name, sec]) => `${name}: ${sec.recommendedSize}`).join(" / ") })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-history-delete", onClick: (e) => {
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-history-delete ps-card-delete", onClick: (e) => {
           e.stopPropagation();
           setHistory((prev) => prev.filter((_, i) => i !== idx));
-        }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
-      ] }, entry.id)),
+        }, "aria-label": t2("Delete"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
+      ] }, entry.id)) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-drawer-clear", onClick: () => setHistory([]), children: t2("Clear All") })
     ] }) }) })
   ] });
@@ -21741,29 +22185,6 @@ function CameraIcon() {
     /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "13", r: "4" })
   ] });
 }
-function FitLinesIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "7", cy: "9", r: "2" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "17", cy: "15", r: "2" })
-  ] });
-}
-function FullSizeIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 3h3a2 2 0 0 1 2 2v3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
-  ] });
-}
-function DownloadIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M7 10l5 5 5-5" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 15V3" })
-  ] });
-}
 function MultiSectionMobile({
   productImage,
   productTitle,
@@ -21784,6 +22205,8 @@ function MultiSectionMobile({
   onToggleLines,
   onOpenImage,
   onDownload,
+  imageActionBar,
+  feedbackSlot,
   onImageLoad,
   profileCompletionCta,
   t: t2
@@ -21794,6 +22217,7 @@ function MultiSectionMobile({
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-scroll", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-eyebrow", children: t2("Sizing Profile") }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-product", children: [
+        showingTryOn && imageActionBar,
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-msr-product-img-wrap${showingTryOn ? " ps-tryon" : ""}`, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "img",
@@ -21808,29 +22232,7 @@ function MultiSectionMobile({
           ),
           showLines && overlayNode,
           tryOnProcessing && tryOnStartedAt != null && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt, t: t2 }),
-          showingTryOn && onToggleLines && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              type: "button",
-              className: "ps-msr-fit-toggle",
-              onClick: onToggleLines,
-              "aria-pressed": !!showLines,
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(FitLinesIcon, {}),
-                showLines ? t2("Hide Fit") : t2("Show Fit")
-              ]
-            }
-          ),
-          showingTryOn && (onOpenImage || onDownload) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-media-actions", children: [
-            onOpenImage && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-msr-media-btn", onClick: onOpenImage, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(FullSizeIcon, {}),
-              t2("Full Size")
-            ] }),
-            onDownload && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-msr-media-btn", onClick: onDownload, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(DownloadIcon, {}),
-              t2("Download")
-            ] })
-          ] })
+          showingTryOn && feedbackSlot
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "ps-msr-product-name", children: productTitle })
       ] }),
@@ -21938,7 +22340,7 @@ function ProductPhotoCarouselCard({
   const slide = entries.slice(start, start + PER_SLIDE);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-photo-strip", role: "group", "aria-label": t2("Product photos"), children: [
     isCompleteLook && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-photo-strip-head", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-photo-strip-badge", children: t2("Complete the look") }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-photo-strip-row", style: { gridTemplateColumns: `repeat(${Math.max(1, Math.min(PER_SLIDE, slide.length))}, 1fr)` }, children: slide.map((item, i) => {
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `ps-tryon-photo-strip-row ps-count-${slide.length}`, children: slide.map((item, i) => {
       const content = /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: item.image, alt: item.title || productTitle || "", draggable: false });
       return item.href ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         "a",
@@ -22041,10 +22443,36 @@ function ProfileCompletionCta({
     }
   );
 }
-function TryOnExperienceFeedback({ t: t2, isMobile }) {
+function TryOnExperienceFeedback({
+  t: t2,
+  isMobile,
+  onSubmit
+}) {
   const [rating, setRating] = reactExports.useState(0);
   const [note, setNote] = reactExports.useState("");
   const [expanded, setExpanded] = reactExports.useState(false);
+  const [status, setStatus] = reactExports.useState("idle");
+  const noteRef = reactExports.useRef(null);
+  const canEdit = status !== "submitting" && status !== "sent";
+  const canSubmit = (rating > 0 || note.trim().length > 0) && canEdit;
+  const resizeNote = reactExports.useCallback((node) => {
+    if (!node) return;
+    node.style.height = "auto";
+    node.style.height = `${Math.min(node.scrollHeight, isMobile ? 86 : 78)}px`;
+  }, [isMobile]);
+  reactExports.useEffect(() => {
+    resizeNote(noteRef.current);
+  }, [note, resizeNote]);
+  const submitFeedback = reactExports.useCallback(async () => {
+    if (!canSubmit) return;
+    setStatus("submitting");
+    try {
+      await onSubmit?.({ rating: rating || void 0, note: note.trim() || void 0 });
+      setStatus("sent");
+    } catch {
+      setStatus("error");
+    }
+  }, [canSubmit, note, onSubmit, rating]);
   if (!expanded) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
@@ -22078,7 +22506,12 @@ function TryOnExperienceFeedback({ t: t2, isMobile }) {
         {
           type: "button",
           className: `ps-tryon-feedback-star${value <= rating ? " is-active" : ""}`,
-          onClick: () => setRating(value),
+          onClick: () => {
+            if (!canEdit) return;
+            setRating(value);
+            setStatus("idle");
+          },
+          disabled: !canEdit,
           role: "radio",
           "aria-checked": rating === value,
           "aria-label": `${value} ${t2("stars")}`,
@@ -22087,16 +22520,76 @@ function TryOnExperienceFeedback({ t: t2, isMobile }) {
         value
       )) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        className: "ps-tryon-feedback-note",
-        value: note,
-        onChange: (event) => setNote(event.target.value),
-        placeholder: t2("Optional note"),
-        maxLength: 120
-      }
-    )
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-feedback-form", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "textarea",
+        {
+          ref: noteRef,
+          className: "ps-tryon-feedback-note",
+          value: note,
+          onChange: (event) => {
+            if (!canEdit) return;
+            setNote(event.target.value);
+            setStatus("idle");
+            resizeNote(event.currentTarget);
+          },
+          disabled: !canEdit,
+          placeholder: t2("Optional note"),
+          maxLength: 1e3,
+          rows: 1
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "ps-tryon-feedback-submit",
+          onClick: submitFeedback,
+          disabled: !canSubmit,
+          "aria-label": t2("Send feedback"),
+          children: status === "submitting" ? t2("Sending") : status === "sent" ? t2("Sent") : t2("Send")
+        }
+      )
+    ] }),
+    status === "error" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-feedback-status", children: t2("Couldn't send. Try again.") })
+  ] });
+}
+function ResultImageActionBar({
+  showLines,
+  canShowFit,
+  onToggleFit,
+  onOpenImage,
+  onDownload,
+  t: t2
+}) {
+  if (!canShowFit && !onOpenImage && !onDownload) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-result-image-action-bar", children: [
+    canShowFit && onToggleFit && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-result-image-action", onClick: onToggleFit, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "7", cy: "9", r: "2" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "17", cy: "15", r: "2" })
+      ] }),
+      showLines ? t2("Hide Fit") : t2("Show Fit")
+    ] }),
+    onOpenImage && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-result-image-action", onClick: onOpenImage, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 3h3a2 2 0 0 1 2 2v3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+      ] }),
+      t2("Full Size")
+    ] }),
+    onDownload && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-result-image-action", onClick: onDownload, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M7 10l5 5 5-5" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 15V3" })
+      ] }),
+      t2("Download")
+    ] })
   ] });
 }
 function garmentIconForSection(name) {
@@ -22623,12 +23116,14 @@ function SectionDetailView({
   onImageLoad,
   onOpenImage,
   onDownload,
+  onFeedbackSubmit,
   onTryOn,
   tryOnProcessing,
   tryOnStartedAt,
   backLabel,
   internationalSizes,
   continueLabel,
+  onContinue,
   renderRaw = false,
   sectionFound,
   allSizes,
@@ -22905,14 +23400,19 @@ function SectionDetailView({
     });
     return isFootwear ? rows.filter((row) => isFootLengthMeasurement(row.area)) : rows;
   }, [sectionResult, lengthEntry, userMeasurements, renderRaw, allSizes, displaySize, selectedLength, isFootwear]);
+  const activeFitKeyRef = reactExports.useRef("");
   reactExports.useEffect(() => {
     if (!onActiveFitChange) return;
-    onActiveFitChange(fitRows.map((r2) => ({
+    const nextRows = fitRows.map((r2) => ({
       area: r2.area,
       userNum: r2.userNum ?? 0,
       chartLabel: r2.chartLabel ?? "",
       fit: r2.fit ?? "good"
-    })));
+    }));
+    const nextKey = JSON.stringify(nextRows);
+    if (activeFitKeyRef.current === nextKey) return;
+    activeFitKeyRef.current = nextKey;
+    onActiveFitChange(nextRows);
   }, [fitRows, onActiveFitChange]);
   const allowsLengthDisplay = !renderRaw && !isFootwear;
   const secAny = sectionResult;
@@ -23054,62 +23554,38 @@ function SectionDetailView({
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msd-topbar-spacer" })
       ] }),
-      productImage && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-msd-image${isTryOnImage ? " ps-tryon" : ""}`, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "img",
-          {
-            src: productImage,
-            alt: productTitle || "",
-            className: "ps-msd-image-img",
-            onLoad: onImageLoad,
-            onClick: isTryOnImage && onOpenImage ? onOpenImage : void 0,
-            style: isTryOnImage && onOpenImage ? { cursor: "zoom-in" } : void 0
-          }
-        ),
-        showLines && (renderOverlayWithFit ? renderOverlayWithFit(fitRows.map((r2) => ({
-          area: r2.area,
-          userNum: r2.userNum ?? 0,
-          chartLabel: r2.chartLabel ?? "",
-          fit: r2.fit ?? "good"
-        }))) : overlayNode),
-        tryOnProcessing && tryOnStartedAt != null && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt, t: t2 }),
-        isTryOnImage && !isFootwear && onToggleLines && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
+      productImage && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        isTryOnImage && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResultImageActionBar,
           {
-            type: "button",
-            className: "ps-msr-fit-toggle",
-            onClick: onToggleLines,
-            "aria-pressed": !!showLines,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "7", cy: "9", r: "2" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "17", cy: "15", r: "2" })
-              ] }),
-              showLines ? t2("Hide Fit") : t2("Show Fit")
-            ]
+            showLines: !!showLines,
+            canShowFit: !isFootwear && !!onToggleLines,
+            onToggleFit: onToggleLines,
+            onOpenImage,
+            onDownload,
+            t: t2
           }
         ),
-        isTryOnImage && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-feedback-slot", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, isMobile: true }) }),
-        isTryOnImage && (onOpenImage || onDownload) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-media-actions", children: [
-          onOpenImage && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-msr-media-btn", onClick: onOpenImage, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 3h3a2 2 0 0 1 2 2v3" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
-            ] }),
-            t2("Full Size")
-          ] }),
-          onDownload && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-msr-media-btn", onClick: onDownload, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M7 10l5 5 5-5" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 15V3" })
-            ] }),
-            t2("Download")
-          ] })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-msd-image${isTryOnImage ? " ps-tryon" : ""}`, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "img",
+            {
+              src: productImage,
+              alt: productTitle || "",
+              className: "ps-msd-image-img",
+              onLoad: onImageLoad,
+              onClick: isTryOnImage && onOpenImage ? onOpenImage : void 0,
+              style: isTryOnImage && onOpenImage ? { cursor: "zoom-in" } : void 0
+            }
+          ),
+          showLines && (renderOverlayWithFit ? renderOverlayWithFit(fitRows.map((r2) => ({
+            area: r2.area,
+            userNum: r2.userNum ?? 0,
+            chartLabel: r2.chartLabel ?? "",
+            fit: r2.fit ?? "good"
+          }))) : overlayNode),
+          tryOnProcessing && tryOnStartedAt != null && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt, t: t2 }),
+          isTryOnImage && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-feedback-slot", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, isMobile: true, onSubmit: onFeedbackSubmit }) })
         ] })
       ] }),
       false,
@@ -23274,14 +23750,13 @@ function SectionDetailView({
         t2("based on your measurements and the garment's tailoring chart.")
       ] }) }),
       profileCompletionCta && /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, isMobile: true, t: t2 }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: 10, padding: "12px 0 4px", flexShrink: 0, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-actions", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
             type: "button",
-            className: "ps-bp-back-btn",
+            className: "ps-bp-back-btn ps-msd-action-back",
             onClick: onBack,
-            style: { fontSize: 13, padding: "10px 6px", flexShrink: 0 },
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-back-arrow", children: "←" }),
               " ",
@@ -23295,25 +23770,7 @@ function SectionDetailView({
             type: "button",
             onClick: onTryOn,
             disabled: tryOnProcessing,
-            style: {
-              flex: "1 1 0",
-              minWidth: 0,
-              padding: "12px 16px",
-              borderRadius: 10,
-              background: "var(--ps-accent)",
-              color: "white",
-              border: "none",
-              fontSize: 14,
-              fontWeight: 700,
-              fontFamily: "inherit",
-              cursor: tryOnProcessing ? "default" : "pointer",
-              opacity: tryOnProcessing ? 0.6 : 1,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              gap: 6,
-              whiteSpace: "nowrap"
-            },
+            className: "ps-msd-primary-cta",
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(CameraIcon$1, { size: 14 }),
               tryOnProcessing ? `${t2("Generating try-on…")}${tryOnElapsedS > 0 ? ` ${tryOnElapsedS}s` : ""}` : t2("Try It On")
@@ -23324,24 +23781,7 @@ function SectionDetailView({
           {
             type: "button",
             onClick: onBack,
-            style: {
-              flex: isCompactMobileContinue ? "0 0 auto" : "1 1 0",
-              minWidth: isCompactMobileContinue ? 88 : 0,
-              padding: isCompactMobileContinue ? "10px 14px" : "12px 16px",
-              borderRadius: 10,
-              background: "var(--ps-accent)",
-              color: "white",
-              border: "none",
-              fontSize: isCompactMobileContinue ? 13 : 14,
-              fontWeight: 700,
-              fontFamily: "inherit",
-              cursor: "pointer",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              gap: 6,
-              whiteSpace: "nowrap"
-            },
+            className: `ps-msd-primary-cta${isCompactMobileContinue ? " ps-compact" : ""}`,
             children: [
               continueLabel || t2("Continue"),
               " →"
@@ -23564,7 +24004,7 @@ function SectionDetailView({
       ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
-          onClick: onBack,
+          onClick: continueLabel ? onContinue || onBack : onBack,
           style: {
             padding: "0.45vw 1.2vw",
             borderRadius: "0.4vw",
@@ -23600,11 +24040,14 @@ function SizeResultView({
   productImages,
   productCarouselItems,
   productTitle,
+  productUrl,
   productMaterial,
   productDescription,
   sizingUnit,
   setView,
   handleDownload,
+  onContinueShopping,
+  onTryOnFeedbackSubmit,
   selectedFile,
   previewUrl,
   handleFileSelect,
@@ -24123,6 +24566,7 @@ function SizeResultView({
                     return lengthEntries.find((le2) => le2.section.headers.some((h) => /height|altezza|estatura|\(cm\)/i.test(h))) || null;
                   })(),
                   onBack: () => setActiveSection(null),
+                  onContinue: onContinueShopping || onClose,
                   internationalSizes: entry.secResult?.internationalSizes,
                   productImage: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
                   productTitle,
@@ -24134,6 +24578,7 @@ function SizeResultView({
                   onToggleLines: suppressFitOverlayActions ? void 0 : () => setShowLines(!showLines),
                   onOpenImage: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0,
                   onDownload: resultImageUrl && !tryOnProcessing ? handleDownload : void 0,
+                  onFeedbackSubmit: onTryOnFeedbackSubmit,
                   onImageLoad: handleImgLoad,
                   overlayNode: tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
@@ -24172,20 +24617,34 @@ function SizeResultView({
             ] });
           }
           return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "img",
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-media-stack", children: [
+              resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ResultImageActionBar,
                 {
-                  src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
-                  alt: productTitle,
-                  className: "ps-tryon-v2-bg-img",
-                  onLoad: handleImgLoad,
-                  style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
-                  onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
+                  showLines: !!showLines,
+                  canShowFit: !suppressFitOverlayActions,
+                  onToggleFit: () => setShowLines(!showLines),
+                  onOpenImage: () => setZoomImageUrl(resultImageUrl),
+                  onDownload: handleDownload,
+                  t: t2
                 }
               ),
-              tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing })
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "img",
+                  {
+                    src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
+                    alt: productTitle,
+                    className: "ps-tryon-v2-bg-img",
+                    onLoad: handleImgLoad,
+                    style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
+                    onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
+                  }
+                ),
+                tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing }),
+                resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-img-actions", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, onSubmit: onTryOnFeedbackSubmit }) })
+              ] })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-panel", children: [
               mismatchNotice,
@@ -24207,9 +24666,11 @@ function SizeResultView({
                     return lengthEntries.find((le2) => le2.section.headers.some((h) => /height|altezza|estatura|\(cm\)/i.test(h))) || null;
                   })(),
                   onBack: () => setActiveSection(null),
+                  onContinue: onContinueShopping || onClose,
                   internationalSizes: entry.secResult?.internationalSizes,
                   tryOnProcessing,
                   tryOnStartedAt,
+                  onFeedbackSubmit: onTryOnFeedbackSubmit,
                   t: t2,
                   isFootwear: measurementType === "foot",
                   userGender: shoeUserGender,
@@ -24248,11 +24709,23 @@ function SizeResultView({
               setGuideFile(selectedFile || null);
               setShowPhotoGuide(true);
             },
-            onClose,
+            onClose: onContinueShopping || onClose,
             showLines,
             onToggleLines: suppressFitOverlayActions ? void 0 : () => setShowLines(!showLines),
             onOpenImage: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0,
             onDownload: resultImageUrl && !tryOnProcessing ? handleDownload : void 0,
+            imageActionBar: resultImageUrl && !tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ResultImageActionBar,
+              {
+                showLines: !!showLines,
+                canShowFit: !suppressFitOverlayActions,
+                onToggleFit: () => setShowLines(!showLines),
+                onOpenImage: () => setZoomImageUrl(resultImageUrl),
+                onDownload: handleDownload,
+                t: t2
+              }
+            ) : null,
+            feedbackSlot: resultImageUrl && !tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-feedback-slot", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, isMobile: true, onSubmit: onTryOnFeedbackSubmit }) }) : null,
             onImageLoad: handleImgLoad,
             profileCompletionCta: profileCompletionCta ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, isMobile: true, t: t2 }) : null,
             overlayNode: resultImageUrl && poseReady && poseLines ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -24285,60 +24758,55 @@ function SizeResultView({
       ) : (
         /* ── Desktop section picker: split layout — image left, image cards right ── */
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "img",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-media-stack", children: [
+            resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ResultImageActionBar,
               {
-                src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
-                alt: productTitle,
-                className: "ps-tryon-v2-bg-img",
-                onLoad: handleImgLoad,
-                style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
-                onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
+                showLines: !!showLines,
+                canShowFit: !suppressFitOverlayActions,
+                onToggleFit: () => setShowLines(!showLines),
+                onOpenImage: () => setZoomImageUrl(resultImageUrl),
+                onDownload: handleDownload,
+                t: t2
               }
             ),
-            tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing }),
-            resultImageUrl && !tryOnProcessing && poseReady && poseLines && /* @__PURE__ */ jsxRuntimeExports.jsx(MeasurementOverlay, { lines: poseLines, fitRows: (() => {
-              const all = [...sizingResult?.matchDetails || []];
-              if (sizingResult?.sections) {
-                for (const sec of Object.values(sizingResult.sections)) {
-                  if (sec.matchDetails) all.push(...sec.matchDetails);
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "img",
+                {
+                  src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
+                  alt: productTitle,
+                  className: "ps-tryon-v2-bg-img",
+                  onLoad: handleImgLoad,
+                  style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
+                  onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
                 }
-              }
-              const seen = /* @__PURE__ */ new Set();
-              return all.filter((m2) => {
-                const k2 = m2.measurement.toLowerCase();
-                if (seen.has(k2)) return false;
-                seen.add(k2);
-                return true;
-              }).map((m2) => ({ area: m2.measurement, userNum: parseFloat(m2.userValue) || 0, chartLabel: m2.chartRange || "", fit: m2.fit }));
-            })(), show: showLines, imgWidth: imgDims.w, imgHeight: imgDims.h }),
-            resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sr-img-actions", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2 }),
-              !suppressFitOverlayActions && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-sr-glass-btn", onClick: () => setShowLines(!showLines), children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { marginRight: "0.3vw" }, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "7", cy: "9", r: "2" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "17", cy: "15", r: "2" })
-                ] }),
-                showLines ? t2("Hide Fit") : t2("Show Fit")
-              ] }),
-              suppressFitOverlayActions && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-sr-glass-btn", onClick: () => setZoomImageUrl(resultImageUrl), children: t2("Full Size") }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-sr-glass-btn", onClick: handleDownload, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { marginRight: "0.3vw" }, 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: "7 10 12 15 17 10" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
-                ] }),
-                t2("Download")
-              ] })
+              ),
+              tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing }),
+              resultImageUrl && !tryOnProcessing && poseReady && poseLines && /* @__PURE__ */ jsxRuntimeExports.jsx(MeasurementOverlay, { lines: poseLines, fitRows: (() => {
+                const all = [...sizingResult?.matchDetails || []];
+                if (sizingResult?.sections) {
+                  for (const sec of Object.values(sizingResult.sections)) {
+                    if (sec.matchDetails) all.push(...sec.matchDetails);
+                  }
+                }
+                const seen = /* @__PURE__ */ new Set();
+                return all.filter((m2) => {
+                  const k2 = m2.measurement.toLowerCase();
+                  if (seen.has(k2)) return false;
+                  seen.add(k2);
+                  return true;
+                }).map((m2) => ({ area: m2.measurement, userNum: parseFloat(m2.userValue) || 0, chartLabel: m2.chartRange || "", fit: m2.fit }));
+              })(), show: showLines, imgWidth: imgDims.w, imgHeight: imgDims.h }),
+              resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-img-actions", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, onSubmit: onTryOnFeedbackSubmit }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-panel", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "ps-tryon-v2-title", children: t2("Your Perfect Fit") }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-tryon-v2-subtitle", children: t2("Tap any section for detailed breakdown") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-panel ps-tryon-v2-result-panel", children: [
+            profileCompletionCta ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-profile-head ps-expanded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, placement: "header", t: t2 }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-result-copy", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "ps-tryon-v2-title", children: t2("Your Perfect Fit") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-tryon-v2-subtitle", children: t2("Tap any section for detailed breakdown") })
+            ] }),
             mismatchNotice,
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-sep" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-cards-v2", children: sectionEntries.map(({ name, secResult }, idx) => {
@@ -24379,8 +24847,7 @@ function SizeResultView({
                 sectionImg && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: sectionImg, alt: name, className: "ps-tryon-sr-card-v2-img" })
               ] }, name);
             }) }),
-            profileCompletionCta && /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, t: t2 }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginTop: "0.5vw", gap: "0.5vw" }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-result-actions", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-bp-back-btn", onClick: () => setView("body-profile"), type: "button", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-back-arrow", children: "←" }),
                 " ",
@@ -24391,7 +24858,7 @@ function SizeResultView({
                 {
                   className: "ps-tryon-v2-cta",
                   style: { marginTop: 0 },
-                  onClick: onClose,
+                  onClick: onContinueShopping || onClose,
                   children: [
                     t2("Continue Shopping"),
                     " →"
@@ -24402,7 +24869,7 @@ function SizeResultView({
                 {
                   className: "ps-tryon-v2-cta",
                   style: { marginTop: 0 },
-                  onClick: onClose,
+                  onClick: onContinueShopping || onClose,
                   children: [
                     t2("Continue Shopping"),
                     " →"
@@ -24472,6 +24939,7 @@ function SizeResultView({
                     if (resultImageUrl) onResetTryOn?.();
                     setView("body-profile");
                   },
+                  onContinue: onContinueShopping || onClose,
                   backLabel: t2("Back"),
                   internationalSizes: singleInternationalSizes,
                   onTryOn: resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
@@ -24492,6 +24960,7 @@ function SizeResultView({
                   onToggleLines: suppressFitOverlayActions ? void 0 : () => setShowLines(!showLines),
                   onOpenImage: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0,
                   onDownload: resultImageUrl && !tryOnProcessing ? handleDownload : void 0,
+                  onFeedbackSubmit: onTryOnFeedbackSubmit,
                   onImageLoad: handleImgLoad,
                   overlayNode: resultImageUrl && poseReady && poseLines ? /* @__PURE__ */ jsxRuntimeExports.jsx(
                     MeasurementOverlay,
@@ -24509,38 +24978,46 @@ function SizeResultView({
             ] });
           }
           return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "img",
-                {
-                  src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
-                  alt: productTitle,
-                  className: "ps-tryon-v2-bg-img",
-                  onLoad: handleImgLoad,
-                  style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
-                  onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
-                }
-              ),
-              tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing }),
-              resultImageUrl && !tryOnProcessing && poseReady && poseLines && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                MeasurementOverlay,
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-media-stack", children: [
+              resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ResultImageActionBar,
                 {
-                  lines: poseLines,
-                  fitRows: activeFitRows.length > 0 ? activeFitRows : (sizingResult?.matchDetails || []).map((m2) => ({ area: m2.measurement, userNum: parseFloat(m2.userValue) || 0, chartLabel: m2.chartRange || "", fit: m2.fit })),
-                  show: showLines,
-                  imgWidth: imgDims.w,
-                  imgHeight: imgDims.h
+                  showLines: !!showLines,
+                  canShowFit: !suppressFitOverlayActions,
+                  onToggleFit: () => setShowLines(!showLines),
+                  onOpenImage: () => setZoomImageUrl(resultImageUrl),
+                  onDownload: handleDownload,
+                  t: t2
                 }
               ),
-              resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sr-img-actions", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2 }),
-                !suppressFitOverlayActions && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-sr-glass-btn", onClick: () => setShowLines(!showLines), children: showLines ? t2("Hide Fit") : t2("Show Fit") }),
-                suppressFitOverlayActions && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-sr-glass-btn", onClick: () => setZoomImageUrl(resultImageUrl), children: t2("Full Size") }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-sr-glass-btn", onClick: handleDownload, children: t2("Download") })
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "img",
+                  {
+                    src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
+                    alt: productTitle,
+                    className: "ps-tryon-v2-bg-img",
+                    onLoad: handleImgLoad,
+                    style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
+                    onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
+                  }
+                ),
+                tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing }),
+                resultImageUrl && !tryOnProcessing && poseReady && poseLines && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  MeasurementOverlay,
+                  {
+                    lines: poseLines,
+                    fitRows: activeFitRows.length > 0 ? activeFitRows : (sizingResult?.matchDetails || []).map((m2) => ({ area: m2.measurement, userNum: parseFloat(m2.userValue) || 0, chartLabel: m2.chartRange || "", fit: m2.fit })),
+                    show: showLines,
+                    imgWidth: imgDims.w,
+                    imgHeight: imgDims.h
+                  }
+                ),
+                resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-img-actions", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, onSubmit: onTryOnFeedbackSubmit }) })
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-panel", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-tryon-v2-panel${activeSection ? "" : " ps-tryon-v2-result-panel"}`, children: [
               mismatchNotice,
               activeSection === sectionName ? (
                 /* DETAIL VIEW — full size table, same as multi-garment */
@@ -24563,12 +25040,14 @@ function SizeResultView({
                         setActiveSection(null);
                       }
                     },
+                    onContinue: onContinueShopping || onClose,
                     backLabel: t2("Back"),
                     internationalSizes: singleInternationalSizes,
                     onTryOn: resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
                     continueLabel: resultImageUrl ? t2("Continue Shopping") : void 0,
                     tryOnProcessing,
                     tryOnStartedAt,
+                    onFeedbackSubmit: onTryOnFeedbackSubmit,
                     t: t2,
                     renderRaw: isAccessory,
                     isFootwear: measurementType === "foot",
@@ -24616,7 +25095,7 @@ function SizeResultView({
                     }
                   ) }),
                   hasCarousel && /* @__PURE__ */ jsxRuntimeExports.jsx(ProductPhotoCarouselCard, { items: carouselItems.length > 0 ? carouselItems : void 0, photos: productImages, productTitle, t: t2 }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginTop: "0.5vw", gap: "0.5vw" }, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-result-actions", children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsxs(
                       "button",
                       {
@@ -24633,10 +25112,10 @@ function SizeResultView({
                         ]
                       }
                     ),
-                    resultImageUrl && !tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-v2-cta", style: { marginTop: 0 }, onClick: onClose, children: [
+                    resultImageUrl && !tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-v2-cta", style: { marginTop: 0 }, onClick: onContinueShopping || onClose, children: [
                       t2("Continue Shopping"),
                       " →"
-                    ] }) : vtoExcluded ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-v2-cta", style: { marginTop: 0 }, onClick: onClose, children: [
+                    ] }) : vtoExcluded ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-v2-cta", style: { marginTop: 0 }, onClick: onContinueShopping || onClose, children: [
                       t2("Continue Shopping"),
                       " →"
                     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -31694,11 +32173,18 @@ if (typeof document !== "undefined") {
   if (!document.getElementById(id2)) {
     const el2 = document.createElement("style");
     el2.id = id2;
-    el2.textContent = STYLES$1;
+    el2.textContent = STYLES;
     document.head.appendChild(el2);
   }
 }
 const PROFILE_COMPLETION_DRAFT_KEY = "profile_completion_draft";
+const TRYON_FEEDBACK_SUBMITTED_KEY = "tryon_feedback_submitted";
+function buildTryOnFeedbackKey(input) {
+  if (input.jobId) return `job:${input.jobId}`;
+  if (input.historyEntryId) return `history:${input.historyEntryId}`;
+  if (input.resultImageUrl) return `result:${input.resultImageUrl.slice(0, 180)}`;
+  return `fallback:${input.productId || input.productTitle || "product"}:${input.recommendedSize || "size"}`;
+}
 function positiveNumber(value) {
   const n2 = typeof value === "number" ? value : parseFloat(String(value ?? ""));
   return Number.isFinite(n2) && n2 > 0 ? n2 : void 0;
@@ -31739,6 +32225,27 @@ function sanitizeHistoryEntry(entry) {
     hasResult: entry.hasResult || !!entry.resultImageUrl || void 0
   };
 }
+function comparableProductId(value) {
+  return String(value || "").trim().replace(/^gid:\/\/shopify\/Product\//i, "").replace(/^Product\//i, "");
+}
+function historyEntryMatchesProduct(entry, productId, productTitle) {
+  const currentId = comparableProductId(productId);
+  const entryId = comparableProductId(entry.productId);
+  if (currentId && entryId) return currentId === entryId;
+  const currentTitle = String(productTitle || "").trim().toLowerCase();
+  const entryTitle = String(entry.productTitle || "").trim().toLowerCase();
+  return !!currentTitle && !!entryTitle && currentTitle === entryTitle;
+}
+function hasCompletedTryOnResult(entry) {
+  return !!(entry.resultImageUrl || entry.hasResult);
+}
+function dispatchTryOnCompleteEvent(detail) {
+  if (typeof window === "undefined") return;
+  try {
+    window.dispatchEvent(new CustomEvent("primestyle:tryon-complete", { detail }));
+  } catch {
+  }
+}
 function computeMatchScore(recData) {
   if (!recData) return null;
   const all = [];
@@ -31782,6 +32289,7 @@ function PrimeStyleTryonInner({
   productCarouselItems,
   garmentReferenceImage,
   productTitle = "Product",
+  productUrl,
   productId,
   productCategory,
   productGender,
@@ -31793,6 +32301,7 @@ function PrimeStyleTryonInner({
   productDescription,
   productMaterial,
   buttonText,
+  limitOneColorTryOnPerProduct = false,
   apiUrl,
   showPoweredBy = true,
   showIcon = true,
@@ -31834,6 +32343,17 @@ function PrimeStyleTryonInner({
   }, [productTagsKey]);
   const effectiveProductImages = stableProductImages.length > 0 ? stableProductImages : void 0;
   const effectiveProductCarouselItems = stableProductCarouselItems.length > 0 ? stableProductCarouselItems : void 0;
+  const effectiveProductUrl = reactExports.useMemo(() => {
+    const source = productUrl?.trim();
+    if (source) {
+      try {
+        return typeof window !== "undefined" ? new URL(source, window.location.origin).href : source;
+      } catch {
+        return source;
+      }
+    }
+    return typeof window !== "undefined" ? window.location.href : void 0;
+  }, [productUrl]);
   const resolvedProductFitType = reactExports.useMemo(
     () => detectProductFitType({
       productFitType,
@@ -32011,12 +32531,15 @@ function PrimeStyleTryonInner({
   const [profileAuthLoadingProvider, setProfileAuthLoadingProvider] = reactExports.useState(null);
   const [history, setHistory] = reactExports.useState(() => lsGet("history", []).map(normalizeHistoryEntry));
   const currentHistoryEntryIdRef = reactExports.useRef(null);
+  const currentTryOnJobIdRef = reactExports.useRef(null);
+  const submittedFeedbackKeysRef = reactExports.useRef(new Set(lsGet(TRYON_FEEDBACK_SUBMITTED_KEY, [])));
   const [mobileMenuOpen, setMobileMenuOpen] = reactExports.useState(false);
   const mobileMenuBtnRef = reactExports.useRef(null);
   const [restoredProductImage, setRestoredProductImage] = reactExports.useState(null);
   const [restoredProductImages, setRestoredProductImages] = reactExports.useState(null);
   const [restoredProductCarouselItems, setRestoredProductCarouselItems] = reactExports.useState(null);
   const [restoredProductTitle, setRestoredProductTitle] = reactExports.useState(null);
+  const [restoredProductUrl, setRestoredProductUrl] = reactExports.useState(null);
   const [activeProfileId, setActiveProfileIdState] = reactExports.useState(() => getActiveProfileId());
   const [estimatingProfileIds, setEstimatingProfileIds] = reactExports.useState(() => /* @__PURE__ */ new Set());
   const [deleteConfirmId, setDeleteConfirmId] = reactExports.useState(null);
@@ -32534,6 +33057,13 @@ function PrimeStyleTryonInner({
     setSizingResult(null);
     setResultImageUrl(null);
     currentHistoryEntryIdRef.current = null;
+    currentTryOnJobIdRef.current = null;
+    setRestoredProductImage(null);
+    setRestoredProductImages(null);
+    setRestoredProductCarouselItems(null);
+    setRestoredProductTitle(null);
+    setRestoredProductUrl(null);
+    setRestoredProductUrl(null);
     setSizingLoading(true);
     setEstimationDone(hasStored);
     if (hasStored) {
@@ -32621,12 +33151,18 @@ function PrimeStyleTryonInner({
     setProfileSaved(false);
     formRef.current = {};
     setFormGender("male");
+    setRestoredProductImage(null);
+    setRestoredProductImages(null);
+    setRestoredProductCarouselItems(null);
+    setRestoredProductTitle(null);
+    setRestoredProductUrl(null);
     if (!tryOnInFlight) {
       setResultImageUrl(null);
       setSizingResult(null);
       historySavedRef.current = false;
       historyTryonSavedRef.current = false;
       currentHistoryEntryIdRef.current = null;
+      currentTryOnJobIdRef.current = null;
       unsubRef.current?.();
       unsubRef.current = null;
       if (pollingRef.current) {
@@ -32731,6 +33267,7 @@ function PrimeStyleTryonInner({
       return;
     }
     if (update.status === "completed" && update.imageUrl) {
+      currentTryOnJobIdRef.current = update.galleryId;
       if (shouldUseShopifyCartAttribution(apiUrl)) {
         setLastCompletedProduct(effectiveProductId ?? null, productTitle || null);
       }
@@ -32757,6 +33294,14 @@ function PrimeStyleTryonInner({
         cleanupJob();
         setTryOnProcessing(false);
         setTryOnStartedAt(null);
+        dispatchTryOnCompleteEvent({
+          jobId: update.galleryId,
+          historyEntryId: currentHistoryEntryIdRef.current,
+          productId: effectiveProductId,
+          productTitle,
+          recommendedSize: sizingResultRef.current?.recommendedSize,
+          resultImageUrl: update.imageUrl
+        });
         onComplete?.({ jobId: update.galleryId, imageUrl: update.imageUrl });
       }
     } else if (update.status === "failed") {
@@ -33039,10 +33584,12 @@ function PrimeStyleTryonInner({
     setSizingResult(null);
     setResultImageUrl(null);
     currentHistoryEntryIdRef.current = null;
+    currentTryOnJobIdRef.current = null;
     setRestoredProductImage(null);
     setRestoredProductImages(null);
     setRestoredProductCarouselItems(null);
     setRestoredProductTitle(null);
+    setRestoredProductUrl(null);
     if (previewUrl) URL.revokeObjectURL(previewUrl);
     setSelectedFile(null);
     selectedFileRef.current = null;
@@ -33108,6 +33655,7 @@ function PrimeStyleTryonInner({
     historySavedRef.current = false;
     historyTryonSavedRef.current = false;
     currentHistoryEntryIdRef.current = null;
+    currentTryOnJobIdRef.current = null;
     setSizingLoading(true);
     setEstimationDone(false);
     setView("size-result");
@@ -33338,6 +33886,7 @@ function PrimeStyleTryonInner({
       selectedFileRef.current = overrideFile;
     }
     completedRef.current = false;
+    currentTryOnJobIdRef.current = null;
     setTryOnProcessing(true);
     setTryOnStartedAt(Date.now());
     const vtoCategory = measurementTypeToVtoCategory(measurementType, resolvedProductFitType);
@@ -33475,6 +34024,7 @@ function PrimeStyleTryonInner({
           modelImageId: modelImageIdRef.current ?? void 0
         }
       );
+      currentTryOnJobIdRef.current = response.jobId;
       if (response.modelImageId) modelImageIdRef.current = response.modelImageId;
       onProcessing?.(response.jobId);
       const usePollingOnly = shouldUseShopifyCartAttribution(apiUrl);
@@ -33545,6 +34095,59 @@ function PrimeStyleTryonInner({
       }).catch(() => window.open(resultImageUrl, "_blank"));
     }
   }, [resultImageUrl]);
+  const handleContinueShopping = reactExports.useCallback(() => {
+    const historyUrl = restoredProductUrl || "";
+    if (historyUrl && typeof window !== "undefined") {
+      try {
+        window.open(new URL(historyUrl, window.location.origin).href, "_blank", "noopener,noreferrer");
+      } catch {
+        window.open(historyUrl, "_blank", "noopener,noreferrer");
+      }
+    }
+    handleClose();
+  }, [handleClose, restoredProductUrl]);
+  const handleTryOnFeedbackSubmit = reactExports.useCallback(async ({ rating, note }) => {
+    const profileLoggedIn = Boolean(profileSession);
+    const activeProfile = profileLoggedIn ? profiles.find((profile) => profile.id === activeProfileId) : null;
+    const jobId = currentTryOnJobIdRef.current ?? void 0;
+    const historyEntryId = currentHistoryEntryIdRef.current ?? void 0;
+    const feedbackKey = buildTryOnFeedbackKey({
+      jobId,
+      historyEntryId,
+      resultImageUrl,
+      productId: effectiveProductId,
+      productTitle: restoredProductTitle || productTitle,
+      recommendedSize: sizingResult?.recommendedSize
+    });
+    if (submittedFeedbackKeysRef.current.has(feedbackKey)) return;
+    submittedFeedbackKeysRef.current.add(feedbackKey);
+    lsSet(TRYON_FEEDBACK_SUBMITTED_KEY, Array.from(submittedFeedbackKeysRef.current).slice(-80));
+    const payload = {
+      jobId,
+      historyEntryId,
+      rating,
+      note: note?.trim() || void 0,
+      productId: effectiveProductId,
+      productTitle: restoredProductTitle || productTitle,
+      productUrl: restoredProductUrl || effectiveProductUrl,
+      recommendedSize: sizingResult?.recommendedSize,
+      profileLoggedIn,
+      profileId: activeProfile?.id,
+      profileName: activeProfile?.name,
+      profileAccessToken: profileSession?.accessToken
+    };
+    if (shouldUseShopifyCartAttribution(apiUrl)) {
+      logTryOnFeedback(payload);
+      return;
+    }
+    try {
+      await apiRef.current?.submitTryOnFeedback(payload);
+    } catch (error) {
+      submittedFeedbackKeysRef.current.delete(feedbackKey);
+      lsSet(TRYON_FEEDBACK_SUBMITTED_KEY, Array.from(submittedFeedbackKeysRef.current).slice(-80));
+      throw error;
+    }
+  }, [activeProfileId, apiUrl, effectiveProductId, effectiveProductUrl, productTitle, profileSession, profiles, restoredProductTitle, restoredProductUrl, resultImageUrl, sizingResult?.recommendedSize]);
   const handleRetry = reactExports.useCallback(() => {
     completedRef.current = false;
     cleanupJob();
@@ -33555,6 +34158,12 @@ function PrimeStyleTryonInner({
     historySavedRef.current = false;
     historyTryonSavedRef.current = false;
     currentHistoryEntryIdRef.current = null;
+    currentTryOnJobIdRef.current = null;
+    setRestoredProductImage(null);
+    setRestoredProductImages(null);
+    setRestoredProductCarouselItems(null);
+    setRestoredProductTitle(null);
+    setRestoredProductUrl(null);
     setErrorMessage(null);
     setSizingMethod(null);
     setSizingResult(null);
@@ -33691,6 +34300,8 @@ function PrimeStyleTryonInner({
       id: id2,
       productId,
       productTitle,
+      productUrl: effectiveProductUrl,
+      jobId: currentTryOnJobIdRef.current ?? void 0,
       productImage,
       productImages: effectiveProductImages?.slice(0, 12),
       productCarouselItems: effectiveProductCarouselItems?.slice(0, 12),
@@ -33725,7 +34336,7 @@ function PrimeStyleTryonInner({
       return next;
     });
     return id2;
-  }, [productId, productTitle, productImage, effectiveProductImages, effectiveProductCarouselItems, resultImageUrl, sizingResult, sizeGuide, activeProfileId, profiles, selectedFile]);
+  }, [productId, productTitle, effectiveProductUrl, productImage, effectiveProductImages, effectiveProductCarouselItems, resultImageUrl, sizingResult, sizeGuide, activeProfileId, profiles, selectedFile]);
   const persistHistoryResult = reactExports.useCallback((entryId, imageUrl, cleanupWhenIdle) => {
     void (async () => {
       const durableResultUrl = durableHistoryImageUrl(imageUrl);
@@ -33743,6 +34354,7 @@ function PrimeStyleTryonInner({
           if (entry.id !== entryId) return entry;
           return {
             ...entry,
+            ...currentTryOnJobIdRef.current ? { jobId: currentTryOnJobIdRef.current } : {},
             ...durableResultUrl ? { resultImageUrl: durableResultUrl } : {},
             ...storedResult ? { hasResult: true } : {}
           };
@@ -33798,6 +34410,7 @@ function PrimeStyleTryonInner({
         if (idx < 0) return prev;
         const updated = {
           ...prev[idx],
+          ...currentTryOnJobIdRef.current ? { jobId: currentTryOnJobIdRef.current } : {},
           ...durableResultUrl ? { resultImageUrl: durableResultUrl } : {},
           hasResult: true,
           ...selectedSizes.length ? { selectedSizes } : {}
@@ -33815,6 +34428,7 @@ function PrimeStyleTryonInner({
       historySavedRef.current = false;
       historyTryonSavedRef.current = false;
       currentHistoryEntryIdRef.current = null;
+      currentTryOnJobIdRef.current = null;
     }
   }, [view, sizingResult, resultImageUrl]);
   const restoreHistory = reactExports.useCallback((entry) => {
@@ -33825,6 +34439,7 @@ function PrimeStyleTryonInner({
     historySavedRef.current = true;
     historyTryonSavedRef.current = !!entry.resultImageUrl || !!entry.hasResult;
     currentHistoryEntryIdRef.current = entry.id;
+    currentTryOnJobIdRef.current = entry.jobId || null;
     autoTryOnFiredRef.current = true;
     const isCurrentProductEntry = entry.productId && productId ? entry.productId === productId : !!entry.productTitle && entry.productTitle === productTitle;
     setRestoredProductImage(entry.productImage || null);
@@ -33835,6 +34450,7 @@ function PrimeStyleTryonInner({
       entry.productCarouselItems?.length ? entry.productCarouselItems : isCurrentProductEntry && effectiveProductCarouselItems?.length ? effectiveProductCarouselItems : null
     );
     setRestoredProductTitle(entry.productTitle || null);
+    setRestoredProductUrl(entry.productUrl || null);
     if (entry.sizingResult) {
       setSizingResult(entry.sizingResult);
     } else if (entry.recommendedSize) {
@@ -33889,6 +34505,21 @@ function PrimeStyleTryonInner({
     setDrawer(null);
     setView("size-result");
   }, [cleanupJob, productId, productTitle, effectiveProductImages, effectiveProductCarouselItems]);
+  const savedOneColorFitEntry = reactExports.useMemo(() => {
+    if (!limitOneColorTryOnPerProduct) return null;
+    return history.find(
+      (entry) => hasCompletedTryOnResult(entry) && !!entry.recommendedSize && historyEntryMatchesProduct(entry, effectiveProductId, productTitle)
+    ) || null;
+  }, [limitOneColorTryOnPerProduct, history, effectiveProductId, productTitle]);
+  const storefrontButtonText = savedOneColorFitEntry?.recommendedSize ? `${t2("Your size is")} ${savedOneColorFitEntry.recommendedSize}` : resolvedButtonText;
+  const handleStorefrontButtonClick = reactExports.useCallback(() => {
+    if (savedOneColorFitEntry) {
+      onOpen?.();
+      restoreHistory(savedOneColorFitEntry);
+      return;
+    }
+    handleOpen();
+  }, [handleOpen, onOpen, restoreHistory, savedOneColorFitEntry]);
   const updateField = reactExports.useCallback((key, val) => {
     formRef.current[key] = val;
   }, []);
@@ -34072,11 +34703,14 @@ function PrimeStyleTryonInner({
             productImages: restoredProductImages || (restoredProductImage ? [restoredProductImage] : effectiveProductImages),
             productCarouselItems: restoredProductCarouselItems || (restoredProductImage ? void 0 : effectiveProductCarouselItems),
             productTitle: restoredProductTitle || productTitle,
+            productUrl: restoredProductUrl || effectiveProductUrl,
             productMaterial,
             productDescription,
             sizingUnit,
             setView,
             handleDownload,
+            onContinueShopping: handleContinueShopping,
+            onTryOnFeedbackSubmit: handleTryOnFeedbackSubmit,
             selectedFile,
             previewUrl,
             handleFileSelect,
@@ -34355,15 +34989,12 @@ function PrimeStyleTryonInner({
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
       {
-        onClick: (e) => {
-          console.log("[ps-sdk] button click event fired", e);
-          handleOpen();
-        },
+        onClick: handleStorefrontButtonClick,
         className: cx(cx("ps-tryon-btn", isTextTrigger ? "ps-tryon-btn--text" : void 0), cn.button),
         type: "button",
         children: [
           !isTextTrigger && showIcon !== false && (buttonIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(CameraIcon$1, {})),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: resolvedButtonText })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: storefrontButtonText })
         ]
       }
     ),
@@ -34641,7 +35272,7 @@ class PrimeStyleTryonErrorBoundary extends reactExports.Component {
 function PrimeStyleTryon(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(PrimeStyleTryonErrorBoundary, { ...props });
 }
-const STYLES = `
+const SIZE_GUIDE_STYLES = `
   .ps-sg-btn {
     display: inline-flex;
     align-items: center;
@@ -34804,7 +35435,7 @@ function injectStyles() {
   if (stylesInjected) return;
   const tag = document.createElement("style");
   tag.id = "ps-sg-styles";
-  tag.textContent = STYLES;
+  tag.textContent = SIZE_GUIDE_STYLES;
   document.head.appendChild(tag);
   stylesInjected = true;
 }
@@ -34996,10 +35627,112 @@ function installProductViewTracking() {
   roots.forEach((r2) => maybeFireProductView(r2));
 }
 const TAG = "[primestyle-tryon]";
-console.log(`${TAG} bundle loaded — version 5.7.x storefront entry`);
+const SHADOW_STYLE_ATTR = "data-primestyle-sdk";
+const DOCUMENT_STYLE_ATTR = "data-primestyle-sdk-document";
+const SHADOW_MOUNT_ATTR = "data-primestyle-mount";
+const PORTAL_HOST_ATTR = "data-primestyle-portal-host";
+const PORTAL_MOUNT_ATTR = "data-primestyle-portal-mount";
+const SDK_CSS = `${STYLES}
+
+${SIZE_GUIDE_STYLES}`;
+console.log(`${TAG} storefront bundle loaded`);
 installCartHook();
 installProductViewTracking();
 const MOUNTED = /* @__PURE__ */ new WeakMap();
+const MOUNT_SIGNATURES = /* @__PURE__ */ new WeakMap();
+const MOUNTING = /* @__PURE__ */ new WeakSet();
+function ensureDocumentStyles() {
+  if (typeof document === "undefined" || !document.head) return;
+  let styleTag = document.head.querySelector(`style[${DOCUMENT_STYLE_ATTR}]`);
+  if (!styleTag) {
+    styleTag = document.createElement("style");
+    styleTag.setAttribute(DOCUMENT_STYLE_ATTR, "true");
+    document.head.appendChild(styleTag);
+  }
+  if (styleTag.textContent !== SDK_CSS) {
+    styleTag.textContent = SDK_CSS;
+  }
+}
+function getPortalHost() {
+  if (typeof document === "undefined" || !document.body) return void 0;
+  let portalHost = document.querySelector(`[${PORTAL_HOST_ATTR}]`);
+  if (!portalHost) {
+    portalHost = document.createElement("div");
+    portalHost.setAttribute(PORTAL_HOST_ATTR, "true");
+    document.body.appendChild(portalHost);
+  }
+  portalHost.style.setProperty("display", "block", "important");
+  portalHost.style.setProperty("position", "fixed", "important");
+  portalHost.style.setProperty("inset", "0", "important");
+  portalHost.style.setProperty("width", "100vw", "important");
+  portalHost.style.setProperty("height", "100vh", "important");
+  portalHost.style.setProperty("z-index", "2147483647", "important");
+  portalHost.style.setProperty("visibility", "visible", "important");
+  portalHost.style.setProperty("opacity", "1", "important");
+  portalHost.style.setProperty("pointer-events", "none", "important");
+  portalHost.style.setProperty("transform", "none", "important");
+  portalHost.style.setProperty("margin", "0", "important");
+  portalHost.style.setProperty("padding", "0", "important");
+  if (typeof portalHost.attachShadow === "function") {
+    try {
+      const shadow = portalHost.shadowRoot || portalHost.attachShadow({ mode: "open" });
+      let styleTag = shadow.querySelector(`style[${SHADOW_STYLE_ATTR}]`);
+      if (!styleTag) {
+        styleTag = document.createElement("style");
+        styleTag.setAttribute(SHADOW_STYLE_ATTR, "true");
+        shadow.appendChild(styleTag);
+      }
+      if (styleTag.textContent !== SDK_CSS) {
+        styleTag.textContent = SDK_CSS;
+      }
+      let portalMount = shadow.querySelector(`[${PORTAL_MOUNT_ATTR}]`);
+      if (!portalMount) {
+        portalMount = document.createElement("div");
+        portalMount.setAttribute(PORTAL_MOUNT_ATTR, "true");
+        portalMount.className = "ps-tryon-portal-mount";
+        shadow.appendChild(portalMount);
+      }
+      portalMount.style.setProperty("display", "block", "important");
+      portalMount.style.setProperty("width", "100%", "important");
+      portalMount.style.setProperty("height", "100%", "important");
+      portalMount.style.setProperty("pointer-events", "none", "important");
+      return portalMount;
+    } catch (err) {
+      console.warn(`${TAG} portal shadow DOM mount failed; falling back to page DOM`, err);
+    }
+  }
+  ensureDocumentStyles();
+  return portalHost;
+}
+function createShadowMountTarget(el2) {
+  if (!(el2 instanceof HTMLElement) || typeof el2.attachShadow !== "function") {
+    return { mountTarget: el2 };
+  }
+  try {
+    const shadow = el2.shadowRoot || el2.attachShadow({ mode: "open" });
+    let styleTag = shadow.querySelector(`style[${SHADOW_STYLE_ATTR}]`);
+    if (!styleTag) {
+      styleTag = document.createElement("style");
+      styleTag.setAttribute(SHADOW_STYLE_ATTR, "true");
+      shadow.appendChild(styleTag);
+    }
+    if (styleTag.textContent !== SDK_CSS) {
+      styleTag.textContent = SDK_CSS;
+    }
+    let mountTarget = shadow.querySelector(`[${SHADOW_MOUNT_ATTR}]`);
+    if (!mountTarget) {
+      mountTarget = document.createElement("div");
+      mountTarget.setAttribute(SHADOW_MOUNT_ATTR, "true");
+      mountTarget.className = "ps-tryon-shadow-mount";
+      shadow.appendChild(mountTarget);
+    }
+    el2.setAttribute("data-primestyle-shadow", "true");
+    return { mountTarget, portalContainer: getPortalHost() ?? document.body };
+  } catch (err) {
+    console.warn(`${TAG} shadow DOM mount failed; falling back to page DOM`, err);
+    return { mountTarget: el2 };
+  }
+}
 function readDataAttrs(el2) {
   const out = {};
   for (const attr of Array.from(el2.attributes)) {
@@ -35018,6 +35751,22 @@ function parseJsonAttr(raw, fallback) {
     return fallback;
   }
 }
+function buildMountSignature(data) {
+  const relevant = {};
+  for (const key of Object.keys(data).sort()) {
+    relevant[key] = data[key];
+  }
+  return JSON.stringify(relevant);
+}
+function resolveProductUrl(raw) {
+  const source = raw || (typeof window !== "undefined" ? window.location.href : "");
+  if (!source) return void 0;
+  try {
+    return new URL(source, window.location.origin).href;
+  } catch {
+    return source;
+  }
+}
 function buildPropsFromDataAttrs(data) {
   const props = {
     apiUrl: data.proxyUrl || data.apiUrl || "",
@@ -35027,14 +35776,20 @@ function buildPropsFromDataAttrs(data) {
     apiKey: data.apiKey,
     productId: data.productId,
     productTitle: data.productTitle,
+    productUrl: resolveProductUrl(data.productUrl),
     productImage: data.productImage,
-    productCarouselItems: parseJsonAttr(data.productCarouselItems, void 0),
+    productImages: parseJsonAttr(data.productImages, void 0),
+    productCarouselItems: parseJsonAttr(
+      data.productCarouselItems,
+      void 0
+    ),
     productDescription: data.productDescription,
     productGender: data.productGender,
     productType: data.productType,
     productVendor: data.productVendor,
     productTags: data.productTags ? data.productTags.split(",").map((t2) => t2.trim()).filter(Boolean) : void 0,
     buttonText: data.buttonText || "Find Your Size",
+    limitOneColorTryOnPerProduct: data.limitOneColorTryOnPerProduct === "true",
     locale: data.locale,
     sizeGuideData: parseJsonAttr(data.cachedSizeguide, void 0),
     sizingCountry: data.sizingCountry,
@@ -35071,22 +35826,39 @@ async function fetchSizeGuideForProduct(proxyUrl, productId) {
   }
 }
 async function mount(el2) {
-  if (MOUNTED.has(el2)) {
-    console.log(`${TAG} already mounted on`, el2);
+  const data = readDataAttrs(el2);
+  const signature = buildMountSignature(data);
+  const existingRoot = MOUNTED.get(el2);
+  if (existingRoot) {
+    if (MOUNT_SIGNATURES.get(el2) === signature) {
+      console.log(`${TAG} already mounted on`, el2);
+      return;
+    }
+    console.log(`${TAG} data changed; remounting on`, el2);
+    try {
+      existingRoot.unmount();
+    } catch (err) {
+      console.warn(`${TAG} previous React root failed to unmount`, err);
+    }
+    MOUNTED.delete(el2);
+    MOUNT_SIGNATURES.delete(el2);
+  }
+  if (MOUNTING.has(el2)) {
+    console.log(`${TAG} mount already in progress on`, el2);
     return;
   }
+  MOUNTING.add(el2);
   console.log(`${TAG} mounting on element`, el2);
-  const data = readDataAttrs(el2);
   console.log(`${TAG} read data attributes`, data);
   const props = buildPropsFromDataAttrs(data);
-  const hadCachedSizeguide = !!data.cachedSizeguide;
+  const shouldRenderStandaloneSizeGuide = !!data.cachedSizeguide && data.disableSizeGuideButton !== "true";
   if (!props.sizeGuideData && props.productId && props.apiUrl) {
     const fetched = await fetchSizeGuideForProduct(props.apiUrl, props.productId);
     if (fetched) {
       props.sizeGuideData = fetched;
     }
   }
-  if (hadCachedSizeguide && props.sizeGuideData) {
+  if (shouldRenderStandaloneSizeGuide && props.sizeGuideData) {
     try {
       const buttonStyles = props.buttonStyles;
       createSizeGuideButton(el2, props.sizeGuideData, {
@@ -35098,13 +35870,22 @@ async function mount(el2) {
     }
   }
   try {
-    const root = createRoot(el2);
-    root.render(reactExports.createElement(PrimeStyleTryon, props));
+    const { mountTarget, portalContainer } = createShadowMountTarget(el2);
+    const root = createRoot(mountTarget);
+    root.render(
+      reactExports.createElement(PrimeStyleTryon, {
+        ...props,
+        portalContainer
+      })
+    );
     MOUNTED.set(el2, root);
+    MOUNT_SIGNATURES.set(el2, signature);
     console.log(`${TAG} ✓ mounted React component`);
     maybeFireProductView(el2);
   } catch (err) {
     console.error(`${TAG} ✗ React mount failed`, err);
+  } finally {
+    MOUNTING.delete(el2);
   }
 }
 function mountAll() {