diff --git a/index.html b/index.html
index 45b530b..97ffdfc 100644
--- a/index.html
+++ b/index.html
@@ -1,646 +1,651 @@
-<!DOCTYPE html>
-<html lang="ar">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Ibrahim Mohsen - Portfolio</title>
-<link rel="stylesheet" href="style.css">
-<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
-<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600&display=swap" rel="stylesheet">
-</head>
-<body class="light">
-<body>
-<!-- Dark Mode Toggle -->
-<div id="darkModeToggle"><i class="fas fa-moon"></i></div>
-
-<!-- Hero Section -->
-<header class="hero">
-  <div class="container hero-container">
-    <div class="hero-content">
-      <img src="images/me.jpg" alt="Ibrahim Mohsen" class="hero-photo">
-      <div class="hero-text">
-        <h1>إبراهيم محسن</h1>
-        <p>أدخل عالم الحملات الإعلانية الاحترافية مع خبرة أكثر من 10 سنوات</p>
-        <a href="https://wa.me/201009248856" class="whatsapp-btn"><i class="fab fa-whatsapp"></i> تواصل عبر واتساب</a>
-      </div>
-    </div>
-    <!-- Animated planets -->
-    <div class="planet planet1"></div>
-    <div class="planet planet2"></div>
-    <div class="planet planet3"></div>
-    <div class="planet planet4"></div>
-  </div>
-</header>
-
-<!DOCTYPE html>
-<html lang="ar">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Store</title>
-
-<!-- خط Cairo -->
-<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap" rel="stylesheet">
-
-<style>
-
-/* عام */
-body {
-  font-family: 'Cairo', sans-serif;
-  margin: 0;
-  background: #f5f5f5;
-}
-
-/* سكشن المتجر */
-.store {
-  padding: 80px 20px;
-  text-align: center;
-}
-
-.store-title {
-  font-size: 2.5em;
-  margin-bottom: 40px;
-  color: #000;
-}
-
-/* الكارد */
-.store-card {
-  background: #111;
-  color: #fff;
-  padding: 25px;
-  border-radius: 20px;
-  max-width: 320px;
-  margin: auto;
-  transition: 0.3s;
-}
-
-.store-card:hover {
-  transform: translateY(-10px);
-}
-
-/* الصورة */
-.store-img {
-  width: 100%;
-  height: 180px;
-  object-fit: contain;
-  margin-bottom: 15px;
-}
-
-/* زر */
-.store-card button {
-  margin-top: 20px;
-  padding: 15px 30px;   /* حجم أكبر */
-  font-size: 18px;      /* خط أكبر */
-  font-weight: bold;
-  border: none;
-  background: #25D366;
-  color: #fff;
-  border-radius: 12px;
-  cursor: pointer;
-  transition: 0.3s;
-}
-
-.store-card button:hover {
-  transform: scale(1.1);
-  background: #1ebe5d;
-}
-
-/* الفورم */
-.form-modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0,0,0,0.6);
-  display: none;
-  justify-content: center;
-  align-items: center;
-  z-index: 1000;
-}
-
-.form-box {
-  background: #fff;
-  padding: 30px;          /* كبر المسافات الداخلية */
-  border-radius: 20px;
-  width: 400px;           /* كبر عرض الفورم */
-  max-width: 90%;         /* عشان الموبايل */
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-  position: relative;
-}
-
-.form-box input,
-.form-box select {
-  padding: 14px;          /* أكبر */
-  font-size: 16px;        /* خط أوضح */
-  border-radius: 10px;
-  border: 1px solid #ccc;
-}
-
-.form-box button {
-  background: #25D366;
-  color: #fff;
-  padding: 14px;
-  font-size: 18px;
-  font-weight: bold;
-  border: none;
-  border-radius: 12px;
-  cursor: pointer;
-  transition: 0.3s;
-}
-
-/* Hover */
-.form-box button:hover {
-  transform: scale(1.05);
-  background: #1ebe5d;
-}
-
-.close-form {
-  position: absolute;
-  right: 15px;
-  top: 10px;
-  cursor: pointer;
-  font-size: 1.3em;
-}
-
-.note {
-  font-size: 0.9em;
-  color: #666;
-}
-
-/* نجاح */
-.success-box {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0,0,0,0.7);
-  display: none;
-  justify-content: center;
-  align-items: center;
-  z-index: 2000;
-}
-
-.success-content {
-  background: #fff;
-  padding: 25px;
-  border-radius: 15px;
-  text-align: center;
-  width: 280px;
-}
-
-/* لودينج */
-.loader {
-  border: 4px solid #eee;
-  border-top: 4px solid #25D366;
-  border-radius: 50%;
-  width: 45px;
-  height: 45px;
-  margin: auto;
-  animation: spin 1s linear infinite;
-}
-
-/* صح */
-.checkmark {
-  display: none;
-  font-size: 35px;
-  color: #25D366;
-  margin: 10px 0;
-}
-
-/* زر تم */
-#doneBtn {
-  display: none;
-  padding: 8px 20px;
-  border: none;
-  background: #25D366;
-  color: #fff;
-  border-radius: 10px;
-  cursor: pointer;
-}
-
-@keyframes spin {
-  100% { transform: rotate(360deg); }
-}
-
-</style>
-</head>
-
-<body>
-
-<section class="store">
-  <h2 class="store-title">خدمات الشحن</h2>
-
-  <div class="store-card">
-    <img src="images/we.jpg" alt="WE" class="store-img">
-
-    <h3>شحن الإنترنت والراوتر</h3>
-    <p>اشحن باقتك بكل سهولة وسرعة</p>
-
-    <button id="openForm">شحن الآن</button>
-  </div>
-</section>
-
-<!-- الفورم -->
-<div class="form-modal">
-  <div class="form-box">
-    <span class="close-form">&times;</span>
-
-    <h3>إتمام الطلب</h3>
-
-    <input type="text" id="name" placeholder="اسم العميل" required>
-    <input type="text" id="phone" placeholder="رقم موبايل للتواصل" required>
-
-    <select id="type" required>
-      <option value="">نوع الشحن</option>
-      <option value="إنترنت شهري">إنترنت شهري</option>
-      <option value="أرضي كل 3 شهور">أرضي كل 3 شهور</option>
-    </select>
-
-    <input type="text" id="clientNumber" placeholder="رقم الخط" required>
-
-    <p class="note">📌 التحويل على: 01009248856</p>
-
-    <input type="text" id="senderNumber" placeholder="رقم المحول منه" required>
-
-    <button id="sendOrder">إرسال</button>
-  </div>
-</div>
-
-<!-- نجاح -->
-<div class="success-box" id="successBox">
-  <div class="success-content">
-    <div class="loader"></div>
-    <div class="checkmark">✔</div>
-    <p>تم إرسال طلبك بنجاح</p>
-    <button id="doneBtn">تم</button>
-  </div>
-</div>
-
-<script>
-
-// فتح وغلق الفورم
-const openForm = document.getElementById('openForm');
-const modal = document.querySelector('.form-modal');
-const closeForm = document.querySelector('.close-form');
-
-openForm.onclick = () => modal.style.display = "flex";
-closeForm.onclick = () => modal.style.display = "none";
-
-// إرسال الطلب
-document.getElementById('sendOrder').onclick = () => {
-
-  // التحقق من الحقول المطلوبة
-  const name = document.getElementById('name');
-  const phone = document.getElementById('phone');
-  const type = document.getElementById('type');
-  const clientNumber = document.getElementById('clientNumber');
-  const senderNumber = document.getElementById('senderNumber');
-
-  if(!name.value || !phone.value || !type.value || !clientNumber.value || !senderNumber.value){
-    alert("يرجى ملء جميع الحقول المطلوبة");
-    return;
-  }
-
-  let message = `طلب شحن:%0A
-الاسم: ${name.value}%0A
-رقم التواصل: ${phone.value}%0A
-النوع: ${type.value}%0A
-رقم الخط: ${clientNumber.value}%0A
-المحول منه: ${senderNumber.value}`;
-
-  let url = `https://wa.me/201559276708?text=${message}`;
-
-  window.open(url, '_blank');
-
-  // نجاح
-  const box = document.getElementById("successBox");
-  const loader = box.querySelector(".loader");
-  const check = box.querySelector(".checkmark");
-  const btn = document.getElementById("doneBtn");
-
-  box.style.display = "flex";
-
-  setTimeout(() => {
-    loader.style.display = "none";
-    check.style.display = "block";
-    btn.style.display = "inline-block";
-  }, 1500);
-};
-
-// زر تم
-document.getElementById("doneBtn").onclick = () => {
-  document.getElementById("successBox").style.display = "none";
-};
-
-</script>
-
-</body>
-</html>
-<!DOCTYPE html>
-<html lang="ar">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>إيداع المحافظ</title>
-<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap" rel="stylesheet">
-<style>
-body { font-family: 'Cairo', sans-serif; margin:0; background:#f5f5f5; }
-.store { padding:80px 20px; text-align:center; }
-.store-title { font-size:2.5em; margin-bottom:40px; }
-
-/* الكارد */
-.store-card { background:#111; color:#fff; padding:25px; border-radius:20px; max-width:320px; margin:auto; transition:0.3s; position:relative; }
-.store-card:hover { transform:translateY(-10px); }
-.store-card img { width:100%; height:180px; object-fit:cover; border-radius:15px; margin-bottom:10px; }
-.store-card .badge { position:absolute; top:15px; left:15px; background:#25D366; color:#fff; padding:5px 10px; border-radius:12px; font-size:0.9em; font-weight:bold; }
-
-/* زر */
-.store-card button { margin-top:15px; padding:15px 30px; font-size:18px; font-weight:bold; border:none; background:#25D366; color:#fff; border-radius:12px; cursor:pointer; }
-
-/* فورم */
-.form-modal { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none; justify-content:center; align-items:center; z-index:1000; }
-.form-box { background:#fff; padding:30px; border-radius:20px; width:400px; max-width:90%; display:flex; flex-direction:column; gap:12px; position:relative; }
-.form-box input, .form-box select { padding:12px; border-radius:10px; border:1px solid #ccc; }
-.form-box button { background:#25D366; color:#fff; padding:12px; border:none; border-radius:12px; cursor:pointer; }
-.close-form { position:absolute; right:15px; top:10px; cursor:pointer; }
-.total { font-weight:bold; margin-top:5px; }
-
-/* نجاح */
-.success-box { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none; justify-content:center; align-items:center; z-index:2000; }
-.success-content { background:#fff; padding:25px; border-radius:15px; text-align:center; }
-.loader { border:4px solid #eee; border-top:4px solid #25D366; border-radius:50%; width:45px; height:45px; margin:auto; animation:spin 1s linear infinite; }
-.checkmark { display:none; font-size:35px; color:#25D366; }
-#doneBtn { display:none; background:#25D366; color:#fff; border:none; padding:8px 20px; border-radius:10px; cursor:pointer; }
-
-@keyframes spin { 100% { transform:rotate(360deg); } }
-</style>
-</head>
-<body>
-
-<section class="store">
-  <h2 class="store-title">خدمة إيداع المحافظ</h2>
-
-  <div class="store-card">
-    <img src="images/voda1.jpg?text=محفظة" alt="محفظة">
-    <div class="badge">💥 عرض: 1000 جنيه + 5 جنيه لكل ألف</div>
-    <p>أسرع خدمة إيداع المحافظ 💸</p>
-    <button id="openWalletForm">اشحن الآن</button>
-  </div>
-</section>
-
-<!-- فورم إيداع المحافظ -->
-<div class="form-modal" id="walletFormModal">
-  <div class="form-box">
-    <span class="close-form" id="closeWalletForm">&times;</span>
-    <h3>إتمام الإيداع</h3>
-    <input type="text" id="walletName" placeholder="اسم العميل" required>
-    <input type="text" id="walletPhone" placeholder="رقم موبايل للتواصل" required>
-    <select id="wallet" required>
-      <option value="">اختيار المحفظة للإيداع</option>
-      <option value="فودافون كاش">فودافون كاش</option>
-      <option value="وي" disabled>وي (قريبًا)</option>
-      <option value="اتصالات" disabled>اتصالات (قريبًا)</option>
-      <option value="اورانج" disabled>اورانج (قريبًا)</option>
-    </select>
-    <input type="text" id="walletNumber" placeholder="رقم موبايل المحفظة للإيداع" style="display:none">
-    <input type="number" id="amount" placeholder="المبلغ" oninput="calcTotal()" required>
-    <div class="total" id="total"></div>
-    <button id="sendWalletOrder">إرسال</button>
-  </div>
-</div>
-
-<!-- نجاح -->
-<div class="success-box" id="successBox">
-  <div class="success-content">
-    <div class="loader"></div>
-    <div class="checkmark">✔</div>
-    <p>تم إرسال طلبك بنجاح</p>
-    <button id="doneBtn">تم</button>
-  </div>
-</div>
-
-<script>
-window.onload = function(){
-
-  const openWalletBtn = document.getElementById("openWalletForm");
-  const walletModal = document.getElementById("walletFormModal");
-  const closeWalletBtn = document.getElementById("closeWalletForm");
-  const walletSelect = document.getElementById("wallet");
-  const walletNumber = document.getElementById("walletNumber");
-
-  openWalletBtn.addEventListener("click", ()=> walletModal.style.display='flex');
-  closeWalletBtn.addEventListener("click", ()=> walletModal.style.display='none');
-  walletModal.addEventListener("click", e=> { if(e.target===walletModal) walletModal.style.display='none'; });
-
-  walletSelect.addEventListener("change", ()=>{
-    walletNumber.style.display = (walletSelect.value==="فودافون كاش") ? "block" : "none";
-  });
-
-  window.calcTotal = function(){
-    const amt = document.getElementById("amount").value;
-    const div = document.getElementById("total");
-    if(amt){
-      const tax = Math.floor(amt/1000)*5;
-      div.innerHTML = `💰 ${amt} + 💸 ${tax} = ✅ ${Number(amt)+tax}`;
-    } else div.innerHTML="";
-  };
-
-  document.getElementById("sendWalletOrder").addEventListener("click", ()=>{
-    const name = document.getElementById("walletName").value;
-    const phone = document.getElementById("walletPhone").value;
-    const w = walletSelect.value;
-    const wNum = walletNumber.value;
-    const amt = document.getElementById("amount").value;
-    if(!name||!phone||!w||!amt){ alert("املى كل البيانات"); return; }
-    const tax = Math.floor(amt/1000)*5;
-    const total = Number(amt)+tax;
-    const msg = `طلب إيداع:%0A👤 ${name}%0A📞 ${phone}%0A💳 ${w}%0A📲 ${wNum}%0A💰 ${amt}%0A💸 ${tax}%0A✅ ${total}`;
-    window.open(`https://wa.me/201559276708?text=${msg}`);
-    showSuccess();
-    walletModal.style.display='none';
-  });
-
-  function showSuccess(){
-    const box = document.getElementById("successBox");
-    box.style.display="flex";
-    setTimeout(()=> {
-      document.querySelector(".loader").style.display="none";
-      document.querySelector(".checkmark").style.display="block";
-      document.getElementById("doneBtn").style.display="inline-block";
-    },1500);
-  }
-
-  document.getElementById("doneBtn").addEventListener("click", ()=>{
-    const box = document.getElementById("successBox");
-    box.style.display="none";
-    document.querySelector(".loader").style.display="block";
-    document.querySelector(".checkmark").style.display="none";
-    document.getElementById("doneBtn").style.display="none";
-  });
-
-};
-</script>
-
-</body>
-</html>
-  </body>
-</html>
-    <!-- شبكة الخدمات -->
-    <div class="services-grid">
-
-      <div class="service-card facebook">
-        <i class="fab fa-facebook"></i>
-        <h3>حملات فيسبوك</h3>
-        <p>إعلانات مستهدفة تزيد التفاعل والمبيعات على منصة فيسبوك.</p>
-      </div>
-
-      <div class="service-card instagram">
-        <i class="fab fa-instagram"></i>
-        <h3>حملات إنستجرام</h3>
-        <p>محتوى بصري جذاب يرفع مستوى التفاعل مع جمهورك.</p>
-      </div>
-
-      <div class="service-card tiktok">
-        <i class="fab fa-tiktok"></i>
-        <h3>حملات تيك توك</h3>
-        <p>مقاطع قصيرة مبتكرة تضمن انتشار واسع وسريع.</p>
-      </div>
-
-      <div class="service-card google">
-        <i class="fab fa-google"></i>
-        <h3>حملات جوجل</h3>
-        <p>ظهور أول نتائج البحث لإعلاناتك بدقة عالية.</p>
-      </div>
-
-      <div class="service-card landing">
-        <i class="fas fa-bullhorn"></i>
-        <h3>صفحات هبوط</h3>
-        <p>Landing Pages احترافية تحفز العملاء على التفاعل والتحويل.</p>
-      </div>
-
-    </div>
-  </div>
-</section>
-  
-<!-- Projects Section -->
-<section class="projects">
-  <div class="container">
-    <h2>مشاريعي الرائعة</h2>
-    <div class="projects-grid">
-
-      <div class="card">
-        <img src="images/project1.jpg" alt="Project 1" class="lightbox-img">
-        <h3>الحملة 1</h3>
-        <p>حملة ملهمة وجذابة تحقق النجاح المطلوب!</p>
-      </div>
-
-      <div class="card">
-        <img src="images/project2.jpg" alt="Project 2" class="lightbox-img">
-        <h3>الحملة 2</h3>
-        <p>تصميم احترافي وحملة تركت أثر رائع للعملاء.</p>
-      </div>
-
-      <div class="card">
-        <img src="images/project3.jpg" alt="Project 3" class="lightbox-img">
-        <h3>الحملة 3</h3>
-        <p>نجاح مستمر وحملة تحفز كل من يشاهدها.</p>
-      </div>
-
-      <div class="card">
-        <img src="images/project4.jpg" alt="Project 4" class="lightbox-img">
-        <h3>الحملة 4</h3>
-        <p>حملة مبتكرة تترك انطباعًا قويًا.</p>
-      </div>
-
-      <div class="card">
-        <img src="images/project5.jpg" alt="Project 5" class="lightbox-img">
-        <h3>الحملة 5</h3>
-        <p>تصميم جذاب وحملة ناجحة بشكل ملحوظ.</p>
-      </div>
-
-      <div class="card">
-        <img src="images/project6.jpg" alt="Project 6" class="lightbox-img">
-        <h3>الحملة 6</h3>
-        <p>نجاح مضمون مع تصميم احترافي يبرز الحملة.</p>
-      </div>
-
-      <div class="card">
-        <img src="images/project7.jpg" alt="Project 7" class="lightbox-img">
-        <h3>الحملة 7</h3>
-        <p>تجربة عملاء ملهمة وحملة قوية.</p>
-      </div>
-
-      <div class="card">
-        <img src="images/project8.jpg" alt="Project 8" class="lightbox-img">
-        <h3>الحملة 8</h3>
-        <p>نجاح مستمر وحملة محفزة للعملاء.</p>
-      </div>
-
-    </div>
-  </div>
-</section>
-
-<section class="faq">
-  <div class="container">
-    <h2 class="faq-title">الأسئلة الشائعة</h2>
-
-    <div class="faq-item">
-      <button class="faq-question">كيف يمكنني طلب حملة إعلانية؟</button>
-      <div class="faq-answer">
-        <p>يمكنك التواصل معنا مباشرة عبر WhatsApp للطلب أو استشارة الخطط المناسبة لعملك.</p>
-      </div>
-    </div>
-
-    <div class="faq-item">
-      <button class="faq-question">هل تقدمون صفحات هبوط جاهزة؟</button>
-      <div class="faq-answer">
-        <p>نعم، نصمم Landing Pages احترافية متوافقة مع جميع الأجهزة ومتوافقة مع حملاتك.</p>
-      </div>
-    </div>
-
-    <div class="faq-item">
-      <button class="faq-question">أي منصات تدعم حملاتكم؟</button>
-      <div class="faq-answer">
-        <p>نقوم بإدارة حملات على فيسبوك، إنستجرام، تيك توك، وجوجل، مع تقارير أداء دقيقة.</p>
-      </div>
-    </div>
-
-  </div>
-</section>
-
-<!-- زر WhatsApp عائم -->
-<button class="whatsapp-float">
-  <i class="fab fa-whatsapp"></i>
-</button>
-
-<!-- نافذة الشات -->
-<div class="whatsapp-modal">
-  <div class="whatsapp-header">
-    <h4>تواصل معي على WhatsApp</h4>
-    <span class="close-modal">&times;</span>
-  </div>
-  <div class="whatsapp-body">
-    <textarea placeholder="اكتب رسالتك هنا..."></textarea>
-    <a href="https://wa.me/201009248856" target="_blank" class="send-btn">إرسال</a>
-  </div>
-</div>
-
-<!-- Footer -->
-<footer>
-  <div class="container">
-    <p>Ibrahim Mohsen © 2026 | All Rights Reserved. <a href="https://wa.me/201009248856"><i class="fab fa-whatsapp"></i></a></p>
-  </div>
-</footer>
-<!-- Lightbox Overlay -->
-<div id="lightbox">
-  <span id="close-lightbox">&times;</span>
-  <img id="lightbox-img" src="" alt="Preview">
-</div>
-
-<script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="ar">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Ibrahim Mohsen - Portfolio</title>
+<link rel="stylesheet" href="style.css">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600&display=swap" rel="stylesheet">
+<!-- Vercel Speed Insights -->
+<script type="module">
+  import { inject } from 'https://cdn.jsdelivr.net/npm/@vercel/speed-insights@2.0.0/dist/index.js';
+  inject();
+</script>
+</head>
+<body class="light">
+<body>
+<!-- Dark Mode Toggle -->
+<div id="darkModeToggle"><i class="fas fa-moon"></i></div>
+
+<!-- Hero Section -->
+<header class="hero">
+  <div class="container hero-container">
+    <div class="hero-content">
+      <img src="images/me.jpg" alt="Ibrahim Mohsen" class="hero-photo">
+      <div class="hero-text">
+        <h1>إبراهيم محسن</h1>
+        <p>أدخل عالم الحملات الإعلانية الاحترافية مع خبرة أكثر من 10 سنوات</p>
+        <a href="https://wa.me/201009248856" class="whatsapp-btn"><i class="fab fa-whatsapp"></i> تواصل عبر واتساب</a>
+      </div>
+    </div>
+    <!-- Animated planets -->
+    <div class="planet planet1"></div>
+    <div class="planet planet2"></div>
+    <div class="planet planet3"></div>
+    <div class="planet planet4"></div>
+  </div>
+</header>
+
+<!DOCTYPE html>
+<html lang="ar">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Store</title>
+
+<!-- خط Cairo -->
+<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap" rel="stylesheet">
+
+<style>
+
+/* عام */
+body {
+  font-family: 'Cairo', sans-serif;
+  margin: 0;
+  background: #f5f5f5;
+}
+
+/* سكشن المتجر */
+.store {
+  padding: 80px 20px;
+  text-align: center;
+}
+
+.store-title {
+  font-size: 2.5em;
+  margin-bottom: 40px;
+  color: #000;
+}
+
+/* الكارد */
+.store-card {
+  background: #111;
+  color: #fff;
+  padding: 25px;
+  border-radius: 20px;
+  max-width: 320px;
+  margin: auto;
+  transition: 0.3s;
+}
+
+.store-card:hover {
+  transform: translateY(-10px);
+}
+
+/* الصورة */
+.store-img {
+  width: 100%;
+  height: 180px;
+  object-fit: contain;
+  margin-bottom: 15px;
+}
+
+/* زر */
+.store-card button {
+  margin-top: 20px;
+  padding: 15px 30px;   /* حجم أكبر */
+  font-size: 18px;      /* خط أكبر */
+  font-weight: bold;
+  border: none;
+  background: #25D366;
+  color: #fff;
+  border-radius: 12px;
+  cursor: pointer;
+  transition: 0.3s;
+}
+
+.store-card button:hover {
+  transform: scale(1.1);
+  background: #1ebe5d;
+}
+
+/* الفورم */
+.form-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0,0,0,0.6);
+  display: none;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.form-box {
+  background: #fff;
+  padding: 30px;          /* كبر المسافات الداخلية */
+  border-radius: 20px;
+  width: 400px;           /* كبر عرض الفورم */
+  max-width: 90%;         /* عشان الموبايل */
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  position: relative;
+}
+
+.form-box input,
+.form-box select {
+  padding: 14px;          /* أكبر */
+  font-size: 16px;        /* خط أوضح */
+  border-radius: 10px;
+  border: 1px solid #ccc;
+}
+
+.form-box button {
+  background: #25D366;
+  color: #fff;
+  padding: 14px;
+  font-size: 18px;
+  font-weight: bold;
+  border: none;
+  border-radius: 12px;
+  cursor: pointer;
+  transition: 0.3s;
+}
+
+/* Hover */
+.form-box button:hover {
+  transform: scale(1.05);
+  background: #1ebe5d;
+}
+
+.close-form {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+  cursor: pointer;
+  font-size: 1.3em;
+}
+
+.note {
+  font-size: 0.9em;
+  color: #666;
+}
+
+/* نجاح */
+.success-box {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0,0,0,0.7);
+  display: none;
+  justify-content: center;
+  align-items: center;
+  z-index: 2000;
+}
+
+.success-content {
+  background: #fff;
+  padding: 25px;
+  border-radius: 15px;
+  text-align: center;
+  width: 280px;
+}
+
+/* لودينج */
+.loader {
+  border: 4px solid #eee;
+  border-top: 4px solid #25D366;
+  border-radius: 50%;
+  width: 45px;
+  height: 45px;
+  margin: auto;
+  animation: spin 1s linear infinite;
+}
+
+/* صح */
+.checkmark {
+  display: none;
+  font-size: 35px;
+  color: #25D366;
+  margin: 10px 0;
+}
+
+/* زر تم */
+#doneBtn {
+  display: none;
+  padding: 8px 20px;
+  border: none;
+  background: #25D366;
+  color: #fff;
+  border-radius: 10px;
+  cursor: pointer;
+}
+
+@keyframes spin {
+  100% { transform: rotate(360deg); }
+}
+
+</style>
+</head>
+
+<body>
+
+<section class="store">
+  <h2 class="store-title">خدمات الشحن</h2>
+
+  <div class="store-card">
+    <img src="images/we.jpg" alt="WE" class="store-img">
+
+    <h3>شحن الإنترنت والراوتر</h3>
+    <p>اشحن باقتك بكل سهولة وسرعة</p>
+
+    <button id="openForm">شحن الآن</button>
+  </div>
+</section>
+
+<!-- الفورم -->
+<div class="form-modal">
+  <div class="form-box">
+    <span class="close-form">&times;</span>
+
+    <h3>إتمام الطلب</h3>
+
+    <input type="text" id="name" placeholder="اسم العميل" required>
+    <input type="text" id="phone" placeholder="رقم موبايل للتواصل" required>
+
+    <select id="type" required>
+      <option value="">نوع الشحن</option>
+      <option value="إنترنت شهري">إنترنت شهري</option>
+      <option value="أرضي كل 3 شهور">أرضي كل 3 شهور</option>
+    </select>
+
+    <input type="text" id="clientNumber" placeholder="رقم الخط" required>
+
+    <p class="note">📌 التحويل على: 01009248856</p>
+
+    <input type="text" id="senderNumber" placeholder="رقم المحول منه" required>
+
+    <button id="sendOrder">إرسال</button>
+  </div>
+</div>
+
+<!-- نجاح -->
+<div class="success-box" id="successBox">
+  <div class="success-content">
+    <div class="loader"></div>
+    <div class="checkmark">✔</div>
+    <p>تم إرسال طلبك بنجاح</p>
+    <button id="doneBtn">تم</button>
+  </div>
+</div>
+
+<script>
+
+// فتح وغلق الفورم
+const openForm = document.getElementById('openForm');
+const modal = document.querySelector('.form-modal');
+const closeForm = document.querySelector('.close-form');
+
+openForm.onclick = () => modal.style.display = "flex";
+closeForm.onclick = () => modal.style.display = "none";
+
+// إرسال الطلب
+document.getElementById('sendOrder').onclick = () => {
+
+  // التحقق من الحقول المطلوبة
+  const name = document.getElementById('name');
+  const phone = document.getElementById('phone');
+  const type = document.getElementById('type');
+  const clientNumber = document.getElementById('clientNumber');
+  const senderNumber = document.getElementById('senderNumber');
+
+  if(!name.value || !phone.value || !type.value || !clientNumber.value || !senderNumber.value){
+    alert("يرجى ملء جميع الحقول المطلوبة");
+    return;
+  }
+
+  let message = `طلب شحن:%0A
+الاسم: ${name.value}%0A
+رقم التواصل: ${phone.value}%0A
+النوع: ${type.value}%0A
+رقم الخط: ${clientNumber.value}%0A
+المحول منه: ${senderNumber.value}`;
+
+  let url = `https://wa.me/201559276708?text=${message}`;
+
+  window.open(url, '_blank');
+
+  // نجاح
+  const box = document.getElementById("successBox");
+  const loader = box.querySelector(".loader");
+  const check = box.querySelector(".checkmark");
+  const btn = document.getElementById("doneBtn");
+
+  box.style.display = "flex";
+
+  setTimeout(() => {
+    loader.style.display = "none";
+    check.style.display = "block";
+    btn.style.display = "inline-block";
+  }, 1500);
+};
+
+// زر تم
+document.getElementById("doneBtn").onclick = () => {
+  document.getElementById("successBox").style.display = "none";
+};
+
+</script>
+
+</body>
+</html>
+<!DOCTYPE html>
+<html lang="ar">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>إيداع المحافظ</title>
+<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap" rel="stylesheet">
+<style>
+body { font-family: 'Cairo', sans-serif; margin:0; background:#f5f5f5; }
+.store { padding:80px 20px; text-align:center; }
+.store-title { font-size:2.5em; margin-bottom:40px; }
+
+/* الكارد */
+.store-card { background:#111; color:#fff; padding:25px; border-radius:20px; max-width:320px; margin:auto; transition:0.3s; position:relative; }
+.store-card:hover { transform:translateY(-10px); }
+.store-card img { width:100%; height:180px; object-fit:cover; border-radius:15px; margin-bottom:10px; }
+.store-card .badge { position:absolute; top:15px; left:15px; background:#25D366; color:#fff; padding:5px 10px; border-radius:12px; font-size:0.9em; font-weight:bold; }
+
+/* زر */
+.store-card button { margin-top:15px; padding:15px 30px; font-size:18px; font-weight:bold; border:none; background:#25D366; color:#fff; border-radius:12px; cursor:pointer; }
+
+/* فورم */
+.form-modal { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none; justify-content:center; align-items:center; z-index:1000; }
+.form-box { background:#fff; padding:30px; border-radius:20px; width:400px; max-width:90%; display:flex; flex-direction:column; gap:12px; position:relative; }
+.form-box input, .form-box select { padding:12px; border-radius:10px; border:1px solid #ccc; }
+.form-box button { background:#25D366; color:#fff; padding:12px; border:none; border-radius:12px; cursor:pointer; }
+.close-form { position:absolute; right:15px; top:10px; cursor:pointer; }
+.total { font-weight:bold; margin-top:5px; }
+
+/* نجاح */
+.success-box { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none; justify-content:center; align-items:center; z-index:2000; }
+.success-content { background:#fff; padding:25px; border-radius:15px; text-align:center; }
+.loader { border:4px solid #eee; border-top:4px solid #25D366; border-radius:50%; width:45px; height:45px; margin:auto; animation:spin 1s linear infinite; }
+.checkmark { display:none; font-size:35px; color:#25D366; }
+#doneBtn { display:none; background:#25D366; color:#fff; border:none; padding:8px 20px; border-radius:10px; cursor:pointer; }
+
+@keyframes spin { 100% { transform:rotate(360deg); } }
+</style>
+</head>
+<body>
+
+<section class="store">
+  <h2 class="store-title">خدمة إيداع المحافظ</h2>
+
+  <div class="store-card">
+    <img src="images/voda1.jpg?text=محفظة" alt="محفظة">
+    <div class="badge">💥 عرض: 1000 جنيه + 5 جنيه لكل ألف</div>
+    <p>أسرع خدمة إيداع المحافظ 💸</p>
+    <button id="openWalletForm">اشحن الآن</button>
+  </div>
+</section>
+
+<!-- فورم إيداع المحافظ -->
+<div class="form-modal" id="walletFormModal">
+  <div class="form-box">
+    <span class="close-form" id="closeWalletForm">&times;</span>
+    <h3>إتمام الإيداع</h3>
+    <input type="text" id="walletName" placeholder="اسم العميل" required>
+    <input type="text" id="walletPhone" placeholder="رقم موبايل للتواصل" required>
+    <select id="wallet" required>
+      <option value="">اختيار المحفظة للإيداع</option>
+      <option value="فودافون كاش">فودافون كاش</option>
+      <option value="وي" disabled>وي (قريبًا)</option>
+      <option value="اتصالات" disabled>اتصالات (قريبًا)</option>
+      <option value="اورانج" disabled>اورانج (قريبًا)</option>
+    </select>
+    <input type="text" id="walletNumber" placeholder="رقم موبايل المحفظة للإيداع" style="display:none">
+    <input type="number" id="amount" placeholder="المبلغ" oninput="calcTotal()" required>
+    <div class="total" id="total"></div>
+    <button id="sendWalletOrder">إرسال</button>
+  </div>
+</div>
+
+<!-- نجاح -->
+<div class="success-box" id="successBox">
+  <div class="success-content">
+    <div class="loader"></div>
+    <div class="checkmark">✔</div>
+    <p>تم إرسال طلبك بنجاح</p>
+    <button id="doneBtn">تم</button>
+  </div>
+</div>
+
+<script>
+window.onload = function(){
+
+  const openWalletBtn = document.getElementById("openWalletForm");
+  const walletModal = document.getElementById("walletFormModal");
+  const closeWalletBtn = document.getElementById("closeWalletForm");
+  const walletSelect = document.getElementById("wallet");
+  const walletNumber = document.getElementById("walletNumber");
+
+  openWalletBtn.addEventListener("click", ()=> walletModal.style.display='flex');
+  closeWalletBtn.addEventListener("click", ()=> walletModal.style.display='none');
+  walletModal.addEventListener("click", e=> { if(e.target===walletModal) walletModal.style.display='none'; });
+
+  walletSelect.addEventListener("change", ()=>{
+    walletNumber.style.display = (walletSelect.value==="فودافون كاش") ? "block" : "none";
+  });
+
+  window.calcTotal = function(){
+    const amt = document.getElementById("amount").value;
+    const div = document.getElementById("total");
+    if(amt){
+      const tax = Math.floor(amt/1000)*5;
+      div.innerHTML = `💰 ${amt} + 💸 ${tax} = ✅ ${Number(amt)+tax}`;
+    } else div.innerHTML="";
+  };
+
+  document.getElementById("sendWalletOrder").addEventListener("click", ()=>{
+    const name = document.getElementById("walletName").value;
+    const phone = document.getElementById("walletPhone").value;
+    const w = walletSelect.value;
+    const wNum = walletNumber.value;
+    const amt = document.getElementById("amount").value;
+    if(!name||!phone||!w||!amt){ alert("املى كل البيانات"); return; }
+    const tax = Math.floor(amt/1000)*5;
+    const total = Number(amt)+tax;
+    const msg = `طلب إيداع:%0A👤 ${name}%0A📞 ${phone}%0A💳 ${w}%0A📲 ${wNum}%0A💰 ${amt}%0A💸 ${tax}%0A✅ ${total}`;
+    window.open(`https://wa.me/201559276708?text=${msg}`);
+    showSuccess();
+    walletModal.style.display='none';
+  });
+
+  function showSuccess(){
+    const box = document.getElementById("successBox");
+    box.style.display="flex";
+    setTimeout(()=> {
+      document.querySelector(".loader").style.display="none";
+      document.querySelector(".checkmark").style.display="block";
+      document.getElementById("doneBtn").style.display="inline-block";
+    },1500);
+  }
+
+  document.getElementById("doneBtn").addEventListener("click", ()=>{
+    const box = document.getElementById("successBox");
+    box.style.display="none";
+    document.querySelector(".loader").style.display="block";
+    document.querySelector(".checkmark").style.display="none";
+    document.getElementById("doneBtn").style.display="none";
+  });
+
+};
+</script>
+
+</body>
+</html>
+  </body>
+</html>
+    <!-- شبكة الخدمات -->
+    <div class="services-grid">
+
+      <div class="service-card facebook">
+        <i class="fab fa-facebook"></i>
+        <h3>حملات فيسبوك</h3>
+        <p>إعلانات مستهدفة تزيد التفاعل والمبيعات على منصة فيسبوك.</p>
+      </div>
+
+      <div class="service-card instagram">
+        <i class="fab fa-instagram"></i>
+        <h3>حملات إنستجرام</h3>
+        <p>محتوى بصري جذاب يرفع مستوى التفاعل مع جمهورك.</p>
+      </div>
+
+      <div class="service-card tiktok">
+        <i class="fab fa-tiktok"></i>
+        <h3>حملات تيك توك</h3>
+        <p>مقاطع قصير�� مبتكرة تضمن انتشار واسع وسريع.</p>
+      </div>
+
+      <div class="service-card google">
+        <i class="fab fa-google"></i>
+        <h3>حملات جوجل</h3>
+        <p>ظهور أول نتائج البحث لإعلاناتك بدقة عالية.</p>
+      </div>
+
+      <div class="service-card landing">
+        <i class="fas fa-bullhorn"></i>
+        <h3>صفحات هبوط</h3>
+        <p>Landing Pages احترافية تحفز العملاء على التفاعل والتحويل.</p>
+      </div>
+
+    </div>
+  </div>
+</section>
+  
+<!-- Projects Section -->
+<section class="projects">
+  <div class="container">
+    <h2>مشاريعي الرائعة</h2>
+    <div class="projects-grid">
+
+      <div class="card">
+        <img src="images/project1.jpg" alt="Project 1" class="lightbox-img">
+        <h3>الحملة 1</h3>
+        <p>حملة ملهمة وجذابة تحقق النجاح المطلوب!</p>
+      </div>
+
+      <div class="card">
+        <img src="images/project2.jpg" alt="Project 2" class="lightbox-img">
+        <h3>الحملة 2</h3>
+        <p>تصميم احترافي وحملة تركت أثر رائع للعملاء.</p>
+      </div>
+
+      <div class="card">
+        <img src="images/project3.jpg" alt="Project 3" class="lightbox-img">
+        <h3>الحملة 3</h3>
+        <p>نجاح مستمر وحملة تحفز كل من يشاهدها.</p>
+      </div>
+
+      <div class="card">
+        <img src="images/project4.jpg" alt="Project 4" class="lightbox-img">
+        <h3>الحملة 4</h3>
+        <p>حملة مبتكرة تترك انطباعًا قويًا.</p>
+      </div>
+
+      <div class="card">
+        <img src="images/project5.jpg" alt="Project 5" class="lightbox-img">
+        <h3>الحملة 5</h3>
+        <p>تصميم جذاب وحملة ناجحة بشكل ملحوظ.</p>
+      </div>
+
+      <div class="card">
+        <img src="images/project6.jpg" alt="Project 6" class="lightbox-img">
+        <h3>الحملة 6</h3>
+        <p>نجاح مضمون مع تصميم احترافي يبرز الحملة.</p>
+      </div>
+
+      <div class="card">
+        <img src="images/project7.jpg" alt="Project 7" class="lightbox-img">
+        <h3>الحملة 7</h3>
+        <p>تجربة عملاء ملهمة وحملة قوية.</p>
+      </div>
+
+      <div class="card">
+        <img src="images/project8.jpg" alt="Project 8" class="lightbox-img">
+        <h3>الحملة 8</h3>
+        <p>نجاح مستمر وحملة محفزة للعملاء.</p>
+      </div>
+
+    </div>
+  </div>
+</section>
+
+<section class="faq">
+  <div class="container">
+    <h2 class="faq-title">الأسئلة الشائعة</h2>
+
+    <div class="faq-item">
+      <button class="faq-question">كيف يمكنني طلب حملة إعلانية؟</button>
+      <div class="faq-answer">
+        <p>يمكنك التواصل معنا مباشرة عبر WhatsApp للطلب أو استشارة الخطط المناسبة لعملك.</p>
+      </div>
+    </div>
+
+    <div class="faq-item">
+      <button class="faq-question">هل تقدمون صفحات هبوط جاهزة؟</button>
+      <div class="faq-answer">
+        <p>نعم، نصمم Landing Pages احترافية متوافقة مع جميع الأجهزة ومتوافقة مع حملاتك.</p>
+      </div>
+    </div>
+
+    <div class="faq-item">
+      <button class="faq-question">أي منصات تدعم حملاتكم؟</button>
+      <div class="faq-answer">
+        <p>نقوم بإدارة حملات على فيسبوك، إنستجرام، تيك توك، وجوجل، مع تقارير أداء دقيقة.</p>
+      </div>
+    </div>
+
+  </div>
+</section>
+
+<!-- زر WhatsApp عائم -->
+<button class="whatsapp-float">
+  <i class="fab fa-whatsapp"></i>
+</button>
+
+<!-- نافذة الشات -->
+<div class="whatsapp-modal">
+  <div class="whatsapp-header">
+    <h4>تواصل معي على WhatsApp</h4>
+    <span class="close-modal">&times;</span>
+  </div>
+  <div class="whatsapp-body">
+    <textarea placeholder="اكتب رسالتك هنا..."></textarea>
+    <a href="https://wa.me/201009248856" target="_blank" class="send-btn">إرسال</a>
+  </div>
+</div>
+
+<!-- Footer -->
+<footer>
+  <div class="container">
+    <p>Ibrahim Mohsen © 2026 | All Rights Reserved. <a href="https://wa.me/201009248856"><i class="fab fa-whatsapp"></i></a></p>
+  </div>
+</footer>
+<!-- Lightbox Overlay -->
+<div id="lightbox">
+  <span id="close-lightbox">&times;</span>
+  <img id="lightbox-img" src="" alt="Preview">
+</div>
+
+<script src="script.js"></script>
+</body>
+</html>
