{"product_id":"the-ordinary-caffeine-solution","title":"the ordinary محلول الكافيين 5% لعلاج الهالات السوداء وتجاعيد العين","description":"\u003cdiv class=\"caf-premium-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === المتغيرات والألوان الأساسية (هوية الكافيين والذهب) === *\/\n        .caf-premium-wrapper {\n            --caf-bg-dark: #120b08; \/* بني\/أسود داكن جداً (اسبريسو) *\/\n            --caf-bg-card: rgba(30, 20, 15, 0.6); \/* زجاج بني دافئ *\/\n            --caf-gold-main: #d4af37; \/* ذهبي فاخر *\/\n            --caf-gold-light: #f3e5ab; \/* ذهبي مضيء *\/\n            --caf-gold-glow: rgba(212, 175, 55, 0.25);\n            --caf-tea-green: #81b29a; \/* أخضر مهدئ لتمثيل الشاي الأخضر *\/\n            --caf-text-main: #fdfbf7;\n            --caf-text-muted: #cbbca0;\n            --caf-border: rgba(212, 175, 55, 0.2);\n            --caf-border-hover: rgba(243, 229, 171, 0.6);\n            \n            background-color: var(--caf-bg-dark);\n            color: var(--caf-text-main);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n        }\n\n        .caf-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .caf-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n            border: 1px solid rgba(212, 175, 55, 0.1);\n        }\n\n        .caf-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === الجسيمات المتوهجة في الخلفية (قطرات الكافيين) === *\/\n        .caf-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .caf-particle {\n            position: absolute;\n            border-radius: 50%;\n            bottom: -100px;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n            box-shadow: 0 0 15px var(--caf-gold-glow);\n            animation: floatUpCaf 16s infinite ease-in-out;\n            filter: blur(5px);\n        }\n\n        @keyframes floatUpCaf {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n        }\n\n        \/* === العناوين والنصوص === *\/\n        .caf-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #fff;\n            text-shadow: 0 5px 20px rgba(0,0,0,0.8);\n        }\n\n        .caf-title-glow span {\n            background: linear-gradient(135deg, var(--caf-gold-light) 0%, var(--caf-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--caf-gold-glow);\n        }\n\n        .caf-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 4vw, 30px);\n            font-weight: 800;\n            color: #fff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .caf-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--caf-gold-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--caf-gold-main);\n        }\n\n        \/* === الهيرو (الواجهة) === *\/\n        .caf-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .caf-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--caf-gold-main);\n            color: var(--caf-gold-light);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--caf-gold-glow);\n        }\n        \n        .caf-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--caf-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* === الكروت الزجاجية (Glassmorphism) === *\/\n        .caf-glass-box {\n            background: var(--caf-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--caf-border);\n            border-radius: 20px;\n            padding: 40px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            position: relative;\n            overflow: hidden;\n            text-align: center;\n        }\n\n        .caf-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--caf-gold-light), var(--caf-gold-main), transparent);\n        }\n\n        \/* === The Synergy Box (UVP Highlight) === *\/\n        .caf-synergy-box {\n            background: linear-gradient(145deg, rgba(30, 20, 15, 0.8), rgba(10, 5, 5, 0.95));\n            border: 2px solid var(--caf-gold-main);\n            border-radius: 20px;\n            padding: 40px 30px;\n            margin: 50px 0;\n            text-align: center;\n            position: relative;\n            box-shadow: 0 0 40px rgba(212, 175, 55, 0.15);\n        }\n\n        .caf-synergy-equation {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: center;\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .caf-synergy-item {\n            background: rgba(255,255,255,0.03);\n            border: 1px dashed var(--caf-gold-light);\n            padding: 20px;\n            border-radius: 15px;\n            flex: 1;\n            min-width: 250px;\n        }\n\n        .caf-synergy-plus {\n            font-size: 3rem;\n            color: var(--caf-gold-main);\n            font-weight: 900;\n        }\n\n        .caf-synergy-result {\n            background: var(--caf-gold-main);\n            color: #000;\n            padding: 20px;\n            border-radius: 15px;\n            font-size: 1.3rem;\n            font-weight: 900;\n            width: 100%;\n            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);\n        }\n\n        \/* === شبكة الفوائد === *\/\n        .caf-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 40px 0;\n        }\n\n        .caf-card {\n            background: linear-gradient(145deg, rgba(25, 15, 10, 0.7), rgba(10, 5, 5, 0.9));\n            border: 1px solid rgba(212, 175, 55, 0.15);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: right;\n        }\n\n        .caf-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--caf-gold-main);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n            background: rgba(35, 20, 10, 0.8);\n        }\n\n        .caf-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(212, 175, 55, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--caf-gold-light);\n            font-size: 26px;\n            transition: all 0.3s ease;\n        }\n        \n        .caf-card:hover .caf-icon {\n            background: linear-gradient(135deg, var(--caf-gold-main), var(--caf-gold-light));\n            color: #000;\n            transform: scale(1.1) rotate(-5deg);\n            border-color: transparent;\n            box-shadow: 0 0 20px var(--caf-gold-glow);\n        }\n\n        .caf-card h3 {\n            font-size: 1.2rem;\n            color: #fff;\n            margin-bottom: 12px;\n        }\n\n        .caf-card p {\n            color: var(--caf-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === الإحصائيات (Stats) === *\/\n        .caf-stats-wrap {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin: 40px 0;\n            background: var(--caf-bg-card);\n            padding: 35px;\n            border-radius: 20px;\n            border: 1px solid var(--caf-border);\n        }\n\n        .caf-stat-item {\n            text-align: center;\n            position: relative;\n            padding: 15px;\n        }\n\n        .caf-stat-num {\n            font-size: 3.5rem;\n            font-weight: 900;\n            background: linear-gradient(135deg, var(--caf-gold-light), var(--caf-gold-main));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            line-height: 1;\n            margin-bottom: 10px;\n            text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\n            font-family: system-ui, -apple-system, sans-serif;\n        }\n        \n        .caf-stat-desc {\n            color: #fff;\n            font-size: 1.05rem;\n            line-height: 1.5;\n        }\n\n        \/* === التايم لاين والنتائج === *\/\n        .caf-timeline {\n            position: relative;\n            padding-right: 35px;\n            margin: 50px 0;\n        }\n\n        .caf-timeline::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 15px;\n            width: 3px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--caf-gold-main), transparent);\n            border-radius: 3px;\n        }\n\n        .caf-timeline-item {\n            position: relative;\n            margin-bottom: 30px;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--caf-border);\n            padding: 25px;\n            border-radius: 16px;\n            text-align: right;\n            transition: all 0.3s;\n        }\n\n        .caf-timeline-item:hover {\n            background: rgba(212, 175, 55, 0.05);\n            transform: translateX(-10px);\n            border-color: rgba(212, 175, 55, 0.4);\n        }\n\n        .caf-timeline-item::before {\n            content: '';\n            position: absolute;\n            top: 35px;\n            right: -23px;\n            width: 16px;\n            height: 16px;\n            border-radius: 50%;\n            background: var(--caf-gold-main);\n            box-shadow: 0 0 15px var(--caf-gold-main);\n            border: 3px solid var(--caf-bg-dark);\n        }\n\n        \/* === خطوات الاستخدام === *\/\n        .caf-steps-wrap {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 50px;\n        }\n\n        .caf-step-box {\n            background: rgba(0,0,0,0.5);\n            border: 1px solid var(--caf-border);\n            padding: 35px 20px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s;\n        }\n\n        .caf-step-box:hover {\n            border-color: var(--caf-gold-main);\n            transform: translateY(-5px);\n            background: rgba(212, 175, 55, 0.05);\n        }\n\n        .caf-step-num {\n            width: 50px;\n            height: 50px;\n            background: var(--caf-bg-dark);\n            border: 2px solid var(--caf-gold-main);\n            color: var(--caf-gold-light);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.4rem;\n            font-weight: bold;\n            margin: 0 auto 20px;\n            box-shadow: 0 0 15px var(--caf-gold-glow);\n        }\n\n        \/* === Animations === *\/\n        .caf-reveal {\n            opacity: 0;\n            transform: translateY(40px) scale(0.98);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .caf-reveal.caf-active {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n\n        .caf-delay-1 { transition-delay: 0.1s; }\n        .caf-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .caf-hero { padding: 10px 0 20px; }\n            .caf-synergy-plus { transform: rotate(90deg); }\n            .caf-timeline { padding-right: 25px; }\n            .caf-timeline::before { right: 10px; }\n            .caf-timeline-item::before { right: -17px; width: 12px; height: 12px; top: 30px;}\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- الجسيمات المتوهجة في الخلفية --\u003e\n    \u003cdiv class=\"caf-ambient-particles\" id=\"caf-particles\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"caf-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"caf-hero caf-reveal caf-active\"\u003e\n            \u003cdiv class=\"caf-badge\"\u003eإكسير إيقاظ محيط العين\u003c\/div\u003e\n            \u003ch1 class=\"caf-title-glow\"\u003eكابوس الهالات السوداء والانتفاخات انتهى: \u003cbr\u003e\u003cspan\u003e\"فنجان قهوة مركز\" يوقظ عيناكِ في ثوانٍ!\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cp class=\"caf-hero-subtitle\"\u003e\n                مهما نمتِ لـ 8 ساعات، تظلين تبدين متعبة؟ الكونسيلر يتكتل ولا يغطي السواد؟ \n                \u003cstrong style=\"color: #fff;\"\u003eالمشكلة ليست في عدد ساعات نومك، المشكلة في الدورة الدموية تحت عينيكِ.\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Problem --\u003e\n        \u003cdiv class=\"caf-glass-box caf-reveal\"\u003e\n            \u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003eلماذا تفشل كريمات العين العادية؟\u003c\/h2\u003e\n            \u003cp style=\"color: var(--caf-text-muted); font-size: 1.1rem; line-height: 1.8;\"\u003e\n                معظم كريمات العين ترطب السطح فقط. لكن السواد الذي ترينه هو في الحقيقة \"دم محتقن\" بسبب ضعف الدورة الدموية، والانتفاخ هو مجرد \"سوائل محتبسة\" تحت الجلد الرقيق جداً أسفل العين. الترطيب وحده لن يعالج هذه المشكلة الهيكلية.\n            \u003c\/p\u003e\n            \u003cdiv style=\"border-top: 1px dashed var(--caf-border); padding-top: 25px; margin-top: 25px;\"\u003e\n                \u003cp style=\"color: var(--caf-gold-light); font-size: 1.25rem; font-weight: bold;\"\u003eالحل الطبي المباشر: Caffeine Solution 5% + EGCG\u003c\/p\u003e\n                \u003cp style=\"color: #fff; font-size: 1.05rem; margin-top: 10px;\"\u003e\n                    أنتِ لست بحاجة إلى مرطب.. أنتِ بحاجة إلى محفز بيولوجي يسحب السوائل ويفكك التصبغات بقوة التركيزات العالية من The Ordinary.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. The Synergy UVP (The Golden Equation) --\u003e\n        \u003ch2 class=\"caf-section-title caf-reveal\"\u003eالمعادلة التي صدمت أطباء الجلدية\u003c\/h2\u003e\n        \u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted); margin-bottom: 20px;\"\u003eسر الفعالية الجبارة يكمن في دمج أقوى مكونين في عالم العناية بالعين:\u003c\/p\u003e\n        \n        \u003cdiv class=\"caf-synergy-box caf-reveal\"\u003e\n            \u003cdiv class=\"caf-synergy-equation\"\u003e\n                \u003cdiv class=\"caf-synergy-item\"\u003e\n                    \u003ch3 style=\"color: var(--caf-gold-light); font-size: 1.5rem; margin-bottom: 10px;\"\u003e☕ الكافيين 5%\u003c\/h3\u003e\n                    \u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eلوحده بيسحب السوائل المحتبسة، يضيق الأوعية الدموية، ويفش الانتفاخات الصباحية (البافينس) فوراً.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"caf-synergy-plus\"\u003e+\u003c\/div\u003e\n                \u003cdiv class=\"caf-synergy-item\" style=\"border-color: var(--caf-tea-green);\"\u003e\n                    \u003ch3 style=\"color: var(--caf-tea-green); font-size: 1.5rem; margin-bottom: 10px;\"\u003e🌿 EGCG الشاي الأخضر\u003c\/h3\u003e\n                    \u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eلوحده بيفتت التصبغات الغامقة تحت الجلد، ويحمي من الأكسدة اللي بتسبب اللون البني والأزرق.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-synergy-result\"\u003e\n                = الثنائي الأقوى عالمياً لمسح الهالات والانتفاخات كأنها لم تكن!\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 4. Clinical Results --\u003e\n        \u003ch2 class=\"caf-section-title caf-reveal\"\u003eأرقام تتحدث عن نفسها\u003c\/h2\u003e\n        \u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted);\"\u003eبناءً على تقييمات سريرية للمستخدمين بعد 6 أسابيع من الاستخدام المنتظم:\u003c\/p\u003e\n        \n        \u003cdiv class=\"caf-stats-wrap caf-reveal\"\u003e\n            \u003cdiv class=\"caf-stat-item\"\u003e\n                \u003cdiv class=\"caf-stat-num\"\u003e87%\u003c\/div\u003e\n                \u003cdiv class=\"caf-stat-desc\"\u003eتراجع ملحوظ في الهالات والتصبغات الداكنة\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-stat-item\"\u003e\n                \u003cdiv class=\"caf-stat-num\"\u003e92%\u003c\/div\u003e\n                \u003cdiv class=\"caf-stat-desc\"\u003eتقليل جذري لانتفاخات وأكياس تحت العين\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-stat-item\"\u003e\n                \u003cdiv class=\"caf-stat-num\"\u003e95%\u003c\/div\u003e\n                \u003cdiv class=\"caf-stat-desc\"\u003eزيادة في إشراق وتوهج محيط العين بالكامل\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Benefits Grid --\u003e\n        \u003ch2 class=\"caf-section-title caf-reveal\"\u003eماذا سيقدم \"سيروم الكافيين\" لعينيكِ؟\u003c\/h2\u003e\n        \u003cdiv class=\"caf-grid\"\u003e\n            \u003cdiv class=\"caf-card caf-reveal\"\u003e\n                \u003cdiv class=\"caf-icon\"\u003e👁️\u003c\/div\u003e\n                \u003ch3\u003eتفريغ \"الأكياس\" الصباحية\u003c\/h3\u003e\n                \u003cp\u003eوداعاً للعيون المنتفخة عند الاستيقاظ. الكافيين عالي التركيز يحفز التصريف الليمفاوي لتفريغ السوائل المحتبسة في دقائق.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-card caf-reveal caf-delay-1\"\u003e\n                \u003cdiv class=\"caf-icon\"\u003e🔆\u003c\/div\u003e\n                \u003ch3\u003eأستيكة التصبغات الوراثية\u003c\/h3\u003e\n                \u003cp\u003eمستخلص الـ EGCG النقي من أوراق الشاي الأخضر يستهدف الميلانين والأكسدة لتوحيد لون محيط العين وتفتيحه درجات ملحوظة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-card caf-reveal caf-delay-2\"\u003e\n                \u003cdiv class=\"caf-icon\"\u003e🛡️\u003c\/div\u003e\n                \u003ch3\u003eدرع حماية ضد الترهل\u003c\/h3\u003e\n                \u003cp\u003eالتركيبة المعززة بمضادات الأكسدة تحمي الكولاجين الرقيق جداً حول العين من التكسر بسبب الشاشات والتلوث.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-card caf-reveal\"\u003e\n                \u003cdiv class=\"caf-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch3\u003eكونسيلر بدمج مثالي\u003c\/h3\u003e\n                \u003cp\u003eبفضل قوامه الخفيف وسرعة امتصاصه، يعمل كبرايمر مثالي يمنع تكتل أو تخطط الكونسيلر تحت العين طوال اليوم.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Timeline of Results --\u003e\n        \u003ch2 class=\"caf-section-title caf-reveal\"\u003eرحلة التحول: من الإرهاق إلى النضارة\u003c\/h2\u003e\n        \n        \u003cdiv class=\"caf-timeline caf-reveal\"\u003e\n            \u003cdiv class=\"caf-timeline-item\"\u003e\n                \u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eبعد الاستخدام الأول\u003c\/h4\u003e\n                \u003cp style=\"color: var(--caf-text-muted);\"\u003eإحساس فوري بالبرودة والشد الطفيف. تراجع سريع في الانتفاخات الصباحية لتنظري في المرآة وتجدي عينيك \"مستيقظة\" تماماً.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-timeline-item\"\u003e\n                \u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eبعد أسبوعين\u003c\/h4\u003e\n                \u003cp style=\"color: var(--caf-text-muted);\"\u003eاللون الداكن المزرق\/البني يبدأ في البهتان. محيط العين يبدو أكثر إشراقاً، وكمية الكونسيلر التي تحتاجينها تقل تدريجياً.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-timeline-item\"\u003e\n                \u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eبعد شهر كامل\u003c\/h4\u003e\n                \u003cp style=\"color: var(--caf-text-muted);\"\u003eتحول حقيقي في مظهر الإرهاق. الهالات العنيدة تتلاشى بشكل ملحوظ، ومحيط العين مشدود، صافٍ، ويعكس الصحة والنضارة.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 7. Usage Guide --\u003e\n        \u003ch2 class=\"caf-section-title caf-reveal\"\u003eخطوات بسيطة لنتائج جبارة\u003c\/h2\u003e\n        \n        \u003cdiv class=\"caf-steps-wrap caf-reveal\"\u003e\n            \u003cdiv class=\"caf-step-box\"\u003e\n                \u003cdiv class=\"caf-step-num\"\u003e1\u003c\/div\u003e\n                \u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eالتنظيف\u003c\/h4\u003e\n                \u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eاغسلي وجهك جيداً وتأكدي من جفاف منطقة محيط العين تماماً.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-step-box caf-delay-1\"\u003e\n                \u003cdiv class=\"caf-step-num\"\u003e2\u003c\/div\u003e\n                \u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eقطرة واحدة\u003c\/h4\u003e\n                \u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eضعي قطرة إلى قطرتين كحد أقصى على أطراف أصابعك (كمية قليلة تكفي جداً).\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-step-box caf-delay-2\"\u003e\n                \u003cdiv class=\"caf-step-num\"\u003e3\u003c\/div\u003e\n                \u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eالطبطبة\u003c\/h4\u003e\n                \u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eوزعي السيروم بطبطبة خفيفة (من الداخل للخارج) حول عظمة العين حتى يُمتص.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caf-step-box caf-delay-3\"\u003e\n                \u003cdiv class=\"caf-step-num\"\u003e4\u003c\/div\u003e\n                \u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eالاستمرارية\u003c\/h4\u003e\n                \u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eاستخدميه مرتين يومياً (صباحاً ومساءً). أتبعيه بمرطب خفيف للعين إذا استلزم الأمر.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 8. Final CTA --\u003e\n        \u003cdiv class=\"caf-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.1)); border-radius: 20px; border: 1px solid var(--caf-border);\"\u003e\n            \u003ch2 class=\"caf-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eلا تدعي الإرهاق يسرق جمال عينيكِ!\u003c\/h2\u003e\n            \n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                بدلاً من إنفاق أموالك على كونسيلر جديد يخفي المشكلة، استثمري في تركيبة علمية تعالج المشكلة من الجذور.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--caf-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--caf-gold-glow);\"\u003e\n                اطلبي سيروم الكافيين 5% + EGCG الأصلي الآن، وأعيدي لعينيكِ إشراقتها الحقيقية!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Scroll Reveal Animation Logic\n            var reveals = document.querySelectorAll('.caf-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('caf-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('caf-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Caffeine Drops\n            var ambientContainer = document.getElementById('caf-particles');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('caf-particle');\n                \n                var size = Math.random() * 30 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 10; \n                var delay = Math.random() * 10; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40639739134149,"sku":"INSTA0542CHIQ","price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarycaffeinesolution.jpg?v=1702042424","url":"https:\/\/sa.instachiq.com\/de\/products\/the-ordinary-caffeine-solution","provider":"Instachiq","version":"1.0","type":"link"}