/* Add custom Js styles below */ 
/* ===== Rozana (Rwzana) Size Guide (No Figure) - Based on Berllin v7 ===== */
(function () {
  if (window.__berllinSizeGuideLoadedV7__) return;
  window.__berllinSizeGuideLoadedV7__ = true;

  if (!window.Salla || !Salla.onReady) return;

  Salla.onReady(function () {
    if (!Salla.product || !Salla.product.event || !Salla.product.event.onSizeGuideFetched) return;

    Salla.product.event.onSizeGuideFetched(function (sizes, productId) {
      waitForSizeGuideContainer(initSizesUI, { retries: 50, interval: 120 }, sizes, productId);
    });
  });

  function waitForSizeGuideContainer(cb, opts, sizes, productId) {
    var selectors = [
      '.s-product-size-guide-wrapper salla-tabs',
      '.s-product-size-guide-wrapper .s-product-size-guide',
      '.s-product-size-guide',
      '[data-size-guide-target]',
      '.product-size-guide',
      '.size-guide'
    ];
    var wrapperSel = '.s-product-size-guide-wrapper';

    function find() {
      var wrapper = document.querySelector(wrapperSel);
      for (var i = 0; i < selectors.length; i++) {
        var sel = selectors[i];
        var el = wrapper ? wrapper.querySelector(sel) : document.querySelector(sel);
        if (el) return el;
      }
      return null;
    }

    var tries = 0;
    var timer = setInterval(function () {
      var host = find();
      if (host) {
        clearInterval(timer);
        cb(host, sizes, productId);
      } else if (++tries >= (opts && opts.retries ? opts.retries : 40)) {
        clearInterval(timer);
        var wrapper = document.querySelector(wrapperSel) || document.body;
        var fallback = document.createElement('div');
        fallback.className = 's-product-size-guide-fallback';
        wrapper.appendChild(fallback);
        cb(fallback, sizes, productId);
      }
    }, (opts && opts.interval) || 100);
  }

  function initSizesUI(sizesHost) {
    if (!sizesHost) return;

    sizesHost.style.display = 'block';
    sizesHost.style.width = '100%';

    sizesHost.innerHTML = `
<section id="berlin-sizes" dir="rtl" lang="ar">
  <style>
    /* ================== Theme & Base ================== */
    #berlin-sizes{
      --brand:#c026d3;       /* لون روزانا الأساسي */
      --brand-dark:#a21caf;  /* لون أغمق للتدرج */
      --ink:#0f172a;
      --muted:#6b7280;
      --line:#e5e7eb;
      --chip:#f8fafc;
      --card:#ffffff;
      --bg:#ffffff;
      --radius:16px;
      --shadow:0 14px 40px rgba(15,23,42,.12);
      font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
      line-height:1.6;
      color:var(--ink);
      scroll-margin-top:72px;
      font-size:.9rem; /* تصغير عام بسيط */
    }
    #berlin-sizes .wrap{
      max-width:780px; /* كان 980، أصبح أنحف */
      margin:0 auto;
      padding:clamp(8px,2.2vw,14px);
      padding-top:12px;
      background:var(--bg);
    }
    #berlin-sizes h1{
      font-size:1.05rem;
      margin:4px 0 8px;
      font-weight:700;
      display:flex;
      align-items:center;
      gap:.4rem;
    }
    #berlin-sizes h1::before{
      content:"";
      width:4px;
      height:1.3rem;
      border-radius:999px;
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
    }

    #berlin-sizes .muted{
      color:var(--muted);
      font-size:.82rem;
    }

    /* زر غرفة القياس – مرن على الجوال */
    #berlin-sizes .fit-wrap{
      margin:10px 0 14px;
      overflow:visible;
    }
    #berlin-sizes .fit-btn{
      display:inline-flex;
      align-items:center;
      justify-content:flex-start;
      gap:.55rem;
      border:1px solid var(--line);
      background:#ffffff;
      padding:.6rem .9rem;
      border-radius:999px;
      font-size:.88rem;
      line-height:1.2;
      max-width:100%;
      white-space:normal;
      flex-wrap:wrap;
      cursor:pointer;
      box-shadow:0 8px 22px rgba(15,23,42,.06);
      transition:background .18s ease,transform .12s ease,box-shadow .18s ease,border-color .18s ease;
    }
    #berlin-sizes .fit-btn:hover{
      background:#fdf4ff; /* بديل عن #fef2f2 */
      transform:translateY(-1px);
      border-color:#f5d0fe; /* بديل عن #fecaca */
      box-shadow:0 16px 42px rgba(15,23,42,.10);
    }
    #berlin-sizes .fit-btn:active{
      transform:translateY(0);
      box-shadow:0 4px 14px rgba(15,23,42,.12);
    }
    #berlin-sizes .fit-btn svg{
      flex:0 0 20px;
      width:20px;
      height:20px;
    }
    #berlin-sizes .fit-btn .label{
      color:var(--ink);
      font-weight:600;
    }
    #berlin-sizes .fit-btn .badge{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#fff;
      padding:.12rem .5rem;
      border-radius:999px;
      font-size:.7rem;
      letter-spacing:.02em;
    }

    /* وحدة القياس (خارجية) */
    #berlin-sizes .unit-switch{
      display:flex;
      gap:.75rem;
      align-items:center;
      margin:6px 0 12px;
      flex-wrap:wrap;
      font-size:.86rem;
    }
    #berlin-sizes .unit-switch input{
      accent-color:#a21caf; /* بديل عن #991b1b */
    }
    #berlin-sizes .unit-switch label{
      cursor:pointer;
    }

    /* كارت الجدول */
    #berlin-sizes .card{
      border:1px solid #e2e8f0;
      border-radius:var(--radius);
      padding:9px;
      background:var(--card);
      box-shadow:0 10px 30px rgba(15,23,42,.04);
    }
    #berlin-sizes .table-wrap{
      overflow:auto;
      -webkit-overflow-scrolling:touch;
    }
    #berlin-sizes table{
      width:100%;
      border-collapse:separate;
      border-spacing:0;
      min-width:460px; /* أصغر من قبل */
      font-size:.86rem;
    }
    #berlin-sizes th,
    #berlin-sizes td{
      padding:.5rem .65rem;
      border-bottom:1px solid #f1f5f9;
      text-align:right;
      white-space:nowrap;
    }
    #berlin-sizes thead th{
      position:sticky;
      top:0;
      background:#f8fafc;
      font-weight:700;
      z-index:1;
    }
    #berlin-sizes tbody tr:nth-child(even){
      background:#fcfdff;
    }
    #berlin-sizes tbody tr:hover{
      background:#fff7f7;
    }
    #berlin-sizes .note{
      font-size:.8rem;
      color:var(--muted);
      margin:.5rem 0 0;
    }

    /* ============ Modal Overlay ============ */
    #berlin-sizes .modal{
      position:fixed;
      inset:0;
      display:none;
      background:rgba(2,6,23,.55);
      z-index:2147483646;
      -webkit-backdrop-filter:blur(4px);
      backdrop-filter:blur(4px);
    }
    #berlin-sizes .modal.show{
      display:block;
    }

    /* الشيت: سنتر على الشاشات الكبيرة – بوتوم شيت على الجوال */
    #berlin-sizes .sheet{
      position:fixed;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
      width:min(640px, 94vw);
      max-height:88vh;
      overflow:auto;
      -webkit-overflow-scrolling:touch;
      background:#ffffff;
      border-radius:20px;
      padding:clamp(10px,2.5vw,14px);
      z-index:2147483647;
      box-shadow:0 22px 70px rgba(15,23,42,.32);
    }
    @media (max-width:768px){
      #berlin-sizes .sheet{
        left:50%;
        right:auto;
        bottom:auto;
        top:52%;
        transform:translate(-50%,-50%);
        width:94vw;
        max-height:86vh;
        border-radius:18px;
      }
    }
    @media (max-width:480px){
      #berlin-sizes .sheet{
        left:0;
        right:0;
        bottom:0;
        top:auto;
        transform:none;
        width:100%;
        max-height:86vh;
        border-top-left-radius:18px;
        border-top-right-radius:18px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
      }
    }

    /* هيدر المودال */
    #berlin-sizes header{
      position:sticky;
      top:0;
      background:#ffffff;
      z-index:2;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
      margin-bottom:.5rem;
      padding-bottom:.25rem;
      border-bottom:1px solid #f1f5f9;
    }
    #berlin-sizes header h3{
      margin:0;
      font-size:1rem;
      font-weight:700;
    }
    #berlin-sizes header .x{
      border:0;
      background:#f1f5f9;
      border-radius:.55rem;
      padding:.4rem .75rem;
      color:#000 !important;
      font-weight:600;
      cursor:pointer;
      font-size:.8rem;
    }

    /* زر إغلاق عائم للجوال */
    #berlin-sizes .close-fab{
      position:fixed;
      top:10px;
      inset-inline-end:10px;
      z-index:2147483647;
      width:36px;
      height:36px;
      border-radius:999px;
      border:1px solid var(--line);
      background:#fff;
      color:#000;
      display:none;
      align-items:center;
      justify-content:center;
      box-shadow:0 4px 12px rgba(0,0,0,.12);
      font-size:22px;
      line-height:1;
      cursor:pointer;
    }
    #berlin-sizes .modal.show .close-fab{
      display:flex;
    }

    /* محوّل الوحدات داخل المودال */
    #berlin-sizes .modal-unit-switch{
      display:flex;
      gap:.75rem;
      align-items:center;
      flex-wrap:wrap;
      margin:.25rem 0 .75rem;
      font-size:.86rem;
    }
    #berlin-sizes .modal-unit-switch input{
      accent-color:#a21caf; /* بديل عن #991b1b */
    }
    #berlin-sizes .modal-unit-switch label{
      cursor:pointer;
    }

    /* نموذج غرفة القياس */
    #berlin-sizes .content{
      font-size:.88rem;
    }
    #berlin-sizes .measure-form .row{
      display:flex;
      gap:.6rem;
      align-items:center;
      margin:.4rem 0;
      flex-wrap:wrap;
    }
    #berlin-sizes .measure-form label{
      width:90px;
      font-size:.84rem;
      color:var(--muted);
    }
    #berlin-sizes .measure-form input,
    #berlin-sizes select{
      flex:1;
      min-width:150px;
      padding:.48rem .6rem;
      border:1px solid var(--line);
      border-radius:.55rem;
      font-size:.86rem;
      outline:none;
      transition:border-color .15s ease, box-shadow .15s ease;
    }
    #berlin-sizes .measure-form input:focus,
    #berlin-sizes select:focus{
      border-color:var(--brand);
      box-shadow:0 0 0 1px rgba(192,38,211,.15); /* بديل عن rgba(220,38,38,.15) */
    }

    @media (max-width:480px){
      #berlin-sizes .measure-form .row{
        flex-direction:column;
        align-items:stretch;
      }
      #berlin-sizes .measure-form label{
        width:auto;
      }
    }

    #berlin-sizes .action-bar{
      display:flex;
      flex-wrap:wrap;
      gap:.5rem;
      margin-top:.7rem;
    }
    #berlin-sizes .btn-primary,
    #berlin-sizes .btn-secondary{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.25rem;
      border-radius:.7rem;
      padding:.52rem .9rem;
      font-size:.82rem;
      cursor:pointer;
      white-space:nowrap;
    }
    #berlin-sizes .btn-primary{
      background:linear-gradient(135deg,var(--brand),var(--brand-dark));
      color:#fff;
      border:0;
      box-shadow:0 10px 26px rgba(192,38,211,.35); /* بديل عن rgba(220,38,38,.35) */
    }
    #berlin-sizes .btn-secondary{
      background:var(--chip);
      color:var(--ink);
      border:1px solid var(--line);
    }

    #berlin-sizes .result{
      margin-top:.75rem;
      border:1px dashed var(--line);
      border-radius:.9rem;
      padding:.6rem .7rem;
      background:#f9fafb;
    }
    #berlin-sizes .result h4{
      margin:.1rem 0 .3rem;
      font-size:.9rem;
    }
    #berlin-sizes .rec-size{
      font-weight:700;
      font-size:1rem;
    }
    #berlin-sizes .kpi{
      display:flex;
      flex-wrap:wrap;
      gap:.35rem;
      margin-top:.3rem;
    }
    #berlin-sizes .pill{
      background:#ffffff;
      border:1px solid #e5e7eb;
      border-radius:999px;
      padding:.18rem .55rem;
      font-size:.8rem;
    }

    @media (max-width:640px){
      #berlin-sizes .wrap{
        padding-inline:8px;
      }
      #berlin-sizes table{
        font-size:.84rem;
      }
      #berlin-sizes .card{
        padding:8px;
      }
    }
  </style>

  <div class="wrap">
    <h1>دليل المقاسات</h1>

    <!-- محول إنش/سم (لجدول الصفحة) -->
    <div class="unit-switch" aria-label="اختيار وحدة القياس">
      <input type="radio" name="unit" id="u-in" value="in">
      <label for="u-in">إنش</label>
      <input type="radio" name="unit" id="u-cm" value="cm" checked>
      <label for="u-cm">سم</label>
    </div>

    <!-- زر غرفة القياس الذكية -->
    <div class="fit-wrap">
      <button class="fit-btn" id="openFit" type="button" aria-haspopup="dialog" aria-controls="fitModal" aria-label="افتحي غرفة القياسات الذكية">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M12 3a2 2 0 0 1 2 2 2 2 0 0 1-1 1.73v.9l3.6 2.1a1 1 0 0 1 .4 1.33l-1.4 2.8 2.2 6.6a1 1 0 0 1-.95 1.34H6.15a1 1 0 0 1-.95-1.34l2.2-6.6-1.4-2.8a1 1 0 0 1 .4-1.33L10 7.63v-.9A2 2 0 0 1 12 3Z"></path>
        </svg>
        <span class="label">غرفة القياسات الذكية</span>
        <span class="badge">ذكي</span>
      </button>
    </div>

    <!-- جدول المقاسات -->
    <div class="card">
      <div class="table-wrap" role="region" aria-label="جدول المقاسات">
        <table>
          <thead>
            <tr>
              <th>UK</th>
              <th>المقاس</th>
              <th>الصدر</th>
              <th>الخصر</th>
              <th>الأرداف</th>
            </tr>
          </thead>
          <tbody id="sizeBody"></tbody>
        </table>
      </div>
      <p class="note">قد تختلف المقاسات قليلًا حسب قصة الموديل ونوع القماش.</p>
    </div>
  </div>

  <!-- مودال غرفة القياس الذكية -->
  <div class="modal" id="fitModal" role="dialog" aria-modal="true" aria-labelledby="fitTitle">
    <button class="close-fab" id="closeFab" type="button" aria-label="إغلاق">×</button>
    <div class="sheet">
      <header>
        <h3 id="fitTitle">غرفة القياس الذكية</h3>
        <button class="x" id="closeFit" type="button" aria-label="إغلاق">إغلاق</button>
      </header>

      <!-- محوّل إنش/سم في أعلى المودال -->
      <div class="modal-unit-switch" aria-label="اختيار وحدة القياس داخل غرفة القياس">
        <input type="radio" name="fitUnit" id="f-in" value="in" checked>
        <label for="f-in">إنش</label>
        <input type="radio" name="fitUnit" id="f-cm" value="cm">
        <label for="f-cm">سم</label>
      </div>

      <div class="content">
        <form class="measure-form" id="fitForm">
          <div class="row">
            <label for="bust">الصدر</label>
            <input id="bust" type="number" step="0.1" min="10" max="80" placeholder="مثال: 40" inputmode="decimal">
          </div>
          <div class="row">
            <label for="waist">الخصر</label>
            <input id="waist" type="number" step="0.1" min="10" max="80" placeholder="مثال: 34" inputmode="decimal">
          </div>
          <div class="row">
            <label for="hip">الأرداف</label>
            <input id="hip" type="number" step="0.1" min="10" max="90" placeholder="مثال: 44" inputmode="decimal">
          </div>
          <div class="row">
            <label for="fitPref">تفضيل الارتداء</label>
            <select id="fitPref">
              <option value="regular" selected>مطابق للجدول (افتراضي)</option>
              <option value="relaxed">مرتخٍ (+راحة بسيطة)</option>
              <option value="snug">ضيّق (محدد)</option>
            </select>
          </div>
          <div class="action-bar">
            <button class="btn-primary" type="submit">احسبي المقاس</button>
            <button class="btn-secondary" type="button" id="resetForm">بداية جديدة</button>
            <button class="btn-secondary" type="button" id="saveMySize">حفظ مقاسي</button>
            <button class="btn-secondary" type="button" id="fillFromSaved">استرجاع</button>
          </div>
        </form>
        <div class="result" id="fitResult" aria-live="polite">
          <h4>النتيجة</h4>
          <div class="rec-size" id="recSize">—</div>
          <div class="muted" id="recLabel">المقاس الموصى به (UK / الحرفي)</div>
          <div class="kpi">
            <div class="pill">الصدر: <span id="outBust">—</span></div>
            <div class="pill">الخصر: <span id="outWaist">—</span></div>
            <div class="pill">الأرداف: <span id="outHip">—</span></div>
          </div>
          <div class="muted" id="fitNote">أدخلي القياسات ثم احسبي المقاس.</div>
        </div>
      </div>
    </div>
  </div>
</section>`;

    /* ====================== JS Logic ====================== */
    function $s(sel) { return sizesHost.querySelector(sel); }

    function parseNum(x) {
      if (typeof x === 'string') {
        x = x.replace(/[^\d.\-]/g, '').replace(/,/g, '.');
      }
      var n = parseFloat(x);
      return isFinite(n) ? n : NaN;
    }

    // جدول ثابت – إنش كأساس
    var SIZES = [
      { hip: 36, waist: 26, bust: 32, size: 'S',   uk: '6'  },
      { hip: 38, waist: 28, bust: 34, size: 'M',   uk: '8'  },
      { hip: 40, waist: 30, bust: 36, size: 'L',   uk: '10' },
      { hip: 42, waist: 32, bust: 38, size: 'XL',  uk: '12' },
      { hip: 44, waist: 34, bust: 40, size: 'XXL', uk: '14' },
      { hip: 46, waist: 36, bust: 42, size: '3XL', uk: '16' },
      { hip: 48, waist: 38, bust: 44, size: '4XL', uk: '18' },
      { hip: 50, waist: 40, bust: 46, size: '5XL', uk: '20' },
      { hip: 52, waist: 42, bust: 48, size: '6XL', uk: '22' },
      { hip: 54, waist: 44, bust: 50, size: '7XL', uk: '24' }
    ];

    var tbody = $s('#sizeBody');
    var uIn = $s('#u-in');
    var uCm = $s('#u-cm');

    function toCm(v) { return Math.round(v * 2.54); }

    function fmt(v, u) {
      return u === 'cm' ? (toCm(v) + ' سم') : (v + ' إنش');
    }

    // ترتيب الأعمدة من اليمين: UK – المقاس – الصدر – الخصر – الأرداف
    function renderTable(unit) {
      if (!tbody) return;
      var html = '';
      for (var i = 0; i < SIZES.length; i++) {
        var r = SIZES[i];
        html += '<tr>'
          + '<td>' + r.uk + '</td>'               // UK
          + '<td>' + r.size + '</td>'             // المقاس
          + '<td>' + fmt(r.bust, unit)  + '</td>' // الصدر
          + '<td>' + fmt(r.waist, unit) + '</td>' // الخصر
          + '<td>' + fmt(r.hip, unit)   + '</td>' // الأرداف
          + '</tr>';
      }
      tbody.innerHTML = html;
    }

    if (uIn) {
      uIn.addEventListener('change', function () {
        renderTable(this.value);
        syncModalUnit();
      });
    }
    if (uCm) {
      uCm.addEventListener('change', function () {
        renderTable(this.value);
        syncModalUnit();
      });
    }
    renderTable('cm');

    // Modal handling
    var modal = $s('#fitModal');
    var openBtn = $s('#openFit');
    var closeBtn = $s('#closeFit');
    var closeFab = $s('#closeFab');

    function syncModalUnit() {
      var mIn = $s('#f-in');
      var mCm = $s('#f-cm');
      if (!mIn || !mCm) return;
      if (uCm && uCm.checked) {
        mCm.checked = true;
      } else {
        mIn.checked = true;
      }
    }

    function syncPageUnitFromModal() {
      var mCm = $s('#f-cm');
      if (mCm && mCm.checked) {
        if (uCm) uCm.checked = true;
        renderTable('cm');
      } else {
        if (uIn) uIn.checked = true;
        renderTable('in');
      }
    }

    function showModal() {
      if (!modal) return;
      modal.classList.add('show');
      syncModalUnit();
      // منع تمرير الصفحة في الخلفية
      document.documentElement.style.overflow = 'hidden';
      document.body.style.overflow = 'hidden';
    }

    function hideModal() {
      if (!modal) return;
      modal.classList.remove('show');
      document.documentElement.style.overflow = '';
      document.body.style.overflow = '';
    }

    if (openBtn) {
      openBtn.addEventListener('click', showModal);
    }
    if (closeBtn) {
      closeBtn.addEventListener('click', hideModal);
    }
    if (closeFab) {
      closeFab.addEventListener('click', hideModal);
    }
    if (modal) {
      modal.addEventListener('click', function (e) {
        if (e.target === modal) hideModal();
      });
    }
    window.addEventListener('keydown', function (e) {
      if (e.key === 'Escape' && modal && modal.classList.contains('show')) {
        hideModal();
      }
    });

    var mIn = $s('#f-in');
    var mCm = $s('#f-cm');
    if (mIn) mIn.addEventListener('change', syncPageUnitFromModal);
    if (mCm) mCm.addEventListener('change', syncPageUnitFromModal);

    // Recommendation logic
    var PADS = { regular: 0, relaxed: 1, snug: -0.5 };

    function clampPad(x) {
      if (x < -1) return -1;
      if (x > 2) return 2;
      return x;
    }

    function pick(userIn, pref) {
      var pad = clampPad(PADS[pref || 'regular'] || 0);
      var need = {
        bust: Math.max(0, userIn.bust + pad),
        waist: Math.max(0, userIn.waist + pad),
        hip: Math.max(0, userIn.hip + pad)
      };
      for (var i = 0; i < SIZES.length; i++) {
        var r = SIZES[i];
        if (r.bust >= need.bust && r.waist >= need.waist && r.hip >= need.hip) return r;
      }
      return SIZES[SIZES.length - 1];
    }

    var store = {
      set: function (k, v) {
        try { localStorage.setItem(k, JSON.stringify(v)); } catch (e) {}
      },
      get: function (k, f) {
        try {
          var s = localStorage.getItem(k);
          return s ? JSON.parse(s) : f;
        } catch (e) {
          return f;
        }
      }
    };

    var form = $s('#fitForm');
    var outSize = $s('#recSize');
    var oB = $s('#outBust');
    var oW = $s('#outWaist');
    var oH = $s('#outHip');
    var note = $s('#fitNote');
    var saveBtn = $s('#saveMySize');
    var fillBtn = $s('#fillFromSaved');
    var resetBtn = $s('#resetForm');

    if (resetBtn) {
      resetBtn.addEventListener('click', function () {
        if (form) form.reset();
        if (outSize) outSize.textContent = '—';
        if (oB) oB.textContent = '—';
        if (oW) oW.textContent = '—';
        if (oH) oH.textContent = '—';
        if (note) note.textContent = 'أدخلي القياسات ثم احسبي المقاس.';
      });
    }

    function getUnit() {
      var modChecked = $s('[name="fitUnit"]:checked');
      if (modChecked) return modChecked.value === 'cm' ? 'cm' : 'in';
      if (uCm && uCm.checked) return 'cm';
      return 'in';
    }

    function readForm() {
      var unit = getUnit();
      var prefSel = $s('#fitPref');
      var pref = prefSel ? prefSel.value : 'regular';
      var bustInput = $s('#bust');
      var waistInput = $s('#waist');
      var hipInput = $s('#hip');

      var bust = bustInput ? parseNum(bustInput.value) : NaN;
      var waist = waistInput ? parseNum(waistInput.value) : NaN;
      var hip = hipInput ? parseNum(hipInput.value) : NaN;

      if (!(bust > 0) || !(waist > 0) || !(hip > 0)) return null;

      var toIn = function (v) { return unit === 'cm' ? v / 2.54 : v; };

      return {
        unit: unit,
        pref: pref,
        raw: { bust: bust, waist: waist, hip: hip },
        inch: { bust: toIn(bust), waist: toIn(waist), hip: toIn(hip) }
      };
    }

    if (form) {
      form.addEventListener('submit', function (e) {
        e.preventDefault();
        var st = readForm();
        if (!st) {
          if (note) note.textContent = 'يرجى إدخال جميع القياسات بشكل صحيح.';
          return;
        }
        var rec = pick(st.inch, st.pref);
        if (outSize) outSize.textContent = 'UK ' + rec.uk + ' — ' + rec.size;

        var outFmt = function (v) {
          if (st.unit === 'cm') return Math.round(v) + ' سم';
          return (+v.toFixed(1)) + ' إنش';
        };

        if (oB) oB.textContent = outFmt(st.raw.bust);
        if (oW) oW.textContent = outFmt(st.raw.waist);
        if (oH) oH.textContent = outFmt(st.raw.hip);

        if (note) note.textContent = 'تطابق مباشر مع جدول Rozana (Rwzana)؛ قد يختلف حسب قصة الموديل والقماش.';
        store.set('lastMeasures', st);
      });
    }

    if (saveBtn) {
      saveBtn.addEventListener('click', function () {
        var st = readForm();
        if (!st) {
          if (note) note.textContent = 'أدخلي القياسات أولًا قبل الحفظ.';
          return;
        }
        store.set('mySize', st);
        if (note) note.textContent = 'تم حفظ مقاسك على هذا المتصفح.';
      });
    }

    if (fillBtn) {
      fillBtn.addEventListener('click', function () {
        var sv = store.get('mySize') || store.get('lastMeasures');
        if (!sv) {
          if (note) note.textContent = 'لا توجد قياسات محفوظة بعد.';
          return;
        }
        var fitCm = $s('#f-cm');
        var fitIn = $s('#f-in');
        if (sv.unit === 'cm' && fitCm) fitCm.checked = true;
        else if (fitIn) fitIn.checked = true;

        var bustInput = $s('#bust');
        var waistInput = $s('#waist');
        var hipInput = $s('#hip');
        var prefSel = $s('#fitPref');

        if (bustInput) bustInput.value = (sv.raw && sv.raw.bust) != null ? sv.raw.bust : '';
        if (waistInput) waistInput.value = (sv.raw && sv.raw.waist) != null ? sv.raw.waist : '';
        if (hipInput) hipInput.value = (sv.raw && sv.raw.hip) != null ? sv.raw.hip : '';
        if (prefSel && sv.pref) prefSel.value = sv.pref;

        if (note) note.textContent = 'تم استرجاع القياسات — احسبي المقاس الآن.';
        syncPageUnitFromModal();
      });
    }
  }
})();