قميص إخفاء البطن

<div class="elite-store-wrapper" style="background-color: #111827; color: #111827; direction: rtl; overflow-x: hidden; padding-bottom: 110px; font-family: 'Cairo', sans-serif;">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap');
        
        .elite-store-wrapper * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Cairo', sans-serif;
            scroll-behavior: smooth;
        }

        /* Keyframe Animations */
        @keyframes shine {
            to { background-position: 200% center; }
        }

        @keyframes pulse-glow {
            0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
            70% { box-shadow: 0 0 0 18px rgba(16, 185, 129, 0); }
            100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
        }

        @keyframes float-card {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-6px); }
            100% { transform: translateY(0px); }
        }

        @keyframes border-glow {
            0% { border-color: rgba(56, 189, 248, 0.3); }
            50% { border-color: rgba(56, 189, 248, 0.9); box-shadow: 0 0 15px rgba(56, 189, 248, 0.3); }
            100% { border-color: rgba(56, 189, 248, 0.3); }
        }

        @keyframes pulse-badge {
            0% { transform: scale(1); }
            50% { transform: scale(1.04); }
            100% { transform: scale(1); }
        }

        /* Elite Header Flash Bar */
        .elite-store-wrapper .flash-bar {
            background: linear-gradient(90deg, #d97706, #f59e0b, #d97706);
            background-size: 200% auto;
            color: #0b0f19;
            text-align: center;
            padding: 10px;
            font-size: 13px;
            font-weight: 900;
            animation: shine 4s linear infinite;
        }

        /* Hero Cinema Section */
        .elite-store-wrapper .hero-cinema {
            background: #ffffff;
            padding: 30px 15px 40px;
            text-align: center;
            position: relative;
        }

        .elite-store-wrapper .vip-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: rgba(245, 158, 11, 0.15);
            color: #fbbf24;
            padding: 6px 16px;
            border-radius: 30px;
            font-size: 12px;
            font-weight: 700;
            margin-bottom: 15px;
            border: 1px solid rgba(245, 158, 11, 0.3);
            animation: pulse-badge 2s infinite ease-in-out;
        }

        .elite-store-wrapper .hero-title {
            font-size: 28px;
            font-weight: 900;
            color: #111827;
            margin-bottom: 12px;
            line-height: 1.35;
        }

        .elite-store-wrapper .hero-title span {
            color: #38bdf8;
            text-shadow: 0 0 20px rgba(56, 189, 248, 0.4);
        }

        .elite-store-wrapper .hero-desc {
            font-size: 14px;
            color: #64748b;
            margin-bottom: 25px;
            font-weight: 600;
            line-height: 1.6;
        }

        /* Live Stock Urgency Counter */
        .elite-store-wrapper .urgency-box {
            background: #f8fafc;
            border: 1px solid #e5e7eb;
            padding: 12px;
            border-radius: 14px;
            max-width: 420px;
            margin: 0 auto 20px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            font-size: 12px;
            color: #475569;
        }

        .elite-store-wrapper .urgency-box strong {
            color: #ef4444;
        }

        /* Pulsing Luxury CTA */
        .elite-store-wrapper .cta-lux {
            display: block;
            width: 100%;
            max-width: 420px;
            margin: 0 auto 20px;
            background: linear-gradient(135deg, #059669, #10b981);
            color: #111827;
            font-size: 19px;
            font-weight: 900;
            padding: 16px 20px;
            border-radius: 50px;
            text-decoration: none;
            box-shadow: 0 10px 30px rgba(16, 185, 129, 0.4);
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            text-align: center;
            animation: pulse-glow 2s infinite;
        }

        .elite-store-wrapper .cta-lux:hover {
            transform: scale(1.02);
        }

        /* Trust Badges Bar */
        .elite-store-wrapper .trust-row {
            display: flex;
            justify-content: center;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 15px;
        }

        .elite-store-wrapper .trust-chip {
            background: #f8fafc;
            border: 1px solid #e5e7eb;
            padding: 7px 14px;
            border-radius: 12px;
            font-size: 11px;
            font-weight: 700;
            color: #334155;
            animation: float-card 4s ease-in-out infinite;
        }
        .elite-store-wrapper .trust-chip:nth-child(2) { animation-delay: 1.3s; }
        .elite-store-wrapper .trust-chip:nth-child(3) { animation-delay: 2.6s; }

        .elite-store-wrapper .hero-frame {
            max-width: 480px;
            margin: 25px auto 0;
            border-radius: 22px;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0,0,0,0.5);
            border: 2px solid #38bdf8;
            animation: border-glow 3s infinite;
        }

        .elite-store-wrapper .hero-frame img {
            width: 100%;
            background: #ffffff;
            display: block;
            transition: transform 0.5s ease;
        }
        .elite-store-wrapper .hero-frame img:hover {
            transform: scale(1.03);
        }

        /* Container Sections */
        .elite-store-wrapper .section-block {
            padding: 40px 15px;
            max-width: 580px;
            margin: 0 auto;
        }

        .elite-store-wrapper .heading-lux {
            text-align: center;
            font-size: 24px;
            font-weight: 900;
            color: #111827;
            margin-bottom: 25px;
            line-height: 1.4;
        }

        .elite-store-wrapper .heading-lux span {
            color: #38bdf8;
            text-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
        }

        /* Premium Bento Grid for Features with Floating Motion */
        .elite-store-wrapper .bento-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14px;
        }

        .elite-store-wrapper .bento-card {
            background: #ffffff;
            padding: 20px 15px;
            border-radius: 18px;
            text-align: center;
            border: 1px solid #e5e7eb;
            box-shadow: 0 8px 24px rgba(15,23,42,0.08);
            animation: float-card 5s ease-in-out infinite;
            transition: all 0.3s ease;
        }
        .elite-store-wrapper .bento-card:nth-child(even) {
            animation-delay: 2.5s;
        }

        .elite-store-wrapper .bento-card:hover {
            transform: translateY(-6px);
            border-color: #38bdf8;
            box-shadow: 0 12px 25px rgba(56, 189, 248, 0.15);
        }

        .elite-store-wrapper .bento-card .emoji-icon {
            font-size: 28px;
            margin-bottom: 10px;
        }

        .elite-store-wrapper .bento-card h4 {
            font-size: 14px;
            font-weight: 700;
            color: #111827;
            margin-bottom: 4px;
        }

        .elite-store-wrapper .bento-card p {
            font-size: 11px;
            color: #64748b;
            line-height: 1.4;
        }

        /* Cinematic Product Showcase */
        .elite-store-wrapper .cinema-showcase {
            background: #ffffff;
            border-radius: 20px;
            overflow: hidden;
            margin-bottom: 20px;
            border: 1px solid #e5e7eb;
            box-shadow: 0 10px 30px rgba(15,23,42,0.08);
            transition: transform 0.3s ease, border-color 0.3s ease;
        }
        .elite-store-wrapper .cinema-showcase:hover {
            transform: translateY(-4px);
            border-color: rgba(56, 189, 248, 0.5);
        }

        .elite-store-wrapper .cinema-showcase img {
            width: 100%;
            background: #ffffff;
            display: block;
        }

        .elite-store-wrapper .cinema-body {
            padding: 22px;
            text-align: right;
        }

        .elite-store-wrapper .cinema-body h3 {
            font-size: 18px;
            font-weight: 900;
            color: #111827;
            margin-bottom: 8px;
        }

        .elite-store-wrapper .cinema-body p {
            font-size: 13px;
            color: #64748b;
            line-height: 1.6;
        }

        /* Elite Testimonials with Glow Effect */
        .elite-store-wrapper .review-lux {
            background: #ffffff;
            padding: 20px;
            border-radius: 16px;
            margin-bottom: 12px;
            border: 1px solid #e5e7eb;
            box-shadow: 0 6px 18px rgba(15,23,42,0.07);
            transition: all 0.3s ease;
        }
        .elite-store-wrapper .review-lux:hover {
            border-color: #f59e0b;
            box-shadow: 0 0 15px rgba(245, 158, 11, 0.15);
        }

        .elite-store-wrapper .review-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
        }

        .elite-store-wrapper .reviewer-name {
            font-weight: 700;
            font-size: 13px;
            color: #111827;
        }

        .elite-store-wrapper .stars-lux {
            color: #f59e0b;
            font-size: 12px;
        }

        .elite-store-wrapper .review-content {
            font-size: 12px;
            color: #64748b;
            line-height: 1.6;
        }

        /* Interactive FAQ Accordion */
        .elite-store-wrapper .faq-lux {
            background: #ffffff;
            border-radius: 14px;
            margin-bottom: 10px;
            border: 1px solid #e5e7eb;
            overflow: hidden;
            transition: border-color 0.3s ease;
        }
        .elite-store-wrapper .faq-lux:hover {
            border-color: #374151;
        }

        .elite-store-wrapper .faq-que {
            padding: 16px;
            font-weight: 700;
            font-size: 13px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #111827;
        }

        .elite-store-wrapper .faq-ans {
            padding: 0 16px 16px 16px;
            font-size: 12px;
            color: #64748b;
            line-height: 1.6;
            border-top: 1px solid #e5e7eb;
        }

        /* VIP Bottom Sticky Bar */
        .elite-store-wrapper .sticky-vip-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.96);
            backdrop-filter: blur(10px);
            padding: 14px 20px;
            box-shadow: 0 -10px 30px rgba(15,23,42,0.10);
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
            border-top: 1px solid #e5e7eb;
        }

        .elite-store-wrapper .price-display .strike {
            font-size: 11px;
            color: #94a3b8;
            text-decoration: line-through;
        }

        .elite-store-wrapper .price-display .final {
            font-size: 20px;
            font-weight: 900;
            color: #38bdf8;
            text-shadow: 0 0 10px rgba(56, 189, 248, 0.4);
        }

        .elite-store-wrapper .sticky-btn-lux {
            background: linear-gradient(135deg, #059669, #10b981);
            color: white;
            padding: 12px 30px;
            border-radius: 30px;
            font-weight: 900;
            text-decoration: none;
            font-size: 15px;
            box-shadow: 0 5px 20px rgba(16, 185, 129, 0.4);
            border: none;
            cursor: pointer;
            animation: pulse-glow 2s infinite;
        }
    </style>

    <div class="flash-bar">
        ⚡ تخفيض حصري لزوار موقعنا في المغرب - الكمية محدودة جداً!
    </div>

    <section class="hero-cinema">
        <div class="vip-badge">
            <span>🔥</span> الأكثر مبيعاً في المغرب 2026
        </div>
        <h1 class="hero-title">اكسب مظهراً رياضياً واثقاً<br><span>في أقل من ثانية واحدة!</span>
</h1>
        <p class="hero-desc">قميص النحت والشد الهندسي المتطور.. نحت فوري للبطن، حماية للظهر، وتصميم خفي تماماً لا يلاحظه أحد.</p>
        
        <div class="urgency-box">
            <span>⏳ العرض ينتهي قريباً</span>
            <span>📦 باقي في المخزون: <strong>7 قطع فقط</strong></span>
        </div>

        <a href="#checkout-elite" class="cta-lux">اطلب الآن بـ 199 درهم (الدفع عند الاستلام)</a>

        <div class="trust-row">
            <div class="trust-chip">🛡️ ضمان الجودة العالية</div>
            <div class="trust-chip">🚚 توصيل سريع لجميع المدن</div>
            <div class="trust-chip">💵 الدفع عند الاستلام</div>
        </div>

        <div class="hero-frame">
            <img src="https://cdn.shopify.com/s/files/1/0831/8785/9713/files/xd_42fb3e643a797c8f9984333b35fd8da2.jpg?v=1789946412" alt="قميص النحت الرجالي النخبة">
        </div>
    </section>

    <section class="section-block">
        <h2 class="heading-lux">الفارق الحقيقي <span>قبل وبعد الارتداء</span>
</h2>
        <div class="cinema-showcase">
            <img src="https://cdn.shopify.com/s/files/1/0831/8785/9713/files/xd_b698492e4fb6809a97b72282dab60a39.jpg?v=1789946412" alt="مقارنة النتيجة">
        </div>
    </section>

    <section class="section-block" style="padding-top: 0;">
        <h2 class="heading-lux">لماذا يعتبر هذا القميص <span>الخيار الأول للرجال؟</span>
</h2>
        <div class="bento-grid">
            <div class="bento-card">
                <div class="emoji-icon">🧥</div>
                <h4>شد البطن والخصر</h4>
                <p>يخفي الكرش فوراً ويعطي مظهراً رياضياً مشدوداً.</p>
            </div>
            <div class="bento-card">
                <div class="emoji-icon">🦴</div>
                <h4>دعم العمود الفقري</h4>
                <p>تصميم متقاطع يحسن وضعية الجلوس ويحمي الظهر.</p>
            </div>
            <div class="bento-card">
                <div class="emoji-icon">🌬️</div>
                <h4>تهوية فائقة</h4>
                <p>أنسجة مسامية تمنع التعرق وتضمن الراحة طوال اليوم.</p>
            </div>
            <div class="bento-card">
                <div class="emoji-icon">🥷</div>
                <h4>غير مرئي تماماً</h4>
                <p>رفيع للغاية ولا يظهر نهائياً تحت القمصان والملابس.</p>
            </div>
        </div>
    </section>

    <section class="section-block" style="padding-top: 0;">
        <h2 class="heading-lux">هندسة متطورة <span>لعناية تامة</span>
</h2>
        
        <div class="cinema-showcase">
            <img src="https://cdn.shopify.com/s/files/1/0831/8785/9713/files/xd_aa50ef5af56c67fb8485f6b7522389e8.jpg?v=1789946412" alt="نظام الأزرار">
            <div class="cinema-body">
                <h3>أزرار أمامية للتحكم بالضغط</h3>
                <p>يحتوي على صفين من الأزرار الأمامية القوية لتعديل مستوى الشد حسب راحتك الشخصية طوال اليوم.</p>
            </div>
        </div>

        <div class="cinema-showcase">
            <img src="https://cdn.shopify.com/s/files/1/0831/8785/9713/files/xd_42fb3e643a797c8f9984333b35fd8da2.jpg?v=1789946412" alt="دعم الظهر">
            <div class="cinema-body">
                <h3>تصميم خلفي لدعم الفقرات</h3>
                <p>شبكة دعم خلفية مصلبة تعمل على تخفيف آلام أسفل الظهر ومنحك وقفة عسكرية مستقيمة وثابتة.</p>
            </div>
        </div>

        <div class="cinema-showcase">
            <img src="https://cdn.shopify.com/s/files/1/0831/8785/9713/files/xd_b698492e4fb6809a97b72282dab60a39.jpg?v=1789946412" alt="مظهر أنيق">
            <div class="cinema-body">
                <h3>مرونة عالية لا تقيد الحركة</h3>
                <p>مصنوع بخامات مطاطية تتيح لك التحرك بحرية تامة أثناء العمل، الرياضة، أو القيادة دون أي إزعاج.</p>
            </div>
        </div>
    </section>

    <section class="section-block" style="padding-top: 0;">
        <h2 class="heading-lux">آراء <span>زبنائنا النخبة</span>
</h2>
        
        <div class="review-lux">
            <div class="review-head">
                <span class="reviewer-name">حمزة الإدريسي (الدار البيضاء)</span>
                <span class="stars-lux">★★★★★</span>
            </div>
            <p class="review-content">"صراحة الجودة فنانة بزاف، كيعطي نتيجة واضحة تحت القميص وما كيبانش نهائياً. التوصيل وصلني ف 24 ساعة للدار."</p>
        </div>

        <div class="review-lux">
            <div class="review-head">
                <span class="reviewer-name">مهدي بناني (مراكش)</span>
                <span class="stars-lux">★★★★★</span>
            </div>
            <p class="review-content">"كنت خايف يكون سخون ولكن الثوب ديالو خفيف وكيخلي الهواء يدوز. فكرة الأزرار زوينة حيت كاتحكم فالبطن مزيان."</p>
        </div>

        <div class="review-lux">
            <div class="review-head">
                <span class="reviewer-name">رشيد العمري (طنجة)</span>
                <span class="stars-lux">★★★★★</span>
            </div>
            <p class="review-content">"ممتاز جداً للناس لي كيجلسو بزاف فالبورو، الظهر ديالي ولا مرتاح كثر بفضل هاد القميص. أنصح به بقوة."</p>
        </div>
    </section>

    <section class="section-block" style="padding-top: 0;" id="checkout-elite">
        <h2 class="heading-lux">الأسئلة <span>الشائعة</span>
</h2>
        
        <div class="faq-lux">
            <div class="faq-que">
<span>هل يظهر القميص تحت الملابس العادية؟</span> <span>+</span>
</div>
            <div class="faq-ans">لا نهائياً، مصمم بخامات نحيفة وخياطة مخفية ليكون غير مرئي تحت القمصان الرسمية والكاجوال.</div>
        </div>

        <div class="faq-lux">
            <div class="faq-que">
<span>كيف طريقة الدفع والتوصيل؟</span> <span>+</span>
</div>
            <div class="faq-ans">الدفع يكون عند الاستلام (Cash on Delivery). لن تدفع أي شيء حتى يصلك المنتج ليديك وتتأكد منه.</div>
        </div>

        <div class="faq-lux">
            <div class="faq-que">
<span>كم يستغرق وقت التوصيل لجميع المدن؟</span> <span>+</span>
</div>
            <div class="faq-ans">التوصيل سريع ويستغرق ما بين 24 إلى 48 ساعة فقط كحد أقصى لجميع مدن ومناطق المغرب.</div>
        </div>
    </section>

    <div class="sticky-vip-bar">
        <div class="price-display">
            <div class="strike">240 درهم</div>
            <div class="final">199 درهم</div>
        </div>
        <a href="#checkout-elite" class="sticky-btn-lux">اطلب الآن</a>
    </div>
</div>