/* ===== AURIS V5: منع أقسام الرئيسية من الظهور داخل صفحات المنتجات ===== */
function aurisIsProductPage() {
  const path = window.location.pathname || '';

  return (
    /\/p\d+\/?$/.test(path) ||
    !!document.querySelector(
      '[data-testid="store-product-image-slider"], ' +
      '[data-testid="store-product-title"], ' +
      '.container--product-details'
    )
  );
}

document.addEventListener('DOMContentLoaded', function () {
  if (document.getElementById('auris-products-section')) return;

  /* صفحة المنتج تحتوي أيضا على salla-slider للصور،
     لذلك لا نعتبر وجود السلايدر وحده دليلا على أنها الرئيسية. */
  if (aurisIsProductPage()) {
    document.body.classList.remove('auris-home');
    return;
  }

  const banner =
    document.querySelector('salla-slider') ||
    document.querySelector('.main-slider') ||
    document.querySelector('.home-slider');

  if (!banner) return;

  document.body.classList.add('auris-home');

  const section = document.createElement('section');
  section.id = 'auris-products-section';

  section.innerHTML = `
    <div class="auris-products-wrapper">
      <h2 class="auris-products-title">مختارات أوريس</h2>

      <salla-products-list
        source="latest"
        limit="4"
        id="aurisProductsList">
      </salla-products-list>

      <div class="auris-load-more-wrap">
        <button id="aurisLoadMore">حمل المزيد</button>
      </div>
    </div>
  `;

  banner.insertAdjacentElement('afterend', section);

  const btn = document.getElementById('aurisLoadMore');

  if (btn) {
    btn.addEventListener('click', function () {
      const list = document.getElementById('aurisProductsList');
      if (!list) return;

      const currentLimit = parseInt(list.getAttribute('limit')) || 4;
      list.setAttribute('limit', currentLimit + 4);

      const clone = list.cloneNode(true);
      list.replaceWith(clone);
    });
  }
});


/* AURIS V8
   ترك مكون إضافة المنتج لسلة ليتولى عرض الزر والنص والأيقونة
   بدون حقن تنسيقات داخل Shadow DOM.
*/

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;
  if (document.getElementById('auris-occasion-section')) return;

  const section = document.createElement('section');
  section.id = 'auris-occasion-section';

  section.innerHTML = `
    <div class="auris-occasion-inner">
      <h2 class="auris-occasion-title">اختر حسب المناسبة</h2>
      <p class="auris-occasion-subtitle">لكل لحظة اختيار يليق بها</p>

      <div class="auris-occasion-grid">
        <a href="https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3-%D9%84%D9%84%D9%87%D8%AF%D8%A7%D9%8A%D8%A7/p1472577768"
           class="auris-occasion-card auris-gifts">
          <div class="auris-occasion-content"><span>هدايا</span></div>
        </a>

        <a href="https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D8%B6%D9%8A%D8%A7%D9%81%D8%A9/p525171578"
           class="auris-occasion-card auris-hospitality">
          <div class="auris-occasion-content"><span>ضيافة</span></div>
        </a>

        <a href="https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B3%D8%A8%D8%A7%D8%AA-%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D8%A9/p136637204"
           class="auris-occasion-card auris-special">
          <div class="auris-occasion-content"><span>مناسبات خاصة</span></div>
        </a>
      </div>
    </div>
  `;

  const productsSection = document.getElementById('auris-products-section');

  if (productsSection) {
    productsSection.insertAdjacentElement('afterend', section);
  } else {
    document.querySelector('main')?.append(section);
  }
});

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;
  if (document.getElementById('auris-flavors-section')) return;

  const section = document.createElement('section');
  section.id = 'auris-flavors-section';

  section.innerHTML = `
    <div class="auris-flavors-inner">
      <h2 class="auris-flavors-title">اختر حسب النكهة</h2>
      <p class="auris-flavors-subtitle">نكهتك المفضلة أقرب مما تتخيل</p>

      <div class="auris-flavors-grid">
        <a href="https://aurischocolat.com/%D8%AD%D8%B4%D9%88%D8%A9-%D8%A7%D9%84%D9%81%D8%B3%D8%AA%D9%82/p501180398" class="auris-flavor-card auris-pistachio" style="text-decoration:none;color:inherit;">
          <div class="auris-flavor-icon">✦</div>
          <span>فستق</span>
        </a>

        <a href="https://aurischocolat.com/%D8%AD%D8%B4%D9%88%D8%A9-%D8%A7%D9%84%D9%83%D8%B1%D8%A7%D9%85%D9%8A%D9%84/p474786373" class="auris-flavor-card auris-caramel" style="text-decoration:none;color:inherit;">
          <div class="auris-flavor-icon">◆</div>
          <span>كراميل</span>
        </a>

        <a href="https://aurischocolat.com/%D8%B4%D9%88%D9%83%D9%88%D9%84%D8%A7%D8%AA%D8%A9-%D8%A3%D9%88%D8%B1%D9%8A%D8%B3-%D8%A8%D8%AD%D8%B4%D9%88%D8%A9-%D8%A7%D9%84%D9%83%D9%86%D8%AF%D8%B1-%D9%88%D8%A7%D9%84%D9%84%D9%88%D8%B2-16-%D9%82%D8%B7%D8%B9/p43730957" class="auris-flavor-card auris-kinder" style="text-decoration:none;color:inherit;">
          <div class="auris-flavor-icon">●</div>
          <span>كندر</span>
        </a>

        <a href="https://aurischocolat.com/%D8%AD%D8%B4%D9%88%D8%A9-%D8%A7%D9%84%D9%84%D9%88%D8%AA%D8%B3/p39859736" class="auris-flavor-card auris-lotus" style="text-decoration:none;color:inherit;">
          <div class="auris-flavor-icon">◇</div>
          <span>لوتس</span>
        </a>

        <a href="https://aurischocolat.com/%D8%A3%D9%88%D8%B1%D9%8A%D9%88-%D9%85%D8%B9-%D8%A7%D9%84%D9%85%D9%83%D8%B3%D8%B1%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D8%B4%D9%88%D9%83%D9%84%D8%A7%D8%AA%D8%A9/p1385762572" class="auris-flavor-card auris-oreo" style="text-decoration:none;color:inherit;">
          <div class="auris-flavor-icon">✧</div>
          <span>أوريو</span>
        </a>
      </div>

      <a href="https://aurischocolat.com/%D8%AD%D8%B4%D9%88%D8%A9-%D8%A7%D9%84%D8%A8%D9%8A%D9%83%D8%A7%D9%86/p508565189"
         class="auris-signature-flavor"
         style="text-decoration:none;color:inherit;display:block;">
        <div class="auris-signature-badge">الحشوة المميزة</div>
        <div class="auris-signature-name">بيكان</div>
        <div class="auris-signature-text">
          حشوة أوريس المميزة بطابع فاخر ومذاق غني
        </div>
      </a>
    </div>
  `;

  const occasionSection = document.getElementById('auris-occasion-section');

  if (occasionSection) {
    occasionSection.insertAdjacentElement('afterend', section);
  } else {
    document.querySelector('main')?.append(section);
  }
});

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;
  if (document.getElementById('auris-gift-section')) return;

  const section = document.createElement('section');
  section.id = 'auris-gift-section';

  section.innerHTML = `
    <div class="auris-gift-inner">
      <div class="auris-gift-badge">هدية من أوريس</div>
      <h2 class="auris-gift-title">أرسلها كهدية</h2>
      <p class="auris-gift-text">اختر البوكس، أضف رسالتك، واترك الباقي علينا.</p>

      <a
        href="https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3-%D9%84%D9%84%D9%87%D8%AF%D8%A7%D9%8A%D8%A7/p1472577768"
        class="auris-gift-button">
        اكتشف الهدايا
      </a>
    </div>
  `;

  const flavorsSection = document.getElementById('auris-flavors-section');

  if (flavorsSection) {
    flavorsSection.insertAdjacentElement('afterend', section);
  } else {
    document.querySelector('main')?.append(section);
  }
});

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;
  if (!document.getElementById('auris-instagram-section')) {
    const instagramSection = document.createElement('section');
    instagramSection.id = 'auris-instagram-section';

    instagramSection.innerHTML = `
      <div class="auris-social-inner">
        <h2 class="auris-social-title">تابع تفاصيل أوريس</h2>
        <p class="auris-social-subtitle">كل جديد، كل نكهة، وكل لحظة فاخرة</p>

        <div class="auris-instagram-grid">
          <div class="auris-instagram-card">AURIS</div>
          <div class="auris-instagram-card">CHOCOLATE</div>
          <div class="auris-instagram-card">LUXURY</div>
        </div>

        <a
          href="https://www.instagram.com/auris_chocolate?stkn=MWplOGR5bzllNGQzNw=="
          target="_blank"
          class="auris-instagram-button">
          تابعنا على Instagram
        </a>
      </div>
    `;

    const giftSection = document.getElementById('auris-gift-section');

    if (giftSection) {
      giftSection.insertAdjacentElement('afterend', instagramSection);
    } else {
      document.querySelector('main')?.append(instagramSection);
    }
  }

  if (!document.getElementById('auris-contact-section')) {
    const contactSection = document.createElement('section');
    contactSection.id = 'auris-contact-section';

    contactSection.innerHTML = `
      <div class="auris-contact-inner">
        <h2 class="auris-contact-title">تواصل معنا</h2>
        <p class="auris-contact-text">يسعدنا تواصلكم واستفساراتكم</p>

        <div class="auris-contact-buttons">
          <a
            href="https://wa.me/966553940290"
            target="_blank"
            class="auris-contact-btn auris-whatsapp-btn">
            واتساب
          </a>

          <a
            href="https://www.instagram.com/auris_chocolate?stkn=MWplOGR5bzllNGQzNw=="
            target="_blank"
            class="auris-contact-btn auris-instagram-btn">
            إنستقرام
          </a>
        </div>
      </div>
    `;

    const instagramSection = document.getElementById('auris-instagram-section');

    if (instagramSection) {
      instagramSection.insertAdjacentElement('afterend', contactSection);
    } else {
      document.querySelector('main')?.append(contactSection);
    }
  }
});

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;
  const aurisInstagramProducts = [
    'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A3%D9%88%D8%B1%D9%8A%D8%B3/p505880789',
    'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A3%D9%88%D8%B1%D9%8A%D8%B3/p501180398',
    'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A3%D9%88%D8%B1%D9%8A%D8%B3/p39859736'
  ];

  const cards = document.querySelectorAll('.auris-instagram-card');

  aurisInstagramProducts.forEach(async (productUrl, index) => {
    if (!cards[index]) return;

    const card = cards[index];

    try {
      const response = await fetch(productUrl);
      const html = await response.text();
      const doc = new DOMParser().parseFromString(html, 'text/html');

      const image =
        doc.querySelector('meta[property="og:image"]')?.content ||
        doc.querySelector('meta[name="twitter:image"]')?.content;

      if (image) {
        card.style.backgroundImage =
          `linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.05)), url("${image}")`;
        card.textContent = '';
      }
    } catch (error) {
      console.log('AURIS image loading error');
    }

    card.style.cursor = 'pointer';

    card.addEventListener('click', function () {
      window.location.href = productUrl;
    });
  });
});

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;
  if (document.getElementById('auris-footer-section')) return;

  const footer = document.createElement('section');
  footer.id = 'auris-footer-section';

  footer.innerHTML = `
    <div class="auris-footer-inner">
      <div class="auris-footer-brand">AURIS</div>
      <div class="auris-footer-ar">أوريس للشوكولاتة الفاخرة</div>

      <div class="auris-footer-links">
        <span class="auris-footer-static">الشحن</span>
        <span class="auris-footer-static">الدفع</span>
        <a href="https://aurischocolat.com/return-exchange-policy/page-1296402041">الاستبدال والاسترجاع</a>
        <a href="#auris-contact-section">تواصل معنا</a>
      </div>

      <div class="auris-footer-social">
        <a
          href="https://www.instagram.com/auris_chocolate?stkn=MWplOGR5bzllNGQzNw=="
          target="_blank">
          إنستقرام
        </a>

        <a
          href="https://wa.me/966553940290"
          target="_blank">
          واتساب
        </a>
      </div>

      <div class="auris-footer-note">
        حيث يلتقي الذوق والفخامة
      </div>
    </div>
  `;

  const contactSection = document.getElementById('auris-contact-section');

  if (contactSection) {
    contactSection.insertAdjacentElement('afterend', footer);
  } else {
    document.body.appendChild(footer);
  }
});

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;
  const occasionData = [
    {
      selector: '.auris-gifts',
      url: 'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3-%D9%84%D9%84%D9%87%D8%AF%D8%A7%D9%8A%D8%A7/p1472577768'
    },
    {
      selector: '.auris-hospitality',
      url: 'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D8%B6%D9%8A%D8%A7%D9%81%D8%A9/p525171578'
    },
    {
      selector: '.auris-special',
      url: 'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B3%D8%A8%D8%A7%D8%AA-%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D8%A9/p136637204'
    }
  ];

  occasionData.forEach(async item => {
    const card = document.querySelector(item.selector);
    if (!card) return;

    try {
      const response = await fetch(item.url);
      const html = await response.text();
      const doc = new DOMParser().parseFromString(html, 'text/html');

      const image =
        doc.querySelector('meta[property="og:image"]')?.content ||
        doc.querySelector('meta[name="twitter:image"]')?.content;

      if (image) {
        card.style.backgroundImage =
          `linear-gradient(rgba(0,0,0,.28), rgba(0,0,0,.28)), url("${image}")`;

        card.style.backgroundSize = 'cover';
        card.style.backgroundPosition = 'center';
        card.style.backgroundRepeat = 'no-repeat';
      }
    } catch (error) {
      console.log('AURIS occasion image error');
    }
  });
});

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;
  if (document.getElementById('auris-trust-cards')) return;

  const cards = document.createElement('div');
  cards.id = 'auris-trust-cards';

  cards.innerHTML = `
    <div class="auris-trust-card auris-brand-card">
      <div class="auris-trust-icon">A</div>
      <div class="auris-trust-name">علامة أوريس التجارية</div>
      <div class="auris-trust-small">AURIS CHOCOLATE</div>
    </div>

    <div class="auris-trust-card auris-document-card">
      <div class="auris-trust-icon">✓</div>
      <div class="auris-trust-name">وثيقة العمل الحر</div>
      <div class="auris-trust-number">FL-588254181</div>
    </div>
  `;

  const headings = [
    ...document.querySelectorAll('h1, h2, h3, h4, div, span')
  ];

  const importantLinks = headings.find(el =>
    (el.textContent || '').trim() === 'روابط مهمة'
  );

  if (importantLinks?.parentElement) {
    importantLinks.parentElement.insertAdjacentElement('beforebegin', cards);
  }
});

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;
  if (document.getElementById('auris-announcement-bar')) return;

  const bar = document.createElement('div');
  bar.id = 'auris-announcement-bar';

  bar.innerHTML = `
    <span>🚚 شحن مجاني للطلبات بقيمة 250 ريال فأكثر</span>
  `;

  document.body.prepend(bar);
  document.body.classList.add('auris-has-announcement');
});

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  const products = [
    {
      url: 'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A3%D9%88%D8%B1%D9%8A%D8%B3/p39859736',
      title: 'بوكسات أوريس',
      badge: 'الأكثر طلبا'
    },
    {
      url: 'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3-%D9%84%D9%84%D9%87%D8%AF%D8%A7%D9%8A%D8%A7/p1472577768',
      title: 'بوكس للهدايا',
      badge: 'هدية مميزة'
    },
    {
      url: 'https://aurischocolat.com/%D8%B4%D9%88%D9%83%D9%88%D9%84%D8%A7%D8%AA%D8%A9-%D8%A3%D9%88%D8%B1%D9%8A%D8%B3-%D8%A8%D8%AD%D8%B4%D9%88%D8%A9-%D8%A7%D9%84%D9%83%D9%86%D8%AF%D8%B1-%D9%88%D8%A7%D9%84%D9%84%D9%88%D8%B2-16-%D9%82%D8%B7%D8%B9/p43730957',
      title: 'كندر ولوز 16 قطعة',
      badge: ''
    },
    {
      url: 'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B3%D8%A8%D8%A7%D8%AA-%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D8%A9/p136637204',
      title: 'بوكسات المناسبات الخاصة',
      badge: 'للمناسبات'
    },
    {
      url: 'https://aurischocolat.com/%D8%B4%D9%88%D9%83%D9%88%D9%84%D8%A7%D8%AA%D8%A9-%D8%A3%D9%88%D8%B1%D9%8A%D8%B3-%D8%A8%D8%AD%D8%B4%D9%88%D8%A9-%D8%A7%D9%84%D9%83%D9%86%D8%AF%D8%B1-%D9%88%D8%A7%D9%84%D9%84%D9%88%D8%B2-9-%D9%82%D8%B7%D8%B9/p948060802',
      title: 'كندر ولوز 9 قطع',
      badge: ''
    },
    {
      url: 'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D9%8A%D9%88%D9%85-%D8%A7%D9%84%D9%88%D8%B7%D9%86%D9%8A/p1033859529',
      title: 'بوكسات اليوم الوطني',
      badge: 'اليوم الوطني'
    },
    {
      url: 'https://aurischocolat.com/%D8%A3%D9%88%D8%B1%D9%8A%D9%88-%D9%85%D8%B9-%D8%A7%D9%84%D9%85%D9%83%D8%B3%D8%B1%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D8%B4%D9%88%D9%83%D9%84%D8%A7%D8%AA%D8%A9/p1328708186',
      title: 'أوريو بالمكسرات والشوكولاتة',
      badge: 'جديد'
    }
  ];

  async function getImage(url) {
    try {
      const response = await fetch(url);
      const html = await response.text();
      const doc = new DOMParser().parseFromString(html, 'text/html');

      return (
        doc.querySelector('meta[property="og:image"]')?.content ||
        doc.querySelector('meta[name="twitter:image"]')?.content ||
        ''
      );
    } catch (e) {
      return '';
    }
  }

  async function buildNewTicker() {

    if (document.getElementById('auris-products-v4')) {
      return true;
    }

    const productsSection =
      document.getElementById('auris-products-section');

    if (!productsSection) {
      return false;
    }

    const section =
      document.createElement('section');

    section.id =
      'auris-products-v4';

    section.style.cssText = `
      width:100%;
      background:#f8f2e8;
      padding:28px 0 32px;
      overflow:hidden;
      box-sizing:border-box;
    `;

    section.innerHTML = `
      <div style="width:100%;box-sizing:border-box;">

        <h2
          style="
            margin:0 0 5px;
            padding:0 15px;
            text-align:center;
            color:#0B5D3B;
            font-size:22px;
            font-weight:800;
          ">
          مختارات مميزة من أوريس
        </h2>

        <p
          style="
            margin:0 0 20px;
            padding:0 15px;
            text-align:center;
            color:#756a63;
            font-size:14px;
          ">
          اكتشفي منتجات مختارة لك
        </p>

        <div
          id="auris-v4-window"
          style="
            width:100%;
            height:285px;
            overflow:hidden;
            position:relative;
            direction:ltr;
          ">

          <div
            id="auris-v4-track"
            style="
              display:flex;
              flex-wrap:nowrap;
              align-items:flex-start;
              gap:12px;
              width:max-content;
              direction:ltr;
              will-change:transform;
            ">
          </div>

        </div>

      </div>
    `;

    productsSection.insertAdjacentElement(
      'afterend',
      section
    );

    const track =
      section.querySelector(
        '#auris-v4-track'
      );

    const cards = [];

    for (const product of products) {

      const image =
        await getImage(
          product.url
        );

      cards.push(`
        <a
          href="${product.url}"
          style="
            width:145px;
            min-width:145px;
            max-width:145px;
            flex:0 0 145px;
            display:block;
            position:relative;
            background:#ffffff;
            border-radius:16px;
            overflow:hidden;
            text-decoration:none;
            box-shadow:0 5px 15px rgba(79,10,32,.08);
            direction:rtl;
            box-sizing:border-box;
          ">

          ${
            product.badge
              ? `
                <div
                  style="
                    position:absolute;
                    top:8px;
                    right:8px;
                    z-index:5;
                    padding:5px 8px;
                    border-radius:999px;
                    background:#d7b36a;
                    color:#65051f;
                    font-size:10px;
                    font-weight:800;
                  ">
                  ${product.badge}
                </div>
              `
              : ''
          }

          <div
            style="
              width:145px;
              height:145px;
              overflow:hidden;
              background:#f5efe6;
            ">

            ${
              image
                ? `
                  <img
                    src="${image}"
                    alt="${product.title}"
                    style="
                      display:block;
                      width:145px;
                      height:145px;
                      object-fit:cover;
                    ">
                `
                : `
                  <div
                    style="
                      width:145px;
                      height:145px;
                      display:flex;
                      align-items:center;
                      justify-content:center;
                      background:#65051f;
                      color:#d7b36a;
                      font-size:18px;
                      font-weight:800;
                    ">
                    AURIS
                  </div>
                `
            }

          </div>

          <div
            style="
              padding:10px 8px 12px;
              text-align:center;
            ">

            <strong
              style="
                display:block;
                min-height:42px;
                color:#65051f;
                font-size:13px;
                font-weight:800;
                line-height:1.45;
              ">
              ${product.title}
            </strong>

            <span
              style="
                display:inline-flex;
                align-items:center;
                justify-content:center;
                margin-top:8px;
                min-width:92px;
                min-height:36px;
                padding:7px 13px;
                border-radius:999px;
                background:#0B5D3B;
                color:#ffffff;
                font-size:12px;
                font-weight:800;
              ">
              تسوق الآن
            </span>

          </div>

        </a>
      `);
    }

    const seven =
      cards.join('');

    track.innerHTML =
      seven +
      seven +
      seven +
      seven;

    const oneSetWidth =
      products.length * 157;

    let x = 0;

    let previous =
      performance.now();

    const speed = 25;

    function animate(now) {

      const seconds =
        (now - previous) / 1000;

      previous = now;

      x -= speed * seconds;

      if (
        Math.abs(x) >=
        oneSetWidth
      ) {
        x += oneSetWidth;
      }

      track.style.transform =
        `translate3d(${x}px,0,0)`;

      requestAnimationFrame(
        animate
      );
    }

    requestAnimationFrame(
      animate
    );

    return true;
  }

  let attempts = 0;

  const timer =
    setInterval(
      async function () {

        attempts++;

        const ready =
          await buildNewTicker();

        if (
          ready ||
          attempts >= 10
        ) {
          clearInterval(timer);
        }

      },
      500
    );
});
/* =========================================
   AURIS - آخر لونين متبقين لليوم الوطني
   تسوق الآن + أسهم البنر
   إضافة فقط
   ========================================= */

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  const GREEN = '#0B5D3B';
  const DARK_GREEN = '#063D29';

  /* أسهم البنر باللون الأخضر */



  function aurisStyleSliderRoot(root) {

    if (!root) return;

    const selectors = [
      '.swiper-button-next',
      '.swiper-button-prev',
      '.s-slider-block__arrow',
      '[class*="arrow-next"]',
      '[class*="arrow-prev"]',
      '[class*="next-arrow"]',
      '[class*="prev-arrow"]',
      'button[aria-label*="Next"]',
      'button[aria-label*="Previous"]',
      'button[aria-label*="next"]',
      'button[aria-label*="previous"]'
    ];

    root
      .querySelectorAll(selectors.join(','))
      .forEach(btn => {

        btn.style.setProperty(
          'background',
          GREEN,
          'important'
        );

        btn.style.setProperty(
          'background-color',
          GREEN,
          'important'
        );

        btn.style.setProperty(
          'color',
          '#ffffff',
          'important'
        );

        btn.style.setProperty(
          'border-color',
          GREEN,
          'important'
        );

        btn.querySelectorAll('*').forEach(icon => {

          icon.style.setProperty(
            'color',
            '#ffffff',
            'important'
          );

          icon.style.setProperty(
            'fill',
            '#ffffff',
            'important'
          );

          icon.style.setProperty(
            'stroke',
            '#ffffff',
            'important'
          );

        });

      });


    /* ندخل لأي Shadow DOM داخلي */
    root.querySelectorAll('*').forEach(el => {

      if (el.shadowRoot) {
        aurisStyleSliderRoot(
          el.shadowRoot
        );
      }

    });
  }


  function aurisFixSliderArrows() {

    document
      .querySelectorAll(
        'salla-slider, .main-slider, .home-slider, .hero-slider'
      )
      .forEach(slider => {

        aurisStyleSliderRoot(slider);

        if (slider.shadowRoot) {
          aurisStyleSliderRoot(
            slider.shadowRoot
          );
        }

      });

  }


  /* ==============================
     نكرر لثواني لأن سلة تحمل
     بعض العناصر بعد الصفحة
     ============================== */

  let count = 0;

  const timer = setInterval(function () {

    aurisFixSliderArrows();

    count++;

    if (count >= 12) {
      clearInterval(timer);
    }

  }, 500);

});
/* =========================================
   AURIS - قسم الأكثر طلبا
   إضافة فقط
   ========================================= */

document.addEventListener('DOMContentLoaded', async function () {
  if (!document.body.classList.contains('auris-home')) return;

  if (document.getElementById('auris-best-sellers')) return;

  const products = [
    {
      url: 'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A3%D9%88%D8%B1%D9%8A%D8%B3/p39859736',
      title: 'بوكسات أوريس',
      badge: 'الأكثر طلبا'
    },
    {
      url: 'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3-%D9%84%D9%84%D9%87%D8%AF%D8%A7%D9%8A%D8%A7/p1472577768',
      title: 'بوكس للهدايا',
      badge: 'هدية مميزة'
    },
    {
      url: 'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D9%8A%D9%88%D9%85-%D8%A7%D9%84%D9%88%D8%B7%D9%86%D9%8A/p1033859529',
      title: 'بوكسات اليوم الوطني',
      badge: 'وطني'
    }
  ];

  async function getImage(url) {
    try {
      const response = await fetch(url);
      const html = await response.text();
      const doc = new DOMParser().parseFromString(html, 'text/html');

      return (
        doc.querySelector('meta[property="og:image"]')?.content ||
        doc.querySelector('meta[name="twitter:image"]')?.content ||
        ''
      );
    } catch (e) {
      return '';
    }
  }

  const section = document.createElement('section');
  section.id = 'auris-best-sellers';

  section.innerHTML = `
    <div class="auris-best-inner">
      <div class="auris-best-kicker">مختارات العملاء</div>

      <h2 class="auris-best-title">
        الأكثر طلبا
      </h2>

      <p class="auris-best-subtitle">
        اختيارات مميزة تحظى بإعجاب عملائنا
      </p>

      <div class="auris-best-grid"></div>
    </div>
  `;

  const occasionSection =
    document.getElementById('auris-occasion-section');

  if (occasionSection) {
    occasionSection.insertAdjacentElement('beforebegin', section);
  } else {
    document.querySelector('main')?.append(section);
  }

  const grid =
    section.querySelector('.auris-best-grid');

  for (const product of products) {

    const image =
      await getImage(product.url);

    const card =
      document.createElement('a');

    card.className =
      'auris-best-card';

    card.href =
      product.url;

    card.innerHTML = `
      <div class="auris-best-image-wrap">

        ${
          product.badge
            ? `
              <div class="auris-best-badge">
                ${product.badge}
              </div>
            `
            : ''
        }

        ${
          image
            ? `
              <img
                src="${image}"
                alt="${product.title}"
                class="auris-best-image"
              >
            `
            : `
              <div class="auris-best-placeholder">
                AURIS
              </div>
            `
        }

      </div>

      <div class="auris-best-info">

        <strong>
          ${product.title}
        </strong>

        <span class="auris-best-shop">
          اكتشفيه الآن
        </span>

      </div>
    `;

    grid.appendChild(card);
  }

});
/* =========================================
   AURIS - تفاصيل تصنع الفرق
   إضافة فقط
   ========================================= */

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  if (document.getElementById('auris-details-section')) return;

  const section = document.createElement('section');
  section.id = 'auris-details-section';

  section.innerHTML = `
    <div class="auris-details-inner">

      <div class="auris-details-kicker">
        تفاصيل أوريس
      </div>

      <h2 class="auris-details-title">
        تفاصيل تصنع الفرق
      </h2>

      <p class="auris-details-subtitle">
        لأن الفخامة تبدأ من أدق التفاصيل
      </p>

      <div class="auris-details-grid">

        <div class="auris-details-card">
          <div class="auris-details-icon">✦</div>
          <h3>شوكولاتة بلجيكية فاخرة</h3>
          <p>
            مذاق غني وجودة مختارة بعناية لتجربة تليق بأوريس.
          </p>
        </div>

        <div class="auris-details-card">
          <div class="auris-details-icon">◆</div>
          <h3>حشوات مختارة</h3>
          <p>
            نكهات متنوعة ومتوازنة تمنح كل قطعة طابعا مميزا.
          </p>
        </div>

        <div class="auris-details-card">
          <div class="auris-details-icon">✧</div>
          <h3>تغليف يليق بالإهداء</h3>
          <p>
            تفاصيل راقية تجعل الهدية جميلة قبل أن تفتح.
          </p>
        </div>

      </div>

    </div>
  `;

  const bestSellers =
    document.getElementById('auris-best-sellers');

  const occasionSection =
    document.getElementById('auris-occasion-section');

  if (bestSellers) {
    bestSellers.insertAdjacentElement('afterend', section);
  } else if (occasionSection) {
    occasionSection.insertAdjacentElement('beforebegin', section);
  } else {
    document.querySelector('main')?.append(section);
  }

});
/* =========================================
   AURIS - كيف تهدي أوريس؟
   إضافة فقط
   ========================================= */

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  if (document.getElementById('auris-gift-steps')) return;

  const section = document.createElement('section');
  section.id = 'auris-gift-steps';

  section.innerHTML = `
    <div class="auris-gift-steps-inner">

      <div class="auris-gift-steps-kicker">
        تجربة إهداء أوريس
      </div>

      <h2 class="auris-gift-steps-title">
        كيف تهدي أوريس؟
      </h2>

      <p class="auris-gift-steps-subtitle">
        ثلاث خطوات بسيطة لهدية أنيقة ومميزة
      </p>

      <div class="auris-gift-steps-grid">

        <div class="auris-gift-step">
          <div class="auris-step-number">01</div>
          <div class="auris-step-icon">◇</div>
          <h3>اختاري البوكس</h3>
          <p>
            اختاري ما يناسب المناسبة والذوق.
          </p>
        </div>

        <div class="auris-gift-step">
          <div class="auris-step-number">02</div>
          <div class="auris-step-icon">✦</div>
          <h3>أضيفي رسالتك</h3>
          <p>
            أضيفي كلماتك الخاصة لتصبح الهدية أكثر قربا.
          </p>
        </div>

        <div class="auris-gift-step">
          <div class="auris-step-number">03</div>
          <div class="auris-step-icon">◆</div>
          <h3>نجهزها للإهداء</h3>
          <p>
            نعتني بالتفاصيل والتغليف لتصل بأجمل صورة.
          </p>
        </div>

      </div>

      <a
        href="https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3-%D9%84%D9%84%D9%87%D8%AF%D8%A7%D9%8A%D8%A7/p1472577768"
        class="auris-gift-steps-button">
        اكتشفي الهدايا
      </a>

    </div>
  `;

  const detailsSection =
    document.getElementById('auris-details-section');

  const giftSection =
    document.getElementById('auris-gift-section');

  if (detailsSection) {
    detailsSection.insertAdjacentElement('afterend', section);
  } else if (giftSection) {
    giftSection.insertAdjacentElement('beforebegin', section);
  } else {
    document.querySelector('main')?.append(section);
  }

});
/* =========================================
   AURIS - لمسة أوريس
   إضافة فقط
   ========================================= */

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  if (document.getElementById('auris-luxury-touch')) return;

  const section = document.createElement('section');
  section.id = 'auris-luxury-touch';

  section.innerHTML = `
    <div class="auris-luxury-touch-inner">

      <div class="auris-luxury-mark">✦</div>

      <div class="auris-luxury-small">
        AURIS
      </div>

      <h2 class="auris-luxury-title">
        لمسة أوريس
      </h2>

      <p class="auris-luxury-text">
        تفاصيل راقية، مذاق فاخر، وهدية تحفظ في الذاكرة.
      </p>

      <div class="auris-luxury-line">
        <span></span>
        <b>◆</b>
        <span></span>
      </div>

      <a
        href="#auris-products-section"
        class="auris-luxury-button">
        اكتشفي أوريس
      </a>

    </div>
  `;

  const giftSteps =
    document.getElementById('auris-gift-steps');

  const flavors =
    document.getElementById('auris-flavors-section');

  if (giftSteps) {
    giftSteps.insertAdjacentElement('afterend', section);
  } else if (flavors) {
    flavors.insertAdjacentElement('afterend', section);
  } else {
    document.querySelector('main')?.append(section);
  }

});
/* =========================================
   AURIS - شريط الثقة الفاخر
   إضافة فقط
   ========================================= */

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  if (document.getElementById('auris-trust-strip-v2')) return;

  const section = document.createElement('section');
  section.id = 'auris-trust-strip-v2';

  section.innerHTML = `
    <div class="auris-trust-strip-inner">

      <div class="auris-trust-strip-item">
        <div class="auris-trust-strip-icon">✦</div>
        <strong>شوكولاتة فاخرة</strong>
        <span>مختارة بعناية</span>
      </div>

      <div class="auris-trust-strip-item">
        <div class="auris-trust-strip-icon">◆</div>
        <strong>حشوات متنوعة</strong>
        <span>نكهات مميزة</span>
      </div>

      <div class="auris-trust-strip-item">
        <div class="auris-trust-strip-icon">◇</div>
        <strong>تغليف أنيق</strong>
        <span>جاهز للإهداء</span>
      </div>

      <div class="auris-trust-strip-item">
        <div class="auris-trust-strip-icon">✧</div>
        <strong>تفاصيل أوريس</strong>
        <span>تجربة متكاملة</span>
      </div>

    </div>
  `;

  const luxury =
    document.getElementById('auris-luxury-touch');

  const instagram =
    document.getElementById('auris-instagram-section');

  if (luxury) {
    luxury.insertAdjacentElement('afterend', section);
  } else if (instagram) {
    instagram.insertAdjacentElement('beforebegin', section);
  } else {
    document.querySelector('main')?.append(section);
  }

});
/* =========================================
   AURIS - شريط لماذا أوريس المتحرك
   إضافة فقط
   ========================================= */

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  if (document.getElementById('auris-why-ticker')) return;

  const trustStrip =
    document.getElementById('auris-trust-strip-v2');

  if (!trustStrip) return;

  const ticker = document.createElement('div');
  ticker.id = 'auris-why-ticker';

  ticker.innerHTML = `
    <div class="auris-why-ticker-title">
      لماذا أوريس؟
    </div>

    <div class="auris-why-ticker-window">
      <div class="auris-why-ticker-track">

        <span>شوكولاتة فاخرة</span>
        <b>✦</b>

        <span>حشوات متنوعة</span>
        <b>✦</b>

        <span>تغليف أنيق</span>
        <b>✦</b>

        <span>تفاصيل أوريس</span>
        <b>✦</b>

        <span>شوكولاتة فاخرة</span>
        <b>✦</b>

        <span>حشوات متنوعة</span>
        <b>✦</b>

        <span>تغليف أنيق</span>
        <b>✦</b>

        <span>تفاصيل أوريس</span>

      </div>
    </div>
  `;

  trustStrip.insertAdjacentElement(
    'beforebegin',
    ticker
  );

});
/* =========================================
   AURIS - من أوريس للوطن
   إضافة فقط
   ========================================= */

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  if (document.getElementById('auris-national-gift')) return;

  const section = document.createElement('section');
  section.id = 'auris-national-gift';

  section.innerHTML = `
    <div class="auris-national-gift-inner">

      <div class="auris-national-gift-badge">
        اليوم الوطني
      </div>

      <div class="auris-national-gift-icon">✦</div>

      <h2 class="auris-national-gift-title">
        من أوريس للوطن
      </h2>

      <p class="auris-national-gift-text">
        هدايا فاخرة بروح وطنية، صممت لتليق بالمناسبة وبمن تحبين.
      </p>

      <a
        href="https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D9%8A%D9%88%D9%85-%D8%A7%D9%84%D9%88%D8%B7%D9%86%D9%8A/p1033859529"
        class="auris-national-gift-button">
        اكتشفي المجموعة الوطنية
      </a>

    </div>
  `;

  const occasionSection =
    document.getElementById('auris-occasion-section');

  if (occasionSection) {
    occasionSection.insertAdjacentElement('beforebegin', section);
  } else {
    document.querySelector('main')?.append(section);
  }

});
document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  if (document.getElementById('auris-luxury-marquee')) return;

  const bar = document.createElement('section');
  bar.id = 'auris-luxury-marquee';

  bar.innerHTML = `
    <div class="auris-luxury-track">
      <div class="auris-luxury-content">
        <span>AURIS</span><b>✦</b>
        <span>شوكولاتة بلجيكية</span><b>✦</b>
        <span>حشوات فاخرة</span><b>✦</b>
        <span>هدايا استثنائية</span><b>✦</b>
        <span>تغليف أنيق</span><b>✦</b>
        <span>مذاق لا ينسى</span><b>✦</b>

        <span>AURIS</span><b>✦</b>
        <span>شوكولاتة بلجيكية</span><b>✦</b>
        <span>حشوات فاخرة</span><b>✦</b>
        <span>هدايا استثنائية</span><b>✦</b>
        <span>تغليف أنيق</span><b>✦</b>
        <span>مذاق لا ينسى</span><b>✦</b>
      </div>
    </div>
  `;

  /*
   * نحاول وضعه بعد قسم تفاصيل تصنع الفرق.
   * وإذا لم نجده، يوضع قبل الفوتر بأمان.
   */
  const details = document.getElementById('auris-details-section');

  if (details) {
    details.insertAdjacentElement('afterend', bar);
  } else {
    const footer = document.querySelector('footer');
    if (footer) {
      footer.insertAdjacentElement('beforebegin', bar);
    } else {
      document.body.appendChild(bar);
    }
  }

});
/* ===== AURIS SHOWCASE FINAL ===== */

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  const old =
    document.getElementById('auris-showcase-v2');

  if (old) old.remove();

  if (document.getElementById('auris-showcase-final')) return;

  const section = document.createElement('section');

  section.id = 'auris-showcase-final';

  section.style.cssText = `
    display:block !important;
    width:100% !important;
    max-width:1180px !important;
    margin:28px auto !important;
    padding:0 !important;
    position:relative !important;
    overflow:hidden !important;
    background:#063D29 !important;
    border-top:1px solid #D7B36A !important;
    border-bottom:1px solid #D7B36A !important;
    box-sizing:border-box !important;
  `;

  /* الصورة */
  const photo = document.createElement('div');

  photo.style.cssText = `
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#F8F2E8 !important;
  `;

  const img = document.createElement('img');

  img.src =
    'https://cdn.files.salla.network/products/1907723677/9a75dff0-2311-4c85-8d73-646fe0f0e640-original.webp';

  img.alt = 'بوكسات أوريس المميزة';

  img.style.cssText = `
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    position:relative !important;
  `;

  photo.appendChild(img);


  /* اللوحة الخضراء */
  const panel = document.createElement('div');

  panel.style.cssText = `
    display:flex !important;
    width:100% !important;
    min-height:330px !important;

    margin:0 !important;
    padding:38px 22px 34px !important;

    box-sizing:border-box !important;

    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    position:relative !important;

    direction:rtl !important;
    text-align:center !important;

    background:
      radial-gradient(
        circle at 80% 0%,
        rgba(215,179,106,.16),
        transparent 38%
      ),
      linear-gradient(
        145deg,
        #0B5D3B 0%,
        #063D29 72%,
        #052E20 100%
      ) !important;

    color:#F8F2E8 !important;
  `;


  const brand = document.createElement('div');

  brand.textContent = 'AURIS';

  brand.style.cssText = `
    display:block !important;
    margin:0 0 9px !important;
    color:#D7B36A !important;
    font-family:Georgia,serif !important;
    font-size:17px !important;
    letter-spacing:7px !important;
    direction:ltr !important;
  `;


  const star = document.createElement('div');

  star.textContent = '✦';

  star.style.cssText = `
    display:block !important;
    margin:0 0 10px !important;
    color:#D7B36A !important;
    font-size:15px !important;
  `;


  const title = document.createElement('div');

  title.textContent =
    'تفاصيل تصنع لتهدى';

  title.style.cssText = `
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;

    color:#F3D88D !important;

    font-size:29px !important;
    font-weight:800 !important;
    line-height:1.5 !important;

    text-align:center !important;
  `;


  const text = document.createElement('div');

  text.innerHTML =
    'شوكولاتة بلجيكية فاخرة، بحشوات مختارة<br>وتفاصيل تمنح كل هدية طابع أوريس الخاص.';

  text.style.cssText = `
    display:block !important;
    width:100% !important;
    max-width:520px !important;

    margin:11px auto 23px !important;
    padding:0 !important;

    color:#F8F2E8 !important;

    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.9 !important;

    text-align:center !important;
  `;


  const button = document.createElement('a');

  button.href =
    'https://aurischocolat.com/%D8%A8%D9%88%D9%83%D8%B3%D8%A7%D8%AA-%D8%A3%D9%88%D8%B1%D9%8A%D8%B3-%D8%A7%D9%84%D9%85%D9%85%D9%8A%D8%B2%D8%A9/p111403377';

  button.innerHTML =
    'اكتشفي أوريس&nbsp;&nbsp; ←';

  button.style.cssText = `
    display:inline-flex !important;

    width:auto !important;
    min-width:190px !important;

    margin:0 auto !important;
    padding:13px 26px !important;

    align-items:center !important;
    justify-content:center !important;

    border:1px solid #E9CE83 !important;
    border-radius:999px !important;

    background:
      linear-gradient(
        135deg,
        #F0D991,
        #D7B36A
      ) !important;

    color:#063D29 !important;

    text-decoration:none !important;

    font-size:15px !important;
    font-weight:800 !important;

    box-shadow:
      0 10px 24px rgba(0,0,0,.18) !important;
  `;


  const signature =
    document.createElement('div');

  signature.textContent =
    'MORE THAN CHOCOLATE';

  signature.style.cssText = `
    display:block !important;

    margin:22px 0 0 !important;

    color:#D7B36A !important;

    font-size:9px !important;
    font-weight:500 !important;

    letter-spacing:4px !important;

    direction:ltr !important;
    text-align:center !important;
  `;


  panel.appendChild(brand);
  panel.appendChild(star);
  panel.appendChild(title);
  panel.appendChild(text);
  panel.appendChild(button);
  panel.appendChild(signature);

  section.appendChild(photo);
  section.appendChild(panel);


  const best =
    document.getElementById('auris-best-sellers');

  const details =
    document.getElementById('auris-details-section');

  if (best) {

    best.insertAdjacentElement(
      'afterend',
      section
    );

  } else if (details) {

    details.insertAdjacentElement(
      'beforebegin',
      section
    );

  }

});
/* =========================================
   AURIS SIGNATURE MOMENT
   ========================================= */

document.addEventListener('DOMContentLoaded', function () {
  if (!document.body.classList.contains('auris-home')) return;

  /* إزالة الشريط التجريبي السابق إن وجد */
  const oldStrip = document.getElementById('auris-premium-strip');
  if (oldStrip) oldStrip.remove();

  if (document.getElementById('auris-signature-moment')) return;

  /* نبحث عن عنوان مختارات أوريس */
  const headings = Array.from(
    document.querySelectorAll('h1,h2,h3,h4,.section-title,.s-block__title')
  );

  const title = headings.find(el => {
    const text = (el.textContent || '').replace(/\s+/g, ' ').trim();
    return text.includes('مختارات أوريس') ||
           text.includes('مختارات مميزة من أوريس');
  });

  if (!title) return;

  const target =
    title.closest('section') ||
    title.closest('.s-block') ||
    title.parentElement;

  if (!target || !target.parentNode) return;


  /* ===============================
     CSS خاص بهذا القسم فقط
     =============================== */

  if (!document.getElementById('auris-signature-style')) {

    const style = document.createElement('style');
    style.id = 'auris-signature-style';

    style.textContent = `

      #auris-signature-moment,
      #auris-signature-moment * {
        box-sizing: border-box;
      }

      #auris-signature-moment {
        width: 100%;
        margin: 22px 0 26px;
        overflow: hidden;
        background: #F8F2E8;
        position: relative;
      }


      /* الشريط الذهبي */

      #auris-signature-moment .auris-signature-ticker {
        width: 100%;
        overflow: hidden;
        padding: 12px 0;
        background:
          linear-gradient(
            90deg,
            #C89D45 0%,
            #E6C979 50%,
            #C89D45 100%
          );
        border-top: 1px solid rgba(11,93,59,.14);
        border-bottom: 1px solid rgba(11,93,59,.14);
      }

      #auris-signature-moment .auris-signature-track {
        display: flex;
        align-items: center;
        width: max-content;
        white-space: nowrap;
        animation: aurisSignatureMove 18s linear infinite;
        will-change: transform;
      }

      #auris-signature-moment .auris-signature-set {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        white-space: nowrap;
      }

      #auris-signature-moment .auris-signature-set span {
        display: inline-block;
        padding: 0 15px;
        color: #063D29 !important;
        font-size: 14px;
        font-weight: 800;
        white-space: nowrap;
      }

      #auris-signature-moment .auris-signature-set .auris-en {
        letter-spacing: 3px;
        font-family: Georgia, serif;
      }

      #auris-signature-moment .auris-signature-set b {
        color: rgba(6,61,41,.70) !important;
        font-size: 11px;
        font-weight: 700;
      }


      /* الجزء الفاخر */

      #auris-signature-moment .auris-signature-main {
        position: relative;
        overflow: hidden;

        padding: 35px 20px 32px;

        text-align: center;

        background:
          radial-gradient(
            circle at 50% -20%,
            rgba(215,179,106,.18),
            transparent 45%
          ),
          #F8F2E8;
      }

      #auris-signature-moment .auris-signature-main::before {
        content: "";
        position: absolute;
        width: 170px;
        height: 170px;
        top: -120px;
        left: 50%;
        transform: translateX(-50%);
        border: 1px solid rgba(215,179,106,.22);
        border-radius: 50%;
        pointer-events: none;
      }


      /* AURIS */

      #auris-signature-moment .auris-signature-brand {
        position: relative;
        z-index: 2;

        margin-bottom: 8px;

        color: #B99245 !important;

        font-family: Georgia, serif;
        font-size: 15px;
        font-weight: 600;

        letter-spacing: 7px;

        direction: ltr;
      }


      /* النجمة */

      #auris-signature-moment .auris-signature-star {
        margin-bottom: 8px;
        color: #D7B36A !important;
        font-size: 13px;
      }


      /* العنوان */

      #auris-signature-moment .auris-signature-title {
        margin: 0 !important;

        color: #0B5D3B !important;

        font-size: 28px;
        font-weight: 800;

        line-height: 1.5;

        text-align: center;
      }


      /* الخط */

      #auris-signature-moment .auris-signature-line {
        width: 62px;
        height: 1px;

        margin: 17px auto 0;

        background:
          linear-gradient(
            90deg,
            transparent,
            #D7B36A,
            transparent
          );
      }


      /* النص الصغير */

      #auris-signature-moment .auris-signature-sub {
        margin-top: 11px;

        color: #756A5F !important;

        font-size: 12px;
        font-weight: 500;

        letter-spacing: .2px;
      }


      @keyframes aurisSignatureMove {

        from {
          transform: translate3d(0,0,0);
        }

        to {
          transform: translate3d(-50%,0,0);
        }

      }


      @media (max-width: 768px) {

        #auris-signature-moment {
          margin: 18px 0 22px;
        }

        #auris-signature-moment .auris-signature-ticker {
          padding: 11px 0;
        }

        #auris-signature-moment .auris-signature-set span {
          padding: 0 12px;
          font-size: 13px;
        }

        #auris-signature-moment .auris-signature-main {
          padding: 30px 18px 28px;
        }

        #auris-signature-moment .auris-signature-title {
          font-size: 25px;
        }

      }

    `;

    document.head.appendChild(style);
  }


  /* ===============================
     المحتوى
     =============================== */

  const section = document.createElement('section');
  section.id = 'auris-signature-moment';
  section.setAttribute('dir', 'rtl');

  const items = `
    <span class="auris-en">AURIS</span>
    <b>✦</b>
    <span>شوكولاتة بلجيكية</span>
    <b>✦</b>
    <span>حشوات فاخرة</span>
    <b>✦</b>
    <span>هدايا مميزة</span>
    <b>✦</b>
    <span>تفاصيل تصنع لتهدى</span>
    <b>✦</b>
  `;

  section.innerHTML = `

    <div class="auris-signature-ticker">

      <div class="auris-signature-track">

        <div class="auris-signature-set">
          ${items}
        </div>

        <div class="auris-signature-set">
          ${items}
        </div>

      </div>

    </div>


    <div class="auris-signature-main">

      <div class="auris-signature-brand">
        AURIS
      </div>

      <div class="auris-signature-star">
        ✦
      </div>

      <div class="auris-signature-title">
        الفخامة ترى قبل أن تذاق
      </div>

      <div class="auris-signature-line"></div>

      <div class="auris-signature-sub">
        تفاصيل مختارة بعناية لتصنع تجربة أوريس
      </div>

    </div>

  `;


  /* وضعه مباشرة فوق مختارات أوريس */

  target.parentNode.insertBefore(section, target);

});