{"product_id":"capixy-eyelash-serum","title":"كابكسي سيروم تكثيف و إنبات الرموش و الحواجب بتكنولوجيا الببتيدات 10 مل","description":"\u003cdiv class=\"capixy-ultimate-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Premium Arabic Font === *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n        \/* === Core Variables (Liquid Gold \u0026 Obsidian Theme) === *\/\n        .capixy-ultimate-wrapper {\n            --cx-bg-base: #0f1012; \/* Deep obsidian *\/\n            --cx-bg-alt: #16181d; \/* Slightly lighter obsidian for alternating sections *\/\n            --cx-bg-card: rgba(30, 32, 38, 0.7); \/* Translucent dark grey *\/\n            --cx-bg-card-hover: rgba(45, 48, 55, 0.9);\n            --cx-gold-primary: #d4af37; \/* Classic Gold *\/\n            --cx-gold-dark: #9c8102;\n            --cx-gold-light: #f9f1d8;\n            --cx-gold-gradient: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n            --cx-dark-gradient: linear-gradient(135deg, #181612 0%, #0a0a0a 100%);\n            --cx-text-main: #f8fafc;\n            --cx-text-muted: #94a3b8;\n            --cx-border-glass: rgba(212, 175, 55, 0.2);\n            --cx-glow-gold: rgba(212, 175, 55, 0.25);\n            \n            background-color: var(--cx-bg-base);\n            color: var(--cx-text-main);\n            font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, sans-serif;\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            border-radius: 24px;\n            box-shadow: 0 0 50px rgba(0,0,0,0.8) inset;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .capixy-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .cx-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Typography Utilities === *\/\n        .cx-text-gold {\n            background: var(--cx-gold-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n            text-shadow: 0 2px 10px rgba(212, 175, 55, 0.2);\n        }\n\n        .cx-section-title {\n            font-size: clamp(26px, 4vw, 38px);\n            font-weight: 900;\n            text-align: center;\n            margin: 0 auto 20px;\n            color: #ffffff;\n            position: relative;\n            padding-bottom: 20px;\n        }\n\n        .cx-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: var(--cx-gold-gradient);\n            border-radius: 2px;\n            box-shadow: 0 0 10px var(--cx-glow-gold);\n        }\n\n        .cx-section-subtitle {\n            text-align: center;\n            font-size: clamp(16px, 2vw, 18px);\n            color: var(--cx-text-muted);\n            max-width: 700px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        \/* === Alternating Section Backgrounds === *\/\n        .cx-section { padding: 80px 0; position: relative; }\n        .cx-bg-dark { background-color: var(--cx-bg-base); }\n        .cx-bg-alt { background-color: var(--cx-bg-alt); border-top: 1px solid rgba(255,255,255,0.03); border-bottom: 1px solid rgba(255,255,255,0.03); }\n        .cx-bg-gradient { background: var(--cx-dark-gradient); border-top: 1px solid var(--cx-border-glass); border-bottom: 1px solid var(--cx-border-glass); }\n\n        \/* === Ambient Glow === *\/\n        .cx-ambient-glow {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n        }\n        .cx-glow-orb {\n            position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.3;\n            background: rgba(212, 175, 55, 0.15);\n        }\n        .cx-orb-1 { width: 600px; height: 600px; top: -200px; right: -200px; animation: drift 20s infinite alternate ease-in-out; }\n        .cx-orb-2 { width: 500px; height: 500px; bottom: 10%; left: -150px; animation: drift 15s infinite alternate-reverse ease-in-out; }\n        @keyframes drift { 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(-50px,50px) scale(1.1); } }\n\n        \/* === Hero Section === *\/\n        .cx-hero-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--cx-border-glass);\n            color: var(--cx-gold-light);\n            padding: 8px 30px;\n            border-radius: 30px;\n            font-size: 1.1rem;\n            font-weight: bold;\n            margin-bottom: 30px;\n            box-shadow: 0 0 20px var(--cx-glow-gold);\n            letter-spacing: 1px;\n        }\n\n        .cx-main-title {\n            font-size: clamp(32px, 6vw, 56px);\n            font-weight: 900;\n            margin-bottom: 25px;\n            line-height: 1.3;\n            letter-spacing: -0.5px;\n            color: #ffffff;\n        }\n\n        .cx-hero-subtitle-text {\n            font-size: clamp(16px, 2.5vw, 22px);\n            color: var(--cx-text-muted);\n            max-width: 800px;\n            margin: 0 auto 40px;\n            line-height: 1.8;\n            font-weight: 500;\n        }\n\n        .cx-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto;\n            perspective: 1000px;\n            display: block;\n        }\n\n        .cx-media-wrapper.size-lg { max-width: 900px; }\n        .cx-media-wrapper.size-md { max-width: 700px; }\n\n        .cx-product-media {\n            width: 100%; height: auto; display: block;\n            border-radius: 20px;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.8), 0 0 30px var(--cx-glow-gold);\n            border: 1px solid var(--cx-border-glass);\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n            object-fit: cover;\n        }\n\n        \/* === Highlight \/ Stats Banner === *\/\n        .cx-highlight-banner {\n            background: rgba(20, 20, 20, 0.8);\n            border: 1px solid var(--cx-border-glass);\n            border-radius: 24px;\n            padding: 50px 40px;\n            text-align: center;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n            backdrop-filter: blur(15px);\n        }\n\n        .cx-stats-container {\n            display: flex; flex-wrap: wrap; justify-content: space-around; gap: 30px; margin-top: 40px;\n        }\n\n        .cx-stat-box {\n            flex: 1; min-width: 150px;\n            padding: 20px;\n            background: rgba(255,255,255,0.02);\n            border-radius: 16px;\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .cx-stat-number {\n            font-size: clamp(36px, 5vw, 60px);\n            font-weight: 900;\n            background: var(--cx-gold-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            line-height: 1;\n            margin-bottom: 10px;\n            font-family: system-ui, sans-serif;\n            direction: ltr;\n            display: flex; justify-content: center; align-items: center;\n        }\n\n        .cx-stat-label { color: #ffffff; font-size: 1.1rem; font-weight: 700; }\n\n        \/* === Grids \u0026 Cards === *\/\n        .cx-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\n        .cx-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; }\n\n        .cx-glass-card {\n            background: var(--cx-bg-card);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid rgba(255,255,255,0.05);\n            border-radius: 20px;\n            padding: 35px 30px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s ease;\n            text-align: right;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n        }\n\n        .cx-glass-card::before {\n            content: ''; position: absolute; top: 0; right: 0; width: 4px; height: 100%;\n            background: var(--cx-gold-gradient); opacity: 0; transition: 0.4s ease;\n        }\n\n        .cx-glass-card:hover {\n            transform: translateY(-8px);\n            background: var(--cx-bg-card-hover);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 20px var(--cx-glow-gold);\n            border-color: var(--cx-border-glass);\n        }\n\n        .cx-glass-card:hover::before { opacity: 1; }\n\n        .cx-icon-wrapper {\n            width: 55px; height: 55px;\n            background: rgba(255,255,255,0.03);\n            border: 1px solid var(--cx-border-glass);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--cx-gold-primary);\n            font-size: 22px; font-weight: 900; font-family: system-ui, sans-serif;\n            transition: 0.4s ease;\n        }\n\n        .cx-glass-card:hover .cx-icon-wrapper {\n            background: var(--cx-gold-gradient); color: #000;\n            transform: scale(1.1) rotate(5deg); border-color: transparent;\n            box-shadow: 0 5px 15px var(--cx-glow-gold);\n        }\n\n        .cx-card-title { font-size: 1.3rem; color: #ffffff; margin-bottom: 15px; font-weight: 800; line-height: 1.4; }\n        .cx-card-desc { color: var(--cx-text-muted); font-size: 1.05rem; line-height: 1.7; }\n\n        \/* === Timeline === *\/\n        .cx-timeline-container { position: relative; max-width: 900px; margin: 40px auto 0; }\n        .cx-timeline-container::before {\n            content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--cx-gold-primary), transparent);\n            transform: translateX(50%);\n        }\n        \n        .cx-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n        .cx-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-right: 50%; }\n        \n        .cx-timeline-content {\n            width: 90%; background: var(--cx-bg-card); border: 1px solid rgba(255,255,255,0.05);\n            padding: 30px; border-radius: 16px; transition: 0.3s;\n        }\n        .cx-timeline-content:hover { border-color: var(--cx-gold-primary); transform: translateY(-5px); background: var(--cx-bg-card-hover); }\n        \n        .cx-timeline-badge {\n            position: absolute; top: 30px; right: -7%; width: 16px; height: 16px;\n            background: var(--cx-bg-base); border: 3px solid var(--cx-gold-primary); border-radius: 50%; z-index: 2;\n            box-shadow: 0 0 10px var(--cx-glow-gold);\n        }\n        .cx-timeline-item:nth-child(even) .cx-timeline-badge { right: auto; left: -7%; }\n        \n        .cx-time-label {\n            color: #ffffff; font-weight: 800; margin-bottom: 15px; font-size: 1.1rem;\n            display: inline-block; background: rgba(212, 175, 55, 0.15); padding: 5px 20px; border-radius: 20px;\n            border: 1px solid var(--cx-border-glass);\n        }\n\n        .cx-list { list-style: none; padding: 0; }\n        .cx-list li {\n            position: relative; padding-right: 25px; margin-bottom: 12px; color: var(--cx-text-muted); font-size: 1.05rem;\n        }\n        .cx-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--cx-gold-primary); font-weight: 900;\n        }\n\n        \/* === CTA Section === *\/\n        .cx-cta-wrapper {\n            text-align: center;\n            background: linear-gradient(135deg, rgba(20,20,20,0.9) 0%, rgba(10,10,10,0.95) 100%);\n            border-radius: 24px;\n            border: 1px solid var(--cx-border-glass);\n            padding: 60px 40px;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cx-btn-primary {\n            display: inline-block; background: var(--cx-gold-gradient); background-size: 200% auto;\n            color: #000; padding: 20px 50px; border-radius: 40px; font-size: 1.3rem; font-weight: 900;\n            text-decoration: none; border: none; cursor: pointer; transition: 0.5s ease;\n            box-shadow: 0 10px 30px var(--cx-glow-gold); margin-top: 30px; font-family: 'Tajawal', sans-serif;\n        }\n        .cx-btn-primary:hover {\n            background-position: right center; transform: translateY(-5px); box-shadow: 0 15px 40px rgba(212, 175, 55, 0.5);\n        }\n\n        \/* === Animations === *\/\n        .cx-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .cx-reveal.cx-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .cx-section { padding: 50px 0; }\n            .cx-timeline-container::before { right: 20px; transform: none; }\n            .cx-timeline-item { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n            .cx-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; }\n            .cx-timeline-content { width: 100%; }\n            .cx-timeline-badge { right: 12px; top: 30px; }\n            .cx-timeline-item:nth-child(even) .cx-timeline-badge { left: auto; right: 12px; }\n            .cx-stat-box { min-width: 100%; margin-bottom: 15px; }\n            .cx-media-wrapper { padding: 0 10px; }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"cx-ambient-glow\"\u003e\n        \u003cdiv class=\"cx-glow-orb cx-orb-1\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"cx-glow-orb cx-orb-2\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 1. Hero Section (Theme: Dark Base) --\u003e\n    \u003cdiv class=\"cx-section cx-bg-dark\" style=\"text-align: center; padding-top: 60px;\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003cdiv class=\"cx-hero-badge cx-reveal\"\u003eثورة تقنية 6G لإنبات الشعر\u003c\/div\u003e\n            \u003ch1 class=\"cx-main-title cx-reveal\"\u003e\n\u003cspan class=\"cx-text-gold\"\u003eCapixy Eyelash Serum\u003c\/span\u003e\u003cbr\u003eلرموش وحواجب طبيعية مذهلة\u003c\/h1\u003e\n            \n            \u003cp class=\"cx-hero-subtitle-text cx-reveal delay-1\"\u003e\n                رسمة عيونك جميلة، لكن الرموش القصيرة وفراغات الحاجب تخبئها. الرموش هي عنوان الأنوثة. الآن تستطيعين تكثيف وإطالة رموشك وإكمال فراغات حاجبك بطريقة طبيعية عن طريق أحدث تكنولوجيا إنبات الشعر عالمياً.\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"cx-tilt-card cx-media-wrapper size-lg cx-reveal delay-2\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_lashes_banner1.webp?v=1748355547\" alt=\"Capixy Eyelash Serum Banner\" class=\"cx-product-media\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 2. Problem \/ Stats Section (Theme: Gradient Background) --\u003e\n    \u003cdiv class=\"cx-section cx-bg-gradient\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003cdiv class=\"cx-highlight-banner cx-reveal\"\u003e\n                \u003ch2 style=\"color: #ffffff; font-size: clamp(22px, 3.5vw, 32px); font-weight: 800; margin-bottom: 20px;\"\u003eأكثر من 50% من بصيلات رموشك خاملة تنتظر الحافز!\u003c\/h2\u003e\n                \u003cp style=\"color: var(--cx-text-muted); font-size: 1.15rem; line-height: 1.8;\"\u003e\n                    تحتوي رموشك العلوية على 150 - 200 بصيلة بينما السفلية 75 - 100. إذا قمت بعد الرموش الآن ستجدي أن عدد الشعيرات أقل من 50% من عدد البصيلات، لأن أكثر من نصف الرموش تحتاج إلى تحفيز كيميائي دقيق لإطلاق نموها الكامن.\n                \u003c\/p\u003e\n                \n                \u003cdiv class=\"cx-stats-container\"\u003e\n                    \u003cdiv class=\"cx-stat-box\"\u003e\n                        \u003cdiv class=\"cx-stat-number\"\u003e150-200\u003c\/div\u003e\n                        \u003cdiv class=\"cx-stat-label\"\u003eبصيلة في الرموش العلوية\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"cx-stat-box\"\u003e\n                        \u003cdiv class=\"cx-stat-number\"\u003e75-100\u003c\/div\u003e\n                        \u003cdiv class=\"cx-stat-label\"\u003eبصيلة في الرموش السفلية\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"cx-stat-box\"\u003e\n                        \u003cdiv class=\"cx-stat-number\"\u003e\n\u003cspan class=\"cx-counter\" data-target=\"60\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n                        \u003cdiv class=\"cx-stat-label\"\u003eمن البصيلات خاملة كلياً\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 3. Technology Section (Theme: Alternate Dark) --\u003e\n    \u003cdiv class=\"cx-section cx-bg-alt\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003ch2 class=\"cx-section-title cx-reveal\"\u003eتقنية 6G الثورية: العلم وراء الإعجاز\u003c\/h2\u003e\n            \u003cp class=\"cx-section-subtitle cx-reveal\"\u003eالجيل السادس من تقنيات تحفيز نمو الشعر، تعمل في تناغم لاستهداف دورة النمو بالكامل.\u003c\/p\u003e\n            \n            \u003cdiv class=\"cx-grid-2 cx-reveal\" style=\"margin-bottom: 40px;\"\u003e\n                \u003cdiv class=\"cx-tilt-card cx-media-wrapper size-sm\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_eyelashes_serum.png?v=1748356038\" alt=\"Capixy Serum\" class=\"cx-product-media\" style=\"box-shadow: none; border: none; background: transparent;\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-tilt-card cx-media-wrapper size-sm delay-1\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_eyelashes_serum_2.png?v=1748356339\" alt=\"Capixy Serum Detail\" class=\"cx-product-media\" style=\"box-shadow: none; border: none; background: transparent;\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n                \u003cdiv class=\"cx-glass-card\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\"\u003e1\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\"\u003eما هي تقنية 6G المتطورة؟\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eهي أحدث ما توصل إليه العلم في مجال العناية بالشعر، تعتمد على \u003cstrong class=\"cx-text-gold\"\u003e6 مكونات فعالة متطورة\u003c\/strong\u003e تعمل معاً لاستهداف كل مرحلة من مراحل دورة نمو الرموش والحواجب لضمان أقصى كثافة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-1\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\"\u003e2\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\"\u003eآلية العمل العلمية المتقدمة\u003c\/h3\u003e\n                    \u003cul class=\"cx-list\"\u003e\n                        \u003cli\u003eإطالة البصيلات النشطة وزيادة سمكها\u003c\/li\u003e\n                        \u003cli\u003eإنبات البصيلات الخاملة وإدخالها في طور النمو\u003c\/li\u003e\n                        \u003cli\u003eتقليل الفراغات وإعطاء مظهر الاكستنشن الطبيعي\u003c\/li\u003e\n                        \u003cli\u003eحماية الشعر الموجود من التساقط والتلف البيئي\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 4. Ingredients Grid (Theme: Dark Base) --\u003e\n    \u003cdiv class=\"cx-section cx-bg-dark\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003ch2 class=\"cx-section-title cx-reveal\"\u003eالمكونات الفعالة: جيش من 6 عناصر قوية\u003c\/h2\u003e\n            \u003cp class=\"cx-section-subtitle cx-reveal\"\u003eالتركيبة العلمية المتكاملة لنتائج مضمونة وسريعة.\u003c\/p\u003e\n\n            \u003cdiv class=\"cx-grid-3 cx-reveal\"\u003e\n                \u003cdiv class=\"cx-glass-card\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\"\u003e✓\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\" style=\"color: var(--cx-gold-primary);\"\u003eRedensyl\u003c\/h3\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.1rem;\"\u003eمحفز الخلايا الجذعية\u003c\/h4\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eيستهدف الخلايا الجذعية في بصيلات الشعر ويحفزها على الانقسام والتجدد، لتكوين شعر جديد قوي.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-1\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\"\u003e✓\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\" style=\"color: var(--cx-gold-primary);\"\u003eProcapil\u003c\/h3\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.1rem;\"\u003eواقي من التساقط\u003c\/h4\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eيثبط عمل إنزيم 5α-reductase المدمر لبصيلات الشعر ويمنع تساقط الرموش المبكر.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-2\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\"\u003e✓\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\" style=\"color: var(--cx-gold-primary);\"\u003eCapixyl\u003c\/h3\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.1rem;\"\u003eمجدد البصيلات\u003c\/h4\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eيحفز إنتاج بروتين الأنكرين الأساسي لتثبيت الشعر بقوة في البصيلة ومنع تساقطه.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\"\u003e✓\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\" style=\"color: var(--cx-gold-primary);\"\u003eAminexil\u003c\/h3\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.1rem;\"\u003eمحسن مرونة البصيلات\u003c\/h4\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eيمنع تصلب الكولاجين حول البصيلات، مما يسمح بنمو شعر أقوى وأكثر سماكة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-1\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\"\u003e✓\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\" style=\"color: var(--cx-gold-primary);\"\u003eBaicapil\u003c\/h3\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.1rem;\"\u003eمنشط الدورة الدموية\u003c\/h4\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eيحفز تدفق الدم في المنطقة المحيطة بالبصيلات لضمان وصول المغذيات بكفاءة عالية.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-2\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\"\u003e✓\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\" style=\"color: var(--cx-gold-primary);\"\u003eAnagine\u003c\/h3\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.1rem;\"\u003eمحفز النمو السريع\u003c\/h4\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eيطيل مرحلة النمو النشط للشعر ويسرع من تكوين الشعر الجديد لكثافة أكبر.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 5. Features Section (Theme: Gradient Background) --\u003e\n    \u003cdiv class=\"cx-section cx-bg-gradient\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003ch2 class=\"cx-section-title cx-reveal\"\u003eما الذي يميز هذه التركيبة؟\u003c\/h2\u003e\n            \u003cdiv class=\"cx-grid-3 cx-reveal\"\u003e\n                \u003cdiv class=\"cx-glass-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\" style=\"font-size: 18px;\"\u003e6in1\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\"\u003eتركيبة 6 في 1\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eيجمع Capixy بين 6 مكونات فعالة بدلاً من الاعتماد على مكون واحد، لتأثير مضاعف ومضمون.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\"\u003e✓\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\"\u003eفرشاة متخصصة\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eمصممة لضمان التوزيع المثالي للسيروم على الجذور دون إهدار أو تطبيق زائد يسبب تهيج.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-2\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\"\u003e✓\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\"\u003eآمان مطلق للعينين\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eتم اختباره طبياً لضمان عدم تسببه في أي حساسية، ومتوافق تماماً مع العدسات اللاصقة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 6. Timeline Results (Theme: Alternate Dark) --\u003e\n    \u003cdiv class=\"cx-section cx-bg-alt\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003ch2 class=\"cx-section-title cx-reveal\"\u003eالنتائج العلمية المثبتة سريرياً\u003c\/h2\u003e\n            \u003cp class=\"cx-section-subtitle cx-reveal\"\u003eتم تأكيد هذه النتائج من خلال دراسات سريرية دقيقة على 300 امرأة.\u003c\/p\u003e\n\n            \u003cdiv class=\"cx-timeline-container cx-reveal\"\u003e\n                \u003cdiv class=\"cx-timeline-item\"\u003e\n                    \u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"cx-timeline-content\"\u003e\n                        \u003cdiv class=\"cx-time-label\"\u003eالأسبوع الثاني\u003c\/div\u003e\n                        \u003cul class=\"cx-list\"\u003e\n                            \u003cli\u003eتحسن ملحوظ في صحة البصيلات بنسبة 35%\u003c\/li\u003e\n                            \u003cli\u003eتقليل تساقط الرموش اليومي بنسبة تصل إلى 60%\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-timeline-item\"\u003e\n                    \u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"cx-timeline-content\"\u003e\n                        \u003cdiv class=\"cx-time-label\"\u003eالشهر الأول\u003c\/div\u003e\n                        \u003cul class=\"cx-list\"\u003e\n                            \u003cli\u003eزيادة ملموسة في كثافة الرموش بنسبة 78%\u003c\/li\u003e\n                            \u003cli\u003eزيادة في طول الرموش بنسبة 45%\u003c\/li\u003e\n                            \u003cli\u003eتحسن مظهر الحواجب وامتلاؤها بنسبة 65%\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-timeline-item\"\u003e\n                    \u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"cx-timeline-content\"\u003e\n                        \u003cdiv class=\"cx-time-label\"\u003eالشهر الثالث\u003c\/div\u003e\n                        \u003cul class=\"cx-list\"\u003e\n                            \u003cli\u003eرموش أطول بنسبة 89% لنتيجة نهائية مذهلة\u003c\/li\u003e\n                            \u003cli\u003eكثافة مضاعفة ومظهر ممتلئ للحواجب\u003c\/li\u003e\n                            \u003cli\u003eمقاومة كاملة للتساقط لضمان استدامة النتائج\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 7. Usage Section (Theme: Dark Base) --\u003e\n    \u003cdiv class=\"cx-section cx-bg-dark\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003ch2 class=\"cx-section-title cx-reveal\"\u003eطريقة الاستخدام للحصول على أقصى النتائج\u003c\/h2\u003e\n            \u003cp class=\"cx-section-subtitle cx-reveal\"\u003eالبروتوكول المثبت للتطبيق الصحيح يومياً.\u003c\/p\u003e\n\n            \u003cdiv class=\"cx-grid-2 cx-reveal\" style=\"grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\"\u003e\n                \u003cdiv class=\"cx-glass-card\" style=\"text-align: center;\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\" style=\"margin: 0 auto 15px;\"\u003e1\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\"\u003eالتحضير\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eتأكدي من نظافة المنطقة وإزالة كامل للماكياج بمنظف لطيف.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-1\" style=\"text-align: center;\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\" style=\"margin: 0 auto 15px;\"\u003e2\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\"\u003eالتطبيق الدقيق\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eاستخدمي الفرشاة لتطبيق طبقة رفيعة على خط الرموش والحواجب.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-2\" style=\"text-align: center;\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\" style=\"margin: 0 auto 15px;\"\u003e3\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\"\u003eالتوقيت الأمثل\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eطبقي السيروم مرة واحدة يومياً قبل النوم لضمان امتصاص كامل.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-1\" style=\"text-align: center;\"\u003e\n                    \u003cdiv class=\"cx-icon-wrapper\" style=\"margin: 0 auto 15px;\"\u003e4\u003c\/div\u003e\n                    \u003ch3 class=\"cx-card-title\"\u003eالانتظام\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eالاستخدام اليومي المنتظم هو مفتاح النجاح للحصول على الكثافة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 8. CTA \u0026 Guarantee Section --\u003e\n    \u003cdiv class=\"cx-section cx-bg-alt\" style=\"padding-bottom: 80px;\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \n            \u003cdiv class=\"cx-grid-3 cx-reveal\" style=\"margin-bottom: 60px;\"\u003e\n                \u003cdiv class=\"cx-glass-card\" style=\"text-align: center; border-color: rgba(212, 175, 55, 0.4);\"\u003e\n                    \u003ch3 class=\"cx-card-title\" style=\"color: var(--cx-gold-primary);\"\u003eمختبر أوروبياً\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eخضع للاختبارات السريرية في أرقى المعامل المعتمدة دولياً لضمان الفعالية والأمان المطلق.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-1\" style=\"text-align: center; border-color: rgba(212, 175, 55, 0.4);\"\u003e\n                    \u003ch3 class=\"cx-card-title\" style=\"color: var(--cx-gold-primary);\"\u003eخالي من المواد الضارة\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eتركيبة نقية لا تحتوي على البارابين، الكبريتات، أو الهرمونات الصناعية المضرة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-glass-card delay-2\" style=\"text-align: center; border-color: rgba(212, 175, 55, 0.4);\"\u003e\n                    \u003ch3 class=\"cx-card-title\" style=\"color: var(--cx-gold-primary);\"\u003eنتائج طبيعية 100%\u003c\/h3\u003e\n                    \u003cp class=\"cx-card-desc\"\u003eيحفز النمو الطبيعي فقط دون تغيير لون الرموش أو الجلد للحصول على مظهر أصيل وجذاب.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"cx-cta-wrapper cx-reveal\"\u003e\n                \u003ch2 class=\"cx-main-title\" style=\"font-size: clamp(26px, 4vw, 40px); margin-bottom: 25px;\"\u003eCapixy Eyelash Serum\u003cbr\u003e\u003cspan class=\"cx-text-gold\"\u003eالطريق الطبيعي لرموش وحواجب أحلامك\u003c\/span\u003e\n\u003c\/h2\u003e\n                \u003cp class=\"cx-card-desc\" style=\"color: #ffffff; font-size: 1.2rem; max-width: 800px; margin: 0 auto;\"\u003e\n                    لا حاجة لجلسات تركيب الرموش الاصطناعية المكلفة والمؤقتة من اليوم. تستطيعين الآن تحقيق المظهر الذي تنفقين من أجله أموالاً باهظة في كل جلسة، ولكن بشكل طبيعي وبنتائج دائمة.\n                \u003c\/p\u003e\n                \n                \u003cbutton class=\"cx-btn-primary\"\u003eاحصلي على رموش أحلامك الآن\u003c\/button\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ 1. Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.cx-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cx-active');\n                        \n                        \/\/ Trigger counters if inside revealed element\n                        const counters = entry.target.querySelectorAll('.cx-counter');\n                        if (counters.length \u003e 0) {\n                            runCounters(counters);\n                        }\n                        \n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ 2. Animated Number Counters\n            function runCounters(counters) {\n                counters.forEach(counter =\u003e {\n                    const target = +counter.getAttribute('data-target');\n                    const duration = 2000; \n                    const increment = target \/ (duration \/ 16); \n                    let current = 0;\n\n                    const updateCounter = () =\u003e {\n                        current += increment;\n                        if (current \u003c target) {\n                            counter.innerText = Math.ceil(current);\n                            requestAnimationFrame(updateCounter);\n                        } else {\n                            counter.innerText = target;\n                        }\n                    };\n                    updateCounter();\n                });\n            }\n\n            \/\/ 3. Premium 3D Tilt Effect for Images\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.cx-tilt-card');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.cx-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -5;\n                        const rotateY = ((x - centerX) \/ centerX) * 5;\n                        \n                        media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":42525086318789,"sku":"","price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_67.jpg?v=1700034331","url":"https:\/\/instachiq.com\/de\/products\/capixy-eyelash-serum","provider":"Instachiq","version":"1.0","type":"link"}