/* =====================================================================
   BEAN ME UP — ملف JavaScript لثيم رائد على سلة  (الإصدار 9)
   يُلصق كاملاً بدل القديم في: تخصيص متقدم ← تخصيص باستخدام JavaScript
   (بدون وسم <script>)

   الجديد في هذا الإصدار:
   - رجعت مشاهد النزول المتحركة على الجوال.
   - ارتفاع الشاشة يُقاس مرة واحدة ويُثبَّت بالبكسل، فلا تقفز المشاهد عند
     ظهور واختفاء شريط المتصفح (كان هذا سبب التقطيع).
   - لا صوت.
   ===================================================================== */
(function () {
  'use strict';
  if (window.__bmuLoaded) return;
  window.__bmuLoaded = true;

  /* ------------------------------------------------------------------
     الإعدادات: عدّل النصوص من هنا فقط، ولا تحتاج تلمس باقي الكود.
     ------------------------------------------------------------------ */
  var CONFIG = {
    // عناوين الأقسام كما تظهر في صفحتك الرئيسية (تكفي كلمة مميزة من العنوان)
    sections: {
      crops: '250',            // قسم "250 جرام": منه تؤخذ صور الأكياس للمشاهد
      tasting: 'مجموعة التذوق', // مشهد "محصول واحد؟" يظهر قبل هذا القسم
      cups: 'أكواب',
      blog: 'المدونة',
      about: 'عن المعمل'
    },
    // عنوان البداية: سطران يتساويان في العرض تماماً (الكود يضبط حجم كل سطر تلقائياً)
    heroLines: ['محمصـة بيـن مـي أب', 'BEAN ME UP ROASTERY'],
    heroRight: 'صُنع في السعودية',
    heroLeft: 'خصم 15% بالكود <b class="bmu-mono">BEAN</b>',
    strip: 'Where every sip takes you higher — separate the bean, unleash the magic within — made in Saudi Arabia — Bean Me Up Roastery',
    bigLine: 'نحمـص ونجـرب<br>لين مانوصل للزبدة.',
    gramWord: '٢٥٠ جرام من البن المختص',
    gramCaption: '', // اتركها فارغة لإخفاء السطر
    flipPhrases: ['محصول واحد؟', 'لا.', 'ذوقها كلها.'],
    // تحت كل صورة يظهر اسم المنتج ثم "العنوان الفرعي" المكتوب له في سلة.
    // هذه القائمة احتياط فقط للمنتج الذي ليس له عنوان فرعي (تُطابق بكلمة من الاسم).
    crops: [
      { match: 'كوستاريكا', notes: 'معالجة مجففة · كراميل · عسل · فواكه حلوة' },
      { match: 'كولومبيا', notes: 'معالجة مغسولة · جريب فروت · ليمون · زبيب' }
    ],
    // الكلمات المتبعثرة: [اسم المحصول أو التصنيف، الكلمة]. زد أو احذف كما تشاء.
    chips: [
      ['إثيوبيا أورا', 'توت أسود'], ['إثيوبيا أوميا', 'عنب'], ['كوستاريكا', 'كراميل'], ['كولومبيا', 'ليمون'],
      ['المعالجة', 'مجففة'], ['إثيوبيا أوميا', 'آساي'], ['كوستاريكا', 'عسل'], ['إثيوبيا أورا', 'حلاوة'],
      ['كولومبيا', 'زبيب'], ['إثيوبيا أوميا', 'فول سوداني'], ['المعالجة', 'مغسولة'], ['كوستاريكا', 'فواكه حلوة'],
      ['إثيوبيا أورا', 'فاكهية'], ['كولومبيا', 'جريب فروت'], ['إثيوبيا أوميا', 'مشمش'], ['كوستاريكا', 'حمضيات'],
      ['المعالجة', 'تخمير لاهوائي'], ['إثيوبيا أورا', 'قوام ممتلئ'], ['إثيوبيا أوميا', 'حلاوة عالية'], ['كوستاريكا', 'جريب فروت']
    ]
  };

  /* ------------------------------ أدوات ------------------------------ */
  function clamp(v) { return v < 0 ? 0 : v > 1 ? 1 : v; }
  function esc(s) { return String(s).replace(/[&<>"]/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]; }); }
  function ready(fn) { if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', fn); else fn(); }
  function mq(q) { try { return !!(window.matchMedia && window.matchMedia(q).matches); } catch (e) { return false; } }
  function norm(t) { return String(t || '').replace(/[ـً-ْ]/g, '').replace(/[أإآ]/g, 'ا').replace(/ى/g, 'ي').replace(/\s+/g, ' ').trim(); }
  function cleanTitle(t) { return String(t || '').replace(/\s*[-–—|]\s*(250|٢٥٠)\s*(جرام|غرام|g|gm)?\s*$/i, '').trim(); }

  var reduce = mq('(prefers-reduced-motion: reduce)');
  var isTouch = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);
  // الوضع الساكن فقط لمن فعّل "تقليل الحركة" في جهازه
  var LITE = reduce;

  // قياس ارتفاع الشاشة مرة واحدة وتثبيته بالبكسل.
  // نأخذ الارتفاع الأكبر (والشريط مخفي) حتى يغطي المشهد الشاشة دائماً،
  // ونحسب ارتفاع الشريط لنرفع النصوص السفلية فوقه.
  var lastW = -1;
  function probe(h) {
    var d = document.createElement('div');
    d.style.cssText = 'position:fixed;top:0;left:0;width:0;visibility:hidden;pointer-events:none;height:' + h;
    document.body.appendChild(d);
    var v = d.offsetHeight; document.body.removeChild(d);
    return v;
  }
  function measure(force) {
    var w = window.innerWidth;
    if (!force && w === lastW) return; // تغيّر الارتفاع وحده (شريط المتصفح) نتجاهله
    lastW = w;
    var inner = window.innerHeight, large = probe('100lvh'), small = probe('100svh');
    if (!large) large = Math.max(inner, probe('100vh'));
    if (!small || small > large) small = Math.min(inner, large);
    var root = document.documentElement.style;
    root.setProperty('--bmu-u', (large / 100).toFixed(3) + 'px');
    root.setProperty('--bmu-bar', Math.max(0, large - small) + 'px');
    document.body.classList.toggle('bmu-m', w <= 760);
  }

  function loadFonts() {
    if (document.getElementById('bmu-fonts')) return;
    var l = document.createElement('link');
    l.id = 'bmu-fonts'; l.rel = 'stylesheet';
    l.href = 'https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&family=Baloo+Bhaijaan+2:wght@800&display=swap';
    document.head.appendChild(l);
  }

  function isHomePage() {
    try { if (window.salla && salla.url && typeof salla.url.is_page === 'function' && salla.url.is_page('index')) return true; } catch (e) { }
    var path = location.pathname.replace(/\/+$/, '');
    return /^(\/(ar|en))?$/.test(path);
  }

  // قصّ الفراغ الشفاف حول صورة المنتج حتى تظهر كل الأكياس بنفس الحجم.
  // إن منع الخادم قراءة الصورة نرجع للصورة الأصلية بدون أي خطأ.
  function trimImage(src, cb) {
    var done = false, im = new Image(), maxOut = (LITE || isTouch) ? 1000 : 2000; // نحافظ على دقة الصورة الأصلية
    function finish(out) { if (done) return; done = true; cb(out); }
    im.crossOrigin = 'anonymous';
    im.onload = function () {
      try {
        var k = Math.min(1, 360 / Math.max(im.naturalWidth, im.naturalHeight));
        var w = Math.max(1, Math.round(im.naturalWidth * k)), h = Math.max(1, Math.round(im.naturalHeight * k));
        var c = document.createElement('canvas'); c.width = w; c.height = h;
        var x = c.getContext('2d'); x.drawImage(im, 0, 0, w, h);
        var d = x.getImageData(0, 0, w, h).data, l = w, r = -1, t = h, b = -1, i, j;
        for (j = 0; j < h; j++) for (i = 0; i < w; i++) if (d[(j * w + i) * 4 + 3] > 28) { if (i < l) l = i; if (i > r) r = i; if (j < t) t = j; if (j > b) b = j; }
        if (r < 0) return finish(src);
        var cw = r - l + 1, ch = b - t + 1;
        if (cw * ch > w * h * .93) return finish(src); // لا يوجد فراغ يستحق القص
        var sx = l / k, sy = t / k, sw = cw / k, sh = ch / k, z = Math.min(1, maxOut / Math.max(sw, sh));
        var o = document.createElement('canvas'); o.width = Math.round(sw * z); o.height = Math.round(sh * z);
        o.getContext('2d').drawImage(im, sx, sy, sw, sh, 0, 0, o.width, o.height);
        finish(o.toDataURL('image/png'));
      } catch (e) { finish(src); }
    };
    im.onerror = function () { finish(src); };
    setTimeout(function () { finish(src); }, 7000);
    im.src = src + (src.indexOf('?') === -1 ? '?' : '&') + 'bmu=1';
  }

  /* -------------------- قراءة أقسام ومنتجات المتجر -------------------- */
  function findHeading(main, keyword) {
    if (!keyword) return null;
    var hs = main.querySelectorAll('h2, h3');
    for (var i = 0; i < hs.length; i++) {
      if (hs[i].closest('.bmu-story, .bmu-flip')) continue;
      if ((hs[i].textContent || '').indexOf(keyword) !== -1) return hs[i];
    }
    return null;
  }
  function sectionOf(h, main) {
    var el = h.closest('section') || h.closest('[class*="s-block"]') || h.closest('salla-products-slider, salla-products-list') || h.parentElement;
    while (el && el.parentElement && el.parentElement !== main && main.contains(el.parentElement)) el = el.parentElement;
    return el;
  }
  // أعلى دقة متاحة للصورة: أكبر نسخة في srcset إن وُجدت، وإلا الرابط الأصلي
  function bestSrc(img) {
    var set = img.getAttribute('data-srcset') || img.getAttribute('srcset') || '', best = '', bw = 0;
    set.split(',').forEach(function (part) {
      var m = part.trim().match(/^(\S+)\s+(\d+(?:\.\d+)?)(w|x)$/);
      if (!m) return;
      var w = parseFloat(m[2]) * (m[3] === 'x' ? 1000 : 1);
      if (w > bw) { bw = w; best = m[1]; }
    });
    return best || img.getAttribute('data-src') || img.currentSrc || img.getAttribute('src') || '';
  }
  function readCards(scope) {
    var out = [], seen = {};
    var cards = scope.querySelectorAll('.s-product-card-entry, .product-entry, custom-salla-product-card');
    for (var i = 0; i < cards.length; i++) {
      var c = cards[i];
      var img = c.querySelector('.s-product-card-image img, .product-entry__image img, img');
      if (!img) continue;
      var src = bestSrc(img);
      if (!src || src.indexOf('data:') === 0 || seen[src]) continue;
      var t = c.querySelector('.s-product-card-content-title a, .s-product-card-content-title, .product-entry__title a, h3 a, h3');
      var sub = c.querySelector('.s-product-card-content-subtitle');
      seen[src] = 1;
      var a = c.querySelector('a[href]');
      out.push({ img: src, title: cleanTitle(t ? t.textContent : (img.getAttribute('alt') || '')), sub: sub ? sub.textContent.trim() : '', href: a ? a.getAttribute('href') : '#' });
    }
    return out;
  }

  /* --------------------------- بناء المشاهد --------------------------- */
  function buildStory(main) {
    // توزيع الكلمات: شبكة 5×4 مع إزاحة وميل وحجم ولون مختلف لكل كلمة
    var cols = [1, 19, 38, 57, 75], rows = [-8, 18, 45, 72];
    var jx = [0, 5, -3, 4, -2, 3, -4, 2, 6, -1], jy = [0, 7, -5, 4, 9, -3, 6, -6, 2, 5];
    var rots = [-8, 6, -4, 9, 5, -10, 3, -6, 8, -3, 11, -7], kinds = ['a', 'b', 'a', 'c', 'd', 'a', 'b', 'd', 'a', 'c'];
    var chips = CONFIG.chips.map(function (c, i) {
      var x = cols[i % 5] + jx[i % 10], y = rows[Math.floor(i / 5) % 4] + jy[(i * 3) % 10];
      var sp = (0.9 + ((i * 7) % 10) / 10).toFixed(2), k = (0.9 + ((i * 3) % 4) * 0.08).toFixed(2);
      return '<span class="bmu-chip bmu-chip--' + kinds[i % kinds.length] + '" style="--x:' + x + '%;--y:' + y + '%;--r:' + rots[i % rots.length] + 'deg;--s:' + sp + ';--k:' + k + '"><i>' + esc(c[0]) + '</i>' + esc(c[1]) + '</span>';
    }).join('');

    var wrap = document.createElement('div');
    wrap.className = 'bmu-story';
    wrap.innerHTML =
      '<section class="bmu-pin bmu-hero" data-bmu-pin="hero"><div class="bmu-stage">' +
        '<div class="bmu-hero__wash"></div>' +
        '<div class="bmu-hero__letters" aria-hidden="true">' +
          '<span style="left:-5%;top:6%;--r:-22deg;--sp:70;--tw:-8deg">B</span>' +
          '<span style="left:21%;top:30%;--r:13deg;--sp:120;--tw:10deg">E</span>' +
          '<span style="left:45%;top:2%;--r:-9deg;--sp:90;--tw:6deg">A</span>' +
          '<span style="left:70%;top:24%;--r:17deg;--sp:140;--tw:-12deg">N</span>' +
        '</div>' +
        '<div class="bmu-hero__foot"><span>' + CONFIG.heroRight + '</span><h1 class="bmu-lockup"><span class="bmu-lockup__ar">' + esc(CONFIG.heroLines[0]) + '</span><span class="bmu-lockup__en" dir="ltr">' + esc(CONFIG.heroLines[1]) + '</span></h1><span class="bmu-end">' + CONFIG.heroLeft + '</span></div>' +
      '</div></section>' +

      '<section class="bmu-pin bmu-notes" data-bmu-pin="notes"><div class="bmu-stage">' +
        '<p class="bmu-mono bmu-notes__strip">' + esc(CONFIG.strip) + '</p>' +
        '<div class="bmu-notes__thumbs"></div>' +
        '<div class="bmu-notes__big"><h2>' + CONFIG.bigLine + '</h2>' + chips + '</div>' +
      '</div></section>' +

      '<section class="bmu-pin bmu-gram" data-bmu-pin="gram"><div class="bmu-stage">' +
        '<span class="bmu-rule-h" style="top:68%"></span><span class="bmu-rule-v" style="left:31%"></span>' +
        '<span class="bmu-cross" style="left:calc(31% - 7px);top:calc(68% - 7px)"></span>' +
        '<div class="bmu-gram__word" aria-hidden="true">' + esc(CONFIG.gramWord) + '</div>' +
        '<div class="bmu-gram__pops"></div>' +
        '<div class="bmu-gram__cap"><span class="bmu-mono">250 G · whole bean</span>' + (CONFIG.gramCaption ? '<span>' + esc(CONFIG.gramCaption) + '</span>' : '') + '</div>' +
      '</div></section>';
    main.insertBefore(wrap, main.firstChild);

    return wrap;
  }

  // عنوان البداية: السطر العربي بمقاس الخط السابق (18 إلى 26 بكسل حسب عرض الشاشة)،
  // والسطر الإنجليزي يُضبط حجمه ليساوي عرض العربي بالضبط
  function fitLockup() {
    var h = document.querySelector('.bmu-lockup');
    if (!h || h.children.length < 2) return;
    var vw = document.documentElement.clientWidth;
    var size = Math.max(18, Math.min(26, vw * 0.019));
    var ar = h.children[0], en = h.children[1];
    ar.style.fontSize = size.toFixed(2) + 'px';
    var target = ar.getBoundingClientRect().width;
    if (!target) return;
    h.style.width = Math.ceil(target) + 'px';
    en.style.fontSize = '100px';
    var w = en.getBoundingClientRect().width;
    if (w > 0) en.style.fontSize = (100 * target / w).toFixed(2) + 'px';
  }

  function buildFlip() {
    var f = document.createElement('section'), ph = CONFIG.flipPhrases;
    f.className = 'bmu-pin bmu-flip';
    f.setAttribute('data-bmu-pin', 'flip');
    if (LITE) {
      // الوضع الخفيف: العبارات الثلاث ظاهرة تحت بعضها
      f.innerHTML = '<div class="bmu-stage"><div class="bmu-flip__text">' + ph.map(function (p, i) { return '<span class="bmu-flip__line' + (i % 2 ? ' is-alt' : '') + '">' + esc(p) + '</span>'; }).join('') + '</div></div>';
    } else {
      f.innerHTML = '<div class="bmu-stage"><span class="bmu-rule-h" style="top:76%"></span><span class="bmu-cross" style="left:50%;top:calc(76% - 7px)"></span>' +
        '<div class="bmu-flip__text bmu-typing" aria-label="' + esc(ph.join(' ')) + '">' + esc(ph[0]) + '</div></div>';
    }
    return f;
  }

  function fillProducts(wrap, items) {
    var four = items.slice(0, 4);
    wrap.querySelector('.bmu-notes__thumbs').innerHTML = four.map(function (p, n) {
      var notes = p.sub;
      if (!notes) for (var i = 0; i < CONFIG.crops.length; i++) if (norm(p.title).indexOf(norm(CONFIG.crops[i].match)) !== -1) { notes = CONFIG.crops[i].notes; break; }
      return '<figure><a href="' + esc(p.href) + '"><span class="bmu-thumb__img"><img data-bmu-img="' + n + '" src="' + esc(p.img) + '" alt="' + esc(p.title) + '" decoding="async"></span><b>' + esc(p.title) + '</b>' +
        (notes ? '<span class="bmu-nt">' + esc(notes) + '</span>' : '') + '</a></figure>';
    }).join('');
    var at = [.08, .25, .42, .58];
    wrap.querySelector('.bmu-gram__pops').innerHTML = four.map(function (p, n) {
      return '<img class="bmu-pop" data-bmu-img="' + n + '" data-at="' + at[n] + '" src="' + esc(p.img) + '" alt="" decoding="async">';
    }).join('');
    var gram = wrap.querySelector('.bmu-gram'); gram.__bmuPops = null; gram.__done = false;
    // توحيد حجم الأكياس: نقص الفراغ الشفاف ثم نبدّل الصورة
    four.forEach(function (p, n) {
      trimImage(p.img, function (out) {
        if (out === p.img) return;
        var els = wrap.querySelectorAll('[data-bmu-img="' + n + '"]');
        for (var i = 0; i < els.length; i++) els[i].src = out;
      });
    });
  }

  /* ----------- الكمبيوتر: محرك مشاهد النزول (لا يعمل في الوضع الخفيف) ----------- */
  function startMotion(main) {
    var flipKey = '', ease = isTouch ? .3 : .09;
    var hooks = {
      notes: function (el, p) { el.style.setProperty('--q', clamp(p * 1.35).toFixed(3)); },
      gram: function (el, p) {
        var pops = el.__bmuPops;
        if (!pops || !pops.length || !pops[0].isConnected) pops = el.__bmuPops = el.querySelectorAll('.bmu-pop');
        for (var i = 0; i < pops.length; i++) {
          var a = clamp((p - parseFloat(pops[i].getAttribute('data-at'))) / .1).toFixed(2);
          if (pops[i].__a !== a) { pops[i].__a = a; pops[i].style.setProperty('--a', a); }
        }
      },
      flip: function (el, p) {
        var ph = CONFIG.flipPhrases, n = ph.length, i = Math.min(n - 1, Math.floor(p * n)), f = clamp((p * n - i) / .7), s = ph[i];
        var out = s.slice(0, Math.max(1, Math.ceil(f * s.length))), key = i + '|' + out;
        if (key === flipKey) return;
        flipKey = key;
        var t = el.querySelector('.bmu-flip__text');
        t.textContent = out;
        t.parentNode.classList.toggle('is-cream', i % 2 === 1);
      }
    };
    var pins = [], lastCount = -1, running = true;
    function collect() { pins = [].slice.call(main.querySelectorAll('[data-bmu-pin]')); pins.forEach(function (el) { if (el.__bmu === undefined) { el.__bmu = 0; el.__stage = el.querySelector('.bmu-stage'); } }); }
    function frame() {
      if (!running) return;
      if (main.getElementsByClassName('bmu-pin').length !== lastCount) { collect(); lastCount = pins.length; }
      for (var i = 0; i < pins.length; i++) {
        var el = pins[i], r = el.getBoundingClientRect(), sh = el.__stage ? el.__stage.offsetHeight : window.innerHeight;
        // قبل أن يثبت مشهد البداية يكون أسفله تحت حافة الشاشة بمقدار ارتفاع ترويسة المتجر،
        // فنرفع العنوان بنفس المقدار ليظهر من أول لحظة
        if (el.__hero === undefined) el.__hero = el.classList.contains('bmu-hero');
        if (el.__hero) { var tp = Math.max(0, Math.round(r.top)); if (tp !== el.__top) { el.__top = tp; el.style.setProperty('--bmu-top', tp + 'px'); } }
        if (r.bottom < -sh || r.top > sh * 2) continue; // خارج الشاشة: لا نحسب شيئاً
        var total = r.height - sh, t = total > 0 ? clamp(-r.top / total) : 0;
        var cur = el.__bmu + (t - el.__bmu) * ease;
        if (Math.abs(t - cur) < .0006) cur = t;
        if (cur === el.__bmu && el.__done) continue; // لم يتغير شيء
        el.__bmu = cur; el.__done = true;
        el.style.setProperty('--p', cur.toFixed(4));
        var hook = hooks[el.getAttribute('data-bmu-pin')];
        if (hook) hook(el, cur);
      }
      window.requestAnimationFrame(frame);
    }
    // نوقف الحساب تماماً والصفحة في الخلفية
    document.addEventListener('visibilitychange', function () { if (document.hidden) running = false; else if (!running) { running = true; window.requestAnimationFrame(frame); } });
    window.requestAnimationFrame(frame);
  }

  /* ------- ظهور ناعم مرة واحدة عند الوصول (للوضع الخفيف ولأقسام المتجر) ------- */
  var io = null;
  function reveal(el) {
    if (reduce || !('IntersectionObserver' in window) || el.__bmuRv) return;
    if (!io) io = new IntersectionObserver(function (es) {
      es.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('bmu-in'); io.unobserve(e.target); } });
    }, { threshold: .05, rootMargin: '0px 0px -4% 0px' });
    if (el.getBoundingClientRect().top < window.innerHeight * .92) return; // الظاهر أصلاً لا نخفيه
    el.__bmuRv = 1; el.classList.add('bmu-rv'); io.observe(el);
  }
  function revealAll(main) {
    var i, list;
    if (LITE) {
      list = main.querySelectorAll('.bmu-notes__thumbs figure, .bmu-notes__big, .bmu-gram__word, .bmu-pop, .bmu-flip__line');
      for (i = 0; i < list.length; i++) reveal(list[i]);
    } else if (!isTouch) { // على الجوال لا نخفي أقسام المتجر إطلاقاً
      list = main.children;
      for (i = 0; i < list.length; i++) if (!list[i].classList.contains('bmu-story') && !list[i].classList.contains('bmu-flip')) reveal(list[i]);
    }
  }
  // صمام أمان: لا يبقى أي عنصر مخفياً مهما حصل
  function safety() {
    var h = document.querySelectorAll('.bmu-rv:not(.bmu-in)');
    for (var j = 0; j < h.length; j++) if (h[j].getBoundingClientRect().top < window.innerHeight) h[j].classList.add('bmu-in');
  }

  /* ------------------------------ التشغيل ------------------------------ */
  ready(function () {
    var body = document.body;
    body.classList.add('bmu');
    // تنظيف أي أثر من الإصدارات السابقة (زر الصوت)
    var old = document.querySelectorAll('.bmu-sound, .bmu-sound__tip');
    for (var o = 0; o < old.length; o++) old[o].parentNode.removeChild(old[o]);
    loadFonts();
    // وسم الصفحة حتى يستهدفها ملف CSS
    var pth = location.pathname.replace(/\/+$/, '');
    if (/\/cart$/.test(pth)) body.classList.add('bmu-cart');
    if (/\/p\d+$/.test(pth)) body.classList.add('bmu-product');
    if (!isHomePage()) return;

    var main = document.getElementById('main-content') || document.querySelector('main');
    if (!main) return;
    body.classList.add('bmu-home');
    body.classList.add(LITE ? 'bmu-lite' : 'bmu-full');
    if (!LITE) {
      measure(true);
      window.addEventListener('resize', function () { measure(false); }, { passive: true });
      window.addEventListener('orientationchange', function () { setTimeout(function () { measure(true); }, 350); }, { passive: true });
    }

    var wrap, flip, flipPlaced = false, filled = false, tries = 0;
    try { wrap = buildStory(main); flip = buildFlip(); } catch (e) { body.classList.remove('bmu-home', 'bmu-lite', 'bmu-full', 'bmu-m'); return; }
    if (!LITE) startMotion(main);
    fitLockup();
    if (document.fonts && document.fonts.ready) document.fonts.ready.then(fitLockup);
    setTimeout(fitLockup, 1200); setTimeout(fitLockup, 3500);
    var fitW = window.innerWidth;
    window.addEventListener('resize', function () { if (window.innerWidth !== fitW) { fitW = window.innerWidth; fitLockup(); } }, { passive: true });
    setTimeout(safety, 3500); setTimeout(safety, 9000);

    // منتجات سلة تُحمّل بعد فتح الصفحة، فنعيد المحاولة حتى تظهر
    (function poll() {
      tries++;
      try {
        if (!filled) {
          var h = findHeading(main, CONFIG.sections.crops);
          var items = h ? readCards(sectionOf(h, main)) : [];
          if (!items.length && tries > 12) items = readCards(main); // احتياط: أول منتجات في الصفحة
          if (items.length >= 4 || (items.length && tries > 12)) { fillProducts(wrap, items); filled = true; }
        }
        if (!flipPlaced) {
          var th = findHeading(main, CONFIG.sections.tasting);
          if (th) { var sec = sectionOf(th, main); sec.parentNode.insertBefore(flip, sec); flipPlaced = true; }
          else if (tries > 24) { wrap.parentNode.insertBefore(flip, wrap.nextSibling); flipPlaced = true; }
        }
        revealAll(main);
      } catch (e) { }
      if ((!filled || !flipPlaced) && tries < 40) setTimeout(poll, 400);
    })();
  });
})();