منفاخ تيربو قوي ببطارية لييثيوم

<p><meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"></p>
<p><link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&amp;display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></p>
<style> 
        :root {
            --primary: #c0392b; 
            --success: #27ae60; 
            --dark: #2c3e50; 
            --gold: #d4af37; 
            --bg: #f8f9fa;
        }

        body { margin: 0; padding: 0; background-color: #fff; overflow-x: hidden; font-family: 'Cairo', sans-serif; color: #333; direction: rtl; }
        * { box-sizing: border-box; }

        .page-wrapper {
            max-width: 550px;
            margin: 0 auto;
            background: #fff;
            box-shadow: 0 0 20px rgba(0,0,0,0.05);
            min-height: 100vh;
            padding-bottom: 40px;
            text-align: right;
        }

        .scarcity-sticky {
            position: sticky; top: 0; z-index: 1000; background: #000; color: #fff;
            text-align: center; padding: 12px; font-size: 13px; font-weight: bold;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }
        .scarcity-sticky span { color: #f1c40f; animation: blink 0.8s infinite; }
        @keyframes blink { 50% { opacity: 0; } }

        .content-padding { padding: 0 20px; }

        .authority-badge {
            display: inline-flex; align-items: center; gap: 5px;
            background: #e3f2fd; color: #1565c0; padding: 5px 15px;
            border-radius: 50px; font-size: 11px; font-weight: 800;
            border: 1px solid #bbdefb; margin-top: 20px;
        }
        h1 { font-size: 24px; font-weight: 900; margin: 10px 0; line-height: 1.4; color: var(--dark); text-align: center; }
        .hero-sub { font-size: 14px; color: #555; margin-bottom: 15px; font-weight: 600; text-align: center; }

        .video-frame {
            border-radius: 12px; overflow: hidden; border: 3px solid var(--dark);
            position: relative; box-shadow: 0 10px 20px rgba(0,0,0,0.1); margin-bottom: 20px;
        }
        .live-viewer-count {
            position: absolute; top: 10px; left: 10px; background: rgba(0,0,0,0.8);
            color: #fff; padding: 5px 12px; border-radius: 4px; font-size: 11px; z-index: 2;
            display: flex; align-items: center; gap: 6px; font-weight: bold; flex-direction: row-reverse;
        }
        .live-dot { width: 8px; height: 8px; background: #e74c3c; border-radius: 50%; animation: pulse-red 1s infinite; }
        @keyframes pulse-red { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }

        /* Offer Box & RTL Gift List Fix */
        .offer-box {
            background: #fff8e1; border: 2px dashed var(--gold); border-radius: 15px;
            padding: 30px 20px; margin: 25px 0; position: relative; text-align: center;
            box-shadow: 0 5px 15px rgba(212, 175, 55, 0.15);
        }
        .offer-tag {
            position: absolute; top: -15px; left: 50%; transform: translateX(-50%);
            background: linear-gradient(45deg, #d4af37, #f1c40f); color: #000; padding: 6px 20px;
            border-radius: 20px; font-size: 13px; font-weight: 900; box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            white-space: nowrap;
        }
        .price-container { margin: 15px 0; display: flex; align-items: center; justify-content: center; gap: 10px; flex-direction: row-reverse; }
        .price-big { font-size: 42px; font-weight: 900; color: var(--dark); }
        .price-currency { font-size: 18px; font-weight: 800; color: var(--dark); margin-right: 4px; }
        .price-old { text-decoration: line-through; color: #95a5a6; font-size: 18px; }
        
        .gift-list { text-align: right; margin-top: 20px; font-size: 14px; font-weight: 700; color: #444; background: #fff; padding: 15px; border-radius: 10px; list-style: none; }
        .gift-list li { margin-bottom: 15px; display: flex; align-items: flex-start; gap: 12px; }
        .gift-list li i { color: var(--success); font-size: 20px; margin-top: 3px; }

        .reviews-section { margin-top: 40px; border-top: 1px solid #eee; padding-top: 30px; }
        .review-card {
            background: #fff; padding: 15px; border-radius: 10px; margin-bottom: 15px;
            border: 1px solid #f0f0f0; display: flex; gap: 12px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.03);
        }
        .r-avatar { 
            width: 45px; height: 45px; background: #eee; border-radius: 50%; 
            display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 18px;
            flex-shrink: 0;
        }
        .r-content h4 { margin: 0; font-size: 14px; font-weight: 800; }
        .r-ver { font-size: 11px; color: var(--success); display: flex; align-items: center; gap: 4px; margin-top: 2px;}
        .r-txt { margin: 8px 0 0; font-size: 13px; color: #555; line-height: 1.5; }

        .sale-popup {
            position: fixed; bottom: 20px; left: 20px; background: #fff; padding: 12px;
            border-radius: 50px; box-shadow: 0 5px 25px rgba(0,0,0,0.2); z-index: 999;
            display: flex; align-items: center; gap: 12px; border: 1px solid #eee;
            transform: translateY(150px); opacity: 0; transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
            max-width: 90%; direction: rtl;
        }
        .sale-popup.show { transform: translateY(0); opacity: 1; }
        .popup-img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid var(--success); }
        
        .guarantees-row { display: flex; justify-content: center; gap: 15px; margin-top: 30px; }
        .g-item { text-align: center; font-size: 11px; font-weight: bold; color: #666; }
        .g-icon { font-size: 24px; margin-bottom: 5px; display: block; }
    </style>

<div class="page-wrapper">
    <div class="scarcity-sticky">🔥 تنبيه هام: الكمية المتبقية من العرض <span>7 قطع فقط</span>!</div>
    
    <div class="content-padding">
        <div style="text-align: center;">
            <div class="authority-badge">
<i class="fas fa-certificate"></i> معتمد للمهام الشاقة (Heavy Duty)</div>
            <h1>المحرك التوربيني الألماني (1000G): الحل الهندسي لنظافة منزلك وسيارتك 🌪️</h1>
            <p class="hero-sub">لا تقبل بالتقليد الرخيص. احصل على النسخة الأصلية المضمونة.</p>
        </div>

        <div class="video-frame">
            <div class="live-viewer-count"> 14 شخص يشاهدون الآن <div class="live-dot"></div>
</div>
            <video autoplay loop muted playsinline width="100%" poster="https://cdn.shopify.com/s/files/1/0964/6276/6443/files/unnamed_25.jpg?v=1769346902">
                <source src="https://cdn.shopify.com/videos/c/o/v/c1a29f2c1cd64132a5afb42815a1b504.mp4" type="video/mp4"></video>
        </div>

        <div class="offer-box">
            <div class="offer-tag">✨ عرض المليونير (باكج كامل)</div>
            <div style="font-size: 14px; color: #777; margin-bottom: 5px;">وفر 210 ريال اليوم</div>
            <div class="price-container">
                <span class="price-old">399</span>
                <div>
                    <span class="price-big">189</span>
                    <span class="price-currency">ريال</span>
                </div>
            </div>
            <div style="font-size: 14px; color: var(--success); font-weight: 800; margin-bottom: 20px;">(شامل الضريبة والتوصيل)</div>
            
            <ul class="gift-list">
                <li>
<i class="fas fa-gift"></i> <span><b>هدية 1:</b> بطارية ليثيوم إضافية (تخدمك ساعة)</span>
</li>
                <li>
<i class="fas fa-gift"></i> <span><b>هدية 2:</b> شنطة قماشية فاخرة للحفظ</span>
</li>
                <li>
<i class="fas fa-shield-alt"></i> <span><b>ضمان ذهبي:</b> استبدال فوري لمدة سنة</span>
</li>
            </ul>
        </div>
        <div class="reviews-section">
            <h3 style="font-size: 18px; font-weight: 900; margin-bottom: 20px; text-align: center;">ماذا يقول "أهل التجربة"؟ 👇</h3>
            <div class="review-card">
                <div class="r-avatar" style="background: #e1f5fe; color: #0288d1;">م</div>
                <div class="r-content">
                    <h4>محمد العتيبي</h4>
                    <div class="r-ver">
<i class="fas fa-check-circle"></i> شراء مؤكد - الرياض</div>
                    <p class="r-txt">"والله يا جماعة كنت متردد، بس يوم وصلني وشفت قوة الدفع انصدمت. غسلت الحوش والسيارة في ربع ساعة. يستاهل كل ريال."</p>
                </div>
            </div>
            <div class="review-card">
                <div class="r-avatar" style="background: #e8f5e9; color: #2e7d32;">س</div>
                <div class="r-content">
                    <h4>سعد الدوسري</h4>
                    <div class="r-ver">
<i class="fas fa-check-circle"></i> شراء مؤكد - الدمام</div>
                    <p class="r-txt">"أهم شي البطاريتين، تفك أزمة في البر. والشنطة اللي جت معه هدية فخمة ومرتبة. تعاملكم راقي شكراً."</p>
                </div>
            </div>
        </div>

        <div class="guarantees-row">
            <div class="g-item">
<span class="g-icon">🚚</span> شحن سريع</div>
            <div class="g-item">
<span class="g-icon">💰</span> دفع عند الاستلام</div>
            <div class="g-item">
<span class="g-icon">🛡️</span> ضمان سنة</div>
        </div>
    </div>

    <div id="salePopup" class="sale-popup">
        <img src="https://cdn.shopify.com/s/files/1/0964/6276/6443/files/unnamed_25.jpg?v=1769346902" class="popup-img">
        <div class="popup-info">
            <p class="popup-txt" style="margin:0; font-weight:800; font-size:11px;">فهد من بريدة طلب "بكج التوربو" للتو</p>
            <span class="popup-time" style="font-size:10px; color:#777;">منذ 2 دقيقة</span>
        </div>
    </div>
</div>

<script>
    setTimeout(() => {
        document.getElementById('salePopup').classList.add('show');
        setTimeout(() => {
            document.getElementById('salePopup').classList.remove('show');
        }, 5000);
    }, 3000);
</script>