/* ليوان السبائك — خانات أسعار الدفع المصغّرة
   يُلصق كاملاً في خانة JavaScript، بدون وسم <script>.
   يستبدل كود خانات الدفع السابق فقط.
   الخانات للعرض فقط مع تأثيرات الماوس واللمس.
   تُحسب النسب من السعر الحالي الظاهر في نموذج المنتج.
*/
(() => {
  'use strict';

  const CONFIG = {
    bankDiscount: 8.05,
    madaDiscount: 6.65,
    cardsDiscount: 5.66,
    installmentsDiscount: 0,

    // اتركهما فارغين، إلا إذا استخدم الثيم بنية مختلفة.
    formSelector: '',
    priceSelector: '',
    currencyLabel: 'ر.س'
  };

  const KEY = '__liwanCompactPayments';
  window[KEY]?.destroy();

  const ID = 'liwan-compact-payments';
  const STYLE_ID = ID + '-style';

  const METHODS = [
    ['bank', 'التحويل البنكي', CONFIG.bankDiscount],
    ['mada', 'مدى و <bdi>STC Bank</bdi>', CONFIG.madaDiscount],
    ['cards', 'فيزا و ماستر كارد', CONFIG.cardsDiscount],
    ['installments', 'تابي و تمارا', CONFIG.installmentsDiscount]
  ];

  const amounts = new Intl.NumberFormat('en-US', {
    minimumFractionDigits: 2,
    maximumFractionDigits: 2
  });

  let box;
  let form;
  let priceNode;
  let frame = 0;
  let timer;
  let disposed = false;
  let sdkBound = false;
  let pending = false;
  let failed = false;
  let lastRender = '';
  let lastPriceText = '';

  const cleanup = [];
  const reducedMotion = matchMedia('(prefers-reduced-motion: reduce)');
  const finePointer = matchMedia('(hover: hover) and (pointer: fine)');

  function on(target, event, handler) {
    target.addEventListener(event, handler, { passive: true });

    cleanup.push(() => {
      target.removeEventListener(event, handler);
    });
  }

  function visible(node) {
    if (!node || !node.getClientRects().length) return false;

    if (node.closest('[hidden], [aria-hidden="true"], .hidden')) {
      return false;
    }

    const style = getComputedStyle(node);

    return (
      style.visibility !== 'hidden' &&
      style.display !== 'none'
    );
  }

  function numberFromText(value) {
    const normalized = String(value ?? '')
      .replace(/[٠-٩]/g, c => String(c.charCodeAt(0) - 1632))
      .replace(/[۰-۹]/g, c => String(c.charCodeAt(0) - 1776))
      .replace(/٬/g, ',')
      .replace(/٫/g, '.')
      .replace(/[\u200e\u200f\u061c]/g, '');

    const parts = normalized.match(
      /(?:\d{1,3}(?:,\d{3})+|\d+)(?:\.\d+)?/g
    );

    if (
      !parts ||
      parts.length !== 1 ||
      /[-−]\s*\d/.test(normalized)
    ) {
      return null;
    }

    const valueNumber = Number(parts[0].replace(/,/g, ''));

    return Number.isFinite(valueNumber) && valueNumber > 0
      ? valueNumber
      : null;
  }

  function isProductPage() {
    const slug = window.salla?.config?.get?.('page.slug');

    return slug
      ? slug === 'product.single'
      : /\/p\d+(?:\/|$)/.test(location.pathname);
  }

  function mainForm() {
    if (!isProductPage()) return null;

    const selector = CONFIG.formSelector ||
      'form.product-form, form#product-form, form[data-testid="store-product-form"]';

    return [...document.querySelectorAll(selector)].find(el =>
      visible(el) &&
      !el.closest('dialog, [role="dialog"], salla-product-card')
    ) || null;
  }

  function findPrice() {
    const selectors = CONFIG.priceSelector
      ? [CONFIG.priceSelector]
      : [
          '.total-price',
          '.product-price',
          '.product__price',
          '.price-wrapper .sale-price',
          '.price-wrapper .price'
        ];

    for (const selector of selectors) {
      for (const node of form.querySelectorAll(selector)) {
        if (
          node.closest(
            '#' + ID +
            ', del, s, .before-price, .line-through, salla-product-card'
          )
        ) {
          continue;
        }

        if (
          visible(node) &&
          numberFromText(node.textContent) !== null
        ) {
          return node;
        }
      }
    }

    return null;
  }

  function discountedPrice(price, discount) {
    const cents = Math.round(price * 100);

    return Math.round(
      cents * (10000 - Math.round(discount * 100)) / 10000
    ) / 100;
  }

  const bankIcon = `
    <svg
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      stroke-width="1.5"
      aria-hidden="true"
    >
      <path d="M3 9h18L12 3 3 9ZM4 20h16M3 23h18M6 11v7m6-7v7m6-7v7"/>
    </svg>
  `;

  const marks = {
    bank: bankIcon,

    mada: `
      <span class="lp-mada">مدى <small>mada</small></span>
      <span class="lp-stc">stc <small>Bank</small></span>
    `,

    cards: `
      <span class="lp-visa">VISA</span>
      <span class="lp-master" aria-label="Mastercard"></span>
    `,

    installments: `
      <span class="lp-tabby">tabby</span>
      <span class="lp-tamara">tamara</span>
    `
  };

  function addStyle() {
    document.getElementById(STYLE_ID)?.remove();

    const style = document.createElement('style');
    style.id = STYLE_ID;

    style.textContent = `
      #${ID} {
        --brown: #492c1c;
        --gold: #c69c54;
        width: 100%;
        max-width: 580px;
        margin: 12px 0;
        font-family: inherit;
        direction: rtl;
        color: var(--brown);
        clear: both;
      }

      #${ID},
      #${ID} * {
        box-sizing: border-box;
      }

      #${ID} .lp-title {
        margin: 0 0 7px;
        font-size: 13px;
        line-height: 1.5;
        font-weight: 700;
      }

      #${ID} .lp-list {
        display: grid;
        gap: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      #${ID} .lp-row {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        min-height: 52px;
        margin: 0;
        padding: 6px 9px;
        font: inherit;
        text-align: start;
        color: var(--brown);
        appearance: none;
        border: 1px solid #e4d9c8;
        border-inline-start: 3px solid var(--brown);
        border-radius: 11px;
        background: #fff;
        cursor: default;
        transition:
          transform .18s ease,
          box-shadow .18s ease,
          border-color .18s ease;
        -webkit-tap-highlight-color: transparent;
      }

      #${ID} .lp-row:before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background: radial-gradient(
          130px circle at var(--mx, 50%) var(--my, 50%),
          #d5b77530,
          transparent 75%
        );
        opacity: 0;
        transition: opacity .2s;
      }

      #${ID} .lp-row > * {
        position: relative;
        z-index: 1;
      }

      #${ID} .lp-row.lp-active {
        box-shadow: 0 4px 12px #492c1c18;
        border-color: var(--gold);
      }

      #${ID} .lp-row.lp-active:before {
        opacity: 1;
      }

      #${ID} .lp-row.lp-pressed {
        transform: scale(.99);
      }

      #${ID} .lp-info {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 3px;
        flex: 1;
      }

      #${ID} .lp-label {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px;
        font-size: 12px;
        line-height: 1.4;
        font-weight: 700;
      }

      #${ID} .lp-badge {
        display: inline-block;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.5;
        white-space: nowrap;
        padding: 3px 9px;
        border-radius: 12px;
        background: #087a3b;
        color: #fff;
        box-shadow: 0 2px 6px #087a3b25;
      }

      #${ID} .lp-bank-icon {
        width: 21px;
        height: 24px;
        flex-shrink: 0;
        color: var(--brown);
      }

      #${ID} .lp-bank-icon svg {
        display: block;
        width: 100%;
        height: 100%;
      }

      #${ID} .lp-price {
        flex-shrink: 0;
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 4px;
        min-width: 95px;
        padding: 6px 8px;
        background: linear-gradient(110deg, #5d3a24, #342014);
        color: #fff;
        border-radius: 8px;
        white-space: nowrap;
        direction: ltr;
        line-height: 1.2;
        font-size: 17px;
        font-weight: 800;
        font-variant-numeric: tabular-nums;
      }

      #${ID} .lp-currency {
        font-size: 10px;
        color: #e2bd77;
        font-weight: 600;
        direction: rtl;
      }

      #${ID} .lp-marks {
        display: flex;
        align-items: center;
        gap: 9px;
        direction: ltr;
        align-self: flex-start;
        height: 17px;
        font-family: Arial, sans-serif;
        line-height: 1;
      }

      #${ID} .lp-mada {
        display: flex;
        align-items: center;
        gap: 3px;
        color: #202020;
        font-weight: 700;
        font-size: 12px;
      }

      #${ID} .lp-mada:before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 12px;
        background: linear-gradient(
          #04a7d5 0 44%,
          transparent 44% 56%,
          #83b93f 56%
        );
      }

      #${ID} .lp-mada small {
        font-size: 10px;
      }

      #${ID} .lp-stc {
        color: #5b0c99;
        font-weight: 800;
        font-size: 15px;
      }

      #${ID} .lp-stc small {
        color: #008c76;
        font-size: 10px;
      }

      #${ID} .lp-visa {
        color: #123a82;
        font-size: 16px;
        font-weight: 900;
        font-style: italic;
      }

      #${ID} .lp-master {
        position: relative;
        display: inline-block;
        width: 28px;
        height: 17px;
      }

      #${ID} .lp-master:before,
      #${ID} .lp-master:after {
        content: '';
        position: absolute;
        top: 0;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #eb001b;
        left: 0;
      }

      #${ID} .lp-master:after {
        left: 11px;
        background: #f79e1b;
        opacity: .92;
      }

      #${ID} .lp-tabby,
      #${ID} .lp-tamara {
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 800;
        color: #171717;
      }

      #${ID} .lp-tabby {
        background: #40edbb;
      }

      #${ID} .lp-tamara {
        background: linear-gradient(
          115deg,
          #ffe083,
          #ffc2b9,
          #d4b6ee
        );
      }

      #${ID} .lp-note {
        font-size: 10px;
        line-height: 1.6;
        margin: 6px 0 0;
        color: #766c60;
      }

      @media (hover: hover) and (pointer: fine) {
        #${ID} .lp-row.lp-active {
          transform: translateY(-2px);
        }

        #${ID} .lp-row.lp-pressed {
          transform: scale(.99);
        }
      }

      @media (max-width: 380px) {
        #${ID} .lp-row {
          gap: 5px;
          padding: 6px;
          min-height: 49px;
        }

        #${ID} .lp-label {
          font-size: 11px;
        }

        #${ID} .lp-price {
          font-size: 15px;
          min-width: 85px;
          padding: 6px;
        }

        #${ID} .lp-bank-icon {
          display: none;
        }

        #${ID} .lp-marks {
          gap: 7px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #${ID} .lp-row,
        #${ID} .lp-row:before {
          transition: none !important;
          transform: none !important;
        }
      }
    `;

    document.head.append(style);
  }

  function mount() {
    document.getElementById(ID)?.remove();

    box = document.createElement('section');
    box.id = ID;
    box.dir = 'rtl';
    box.setAttribute('aria-label', 'أسعار طرق الدفع');

    box.innerHTML =
      '<p class="lp-title">السعر حسب طريقة الدفع</p>' +
      '<ul class="lp-list">' +
      METHODS.map(([key, label]) => `
        <li>
          <div
            class="lp-row lp-${key}"
            data-method="${key}"
            aria-describedby="${ID}-note"
          >
            ${
              key === 'bank'
                ? '<span class="lp-bank-icon">' + bankIcon + '</span>'
                : ''
            }

            <span class="lp-info">
              <span class="lp-label">
                ${label}
                ${
                  key === 'bank'
                    ? '<span class="lp-badge">أقل سعر</span>'
                    : ''
                }
              </span>

              ${
                key === 'bank'
                  ? ''
                  : '<span class="lp-marks" aria-hidden="true">' +
                    marks[key] +
                    '</span>'
              }
            </span>

            <span class="lp-price">
              <bdi class="lp-number">—</bdi>
              <span class="lp-currency"></span>
            </span>
          </div>
        </li>
      `).join('') +
      '</ul>' +
      '<p id="' + ID + '-note" class="lp-note" ' +
      'role="status" aria-live="polite"></p>';

    box.querySelectorAll('.lp-currency').forEach(el => {
      el.textContent = CONFIG.currencyLabel;
    });

    const wrapper = priceNode?.closest('.price-wrapper');
    const section = wrapper?.closest('section');

    const anchor =
      section && section !== form && form.contains(section)
        ? section
        : wrapper;

    if (anchor && form.contains(anchor)) {
      anchor.after(box);
    } else {
      form.append(box);
    }

    box.querySelectorAll('.lp-row').forEach(row => {
      const move = e => {
        if (reducedMotion.matches) return;

        const rect = row.getBoundingClientRect();

        row.style.setProperty(
          '--mx',
          (e.clientX - rect.left) + 'px'
        );

        row.style.setProperty(
          '--my',
          (e.clientY - rect.top) + 'px'
        );
      };

      const reset = () => {
        row.classList.remove('lp-active', 'lp-pressed');
      };

      on(row, 'pointerenter', e => {
        if (finePointer.matches && e.pointerType !== 'touch') {
          row.classList.add('lp-active');
          move(e);
        }
      });

      on(row, 'pointermove', e => {
        if (
          (finePointer.matches && e.pointerType !== 'touch') ||
          row.classList.contains('lp-pressed')
        ) {
          move(e);
        }
      });

      on(row, 'pointerdown', e => {
        row.classList.add('lp-active', 'lp-pressed');
        move(e);
      });

      on(row, 'pointerup', reset);
      on(row, 'pointerleave', reset);
      on(row, 'pointercancel', reset);
    });

    lastRender = '';
  }

  function schedule() {
    if (!disposed && !frame) {
      frame = requestAnimationFrame(() => {
        frame = 0;
        sync();
      });
    }
  }

  function bindSDK() {
    if (
      sdkBound ||
      !window.salla?.product?.event?.onPriceUpdated
    ) {
      return;
    }

    sdkBound = true;

    window.salla.product.event.onPriceUpdated(() => {
      if (!disposed) {
        pending = false;
        failed = false;
        schedule();
      }
    });

    window.salla.product.event.onPriceUpdateFailed?.(() => {
      if (!disposed && pending) {
        pending = false;
        failed = true;
        schedule();
      }
    });
  }

  function sync() {
    if (disposed) return;

    bindSDK();

    const currentForm = mainForm();

    if (!currentForm) {
      box?.remove();
      box = null;
      form = null;
      return;
    }

    if (currentForm !== form) {
      box?.remove();
      form = currentForm;
      pending = false;
      failed = false;
      lastPriceText = '';
    }

    priceNode = findPrice();

    if (!box?.isConnected) {
      mount();
    }

    const text = priceNode?.textContent || '';

    if (text !== lastPriceText) {
      pending = false;
    }

    lastPriceText = text;

    const incomplete = [
      ...form.querySelectorAll('select[required],input[required]')
    ].some(el => el.validity?.valueMissing);

    const starting = [
      ...form.querySelectorAll('.starting-price-title')
    ].some(visible);

    const price =
      !pending && !failed && !incomplete && !starting
        ? numberFromText(text)
        : null;

    const renderKey = [
      price,
      pending,
      failed,
      incomplete,
      starting
    ].join('|');

    if (renderKey === lastRender) return;

    lastRender = renderKey;

    METHODS.forEach(([key, , discount]) => {
      const result = price === null
        ? null
        : discountedPrice(price, discount);

      box.querySelector(
        '[data-method="' + key + '"] .lp-number'
      ).textContent = result === null
        ? '—'
        : amounts.format(result);
    });

    const note = box.querySelector('.lp-note');

    note.textContent = price === null
      ? (
          failed
            ? 'تعذّر تحديث السعر. أعد اختيار الخيارات.'
            : pending
              ? 'جارٍ تحديث السعر…'
              : 'اختر خيارات المنتج لعرض الأسعار.'
        )
      : 'الأسعار حسب طريقة الدفع • يُطبّق الخصم عند إتمام الطلب وفق شروطه.';
  }

  const observer = new MutationObserver(records => {
    if (
      records.some(record => {
        const target = record.target.nodeType === 1
          ? record.target
          : record.target.parentElement;

        if (
          !target ||
          target.closest('#' + ID + ', #' + STYLE_ID)
        ) {
          return false;
        }

        return (
          !form?.isConnected ||
          form.contains(target) ||
          target.contains(form)
        );
      })
    ) {
      schedule();
    }
  });

  function start() {
    if (disposed || !isProductPage()) return;

    addStyle();

    on(document, 'change', e => {
      if (
        !form?.contains(e.target) ||
        box?.contains(e.target)
      ) {
        return;
      }

      pending = sdkBound;
      failed = false;
      schedule();
    });

    observer.observe(document.body, {
      subtree: true,
      childList: true,
      characterData: true,
      attributes: true,
      attributeFilter: ['class', 'style', 'hidden', 'value']
    });

    sync();

    timer = setInterval(() => {
      if (!document.hidden) schedule();
    }, 1200);
  }

  window[KEY] = {
    destroy() {
      disposed = true;

      cancelAnimationFrame(frame);
      clearInterval(timer);
      observer.disconnect();

      cleanup.forEach(fn => fn());

      box?.remove();
      document.getElementById(STYLE_ID)?.remove();
    }
  };

  if (document.readyState === 'loading') {
    on(document, 'DOMContentLoaded', start);
  } else {
    start();
  }
})();


/* ============================================================
   ليوان السبائك — عرض "أقل سعر" على بطاقات المنتجات
   يعتمد على خصم التحويل البنكي الحالي: 8.05%
   لا يغيّر السعر الأصلي ولا يطبق الخصم فعليًا؛ للعرض فقط.
   ============================================================ */
(() => {
  'use strict';

  const BANK_DISCOUNT = 8.05;
  const BOX_CLASS = 'liwan-card-lowest-price';
  const STYLE_ID = 'liwan-card-lowest-price-style';

  const money = new Intl.NumberFormat('en-US', {
    minimumFractionDigits: 2,
    maximumFractionDigits: 2
  });

  function normalizeDigits(value) {
    return String(value ?? '')
      .replace(/[٠-٩]/g, c => String(c.charCodeAt(0) - 1632))
      .replace(/[۰-۹]/g, c => String(c.charCodeAt(0) - 1776))
      .replace(/٬/g, ',')
      .replace(/٫/g, '.')
      .replace(/[\u200e\u200f\u061c]/g, '');
  }

  function numberFromText(value) {
    const normalized = normalizeDigits(value);

    const parts = normalized.match(
      /(?:\d{1,3}(?:,\d{3})+|\d+)(?:\.\d+)?/g
    );

    if (!parts || !parts.length) return null;

    const values = parts
      .map(part => Number(part.replace(/,/g, '')))
      .filter(num => Number.isFinite(num) && num > 0);

    return values.length ? Math.max(...values) : null;
  }

  function discountedPrice(price, discount) {
    const cents = Math.round(price * 100);

    return Math.round(
      cents * (10000 - Math.round(discount * 100)) / 10000
    ) / 100;
  }

  function visible(node) {
    if (!node || !node.getClientRects().length) return false;

    if (node.closest('[hidden], [aria-hidden="true"], .hidden')) {
      return false;
    }

    const style = getComputedStyle(node);

    return (
      style.visibility !== 'hidden' &&
      style.display !== 'none'
    );
  }

  function addStyle() {
    if (document.getElementById(STYLE_ID)) return;

    const style = document.createElement('style');
    style.id = STYLE_ID;

    style.textContent = `
      .${BOX_CLASS} {
        margin-top: 7px;
        padding: 7px 8px;
        border: 1px solid #d9eddd;
        border-radius: 9px;
        background: #f7fff9;
        text-align: center;
        direction: rtl;
        font-family: inherit;
        box-sizing: border-box;
      }

      .${BOX_CLASS} .liwan-lowest-badge {
        display: inline-block;
        margin-bottom: 2px;
        padding: 2px 7px;
        border-radius: 20px;
        background: #e4f7e9;
        color: #087a3b;
        font-size: 11px;
        line-height: 1.5;
        font-weight: 800;
      }

      .${BOX_CLASS} .liwan-lowest-value {
        color: #087a3b;
        font-size: 15px;
        line-height: 1.4;
        font-weight: 800;
        direction: ltr;
        font-variant-numeric: tabular-nums;
      }

      .${BOX_CLASS} .liwan-lowest-note {
        margin-top: 1px;
        color: #766c60;
        font-size: 10px;
        line-height: 1.4;
      }

      @media (max-width: 480px) {
        .${BOX_CLASS} {
          padding: 6px 5px;
        }

        .${BOX_CLASS} .liwan-lowest-value {
          font-size: 14px;
        }
      }
    `;

    document.head.appendChild(style);
  }

  function findPrice(card) {
    const selectors = [
      '.s-product-card-sale-price',
      '.s-product-card-price',
      '[data-testid="store-product-price"]',
      '.product-price',
      '.product__price',
      '.price-wrapper .sale-price',
      '.price-wrapper .price',
      '.price'
    ];

    for (const selector of selectors) {
      for (const node of card.querySelectorAll(selector)) {
        if (
          !visible(node) ||
          node.closest('.' + BOX_CLASS) ||
          node.matches('del, s, .before-price, .line-through') ||
          node.closest('del, s, .before-price, .line-through')
        ) {
          continue;
        }

        const price = numberFromText(node.textContent);

        if (price !== null) {
          return { price, node };
        }
      }
    }

    return { price: null, node: null };
  }

  function mountOrUpdate(card) {
    if (!card || !card.isConnected) return;

    const found = findPrice(card);

    if (!found.price) return;

    const lowest = discountedPrice(found.price, BANK_DISCOUNT);
    const formatted = money.format(lowest) + ' ر.س';

    let box = card.querySelector('.' + BOX_CLASS);

    if (!box) {
      box = document.createElement('div');
      box.className = BOX_CLASS;

      box.innerHTML = `
        <div class="liwan-lowest-badge">أقل سعر</div>
        <div class="liwan-lowest-value"></div>
        <div class="liwan-lowest-note">عند التحويل البنكي</div>
      `;

      const anchor =
        found.node.closest(
          '.s-product-card-content-sub, .price-wrapper, .product-price, .product__price'
        ) || found.node.parentElement;

      if (anchor && card.contains(anchor)) {
        anchor.insertAdjacentElement('afterend', box);
      } else {
        card.appendChild(box);
      }
    }

    const valueNode = box.querySelector('.liwan-lowest-value');

    if (valueNode && valueNode.textContent !== formatted) {
      valueNode.textContent = formatted;
    }
  }

  function updateAllCards() {
    addStyle();

    document.querySelectorAll(
      'salla-product-card, custom-salla-product-card'
    ).forEach(mountOrUpdate);
  }

  let debounceTimer = 0;

  const observer = new MutationObserver(records => {
    const relevant = records.some(record => {
      const target = record.target.nodeType === 1
        ? record.target
        : record.target.parentElement;

      return target && !target.closest('.' + BOX_CLASS);
    });

    if (!relevant) return;

    clearTimeout(debounceTimer);

    debounceTimer = setTimeout(() => {
      updateAllCards();
    }, 250);
  });

  function start() {
    updateAllCards();

    observer.observe(document.body, {
      subtree: true,
      childList: true,
      characterData: true,
      attributes: true,
      attributeFilter: ['class', 'style', 'hidden']
    });

    setInterval(() => {
      if (!document.hidden) updateAllCards();
    }, 60 * 1000);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', start, { once: true });
  } else {
    start();
  }
})();


(function () {
  const homePages = ["/", "/ar", "/en", "/ur"];
  const path = window.location.pathname.replace(/\/+$/, "") || "/";

  if (!homePages.includes(path)) return;

  // تعريف اسم الموقع لـ Google
  const schema = document.createElement("script");
  schema.type = "application/ld+json";
  schema.textContent = JSON.stringify({
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "ليوان السبائك",
    "alternateName": [
      "Liwan Al Sabayik",
      "liwanalsabayik.com"
    ],
    "url": "https://liwanalsabayik.com/"
  });
  document.head.appendChild(schema);

  // تعريف اسم الموقع لمنصات المشاركة ومحركات البحث
  let meta = document.querySelector('meta[property="og:site_name"]');

  if (!meta) {
    meta = document.createElement("meta");
    meta.setAttribute("property", "og:site_name");
    document.head.appendChild(meta);
  }

  meta.setAttribute("content", "ليوان السبائك");
})();