/************************************************************************************/
/* 
       جميع التعديلات الخاصة بتنسيق المتجر تمت اضافتها من قبل المهندس
                              محمد شيخ موسى 
        mobile : +963950556805
        email :  mohammad.al.laith.mousa@gmail.com
*/
/************************************************************************************/
/************************لا أحلل أخذ أي جزء من الكود *******************************/
/************************************************************************************/

(function () {
  "use strict";

  const runAll = (tasks) => () =>
    tasks.forEach((task) => {
      try {
        task();
      } catch (e) {
        console.error("Task failed:", e);
      }
    });

  /* =========================================================
     1. Product page texts
     ========================================================= */
  const rewriteProductTexts = () => {
    const element = document.querySelector(".more-brand-dts p");
    if (element && element.textContent !== "مضمون 100٪") {
      element.textContent = "مضمون 100٪";
    }

    const element2 = document.querySelector(".warning-msg");
    if (element2) {
      const icon = element2.querySelector("i");
      if (element2.textContent.trim() !== "هذا المنتج يشمل ضمان النادي") {
        element2.textContent = "هذا المنتج يشمل ضمان النادي";
        if (icon) element2.prepend(icon);
      }
    }
    return true;
  };

  /* =========================================================
     2. Footer credit line
     ========================================================= */
  const rewriteFooterCredit = () => {
    const el = document.querySelector(
      ".ps-footer--bottom .footer__bottom--inenr .copyright > p"
    );
    if (!el || el.dataset.modified) return true;
    el.innerHTML = `برمجة وتصميم
      <a href="https://wa.me/963950556805" target="_blank"
         rel="noreferrer noopener" class="hover:text-primary font-bold"
         style="text-decoration:none;">المهندس محمد موسى</a>`;
    el.dataset.modified = "true";
    return true;
  };

  /* =========================================================
     3. Floating Tabby & Tamara badge
     ========================================================= */
  const mountFloatingBadge = () => {
    if (document.getElementById("tabby-tamara-float")) return true;

    const badge = document.createElement("a");
    badge.id = "tabby-tamara-float";
    badge.href = "https://wa.me/966535501992";
    badge.target = "_blank";
    badge.rel = "noreferrer noopener";
    badge.setAttribute("aria-label", "تابي وتمارا");
    badge.innerHTML = `
      <img src="https://mintcdn.com/tabby-5f40add6/1f-EIKwKexPNgWGm/logo/tabby-badge.svg?fit=max&auto=format&n=1f-EIKwKexPNgWGm&q=85&s=f9bf7cbe04bdae76df344b4746a6b12d" alt="تابي" class="tt-logo">
      <img src="https://cdn.tamara.co/assets/png/tamara-logo-badge-en.png" alt="تمارا" class="tt-logo">
    `;

    const style = document.createElement("style");
    style.textContent = `
      #tabby-tamara-float {
        position: fixed;
        bottom: 44px;
        left: 24px;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 8px;
        background: #ffffff;
        border-radius: 16px;
        text-decoration: none !important;
        box-shadow: 0 8px 24px #35170fc2;
        transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        animation: tt-float-bounce 3s ease-in-out infinite;
        cursor: pointer;
      }
      #tabby-tamara-float:hover {
        transform: translateY(-5px) scale(1.05);
        box-shadow: 0 12px 32px #35170f75;
        animation-play-state: paused;
      }
      #tabby-tamara-float .tt-logo {
        height: 26px;
        width: auto;
        display: block;
        object-fit: contain;
      }
      #tabby-tamara-float::before,
      #tabby-tamara-float::after {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 16px;
        background: #35170f;
        z-index: -1;
        animation: tt-pulse 2s ease-out infinite;
      }
      #tabby-tamara-float::after { animation-delay: 1s; }
      @keyframes tt-float-bounce {
        0%, 100% { transform: translateY(0); }
        50%      { transform: translateY(-6px); }
      }
      @keyframes tt-pulse {
        0%   { transform: scale(1);   opacity: 0.7; }
        100% { transform: scale(1.5); opacity: 0; }
      }
      @media (max-width: 640px) {
        #tabby-tamara-float {
          bottom: 66px; left: 16px; padding: 6px; gap: 4px; border-radius: 12px;
        }
        #tabby-tamara-float .tt-logo { height: 20px; }
        #tabby-tamara-float::before,
        #tabby-tamara-float::after { border-radius: 12px; }
      }
      @media (prefers-reduced-motion: reduce) {
        #tabby-tamara-float,
        #tabby-tamara-float::before,
        #tabby-tamara-float::after { animation: none !important; }
      }
    `;

    document.head.appendChild(style);
    document.body.appendChild(badge);
    return true;
  };

  /* =========================================================
     4. Shipping info button + modal
     ========================================================= */
  const MODAL_HTML = `
    <div class="aura-info-modal__header">
      <span class="aura-info-modal__header-icon">🛡️</span>
      <h3 class="aura-info-modal__header-title">معلومات الضمان والشحن</h3>
      <button class="aura-info-modal__close" aria-label="إغلاق">✕</button>
    </div>
    <div class="aura-info-modal__body">
      <p>✅ <strong>الضمان يشمل جميع طرق الشحن</strong> — مع ضمان كامل على النادي.</p>
      <p>⏱️ <strong>مدة الشحن حسب الطريقة المختارة:</strong></p>

      <div class="aura-info-modal__card">
        <div class="aura-info-modal__card-title">⚡ الشحن متوسط السرعة</div>
        <div class="aura-info-modal__card-detail">
          كل <b>100 ألف</b> كوينز تُشحن خلال <b>10 – 20 دقيقة</b>.
        </div>
      </div>

      <div class="aura-info-modal__card">
        <div class="aura-info-modal__card-title">🚀 الشحن السريع</div>
        <div class="aura-info-modal__card-detail">
          كل <b>1 مليون</b> كوينز تُشحن خلال <b>5 – 20 دقيقة</b>.
        </div>
      </div>
    </div>
  `;

  const ensureModal = () => {
    let overlay = document.getElementById("aura-info-modal-overlay");
    if (overlay) return overlay;

    overlay = document.createElement("div");
    overlay.id = "aura-info-modal-overlay";
    overlay.className = "aura-info-modal-overlay";
    overlay.innerHTML = `<div class="aura-info-modal">${MODAL_HTML}</div>`;
    document.body.appendChild(overlay);

    overlay.addEventListener("click", (e) => {
      if (e.target === overlay) overlay.classList.remove("aura-active");
    });

    overlay
      .querySelector(".aura-info-modal__close")
      .addEventListener("click", () => {
        overlay.classList.remove("aura-active");
      });

    document.addEventListener("keydown", (e) => {
      if (e.key === "Escape") overlay.classList.remove("aura-active");
    });

    return overlay;
  };

  const injectInfoButtons = () => {
    const labels = document.querySelectorAll(
      ".s-product-options-option-label b"
    );

    labels.forEach((label) => {
      if (!label.textContent.includes("سرعة الشحن")) return;
      if (label.parentElement.querySelector(".aura-info-btn")) return;

      const btn = document.createElement("span");
      btn.className = "aura-info-btn";
      btn.setAttribute("role", "button");
      btn.setAttribute("tabindex", "0");
      btn.setAttribute("aria-label", "معلومات الضمان والشحن");
      btn.textContent = "?";

      btn.addEventListener("click", (e) => {
        e.preventDefault();
        e.stopPropagation();
        ensureModal().classList.add("aura-active");
      });

      btn.addEventListener("keydown", (e) => {
        if (e.key === "Enter" || e.key === " ") {
          e.preventDefault();
          ensureModal().classList.add("aura-active");
        }
      });

      label.appendChild(btn);
    });

    return true;
  };

  /* =========================================================
     5. Tabby/Tamara notice
     ========================================================= */
  const injectTabbyTamaraNotice = () => {
    if (document.getElementById("aura-tabby-tamara-notice")) return true;

    const isLargeScreen = window.matchMedia("(min-width: 1281px)").matches;

    let anchor;
    let insertMode;

    if (isLargeScreen) {
      anchor = document.querySelector(".warning-msg");
      insertMode = "after";
    } else {
      anchor = document.querySelector(
        "section.page-sec.support-sticky-bar .flex-dts-box .sticky-bar-bottom"
      );
      insertMode = "before";
    }

    if (!anchor) return true;

    const notice = document.createElement("div");
    notice.id = "aura-tabby-tamara-notice";
    notice.innerHTML = `
      <div class="aura-tabby-tamara-box">
        <div class="aura-tt-row">
          <span class="aura-tt-icon">💳</span>
          <span class="aura-tt-title">الدفع عن طريق تابي أو تمارا</span>
          <span class="aura-tt-icon">💜</span>
        </div>
        <div class="aura-tt-subtitle">يرجى الضغط هنا للتواصل عبر واتساب</div>
        <div class="aura-tt-badge">⚡️ رد فوري | خدمة 24 ساعة</div>
      </div>
    `;

    notice
      .querySelector(".aura-tabby-tamara-box")
      .addEventListener("click", () => {
        window.open("https://wa.me/966535501992", "_blank");
      });

    if (insertMode === "before") {
      anchor.insertAdjacentElement("beforebegin", notice);
    } else {
      anchor.insertAdjacentElement("afterend", notice);
    }

    return true;
  };

  /* =========================================================
     6. Apple Pay notice
     ========================================================= */
  const injectApplePayNotice = () => {
    if (document.getElementById("aura-applepay-notice")) return true;

    const isLargeScreen = window.matchMedia("(min-width: 1281px)").matches;

    let anchor;
    let insertMode;

    if (isLargeScreen) {
      anchor =
        document.getElementById("aura-tabby-tamara-notice") ||
        document.querySelector(".warning-msg");
      insertMode = "after";
    } else {
      anchor =
        document.getElementById("aura-tabby-tamara-notice") ||
        document.querySelector(
          "section.page-sec.support-sticky-bar .flex-dts-box .sticky-bar-bottom"
        );
      insertMode = document.getElementById("aura-tabby-tamara-notice")
        ? "after"
        : "before";
    }

    if (!anchor) return true;

    const notice = document.createElement("div");
    notice.id = "aura-applepay-notice";
    notice.innerHTML = `
      <div style="margin-top:15px;margin-bottom:15px;padding:15px 20px;background:linear-gradient(135deg,#1a0f08 0%,#35170f 100%);border-right:5px solid #ff8c42;border-radius:12px;box-shadow:0 4px 20px rgba(255,140,66,0.25);">
        <div style="display:flex;align-items:flex-start;gap:12px;">
          <div style="font-size:28px;min-width:45px;filter:drop-shadow(0 0 8px rgba(255,140,66,0.7));">💡</div>
          <div style="flex:1;">
            <div style="font-size:18px;font-weight:bold;color:#ff8c42;margin-bottom:8px;display:flex;align-items:center;gap:8px;">
              <span>تنبيه</span>
              <span style="background:linear-gradient(135deg,#ff8c42,#d63031);color:white;font-size:11px;padding:2px 8px;border-radius:20px;">مهم</span>
            </div>
            <div style="font-size:15px;color:#e8d5c0;line-height:1.6;margin-bottom:12px;">
              إذا كنت خارج السعودية، قد لا يعمل Apple Pay مع بطاقتك بسبب سياسات البنك.
            </div>
            <div style="background:rgba(255,140,66,0.12);border:1px solid rgba(255,140,66,0.25);padding:10px 12px;border-radius:8px;margin:10px 0;">
              <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;">
                <span style="font-size:20px;">💳</span>
                <span style="font-size:14px;color:#ff8c42;font-weight:600;">ننصح باستخدام الدفع المباشر بالبطاقة</span>
                <span style="background:#2c3e50;color:white;padding:4px 12px;border-radius:20px;font-size:12px;">Visa / Mastercard</span>
                <span style="font-size:13px;color:#c9b8a8;">✓ لضمان إتمام الطلب بسرعة وبدون مشاكل</span>
              </div>
            </div>
            <div style="font-size:13px;color:#c9b8a8;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;">
              <span>⭐</span><span>نحن هنا لخدمتك دائمًا</span><span>⭐</span>
            </div>
          </div>
        </div>
      </div>
    `;

    if (insertMode === "before") {
      anchor.insertAdjacentElement("beforebegin", notice);
    } else {
      anchor.insertAdjacentElement("afterend", notice);
    }

    return true;
  };

  /* =========================================================
     Boot
     ========================================================= */
  const tasks = [
    rewriteProductTexts,
    rewriteFooterCredit,
    mountFloatingBadge,
    injectInfoButtons,
    injectTabbyTamaraNotice,
    injectApplePayNotice,
  ];

  const runTasks = runAll(tasks);

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", runTasks);
  } else {
    runTasks();
  }

  const observer = new MutationObserver(runTasks);
  observer.observe(document.body, { childList: true, subtree: true });
  setTimeout(() => observer.disconnect(), 10000);
})();


/************************************************************************************/
/* 
       تنسيق صفحة الدعم الفني - متجر PLCOINS
       mobile : +963992318670
       email :  mohammad.al.laith.mousa@gmail.com
*/
/************************************************************************************/

(function () {
  "use strict";

  const isSupportPage = () => {
    const decodedPath = decodeURIComponent(window.location.pathname);
    return (
      decodedPath.includes("الدعم-الفني") ||
      decodedPath.includes("/page-450257007")
    );
  };

  const SUPPORT_CSS = `
    .content-entry.aura-support-box {
      background: linear-gradient(145deg, #1a0f08 0%, #35170f 100%) !important;
      border: 1px solid rgba(255, 140, 66, 0.35) !important;
      border-right: 6px solid #ff8c42 !important;
      border-radius: 16px !important;
      padding: 32px 28px !important;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5),
                  0 0 40px rgba(255, 140, 66, 0.15) !important;
      position: relative !important;
      overflow: hidden !important;
      direction: rtl !important;
    }
    .content-entry.aura-support-box::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 5px;
      background: linear-gradient(90deg, #ff8c42, #d63031, #ff8c42);
      background-size: 200% 100%;
      animation: aura-support-bar 3s linear infinite;
    }
    @keyframes aura-support-bar {
      0%   { background-position: 0% 50%; }
      100% { background-position: 200% 50%; }
    }
    .content-entry.aura-support-box h1 {
      color: #ff8c42 !important;
      font-size: 26px !important;
      font-weight: 900 !important;
      margin-bottom: 18px !important;
      text-align: center !important;
      text-shadow: 0 0 15px rgba(255, 140, 66, 0.5) !important;
      letter-spacing: 0.5px !important;
      position: relative !important;
      padding-bottom: 12px !important;
    }
    .content-entry.aura-support-box h1::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 3px;
      background: linear-gradient(90deg, transparent, #ff8c42, transparent);
      border-radius: 2px;
    }
    .content-entry.aura-support-box h1:last-of-type {
      margin-top: 28px !important;
      font-size: 22px !important;
      color: #ffd93b !important;
      text-shadow: 0 0 15px rgba(255, 217, 59, 0.5) !important;
    }
    .content-entry.aura-support-box h1:last-of-type::after {
      background: linear-gradient(90deg, transparent, #ffd93b, transparent);
    }
    .content-entry.aura-support-box p {
      color: #e8d5c0 !important;
      font-size: 17px !important;
      line-height: 1.9 !important;
      text-align: center !important;
      margin-bottom: 10px !important;
    }
    .content-entry.aura-support-box p strong {
      color: #ff8c42 !important;
      font-weight: 800 !important;
      background: rgba(255, 140, 66, 0.12) !important;
      padding: 3px 10px !important;
      border-radius: 6px !important;
    }
    .content-entry.aura-support-box br { display: none !important; }

    .aura-whatsapp-buttons {
      display: flex !important;
      flex-direction: column !important;
      gap: 14px !important;
      margin: 24px 0 !important;
    }
    .aura-wa-btn {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 14px !important;
      padding: 16px 22px !important;
      background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
      color: #ffffff !important;
      text-decoration: none !important;
      border-radius: 12px !important;
      font-weight: 800 !important;
      box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35) !important;
      transition: transform 0.3s ease, box-shadow 0.3s ease !important;
      position: relative !important;
      overflow: hidden !important;
      direction: rtl !important;
    }
    .aura-wa-btn:hover {
      transform: translateY(-3px) !important;
      box-shadow: 0 10px 30px rgba(37, 211, 102, 0.6) !important;
      color: #ffffff !important;
    }
    .aura-wa-btn:active { transform: translateY(-1px) !important; }
    .aura-wa-btn svg {
      width: 26px !important;
      height: 26px !important;
      flex-shrink: 0 !important;
      filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4)) !important;
    }
    .aura-wa-btn__content {
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      gap: 2px !important;
      line-height: 1.3 !important;
    }
    .aura-wa-btn__label {
      font-size: 12px !important;
      font-weight: 700 !important;
      color: rgba(255, 255, 255, 0.85) !important;
      letter-spacing: 0.5px !important;
      font-family: inherit !important;
    }
    .aura-wa-btn .aura-wa-number {
      font-family: 'Courier New', monospace !important;
      letter-spacing: 1px !important;
      font-size: 19px !important;
      font-weight: 900 !important;
    }
    .aura-wa-btn::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 60%;
      height: 100%;
      background: linear-gradient(120deg,
                  transparent 0%,
                  rgba(255, 255, 255, 0.4) 50%,
                  transparent 100%);
      transform: skewX(-25deg);
      animation: aura-wa-shine 3s ease-in-out infinite;
      pointer-events: none;
    }
    @keyframes aura-wa-shine {
      0%   { left: -100%; }
      55%  { left: 130%; }
      100% { left: 130%; }
    }
    @media (max-width: 640px) {
      .content-entry.aura-support-box {
        padding: 22px 16px !important;
        border-radius: 12px !important;
      }
      .content-entry.aura-support-box h1 { font-size: 20px !important; }
      .content-entry.aura-support-box h1:last-of-type { font-size: 17px !important; }
      .content-entry.aura-support-box p { font-size: 15px !important; }
      .aura-wa-btn { padding: 14px 16px !important; }
      .aura-wa-btn .aura-wa-number { font-size: 16px !important; }
      .aura-wa-btn__label { font-size: 10px !important; }
      .aura-wa-btn svg { width: 22px !important; height: 22px !important; }
    }
    @media (prefers-reduced-motion: reduce) {
      .content-entry.aura-support-box::before,
      .aura-wa-btn::before { animation: none !important; }
    }
  `;

  const WA_SVG = `
    <svg viewBox="0 0 32 32" fill="currentColor">
      <path d="M27.281 4.65c-2.994-3-6.975-4.65-11.219-4.65-8.738 0-15.85 7.112-15.85 15.856 0 2.794 0.731 5.525 2.119 7.925l-2.25 8.219 8.406-2.206c2.319 1.262 4.925 1.931 7.575 1.931h0.006c8.738 0 15.856-7.113 15.856-15.856 0-4.238-1.65-8.219-4.644-11.219zM16.069 29.050v0c-2.369 0-4.688-0.637-6.713-1.837l-0.481-0.288-4.987 1.306 1.331-4.863-0.313-0.5c-1.325-2.094-2.019-4.519-2.019-7.012 0-7.269 5.912-13.181 13.188-13.181 3.519 0 6.831 1.375 9.319 3.862 2.488 2.494 3.856 5.8 3.856 9.325-0.006 7.275-5.919 13.188-13.181 13.188zM23.294 19.175c-0.394-0.2-2.344-1.156-2.706-1.288s-0.625-0.2-0.894 0.2c-0.262 0.394-1.025 1.288-1.256 1.556-0.231 0.262-0.462 0.3-0.856 0.1s-1.675-0.619-3.188-1.969c-1.175-1.050-1.975-2.35-2.206-2.744s-0.025-0.613 0.175-0.806c0.181-0.175 0.394-0.463 0.594-0.694s0.262-0.394 0.394-0.662c0.131-0.262 0.069-0.494-0.031-0.694s-0.894-2.15-1.219-2.944c-0.319-0.775-0.65-0.669-0.894-0.681-0.231-0.012-0.494-0.012-0.756-0.012s-0.694 0.1-1.056 0.494c-0.363 0.394-1.387 1.356-1.387 3.306s1.419 3.831 1.619 4.1c0.2 0.262 2.794 4.269 6.769 5.981 0.944 0.406 1.681 0.65 2.256 0.837 0.95 0.3 1.813 0.256 2.494 0.156 0.762-0.113 2.344-0.956 2.675-1.881s0.331-1.719 0.231-1.881c-0.094-0.175-0.356-0.275-0.756-0.475z"/>
    </svg>
  `;

  const buildWhatsAppButtons = () => {
    const numbers = [
      { display: "0535501992", intl: "966535501992", label: "فرع الكوينز" },
      { display: "0554008416", intl: "966554008416", label: "فرع التحديات" },
    ];

    const container = document.createElement("div");
    container.className = "aura-whatsapp-buttons";

    numbers.forEach(({ display, intl, label }) => {
      const a = document.createElement("a");
      a.className = "aura-wa-btn";
      a.href = `https://wa.me/${intl}`;
      a.target = "_blank";
      a.rel = "noreferrer noopener";
      a.innerHTML = `
        ${WA_SVG}
        <span class="aura-wa-btn__content">
          <span class="aura-wa-btn__label">${label}</span>
          <span class="aura-wa-number">${display}</span>
        </span>
      `;
      container.appendChild(a);
    });

    return container;
  };

  const styleSupportPage = () => {
    if (!isSupportPage()) return true;

    if (!document.getElementById("aura-support-styles")) {
      const style = document.createElement("style");
      style.id = "aura-support-styles";
      style.textContent = SUPPORT_CSS;
      document.head.appendChild(style);
    }

    const contentBox = document.querySelector(".content-entry.mb-10");
    if (!contentBox || contentBox.dataset.auraStyled) return true;

    contentBox.classList.add("aura-support-box");

    const paragraphs = contentBox.querySelectorAll("p");
    let numbersPara = null;

    paragraphs.forEach((p) => {
      const text = p.textContent || "";
      if (text.includes("0535501992") && text.includes("0554008416")) {
        numbersPara = p;
      }
    });

    if (numbersPara) {
      numbersPara.replaceWith(buildWhatsAppButtons());
    }

    contentBox.querySelectorAll("p").forEach((p) => {
      if (!p.textContent.trim() && !p.querySelector("img, iframe, video")) {
        p.remove();
      }
    });

    contentBox.dataset.auraStyled = "true";
    return true;
  };

  const run = () => {
    try {
      styleSupportPage();
    } catch (e) {
      console.error("Support page styling failed:", e);
    }
  };

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", run);
  } else {
    run();
  }

  const observer = new MutationObserver(run);
  observer.observe(document.body, { childList: true, subtree: true });
  setTimeout(() => observer.disconnect(), 10000);
})();


/************************************************************************************/
/* 
       تنسيق صفحة تواصل معنا - متجر PLCOINS
       mobile : +963992318670
       email :  mohammad.al.laith.mousa@gmail.com
*/
/************************************************************************************/

(function () {
  "use strict";

  const CONTACT_CSS = `
    /* ===== الحاوية الرئيسية ===== */
    .content-entry.aura-contact-box {
      background:
        radial-gradient(circle at 10% 0%, rgba(255, 140, 66, 0.15) 0%, transparent 40%),
        radial-gradient(circle at 90% 100%, rgba(214, 48, 49, 0.12) 0%, transparent 40%),
        linear-gradient(145deg, #0f0705 0%, #1a0f08 50%, #0f0705 100%) !important;
      border: 1px solid rgba(255, 140, 66, 0.2) !important;
      border-radius: 24px !important;
      padding: 50px 35px !important;
      box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.6),
        0 0 60px rgba(255, 140, 66, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
      position: relative !important;
      overflow: hidden !important;
      direction: rtl !important;
      max-width: 900px !important;
      margin: 0 auto !important;
    }

    /* جزيئات مضيئة متحركة في الخلفية */
    .content-entry.aura-contact-box::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        radial-gradient(1px 1px at 15% 25%, rgba(255, 200, 100, 0.6), transparent),
        radial-gradient(1px 1px at 85% 15%, rgba(255, 140, 66, 0.5), transparent),
        radial-gradient(2px 2px at 45% 75%, rgba(255, 217, 59, 0.4), transparent),
        radial-gradient(1px 1px at 70% 55%, rgba(255, 140, 66, 0.5), transparent),
        radial-gradient(1px 1px at 25% 85%, rgba(255, 200, 100, 0.4), transparent);
      background-size: 100% 100%;
      animation: aura-particles 8s ease-in-out infinite;
      pointer-events: none;
      opacity: 0.8;
      z-index: 0;
    }
    @keyframes aura-particles {
      0%, 100% { opacity: 0.5; transform: scale(1); }
      50%      { opacity: 1; transform: scale(1.05); }
    }

    /* ===== العناوين ===== */
    .content-entry.aura-contact-box h2 {
      position: relative !important;
      z-index: 2 !important;
      background: linear-gradient(135deg, #ffd93b 0%, #ff8c42 50%, #d63031 100%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
      color: transparent !important;
      font-size: 34px !important;
      font-weight: 900 !important;
      margin: 0 0 10px !important;
      text-align: center !important;
      letter-spacing: 1px !important;
      filter: drop-shadow(0 4px 15px rgba(255, 140, 66, 0.4)) !important;
      background-color: transparent !important;
    }
    .content-entry.aura-contact-box h2 strong {
      background: transparent !important;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
    }
    .content-entry.aura-contact-box h2:first-of-type {
      margin-top: 30px !important;
      margin-bottom: 25px !important;
      padding: 20px 0 25px !important;
      line-height: 1.4 !important;
    }
    .content-entry.aura-contact-box h2:first-of-type::after {
      content: '';
      display: block;
      width: 100px;
      height: 4px;
      margin: 22px auto 8px !important;
      background: linear-gradient(90deg, transparent, #ff8c42, #ffd93b, #ff8c42, transparent);
      border-radius: 4px;
      box-shadow: 0 0 15px rgba(255, 140, 66, 0.6);
    }
    .content-entry.aura-contact-box h2:nth-of-type(2) {
      font-size: 26px !important;
      margin-top: 50px !important;
      margin-bottom: 35px !important;
      padding: 25px 0 20px !important;
      line-height: 1.4 !important;
    }

    /* ===== النصوص ===== */
    .content-entry.aura-contact-box p {
      position: relative !important;
      z-index: 2 !important;
      color: #c9b8a8 !important;
      font-size: 16px !important;
      line-height: 2 !important;
      text-align: center !important;
      margin-top: 10px !important;
      margin-bottom: 14px !important;
      padding: 0 15px !important;
    }
    .content-entry.aura-contact-box p span,
    .content-entry.aura-contact-box p strong {
      color: #c9b8a8 !important;
      background: transparent !important;
    }
    .content-entry.aura-contact-box p strong {
      color: #ffd93b !important;
      font-weight: 800 !important;
      text-shadow: 0 0 10px rgba(255, 217, 59, 0.4) !important;
    }
    .content-entry.aura-contact-box br { display: none !important; }

    /* ===== شبكة البطاقات ===== */
    .aura-contact-grid {
      display: grid !important;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
      gap: 18px !important;
      margin: 30px 0 !important;
      position: relative !important;
      z-index: 2 !important;
    }

    /* ===== بطاقة المنصة ===== */
    .aura-platform-card {
      position: relative !important;
      display: flex !important;
      align-items: center !important;
      gap: 16px !important;
      padding: 20px 22px !important;
      border-radius: 18px !important;
      text-decoration: none !important;
      overflow: hidden !important;
      background: rgba(255, 255, 255, 0.03) !important;
      border: 1px solid rgba(255, 255, 255, 0.08) !important;
      backdrop-filter: blur(10px) !important;
      -webkit-backdrop-filter: blur(10px) !important;
      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
      direction: rtl !important;
    }
    .aura-platform-card::before {
      content: '';
      position: absolute;
      inset: 0;
      background: var(--aura-card-gradient);
      opacity: 0;
      transition: opacity 0.4s ease;
      z-index: -1;
    }
    .aura-platform-card:hover {
      transform: translateY(-6px) !important;
      border-color: var(--aura-card-border) !important;
      box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 0 1px var(--aura-card-border) inset,
        0 0 30px var(--aura-card-glow) !important;
    }
    .aura-platform-card:hover::before { opacity: 1; }

    .aura-platform-card__icon {
      width: 52px !important;
      height: 52px !important;
      border-radius: 14px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex-shrink: 0 !important;
      background: var(--aura-icon-bg) !important;
      box-shadow:
        0 8px 20px var(--aura-card-glow),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
      transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    }
    .aura-platform-card__icon svg {
      width: 28px !important;
      height: 28px !important;
      fill: #ffffff !important;
      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) !important;
    }
    .aura-platform-card:hover .aura-platform-card__icon {
      transform: scale(1.1) rotate(-5deg) !important;
    }

    .aura-platform-card__content { flex: 1 !important; min-width: 0 !important; }
    .aura-platform-card__name {
      display: block !important;
      font-size: 17px !important;
      font-weight: 800 !important;
      color: #f5e6d3 !important;
      margin-bottom: 4px !important;
      transition: color 0.3s ease !important;
    }
    .aura-platform-card:hover .aura-platform-card__name {
      color: #ffffff !important;
      text-shadow: 0 0 12px var(--aura-card-glow) !important;
    }
    .aura-platform-card__link {
      display: block !important;
      font-size: 13px !important;
      color: #8b7565 !important;
      word-break: break-all !important;
      transition: color 0.3s ease !important;
    }
    .aura-platform-card:hover .aura-platform-card__link {
      color: #c9b8a8 !important;
    }
    .aura-platform-card__arrow {
      width: 34px !important;
      height: 34px !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      background: rgba(255, 255, 255, 0.05) !important;
      color: #ff8c42 !important;
      font-size: 16px !important;
      flex-shrink: 0 !important;
      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    }
    .aura-platform-card:hover .aura-platform-card__arrow {
      background: var(--aura-icon-bg) !important;
      color: #ffffff !important;
      transform: translateX(-6px) scale(1.1) !important;
      box-shadow: 0 6px 18px var(--aura-card-glow) !important;
    }
    .aura-platform-card::after {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 60%;
      height: 100%;
      background: linear-gradient(120deg,
                  transparent 0%,
                  rgba(255, 255, 255, 0.15) 50%,
                  transparent 100%);
      transform: skewX(-25deg);
      transition: none;
      pointer-events: none;
    }
    .aura-platform-card:hover::after {
      animation: aura-card-shine 0.9s ease forwards;
    }
    @keyframes aura-card-shine {
      0%   { left: -100%; }
      100% { left: 150%; }
    }

    /* ===== الواتساب ===== */
    .aura-whatsapp-section {
      position: relative !important;
      z-index: 2 !important;
      margin: 30px 0 !important;
    }
    .aura-whatsapp-label {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      font-size: 20px !important;
      font-weight: 800 !important;
      color: #ffd93b !important;
      margin-top: 25px !important;
      margin-bottom: 28px !important;
      padding: 10px 0 !important;
      text-shadow: 0 0 15px rgba(255, 217, 59, 0.4) !important;
    }
    .aura-whatsapp-label__icon {
      font-size: 26px !important;
      filter: drop-shadow(0 0 10px rgba(37, 211, 102, 0.7)) !important;
      animation: aura-wa-pulse 2s ease-in-out infinite !important;
    }
    @keyframes aura-wa-pulse {
      0%, 100% { transform: scale(1); }
      50%      { transform: scale(1.15); }
    }
    .aura-whatsapp-grid {
      display: grid !important;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
      gap: 14px !important;
    }
    .aura-wa-card {
      position: relative !important;
      display: flex !important;
      align-items: center !important;
      gap: 14px !important;
      padding: 18px 20px !important;
      border-radius: 16px !important;
      text-decoration: none !important;
      background: linear-gradient(135deg, #1a4d2e 0%, #128C7E 100%) !important;
      border: 1px solid rgba(37, 211, 102, 0.3) !important;
      box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.4),
        0 0 20px rgba(37, 211, 102, 0.15) !important;
      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
      overflow: hidden !important;
      direction: ltr !important;
    }
    .aura-wa-card:hover {
      transform: translateY(-5px) scale(1.02) !important;
      box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.5),
        0 0 40px rgba(37, 211, 102, 0.5) !important;
      border-color: rgba(37, 211, 102, 0.7) !important;
    }
    .aura-wa-card__icon {
      width: 46px !important;
      height: 46px !important;
      border-radius: 50% !important;
      background: rgba(255, 255, 255, 0.15) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex-shrink: 0 !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    }
    .aura-wa-card__icon svg {
      width: 26px !important;
      height: 26px !important;
      fill: #ffffff !important;
    }
    .aura-wa-card__content { flex: 1 !important; }
    .aura-wa-card__label {
      display: block !important;
      font-size: 13px !important;
      color: #ffd93b !important;
      margin-bottom: 4px !important;
      font-weight: 800 !important;
      letter-spacing: 0.5px !important;
      text-shadow: 0 0 8px rgba(255, 217, 59, 0.5) !important;
    }
    .aura-wa-card__number {
      display: block !important;
      font-size: 18px !important;
      font-weight: 900 !important;
      color: #ffffff !important;
      font-family: 'Courier New', monospace !important;
      letter-spacing: 1px !important;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    }
    .aura-wa-card__arrow {
      color: #ffffff !important;
      font-size: 20px !important;
      opacity: 0.7 !important;
      transition: all 0.3s ease !important;
    }
    .aura-wa-card:hover .aura-wa-card__arrow {
      opacity: 1 !important;
      transform: translateX(4px) !important;
    }

    /* ===== صندوق التنبيه ===== */
    .aura-warning-box {
      position: relative !important;
      z-index: 2 !important;
      margin-top: 36px !important;
      padding: 22px 26px !important;
      background: linear-gradient(135deg, rgba(214, 48, 49, 0.12) 0%, rgba(214, 48, 49, 0.05) 100%) !important;
      border: 1px solid rgba(214, 48, 49, 0.35) !important;
      border-right: 5px solid #d63031 !important;
      border-radius: 16px !important;
      display: flex !important;
      align-items: flex-start !important;
      gap: 16px !important;
      box-shadow: 0 10px 30px rgba(214, 48, 49, 0.15) !important;
    }
    .aura-warning-box__icon {
      font-size: 32px !important;
      flex-shrink: 0 !important;
      filter: drop-shadow(0 0 12px rgba(214, 48, 49, 0.6)) !important;
      animation: aura-warn-pulse 2s ease-in-out infinite !important;
    }
    @keyframes aura-warn-pulse {
      0%, 100% { transform: scale(1); }
      50%      { transform: scale(1.1); }
    }
    .aura-warning-box__content { flex: 1 !important; }
    .aura-warning-box__title {
      display: block !important;
      font-size: 16px !important;
      font-weight: 900 !important;
      color: #ff6b6b !important;
      margin-bottom: 6px !important;
    }
    .aura-warning-box__text {
      display: block !important;
      font-size: 14px !important;
      color: #d4b3b3 !important;
      line-height: 1.7 !important;
    }

    /* ===== الفاصل ===== */
    .aura-divider {
      position: relative !important;
      z-index: 2 !important;
      height: 1px !important;
      margin: 45px 0 !important;
      background: linear-gradient(90deg,
                  transparent,
                  rgba(255, 140, 66, 0.3),
                  rgba(255, 217, 59, 0.5),
                  rgba(255, 140, 66, 0.3),
                  transparent) !important;
    }

    /* ===== موبايل ===== */
    @media (max-width: 767px) {
      .content-entry.aura-contact-box {
        padding: 32px 18px !important;
        border-radius: 18px !important;
      }
      .content-entry.aura-contact-box h2:first-of-type {
        font-size: 24px !important;
        margin-top: 20px !important;
        margin-bottom: 18px !important;
        padding: 15px 0 18px !important;
      }
      .content-entry.aura-contact-box h2:nth-of-type(2) {
        font-size: 20px !important;
        margin-top: 35px !important;
        margin-bottom: 25px !important;
        padding: 18px 0 15px !important;
      }
      .content-entry.aura-contact-box p {
        padding: 0 5px !important;
        margin-top: 8px !important;
        margin-bottom: 12px !important;
      }
      .aura-contact-grid,
      .aura-whatsapp-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }
      .aura-platform-card { padding: 16px 18px !important; }
      .aura-platform-card__icon { width: 44px !important; height: 44px !important; }
      .aura-platform-card__icon svg { width: 24px !important; height: 24px !important; }
      .aura-platform-card__name { font-size: 15px !important; }
      .aura-platform-card__link { font-size: 11px !important; }
      .aura-wa-card { padding: 14px 16px !important; }
      .aura-wa-card__number { font-size: 16px !important; }
      .aura-wa-card__label { font-size: 12px !important; }
      .aura-warning-box { padding: 18px 16px !important; }
      .aura-whatsapp-label {
        margin-top: 20px !important;
        margin-bottom: 22px !important;
      }
      .aura-divider { margin: 35px 0 !important; }
    }

    @media (prefers-reduced-motion: reduce) {
      .content-entry.aura-contact-box::before,
      .aura-platform-card::after,
      .aura-whatsapp-label__icon,
      .aura-warning-box__icon { animation: none !important; }
    }
  `;

  const SVGS = {
    whatsapp: `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M27.281 4.65c-2.994-3-6.975-4.65-11.219-4.65-8.738 0-15.85 7.112-15.85 15.856 0 2.794 0.731 5.525 2.119 7.925l-2.25 8.219 8.406-2.206c2.319 1.262 4.925 1.931 7.575 1.931h0.006c8.738 0 15.856-7.113 15.856-15.856 0-4.238-1.65-8.219-4.644-11.219zM16.069 29.05v0c-2.369 0-4.688-0.637-6.713-1.837l-0.481-0.288-4.987 1.306 1.331-4.863-0.313-0.5c-1.325-2.094-2.019-4.519-2.019-7.012 0-7.269 5.912-13.181 13.188-13.181 3.519 0 6.831 1.375 9.319 3.862 2.488 2.494 3.856 5.8 3.856 9.325-0.006 7.275-5.919 13.188-13.181 13.188z"/></svg>`,
    instagram: `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M23 32h-14c-4.971 0-9-4.029-9-9v0-14c0-4.971 4.029-9 9-9v0h14c4.971 0 9 4.029 9 9v0 14c0 4.971-4.029 9-9 9v0zM9 2c-3.866 0-7 3.134-7 7v0 14c0 3.866 3.134 7 7 7v0h14c3.866 0 7-3.134 7-7v0-14c0-3.866-3.134-7-7-7v0zM16 24c-4.418 0-8-3.582-8-8s3.582-8 8-8c4.418 0 8 3.582 8 8v0c0 4.418-3.582 8-8 8v0zM16 10c-3.314 0-6 2.686-6 6s2.686 6 6 6c3.314 0 6-2.686 6-6v0c0-3.314-2.686-6-6-6v0zM25 9c-1.105 0-2-0.895-2-2s0.895-2 2-2c1.105 0 2 0.895 2 2v0c0 1.105-0.895 2-2 2v0z"/></svg>`,
    twitter: `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>`,
    tiktok: `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M29.046 7.029c-3.359 0-6.092-2.733-6.092-6.092 0-0.518-0.42-0.938-0.938-0.938h-5.021c-0.518 0-0.938 0.42-0.938 0.938v20.585c0 1.975-1.606 3.581-3.581 3.581s-3.581-1.606-3.581-3.581c0-1.975 1.606-3.581 3.581-3.581 0.518 0 0.938-0.42 0.938-0.938v-5.021c0-0.518-0.42-0.938-0.938-0.938-5.777 0-10.477 4.7-10.477 10.477s4.7 10.477 10.477 10.477c5.777 0 10.477-4.7 10.477-10.477v-9.112c1.866 0.995 3.942 1.514 6.092 1.514 0.518 0 0.938-0.42 0.938-0.938v-5.021c0-0.518-0.42-0.938-0.938-0.938z"/></svg>`,
  };

  const buildWhatsAppSection = () => {
    const section = document.createElement("div");
    section.className = "aura-whatsapp-section";
    section.innerHTML = `
      <div class="aura-whatsapp-label">
        <span class="aura-whatsapp-label__icon">📱</span>
        <span>واتساب</span>
      </div>
      <div class="aura-whatsapp-grid">
        <a class="aura-wa-card" href="https://wa.me/966535501992" target="_blank" rel="noopener noreferrer">
          <span class="aura-wa-card__icon">${SVGS.whatsapp}</span>
          <span class="aura-wa-card__content">
            <span class="aura-wa-card__label">فرع الكوينز</span>
            <span class="aura-wa-card__number">0535501992</span>
          </span>
          <span class="aura-wa-card__arrow">→</span>
        </a>
        <a class="aura-wa-card" href="https://wa.me/966554008416" target="_blank" rel="noopener noreferrer">
          <span class="aura-wa-card__icon">${SVGS.whatsapp}</span>
          <span class="aura-wa-card__content">
            <span class="aura-wa-card__label">فرع التحديات</span>
            <span class="aura-wa-card__number">0554008416</span>
          </span>
          <span class="aura-wa-card__arrow">→</span>
        </a>
      </div>
    `;
    return section;
  };

  const buildPlatformsGrid = () => {
    const platforms = [
      {
        name: "إنستغرام",
        display: "instagram.com/fut_lh1",
        url: "https://instagram.com/fut_lh1?r=nametag",
        svg: SVGS.instagram,
        gradient: "linear-gradient(135deg, rgba(225, 48, 108, 0.15), rgba(253, 89, 73, 0.15), rgba(247, 190, 90, 0.15))",
        iconBg: "linear-gradient(135deg, #833ab4 0%, #fd1d1d 50%, #fcb045 100%)",
        border: "rgba(225, 48, 108, 0.6)",
        glow: "rgba(225, 48, 108, 0.4)",
      },
      {
        name: "تويتر / X",
        display: "twitter.com/fut_lh",
        url: "https://twitter.com/fut_lh?s=21",
        svg: SVGS.twitter,
        gradient: "linear-gradient(135deg, rgba(29, 161, 242, 0.15), rgba(0, 0, 0, 0.15))",
        iconBg: "linear-gradient(135deg, #000000 0%, #1da1f2 100%)",
        border: "rgba(29, 161, 242, 0.6)",
        glow: "rgba(29, 161, 242, 0.4)",
      },
      {
        name: "تيك توك",
        display: "tiktok.com/@Fut_lh1",
        url: "https://www.tiktok.com/@Fut_lh1",
        svg: SVGS.tiktok,
        gradient: "linear-gradient(135deg, rgba(0, 242, 234, 0.15), rgba(255, 0, 80, 0.15))",
        iconBg: "linear-gradient(135deg, #000000 0%, #25f4ee 50%, #fe2c55 100%)",
        border: "rgba(37, 244, 238, 0.6)",
        glow: "rgba(37, 244, 238, 0.4)",
      },
    ];

    const grid = document.createElement("div");
    grid.className = "aura-contact-grid";

    platforms.forEach((p) => {
      const card = document.createElement("a");
      card.className = "aura-platform-card";
      card.href = p.url;
      card.target = "_blank";
      card.rel = "noopener noreferrer";
      card.style.setProperty("--aura-card-gradient", p.gradient);
      card.style.setProperty("--aura-icon-bg", p.iconBg);
      card.style.setProperty("--aura-card-border", p.border);
      card.style.setProperty("--aura-card-glow", p.glow);
      card.innerHTML = `
        <span class="aura-platform-card__icon">${p.svg}</span>
        <span class="aura-platform-card__content">
          <span class="aura-platform-card__name">${p.name}</span>
          <span class="aura-platform-card__link">${p.display}</span>
        </span>
        <span class="aura-platform-card__arrow">←</span>
      `;
      grid.appendChild(card);
    });

    return grid;
  };

  const buildWarningBox = () => {
    const box = document.createElement("div");
    box.className = "aura-warning-box";
    box.innerHTML = `
      <span class="aura-warning-box__icon">⚠️</span>
      <div class="aura-warning-box__content">
        <span class="aura-warning-box__title">تنبيه مهم</span>
        <span class="aura-warning-box__text">يرجى التواصل من خلال حساباتنا الرسمية فقط، وأي حساب آخر لا يتبع لنا ولا نتحمل أي مسؤولية تجاهه.</span>
      </div>
    `;
    return box;
  };

  const styleContactPage = () => {
    const decodedPath = decodeURIComponent(window.location.pathname);
    if (
      !decodedPath.includes("تواصل-معنا") &&
      !decodedPath.includes("/page-1291524035")
    ) {
      return true;
    }

    if (!document.getElementById("aura-contact-styles")) {
      const style = document.createElement("style");
      style.id = "aura-contact-styles";
      style.textContent = CONTACT_CSS;
      document.head.appendChild(style);
    }

    const contentBox = document.querySelector(".content-entry.mb-10");
    if (!contentBox || contentBox.dataset.auraStyled) return true;

    contentBox.classList.add("aura-contact-box");

    contentBox.querySelectorAll("p, ul, br").forEach((el) => el.remove());

    const header = document.createElement("h2");
    header.innerHTML = `<strong>📞 تواصل معنا</strong>`;
    contentBox.appendChild(header);

    const intro = document.createElement("p");
    intro.innerHTML = `<strong>يسعدنا تواصلك معنا في أي وقت!</strong><br><span>نحن هنا لخدمتك والإجابة على جميع استفساراتك. يرجى التواصل معنا <strong>فقط</strong> من خلال حساباتنا الرسمية الموثقة أدناه لضمان حصولك على خدمة آمنة وموثوقة.</span>`;
    contentBox.appendChild(intro);

    contentBox.appendChild(buildWhatsAppSection());

    const divider = document.createElement("div");
    divider.className = "aura-divider";
    contentBox.appendChild(divider);

    const socialTitle = document.createElement("h2");
    socialTitle.innerHTML = `<strong>🌐 حساباتنا الرسمية</strong>`;
    contentBox.appendChild(socialTitle);

    contentBox.appendChild(buildPlatformsGrid());
    contentBox.appendChild(buildWarningBox());

    contentBox.dataset.auraStyled = "true";
    return true;
  };

  const run = () => {
    try {
      styleContactPage();
    } catch (e) {
      console.error("Contact page styling failed:", e);
    }
  };

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", run);
  } else {
    run();
  }

  const observer = new MutationObserver(run);
  observer.observe(document.body, { childList: true, subtree: true });
  setTimeout(() => observer.disconnect(), 10000);
})();