function fixAll() {
    // إضافة label "اختر اللون" فوق الصور
    document.querySelectorAll('.s-product-options-option[data-option-type="thumbnail"]').forEach(function(opt) {
        if (opt.dataset.labelAdded) return;
        opt.dataset.labelAdded = true;

        var wrapper = opt.querySelector('.s-product-options-thumbnails-wrapper');
        if (wrapper) {
            var label = document.createElement('p');
            label.textContent = 'اختر اللون *';
            label.style.cssText = 'color: red; font-weight: bold; font-size: 14px; margin-bottom: 6px; text-align: right;';
            wrapper.parentNode.insertBefore(label, wrapper);
        }
    });

    // اختر اللون بالأحمر عن طريق JS
    document.querySelectorAll('.s-product-options-option[data-option-type="thumbnail"] .s-product-options-option-label b').forEach(function(el) {
        el.style.setProperty('color', 'red', 'important');
        el.style.setProperty('-webkit-text-fill-color', 'red', 'important');
    });

    // المقاس والارتفاع
    document.querySelectorAll('select[name^="options["]').forEach(function(select) {
        if (select.dataset.fixed) return;
        select.dataset.fixed = true;

        var container = select.closest('.s-product-options-option-container');
        var labelText = container ? (container.querySelector('label b') || {}).textContent || '' : '';

        var placeholder = select.querySelector('option[value=""]');
        if (placeholder) {
            placeholder.textContent = labelText.includes('ارتفاع') ? 'اختر الارتفاع ↓' : 'اختر المقاس ↓';
        }

        function updateColor() {
            select.style.color = select.value === '' ? 'red' : '#000';
        }
        updateColor();
        select.addEventListener('change', updateColor);
    });
}
function updateColor() {
    if (select.value === '') {
        select.setAttribute('style', 'color: red !important');
    } else {
        select.setAttribute('style', 'color: #000 !important');
    }
}
setTimeout(fixAll, 500);
setTimeout(fixAll, 1500);
setTimeout(fixAll, 3000);


/**
 * ============================================================
 *  SLEEPLINE — Custom JS  |  sleepline.com.sa
 *  ============================================================
 *  الهيكل:
 *  0. CONFIG & HELPERS       — الإعدادات والدوال المشتركة
 *  1. GLOBAL FEATURES        — مميزات تعمل على كل الموقع
 *     1.1  Login popup
 *     1.2  Poptin pixel
 *     1.3  Hide cashback
 *     1.4  Pulsing menu items
 *     1.5  Purchase counter
 *     1.6  LinkedIn social icon
 *     1.7  Footer badges (ISO / صنع في السعودية)
 *     1.8  Size guide modal
 *  2. PAGE: BRANCH SELECTOR  — page-309604307
 *  3. PAGE: OLD BRANCHES     — test01/page-2105897825
 *  4. PAGE: B2B PROJECTS     — page-658176410
 *  5. PAGE: PACKAGES PROMO   — page-252804995
 *  6. PAGE: PACKAGES ERSAN   — page-734960492
 *  7. PAGE: CATEGORY BANNER  — c1347300850
 * ============================================================
 */

;(function () {
  'use strict';

  /* ============================================================
   *  0. CONFIG & HELPERS
   * ============================================================ */

  const CDN = 'https://cdn.salla.sa/BrAqEr/';
  const cdnImg = (hash, ext = 'jpg') => `${CDN}${hash}.${ext}`;

  // brand tokens — مركزية كل الألوان
  const T = {
    primary:   '#1e3c72',
    secondary: '#667393',
    accent:    '#25d366',
    red:       '#e63946',
    white:     '#ffffff',
    offwhite:  '#f8f9fa',
    border:    '#e0e8f0',
    text:      '#2d3748',
    muted:     '#6b7280',
  };

  /** إضافة <style> مرة واحدة بـ id محدد */
  const injectStyle = (id, css) => {
    if (document.getElementById(id)) return;
    const s = document.createElement('style');
    s.id = id;
    s.textContent = css;
    document.head.appendChild(s);
  };

  /** إضافة <link> مرة واحدة */
  const injectLink = (href) => {
    if (document.querySelector(`link[href="${href}"]`)) return;
    const l = document.createElement('link');
    l.rel = 'stylesheet';
    l.href = href;
    document.head.appendChild(l);
  };

  /** إضافة <script> مرة واحدة */
  const injectScript = (id, src) => {
    if (document.getElementById(id)) return;
    const s = document.createElement('script');
    s.id = id;
    s.src = src;
    s.async = true;
    document.head.appendChild(s);
  };

  /** Scroll-reveal خفيف */
  const revealOnScroll = (selector) => {
    const els = document.querySelectorAll(selector);
    if (!els.length) return;
    els.forEach(el => {
      el.style.cssText += 'opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease;';
    });
    const check = () => {
      els.forEach(el => {
        if (el.getBoundingClientRect().top < window.innerHeight - 70) {
          el.style.opacity = '1';
          el.style.transform = 'translateY(0)';
        }
      });
    };
    window.addEventListener('scroll', check, { passive: true });
    setTimeout(check, 120);
  };

  /** Countdown timer — يُحدَّث كل ثانية */
  const startCountdown = (el, endDate) => {
    const tick = () => {
      const diff = endDate - Date.now();
      if (diff <= 0) { el.textContent = 'انتهى العرض'; return; }
      const d = Math.floor(diff / 86400000);
      const h = Math.floor((diff % 86400000) / 3600000);
      const m = Math.floor((diff % 3600000) / 60000);
      const s = Math.floor((diff % 60000) / 1000);
      el.textContent = `${d}ي  ${h}س  ${m}د  ${s}ث`;
    };
    tick();
    setInterval(tick, 1000);
  };

  /** URL يحتوي على نص معين */
  const urlHas = (str) => location.href.includes(str);

  /** DOM جاهز */
  const onReady = (fn) => {
    if (document.readyState !== 'loading') fn();
    else document.addEventListener('DOMContentLoaded', fn);
  };

  /* ============================================================
   *  SVG ICON SYSTEM — لا CDN خارجي، تعمل دائماً
   *  الاستخدام: icon('tags') أو icon('whatsapp', 20)
   * ============================================================ */
  const ICONS = {
    // ── B2B features
    'tags':          `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/></svg>`,
    'award':         `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="6"/><path d="M15.477 12.89L17 22l-5-3-5 3 1.523-9.11"/></svg>`,
    'box-seam':      `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>`,
    'truck':         `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13"/><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg>`,
    'pencil':        `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>`,
    'shield-check':  `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><polyline points="9 12 11 14 15 10"/></svg>`,
    // ── B2B project types
    'building':      `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><path d="M3 9h18M3 15h18M9 3v18M15 3v18"/></svg>`,
    'buildings':     `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="6" width="14" height="16"/><path d="M15 10h4a2 2 0 0 1 2 2v8H15"/><path d="M5 6V2h6v4"/><line x1="5" y1="10" x2="5" y2="10.01"/><line x1="9" y1="10" x2="9" y2="10.01"/><line x1="5" y1="14" x2="5" y2="14.01"/><line x1="9" y1="14" x2="9" y2="14.01"/><line x1="5" y1="18" x2="5" y2="18.01"/><line x1="9" y1="18" x2="9" y2="18.01"/></svg>`,
    'houses':        `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>`,
    'mortarboard':   `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10v6M2 10l10-5 10 5-10 5z"/><path d="M6 12v5c3 3 9 3 12 0v-5"/></svg>`,
    'stars':         `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>`,
    'house-door':    `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M9 22V12h6v10"/></svg>`,
    'people':        `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>`,
    'hospital':      `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><path d="M9 12h6M12 9v6"/></svg>`,
    // ── B2B specs
    'virus':         `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/></svg>`,
    'rulers':        `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="12" rx="2"/><path d="M6 6v12M10 6v8M14 6v12M18 6v8"/></svg>`,
    'clock-history': `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>`,
    'layers':        `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></svg>`,
    // ── B2B ideal
    'gear':          `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>`,
    'hourglass-split':`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 22h14M5 2h14M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2"/></svg>`,
    'cash-coin':     `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v2m0 8v2m-4-6h2a2 2 0 1 0 0-4h-1a2 2 0 1 0 0 4h2a2 2 0 1 1 0 4h-2"/></svg>`,
    // ── Contact
    'envelope':      `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>`,
    'whatsapp':      `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg>`,
    'telephone':     `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13 19.79 19.79 0 0 1 1.61 4.4 2 2 0 0 1 3.6 2.21h3a2 2 0 0 1 2 1.72c.13 1 .37 1.97.72 2.91a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.18 6.18l.96-.96a2 2 0 0 1 2.11-.45c.94.35 1.91.59 2.91.72a2 2 0 0 1 1.73 2.02z"/></svg>`,
  };

  /**
   * icon('tags') → <svg ...> بحجم 20px افتراضي
   * icon('whatsapp', 18) → بحجم 18px
   */
  const icon = (name, size = 20) => {
    const svg = ICONS[name];
    if (!svg) return '';
    return svg.replace('<svg ', `<svg width="${size}" height="${size}" `);
  };


  /* ============================================================
   *  1. GLOBAL FEATURES
   * ============================================================ */



  /* 1.2 ── Poptin pixel ──────────────────────────────────────── */
  if (urlHas('sleepline.com.sa')) {
    injectScript('pixel-script-poptin', 'https://cdn.popt.in/pixel.js?id=d79626efd67ee');
  }

  /* 1.3 ── إخفاء cashback label (يراقب AJAX أيضاً) ─────────── */
  (function hideCashback() {
    const SEL = '.cashback-message-lable-wrapper';
    const hide = (root = document) => {
      root.querySelectorAll(SEL).forEach(el =>
        el.style.setProperty('display', 'none', 'important')
      );
    };
    hide();
    new MutationObserver(mutations => {
      for (const m of mutations) {
        for (const node of m.addedNodes) {
          if (!(node instanceof HTMLElement)) continue;
          if (node.matches?.(SEL)) node.style.setProperty('display', 'none', 'important');
          hide(node);
        }
      }
    }).observe(document.documentElement, { childList: true, subtree: true });
  })();

  /* 1.4 ── Pulsing menu items ────────────────────────────────── */
  const PULSING_HREFS = ['252804995', '734960492', '1892462915', '160420666'];

  injectStyle('sl-pulsing', `
    @keyframes sl-pulse {
      0%,100% { opacity:1; }
      50%      { opacity:.55; }
    }
    .pulsing { animation: sl-pulse 1.6s ease-in-out infinite; }
  `);

  onReady(() => {
    PULSING_HREFS.forEach(id => {
      document.querySelectorAll(`a[href*="${id}"] .menu_title`).forEach(el =>
        el.classList.add('pulsing')
      );
    });
  });

  /* 1.5 ── عدّاد مرات الشراء على صفحات المنتج ───────────────── */
  injectStyle('sl-purchase-counter', `
    .sl-purchase-count {
      display: inline-flex; align-items: center; gap: 6px;
      background: #fff3f3; color: ${T.red};
      border: 1px solid #fcc; border-radius: 8px;
      padding: 8px 14px; font-size: 15px; font-weight: 700;
      margin-bottom: 14px;
    }
    .sl-purchase-count i { font-size: 18px; }
  `);

  window.addEventListener('load', () => {
    const match = location.href.match(/\/p(\d+)$/);
    if (!match) return;
    const count = parseInt(match[1].slice(-3));
    const tabs = document.getElementById('product-tabs');
    if (!tabs) return;
    const p = document.createElement('p');
    p.className = 'sl-purchase-count';
    p.innerHTML = `<i class="sicon-fire"></i> عدد مرات الشراء: <strong>+${count}</strong>`;
    tabs.parentNode.insertBefore(p, tabs);
  });

  /* 1.6 ── إضافة LinkedIn للسوشيال ──────────────────────────── */
  onReady(() => {
    const social = document.querySelector('.social-links');
    if (!social || social.querySelector('[href*="linkedin"]')) return;

    const a = document.createElement('a');
    a.href = 'https://www.linkedin.com/company/sleepline-sa';
    a.target = '_blank';
    a.rel = 'noopener';
    a.title = 'لينكدإن';
    a.setAttribute('aria-label', 'لينكدإن');
    a.className = 'social-icon bubble-show da-tm angel_anime animate__ animate__fadeInUp';
    a.innerHTML = `<i class="icon sicon-linkedin text-2xl"></i>
                   <p class="social-label bubble text-btn">لينكدإن</p>`;

    // أضفه بعد Instagram
    const ig = social.querySelector('a[href*="instagram"]');
    ig ? ig.after(a) : social.appendChild(a);
  });

  /* 1.7 ── Footer badges (ISO + صنع في السعودية) ────────────── */
  onReady(() => {
    const footerVat = document.querySelector(
      '.footer-vat.flex.justify-center.gap-6.px-8.md\\:px-4'
    );
    if (!footerVat) return;

    const badges = [
      { href: 'https://salla.sa/sleepline.com/iso/page-804168582',         src: 'https://i.imgur.com/6P15qeM.png', alt: 'ISO' },
      { href: 'https://sleepline.com.sa/saudi-made/page-479323859', src: 'https://i.imgur.com/SE2ISNi.png', alt: 'صنع في السعودية' },
    ];

    badges.forEach(b => {
      const div = document.createElement('div');
      div.className = 'flex justify-center py-2';
      div.innerHTML = `<a href="${b.href}" target="_blank" aria-label="${b.alt}">
        <img src="${b.src}" alt="${b.alt}" width="140" height="30"
             style="background:#f0f0f0;border-radius:4px">
      </a>`;
      footerVat.after(div);
    });
  });

  /* 1.8 ── مودال دليل المقاسات ──────────────────────────────── */
  injectStyle('sl-modal', `
    #sl-modal-overlay {
      display:none; position:fixed; inset:0;
      background:rgba(0,0,0,.55); z-index:9998; backdrop-filter:blur(3px);
    }
    #sl-modal-box {
      display:none; position:fixed; top:50%; left:50%;
      transform:translate(-50%,-50%);
      background:#fff; border-radius:16px; padding:16px;
      max-width:90vw; max-height:90vh; overflow:auto;
      z-index:9999; box-shadow:0 20px 60px rgba(0,0,0,.3);
    }
    #sl-modal-box img { width:100%; border-radius:8px; display:block; }
    #sl-modal-close {
      position:absolute; top:10px; left:10px;
      background:${T.red}; color:#fff; border:none;
      width:32px; height:32px; border-radius:50%;
      font-size:16px; font-weight:bold; cursor:pointer; line-height:32px;
    }
    #sl-modal-trigger {
      padding:10px 20px; background:${T.secondary}; color:#fff;
      border:none; border-radius:8px; cursor:pointer;
      font-size:15px; font-weight:bold; margin-bottom:10px;
    }
  `);

  onReady(() => {
    const anchor = document.querySelector('.main-categoty');
    if (!anchor) return;

    const btn = document.createElement('button');
    btn.id = 'sl-modal-trigger';
    btn.textContent = 'دليل المقاسات';
    anchor.before(btn);

    const overlay = document.createElement('div');
    overlay.id = 'sl-modal-overlay';
    const box = document.createElement('div');
    box.id = 'sl-modal-box';
    box.innerHTML = `
      <button id="sl-modal-close" aria-label="إغلاق">✕</button>
      <img src="${cdnImg('k8tLz8HFCzGoXf9q9mAKfNFCI82IdVbMxRupVz69')}" alt="دليل المقاسات">
    `;
    document.body.append(overlay, box);

    const open  = () => { overlay.style.display = box.style.display = 'block'; };
    const close = () => { overlay.style.display = box.style.display = 'none';  };

    btn.addEventListener('click', open);
    overlay.addEventListener('click', close);
    box.querySelector('#sl-modal-close').addEventListener('click', close);
  });


  /* ============================================================
   *  2. PAGE: BRANCH SELECTOR  (page-309604307)
   *  ✅ SVG icons inline — لا حاجة لـ Font Awesome
   *  ✅ UX محسّن: breadcrumb + step indicator + بطاقة معلومات أوضح
   * ============================================================ */

  if (urlHas('sleepline.com.sa/promo/page-309604307')) {

    // ── SVG icons — تعمل دائماً بدون أي CDN خارجي ─────────────
    const SVG = {
      cart:    `<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>`,
      pin:     `<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>`,
      city:    `<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="10" width="4" height="11"/><rect x="10" y="6" width="4" height="15"/><rect x="17" y="3" width="4" height="18"/><line x1="1" y1="21" x2="23" y2="21"/></svg>`,
      store:   `<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l1-5h16l1 5"/><path d="M3 9a2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4 0"/><path d="M5 21V9.5M19 21V9.5"/><rect x="9" y="14" width="6" height="7"/></svg>`,
      back:    `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>`,
      phone:   `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13 19.79 19.79 0 0 1 1.61 4.4 2 2 0 0 1 3.6 2.21h3a2 2 0 0 1 2 1.72c.13 1 .37 1.97.72 2.91a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.18 6.18l.96-.96a2 2 0 0 1 2.11-.45c.94.35 1.91.59 2.91.72a2 2 0 0 1 1.73 2.02z"/></svg>`,
      whatsapp:`<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg>`,
      map:     `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polygon points="3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21"/><line x1="9" y1="3" x2="9" y2="18"/><line x1="15" y1="6" x2="15" y2="21"/></svg>`,
    };

    const BRANCHES = {
      جدة: [
        { id:'jd1', name:'طريق المدينة',                    tel:'+966920017522', map:'https://maps.app.goo.gl/jysFPMVn92bWPAzi9' },
        { id:'jd2', name:'سوق محمود سعيد',                  tel:'+966920017522', map:'https://maps.app.goo.gl/cWwkNgscbKxxMwFu9' },
        { id:'jd3', name:'حي الصفا',                        tel:'+966920017522', map:'https://maps.app.goo.gl/LUucdmGDnVvqS7QE8' },
        { id:'jd4', name:'الفيحاء',                         tel:'+966920017522', map:'https://maps.app.goo.gl/M6vATeKXbeMwdbyq8' },
        { id:'jd5', name:'حي الأمير فواز',                 tel:'+966920017522', map:'https://maps.app.goo.gl/CT7FT3Fchw5NKCjRA' },
        { id:'jd6', name:'حي الفيصلية',                    tel:'+966920017522', map:'https://maps.app.goo.gl/crHusYBHcYopgJ1Q9' },
        { id:'jd7', name:'شارع حراء',                       tel:'+966920017522', map:'https://maps.app.goo.gl/gpapH78ZLFsNGaAu9' },
        { id:'jd8', name:'حي الحمدانية',                   tel:'+966920017522', map:'https://maps.app.goo.gl/3vwb1rQcSaX7cUPh6' },
        { id:'jd9', name:'أبحر الشمالية',                  tel:'+966920017522', map:'https://maps.app.goo.gl/sRFpF86P7uZxzN6p7' },
      ],
      مكة: [
        { id:'mk1', name:'شارع الدكتور عبدالقادر',     tel:'+966920017522', map:'https://maps.app.goo.gl/SL46q7UWNNnHPka57' },
      ],
      الرياض: [
        { id:'ry1', name:'شارع العروبة',                              tel:'+966920017522', map:'https://maps.app.goo.gl/uv8GCA7hiWykbmtq6' },
        { id:'ry2', name:'حي السويدي الغربي',                        tel:'+966920017522', map:'https://maps.app.goo.gl/TYUG3jXChcdoeYRD9' },
        { id:'ry4', name:'طريق الإمام عبدالله بن سعود الفرعي',       tel:'+966920017522', map:'https://maps.app.goo.gl/WmxL15LWMWsdGWaE6' },
      ],
      الدمام:           [{ id:'dm1', name:'طريق الملك عبدالعزيز',      tel:'+966920017522', map:'https://maps.app.goo.gl/7aPHr4aBaKLBxAzQA' }],
      الخبر:            [{ id:'kb1', name:'طريق الملك فهد',            tel:'+966920017522', map:'https://maps.app.goo.gl/Z7QjHYgXvjkhxX5s7' }],
      حائل:             [{ id:'hl1', name:'طريق العقدة',               tel:'+966920017522', map:'https://maps.app.goo.gl/5CqccUxuxxuNL11r5' }],
      تبوك:             [{ id:'tb1', name:'طريق الأمير فهد بن سلطان', tel:'+966920017522', map:'https://maps.app.goo.gl/TmGcYLdoy6JD2idP7' }],
      'خميس مشيط':     [{ id:'km1', name:'طريق الملك خالد',           tel:'+966920017522', map:'https://maps.app.goo.gl/CKNEkE4Nxdw9jjB4A' }],
      'القصيم - بريدة':[{ id:'qs1', name:'حي الروضة',                 tel:'+966920017522', map:'https://maps.app.goo.gl/TutW5P2BneZTdXsX7' }],
      الخرج:            [{ id:'xj1', name:'طريق الملك فهد',            tel:'+966920017522', map:'https://maps.app.goo.gl/Ush3TTnSdtrG22VN7' }],
    };

    const allBranches = Object.values(BRANCHES).flat();

    injectStyle('sl-branch-selector', `
      .bsel {
        --p: #16479c; --p2: #0f3578; --pg: #eef3fb; --border: #c5d5ef;
        direction: rtl; font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
        max-width: 860px; margin: 0 auto; padding: 16px;
      }

      /* زر المتجر */
      .bsel__shop {
        width: 100%; padding: 14px 20px; background: var(--p); color: #fff;
        border: none; border-radius: 12px; font-size: 15px; font-weight: 700;
        cursor: pointer; display: flex; align-items: center; justify-content: center;
        gap: 10px; margin-bottom: 24px; transition: background .2s, transform .15s;
      }
      .bsel__shop:hover { background: var(--p2); transform: translateY(-1px); }
      .bsel__shop svg { flex-shrink: 0; }

      /* Header */
      .bsel__header {
        text-align: center; padding: 8px 0 20px;
        border-bottom: 1px solid #eef; margin-bottom: 20px;
      }
      .bsel__header-icon {
        width: 56px; height: 56px; background: var(--pg); border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        margin: 0 auto 12px; color: var(--p);
      }
      .bsel__header h1 { font-size: 22px; color: #1a202c; margin: 0 0 6px; font-weight: 700; }
      .bsel__header p  { color: #6b7280; font-size: 14px; margin: 0; }

      /* Breadcrumb */
      .bsel__breadcrumb {
        display: flex; align-items: center; gap: 6px; margin-bottom: 16px;
        font-size: 13px; color: #9ca3af; flex-wrap: wrap;
      }
      .bsel__breadcrumb .bsel__bc-item { color: var(--p); font-weight: 600; cursor: pointer; }
      .bsel__breadcrumb .bsel__bc-item:hover { text-decoration: underline; }
      .bsel__breadcrumb .bsel__bc-sep { color: #d1d5db; font-size: 11px; }
      .bsel__breadcrumb .bsel__bc-current { color: #374151; font-weight: 600; }

      /* Step title */
      .bsel__step-title {
        font-size: 15px; font-weight: 700; color: #374151;
        margin-bottom: 14px; display: flex; align-items: center; gap: 8px;
      }
      .bsel__step-title .bsel__step-num {
        width: 26px; height: 26px; background: var(--p); color: #fff;
        border-radius: 50%; display: flex; align-items: center; justify-content: center;
        font-size: 12px; font-weight: 700; flex-shrink: 0;
      }

      /* Sections */
      .bsel__section { display: none; }
      .bsel__section.active { display: block; }

      /* Grid */
      .bsel__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }

      /* City card */
      .bsel__card {
        background: #fff; border: 1.5px solid #e5e7eb; border-radius: 14px;
        padding: 16px 10px 14px; cursor: pointer; text-align: center;
        transition: border-color .2s, transform .2s, box-shadow .2s;
        position: relative; overflow: hidden;
      }
      .bsel__card:hover {
        border-color: var(--p); transform: translateY(-3px);
        box-shadow: 0 6px 18px rgba(22,71,156,.13);
      }
      .bsel__card:active { transform: translateY(0); }
      .bsel__card-icon {
        width: 44px; height: 44px; background: var(--pg); border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        margin: 0 auto 10px; color: var(--p);
      }
      .bsel__card h3  { font-size: 13px; font-weight: 700; margin: 0 0 4px; color: #1a202c; }
      .bsel__card span { font-size: 11px; color: #9ca3af; }
      .bsel__card .bsel__card-arrow {
        position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
        color: #d1d5db; transition: color .2s;
      }
      .bsel__card:hover .bsel__card-arrow { color: var(--p); }

      /* Branch card */
      .bsel__branch-card {
        background: #fff; border: 1.5px solid #e5e7eb; border-radius: 12px;
        padding: 14px 12px; cursor: pointer; display: flex; align-items: center;
        gap: 10px; transition: border-color .2s, box-shadow .2s, transform .2s;
      }
      .bsel__branch-card:hover {
        border-color: var(--p); box-shadow: 0 4px 14px rgba(22,71,156,.1);
        transform: translateY(-2px);
      }
      .bsel__branch-card-icon {
        width: 38px; height: 38px; background: var(--pg); border-radius: 10px;
        display: flex; align-items: center; justify-content: center;
        color: var(--p); flex-shrink: 0;
      }
      .bsel__branch-card-text { flex: 1; text-align: right; }
      .bsel__branch-card-text h3 { font-size: 13px; font-weight: 700; color: #1a202c; margin: 0; }
      .bsel__branch-card-chevron { color: #d1d5db; flex-shrink: 0; }

      /* Branch grid override for branch cards */
      .bsel__grid--branches { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

      /* Info card */
      .bsel__info {
        background: #fff; border-radius: 16px; padding: 28px 24px;
        border: 1.5px solid var(--border); margin-top: 20px; display: none;
        box-shadow: 0 4px 20px rgba(22,71,156,.08);
      }
      .bsel__info-header {
        display: flex; align-items: center; gap: 14px; margin-bottom: 20px;
        padding-bottom: 16px; border-bottom: 1px solid #f3f4f6;
      }
      .bsel__info-icon-wrap {
        width: 52px; height: 52px; background: var(--pg); border-radius: 14px;
        display: flex; align-items: center; justify-content: center; color: var(--p);
        flex-shrink: 0;
      }
      .bsel__info-header h3 { font-size: 17px; color: #1a202c; font-weight: 700; margin: 0 0 3px; }
      .bsel__info-header p  { font-size: 12px; color: #9ca3af; margin: 0; }
      .bsel__btns { display: flex; gap: 10px; flex-wrap: wrap; }
      .bsel__btn {
        display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px;
        border-radius: 10px; text-decoration: none; font-weight: 700; font-size: 14px;
        color: #fff; transition: opacity .2s, transform .15s; flex: 1; min-width: 120px;
        justify-content: center;
      }
      .bsel__btn:hover { opacity: .88; transform: translateY(-1px); }
      .bsel__btn--call { background: #667393; }
      .bsel__btn--wa   { background: #25d366; }
      .bsel__btn--map  { background: #1a73e8; }

      @media(max-width: 520px) {
        .bsel__grid { grid-template-columns: repeat(2, 1fr); }
        .bsel__grid--branches { grid-template-columns: 1fr; }
        .bsel__btn { font-size: 13px; padding: 11px 14px; }
      }
    `);

    const mount = document.querySelector('.content-entry');
    if (!mount) return;

    const root = document.createElement('div');
    root.className = 'bsel';
    root.innerHTML = `
      <button class="bsel__shop">${SVG.cart} التسوق من المتجر الإلكتروني</button>
      <div class="bsel__header">
        <div class="bsel__header-icon">${SVG.pin}</div>
        <h1>اختر فرعك المفضل</h1>
        <p>اختر المدينة ثم الفرع الأقرب إليك</p>
      </div>

      <div id="bsel-breadcrumb" class="bsel__breadcrumb" style="display:none"></div>

      <div class="bsel__section active" id="bsel-cities">
        <div class="bsel__step-title">
          <span class="bsel__step-num">١</span> اختر المدينة
        </div>
        <div class="bsel__grid" id="bsel-city-grid"></div>
      </div>

      <div class="bsel__section" id="bsel-branches">
        <div class="bsel__step-title">
          <span class="bsel__step-num">٢</span> اختر الفرع
        </div>
        <div class="bsel__grid bsel__grid--branches" id="bsel-branch-grid"></div>
      </div>

      <div class="bsel__info" id="bsel-info"></div>`;

    mount.appendChild(root);
    root.querySelector('.bsel__shop').onclick = () => location.href = 'https://sleepline.com.sa/';

    const secCities   = document.getElementById('bsel-cities');
    const secBranches = document.getElementById('bsel-branches');
    const cityGrid    = document.getElementById('bsel-city-grid');
    const branchGrid  = document.getElementById('bsel-branch-grid');
    const infoBox     = document.getElementById('bsel-info');
    const breadcrumb  = document.getElementById('bsel-breadcrumb');

    let activeCity = null;

    const updateBreadcrumb = (city, branch) => {
      breadcrumb.style.display = 'flex';
      let html = `<span class="bsel__bc-item" id="bc-home">الرئيسية</span>`;
      if (city) {
        html += `<span class="bsel__bc-sep">›</span>`;
        if (branch) {
          html += `<span class="bsel__bc-item" id="bc-city">${city}</span>`;
          html += `<span class="bsel__bc-sep">›</span>`;
          html += `<span class="bsel__bc-current">${branch}</span>`;
        } else {
          html += `<span class="bsel__bc-current">${city}</span>`;
        }
      }
      breadcrumb.innerHTML = html;
      document.getElementById('bc-home')?.addEventListener('click', showCities);
      document.getElementById('bc-city')?.addEventListener('click', () => showBranches(activeCity));
    };

    const showCities = () => {
      activeCity = null;
      secCities.classList.add('active');
      secBranches.classList.remove('active');
      infoBox.style.display = 'none';
      breadcrumb.style.display = 'none';

      cityGrid.innerHTML = Object.entries(BRANCHES).map(([city, list]) => `
        <div class="bsel__card" data-city="${city}">
          <div class="bsel__card-icon">${SVG.city}</div>
          <h3>${city}</h3>
          <span>${list.length} ${list.length === 1 ? 'فرع' : 'فروع'}</span>
          <span class="bsel__card-arrow">${SVG.back}</span>
        </div>`).join('');

      cityGrid.querySelectorAll('.bsel__card').forEach(c =>
        c.addEventListener('click', () => showBranches(c.dataset.city))
      );
    };

    const showBranches = (city) => {
      activeCity = city;
      secCities.classList.remove('active');
      secBranches.classList.add('active');
      infoBox.style.display = 'none';
      updateBreadcrumb(city, null);

      branchGrid.innerHTML = BRANCHES[city].map(b => `
        <div class="bsel__branch-card" data-id="${b.id}">
          <div class="bsel__branch-card-icon">${SVG.store}</div>
          <div class="bsel__branch-card-text"><h3>${b.name}</h3></div>
          <span class="bsel__branch-card-chevron">${SVG.back}</span>
        </div>`).join('');

      branchGrid.querySelectorAll('.bsel__branch-card').forEach(c =>
        c.addEventListener('click', () => showInfo(c.dataset.id))
      );
    };

    const showInfo = (id) => {
      const b = allBranches.find(x => x.id === id);
      if (!b) return;
      updateBreadcrumb(activeCity, b.name);
      infoBox.style.display = 'block';
      infoBox.innerHTML = `
        <div class="bsel__info-header">
          <div class="bsel__info-icon-wrap">${SVG.store}</div>
          <div>
            <h3>${b.name}</h3>
            <p>${activeCity}</p>
          </div>
        </div>
        <div class="bsel__btns">
          <a href="tel:${b.tel}" class="bsel__btn bsel__btn--call">${SVG.phone} اتصال</a>
          <a href="https://wa.me/${b.tel.replace('+','')}" target="_blank" class="bsel__btn bsel__btn--wa">
            ${SVG.whatsapp} واتساب</a>
          <a href="${b.map}" target="_blank" class="bsel__btn bsel__btn--map">
            ${SVG.map} الموقع</a>
        </div>`;
      infoBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
    };

    showCities();
  }


  /* ============================================================
   *  3. PAGE: OLD BRANCHES  (test01/page-2105897825)
   *  ✅ SVG icons inline — لا حاجة لـ Font Awesome
   *  ✅ Grid cards أوضح مع أزرار كبيرة
   * ============================================================ */

  if (urlHas('sleepline.com.sa/test01/page-2105897825')) {

    // SVG مشتركة مع القسم 2 لو اتحملوا بنفس الصفحة، وإلا نعيد تعريفها
    const OB_SVG = {
      city:    `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="10" width="4" height="11"/><rect x="10" y="6" width="4" height="15"/><rect x="17" y="3" width="4" height="18"/><line x1="1" y1="21" x2="23" y2="21"/></svg>`,
      store:   `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l1-5h16l1 5"/><path d="M3 9a2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4 0"/><path d="M5 21V9.5M19 21V9.5"/><rect x="9" y="14" width="6" height="7"/></svg>`,
      phone:   `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13 19.79 19.79 0 0 1 1.61 4.4 2 2 0 0 1 3.6 2.21h3a2 2 0 0 1 2 1.72c.13 1 .37 1.97.72 2.91a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.18 6.18l.96-.96a2 2 0 0 1 2.11-.45c.94.35 1.91.59 2.91.72a2 2 0 0 1 1.73 2.02z"/></svg>`,
      wa:      `<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg>`,
      map:     `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polygon points="3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21"/><line x1="9" y1="3" x2="9" y2="18"/><line x1="15" y1="6" x2="15" y2="21"/></svg>`,
    };

    const OB_CITIES = [
      { title:'فروع جدة', branches:[
        { name:'معرض أبحر الشمالية',       wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=13791672475821533942' },
        { name:'معرض الفيصلية',             wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=1051206808075069882'  },
        { name:'معرض الصفا',                wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=6733010964228165536'  },
        { name:'معرض طريق المدينة',         wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=8296526512573006143'  },
        { name:'معرض شارع حراء',            wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=15993455390782243039' },
        { name:'معرض الأمير فواز الجنوبي', wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=15107983111484935823' },
        { name:'معرض الفيحاء',              wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=16061912403429735489' },
        { name:'معرض الحمدانية',            wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=201454703434190043'  },
      ]},
      { title:'فروع الرياض', branches:[
        { name:'معرض السويدي الغربي', wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=14677408468139422233' },
        { name:'معرض غرناطة',         wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=9023038341221821338'  },
        { name:'معرض شارع العروبة',   wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=15299677628884620911' },
        { name:'معرض طريق الستين',   wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=7783901589120767835'  },
      ]},
      { title:'فروع الشرقية', branches:[
        { name:'معرض الخبر',   wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=11240956416453112680' },
        { name:'معرض الدمام',  wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=9752478741229478292'  },
        { name:'معرض الأحساء', wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps/place/%D8%B3%D9%84%D9%8A%D8%A8+%D9%84%D8%A7%D9%8A%D9%86+Sleep+Line%E2%80%AD/@25.424933,49.5731122,17z' },
      ]},
      { title:'فروع القصيم',    branches:[{ name:'معرض بريدة',       wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=13746976395329682052' }]},
      { title:'فرع مكة المكرمة',branches:[{ name:'معرض الشرقية',     wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=10560894227754716091' }]},
      { title:'فرع خميس مشيط', branches:[{ name:'معرض خميس مشيط',   wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=10224692701106371677' }]},
      { title:'فرع حائل',       branches:[{ name:'معرض حائل',         wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=11202046166643039637' }]},
      { title:'فرع الخرج',      branches:[{ name:'معرض الخرج',        wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=18101505581602930978' }]},
      { title:'فرع تبوك',       branches:[{ name:'معرض تبوك',         wa:'+966920017522', tel:'+966920017522', map:'https://www.google.com/maps?cid=814082608358973534'  }]},
    ];

    injectStyle('sl-old-branches', `
      .ob {
        direction: rtl; font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
        max-width: 860px; margin: 0 auto; padding: 12px;
      }
      .ob__city-block { margin-bottom: 28px; }
      .ob__city-title {
        font-size: 15px; font-weight: 700; color: ${T.primary};
        margin: 0 0 12px; padding: 10px 14px;
        background: #f0f7ff; border-radius: 10px;
        display: flex; align-items: center; gap: 8px;
        border-right: 3px solid ${T.primary};
      }
      .ob__city-title svg { color: ${T.primary}; flex-shrink: 0; }
      .ob__grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 10px;
      }
      .ob__card {
        background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
        padding: 14px; transition: box-shadow .2s, border-color .2s, transform .2s;
      }
      .ob__card:hover {
        box-shadow: 0 4px 16px rgba(0,0,0,.09);
        border-color: #c7d7ea; transform: translateY(-2px);
      }
      .ob__card-head {
        display: flex; align-items: center; gap: 8px; margin-bottom: 12px;
      }
      .ob__card-icon {
        width: 34px; height: 34px; background: #f0f7ff; border-radius: 9px;
        display: flex; align-items: center; justify-content: center;
        color: ${T.primary}; flex-shrink: 0;
      }
      .ob__card h4 { font-size: 13px; font-weight: 700; color: #1a202c; margin: 0; }
      .ob__actions { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
      .ob__action {
        display: flex; align-items: center; justify-content: center; gap: 5px;
        padding: 8px 4px; border-radius: 8px; text-decoration: none;
        font-size: 12px; font-weight: 600; color: #fff;
        transition: opacity .18s, transform .15s;
      }
      .ob__action:hover { opacity: .86; transform: translateY(-1px); }
      .ob__action--wa  { background: #25d366; }
      .ob__action--tel { background: ${T.secondary}; }
      .ob__action--map { background: #1a73e8; }
      @media(max-width: 540px) {
        .ob__grid { grid-template-columns: 1fr; }
        .ob__actions { grid-template-columns: 1fr 1fr 1fr; }
      }
    `);

    const mountOB = document.querySelector('.opt-text p') || document.querySelector('.content-entry');
    if (mountOB) {
      const wrap = document.createElement('div');
      wrap.className = 'ob';
      wrap.innerHTML = OB_CITIES.map(city => `
        <div class="ob__city-block">
          <div class="ob__city-title">
            ${OB_SVG.city} ${city.title}
          </div>
          <div class="ob__grid">
            ${city.branches.map(b => `
              <div class="ob__card">
                <div class="ob__card-head">
                  <div class="ob__card-icon">${OB_SVG.store}</div>
                  <h4>${b.name}</h4>
                </div>
                <div class="ob__actions">
                  <a href="https://wa.me/${b.wa.replace('+','')}" target="_blank" class="ob__action ob__action--wa">
                    ${OB_SVG.wa} واتساب</a>
                  <a href="tel:${b.tel}" class="ob__action ob__action--tel">
                    ${OB_SVG.phone} اتصال</a>
                  <a href="${b.map}" target="_blank" class="ob__action ob__action--map">
                    ${OB_SVG.map} موقع</a>
                </div>
              </div>`).join('')}
          </div>
        </div>`).join('');

      if (mountOB.tagName === 'P') mountOB.before(wrap);
      else mountOB.appendChild(wrap);
    }
  }


  /* ============================================================
   *  4. PAGE: B2B PROJECTS  (page-658176410)
   * ============================================================ */

  if (urlHas('sleepline.com.sa/b2b') && urlHas('page-658176410')) {

    injectLink('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

    const B2B = {
      images: {
        hero:    'pMuVdo7BLbtveNYimw0WiGjqW0EZASCfDGmnrZ8u',
        why:     'Fl6XFzDvlPEhd16Mdrb7L9BnI3UYovuzJBpD2xWe',
        types:   'O0UV1XGPHM8Hwl2hiCtUpPsbX7r7cLevw1upZqjr',
        specs:   'lTEd2sYK7XrOlBJ3z34GAsZoFejbZLHssoscxfHa',
        cta:     '4m8cycqW1kwCKYyggir720oZiZRqvXMIsmtEu8Fq',
        ideal:   'FwUeZEaTEJedDMGAZNsKjXLZZdB9jnYwE3X0EPEu',
        badge:   'a8TA4rndPD9UdbslL16KkfV54RyZjP1I6mFlMYKC',
      },
      features: [
        { icon:'tags',         title:'أسعار تنافسية',       desc:'أسعار بالجملة تناسب ميزانيات المشاريع كبيرها وصغيرها.' },
        { icon:'award',        title:'جودة عالمية',          desc:'تصنيع محلي بمعايير عالمية يضمن الراحة والمتانة.' },
        { icon:'box-seam',     title:'تشكيلة واسعة',         desc:'مراتب لاتكس وفوم وطبية تناسب جميع الاستخدامات.' },
        { icon:'truck',        title:'توريد بكميات كبيرة',   desc:'التزام تام بمواعيد التسليم لأي كمية.' },
        { icon:'pencil',       title:'تصميمات خاصة',         desc:'شعار المشروع على المرتبة لتعزيز هويتك التجارية.' },
        { icon:'shield-check', title:'ضمان شامل',             desc:'ضمان يعكس ثقتنا الكاملة بجودة منتجاتنا.' },
      ],
      projectTypes: [
        { icon:'building',     title:'الفنادق والمنتجعات' },
        { icon:'houses',       title:'الشقق الفندقية' },
        { icon:'mortarboard',  title:'الإسكان الجامعي' },
        { icon:'stars',        title:'الأجنحة الملكية' },
        { icon:'buildings',    title:'المجمعات السكنية' },
        { icon:'house-door',   title:'مشاريع الإسكان' },
        { icon:'people',       title:'إسكان الموظفين' },
        { icon:'hospital',     title:'المستشفيات والمراكز' },
      ],
      specs: [
        { icon:'virus',         title:'مضادة للبكتيريا',   desc:'مثالية للاستخدام الفندقي المكثف.' },
        { icon:'rulers',        title:'قابلة للتخصيص',     desc:'مقاسات وارتفاعات حسب احتياجاتك.' },
        { icon:'clock-history', title:'عمر افتراضي طويل', desc:'أقمشة فندقية عالية الجودة.' },
        { icon:'layers',        title:'طبقات دعم متعددة', desc:'تناسب الاستخدام الكثيف في المشاريع.' },
      ],
      ideal: [
        { icon:'building',        title:'شراكات مع فنادق رائدة',  desc:'تاريخ طويل من الشراكات الناجحة مع أكبر العلامات.' },
        { icon:'gear',            title:'تصنيع محلي عالي الجودة', desc:'مصانعنا الخاصة وفق أعلى المعايير العالمية.' },
        { icon:'hourglass-split', title:'خبرة أكثر من 25 عام',   desc:'تضمن لك الحصول على أفضل المنتجات.' },
        { icon:'cash-coin',       title:'أسعار الجملة التنافسية', desc:'تناسب العقود الكبيرة والمناقصات.' },
      ],
      clients: [
        'at5ZpjY08DVF20KuLtpGNXHVqfhuuoFVWLkhFy37','3YSec02cepOMnF4b8bNc1VrubkwsLdgiGZBELS5N',
        'WtvyhHQLQ37r9qwQ0EhTfNvovqy8s64ZBUEn3aZw','CC7TGRdWDQs3iugqRIm0U1bNbjAzndvG12HoU9JF',
        '9wjKEM2ZF4qojO585Zrl8ZnkHYCtCXLuyAiLK2kt','MsCwQld1hz7axq9ORoDH4ZDizkazk4cUSQxHHhu7',
        'RYN5pw5sQUzCI