Online Cash

موقعنا لا يقبل شحن أي تطبيق يخالف دين الله عز وجل وعاداتنا وتقاليدنا
(من ترك شيئاً لله عوضه الله خيراً منه)

خدمات تعبئة الرصيد

شراء شريحة eSIM

VISA CARD

تحويل مصرفي دولي INTERATIONAL TRANSFER

ترويج منشورات Facebook

خدمات تواصل اجتماعي

CHAT GPT-VPN-AI-Montage

PUBG & FREE FIRE

اشتراك شاهد وتطبيقات اخرى

i Tunes Card

NETFLIX CARD

LIKEE Card

SHEIN Card

ما لقيت الخدمة اللي بدك ياها؟ تواصل مع فريق الدعم عبر زر «الدعم» الأخضر أعلى اليمين.

رقم الموبايل

أدخل الدقم الذي تريد تعبئته

الدولة شركة الاتصال الباقة المحلية باقة رومينغ ملاحظة إضافية

سيتم فتح واتساب بالرسالة الجاهزة على الرقم المخصص.

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>الخدمات المالية الإلكترونية</title>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;800;900&display=swap" rel="stylesheet">
<style>
:root{--bg:#0b0b0b;--text:#eaeaea;--muted:#bfbfbf;--green:#25D366;--blue:#1a73e8;--gold:#ffd54d}
*{box-sizing:border-box} html,body{min-height:100%;background:var(--bg)}
body{margin:0;color:var(--text);font-family:"Cairo",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.7}
.wrap{max-width:1200px;margin:0 auto;padding:20px}
.back-fab{position:fixed;top:16px;left:16px;z-index:99999;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#151515;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,0,0,.45);font-weight:800;cursor:pointer}
.back-fab svg{width:18px;height:18px;fill:currentColor}
.whatsapp-fab{position:fixed;top:16px;right:16px;z-index:9999;width:58px;height:58px;border-radius:50%;background:var(--green);display:grid;place-items:center;box-shadow:0 12px 30px rgba(37,211,102,.35), inset 0 0 0 2px rgba(255,255,255,.35);text-decoration:none;transition:.2s}
.whatsapp-fab:hover{transform:translateY(-2px)} .whatsapp-fab svg{width:28px;height:28px;fill:#fff}
.hero{text-align:center;padding-top:50px}
.hero img{width:100%;max-height:320px;object-fit:contain;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.visa-card{margin:30px auto;padding:20px;max-width:700px;border-radius:16px;background:#151515;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 22px rgba(0,0,0,.5);text-align:center;cursor:pointer;transition:.2s}
.visa-card:hover{transform:translateY(-2px)} .visa-card.active{border-color:rgba(255,255,255,.18)}
.visa-figure{width:100%;max-width:520px;margin:0 auto 12px;display:block;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.4);object-fit:contain;aspect-ratio:7/4;background:#0f0f0f}
.visa-card h2{color:var(--gold);margin:6px 0 12px;font-size:1.2rem}
.visa-table{width:100%;border-collapse:collapse;background:#202020;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.visa-table th,.visa-table td{padding:12px;text-align:right}
.visa-table th{background:#2a2a2a;color:var(--gold);font-weight:800;width:42%}
.visa-table td{background:#181818;color:#eee;font-weight:600}
.visa-form{overflow:hidden;max-height:0;padding:0 4px;transition:max-height .35s ease, padding .25s ease, opacity .25s;opacity:0}
.visa-card.active .visa-form{max-height:420px;padding:14px 4px 4px;opacity:1}
.visa-fields{display:grid;gap:10px;grid-template-columns:1fr;margin:0 auto 10px;max-width:520px}
.visa-input{width:100%;background:#101010;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 14px;font-size:1rem}
.visa-input:focus{outline:none;border-color:#3fa76b;box-shadow:0 0 0 3px rgba(63,167,107,.25)}
.visa-input.err{border-color:#e53935;box-shadow:0 0 0 3px rgba(229,57,53,.22)}
.visa-actions{display:flex;justify-content:center;margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:10px;border:none;cursor:pointer;font-weight:800;text-decoration:none}
.btn-wa{background:var(--green);color:#fff}
.btn svg{width:18px;height:18px;fill:currentColor}
.grid{display:grid;gap:20px;margin-top:20px;margin-bottom:140px;grid-template-columns:repeat(2,minmax(260px,1fr))}
@media(max-width:700px){.grid{grid-template-columns:1fr}}
.card{background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;text-align:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.4);transition:.2s}
.card:hover{transform:translateY(-3px)}
.card h3{margin:0 0 8px;font-size:1.08rem;color:var(--gold)} .card p{margin:0;font-size:.95rem;color:#ccc}
.actions{display:none;margin-top:12px;gap:10px;justify-content:center;flex-wrap:wrap}
.card.active .actions{display:flex}
.btn-cart{background:#111;color:#fbe7a2;border:1px solid rgba(255,255,255,.12)}
.cart-fab{position:fixed;bottom:20px;left:20px;z-index:9999;display:flex;align-items:center;gap:10px;background:#151515;color:#fff;border:1px solid rgba(255,255,255,.06);padding:10px 14px;border-radius:999px;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.cart-fab .badge{background:var(--gold);color:#111;font-weight:900;padding:2px 8px;border-radius:999px;min-width:24px;text-align:center;border:1px solid rgba(0,0,0,.2)}
.drawer{position:fixed;inset:0;display:none;z-index:9998}.drawer.show{display:block}
.drawer .backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.drawer .panel{position:absolute;top:0;bottom:0;right:0;width:min(520px,92vw);background:#0f0f0f;color:#fff;border-left:1px solid rgba(255,255,255,.06);padding:20px;overflow:auto;box-shadow:-18px 0 40px rgba(0,0,0,.55)}
.drawer h3{margin:0 0 8px;font-weight:900}
.cart-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.08)}
.cart-item .name{font-weight:700}.cart-item .qty{opacity:.85}
.cart-item .remove{background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 10px;cursor:pointer}
.total{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-weight:900}
.checkout{margin-top:12px;display:flex;gap:10px}
.checkout a{flex:1 1 auto;background:var(--green);color:#fff;text-decoration:none;padding:12px 14px;border-radius:12px;font-weight:900;text-align:center}
.checkout button.clear{flex:0 0 auto;background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;cursor:pointer}
footer{border-top:1px solid rgba(255,255,255,.06);color:#bdbdbd;font-weight:300;font-size:.95rem;padding:20px 0 30px;text-align:center}
footer a{color:#1a73e8;text-decoration:underline dotted}
</style>
</head>

<style>
  .oc-pulse-bg{
    position: fixed;
    top: 50%;
    left: 50%;
    /* نخلي العرض الأساسي 100vw: عند أكبر نبضة (scale=1) تغطي عرض الموبايل كله */
    width: 100vw;
    /* نخليها مربعة لحتى نحافظ على احتواء الصورة بدون تمدد */
    aspect-ratio: 1 / 1;
    transform: translate(-50%, -50%) scale(0.65); /* حجم البداية: أصغر من الشاشة */
    transform-origin: center center;               /* بتكبر وتصغر من المركز */
    z-index: -1;                                   /* خلف المحتوى بالكامل */
    pointer-events: none;

/* الصورة */
    background-image: url('https://i.postimg.cc/Jz7x7j3j/B074-F526-B43-F-4484-A5-BD-F43-BD56-CFBCD.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;      /* بتظهر كاملة بدون قص */
    opacity: 0.20;                 /* خفيفة حتى يضل النص مقروء */

/* نبض هادئ */
    animation: ocPulseCover 9s ease-in-out infinite;
  }

/* تغميق بسيط لقراءة أفضل (اختياري) */
  .oc-pulse-bg::after{
    content: "";
    position: absolute; inset: 0;
    background: radial-gradient(ellipse at center, rgba(0,0,0,.15), rgba(0,0,0,.55));
    border-radius: 0;
  }

/* الحركة: عند 50% بتصير بعرض الشاشة تماماً (scale=1)، وبترجع تصغر */
  @keyframes ocPulseCover{
    0%   { transform: translate(-50%, -50%) scale(0.60); opacity:.17; }
    50%  { transform: translate(-50%, -50%) scale(1.00); opacity:.24; }
    100% { transform: translate(-50%, -50%) scale(0.58); opacity:.17; }
  }

/* على الشاشات الكبيرة (ديسكتوب) نقلل الحجم حتى ما تصير مبالَغ فيها */
  @media (min-width: 900px){
    .oc-pulse-bg{ width: 50vw; }
  }

/* إذا عندك وضع light */
  body.light .oc-pulse-bg{ opacity: .14; }

// عند تحميل الصفحة، إظهار فقط اختيار الدولة وإخفاء الباقي
window.addEventListener('load', () => {
  document.getElementById('operator').style.display = 'none';
  document.getElementById('operatorLabel').style.display = 'none';
  document.getElementById('localPlan').style.display = 'none';
  document.getElementById('localLabel').style.display = 'none';
  document.getElementById('roamingPlan').style.display = 'none';
  document.getElementById('roamingLabel').style.display = 'none';
});

</style>

<body>
<button type="button" class="back-fab" onclick="parent.history.back()" aria-label="رجوع">
  <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"/></svg>الرئيسية
</button>
<a class="whatsapp-fab" href="https://wa.me/380939838806" target="_blank" rel="noopener" aria-label="تواصل واتساب"><svg viewBox="0 0 32 32"><path d="M19.11 17.54c-.27-.14-1.57-.77-1.82-.86-.24-.09-.42-.14-.6.14-.17.27-.68.86-.83 1.03-.15.17-.31.2-.58.07-.27-.14-1.12-.41-2.13-1.31-.79-.7-1.33-1.56-1.49-1.82-.15-.27-.02-.42.11-.56.11-.11.24-.27.36-.4.12-.14.16-.24.24-.4.08-.17.04-.31-.02-.44-.06-.14-.6-1.44-.82-1.98-.22-.53-.44-.46-.6-.46h-.51c-.17 0 -.44.06 -.67.31 -.24.27 -.7.6 -.7 1.6 0 1 .7 1.9 .8 2.1 .1 .2 1.4 2.2 3.4 3.1 .5 .2 .8 .3 1.1 .4 .5 .1 .9 .1 1.2 .1 .4-.1 1.2-.5 1.3-1 .2-.5 .2-.9 .1-1-.1-.1-.2-.1-.4-.2z"/></svg></a>
<div class="wrap">
  <header class="hero">
    <img src="https://i.postimg.cc/m4XXSYMf/6-E6-CDA0-D-E038-45-F8-9-B89-D73522197-B06.png" alt="صورة ترحيبية" loading="lazy" />
  </header>

<section id="mcCard" class="visa-card" tabindex="0" role="button" aria-expanded="false" aria-controls="visaForm">
    <img class="visa-figure" src="https://8upload.com/image/68cc4aa8a1c11/9BD98E5D-B619-4E23-873C-1DD046E8F516.png" alt="بطاقة Online Cash" loading="eager" onerror="this.onerror=null;this.src='https://placehold.co/910x520/png?text=ONLINE%20CASH';" />
    <h2>💳 لأول مرة في سوريا شركة Online Cash تصدر بطاقة ماستر كارد رسمية</h2>
    <table class="visa-table" role="table" aria-label="تفاصيل البطاقة">
      <tr><th scope="row">سعر الإصدار</th><td>30$ لمدة 3 سنوات</td></tr>
      <tr><th scope="row">تكلفة إعادة الشحن</th><td>5% + 5$</td></tr>
      <tr><th scope="row">الاستخدام</th><td>صالحة فقط للشراء من داخل التطبيقات</td></tr>
      <tr><th scope="row">الربط</th><td>يمكن ربطها في متجر Google Play</td></tr>
    </table>
    <div id="visaForm" class="visa-form" aria-hidden="true">
      <div class="visa-fields">
        <input id="vf_name"  class="visa-input" type="text"  placeholder="الاسم الكامل"  autocomplete="name">
        <input id="vf_phone" class="visa-input" type="tel"   placeholder="رقم الهاتف"    autocomplete="tel">
        <input id="vf_city"  class="visa-input" type="text"  placeholder="مكان السكن"    autocomplete="address-level2">
      </div>
      <div class="visa-actions">
        <button id="visaSubmit" type="button" class="btn btn-wa">إرسال الطلب عبر واتساب</button>
      </div>
    </div>
    <small style="display:block;opacity:.8;margin-top:8px;">اضغط على الكرت لفتح نموذج الطلب</small>
  </section>

<section class="grid" aria-live="polite">
    <article class="card" tabindex="0" role="button" aria-expanded="false" data-id="c1" data-name="تحويل من شام كاش إلى USDT" data-price="">
      <h3>تحويل من شام كاش إلى USDT</h3><p>💰 عمولة 5%+1$</p>
      <div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب تحويل من شام كاش إلى USDT" target="_blank" rel="noopener">اطلب الآن</a><button class="btn btn-cart" data-add="c1">أضِف إلى السلة</button></div>
    </article>
    <article class="card" tabindex="0" role="button" aria-expanded="false" data-id="c2" data-name="تحويل من USDT إلى شام كاش" data-price="">
      <h3>تحويل مصرفي دولي </h3><p>💰 عمولة 5%+3$</p>
      <div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب تحويل مصرفي دولي" target="_blank" rel="noopener">اطلب الآن</a><button class="btn btn-cart" data-add="c2">أضِف إلى السلة</button></div>
    </article>
    <article class="card" tabindex="0" role="button" aria-expanded="false" data-id="c3" data-name="تحويل من USDT إلى Whish Mony" data-price="">
      <h3>تحويل الى سيريتل كاش</h3><p>💰 عمولة 5%</p>
      <div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب تحويل الى سيريتل كاش" target="_blank" rel="noopener">اطلب الآن</a><button class="btn btn-cart" data-add="c3">أضِف إلى السلة</button></div>
    </article>
    <article class="card" tabindex="0" role="button" aria-expanded="false" data-id="c4" data-name="تحويل من شام كاش إلى Whish Mony" data-price="">
      <h3>تحويل USDT</h3><p>💰 عمولة 5% + 1$</p>
      <div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب تحويل USDT" target="_blank" rel="noopener">اطلب الآن</a><button class="btn btn-cart" data-add="c4">أضِف إلى السلة</button></div>
    </article>
    <article class="card" tabindex="0" role="button" aria-expanded="false" data-id="c5" data-name="تحويل من Whish Mony إلى شام كاش" data-price="">
      <h3>تحويل الى sham cash</h3><p>💰 عمولة 5%</p>
      <div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب تحويل الى sham cash" target="_blank" rel="noopener">اطلب الآن</a><button class="btn btn-cart" data-add="c5">أضِف إلى السلة</button></div>
    </article>
    <article class="card" tabindex="0" role="button" aria-expanded="false" data-id="c6" data-name="تحويل من Whish Mony إلى USDT" data-price="">
      <h3>تحويل الى whish mony</h3><p>💰 عمولة 5% + 1$</p>
      <div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب تحويل الى whish mony" target="_blank" rel="noopener">اطلب الآن</a><button class="btn btn-cart" data-add="c6">أضِف إلى السلة</button></div>
    </article>

<article class="card" tabindex="0" role="button" aria-expanded="false" data-id="c1" data-name="تحويل من شام كاش إلى USDT" data-price="">
      <h3>تحويل الى PayPal</h3><p>💰 عمولة 5%+3$</p>
      <div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب تحويل الى PayPal" target="_blank" rel="noopener">اطلب الآن</a><button class="btn btn-cart" data-add="c1">أضِف إلى السلة</button></div>
    </article>

</section>
</div>

<div id="cartFab" class="cart-fab" role="button" aria-label="فتح السلة">
  <svg width="22" height="22" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM17 18c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zM7.17 14h9.58c.75 0 1.41-.41 1.75-1.03L22 7H6.21l-.94-2H2v2h2l3.6 7.59-1.35 2.45C5.89 16.37 6.38 17 7.09 17H19v-2H7.42l.75-1.33z"/></svg>
  <span>السلة</span>
  <span id="cartCount" class="badge">0</span>
</div>

<div id="drawer" class="drawer" aria-hidden="true">
  <div class="backdrop"></div>
  <div class="panel">
    <h3>سلة الخدمات</h3>
    <div id="cartList"></div>
    <div class="total"><span>الإجمالي التقديري</span><span id="cartTotal">—</span></div>
    <div class="checkout">
      <a id="waCheckout" href="#" target="_blank" rel="noopener">إرسال الطلب عبر واتساب</a>
      <button class="clear" onclick="clearCart()">تفريغ السلة</button>
    </div>
  </div>
</div>

<footer>
  هذا الموقع مصمم بالكامل من خلال شركة ONLINE CASH للاستفسار
  <a href="https://wa.me/380939838806" target="_blank" rel="noopener">الدعم</a>
</footer>

/* نبض هادئ */
    animation: ocPulseCover 9s ease-in-out infinite;
  }

/* على الشاشات الكبيرة (ديسكتوب) نقلل الحجم حتى ما تصير مبالَغ فيها */
  @media (min-width: 900px){
    .oc-pulse-bg{ width: 50vw; }
  }

/* إذا عندك وضع light */
  body.light .oc-pulse-bg{ opacity: .14; }
</style>

</body></html>

<script>
function addPayButtons() {
  document.querySelectorAll('.card').forEach(card => {
    const actions = card.querySelector('.actions');
    if (!actions || actions.querySelector('.btn-pay-methods')) return;

const name = card.querySelector('h3') ? card.querySelector('h3').textContent.trim() : '—';
    const btn = document.createElement('button');
    btn.className = "btn btn-pay";
    btn.textContent = "ادفع عبر طرق الدفع";

// ✅ فقط يفتح صفحة الدفع، بدون تشغيل أي شيء آخر
    btn.onclick = (e) => {
      e.preventDefault();
      localStorage.setItem("selectedProduct", name); // نحفظ اسم الباقة
      location.href = "payment.html";
    };

actions.appendChild(btn);
  });
}

document.addEventListener('DOMContentLoaded', addPayButtons);
})();
</script>

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>خدمات Online Cash</title>
  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;800;900&display=swap" rel="stylesheet">
  <style>
    :root{--bg:#0b0b0b;--text:#eaeaea;--muted:#bfbfbf;--gold-1:#8a6c20;--gold-2:#d4af37;--gold-3:#ffe08a;--gold-4:#b8860b;--gold-border:rgba(212,175,55,.55);--green:#25D366;--blue:#1a73e8;--card-radius:20px}
    *{box-sizing:border-box} html,body{height:100%}
    body{margin:0;background:var(--bg);color:var(--text);font-family:"Cairo",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.7}
    .wrap{max-width:1200px;margin:0 auto;padding:20px}
    .back-fab{position:fixed;top:16px;left:16px;z-index:99999;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#151515;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,0,0,.45);font-weight:800;cursor:pointer}
    .back-fab svg{width:18px;height:18px;fill:currentColor}
    .whatsapp-fab{position:fixed;top:16px;right:16px;z-index:9999;width:58px;height:58px;border-radius:50%;background:var(--green);display:grid;place-items:center;box-shadow:0 12px 30px rgba(37,211,102,.35), inset 0 0 0 2px rgba(255,255,255,.35);text-decoration:none;transition:.2s}
    .whatsapp-fab:hover{transform:translateY(-2px)} .whatsapp-fab svg{width:28px;height:28px;fill:#fff}
    .hero{text-align:center;padding-top:88px;padding-bottom:18px}
    .hero img{width:100%;max-height:360px;object-fit:contain;background:radial-gradient(ellipse at center, rgba(255,215,0,.08), transparent 60%);border-radius:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px rgba(0,0,0,.45)}
    .hero .line{margin:16px auto 0;font-size:1.05rem;color:var(--muted)}
    .hero .line a{color:var(--green);text-decoration:none;border-bottom:1px dashed rgba(37,211,102,.45)}
    .hero .line a:hover{opacity:.9}
    .grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:22px;margin-bottom:140px}
    .card{position:relative;overflow:hidden;border-radius:var(--card-radius);background:linear-gradient(145deg,var(--gold-1),var(--gold-2) 48%,var(--gold-3) 70%,var(--gold-4));color:#111;padding:18px 16px 16px;border:1px solid var(--gold-border);box-shadow:0 12px 34px rgba(212,175,55,.18),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.15);transition:.15s;cursor:pointer}
    .card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(212,175,55,.26),inset 0 1px 0 rgba(255,255,255,.4)}
    .card::before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg, transparent 45%, rgba(255,255,255,.25) 50%, transparent 55%);transform:translateX(-60%) rotate(8deg);animation:shine 4s linear infinite;pointer-events:none}
    @keyframes shine{0%{transform:translateX(-70%) rotate(8deg)}60%{transform:translateX(50%) rotate(8deg)}100%{transform:translateX(120%) rotate(8deg)}}
    .card .title{font-weight:800;font-size:1.15rem;letter-spacing:.2px;margin:0 0 6px;-webkit-text-stroke:.35px rgba(0,0,0,.15)}
    .meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
    .price{font-weight:800;background:linear-gradient(90deg,#5c450a,#1a1200,#5c450a);color:#fef7d4;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.15)}
    .category{font-size:.8rem;color:#2b1d00;opacity:.85}
    .pack{font-size:.9rem;color:#1a1200}
    .actions{display:flex;gap:10px;margin-top:10px}
    .btn{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:none;cursor:pointer;font-weight:800;text-decoration:none;transition:.12s;user-select:none}
    .btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
    .btn:active{transform:translateY(0) scale(.99)}
    .btn-wa{background:var(--green);color:#fff;box-shadow:0 10px 22px rgba(37,211,102,.35)}
    .btn-cart{background:#111;color:#fbe7a2;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px rgba(0,0,0,.45)}
    .btn svg{width:18px;height:18px}
    .details{overflow:hidden;max-height:0;transition:max-height .35s ease,padding .25s ease;padding:0 2px}
    .card.expanded{grid-column:1/-1}
    .card.expanded .details{max-height:900px;padding-top:8px}
    .kv{display:grid;grid-template-columns:130px 1fr;gap:6px 10px;margin:4px 0}
    .kv .label{font-weight:800;color:#3e2e07}
    .kv .value{color:#111;font-weight:600}
    .callout{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.22);border:1px dashed rgba(0,0,0,.18);color:#141007}
    .callout h4{margin:0 0 6px;font-size:.98rem;font-weight:900;color:#1a1200}
    .callout p{margin:0;white-space:pre-line}
    .cart-fab{position:fixed;bottom:20px;left:20px;z-index:9999;display:flex;align-items:center;gap:10px;background:#151515;color:#fff;border:1px solid rgba(255,255,255,.06);padding:10px 14px;border-radius:999px;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.45)}
    .cart-fab .badge{background:#ffd54d;color:#111;font-weight:900;padding:2px 8px;border-radius:999px;min-width:24px;text-align:center;border:1px solid rgba(0,0,0,.2)}
    .drawer{position:fixed;inset:0;display:none;z-index:9998}
    .drawer.show{display:block}
    .drawer .backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
    .drawer .panel{position:absolute;top:0;bottom:0;right:0;width:min(520px, 92vw);background:#0f0f0f;color:#fff;border-left:1px solid rgba(255,255,255,.06);padding:20px;overflow:auto;box-shadow:-18px 0 40px rgba(0,0,0,.55)}
    .drawer h3{margin:0 0 8px;font-weight:900}
    .cart-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.08)}
    .cart-item .name{font-weight:700}
    .cart-item .qty{opacity:.85}
    .cart-item .remove{background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 10px;cursor:pointer}
    .total{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-weight:900}
    .checkout{margin-top:12px;display:flex;gap:10px}
    .checkout a{flex:1 1 auto;background:var(--green);color:#fff;text-decoration:none;padding:12px 14px;border-radius:12px;font-weight:900;text-align:center}
    .checkout button.clear{flex:0 0 auto;background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;cursor:pointer}
    footer{border-top:1px solid rgba(255,255,255,.06);color:#bdbdbd;font-weight:300;font-size:.95rem;padding:14px 0 30px;text-align:center}
    footer a{color:var(--blue);text-decoration:underline dotted}
/* لون زر ادفع عبر طرق الدفع */
.btn-pay {
  background: #1a73e8; /* أزرق */
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.2s ease;
}

.btn-pay:hover {
  background: #155cc5;
}
  </style>
</head>

/* نبض هادئ */
    animation: ocPulseCover 9s ease-in-out infinite;
  }

/* على الشاشات الكبيرة (ديسكتوب) نقلل الحجم حتى ما تصير مبالَغ فيها */
  @media (min-width: 900px){
    .oc-pulse-bg{ width: 50vw; }
  }

/* إذا عندك وضع light */
  body.light .oc-pulse-bg{ opacity: .14; }
</style>

<body>
<button type="button" class="back-fab" onclick="parent.history.back()" aria-label="رجوع">
  <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"/></svg>الرئيسية
</button>
<a class="whatsapp-fab" href="https://wa.me/380939838806" target="_blank" aria-label="تواصل واتساب">
  <svg viewBox="0 0 32 32" aria-hidden="true"><path d="M19.11 17.54c-.27-.14-1.57-.77-1.82-.86-.24-.09-.42-.14-.6.14-.17.27-.68.86-.83 1.03-.15.17-.31.2-.58.07-.27-.14-1.12-.41-2.13-1.31-.79-.7-1.33-1.56-1.49-1.82-.15-.27-.02-.42.11-.56.11-.11.24-.27.36-.4.12-.14.16-.24.24-.4.08-.17.04-.31-.02-.44-.06-.14-.6-1.44-.82-1.98-.22-.53-.44-.46-.6-.46h-.51c-.17 0-.44.06-.67.31-.24.27-.9.88-.9 2.14s.92 2.48 1.05 2.65c.14.17 1.81 2.76 4.39 3.87.61.26 1.09.41 1.46.53.61.19 1.17.16 1.61.1.49-.07 1.57-.64 1.79-1.26.22-.62.22-1.16.15-1.26-.06-.1-.24-.17-.51-.31zM16.03 3c-7.17 0-13 5.83-13 13 0 2.29.6 4.45 1.66 6.32L3 29l6.86-1.8A12.95 12.95 0 0 0 16.03 29c7.17 0 13-5.83 13-13s-5.83-13-13-13z"/></svg>
</a>

<div class="wrap">
  <header class="hero">
    <img src="https://i.postimg.cc/m4XXSYMf/6-E6-CDA0-D-E038-45-F8-9-B89-D73522197-B06.png" alt="صورة ترحيبية" loading="lazy" />
    <p class="line">ما لقيت الخدمة اللي عم تدوّر عليها؟ <a href="https://wa.me/380939838806" target="_blank">تواصل معنا مباشرة على واتساب</a> ورح نرد عليك فوراً.</p>
  </header>

<div id="cartFab" class="cart-fab" role="button" aria-label="فتح السلة">
  <svg width="22" height="22" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zM7.17 14h9.58c.75 0 1.41-.41 1.75-1.03L22 7H6.21l-.94-2H2v2h2l3.6 7.59-1.35 2.45C5.89 16.37 6.38 17 7.09 17H19v-2H7.42l.75-1.33z"/></svg>
  <span>السلة</span>
  <span id="cartCount" class="badge">0</span>
</div>

<div id="drawer" class="drawer" aria-hidden="true">
  <div class="backdrop" onclick="toggleDrawer(false)"></div>
  <div class="panel">
    <h3>سلة الخدمات</h3>
    <div id="cartList"></div>
    <div class="total"><span>الإجمالي التقديري</span><span id="cartTotal">—</span></div>
    <div class="checkout">
      <a id="waCheckout" href="#" target="_blank">إرسال الطلب عبر واتساب</a>
      <button class="clear" onclick="clearCart()">تفريغ السلة</button>
    </div>
  </div>
</div>

<footer>هذه الموقع مصمم بالكامل من خلال شركة online cash للاستفسار <a href="https://wa.me/380939838806" target="_blank">اضغط هنا</a></footer>

{id:"fb-f-5k", name:"متابعين فيسبوك", pack:"50000 متابع", time:"يكتمل عدد المتابعين خلال 48 ساعة", price:"30$", note:"متابعين عرب أغلبية سوريين حقيقيين ولكن من بينهم بعض الحسابات الجديدة (ليست متوفرة دائماً وقد يختلف السعر قليلاً أحياناً)", activation:"ارسل لنا رابط صفحتك على فيسبوك"},
   
    {id:"fb-f-5k", name:"متابعين فيسبوك", pack:"5000 متابع", time:"يكتمل عدد المتابعين خلال 48 ساعة", price:"8$", note:"متابعين عرب أغلبية سوريين حقيقيين ولكن من بينهم بعض الحسابات الجديدة (ليست متوفرة دائماً وقد يختلف السعر قليلاً أحياناً)", activation:"ارسل لنا رابط صفحتك على فيسبوك"},
    {id:"fb-f-10k", name:"متابعين فيسبوك", pack:"10000 متابع", time:"يكتمل عدد المتابعين خلال 48 ساعة", price:"16$", note:"متابعين عرب أغلبية سوريين حقيقيين ولكن من بينهم بعض الحسابات الجديدة (ليست متوفرة دائماً وقد يختلف السعر قليلاً أحياناً)", activation:"ارسل لنا رابط صفحتك على فيسبوك"},

{id:"fb-promo-60-200", name:"ترويج منشور فيسبوك", pack:"60 لايك وتعليق و200 مشاركة", time:"يكتمل العدد بين ساعة وساعتين", price:"2$", note:"تعمل بعد التحديث", activation:"ارسل لنا رابط المنشور"},
    {id:"fb-promo-250", name:"ترويج منشور فيسبوك", pack:"250 لايك وتعليق ومشاركة", time:"يكتمل العدد بين ساعة وساعتين", price:"3$", note:"تعمل بعد التحديث", activation:"ارسل لنا رابط المنشور"},
    {id:"fb-promo-350-200", name:"ترويج منشور فيسبوك", pack:"350 لايك وتعليق و200 مشاركة", time:"يكتمل العدد بين ساعة وساعتين", price:"3.5$", note:"تعمل بعد التحديث", activation:"ارسل لنا رابط المنشور"},
    {id:"fb-promo-400-350", name:"ترويج منشور فيسبوك", pack:"400 لايك وتعليق و350 مشاركة", time:"يكتمل العدد بين ساعة وساعتين", price:"4$", note:"تعمل بعد التحديث", activation:"ارسل لنا رابط المنشور"},

{id:"ig-f-1k", name:"متابعين انستاغرام", pack:"1000 متابع", time:"يكتمل عدد المتابعين خلال 48 ساعة", price:"10$", note:"متابعين عرب وسوريين (يوجد حسابات جديدة وليست وهمية)", activation:"ارسل لنا رابط صفحتك على انستاغرام"},
    {id:"ig-reels-60", name:"ترويج منشور/ ريلز انستاغرام", pack:"60 لايك وتعليق سوريين", time:"يكتمل العدد بين ساعة وساعتين", price:"2$", note:"تعليقات عربية وسوريين", activation:"ارسل لنا رابط المنشور/ ريلز"},

{id:"fb-ads-homs-4", name:"اعلان فيسبوك لزيادة المبيعات", pack:"4 إعلانات على 4 صفحات حمصية", time:"خلال ساعة إلى ساعتين", price:"10$", note:"جميع الصفحات بمتابعين حقيقيين من محافظة حمص", activation:"ارسل لنا إعلانك"},
    {id:"fb-ads-alahoms", name:"اعلان فيسبوك لزيادة المبيعات", pack:"1", time:"خلال ساعة إلى ساعتين", price:"2$", note:"صفحة الان حمص — عدد المتابعين 16,300", activation:"ارسل لنا إعلانك"},
    {id:"fb-ads-pinke", name:"اعلان فيسبوك لزيادة المبيعات", pack:"1", time:"خلال ساعة إلى ساعتين", price:"3$", note:"صفحة (pinke) — عدد المتابعين 231,000", activation:"ارسل لنا إعلانك"},
    {id:"fb-ads-bazar-sham", name:"اعلان فيسبوك لزيادة المبيعات", pack:"1", time:"خلال ساعة إلى ساعتين", price:"3$", note:"صفحة بازار الشام — عدد المتابعين 182,000", activation:"ارسل لنا إعلانك"},
    {id:"fb-ads-anasyria", name:"اعلان فيسبوك لزيادة المبيعات", pack:"1", time:"خلال ساعة إلى ساعتين", price:"20$", note:"صفحة عنا بسوريا — عدد المتابعين 182,000", activation:"ارسل لنا إعلانك"},
    {id:"fb-ads-alyawm7", name:"اعلان فيسبوك لزيادة المبيعات", pack:"1", time:"خلال ساعة إلى ساعتين", price:"3$", note:"صفحة اليوم السابع نيوز — عدد المتابعين 30,000", activation:"ارسل لنا إعلانك"},
    {id:"fb-ads-nahafat", name:"اعلان فيسبوك لزيادة المبيعات", pack:"1", time:"خلال ساعة إلى ساعتين", price:"22$", note:"صفحة نهفات الزراعة والأوقاف — عدد المتابعين 313,000", activation:"ارسل لنا إعلانك"},
    {id:"fb-ads-lattakia", name:"اعلان فيسبوك لزيادة المبيعات", pack:"1", time:"خلال ساعة إلى ساعتين", price:"22$", note:"صفحة عنا باللاذقية — عدد المتابعين 134,000", activation:"ارسل لنا إعلانك"},

{id:"fb-react-1k", name:"تفاعل فيسبوك", pack:"1000", time:"من 1 ساعة إلى 6 ساعات لاكتمال العدد", price:"2$", note:"يتم وضع التفاعل الذي ترغب به", activation:"ارسل لنا رابط المنشور"},
    {id:"fb-views-reels-1k", name:"مشاهدة ريلز/فيديو على منصة فيسبوك", pack:"1000", time:"خلال ساعة إلى ساعتين", price:"3$", note:"يتم المشاهدة من حسابات أجنبية", activation:"ارسل لنا رابط الريلز/ الفيديو"},

{id:"tg-prem-3m", name:"اشتراك تلغرام مميز", pack:"1", time:"خلال 6 ساعات يتم التنفيذ", price:"20$", note:"لمدة 3 أشهر فقط", activation:"الاشتراك على رقمك الخاص"},
    {id:"tg-prem-6m", name:"اشتراك تلغرام مميز", pack:"1", time:"خلال 6 ساعات يتم التنفيذ", price:"25$", note:"لمدة 6 أشهر فقط", activation:"الاشتراك على رقمك الخاص"},
    {id:"tg-prem-12m", name:"اشتراك تلغرام مميز", pack:"1", time:"خلال 6 ساعات يتم التنفيذ", price:"45$", note:"لمدة 12 شهر", activation:"الاشتراك على رقمك الخاص"},
    {id:"tg-stars-1k", name:"نجوم تيليجرام مميزة", pack:"1000", time:"فوري خلال مدة أقصاها نصف ساعة", price:"35$", note:"الطلب يكون من مضاعفات العدد 100", activation:"ارسل لنا يوزر حسابك"},
    {id:"tg-members-1k", name:"أعضاء تلغرام", pack:"1000", time:"خلال 6/10 ساعات يكتمل العدد", price:"5$", note:"أعضاء عرب", activation:"ارسل لنا رابط حسابك"},
    {id:"tg-react-1k", name:"تفاعل تلغرام", pack:"1000", time:"خلال 6/10 ساعات يكتمل العدد", price:"3$", note:"التفاعل بالإيموجي الذي ترغب به", activation:"ارسل لنا رابط المنشور"},
    {id:"tg-views-1k", name:"مشاهدات تلغرام", pack:"1000", time:"خلال 6 ساعات يتم التنفيذ", price:"3$", note:"مشاهدات عربية", activation:"ارسل لنا رابط المنشور/ الفيديو"},

{id:"wa-channel-1k", name:"أعضاء قناة واتساب", pack:"1000", time:"خلال 24 ساعة يتم تنفيذ طلبك", price:"6$", note:"حسابات حقيقية", activation:"ارسل لنا رابط القناة"},

{id:"yt-subs-1k", name:"مشتركين قناة يوتيوب", pack:"1000", time:"15 يوم", price:"10$", note:"حسابات حقيقية رئيسية", activation:"ارسل لنا رابط الصفحة"},
    {id:"yt-comments-1k", name:"تعليقات يوتيوب", pack:"1000", time:"12 ساعة", price:"7$", note:"تعليقات عبر الذكاء الاصطناعي", activation:"ارسل لنا رابط الفيديو"},

{id:"tt-f-1k", name:"متابعين تيك توك", pack:"1000", time:"48 ساعة", price:"5$", note:"ضمان 365 يوم", activation:"ارسل لنا رابط صفحتك"},
    {id:"tt-views-1k", name:"مشاهدات تيك توك", pack:"1000", time:"~12 ساعة", price:"3$", note:"مشاهدات عربية وأجنبية", activation:"ارسل لنا رابط منشورك/ الفيديو"},

{id:"wa-num-ae", name:"أرقام واتساب إماراتي", pack:"1", time:"6 ساعات", price:"20$", note:"غير مسؤولين بعد التسليم", activation:"التسليم على واتساب"},
    {id:"wa-num-kw", name:"أرقام واتساب كويتي", pack:"1", time:"6 ساعات", price:"15$", note:"غير مسؤولين بعد التسليم", activation:"التسليم على واتساب"},
    {id:"wa-num-jo", name:"أرقام واتساب أردني", pack:"1", time:"6 ساعات", price:"10$", note:"غير مسؤولين بعد التسليم", activation:"التسليم على واتساب"},
    {id:"wa-num-om", name:"أرقام واتساب عُماني", pack:"1", time:"6 ساعات", price:"16$", note:"غير مسؤولين بعد التسليم", activation:"التسليم على واتساب"},
    {id:"wa-num-lb", name:"أرقام واتساب لبناني", pack:"1", time:"6 ساعات", price:"20$", note:"غير مسؤولين بعد التسليم", activation:"التسليم على واتساب"},
    {id:"wa-num-vn", name:"أرقام واتساب فيتنامي", pack:"1", time:"12 ساعة", price:"2$", note:"غير مسؤولين بعد تسليم الكود", activation:"التسليم على واتساب"},
    {id:"wa-num-id", name:"أرقام واتساب إندونيسي", pack:"1", time:"12 ساعة", price:"2$", note:"غير مسؤولين بعد تسليم الكود", activation:"التسليم على واتساب"},
    {id:"wa-num-ca", name:"أرقام واتساب كندي", pack:"1", time:"12 ساعة", price:"4$", note:"غير مسؤولين بعد تسليم الكود", activation:"التسليم على واتساب"},
    {id:"wa-num-us", name:"أرقام واتساب أمريكي", pack:"1", time:"12 ساعة", price:"4$", note:"غير مسؤولين بعد تسليم الكود", activation:"التسليم على واتساب"},
  ].map(s => ({...s, category: detectCategory(s.name)}));

const CART_KEY = "oc_cart_v2";
  let cart = JSON.parse(localStorage.getItem(CART_KEY) || "[]");

function detectCategory(name){
    if(/فيسبوك/i.test(name)) return "Facebook";
    if(/انستاغرام|إنستغرام/i.test(name)) return "Instagram";
    if(/تلغرام|تيليجرام/i.test(name)) return "Telegram";
    if(/يوتيوب/i.test(name)) return "YouTube";
    if(/تيك توك|تيك ?توك/i.test(name)) return "TikTok";
    if(/واتساب/i.test(name)) return "WhatsApp";
    return "";
  }

function render(services){
    const root = document.getElementById("cards");
    root.innerHTML = "";
    services.forEach(s=>{
      const card = document.createElement("article");
      card.className = "card";
      card.setAttribute("tabindex","0");
      card.setAttribute("role","button");
      card.setAttribute("aria-expanded","false");
      card.dataset.id = s.id;

const waMsg = encodeURIComponent(
        [
          "مرحبا، أود الاستفسار/طلب الخدمة التالية:",
          `الاسم: ${s.name}`,
          s.pack? `الكمية/الباقة: ${s.pack}`:"",
          s.time? `الوقت للتنفيذ: ${s.time}`:"",
          s.price? `السعر: ${s.price}`:"",
          s.activation? `طريقة التفعيل: ${s.activation}`:"",
          s.note? `ملاحظة: ${s.note}`:"",
        ].filter(Boolean).join("\n")
      );

card.innerHTML = `
        <h3 class="title">${s.name}</h3>
        <div class="meta">
          <span class="price">${s.price || "حسب الطلب"}</span>
          <span class="category">${s.category || ""}</span>
        </div>
        <div class="pack">${s.pack || ""}</div>
        <div class="details" aria-hidden="true">
          <div class="kv"><div class="label">الخدمة</div><div class="value">${s.name}</div></div>
          <div class="kv"><div class="label">الكمية</div><div class="value">${s.pack || "—"}</div></div>
          <div class="kv"><div class="label">الوقت للتنفيذ</div><div class="value">${s.time || "—"}</div></div>
          <div class="kv"><div class="label">السعر</div><div class="value">${s.price || "—"}</div></div>
          <div class="callout"><h4>طريقة التفعيل</h4><p>${s.activation || "—"}</p></div>
          <div class="callout"><h4>ملاحظة</h4><p>${s.note || "—"}</p></div>
        </div>
        <div class="actions" role="group" aria-label="أوامر">
          <a class="btn btn-wa" href="${WA_NUMBER_LINK}?text=${waMsg}" target="_blank" rel="noopener">واتساب</a>
          <button class="btn btn-cart" data-add="${s.id}">أضِف إلى السلة</button>
        </div>
      `;

card.querySelectorAll(".actions a, .actions button").forEach(el=> el.addEventListener("click", ev => ev.stopPropagation()));
      card.querySelector("button[data-add]").addEventListener("click", () => { addToCart(s); });
      function toggleExpand(){ const isOpen = card.classList.toggle("expanded"); card.setAttribute("aria-expanded", isOpen ? "true" : "false"); const details = card.querySelector(".details"); details.setAttribute("aria-hidden", isOpen ? "false" : "true"); }
      card.addEventListener("click", toggleExpand);
      card.addEventListener("keydown", (e)=>{ if(e.key==="Enter"||e.key===" "){ e.preventDefault(); toggleExpand(); } });
      document.getElementById("cards").appendChild(card);
    });
  }

render(SERVICES);
</script>

<script>
(function(){
  document.addEventListener('DOMContentLoaded', function(){
    // نجمع كل البطاقات بهالصفحة
    var cards = Array.from(document.querySelectorAll('.card'));
    if(!cards.length) return; // ما في بطاقات، ما منعمل شي

// منلاقي الحاوية ونضيف خانة البحث فوقها
    var container = cards[0].closest('.grid') || cards[0].parentElement;
    var barWrap = document.createElement('div');
    barWrap.style = 'max-width:1200px;margin:10px auto 12px;padding:0 12px';
    var input = document.createElement('input');
    input.type = 'search';
    input.placeholder = 'ابحث باسم الخدمة…';
    input.dir = 'rtl';
    input.style = 'width:100%;padding:12px;border-radius:10px;border:1px solid #444;background:#111;color:#fff;font-weight:800';
    barWrap.appendChild(input);

// رسالة "لا نتائج"
    var emptyMsg = document.createElement('div');
    emptyMsg.textContent = 'لا توجد نتائج مطابقة';
    emptyMsg.style = 'display:none;text-align:center;margin:8px 0;color:#ccc;font-weight:800';
    barWrap.appendChild(emptyMsg);

container.parentNode.insertBefore(barWrap, container);

// دالة ترويس/تطبيع نص بسيط للعربي
    function norm(s){
      s = (s||'').toString().toLowerCase().trim();
      s = s
        .replace(/[أإآا]/g,'ا') // توحيد الألف
        .replace(/ة/g,'ه')      // تحويل ة ← ه (للتطابق)
        .replace(/ى/g,'ي')      // ى ← ي
        .replace(/ؤ/g,'و')      // ؤ ← و
        .replace(/ئ/g,'ي');     // ئ ← ي
      return s;
    }

// نجمع نص كل بطاقة (العنوان + تفاصيل مختصرة…)
    function textOf(card){
      var t = '';
      ['h3','.title','p','.pack','.meta','.callout','.kv','.value'].forEach(function(sel){
        var el = card.querySelector(sel);
        if(el) t += ' ' + el.textContent;
      });
      if(!t) t = card.textContent || '';
      return t;
    }

// فهرس مبدئي
    var index = cards.map(function(card){
      return { card: card, text: norm(textOf(card)) };
    });

function applyFilter(q){
      var nq = norm(q);
      var shown = 0;
      index.forEach(function(row){
        var show = !nq || row.text.indexOf(nq) !== -1;
        row.card.style.display = show ? '' : 'none';
        if(show) shown++;
      });
      emptyMsg.style.display = shown ? 'none' : 'block';
    }

input.addEventListener('input', function(){ applyFilter(this.value); });

// لو الصفحة بتضيف/تغيّر بطاقات بعد التحميل، نحدّث الفهرس تلقائيًا
    var obs = new MutationObserver(function(){
      cards = Array.from(document.querySelectorAll('.card'));
      index = cards.map(function(card){ return { card: card, text: norm(textOf(card)) }; });
      applyFilter(input.value);
    });
    obs.observe(container, { childList:true, subtree:true });
  });
})();
</script>

/* نبض هادئ */
    animation: ocPulseCover 9s ease-in-out infinite;
  }

/* على الشاشات الكبيرة (ديسكتوب) نقلل الحجم حتى ما تصير مبالَغ فيها */
  @media (min-width: 900px){
    .oc-pulse-bg{ width: 50vw; }
  }

/* إذا عندك وضع light */
  body.light .oc-pulse-bg{ opacity: .14; }
</style>

</body>
</html>

<script>
(function(){
  function addPayButtons(){
    document.querySelectorAll('#cards .card').forEach(card=>{
      const actions = card.querySelector('.actions');
      if(!actions || actions.querySelector('.btn-pay-methods')) return;
      const name = (card.querySelector('.title') && card.querySelector('.title').textContent.trim()) || 'خدمة';
      const btn = document.createElement('button');
      btn.className = 'btn btn-cart btn-pay-methods';
      btn.textContent = 'ادفع عبر طرق الدفع';
      btn.addEventListener('click', (e)=>{ e.stopPropagation(); parent.postMessage({type:'SELECT_PRODUCT', product:name}, '*'); });
      actions.appendChild(btn);
    });
  }
  const obs = new MutationObserver(addPayButtons);
  document.addEventListener('DOMContentLoaded', ()=>{
    addPayButtons();
    const root=document.getElementById('cards');
    if(root) obs.observe(root,{childList:true,subtree:true});
  });
})();
</script>

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>شحن الألعاب والتطبيقات</title>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;800;900&display=swap" rel="stylesheet">
<style>
:root{--bg:#0b0b0b;--text:#eaeaea;--muted:#bfbfbf;--green:#25D366;--gold:#ffd54d}
*{box-sizing:border-box} html,body{min-height:100%;background:var(--bg)}
body{margin:0;color:var(--text);font-family:"Cairo",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.7}
.wrap{max-width:1200px;margin:0 auto;padding:20px}
.back-fab{position:fixed;top:16px;left:16px;z-index:99999;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#151515;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,0,0,.45);font-weight:800;cursor:pointer}
.back-fab svg{width:18px;height:18px;fill:currentColor}
.whatsapp-fab{position:fixed;top:16px;right:16px;z-index:9999;width:58px;height:58px;border-radius:50%;background:var(--green);display:grid;place-items:center;box-shadow:0 12px 30px rgba(37,211,102,.35), inset 0 0 0 2px rgba(255,255,255,.35);text-decoration:none;transition:.2s}
.whatsapp-fab:hover{transform:translateY(-2px)} .whatsapp-fab svg{width:28px;height:28px;fill:#fff}
.hero{text-align:center;padding-top:60px}
.hero img{width:100%;max-height:280px;object-fit:contain;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.grid{display:grid;gap:20px;margin-top:20px;margin-bottom:140px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.card h3{margin:0 0 6px;color:var(--gold);font-size:1.05rem}
.card p{margin:0;color:#ccc}
.actions{display:flex;gap:10px;margin-top:10px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:none;cursor:pointer;font-weight:800;text-decoration:none}
.btn-wa{background:var(--green);color:#fff}
footer{border-top:1px solid rgba(255,255,255,.06);color:#bdbdbd;font-weight:300;font-size:.95rem;padding:20px 0 30px;text-align:center}
</style>
</head>

/* نبض هادئ */
    animation: ocPulseCover 9s ease-in-out infinite;
  }

/* على الشاشات الكبيرة (ديسكتوب) نقلل الحجم حتى ما تصير مبالَغ فيها */
  @media (min-width: 900px){
    .oc-pulse-bg{ width: 50vw; }
  }

/* إذا عندك وضع light */
  body.light .oc-pulse-bg{ opacity: .14; }
</style>

<body>

<button type="button" class="back-fab" onclick="parent.history.back()" aria-label="رجوع">
  <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"/></svg>الرئيسية
</button>
<a class="whatsapp-fab" href="https://wa.me/380939838806" target="_blank" rel="noopener" aria-label="تواصل واتساب"><svg viewBox="0 0 32 32"><path d="M19.11 17.54c-.27-.14-1.57-.77-1.82-.86-.24-.09-.42-.14-.6.14-.17.27-.68.86-.83 1.03-.15.17-.31.2-.58.07-.27-.14-1.12-.41-2.13-1.31-.79-.7-1.33-1.56-1.49-1.82-.15-.27-.02-.42.11-.56.11-.11.24-.27.36-.4.12-.14.16-.24.24-.4.08-.17.04-.31-.02-.44-.06-.14-.6-1.44-.82-1.98-.22-.53-.44-.46-.6-.46h-.51c-.17 0 -.44.06 -.67.31 -.24.27 -.7.6 -.7 1.6 0 1 .7 1.9 .8 2.1 .1 .2 1.4 2.2 3.4 3.1 .5 .2 .8 .3 1.1 .4 .5 .1 .9 .1 1.2 .1 .4-.1 1.2-.5 1.3-1 .2-.5 .2-.9 .1-1-.1-.1-.2-.1-.4-.2z"/></svg></a>

<section class="grid">
    
    <article class="card"><h3>PUBG Mobile UC</h3><p>إعادة شحن UC لجميع السيرفرات</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب شحن PUBG UC" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Free Fire Diamonds</h3><p>ألماس فري فاير</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب شحن Free Fire Diamonds" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Mobile Legends</h3><p>Diamonds / Weekly Pass</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب شحن Mobile Legends" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Call of Duty Mobile CP</h3><p>بطاقات/شحن مباشر</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب شحن CODM CP" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Fortnite V-Bucks</h3><p>بطاقات لجميع المناطق</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب شحن V-Bucks Fortnite" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Roblox Robux</h3><p>كروت / ID شحن</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب شحن Roblox Robux" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Steam Wallet</h3><p>بطاقات ستيم دولية</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب بطاقة Steam Wallet" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>PlayStation (PSN)</h3><p>بطاقات + Plus</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب بطاقات PSN/Plus" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Xbox / Game Pass</h3><p>بطاقات وإشتراكات</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب بطاقات Xbox/Game Pass" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Google Play</h3><p>بطاقات غوغل بلاي</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب بطاقة Google Play" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Apple / iTunes</h3><p>بطاقات Apple ID</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب بطاقة Apple iTunes" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Netflix / Spotify / Discord</h3><p>اشتراكات وبطاقات</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب اشتراكات Netflix/Spotify/Discord" target="_blank" rel="noopener">اطلب الآن</a></div></article>

<article class="card"><h3>اشتراك chat GPT (1 شهر) </h3><p>تسليم كود/فاتورة خلال ~24 ساعة — السعر 15$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب اشتراك chat GBT (15$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>اشتراك chat GBT (3 أشهر) — تفعيل رسمي</h3><p>تفعيل مرخّص — خلال 24 ساعة — السعر 32$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب اشتراك chat GPT 3 أشهر — تفعيل رسمي (32$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>اشتراك chat GBT (6 أشهر) — تفعيل رسمي</h3><p>يشمل دعم أساسي — خلال 24 ساعة — السعر 50$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب اشتراك chat GBT  6 أشهر — تفعيل رسمي (50$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>اشتراك chaton AI (6 شهر) — تفعيل رسمي</h3><p>تفعيل سنوي مرخّص — ~1 ساعة — السعر 35$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب اشتراك CHATON AI 6 شهر — تفعيل رسمي (35$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>اشتراك chaton AI (12 شهر) — تفعيل رسمي</h3><p>تفعيل سنوي مرخّص — ~1 ساعة — السعر 50$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب اشتراك CHATON AI 12 شهر — تفعيل رسمي (50$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>

<article class="card"><h3>VPN مميز (1 شهر) — تفعيل رسمي</h3><p>تسليم كود/حساب مرخّص — خلال 12 ساعة — 13$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب VPN مميز 1 شهر — تفعيل رسمي (13$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>VPN مميز (6 أشهر) — تفعيل رسمي</h3><p>تفعيل 6 أشهر — خلال 12 ساعة — 24$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب VPN مميز 6 أشهر — تفعيل رسمي (24$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>خادم VPN مُدار (مشترك) — شهر</h3><p>وصول قانوني — تسليم خلال 6 ساعات — 11$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب خادم VPN مُدار (مشترك) — شهر (11$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>باقة VPN اقتصادية — تفعيل رسمي</h3><p>تسليم خلال 3 أيام كحد أقصى — 4$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب باقة VPN اقتصادية — تفعيل رسمي (4$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>

<article class="card"><h3>Canva Pro — انضمام فريق رسمي (1 مستخدم)</h3><p>دعوة رسمية على بريدك — خلال 6 ساعات — 5$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب Canva Pro — انضمام فريق رسمي (5$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>CapCut Pro (سنة) — تفعيل رسمي</h3><p>ربط على بريدك — خلال 6 ساعات — 100$</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب CapCut Pro سنة — تفعيل رسمي (100$)" target="_blank" rel="noopener">اطلب الآن</a></div></article>

<article class="card"><h3>Genshin Impact</h3><p>Genesis Crystals / Welkin</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب شحن Genshin Impact Crystals/Welkin" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>League of Legends (Riot)</h3><p>Riot Points (RP)</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب Riot Points (LoL)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>VALORANT</h3><p>VALORANT Points (VP)</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب VALORANT Points" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Wild Rift</h3><p>Wild Cores (WC)</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب Wild Cores (WR)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>EA FC Mobile</h3><p>FC Points (FIFA سابقاً)</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب FC Mobile Points" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Supercell</h3><p>Clash of Clans / Royale Gems</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب شحن Supercell (Clash Gems)" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Brawl Stars</h3><p>Gems / Pass</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب شحن Brawl Stars Gems" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Stumble Guys</h3><p>Gems / Tokens</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب شحن Stumble Guys" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Minecraft</h3><p>Minecoins / Realms</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب Minecoins/Realms" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Nintendo eShop</h3><p>بطاقات لكل المناطق</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب بطاقات Nintendo eShop" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Garena Shells</h3><p>لخدمات Garena المختلفة</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب Garena Shells" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Apex Legends</h3><p>Apex Coins (PC/Console)</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب Apex Coins" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Razer Gold</h3><p>كروت ريزر غولد</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب Razer Gold" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Blizzard Battle.net</h3><p>رصيد بليزارد/أوفر ووتش</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب Battle.net Balance" target="_blank" rel="noopener">اطلب الآن</a></div></article>

<article class="card"><h3>Shahid VIP</h3><p>اشتراكات شهرية/سنوية</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب اشتراك Shahid VIP" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>OSN+</h3><p>اشتراك OSN Plus</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب اشتراك OSN+" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>YouTube Premium</h3><p>فردي / عائلي</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب اشتراك YouTube Premium" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Crunchyroll</h3><p>Premium / Mega Fan</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب اشتراك Crunchyroll" target="_blank" rel="noopener">اطلب الآن</a></div></article>
    <article class="card"><h3>Amazon Gift Card</h3><p>US / UK / DE / …</p><div class="actions"><a class="btn btn-wa" href="https://wa.me/380939838806?text=طلب Amazon Gift Card" target="_blank" rel="noopener">اطلب الآن</a></div></article>
  </section>
</div>

<footer>إن ما لقيت لعبتك/تطبيقك تواصل معنا على واتساب لنجهزها إلك فورًا.</footer>