<div style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; direction: rtl; text-align: right; background: #f8fafc; color: #1e293b; line-height: 1.6; margin: 0; padding: 0;">

  <!-- Header -->

  <div style="background: white; padding: 16px 20px; border-bottom: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 50;">

    <div style="display: flex; align-items: center; gap: 12px;">

      <div style="width: 42px; height: 42px; background: linear-gradient(135deg, #0077b6, #00a8e0); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 20px;">V</div>

      <div>

        <div style="font-weight: 700; color: #0077b6; font-size: 17px;">Vetpro Matériels</div>

        <div style="font-size: 11px; color: #64748b;">Veterinary Excellence</div>

      </div>

    </div>

    <a href="https://wa.me/213549562351" style="background: linear-gradient(135deg, #0077b6, #00a8e0); color: white; padding: 10px 18px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 14px;">واتساب</a>

  </div>

  <!-- Hero -->

  <div style="background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%); padding: 40px 20px; text-align: center;">

    <div style="display: inline-block; background: #e0f2fe; color: #0369a1; padding: 6px 16px; border-radius: 50px; font-size: 13px; font-weight: 600; margin-bottom: 20px;">الموديل الأصلي • دقة وفاعلية</div>

    <h1 style="font-size: 32px; font-weight: 800; color: #0f172a; margin: 0 0 12px 0; line-height: 1.3;">

      مضخة إنعاش<br>

      <span style="color: #0077b6;">الحملان اليدوية</span>

    </h1>

    <p style="color: #0077b6; font-weight: 600; font-size: 16px; margin: 0 0 16px 0;">HIGH-QUALITY MANUAL AIR PUMP</p>

    <p style="color: #475569; font-size: 16px; max-width: 500px; margin: 0 auto 28px auto; line-height: 1.7;">

      الفرق بين الحياة والموت في اللحظات الأولى بعد الولادة. قاعدة سيليكون طبية ناعمة، تصميم إرغونومي، وتحكم دقيق لإنقاذ الحملان.

    </p>

    <a href="https://wa.me/213549562351?text=أريد طلب مضخة إنعاش الحملان" style="display: inline-block; background: linear-gradient(135deg, #0077b6, #00a8e0); color: white; padding: 16px 32px; border-radius: 16px; text-decoration: none; font-weight: 700; font-size: 17px; box-shadow: 0 10px 25px rgba(0,119,182,0.25);">

      اطلب الآن عبر واتساب

    </a>

  </div>

  <!-- Trust Bar -->

  <div style="background: linear-gradient(90deg, #0077b6, #00a8e0); color: white; padding: 24px 16px;">

    <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 800px; margin: 0 auto; text-align: center;">

      <div>

        <div style="font-size: 22px; font-weight: 800;">سيليكون طبي</div>

        <div style="font-size: 13px; opacity: 0.9;">ناعم وآمن 100%</div>

      </div>

      <div>

        <div style="font-size: 22px; font-weight: 800;">25 سم</div>

        <div style="font-size: 13px; opacity: 0.9;">ارتفاع مثالي</div>

      </div>

      <div>

        <div style="font-size: 22px; font-weight: 800;">خفيف جداً</div>

        <div style="font-size: 13px; opacity: 0.9;">سهل الحمل</div>

      </div>

      <div>

        <div style="font-size: 22px; font-weight: 800;">تحكم دقيق</div>

        <div style="font-size: 13px; opacity: 0.9;">في قوة الشفط</div>

      </div>

    </div>

  </div>

  <!-- Features -->

  <div style="padding: 50px 20px; background: #f8fafc;">

    <h2 style="text-align: center; font-size: 28px; font-weight: 800; color: #0f172a; margin: 0 0 8px 0;">مميزات استثنائية</h2>

    <p style="text-align: center; color: #64748b; margin: 0 0 40px 0;">صُممت خصيصاً للأطباء البيطريين والمربين</p>

    <div style="display: grid; grid-template-columns: 1fr; gap: 20px; max-width: 900px; margin: 0 auto;">

      <div style="background: white; border-radius: 16px; padding: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;">

        <div style="width: 48px; height: 48px; background: #e0f2fe; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 22px;">🛡️</div>

        <h3 style="font-size: 18px; font-weight: 700; margin: 0 0 8px 0; color: #0f172a;">قاعدة سيليكون طبية</h3>

        <p style="margin: 0; color: #64748b; font-size: 15px;">قاعدة شفط من السيليكون الطبي الناعم والآمن تماماً، تضمن إحكاماً مثالياً دون أي ضرر.</p>

      </div>

      <div style="background: white; border-radius: 16px; padding: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;">

        <div style="width: 48px; height: 48px; background: #e0f2fe; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 22px;">✋</div>

        <h3 style="font-size: 18px; font-weight: 700; margin: 0 0 8px 0; color: #0f172a;">تصميم إرغونومي</h3>

        <p style="margin: 0; color: #64748b; font-size: 15px;">مقبض مريح وشكل مدروس يتيح استخداماً سهلاً بيد واحدة مع تحكم كامل.</p>

      </div>

      <div style="background: white; border-radius: 16px; padding: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;">

        <div style="width: 48px; height: 48px; background: #e0f2fe; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 22px;">⚡</div>

        <h3 style="font-size: 18px; font-weight: 700; margin: 0 0 8px 0; color: #0f172a;">تحكم دقيق في الشفط</h3>

        <p style="margin: 0; color: #64748b; font-size: 15px;">قوة شفط قابلة للتحكم بدقة عالية لإزالة المخاط والسوائل بفعالية وأمان.</p>

      </div>

      <div style="background: white; border-radius: 16px; padding: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;">

        <div style="width: 48px; height: 48px; background: #e0f2fe; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 22px;">📦</div>

        <h3 style="font-size: 18px; font-weight: 700; margin: 0 0 8px 0; color: #0f172a;">خفيف ومحمول</h3>

        <p style="margin: 0; color: #64748b; font-size: 15px;">وزن خفيف جداً وتصميم مدمج مثالي للحقل والعيادة وأثناء الولادة.</p>

      </div>

    </div>

  </div>

  <!-- How it works -->

  <div style="padding: 50px 20px; background: #e0f2fe;">

    <h2 style="text-align: center; font-size: 28px; font-weight: 800; color: #0f172a; margin: 0 0 8px 0;">كيف تعمل؟</h2>

    <p style="text-align: center; color: #64748b; margin: 0 0 40px 0;">ثلاث خطوات بسيطة لإنقاذ حياة</p>

    <div style="display: grid; grid-template-columns: 1fr; gap: 20px; max-width: 800px; margin: 0 auto;">

      <div style="background: white; border-radius: 16px; padding: 28px 20px; text-align: center; position: relative;">

        <div style="position: absolute; top: -18px; right: 50%; transform: translateX(50%); width: 36px; height: 36px; background: #0077b6; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px;">1</div>

        <h3 style="font-size: 18px; font-weight: 700; margin: 12px 0 8px 0;">ضع القاعدة</h3>

        <p style="margin: 0; color: #64748b; font-size: 15px;">ضع قاعدة السيليكون الناعمة بلطف على أنف الحمل لتغطية فتحتي الأنف بإحكام.</p>

      </div>

      <div style="background: white; border-radius: 16px; padding: 28px 20px; text-align: center; position: relative;">

        <div style="position: absolute; top: -18px; right: 50%; transform: translateX(50%); width: 36px; height: 36px; background: #0077b6; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px;">2</div>

        <h3 style="font-size: 18px; font-weight: 700; margin: 12px 0 8px 0;">اسحب المقبض</h3>

        <p style="margin: 0; color: #64748b; font-size: 15px;">اسحب المقبض بلطف وثبات لخلق ضغط سلبي يسحب المخاط والسوائل.</p>

      </div>

      <div style="background: white; border-radius: 16px; padding: 28px 20px; text-align: center; position: relative;">

        <div style="position: absolute; top: -18px; right: 50%; transform: translateX(50%); width: 36px; height: 36px; background: #0077b6; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px;">3</div>

        <h3 style="font-size: 18px; font-weight: 700; margin: 12px 0 8px 0;">كرر حسب الحاجة</h3>

        <p style="margin: 0; color: #64748b; font-size: 15px;">كرر حتى يصبح المجرى التنفسي نظيفاً ويبدأ الحمل بالتنفس طبيعياً.</p>

      </div>

    </div>

  </div>

  <!-- Specs -->

  <div style="padding: 50px 20px;">

    <div style="background: linear-gradient(135deg, #0077b6, #00a8e0); border-radius: 20px; padding: 32px 24px; color: white; max-width: 800px; margin: 0 auto;">

      <h2 style="font-size: 26px; font-weight: 800; margin: 0 0 24px 0; text-align: center;">المواصفات التقنية</h2>

      <div style="display: grid; gap: 14px; font-size: 16px;">

        <div style="display: flex; align-items: center; gap: 10px;">

          <span style="width: 8px; height: 8px; background: #bae6fd; border-radius: 50%;"></span>

          الارتفاع الكلي: <strong>25 سم / 9.8 إنش</strong>

        </div>

        <div style="display: flex; align-items: center; gap: 10px;">

          <span style="width: 8px; height: 8px; background: #bae6fd; border-radius: 50%;"></span>

          قطر القاعدة: <strong>7.5 سم / 3.0 إنش</strong>

        </div>

        <div style="display: flex; align-items: center; gap: 10px;">

          <span style="width: 8px; height: 8px; background: #bae6fd; border-radius: 50%;"></span>

          مادة القاعدة: <strong>سيليكون طبي ناعم</strong>

        </div>

        <div style="display: flex; align-items: center; gap: 10px;">

          <span style="width: 8px; height: 8px; background: #bae6fd; border-radius: 50%;"></span>

          الجسم: <strong>بلاستيك طبي عالي الجودة</strong>

        </div>

        <div style="display: flex; align-items: center; gap: 10px;">

          <span style="width: 8px; height: 8px; background: #bae6fd; border-radius: 50%;"></span>

          الاستخدام: <strong>إنعاش الحملان حديثي الولادة</strong>

        </div>

      </div>

    </div>

  </div>

  <!-- Final CTA -->

  <div style="background: #0f172a; color: white; padding: 50px 20px; text-align: center;">

    <h2 style="font-size: 28px; font-weight: 800; margin: 0 0 16px 0;">جاهز لإنقاذ الأرواح؟</h2>

    <p style="color: #94a3b8; font-size: 17px; max-width: 480px; margin: 0 auto 28px auto; line-height: 1.6;">

      احصل على مضخة إنعاش الحملان الأصلية من Vetpro Matériels الآن.

    </p>

    <a href="https://wa.me/213549562351?text=السلام عليكم، أريد طلب مضخة إنعاش الحملان اليدوية" style="display: inline-block; background: #22c55e; color: white; padding: 18px 36px; border-radius: 16px; text-decoration: none; font-weight: 700; font-size: 18px;">

      اطلب عبر واتساب الآن

    </a>

    <p style="margin: 24px 0 0 0; color: #64748b; font-size: 14px;">Vetpro Matériels • +213 5 49 56 23 51</p>

  </div>

  <!-- Footer -->

  <div style="background: #020617; color: #64748b; padding: 24px 20px; text-align: center; font-size: 13px;">

    <div style="font-weight: 700; color: white; margin-bottom: 6px;">Vetpro Matériels</div>

    © 2026 جميع الحقوق محفوظة • مضخة إنعاش الحملان اليدوية

  </div>