{"title":"سيرومات البشرة","description":"","products":[{"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":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarycaffeinesolution.jpg?v=1702042424"},{"product_id":"the-ordinary-lactic-acid-30ml","title":"The ordinary حمض اللاكتيك 5% والهياليرونيك 30 ملل | مقشر | مرطب | مضاد للأكسدة والتجاعيد","description":"\u003cstyle\u003e\n .ordinary-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n direction: rtl;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 10s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n .hero-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n margin-bottom: 40px;\n opacity: 0;\n transform: scale(0.9);\n animation: zoomIn 1.2s 0.3s forwards;\n }\n\n @keyframes zoomIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .main-title {\n font-size: 2.6em;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.2s forwards;\n }\n\n .subtitle {\n font-size: 1.5em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n line-height: 1.4;\n }\n\n .pharaoh-intro {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n position: relative;\n }\n\n .pharaoh-intro::before {\n content: '👑';\n position: absolute;\n top: 20px;\n left: 30px;\n font-size: 2em;\n opacity: 0.3;\n }\n\n .pharaoh-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .pharaoh-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .why-lactic-section {\n padding: 60px 30px;\n background: white;\n }\n\n .comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .comparison-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .comparison-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .comparison-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #dfb919;\n }\n\n .comparison-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .comparison-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .comparison-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: center;\n }\n\n .benefits-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 35px;\n margin-top: 40px;\n }\n\n .benefit-card {\n background: white;\n padding: 35px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #9C8102;\n }\n\n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 10px;\n text-align: center;\n }\n\n .benefit-subtitle {\n color: #999;\n font-size: 1.1em;\n font-weight: 600;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: right;\n }\n\n .gentle-formula-section {\n padding: 60px 30px;\n background: white;\n }\n\n .formula-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .formula-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .formula-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .formula-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n .formula-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .science-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .science-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .science-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .science-info {\n background: white;\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .science-info::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .ph-meter {\n background: linear-gradient(90deg, #ff4757, #ffa502, #2ed573);\n height: 20px;\n border-radius: 10px;\n position: relative;\n margin: 20px 0;\n }\n\n .ph-indicator {\n position: absolute;\n top: -5px;\n left: 20%;\n width: 30px;\n height: 30px;\n background: #9C8102;\n border-radius: 50%;\n border: 3px solid white;\n box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n }\n\n .ph-label {\n text-align: center;\n margin-top: 10px;\n font-weight: 700;\n color: #9C8102;\n }\n\n .ingredients-section {\n padding: 60px 30px;\n background: white;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .ingredient-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .ingredient-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .ingredient-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .ingredient-name {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .usage-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .usage-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .usage-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .usage-steps {\n list-style: none;\n padding: 0;\n }\n\n .usage-steps li {\n padding: 12px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 35px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n right: 0;\n top: 12px;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n text-align: center;\n line-height: 25px;\n font-size: 0.85em;\n font-weight: 700;\n }\n\n .warning-card {\n background: #fff3cd;\n border: 2px solid #ffeaa7;\n padding: 25px;\n border-radius: 15px;\n margin-top: 20px;\n }\n\n .warning-title {\n color: #856404;\n font-weight: 700;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .warning-list {\n list-style: none;\n padding: 0;\n }\n\n .warning-list li {\n padding: 8px 0;\n position: relative;\n padding-right: 25px;\n color: #856404;\n }\n\n .warning-list li::before {\n content: '⚠️';\n position: absolute;\n right: 0;\n top: 8px;\n }\n\n .skin-types-section {\n padding: 60px 30px;\n background: white;\n }\n\n .skin-types-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .skin-type-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .skin-type-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .skin-type-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .skin-type-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .results-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .results-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .result-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n position: relative;\n }\n\n .result-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .result-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .result-period {\n color: #9C8102;\n font-weight: 700;\n font-size: 1.2em;\n margin-bottom: 15px;\n }\n\n .before-after-section {\n padding: 60px 30px;\n background: white;\n }\n\n .before-after-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .before-after-card {\n text-align: center;\n background: white;\n padding: 20px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n }\n\n .before-after-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n }\n\n .before-after-image {\n max-width: 100%;\n border-radius: 15px;\n margin-bottom: 15px;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n color: white;\n padding: 80px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '🏺';\n position: absolute;\n top: 20px;\n right: 20px;\n font-size: 3em;\n opacity: 0.1;\n }\n\n .cta-button {\n background: #9C8102;\n color: white;\n padding: 18px 45px;\n border: none;\n border-radius: 50px;\n font-size: 1.3em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 30px;\n animation: glow 2s infinite alternate;\n }\n\n @keyframes glow {\n 0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n 100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n background: #d4af37;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.4em;\n color: #9C8102;\n margin-bottom: 20px;\n position: relative;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.4em;\n color: #666;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n border-radius: 2px;\n animation: expandLine 1s ease-out forwards;\n }\n\n @keyframes expandLine {\n 0% { width: 0; }\n 100% { width: 100px; }\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease;\n }\n\n .animate-on-scroll.animated {\n opacity: 1;\n transform: translateY(0);\n }\n\n .highlight {\n color: #9C8102;\n font-weight: 700;\n }\n\n .divider {\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n margin: 50px 0;\n opacity: 0;\n animation: fadeIn 1s forwards;\n border-radius: 2px;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n .ingredients-list {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin-top: 20px;\n border: 1px solid #e9ecef;\n }\n\n .ingredients-list h4 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n @media (max-width: 768px) {\n .main-title { font-size: 2.2em; }\n .section-title { font-size: 2em; }\n .comparison-grid, .benefits-grid, .ingredients-grid, .usage-grid, .skin-types-grid, .results-timeline, .before-after-grid {\n grid-template-columns: 1fr;\n }\n .formula-content, .science-content {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ordinary-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_HA.webp?v=1749661210\" alt=\"The Ordinary Lactic Acid 10% + HA\" class=\"hero-image\"\u003e\n \u003ch1 class=\"main-title\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eسر الجمال اللي استخدمه الفراعنة... في تركيبة عصرية متطورة\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Pharaoh Introduction --\u003e\n \u003cdiv class=\"pharaoh-intro\"\u003e\n \u003ch2\u003eمن أسرار الملكات لبشرتك\u003c\/h2\u003e\n \u003cp\u003eقدماء المصريين كانوا أول من اكتشفوا سحر حمض اللاكتيك في الحفاظ على شباب البشرة ونضارتها. كليوباترا نفسها كانت تستحم في اللبن الحامض عشان تحافظ على جمالها الأسطوري. واليوم، \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e جابلك نفس السر الفرعوني في تركيبة علمية متقدمة بتركيز 10% مع حمض الهيالورونيك.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why Lactic Acid Section --\u003e\n \u003cdiv class=\"why-lactic-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eليه حمض اللاكتيك هو الاختيار الأمثل؟\u003c\/h2\u003e\n \n \u003cdiv class=\"comparison-grid\"\u003e\n \u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n \u003cspan class=\"comparison-icon\"\u003e🧬\u003c\/span\u003e\n \u003ch3 class=\"comparison-title\"\u003eالأحماض مش كلها زي بعض\u003c\/h3\u003e\n \u003cp class=\"comparison-description\"\u003eحمض اللاكتيك من أرق الأحماض على البشرة الحساسة، لأنه من الأحماض الطبيعية اللي موجودة أصلاً في جسمك. ده يخليه يشتغل بلطف ولكن بقوة مضاعفة عن باقي الأحماض.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n \u003cspan class=\"comparison-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch3 class=\"comparison-title\"\u003eتركيز مثالي وآمن\u003c\/h3\u003e\n \u003cp class=\"comparison-description\"\u003eتركيز 10% هو الحد الأمثل اللي يديكي نتايج واضحة من غير تهيج أو حساسية مفرطة. ودرجة الحموضة 3.8 مظبوطة علمياً عشان تضمن أقصى فعالية مع أقل آثار جانبية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eفوائد هتغير شكل بشرتك تماماً\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🎯\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eمحارب حب الشباب الأول\u003c\/h3\u003e\n \u003cp class=\"benefit-subtitle\"\u003eيعالج الموجود ويمنع الجديد\u003c\/p\u003e\n \u003cp class=\"benefit-description\"\u003eحمض اللاكتيك بيقشر الجلد الميت بلطف عن طريق كسر الروابط اللي بتربط الخلايا الميتة، وده بيفتح المسام المسدودة ويمنع تكون الحبوب الجديدة. الدراسات أثبتت إن حمض اللاكتيك بيقلل التهابات حب الشباب بنسبة تصل لـ90%، وده يخليه يتماشى مع أدوية حب الشباب التانية زي الريتينول.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e⏰\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eآلة الزمن لبشرتك\u003c\/h3\u003e\n \u003cp class=\"benefit-subtitle\"\u003eمظهرك هيخالف عمرك\u003c\/p\u003e\n \u003cp class=\"benefit-description\"\u003eفي التركيزات العالية، حمض اللاكتيك بيخترق الطبقات العميقة من الجلد ويحفز تكوين الكولاجين الطبيعي. النتيجة؟ تجديد الخلايا، شد الجلد، وزيادة سمكه، وده اللي يخلي التجاعيد الدقيقة تختفي وبشرتك تبان أصغر بسنين.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eترطيب خيالي من غير دهون\u003c\/h3\u003e\n \u003cp class=\"benefit-subtitle\"\u003eالرطوبة اللي تفضل معاكي طول اليوم\u003c\/p\u003e\n \u003cp class=\"benefit-description\"\u003eحمض اللاكتيك مش بس بيقشر، ده كمان بيرطب البشرة ترطيب عميق يخليها ناعمة ومرنة. والتركيبة دي مدعمة بـ\u003cstrong\u003eحمض الهيالورونيك\u003c\/strong\u003e اللي بيسحب 1000 ضعف وزنه من الماء ويكون حاجز رطوبة يضمن ترطيب يدوم لفترات طويلة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتوحيد لون البشرة ومحو التصبغات\u003c\/h3\u003e\n \u003cp class=\"benefit-subtitle\"\u003eبشرة صافية موحدة زي المرايا\u003c\/p\u003e\n \u003cp class=\"benefit-description\"\u003eحمض اللاكتيك بيشتغل على تقليل إنتاج الميلانين في المناطق الداكنة، وده بيساعد على تفتيح التصبغات وآثار الحبوب والبقع الداكنة. النتيجة بشرة موحدة اللون ومشرقة بشكل طبيعي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Gentle Formula Section --\u003e\n \u003cdiv class=\"gentle-formula-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eتركيبة لطيفة للبشرة الحساسة\u003c\/h2\u003e\n \n \u003cdiv class=\"formula-content\"\u003e\n \u003cdiv class=\"formula-info animate-on-scroll\" style=\"grid-column: 1 \/ -1;\"\u003e\n \u003cdiv class=\"formula-feature\"\u003e\n \u003ch4\u003eالبيبربيري التازماني: الحارس الطبيعي\u003c\/h4\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/tasmanian-pepperberry-banner_48681ebd-6dc6-4450-80cd-206effbd0d2d.webp?v=1749661271\" alt=\"Tasmanian Pepperberry\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\u003e\n \u003cp\u003eالتركيبة تحتوي على مستخلص البيبربيري التازماني، وده مضاد طبيعي للالتهابات بيقلل الاحمرار والتهيج اللي ممكن يحصل مع منتجات التقشير. ده يخلي المنتج مناسب حتى للبشرة الحساسة جداً.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"formula-feature\"\u003e\n \u003ch4\u003eتركيبة مائية خفيفة\u003c\/h4\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-lactic-acid-10pct-ha-30ml-swatch.webp?v=1749661271\" alt=\"Product Texture\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\u003e\n \u003cp\u003eالقوام المائي الخفيف بيخلي المنتج يمتص بسرعة من غير ما يسيب ملمس دهني أو لزج، وده يخليه مثالي للبشرة الجافة اللي محتاجة ترطيب من غير ثقل.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Section --\u003e\n \u003cdiv class=\"science-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالعلم وراء الفعالية\u003c\/h2\u003e\n \n \u003cdiv class=\"science-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_ha_2.webp?v=1749661364\" alt=\"Science Behind Effectiveness\" class=\"science-image animate-on-scroll\"\u003e\n \n \u003cdiv class=\"science-info animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eتوازن الـ pH المثالي\u003c\/h3\u003e\n \n \u003cdiv class=\"ph-meter\"\u003e\n \u003cdiv class=\"ph-indicator\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-label\"\u003epH 3.8 - التوازن المثالي\u003c\/div\u003e\n \n \u003cp style=\"margin: 25px 0;\"\u003eدرجة الحموضة 3.8 مظبوطة بدقة عشان تطابق الـ pKa بتاع حمض اللاكتيك. الرقم ده مهم جداً لأنه بيضمن التوازن الأمثل بين الملح والحمضية، وده اللي بيضمن وصول الحمض بكفاءة للبشرة وتحقيق تقشير فعال ممكن استخدامه يومياً.\u003c\/p\u003e\n \n \u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;\"\u003e\n \u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eتركيبة متوازنة للاستخدام اليومي\u003c\/h4\u003e\n \u003cp\u003eمش زي الأحماض التانية اللي تحتاج استخدام متقطع، حمض اللاكتيك في التركيبة دي مصمم عشان يكون لطيف كفاية للاستخدام اليومي مع فعالية قوية في نفس الوقت.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالمكونات النشطة\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredients-grid\"\u003e\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e🧪\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eحمض اللاكتيك (10%)\u003c\/h3\u003e\n \u003cp\u003eتقشير لطيف وفعال لسطح البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e💧\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eصوديوم هيالورونات\u003c\/h3\u003e\n \u003cp\u003eترطيب عميق ومكثف\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eالبيبربيري التازماني\u003c\/h3\u003e\n \u003cp\u003eتهدئة ومضاد للالتهابات\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eالجليسرين\u003c\/h3\u003e\n \u003cp\u003eترطيب إضافي وحماية لحاجز البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n \u003ch4\u003eالقائمة الكاملة للمكونات:\u003c\/h4\u003e\n \u003cp style=\"font-size: 0.9em; color: #666; line-height: 1.6;\"\u003eAqua (Water), Lactic Acid, Glycerin, Pentylene Glycol, Propanediol, Sodium Hydroxide, Sodium Hyaluronate Crosspolymer, Tasmannia Lanceolata Fruit\/Leaf Extract, Acacia Senegal Gum, Xanthan Gum, Isoceteth-20, Trisodium Ethylenediamine Disuccinate, Ethylhexylglycerin, 1,2-Hexanediol, Caprylyl Glycol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eطريقة الاستخدام للحصول على أفضل النتائج\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-grid\"\u003e\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-title\"\u003eالتوقيت المثالي ⏰\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0;\"\u003e\n \u003cli style=\"padding: 10px 0; border-bottom: 1px solid #f0f0f0;\"\u003e\u003cstrong\u003eاستخدميه مرة واحدة يومياً بالليل فقط\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli style=\"padding: 10px 0;\"\u003eابدأي بـ3 مرات في الأسبوع وزودي تدريجياً حسب تقبل بشرتك\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-title\"\u003eالطريقة الصحيحة 📋\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eنضفي وجهك كويس بالغسول المناسب\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eحطي طبقة رقيقة من المنتج على البشرة الجافة\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eتجنبي منطقة حوالين العينين\u003c\/li\u003e\n \u003cli data-step=\"4\"\u003eاستني 10-15 دقيقة ثم حطي المرطب\u003c\/li\u003e\n \u003cli data-step=\"5\"\u003e\u003cstrong\u003eلازم تستخدمي واقي شمس SPF 30+ في اليوم التالي\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003cdiv class=\"warning-card\"\u003e\n \u003ch4 class=\"warning-title\"\u003e⚠️ تحذيرات مهمة\u003c\/h4\u003e\n \u003cul class=\"warning-list\"\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!-- Skin Types Section --\u003e\n \u003cdiv class=\"skin-types-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eمناسب لكل أنواع البشرة\u003c\/h2\u003e\n \n \u003cdiv class=\"skin-types-grid\"\u003e\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة الجافة\u003c\/h3\u003e\n \u003cp\u003eالأنسب ليه بسبب خصائصه المرطبة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة العادية\u003c\/h3\u003e\n \u003cp\u003eهيديها نعومة ونضارة إضافية\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🎨\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة اللي فيها تصبغات\u003c\/h3\u003e\n \u003cp\u003eهيوحد لونها ويصفيها\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🪨\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة اللي تعاني من ملمس خشن\u003c\/h3\u003e\n \u003cp\u003eهيناعمها ويحسن ملمسها\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Results Section --\u003e\n \u003cdiv class=\"results-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالنتائج المتوقعة\u003c\/h2\u003e\n \n \u003cdiv style=\"text-align: center; margin: 30px 0;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Light_Blue_Natural_Cosmetics_Skin_Care_Instagram_Post_1_1024x1024.png?v=1636194582\" alt=\"Expected Results\" style=\"max-width: 400px; width: 100%; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1);\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"results-timeline\"\u003e\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cp\u003eملمس أنعم ونضارة واضحة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cp\u003eتحسن في المسام وتوحيد لون البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد شهر\u003c\/div\u003e\n \u003cp\u003eتقليل واضح في التصبغات والخطوط الدقيقة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد شهرين\u003c\/div\u003e\n \u003cp\u003eبشرة مجددة تماماً وأكثر شباباً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Before\/After Section --\u003e\n \u003cdiv class=\"before-after-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\" style=\"color: #9C8102;\"\u003eقبل وبعد\u003c\/h2\u003e\n \n \u003cdiv class=\"before-after-grid\"\u003e\n \u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/l6s6p07sab751_480x480.jpg?v=1636189193\" alt=\"Before After 1\" class=\"before-after-image\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/f05a2a5bee88c842c1f1c516736f0766_480x480.jpg?v=1636192405\" alt=\"Before After 2\" class=\"before-after-image\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SR_A__BA_2000x2000_300dpi_1800x1800_0b68a680-ec16-4050-a8b2-acf210aea6a8_480x480.jpg?v=1636195250\" alt=\"Before After 3\" class=\"before-after-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003cdiv class=\"animate-on-scroll\"\u003e\n \u003ch2 style=\"color: white; font-size: 2.2em; margin-bottom: 20px;\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.3em; margin: 25px 0; color: #d4af37;\"\u003eابدأي رحلتك نحو بشرة أحلامك بنفس السر اللي خلا كليوباترا أجمل ملكات التاريخ.\u003c\/p\u003e\n \u003cbutton class=\"cta-button\"\u003eاحصلي على السر الفرعوني الآن\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate comparison cards\n const comparisonObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.comparison-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.why-lactic-section').forEach(section =\u003e {\n comparisonObserver.observe(section);\n });\n\n \/\/ Animate benefits cards\n const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.benefit-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate ingredient cards\n const ingredientsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.ingredient-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.ingredients-section').forEach(section =\u003e {\n ingredientsObserver.observe(section);\n });\n\n \/\/ Animate skin type cards\n const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.skin-type-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n skinTypesObserver.observe(section);\n });\n\n \/\/ Animate result cards\n const resultsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.result-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.results-section').forEach(section =\u003e {\n resultsObserver.observe(section);\n });\n\n \/\/ CTA button interaction\n document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n const button = document.querySelector('.cta-button');\n button.style.animation = 'none';\n setTimeout(() =\u003e {\n button.style.animation = 'glow 2s infinite alternate';\n }, 100);\n });\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40124296298693,"sku":"INSTA0557CHIQ","price":740.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Theordinarylacticacid.jpg?v=1627189462"},{"product_id":"the-ordinary-hyaluronic-acid","title":"The ordinary حمض الهياليرونيك 2% | مرطب للبشرة | حشو التجاعيد والخطوط الدقيقة 30 مل","description":"\u003ch3 style=\"text-align: right;\" class=\"ql-align-right\" data-mce-style=\"text-align: right;\"\u003eالتجاعيد ليست مجرد خطوط، هي نداء استغاثة\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eبشرتك تستغيث لفقدان نضارتها، وكل يوم يمر دون علاج يزيد من عمق المشكلة ويصعب التراجع عنها.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eهل تعلمين أن التجاعيد المبكرة ليست تغييراً طبيعياً فحسب؟ بل هي دليل على تدهور حاجز الترطيب الحيوي في بشرتك. هذه الخطوط ليست مجرد علامات عابرة؛ إنها إنذارات بأن بشرتك بدأت تفقد قدرتها على الاحتفاظ بالرطوبة والمرونة. ومع كل يوم يمر دون ترطيب فعّال، تصبح هذه العلامات أعمق وأكثر صعوبة في المعالجة. تذكّري، التجاعيد تبدأ بالظهور عندما تفتقر البشرة إلى العناية المناسبة؛ وأي نقص في الترطيب يمكن أن يتحول إلى خطوط وتجاعيد لا تختفي بسهولة. امنحي بشرتك القوة التي تحتاجها مع حمض الهيالورونيك، واعيدي إليها حيويتها قبل فوات الأوان.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\u003e\u003cbr\u003e\"لماذا تترك بشرتك تُعاني من العطش؟\"\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eإذا كانت بشرتك تشعر بالجفاف وتفتقر إلى المرونة والنضارة، فإن ذلك لا يُؤثر فقط على مظهرك؛ بل يُضعف كذلك من قدرتها على مواجهة العوامل البيئية والشيخوخة المبكرة. الجفاف ليس مجرد حالة عابرة، بل هو عامل رئيسي يؤدي إلى ظهور الخطوط الدقيقة والبقع الباهتة وفقدان النعومة. هنا يأتي دور سيروم \u003cstrong\u003eحمض الهيالورونيك 2% + B5\u003c\/strong\u003e من \u003cstrong\u003eThe Ordinary\u003c\/strong\u003e؛ فهو ليس مجرد مرطب عادي، بل تركيبة علمية متقدمة تعمل بعمق لإعادة التوازن والترطيب لبشرتك من الداخل والخارج.\u003c\/p\u003e\n\u003ch3\u003eالعِلم وراء الترطيب العميق\u003c\/h3\u003e\n\u003cp\u003eيحتوي السيروم على \u003cstrong\u003e5 أنواع من حمض الهيالورونيك\u003c\/strong\u003e بأوزان جزيئية مختلفة، تسمح له بالوصول إلى طبقات متعددة من البشرة. تتضمن التركيبة أحماض منخفضة ومتوسطة وعالية الجزيئات، بالإضافة إلى \u003cstrong\u003eهيالورونيك أسيد كروس بوليمر\u003c\/strong\u003e و\u003cstrong\u003eهيالورونيك أسيد مُحلَّل\u003c\/strong\u003e. هذا التنوع الجزيئي يُتيح توزيع الرطوبة عبر جميع مستويات الجلد بشكل فعّال، مما يساعد على إعادة ملء المناطق الجافة ودعم مرونة البشرة واستعادة امتلائها.\u003c\/p\u003e\n\u003ch3\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3\u003eالسيراميدات: الحصن الأخير بين بشرتك وعوامل الشيخوخة\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eعندما ينهار حاجز البشرة، تبدأ بشرتك رحلة لا عودة نحو الجفاف وفقدان النضارة\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eبدون حاجز قوي، كل عدو لبشرتك سيغزوها بلا رحمة. \u003c\/strong\u003eالبشرة الطبيعية تحتوي على \u003cstrong\u003eالسيراميدات\u003c\/strong\u003e كجزء أساسي من الحاجز الواقي الذي يحتفظ بالرطوبة ويمنع فقدانها.\u003c\/p\u003e\n\u003cp\u003eعند قدان هذه السيراميدات يؤدي إلى انهيار حاجز البشرة و فقدان الرطوبة و النضارة و تعريض البشرة للعوامل البيئية المسببة للشيخوخة.  بدون هذا الدعم، يتحول الجلد إلى ساحة معركة، حيث تتسارع علامات الإجهاد والتقدم في السن. هل ستترك بشرتك مكشوفة وعرضة للتلف؟\u003c\/p\u003e\n\u003cp\u003eيحتوي السيروم على تركيز عالي من السيراميدات التي ستساعد بشرتك في استعادة درعها الوقائي ويمنع العوامل الضارة من التسلل لطبقات جلدك العميقة. \u003c\/p\u003e\n\u003ch3\u003eبانتينول (بروفيتامين B5): دعم إضافي \u003c\/h3\u003e\n\u003cp\u003eيتوفر في التركيبة أيضًا \u003cstrong\u003eبروفيتامين B5\u003c\/strong\u003e، الذي يُعزز تكوين العناصر الدهنية الأساسية التي تُحافظ على نعومة البشرة وترطيبها. لا يُقدم بانتينول فوائد الترطيب فقط، بل يُساهم في تقوية حاجز البشرة، مما يُقلل من فقدان الرطوبة ويساعد في الحفاظ على نضارة وإشراقة بشرتك بشكل مستمر.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eكل قطرة تُعيد بناء بشرتك من الداخل\u003c\/h3\u003e\n\u003cp\u003eبفضل هذه التركيبة العلمية المتقدمة، يُحقق السيروم نتائج فورية لترطيب البشرة، ويستمر مفعوله طويل الأمد ليُحافظ على نضارتها وتوهجها الطبيعي. تركيبة خفيفة القوام وجافة الملمس تجعل هذا السيروم خيارًا مثاليًا لجميع أنواع البشرة، خصوصًا لأولئك الذين يبحثون عن ترطيب فعّال دون الشعور باللزوجة.\u003c\/p\u003e\n\u003ch3 style=\"text-align: right;\" class=\"ql-align-right\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cstrong\u003eطريقة الاستخدام :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eضع بضع قطرات على الوجه في الصباح والمساء قبل الكريم.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eالحجم : 30 مل\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40124313272517,"sku":"INSTA0558CHIQ","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_60.jpg?v=1697108608"},{"product_id":"the-ordinary-buffet-anti-aging-serum-30ml","title":"The Ordinary سيروم تكنولوجيا الببتيدات و الهياليرونيك للبشرة | مضاد الشيخوخة | تجديد شامل للجلد","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n color: #333;\n line-height: 1.6;\n background-color: white;\n direction: rtl;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n }\n \n .subtitle {\n color: #9C8102;\n font-size: 22px;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .product-image:hover {\n transform: scale(1.02);\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .feature-card {\n background-color: white;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 5px 20px rgba(156, 129, 2, 0.15);\n }\n \n .feature-card-title {\n color: #9C8102;\n font-size: 18px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .info-box {\n background-color: #f8f8f8;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .grid-container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin: 30px 0;\n }\n \n .grid-item {\n flex: 1;\n min-width: 250px;\n }\n \n .usage-steps {\n margin: 30px 0;\n }\n \n .step {\n display: flex;\n margin-bottom: 20px;\n align-items: center;\n }\n \n .step-number {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n color: white;\n text-align: center;\n line-height: 30px;\n margin-left: 15px;\n flex-shrink: 0;\n }\n \n .step-content {\n flex: 1;\n }\n \n .step h4 {\n margin-bottom: 5px;\n color: #444;\n }\n \n .step p {\n font-size: 14px;\n color: #666;\n }\n \n .divider {\n height: 1px;\n background-color: #e0e0e0;\n margin: 40px 0;\n }\n \n .peptide-box {\n background-color: white;\n border-radius: 8px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n border-right: 4px solid #9C8102;\n }\n \n .peptide-name {\n color: #9C8102;\n font-size: 20px;\n margin-bottom: 12px;\n font-weight: 600;\n }\n \n .peptide-technical {\n color: #888;\n font-size: 14px;\n margin-bottom: 15px;\n font-style: italic;\n }\n \n .peptide-effect {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .ingredients-list {\n font-size: 14px;\n margin-top: 10px;\n color: #666;\n line-height: 1.5;\n }\n \n .stat-container {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin: 30px 0;\n }\n \n .stat-item {\n text-align: center;\n padding: 20px;\n width: 180px;\n margin: 10px;\n }\n \n .stat-number {\n font-size: 42px;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 5px;\n }\n \n .stat-label {\n font-size: 14px;\n color: #666;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003cdiv class=\"section\" id=\"section1\"\u003e\n \u003ch2 class=\"title\"\u003eاكتشاف ثوري في عالم العناية بالبشرة\u003c\/h2\u003e\n \u003cp class=\"description\"\u003e\"سيروم The Ordinary Multi-Peptide + HA\" ليس مجرد منتج عناية بالبشرة، بل هو معادلة متقدمة تغير الطريقة التي نفكر بها في صحة البشرة وتجديدها. هذه التركيبة المتطورة تجمع بين أحدث الابتكارات العلمية والمكونات النشطة الأكثر فاعلية، لتقدم لبشرتك كل ما تحتاجه لاستعادة شبابها وتألقها.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section2\"\u003e\n \u003ch2 class=\"title\"\u003eما هي الببتيدات ولماذا هي مهمة للبشرة؟\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eالببتيدات هي سلاسل قصيرة من الأحماض الأمينية، وتعتبر اللبنات الأساسية لبروتينات البشرة مثل الكولاجين والإيلاستين، وهما المسؤولان عن مظهر البشرة الشاب والمشدود. تعمل الببتيدات كجزيئات إشارة، تساعد على تحفيز إنتاج الكولاجين والبروتينات الأساسية الأخرى في البشرة.\u003c\/p\u003e\n \n \u003cp class=\"description\"\u003eيحتوي سيروم The Ordinary Multi-Peptide + HA على مزيج متطور من خمسة تقنيات ببتيدية مدروسة علمياً، بالإضافة إلى الأحماض الأمينية الصديقة للبشرة ومركبات حمض الهيالورونيك المتعددة. هذا المزيج القوي يساعد على تحسين مرونة البشرة وثباتها، وتقليل ظهور التجاعيد بشكل ملحوظ.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section3\"\u003e\n \u003ch2 class=\"title\"\u003eالببتيدات الموجودة في سيروم The Ordinary Multi-Peptide + HA\u003c\/h2\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eMatrixyl™ 3000\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكونات النشطة: palmitoyl tetrapeptide-7 و palmitoyl tripeptide-1\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eMatrixyl™ 3000 هو مركب ببتيدي مشهور يعمل على تحفيز إنتاج الكولاجين في البشرة. يساعد هذا المركب على تقليل ظهور الخطوط الدقيقة والتجاعيد من خلال دعم المكونات الهيكلية الرئيسية داخل البشرة. يُعد من أكثر مضادات الشيخوخة فعالية حيث يشجع البشرة على إنتاج المزيد من الكولاجين والإيلاستين، مما يساعد على ملء الخطوط الدقيقة والتجاعيد.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eMatrixyl™ synthe'6™\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكون النشط: palmitoyl tripeptide-38\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eيعمل Matrixyl™ synthe'6™ على تعزيز إنتاج ستة مكونات أساسية في مصفوفة الجلد، بما في ذلك الكولاجين والإيلاستين. يساعد هذا الببتيد المتطور على تحسين مرونة البشرة وتقليل عمق التجاعيد، خاصة في مناطق الجبهة والعينين. كما أنه يعمل على تحسين بنية وملمس البشرة بشكل عام، مما يعزز مظهرها الشاب والمشدود.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eSYN™-AKE\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكون النشط: dipeptide diaminobutyroyl benzylamide diacetate\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eSYN™-AKE هو ببتيد متطور يحاكي تأثير سم الأفعى، حيث يعمل على تثبيط إطلاق الناقلات العصبية التي تسبب تقلصات العضلات. يساعد هذا على استرخاء عضلات الوجه وتقليل ظهور \"الخطوط الديناميكية\" التي تتشكل عند تعبيرات الوجه المتكررة مثل الابتسام أو العبوس. هذا الببتيد فعال بشكل خاص في تقليل خطوط الجبهة وحول العينين، مما يمنح البشرة مظهراً أكثر نعومة واسترخاءً.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eARGIRELOX™\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكونات النشطة: acetyl hexapeptide-8 (Argireline) و pentapeptide-18\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eARGIRELOX™ هو مركب ببتيدي مزدوج يجمع بين قوة Argireline وببتيد Leuphasyl. يعمل بطريقة مشابهة للبوتوكس ولكن بدون الحقن، حيث يثبط الإشارات العصبية التي تسبب انقباض العضلات. هذا المركب فعال بشكل خاص في تقليل ظهور خطوط التعبير والتجاعيد الديناميكية في مناطق الجبهة وبين الحاجبين وحول العينين. الدراسات أظهرت أن الجمع بين هذين الببتيدين يحقق نتائج أفضل من استخدام كل منهما على حدة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eRELISTASE™\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكون النشط: acetylarginyltryptophyl diphenylglycine\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eRELISTASE™ هو ببتيد متخصص يعمل على تحسين مرونة البشرة وثباتها. يركز هذا الببتيد على تعزيز إنتاج الإيلاستين وحماية الألياف المرنة في البشرة، مما يساعد على مكافحة الترهل وتحسين شد البشرة. كما أنه يعزز تركيب الكولاجين ويحمي الألياف الموجودة من التكسر، مما يؤدي إلى بشرة أكثر ثباتاً وشباباً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section4\"\u003e\n \u003ch2 class=\"title\"\u003eحمض الهيالورونيك: الشريك المثالي للببتيدات\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eيحتوي سيروم Multi-Peptide + HA على مركبات متعددة من حمض الهيالورونيك، الذي يعتبر مرطباً قوياً للبشرة. حمض الهيالورونيك ليس كأي مكون ترطيب عادي؛ إنه \u003cstrong\u003eمغناطيس جزيئي فائق القدرة يمكنه امتصاص كمية من الماء تصل إلى 1000 ضعف وزنه\u003c\/strong\u003e.\u003c\/p\u003e\n \n \u003cp class=\"description\"\u003eبفضل جزيئاته المختلفة الأحجام، يمكن لحمض الهيالورونيك في هذا السيروم اختراق طبقات البشرة المختلفة، مما يوفر ترطيباً عميقاً ومستداماً. هذا الترطيب العميق يساعد على:\u003c\/p\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eفوائد حمض الهيالورونيك في السيروم:\u003c\/h3\u003e\n \u003cul\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 \u003cli\u003eتحسين امتصاص المكونات النشطة الأخرى\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n \u003ch2 class=\"title\"\u003eرحلة تجديد البشرة مع سيروم Multi-Peptide + HA\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eاستمتعي بتجربة تحول البشرة مع الاستخدام المنتظم. مع كل مرحلة، تزداد البشرة شباباً ونضارة وإشراقاً!\u003c\/p\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-track\"\u003e\n \u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-markers\"\u003e\n \u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eفوري - أسبوع 1\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 2-4\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 5-8\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 9-12\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n \u003ch3\u003eفوري - الأسبوع الأول: ترطيب عميق واسترخاء\u003c\/h3\u003e\n \u003cp\u003eتبدأ النتائج الفورية بفضل حمض الهيالورونيك وببتيدات SYN-AKE و ARGIRELOX التي تعمل على ترطيب البشرة واسترخاء عضلات الوجه.\u003c\/p\u003e\n \u003cul\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 \n \u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n \u003ch3\u003eالأسبوع 2-4: تحسن ملمس البشرة وإشراقها\u003c\/h3\u003e\n \u003cp\u003eتبدأ الببتيدات مثل Matrixyl 3000 و Matrixyl Synthe'6 بتحفيز إنتاج الكولاجين، مما يؤدي إلى تحسن تدريجي في مرونة البشرة ونعومتها.\u003c\/p\u003e\n \u003cul\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 \n \u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n \u003ch3\u003eالأسبوع 5-8: تحسن ملحوظ في علامات الشيخوخة\u003c\/h3\u003e\n \u003cp\u003eمع استمرار استخدام السيروم، يزداد إنتاج الكولاجين والإيلاستين، مما يؤدي إلى تحسن أكبر في مظهر التجاعيد ومرونة البشرة.\u003c\/p\u003e\n \u003cul\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 \n \u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n \u003ch3\u003eالأسبوع 9-12: النتائج الكاملة والتجديد الشامل\u003c\/h3\u003e\n \u003cp\u003eبعد 3 أشهر من الاستخدام المنتظم، تصل الببتيدات وحمض الهيالورونيك إلى ذروة فعاليتها في تجديد البشرة ومكافحة علامات الشيخوخة.\u003c\/p\u003e\n \u003cul\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 \u003cli\u003eتحسن شامل في مظهر وصحة البشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section5\"\u003e\n \u003ch2 class=\"title\"\u003eمميزات فريدة لسيروم The Ordinary Multi-Peptide + HA\u003c\/h2\u003e\n \n \u003cdiv class=\"grid-container\"\u003e\n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eتركيبة شاملة متعددة الفوائد\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eيجمع بين 5 تقنيات ببتيدية متطورة في منتج واحد\u003c\/li\u003e\n \u003cli\u003eيستهدف جميع علامات الشيخوخة في آن واحد\u003c\/li\u003e\n \u003cli\u003eيعالج الخطوط الدقيقة، التجاعيد، فقدان المرونة، وعدم تناسق لون البشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eتركيز عالي من المكونات النشطة\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eيحتوي على 25.1% من التقنيات النشطة بالوزن\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 \n \u003cdiv class=\"grid-container\"\u003e\n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eتركيبة مائية خفيفة\u003c\/h3\u003e\n \u003cul\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 \n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eمناسب لجميع أنواع البشرة\u003c\/h3\u003e\n \u003cul\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 \n \u003cdiv class=\"stat-container\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eتقنيات ببتيدية متطورة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e25.1%\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eنسبة المكونات النشطة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e12\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eأسبوع للنتائج الكاملة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eمناسب لجميع أنواع البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section6\"\u003e\n \u003ch2 class=\"title\"\u003eطريقة الاستخدام المثلى\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eنظفي بشرتك\u003c\/h4\u003e\n \u003cp\u003eابدئي بتنظيف البشرة جيداً وتجفيفها برفق\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eضعي بضع قطرات\u003c\/h4\u003e\n \u003cp\u003eوزعي بضع قطرات من السيروم على البشرة النظيفة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eاستخدميه مرتين يومياً\u003c\/h4\u003e\n \u003cp\u003eيستخدم مرتين يومياً، صباحاً ومساءً، للحصول على أفضل النتائج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eأتبعيه بمرطب\u003c\/h4\u003e\n \u003cp\u003eللحصول على ترطيب مثالي، ضعي مرطبك المفضل بعد امتصاص السيروم\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eملاحظات هامة للاستخدام:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتجنبي استخدام السيروم مع الأحماض المباشرة مثل حمض الجليكوليك أو حمض اللاكتيك في نفس الروتين\u003c\/li\u003e\n \u003cli\u003eتجنبي استخدامه مع منتجات فيتامين C (حمض الأسكوربيك) في نفس الروتين\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\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section7\"\u003e\n \u003ch2 class=\"title\"\u003eجميع المكونات\u003c\/h2\u003e\n \u003cdiv class=\"info-box\"\u003e\n \u003cp class=\"ingredients-list\"\u003e\n Aqua (Water), Glycerin, Lactococcus Ferment Lysate, Acetyl Hexapeptide-8, Pentapeptide-18, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7, Palmitoyl Tripeptide-38, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Acetylarginyltryptophyl Diphenylglycine, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate, Allantoin, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Arginine, Aspartic Acid, Trehalose, Fructose, Glucose, Maltose, Urea, Sodium PCA, PCA, Sodium Lactate, Citric Acid, Hydroxypropyl Cyclodextrin, Sodium Chloride, Sodium Hydroxide, Butylene Glycol, Pentylene Glycol, Acacia Senegal Gum, Xanthan Gum, Carbomer, Polysorbate 20, PPG-26-Buteth-26, PEG-40 Hydrogenated Castor Oil, Trisodium Ethylenediamine Disuccinate, Ethoxydiglycol, Sodium Benzoate, Caprylyl Glycol, Ethylhexylglycerin, Phenoxyethanol, Chlorphenesin.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40836991254725,"sku":"INSTA0586CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_multipeptide_ha_serum.jpg?v=1734971193"},{"product_id":"the-ordinary-retinol-0-2","title":"The ordinary retinol in squalene serum","description":"\u003cdiv class=\"ordinary-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ordinary-hero\"\u003e\n\u003cdiv class=\"ordinary-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eالزمن لا ينتظر أحداً... لكن بشرتك لا يجب أن تخضع له\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eكل صباح، تكشف لك المرآة الحقيقة: الزمن يترك بصمته على الجميع. لكن ماذا لو كان بإمكانك إعادة كتابة تلك القصة؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Science Intro --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eعلم إعادة عقارب الزمن\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eيكمن في التركيب الجزيئي للريتينول قدرة مذهلة - قوة التواصل المباشر مع خلايا بشرتك، وتوجيهها للتصرف كما كانت تفعل في شبابها. هذه ليست مبالغات تسويقية؛ إنها حقائق بيولوجية علمية.\u003c\/p\u003e\n\u003cdiv class=\"product-title\"\u003e\n\u003ch2\u003eذا أوردينري ريتينول 0.5% في السكوالين: الأداة الدقيقة لتجديد البشرة\u003c\/h2\u003e\n\u003cp\u003eيعلم العلماء منذ فترة طويلة أن الريتينول هو المعيار الذهبي للتحول الملموس في البشرة. ما يميز هذه التركيبة هو \u003cstrong\u003eدقتها السريرية\u003c\/strong\u003e - تركيز مُعاير بعناية بنسبة 0.5% معلق في السكوالين المطابق لتركيبة البشرة الطبيعية. هذا ليس مجرد منتج؛ إنه اختراق علمي متاح في زجاجة قطارة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eالتناغم الجزيئي الذي يحول البشرة\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"molecule-animation\"\u003e\n\u003cdiv class=\"atom atom1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالريتينول: المُرسال الخلوي\u003c\/h3\u003e\n\u003cp\u003eالريتينول ليس مجرد مكون؛ إنه رسول بيولوجي يقوم بـ:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eتسريع تجديد الخلايا بنسبة \u003cspan class=\"counter\" data-target=\"50\"\u003e50\u003c\/span\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\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالسكوالين: الدرع الحيوي المحاكي\u003c\/h3\u003e\n\u003cp\u003eتنتج بشرتك السكوالين بشكل طبيعي، لكن الإنتاج ينخفض بنحو 10% كل عقد بعد سن الـ30. تعيد هذه التركيبة تزويد البشرة بشكل نقي ومستقر من السكوالين الذي:\u003c\/p\u003e\n\u003cul class=\"benefits-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!-- Timeline Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eالمراحل الزمنية للتحول\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eبينما تَعِد العديد من المنتجات بمعجزات بين ليلة وضحاها، فإن التحول الحقيقي للبشرة يتبع مسارًا علميًا:\u003c\/p\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eالأسبوع 1-2\u003c\/h3\u003e\n\u003cp\u003eاستيقاظ خلوي أولي؛ قد يحدث تقشر طفيف مع بداية التسارع\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eالأسبوع 3-4\u003c\/h3\u003e\n\u003cp\u003eتنعيم ملحوظ للخطوط الدقيقة، خاصة حول العينين والفم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eالأسبوع 5-8\u003c\/h3\u003e\n\u003cp\u003eتحسن ملحوظ في ملمس البشرة وتوحيد لونها\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eالأسبوع 9-12\u003c\/h3\u003e\n\u003cp\u003eإعادة هيكلة كبيرة لمظهر البشرة؛ انخفاض وضوح الخطوط العميقة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eما الذي يميز هذه التركيبة عن منتجات الريتينول الأخرى\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eعلم الريتينول ليس جديدًا، لكن توصيله بفعالية هو التحدي الحقيقي. معظم التركيبات تفشل في إحدى المجالات الثلاثة الحاسمة:\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالثبات\u003c\/h3\u003e\n\u003cp\u003eيتدهور الريتينول بسرعة عند تعرضه للضوء والهواء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالتوصيل\u003c\/h3\u003e\n\u003cp\u003eبدون ناقلات مناسبة، يكافح الريتينول للوصول إلى ما بعد الطبقات السطحية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالتحمل\u003c\/h3\u003e\n\u003cp\u003eمعدلات التهيج العالية تؤدي إلى توقف الاستخدام قبل ظهور النتائج\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eتعالج تركيبة ذا أوردينري الخالية من الماء والمعتمدة على السكوالين التحديات الثلاثة مباشرة، مع الحفاظ على السلامة الجزيئية حتى لحظة الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch3 class=\"accent-text\"\u003eتركيبة متقدمة بسعر استثنائي\u003c\/h3\u003e\n\u003cp\u003eهذه ليست مجرد عناية بالبشرة - إنها كيمياء حيوية تطبيقية بأنقى أشكالها. تحتوي كل زجاجة على التركيز الدقيق اللازم للحصول على نتائج ملموسة دون مواد مالئة أو عطور أو إضافات تسويقية غير ضرورية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eعلاقتك مع الزمن: تم إعادة تعريفها\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eالمرآة لا تكذب - لكنها تعكس الاختيارات. كل ليلة تطبق فيها هذا السيروم تمثل قرارًا للتعامل مع علم تجديد البشرة بدلاً من قبول مرور الوقت كأمر حتمي.\u003c\/p\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch3 class=\"accent-text\"\u003eللحصول على أفضل النتائج:\u003c\/h3\u003e\n\u003cul class=\"instruction-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eابدأ بكمية صغيرة (3-4 قطرات) في روتينك المسائي\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eضعه على بشرة نظيفة وجافة قبل المرطبات الثقيلة\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eاستخدم دائمًا واقي الشمس في اليوم التالي\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eاحفظه في الثلاجة بعد الفتح\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eفكر في البدء بتركيز 0.2% إذا كنت جديدًا على الريتينويدات\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eغير موصى به أثناء الحمل أو الرضاعة الطبيعية، أو مع ريتينويدات أخرى\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ordinary-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eالخيار العلمي للتحول الملموس\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eذا أوردينري ريتينول 0.5% في السكوالين – لأن العناية الفعالة بالبشرة لا تتعلق بادعاءات المعجزات. بل تتعلق بمكونات مثبتة علميًا بتركيزات دقيقة.\u003c\/p\u003e\n\u003cp class=\"cta-subtitle\"\u003e\u003cstrong\u003eالساعة البيولوجية لبشرتك تدق. الوقت لإعادة ضبطها هو الآن.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eاطلب الآن\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.ordinary-product-container {\n \n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: rtl;\n background-color: #fafafa;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n.section-line {\n height: 2px;\n width: 60px;\n background-color: #9C8102;\n margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.ordinary-hero {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n margin-bottom: 60px;\n gap: 40px;\n}\n\n.ordinary-hero-content {\n flex: 1;\n}\n\n.ordinary-hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-subtitle {\n font-size: 1.3rem;\n line-height: 1.6;\n color: #555;\n}\n\n.product-image-container {\n flex: 1;\n position: relative;\n}\n\n.product-image {\n text-align: center;\n position: relative;\n z-index: 2;\n}\n\n.product-image:after {\n content: '';\n position: absolute;\n width: 80%;\n height: 80%;\n background-color: rgba(156, 129, 2, 0.1);\n right: 40px;\n bottom: -20px;\n z-index: 1;\n border-radius: 10px;\n}\n\n.main-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.main-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 60px;\n padding: 20px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.section-header {\n margin-bottom: 30px;\n}\n\n.section-header h2 {\n font-size: 1.8rem;\n margin-bottom: 5px;\n}\n\n.product-title {\n margin: 40px 0;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 10px;\n text-align: center;\n}\n\n.product-title h2 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n color: #9C8102;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 30px;\n}\n\n.ingredient-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.ingredient-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-icon {\n width: 60px;\n height: 60px;\n margin-bottom: 20px;\n position: relative;\n}\n\n.ingredient-card h3 {\n margin-bottom: 15px;\n font-size: 1.4rem;\n}\n\n\/* Molecule Animation *\/\n.molecule-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.atom {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #9C8102;\n opacity: 0.8;\n}\n\n.atom1 {\n top: 0;\n left: 20px;\n animation: pulse 2s infinite;\n}\n\n.atom2 {\n top: 30px;\n left: 0;\n animation: pulse 2s infinite 0.5s;\n}\n\n.atom3 {\n top: 30px;\n left: 40px;\n animation: pulse 2s infinite 1s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n 100% { transform: scale(1); }\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.droplet {\n position: absolute;\n top: 0;\n left: 15px;\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.8; }\n 80% { top: 30px; opacity: 0.8; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Benefits List *\/\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin-top: 15px;\n}\n\n.benefits-list li {\n padding: 10px 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n position: relative;\n padding-right: 25px;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 0;\n top: 10px;\n font-size: 1.2rem;\n}\n\n.benefits-list li:last-child {\n border-bottom: none;\n}\n\n\/* Counter Style *\/\n.counter {\n color: #9C8102;\n font-weight: bold;\n display: inline-block;\n min-width: 2rem;\n text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline {\n position: relative;\n margin: 40px 0;\n padding-right: 40px;\n}\n\n.timeline:before {\n content: '';\n position: absolute;\n top: 0;\n right: 10px;\n height: 100%;\n width: 2px;\n background: #9C8102;\n}\n\n.timeline-item {\n position: relative;\n margin-bottom: 40px;\n}\n\n.timeline-marker {\n position: absolute;\n top: 5px;\n right: -40px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.timeline-item:hover .timeline-marker {\n transform: scale(1.2);\n box-shadow: 0 0 0 6px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content {\n background: #f9f9f9;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.timeline-item:hover .timeline-content {\n transform: translateX(-10px);\n}\n\n.timeline-content h3 {\n color: #9C8102;\n margin-bottom: 10px;\n font-size: 1.2rem;\n}\n\n\/* Comparison Section *\/\n.comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n margin: 30px 0;\n}\n\n.comparison-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n padding-top: 50px;\n}\n\n.comparison-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.comparison-number {\n position: absolute;\n top: -15px;\n right: 20px;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.5rem;\n font-weight: bold;\n}\n\n.comparison-card h3 {\n margin-bottom: 10px;\n font-size: 1.3rem;\n}\n\n.highlighted-text {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n margin: 30px 0;\n border-right: 4px solid #9C8102;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.value-proposition {\n margin-top: 40px;\n padding: 20px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 10px;\n text-align: center;\n}\n\n.value-proposition h3 {\n margin-bottom: 15px;\n font-size: 1.5rem;\n}\n\n\/* Usage Instructions *\/\n.usage-instructions {\n margin-top: 30px;\n}\n\n.instruction-list {\n list-style-type: none;\n padding: 0;\n}\n\n.instruction-list li {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.instruction-list li:last-child {\n border-bottom: none;\n}\n\n.instruction-icon {\n width: 35px;\n height: 35px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.instruction-text {\n flex: 1;\n}\n\n.warning-text {\n margin-top: 30px;\n padding: 15px;\n background-color: #fff6e8;\n border-radius: 10px;\n border-right: 4px solid #e8a317;\n color: #8B4513;\n}\n\n\/* CTA Section *\/\n.ordinary-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-top: 40px;\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.2rem;\n margin-bottom: 15px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cta-subtitle {\n font-size: 1.3rem;\n margin-bottom: 30px;\n color: #555;\n}\n\n.cta-button {\n padding: 15px 40px;\n background-color: #9C8102;\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .ordinary-hero {\n flex-direction: column;\n }\n \n .ingredients-container, .comparison-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline {\n padding-right: 30px;\n }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40837000331461,"sku":"INSTA0589CHIQ","price":780.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/The-Ordinary-Retinol-1_-in-Squalane.jpg?v=1682325031"},{"product_id":"the-ordinary-mandelic-acid","title":"The ordinary حمض مندليك 10% للتقشير الخفيف","description":"\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eيوفر حمض الماندليك 10٪ + HA تقشير جلدي سطحي ألطف من أحماض ألفا هيدروكسي الأخرى. الوزن الجزيئي لحمض الماندليك هو 152.1 دالتون وهو أكبر من أحماض ألفا هيدروكسي الأخرى (حمض الجليكوليك 76.0 دالتون ، على سبيل المثال). يسمح هذا الحجم الأكبر لحمض المندليك باختراق الجلد بشكل أبطأ مما يجعله بدوره لطيفًا جدًا ومناسبًا لجميع أنواع البشرة. لا تحتاج إلى تركيز أكثر من 10٪ ، لأنك ستحصل ببساطة على قوة تقشير غير مباشرة يتم تقديمها بسهولة أكبر من خلال نسب أقل من حمض الجليكوليك.\u003cbr\u003e\u003cbr\u003eموانع الاستعمال: لا ينبغي استخدام هذه الصيغة على البشرة الحساسة أو المتقشرة أو المعرضة للخطر. يرجى الرجوع إلى ملاحظة الحماية الإضافية من أشعة الشمس والتحذيرات الأخرى في الإرشادات المتوفرة.\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eالوصف: تركيبة حمض المندليك بنسبة 10 في المائة توفر تقشيرًا لطيفًا.\u003cbr\u003e\u003cbr\u003eنوع البشرة: العادية والجافة والمختلطة والدهنية\u003cbr\u003e\u003cbr\u003eمخاوف العناية بالبشرة: البهتان والتصبغات والخطوط الدقيقة والتجاعيد وحب الشباب والعيوب\u003cbr\u003e\u003cbr\u003eالمكونات البارزة:\u003cbr\u003e- حمض الماندليك: يوفر تقشير جلدي سطحي وهو ألطف من أحماض ألفا هيدروكسي الأخرى.\u003cbr\u003e\u003cbr\u003eالمكونات: خالية من الكبريتات SLS و SLES ، البارابين ، الفورمالديهايد ، عوامل إطلاق الفورمالديهايد ، الفثالات ، الزيوت المعدنية ، ريتينيل بالميتات ، أوكسي بنزون ، قطران الفحم ، الهيدروكينون ، التريكلوسان ، والتريكلوكاربان ، وتحتوي على أقل من واحد بالمائة من العطور الاصطناعية. هذا المنتج نباتي أيضًا وخالٍ من القسوة وخالٍ من الغلوتين.\u003cbr\u003e\u003cbr\u003eما الذي تحتاج إلى معرفته أيضًا: يسمح الحجم الجزيئي الأكبر لصيغة التقشير السطحي لحمض الماندليك هذا لحمض الماندليك باختراق الجلد بشكل أبطأ.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":41072801415365,"sku":"","price":510.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/miswag_beO2hh.jpg?v=1641996364"},{"product_id":"كولاجرا-هيالرونيك-اسيد-1-5-b5-30-مل","title":"كولاجرا هيالرونيك اسيد % 1.5 +B5 30 مل","description":"\" يساعد سيرم حمض الهيالورونيك %1.5 +B5 على ترطيب البشرة وإصلاحها عن طريق الحفاظ على نسبة الماء داخل الجلد و استعادة مرونة البشرة.\u003cbr data-mce-fragment=\"1\"\u003e• تركيبة فريدة لترطيب وإعادة امتلاء البشرة. يحتوي على حمض الهيالورونيك النقي وفيتامين B5 يملأ ويصلح حاجز البشرة\u003cbr data-mce-fragment=\"1\"\u003eتستعيد البشرة فورًا ليونة وصحة ونضارة. \u003cbr data-mce-fragment=\"1\"\u003e\"\u003cbr data-mce-fragment=\"1\"\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":41396006584517,"sku":"","price":299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1_19.jpg?v=1652366170"},{"product_id":"dermatique-vtiamin-c-10","title":"Dermatique Vitamin C Serum 10% 1+1 عرض","description":"\u003cp\u003eهل تعانين من بشرة باهتة وتعبانة تبدو عليها علامات التعب والتقدم في العمر؟ تشعرين بأن بشرتك تحتاج إلى تجديد وترطيب بعمق؟\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/image_0AP_480x480.png?v=1682951736\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eمع فيتامين سي النقي بتركيز 10٪ في سيرومنا الجديد، يمكنك الحصول على بشرة مشرقة ونضرة في غضون أيام قليلة. فهو يحتوي على مضادات الأكسدة الفعالة التي تعمل على تفتيح البشرة وتقليل ظهور التجاعيد والخطوط الدقيقة. كما يعمل الفيتامين سي على تحفيز إنتاج الكولاجين والإيلاستين في البشرة لتحسين مرونتها وشدّها.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\"\u003e\n\u003cdiv class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\"\u003e\n\u003cdiv class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col gap-3\"\u003e\n\u003cdiv class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap break-words\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cp\u003eاستخدمي سيروم فيتامين سي 10٪ يوميًا للحصول على بشرة مشرقة ونضرة ومتألقة بصحة وحيوية، وتخلّصي من علامات التعب والتقدم في العمر.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex justify-between lg:block\"\u003e\n\u003cdiv class=\"text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082339356869,"sku":"","price":480.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_18.jpg?v=1682952621"},{"product_id":"lightening-hyaluronic-acid-serum-offer","title":"Dermatique Lightening Hyaluronic Acid Serum 1+1 عرض","description":"\u003cp\u003eسيروم حمض الهيالورونيك المفتح 30 مل\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eيفتح البشرة، يرطب البشرة\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_184502_1024x1024.png?v=1682956025\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eهو سيروم غني و ملئ بالمضادات الأكسدة لتوهج البشرة، إعادة الامتلاء، و رطوبة البشرة الجافة . يعمل كمحفز كبير للترطيب حيث يحفظ رطوبة البشرة و يبقيها رطبة ممتلئة طوال اليوم.\u003c\/p\u003e\n\u003cp\u003eغني بمكونات تفتيح البشرة ومكافحة الشيخوخة، بما في ذلك الكولاجين وفيتامين C و E لإعادة ترميم توهج البشرة الشابة وتحسين مرونتها وثباتها. تركيبة غنية بفيتامين B5 لترك البشرة ناعمة ومرطبة للمس.\u003c\/p\u003e\n\u003cp\u003e*تقنية بشرة حساسة Inhipase ™ لتناسب أكثر أنواع البشرة حساسية.\u003c\/p\u003e\n\u003cp\u003e*مركب مضاد للتلوث Pollushield ™.\u003c\/p\u003e\n\u003cp\u003e*امتصاص سريع.\u003c\/p\u003e\n\u003cp\u003e*لا يسبب حساسية الحساسية. لا يسد المسام.\u003c\/p\u003e\n\u003cp\u003e*خالي من البارابين والهيدروكينون.\u003c\/p\u003e\n\u003cp\u003eالاتجاهات:\u003c\/p\u003e\n\u003cp\u003eضع(ضغطة واحدة) مرتين يومياً، صباحًا ومساءً، على وجه نظيف  مع تجنب منطقة العين. دلكي البشرة بلطف. للحصول على الترطيب الأمثل، يوصى بتطبيق مرطب بعد 5 دقائق.\u003c\/p\u003e\n\u003cp\u003eالاحتياطات:\u003c\/p\u003e\n\u003cp\u003eللاستخدام الخارجي فقط. تجنب ملامسة العينين. يحفظ بعيدًا عن متناول الأطفال، في مكان بارد وجاف بعيداً عن الحرارة المباشرة أو أشعة الشمس.\u003c\/p\u003e\n\u003cp\u003eالمكونات:\u003c\/p\u003e\n\u003cp\u003eحمض الهيالورونيك، فيتامين E، بانثينول، كولاجين بحري، فيتامين C، سيراميد، مستخلص الصبار\u003c\/p\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082346074309,"sku":"","price":480.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoistureco_7.jpg?v=1677779939"},{"product_id":"عرض-1-1-كولاجرا-هيالرونيك-اسيد-1-5-b5-30-مل","title":"عرض 1+1 كولاجرا هيالرونيك اسيد % 1.5 +B5 30 مل","description":"\" يساعد سيرم حمض الهيالورونيك %1.5 +B5 على ترطيب البشرة وإصلاحها عن طريق الحفاظ على نسبة الماء داخل الجلد و استعادة مرونة البشرة.\u003cbr data-mce-fragment=\"1\"\u003e• تركيبة فريدة لترطيب وإعادة امتلاء البشرة. يحتوي على حمض الهيالورونيك النقي وفيتامين B5 يملأ ويصلح حاجز البشرة\u003cbr data-mce-fragment=\"1\"\u003eتستعيد البشرة فورًا ليونة وصحة ونضارة. \u003cbr data-mce-fragment=\"1\"\u003e\"\u003cbr data-mce-fragment=\"1\"\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":42093447872709,"sku":"","price":319.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_12.jpg?v=1678362155"},{"product_id":"kolagra-vitamin-c-serum","title":"عرض 1+1 كولاجرا سيرم فيتامين سي بتكنولوجيا الليبوسوم 50 مل","description":"كولاجرا سيروم الجلد الغني بفيتامين C ليبو سومال تكنولوجي مع حمض الهيالورينك وفيتامين E والكولاجين و الرتينول التي تعانى من جفاف وتصبغات وارهاق وفقدان المرونة في الجلد معبأ في مضخة مصمتة لزيادة عمر التخزين ومنع أكسدة فيتامين C ويمكن استخدامه بمفرده كمضاد للأكسدة ومرطب أومع منتجات التفتيح الأخرى أو بعد الليزر\u003cbr data-mce-fragment=\"1\"\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":42093528023237,"sku":"","price":378.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_17.jpg?v=1678364715"},{"product_id":"nanotreat-niacinamide-serum","title":"نانو تريت | سيروم النياسيناميد 12% مع الزنك 2% 30 مل | تفتيح | ترطيب | نضارة | تصغير المسام","description":"\u003cstyle\u003e\n .nanotreat-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nano\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nano)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: right;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"nanotreat-niacinamide-container\"\u003e\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eNanotreat Niacinamide Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eبشرة دهنية خارجة عن السيطرة؟ مسام واسعة وحبوب مستمرة؟ \u003cstrong\u003eالمشكلة تحتاج تقنية نانو متقدمة!\u003c\/strong\u003e سيروم Nanotreat للنياسيناميد بتقنية النانو يخترق أعمق طبقات البشرة ويحلل \u003cstrong\u003eمشاكل البشرة الدهنية من الجذور\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=Nanotreat+Niacinamide\" alt=\"Nanotreat Niacinamide Serum\" class=\"product-image\"\u003e\n \n \u003ch2 class=\"product-name\"\u003eNanotreat Niacinamide Serum - تقنية النانو المتقدمة\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n سيروم النياسيناميد بتقنية النانو من Nanotreat لاختراق أعمق وتأثير أقوى على البشرة الدهنية والمختلطة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eقوة النانو المضاعفة\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚗️\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقنية النانو المتقدمة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eجزيئات نانو تخترق أعمق طبقات البشرة لتأثير مضاعف\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eاستهداف دقيق للمسام\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيصل للمسام العميقة وينظفها من الداخل\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتنظيم فائق للدهون\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيتحكم في إفراز الدهون بفعالية أكبر من المنتجات العادية\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eمكافحة الحبوب المتقدمة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيمنع تكوين الحبوب ويعالج الموجود منها\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتفتيح سريع للبقع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيفتح آثار الحبوب والبقع بسرعة أكبر\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eامتصاص فوري\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتقنية النانو تضمن امتصاص فوري وعمل مستمر\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف تعمل تقنية النانو؟\u003c\/h2\u003e\n \n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eاختراق النانو\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e95%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eمعدل اختراق أعلى من المنتجات العادية\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eجزيئات نانومترية تخترق الطبقات العميقة فوراً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتنظيم الدهون المتقدم\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e78%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في إفراز الدهون خلال 3 أسابيع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيصل لخلايا الغدد الدهنية وينظم نشاطها مباشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتأثير مستمر 24 ساعة\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e24h\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eإطلاق تدريجي للمكونات النشطة\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eتقنية النانو تضمن عمل مستمر طوال اليوم\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة سريرية على تقنية النانو - 200 مشارك لمدة 10 أسابيع\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eتجارب العملاء مع تقنية النانو\u003c\/h2\u003e\n \n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ قوة التقنية المتقدمة:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e94% من العملاء\u003c\/strong\u003e لاحظوا تحسن أسرع من المنتجات العادية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e89% شافوا\u003c\/strong\u003e تقليل ملحوظ في حجم المسام خلال أسبوعين\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e85% أكدوا\u003c\/strong\u003e تحكم ممتاز في الدهون واللمعان\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e91% هيفضلوا\u003c\/strong\u003e Nanotreat على المنتجات الأخرى\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ اعتبارات الاستخدام:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eالسعر أعلى\u003c\/strong\u003e من منتجات النياسيناميد العادية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e20% من المستخدمين\u003c\/strong\u003e احتاجوا تقليل التكرار في البداية بسبب القوة العالية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 الخلاصة:\u003c\/h4\u003e\n \u003cp\u003eتقنية متقدمة بنتائج استثنائية. \u003cstrong\u003eفعالية أعلى وسرعة أكبر\u003c\/strong\u003e في علاج مشاكل البشرة الدهنية. \u003cstrong\u003eيستحق الاستثمار\u003c\/strong\u003e لمن يريد أحدث التقنيات في العناية بالبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التقنية المتقدمة\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالاختراق الفوري\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eامتصاص فوري وتأثير مباشر\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل واضح في لمعان البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eشعور بنظافة أعمق للمسام\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 2-4\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتحكم المتقدم\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل ملحوظ في حجم المسام\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحكم ممتاز في إفراز الدهون\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن واضح في ملمس البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 6-10\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالنتائج المتقدمة\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبشرة متوازنة خالية من المشاكل\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eمسام أصغر وأقل وضوحاً\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\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!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide (Nano-encapsulated), Zinc PCA, Glycerin, Sodium Hyaluronate, Panthenol, Allantoin, Propanediol, Hydroxyethylcellulose, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشف قوة تقنية النانو\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eNanotreat Niacinamide Serum\u003c\/strong\u003e\u003cbr\u003e\n تقنية النانو المتقدمة لبشرة مثالية خالية من المشاكل\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"ما الفرق بين Nanotreat والنياسيناميد العادي؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تقنية النانو في Nanotreat تضمن اختراق أعمق للبشرة وامتصاص أفضل، مما يعطي نتائج أسرع وأكثر فعالية.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"هل تقنية النانو آمنة للاستخدام اليومي؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"نعم، آمنة تماماً. قد تحتاج للبدء بالاستخدام يوم بعد يوم بسبب الفعالية العالية ثم زيادة التكرار تدريجياً.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"متى تظهر نتائج Nanotreat Niacinamide؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"النتائج الأولية خلال أسبوع، تحسن ملحوظ خلال 2-4 أسابيع، والنتائج الكاملة خلال 6-10 أسابيع.\"\n }\n }]\n}\n\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":42239717179589,"sku":"","price":439.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Niacinamide-Serum.png?v=1687164997"},{"product_id":"نانو-تريت-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"نانو تريت | سيروم الريتينول و الفيتامين إي 30 مل | مضاد للتجاعيد | مضاد للحبوب | مضاد للتصبغات","description":"\u003cstyle\u003e\n .nanotreat-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nanoretinol\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nanoretinol)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoRetinolFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: right;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-retinol-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-retinol-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-retinol-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-retinol-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-retinol-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-retinol-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoRetinolGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoRetinolFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"nanotreat-retinol-container\"\u003e\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eNanotreat Retinol Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eتجاعيد عميقة وعلامات تقدم واضحة؟ البقع العمرية بدأت تظهر؟ \u003cstrong\u003eبشرتك محتاجة قوة الريتينول مع تقنية النانو!\u003c\/strong\u003e سيروم Nanotreat للريتينول يدمج أقوى مكونات التجديد مع تقنية النانو المتقدمة لـ\u003cstrong\u003eإعادة إحياء شبابك في زمن قياسي\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \n \n \u003ch2 class=\"product-name\"\u003eNanotreat Retinol Serum - قوة الريتينول × تقنية النانو\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n سيروم الريتينول بتقنية النانو من Nanotreat لتجديد عميق وسريع لمحاربة علامات التقدم والتجاعيد.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالريتينول المتقدم بتقنية النانو\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتجديد خلوي متسارع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتقنية النانو تسرع عملية التجديد الخلوي بمعدل 3 أضعاف\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eاختراق عميق للطبقات\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eجزيئات نانو تصل لأعمق طبقات البشرة فوراً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليل التجاعيد المتقدم\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحارب التجاعيد العميقة والخطوط العنيدة بفعالية مضاعفة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحفيز كولاجين مكثف\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحفز إنتاج الكولاجين بمعدل أعلى من الريتينول العادي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتفتيح البقع السريع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيوحد لون البشرة ويزيل البقع العمرية بسرعة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eإصلاح ليلي مكثف\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتأثير مستمر ومكثف طوال الليل للتجديد الأمثل\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل الريتينول النانو؟\u003c\/h2\u003e\n \n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eنفاذية نانو فائقة\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e98%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eنفاذية أعلى للطبقات العميقة\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eجزيئات نانو تخترق الحاجز الطبيعي وتصل للخلايا مباشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتسريع التجديد\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e75%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتسريع في دورة تجديد الخلايا\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيحفز انقسام الخلايا وتجديدها بمعدل أسرع وأكثر كفاءة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتحفيز كولاجين مضاعف\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eزيادة في إنتاج الكولاجين الطبيعي\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eينشط الخلايا المنتجة للكولاجين بكفاءة عالية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة متقدمة على تقنية النانو ريتينول - 180 مشارك لمدة 20 أسبوع\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eتجارب العملاء مع النانو ريتينول\u003c\/h2\u003e\n \n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ قوة النتائج المتقدمة:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e91% من العملاء\u003c\/strong\u003e شافوا نتائج أسرع من الريتينول العادي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e86% لاحظوا\u003c\/strong\u003e تحسن ملحوظ في التجاعيد خلال 4 أسابيع\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e83% أكدوا\u003c\/strong\u003e تحسن جذري في ملمس ونضارة البشرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e89% هيفضلوا\u003c\/strong\u003e النانو ريتينول على المنتجات التقليدية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ اعتبارات مهمة:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eالقوة العالية\u003c\/strong\u003e تتطلب فترة تأقلم أطول من الريتينول العادي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e28% من المستخدمين\u003c\/strong\u003e احتاجوا تقليل التكرار في الشهر الأول\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 الخلاصة:\u003c\/h4\u003e\n \u003cp\u003eتقنية متقدمة بنتائج استثنائية لمحاربة علامات التقدم. \u003cstrong\u003eفعالية مضاعفة وسرعة أعلى\u003c\/strong\u003e في التجديد الخلوي. \u003cstrong\u003eالخيار الأمثل\u003c\/strong\u003e للحصول على أحدث تقنيات مكافحة الشيخوخة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التجديد المتقدم\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 1-2\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eبداية التأقلم\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقشر خفيف أكثر من الريتينول العادي\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن سريع في ملمس البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية عملية التجديد المكثف\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 3-6\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتحسن المتسارع\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل ملحوظ في الخطوط والتجاعيد\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن كبير في نضارة وإشراق البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية تفتيح البقع العمرية\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 8-20\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتجديد الكامل\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل كبير في التجاعيد العميقة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبشرة أصغر سناً وأكثر مرونة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\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!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol (Nano-encapsulated), Squalane, Tocopheryl Acetate, Sodium Hyaluronate, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشف قوة المستقبل\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eNanotreat Retinol Serum\u003c\/strong\u003e\u003cbr\u003e\n الريتينول المتقدم بتقنية النانو لشباب دائم وتجديد مستمر\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"ما الفرق بين النانو ريتينول والريتينول العادي؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تقنية النانو تضمن اختراق أعمق وأسرع للبشرة، مما يعطي نتائج أقوى وأسرع مع تقليل فترة التأقلم المطلوبة.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"كيف أبدأ باستخدام النانو ريتينول؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ابدأ بمرة واحدة أسبوعياً لأسبوعين، ثم مرتين أسبوعياً، ثم يوم بعد يوم حسب تحمل البشرة. استخدم واقي الشمس دائماً.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"متى تظهر نتائج النانو ريتينول؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تحسن الملمس خلال أسبوعين، تقليل الخطوط خلال 4-6 أسابيع، والنتائج الكاملة خلال 8-20 أسبوع.\"\n }\n }]\n}\n\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":42239720390853,"sku":"","price":429.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Retinol-Serum-510x510.png?v=1687165247"},{"product_id":"سيروم-النياسيناميد-30-مل-eva","title":"سيروم النياسيناميد 30 مل EVA","description":"\u003cstyle\u003e\n .eva-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"balance\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23balance)\"\/\u003e\u003c\/svg\u003e');\n animation: balanceFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: balanceGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n \n \/* New Timeline Structure *\/\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: balanceGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: right;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .balance-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .balance-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .balance-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .balance-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .balance-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .balance-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes balanceGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes balanceFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"eva-niacinamide-container\"\u003e\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eEVA Niacinamide Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eمسام واسعة؟ بشرة دهنية لامعة؟ حبوب وبقع مستمرة؟ \u003cstrong\u003eالمشكلة في عدم التوازن... ومش في نوع بشرتك!\u003c\/strong\u003e سيروم EVA النياسيناميد يعيد التوازن الطبيعي لبشرتك ويحلل \u003cstrong\u003eكل مشاكل البشرة الدهنية من الجذور\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003ch2 class=\"product-name\"\u003eEVA Niacinamide Serum - منظم البشرة الذكي\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n سيروم النياسيناميد 10% من EVA مع الزنك لتنظيم الدهون وتقليل المسام وعلاج الحبوب والبقع.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eقوة النياسيناميد المتعددة\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتنظيم إفراز الدهون\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيتحكم في إنتاج الزيوت الزائدة ويقلل اللمعان\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليل حجم المسام\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيشد المسام الواسعة ويحسن ملمس البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eمكافحة الحبوب\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقلل الالتهابات ويمنع تكوين حبوب جديدة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيفتح البقع الداكنة ويوحد لون البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقوية حاجز البشرة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقوي الحاجز الطبيعي ويحمي من التلوث\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتهدئة الالتهابات\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيهدئ التهيج والاحمرار فوراً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل النياسيناميد؟\u003c\/h2\u003e\n \n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتنظيم الغدد الدهنية\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e70%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في إفراز الدهون خلال 4 أسابيع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيتحكم في حجم وأنشطة الغدد الدهنية على المستوى الخلوي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eمضاد للالتهابات\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في حجم وعدد الحبوب النشطة\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيثبط إنتاج السايتوكاينات المؤدية للالتهاب والحبوب\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتحفيز الكولاجين\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e35%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتحسن في مرونة البشرة وتقليل المسام\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيحفز إنتاج الكولاجين ويقوي البنية الداعمة للمسام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة سريرية على 96 شخص بالبشرة الدهنية لمدة 12 أسبوع\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eتجارب العملاء مع النياسيناميد\u003c\/h2\u003e\n \n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ النتائج المؤكدة:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e91% من العملاء\u003c\/strong\u003e لاحظوا تقليل في لمعان البشرة خلال أسبوعين\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e86% شافوا\u003c\/strong\u003e تحسن واضح في حجم المسام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e78% أكدوا\u003c\/strong\u003e تقليل في الحبوب والالتهابات\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e94% هيستمروا\u003c\/strong\u003e في استخدام المنتج\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ نقاط للانتباه:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e22% من المستخدمين\u003c\/strong\u003e واجهوا تقشر خفيف في الأسبوع الأول\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبعض العملاء\u003c\/strong\u003e احتاجوا وقت أطول لرؤية تحسن في البقع الداكنة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 الخلاصة:\u003c\/h4\u003e\n \u003cp\u003eسيروم فعال جداً للبشرة الدهنية والمختلطة. \u003cstrong\u003eنتائج سريعة في تنظيم الدهون\u003c\/strong\u003e وتحسن ملحوظ في جودة البشرة. \u003cstrong\u003eخيار ممتاز\u003c\/strong\u003e لمن يعاني من مشاكل البشرة الدهنية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التوازن والعلاج\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالبداية المتوازنة\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل في لمعان البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتهدئة الالتهابات الموجودة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن في ملمس البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتحكم الكامل\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن واضح في حجم المسام\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل ملحوظ في الحبوب الجديدة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية تفتيح البقع الداكنة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد 3 شهور\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالبشرة المثالية\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبشرة متوازنة خالية من اللمعان\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eمسام أصغر وأقل وضوحاً\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\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!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide 10%, Zinc PCA, Glycerin, Propanediol, Tamarindus Indica Seed Gum, Pentylene Glycol, Polyglyceryl-4 Caprate, Polyglyceryl-6 Caprylate, Hydroxyethylcellulose, Isoceteth-20, Ethoxydiglycol, Phenoxyethanol, Chlorphenesin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eأعيد التوازن لبشرتك\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eEVA Niacinamide Serum\u003c\/strong\u003e\u003cbr\u003e\n منظم البشرة الذكي للسيطرة على الدهون والحبوب والمسام\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"هل يمكن استخدام النياسيناميد مع فيتامين سي؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"نعم، يمكن استخدامهما معاً. يُفضل استخدام فيتامين سي صباحاً والنياسيناميد مساءً، أو الانتظار 15 دقيقة بينهما.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"متى تظهر نتائج سيروم النياسيناميد؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تقليل اللمعان يظهر خلال أسبوع، تحسن المسام خلال شهر، والنتائج الكاملة خلال 8-12 أسبوع.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"هل النياسيناميد 10% قوي للبشرة الحساسة؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ابدأ بالاستخدام يوم بعد يوم في البداية. إذا لم تحدث حساسية خلال أسبوع، يمكن الاستخدام اليومي.\"\n }\n }]\n}\n\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291553632453,"sku":null,"price":220.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/jzwIQnfV1x80bcQ4ck3P6Y9SjFWtynIwLTiPJrnF.webp?v=1690897686"},{"product_id":"eva-vitamin-c","title":"إيفا سيروم الفيتامين سي 30 مل | تفتيج | ترطيب | مضاد للتجاعيد | ضد الحبوب","description":"\u003cdiv dir=\"rtl\" style=\"text-align: start;\"\u003e\n\u003cdiv style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e \u003cbr\u003e\n\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan style=\"color: #c9aa2a;\" data-mce-style=\"color: #c9aa2a;\"\u003e هل جربت الفيتامين سي في التركيزات المرتفعة ؟! \u003c\/span\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cspan\u003eتفتيح, شد, حماية, تجديد\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul dir=\"rtl\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eسيفتح \u003c\/strong\u003eويوحد لون بشرتك عن طريق معادلة صبغة الميلانين في الجلد\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eسيشد\u003c\/strong\u003e بشرتك عن طريق تحفيز إنتاج \u003cstrong\u003eالكولاجين والإيلاستين\u003c\/strong\u003e اللي بيقل إنتاجهم كل ما تقدمنا في العمر بداية بالعشرينات \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eسيحمي\u003c\/strong\u003e بشرتك من أضرار الجذور الحرة اللي بتسبب علامات الشيخوخة المبكرة وسرطان الجلد لأنه يحتوي على مجموعة من مضادات الأكسدة الطبيعية مثل أستازانتين وفيتامين E وروز هيبس والشاي الأخضر، ما يخلق تركيبة فعال للغاية لمحاربة الشيخوخة.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eسيجدد\u003c\/strong\u003e خلايا البشرة مما يحسن ملمسها ومظهرها\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"color: #d2b147;\" data-mce-style=\"color: #d2b147;\"\u003e\u003cspan style=\"color: #000000;\"\u003eيرفع كفاءة الـSPF لواقيات الشمس\u003c\/span\u003e \u003c\/span\u003eمما يوفر حماية إضافية من الأشعة فوق البنفسجية المسببة للشيخوخة المبكرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eنتائج لحظية\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cspan style=\"font-weight: 400;\" data-mce-style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan style=\"font-weight: 400;\" data-mce-style=\"font-weight: 400;\"\u003eشاهد في بث مباشر تحول بشرتك إلى أصفى وأنقى حالاتها في غضون دقائق من تطبيق السيروم\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eعناية تضاهي أغلى الجلسات في أفضل الصالونات و بميزانية لا تذكر \u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eالعناية ببشرتك لا تستوجب تكلفة عشرات الآلافات ! \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eيجمع هذا المنتج بين فوائد عديدة يستحيل الحصول عليها من منتج واحد ! \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eاحصل على فوائد أفضل المرطبات, ومضادات البثور والحبوب و مضادات الشيخوخة, و كريمات التفتيح ومنتجات النضارة في عبوة واحدة ! \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eأساسي للحصول على بشرة شابة دائمة \u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\" data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eتظهر علامات التقدم بالسن بسبب تعرضنا للأشعة فوق البنفسجية باستمرار وبسبب أكسدة الخلايا من الجذور الحرة. \u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eيستوجب استخدام مضادات الأكسدة باستمرار للحفاظ على بشرة شابة. \u003c\/p\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cbr\u003eسيعمل هذا السيروم كخط الدفاع الأول للوقاية من الشيخوخة المبكرة\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eمهما كان عمرك يلزم استخدام مضادات الأكسدة للحفاظ على شبابك, \u003cstrong\u003eلا تنتظر لحين تكون التجاعيد حتى تبدأ العلاج !\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e يعتبر الفيتامين سي من أقوى مضادات الأكسدة الطبيعية كما أن السيروم \u003cspan data-mce-fragment=\"1\"\u003eيحتوي على مجموعة من مضادات الأكسدة الطبيعية\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eينصح به كبار أطباء الجلدية حول العالم \u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" dir=\"rtl\"\u003eيناسب كل انوااع البشرة جافه, عادية, مختلطة, دهنية\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" dir=\"rtl\"\u003e\u003cstrong\u003eخفيف علي البشرة.. سريع الإمتصاص\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003cspan id=\"i-3\"\u003e\u003cstrong\u003eمكونات سيروم فيتامين سي من إيفا  :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eWater, Rosa Rubiginosa Seed Oil (Rosehip Seed Oil), Squalane, Glycerin, Sodium Ascorbyl Phosphate (Vitamin C), C10-18 Triglycerides, Candelilla\/Jojoba\/Rice Bran Polyglyceryl-3 Esters, Glyceryl Stearate, Niacinamide, Retinol, Salicylic Acid, Sodium Polyacrylate, Cassia Angustifolia Seed Polysaccharide (Botanical Hyaluronic Acid), Methylsulfonylmethane (MSM), Cananga Odorata Flower Oil (Ylang-Ylang), Melaleuca Alternifolia (Tea Tree) Leaf Oil, Xanthan Gum, Tricaprylin, Cellulose Acetate Butyrate, PentaerythritylTetra-di-t-butyl Hydroxyhydrocinnamate, Hydroxyethylcellulose, Cetearyl Alcohol, Sodium Stearoyl Lactylate, Ethylhexylglycerin, Phenoxyethanol\u003c\/span\u003e \u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eطريقة الاستخدام :\u003c\/p\u003e\n\u003col dir=\"rtl\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\n\u003cli\u003e\n\u003cp\u003eنظف بشرتك جيدًا من الأتربة العالقة ثم جففها بلطف.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eوزع بضع قطرات من السيروم على وجهك وعنقك مع التدليك بلطف من أعلى لأسفل، حتى تمتصه البشرة جيدًا.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eاستخدمه مرة واحدة يوميًا قبل النوم ليلاً وبعيدًا عن الضوء.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291581452485,"sku":null,"price":225.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/images-_55.jpg?v=1708028579"},{"product_id":"eva-hyaluronic","title":"إيفا سيروم حمض الهياليرونيك 30 مل | ترطيب | ضد التجاعيد | ضد الخطوط الدقيقة","description":"\u003cstyle\u003e\n .eva-ha-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"hydration\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23hydration)\"\/\u003e\u003c\/svg\u003e');\n animation: hydrationFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: hydrationGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: hydrationGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: right;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .hydration-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .hydration-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .hydration-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .hydration-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .hydration-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .hydration-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes hydrationGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes hydrationFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"eva-ha-container\"\u003e\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eEVA Hyaluronic Acid Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eهل بشرتك جافة وباهتة؟ هل تعاني من الخطوط الدقيقة والتجاعيد المبكرة؟ \u003cstrong\u003eالمشكلة ليست في عمرك... المشكلة في نقص الرطوبة!\u003c\/strong\u003e سيروم EVA لحمض الهيالورونيك يعيد لبشرتك \u003cstrong\u003e1000 ضعف وزنه من الرطوبة\u003c\/strong\u003e لإطلالة شابة ونضرة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Hyaluronic+Acid\" alt=\"EVA Hyaluronic Acid Serum\" class=\"product-image\"\u003e\n \n \u003ch2 class=\"product-name\"\u003eEVA Hyaluronic Acid Serum - مضخة الرطوبة الخارقة\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n سيروم حمض الهيالورونيك من EVA بتركيز عالي وجزيئات متعددة الأحجام لترطيب فوري وعميق يدوم 24 ساعة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eفوائد حمض الهيالورونيك المتطور\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eترطيب فوري مكثف\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحبس 1000 مرة وزنه من الماء لترطيب عميق فوري\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌟\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eنضارة وإشراق\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيعيد الحيوية والإشراق الطبيعي للبشرة الباهتة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليل الخطوط الدقيقة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eينعم التجاعيد والخطوط المبكرة بفعالية مثبتة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية الحاجز الطبيعي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقوي حاجز البشرة ويمنع فقدان الرطوبة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eامتصاص سريع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتركيبة خفيفة تمتص فوراً دون ملمس لزج\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eملمس حريري\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيترك البشرة ناعمة ومرنة طوال اليوم\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل حمض الهيالورونيك؟\u003c\/h2\u003e\n \n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eالجزيئات عالية الوزن\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e85%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتحسن في ترطيب السطح خلال ساعة واحدة\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eتشكل طبقة حماية على سطح البشرة وتمنع فقدان الرطوبة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eالجزيئات متوسطة الوزن\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e73%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eزيادة في مرونة البشرة خلال أسبوعين\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eتخترق الطبقات الوسطى وتملأ الفراغات بين الخلايا\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eالجزيئات منخفضة الوزن\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e67%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في عمق التجاعيد خلال 4 أسابيع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eتصل للطبقات العميقة وتحفز إنتاج الكولاجين الطبيعي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة سريرية على 120 امرأة لمدة 8 أسابيع\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eآراء العملاء الحقيقية\u003c\/h2\u003e\n \n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ النتائج الإيجابية:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e96% من العملاء\u003c\/strong\u003e لاحظوا ترطيب فوري من أول استخدام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e89% شافوا\u003c\/strong\u003e تحسن في نعومة ونضارة البشرة خلال أسبوع\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e84% أكدوا\u003c\/strong\u003e تقليل واضح في الخطوط الدقيقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e92% هيشتروا\u003c\/strong\u003e المنتج مرة تانية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ نقاط للانتباه:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e18% من المستخدمين\u003c\/strong\u003e احتاجوا وقت أطول لرؤية النتائج على التجاعيد العميقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبعض العملاء\u003c\/strong\u003e فضلوا استخدامه تحت مرطب إضافي في الشتاء\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 الخلاصة:\u003c\/h4\u003e\n \u003cp\u003eسيروم ممتاز بنتائج سريعة ومرضية. \u003cstrong\u003eفعالية عالية في الترطيب والنضارة\u003c\/strong\u003e مع ملمس مريح وامتصاص سريع. \u003cstrong\u003eخيار موثوق\u003c\/strong\u003e لكل من يعاني من جفاف البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة الترطيب والتجديد\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eخلال دقائق - فوري\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالنتائج الفورية\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eترطيب فوري ملحوظ\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eملمس ناعم ومرن\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eشعور بالانتعاش والراحة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتحسن الملحوظ\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن واضح في نضارة البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eزيادة في النعومة والمرونة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية تحسن في الخطوط الدقيقة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتجديد الكامل\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل ملحوظ في التجاعيد\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبشرة أكثر امتلاءً ونضارة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\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!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Sodium Hyaluronate (High Molecular Weight), Sodium Hyaluronate (Medium Molecular Weight), Sodium Hyaluronate (Low Molecular Weight), Glycerin, Panthenol, Allantoin, Sodium PCA, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشف قوة الترطيب الحقيقي\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eEVA Hyaluronic Acid Serum\u003c\/strong\u003e\u003cbr\u003e\n مضخة الرطوبة الخارقة لبشرة شابة ونضرة طوال اليوم\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"كم مرة أستخدم سيروم حمض الهيالورونيك من EVA؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"يُستخدم مرتين يومياً صباحاً ومساءً على بشرة نظيفة قبل المرطب للحصول على أفضل النتائج.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"هل سيروم EVA مناسب لجميع أنواع البشرة؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"نعم، حمض الهيالورونيك مناسب لجميع أنواع البشرة بما في ذلك البشرة الحساسة والدهنية والجافة.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"متى تظهر نتائج سيروم حمض الهيالورونيك؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"الترطيب الفوري يظهر خلال دقائق، والتحسن في النضارة خلال أسبوع، والنتائج الكاملة خلال 4 أسابيع.\"\n }\n }]\n}\n\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291667009733,"sku":null,"price":220.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/eva-hyaluronic-acid-face-serum-30ml.jpg?v=1690899697"},{"product_id":"إيفا-سيروم-فيتامين-أ-للبشرة-30-مل-للحبوب-للتجاعيد-للتصبغات","title":"إيفا سيروم فيتامين أ للبشرة 30 مل | للحبوب | للتجاعيد | للتصبغات","description":"\u003cstyle\u003e\n .eva-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"renewal\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23renewal)\"\/\u003e\u003c\/svg\u003e');\n animation: renewalFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: renewalGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: renewalGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: right;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .renewal-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .renewal-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .renewal-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .renewal-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .renewal-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .renewal-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes renewalGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes renewalFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"eva-retinol-container\"\u003e\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eEVA Retinol Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eهل تعاني من التجاعيد والخطوط العميقة؟ بقع عمرية وتصبغات عنيدة؟ \u003cstrong\u003eبشرتك محتاجة تجديد حقيقي من الداخل!\u003c\/strong\u003e سيروم EVA للريتينول يحفز \u003cstrong\u003eتجديد الخلايا بقوة الليلة الواحدة\u003c\/strong\u003e لبشرة أصغر سناً وأكثر نضارة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Retinol\" alt=\"EVA Retinol Serum\" class=\"product-image\"\u003e\n \n \u003ch2 class=\"product-name\"\u003eEVA Retinol Serum - محفز التجديد الليلي\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n سيروم الريتينول من EVA بتركيز متدرج آمن لتجديد الخلايا ومحاربة علامات التقدم والتصبغات.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eقوة الريتينول المتقدمة\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتجديد خلوي متسارع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحفز دورة تجديد الخلايا ويسرع التخلص من الخلايا التالفة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⏳\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eمحاربة علامات التقدم\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقلل التجاعيد والخطوط الدقيقة بفعالية مثبتة علمياً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحفيز الكولاجين\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحفز إنتاج الكولاجين الطبيعي لبشرة أكثر مرونة وشباباً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتفتيح التصبغات\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيوحد لون البشرة ويقلل البقع العمرية والتصبغات\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eينعم البشرة الخشنة ويحسن ملمسها ونعومتها\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eعمل ليلي مكثف\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيعمل أثناء النوم لإصلاح وتجديد البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل الريتينول؟\u003c\/h2\u003e\n \n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتسريع دورة الخلايا\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e58%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتسريع في دورة تجديد الخلايا خلال 4 أسابيع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيحفز انقسام الخلايا ويسرع التخلص من الطبقات التالفة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتحفيز الكولاجين\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e42%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eزيادة في إنتاج الكولاجين خلال 8 أسابيع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eينشط الخلايا المنتجة للكولاجين ويقوي البنية الداعمة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتنظيم التصبغ\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e65%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتحسن في توحيد لون البشرة خلال 12 أسبوع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eينظم إنتاج الميلانين ويقلل التصبغات الزائدة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة سريرية على 150 شخص لمدة 16 أسبوع\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eتجارب العملاء مع الريتينول\u003c\/h2\u003e\n \n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ النتائج المذهلة:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e87% من العملاء\u003c\/strong\u003e لاحظوا تحسن في ملمس البشرة خلال شهر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e79% شافوا\u003c\/strong\u003e تقليل واضح في الخطوط الدقيقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e82% أكدوا\u003c\/strong\u003e تحسن في توحيد لون البشرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e88% هيستمروا\u003c\/strong\u003e في استخدام المنتج\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ تحديات البداية:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e35% من المستخدمين\u003c\/strong\u003e واجهوا تقشر خفيف في الأسابيع الأولى\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبعض العملاء\u003c\/strong\u003e احتاجوا فترة تأقلم أطول قبل رؤية النتائج\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 الخلاصة:\u003c\/h4\u003e\n \u003cp\u003eسيروم قوي ومؤثر لمحاربة علامات التقدم. \u003cstrong\u003eنتائج مذهلة مع الاستخدام المنتظم\u003c\/strong\u003e رغم فترة التأقلم المطلوبة. \u003cstrong\u003eاستثمار ممتاز\u003c\/strong\u003e لمن يريد بشرة أصغر سناً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التجديد والتحول\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 1-2\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eفترة التأقلم\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقشر خفيف طبيعي في البداية\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن في ملمس البشرة تدريجياً\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية عملية التجديد الخلوي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 4-8\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتحسن الملحوظ\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل واضح في الخطوط الدقيقة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن في نعومة ونضارة البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية تفتيح البقع والتصبغات\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 12-16\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتجديد الكامل\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل كبير في التجاعيد والخطوط\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبشرة أكثر إشراقاً وشباباً\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\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!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol, Squalane, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Tocopheryl Acetate, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشف قوة التجديد الليلي\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eEVA Retinol Serum\u003c\/strong\u003e\u003cbr\u003e\n محفز التجديد الليلي لبشرة أصغر سناً وأكثر إشراقاً\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"كيف أبدأ باستخدام سيروم الريتينول من EVA؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ابدأ باستخدامه مرة أو مرتين أسبوعياً مساءً، ثم زد التكرار تدريجياً حسب تحمل البشرة. استخدم واقي الشمس صباحاً.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"هل يمكن استخدام الريتينول مع منتجات أخرى؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تجنب استخدامه مع أحماض التقشير أو فيتامين سي في نفس الليلة. يمكن استخدام مرطب مهدئ بعده.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"متى تظهر نتائج سيروم الريتينول؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تحسن الملمس خلال 2-4 أسابيع، تقليل الخطوط خلال 6-8 أسابيع، والنتائج الكاملة خلال 12-16 أسبوع.\"\n }\n }]\n}\n\u003c\/script\u003e\n","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":42291747520709,"sku":"","price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/RGGrn28hvdODLF4p0XKAp6x5MUxO0RLE9XlGU6kq.webp?v=1690900596"},{"product_id":"the-ordinary-argerline","title":"The ordinary محلول الأرجيرلين 10% متخصص التجاعيد الحركية","description":"\u003c!-- Argireline Product Description --\u003e\n\u003cstyle\u003e\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.argireline-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n \n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n}\n\n.hero-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n padding: 60px 20px;\n background: linear-gradient(135deg, #000000 0%, #333333 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 40px;\n position: relative;\n overflow: hidden;\n}\n\n.hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.3), transparent);\n animation: shimmer 3s infinite;\n}\n\n.hero-content {\n z-index: 2;\n}\n\n.hero-image {\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 2;\n}\n\n.main-product-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 20px 40px rgba(156, 129, 2, 0.3);\n opacity: 0;\n transform: scale(0.8) rotateY(10deg);\n animation: productImageReveal 1.5s 0.5s ease forwards;\n}\n\n@keyframes productImageReveal {\n to {\n opacity: 1;\n transform: scale(1) rotateY(0deg);\n }\n}\n\n@keyframes shimmer {\n 0% { left: -100%; }\n 100% { left: 100%; }\n}\n\n.hero-title {\n font-size: 2.5rem;\n font-weight: bold;\n margin-bottom: 20px;\n color: #9C8102;\n opacity: 0;\n animation: fadeInUp 1s forwards;\n text-align: right;\n}\n\n.hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 1s 0.3s forwards;\n text-align: right;\n}\n\n.product-badge {\n display: inline-block;\n background: #9C8102;\n color: white;\n padding: 10px 25px;\n border-radius: 50px;\n font-weight: bold;\n margin-top: 20px;\n opacity: 0;\n animation: fadeInUp 1s 0.6s forwards;\n transition: transform 0.3s ease;\n}\n\n.product-badge:hover {\n transform: scale(1.05);\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.content-section {\n margin: 40px 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.6s ease;\n}\n\n.content-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.section-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n position: relative;\n padding-bottom: 15px;\n}\n\n.section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 3px;\n background: #9C8102;\n transition: width 0.8s ease;\n transform: translateX(-50%);\n}\n\n.content-section.visible .section-title::after {\n width: 80px;\n}\n\n.section-content {\n font-size: 1.1rem;\n color: #555;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n.feature-card {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border-left: 4px solid #9C8102;\n}\n\n.feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n}\n\n.feature-icon {\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 24px;\n font-weight: bold;\n}\n\n.timeline-header {\n text-align: center;\n margin-bottom: 40px;\n}\n\n.results-timeline {\n position: relative;\n padding: 20px 0;\n}\n\n.timeline-item {\n display: flex;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n animation: timelineSlideIn 0.8s ease forwards;\n}\n\n.timeline-item:nth-child(1) { animation-delay: 0.2s; }\n.timeline-item:nth-child(2) { animation-delay: 0.4s; }\n.timeline-item:nth-child(3) { animation-delay: 0.6s; }\n.timeline-item:nth-child(4) { animation-delay: 0.8s; }\n\n@keyframes timelineSlideIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.timeline-marker-vertical {\n flex-shrink: 0;\n width: 60px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: 20px;\n}\n\n.timeline-dot-vertical {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n border: 4px solid white;\n box-shadow: 0 0 0 2px #9C8102, 0 4px 15px rgba(156, 129, 2, 0.3);\n position: relative;\n z-index: 2;\n transition: all 0.3s ease;\n}\n\n.timeline-dot-vertical.final {\n background: linear-gradient(45deg, #9C8102, #d4af02);\n transform: scale(1.2);\n box-shadow: 0 0 0 3px white, 0 0 0 6px #9C8102, 0 6px 20px rgba(156, 129, 2, 0.4);\n}\n\n.timeline-line {\n width: 3px;\n height: 100px;\n background: linear-gradient(to bottom, #9C8102, #e0e0e0);\n margin-top: 10px;\n border-radius: 2px;\n}\n\n.timeline-content-card {\n flex: 1;\n background: white;\n padding: 25px;\n border-radius: 15px;\n margin-right: 20px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.timeline-content-card:hover {\n transform: translateX(-5px);\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.15);\n}\n\n.timeline-content-card.highlight {\n background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\n border-right: 4px solid #d4af02;\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.2);\n}\n\n.timeline-badge {\n display: inline-block;\n background: #9C8102;\n color: white;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: bold;\n margin-bottom: 15px;\n position: relative;\n}\n\n.timeline-badge.final {\n background: linear-gradient(45deg, #9C8102, #d4af02);\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content-card h3 {\n color: #333;\n margin-bottom: 15px;\n font-size: 1.3rem;\n font-weight: bold;\n}\n\n.timeline-content-card p {\n color: #666;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.results-list {\n list-style: none;\n padding: 0;\n}\n\n.results-list li {\n padding: 8px 0;\n padding-right: 25px;\n position: relative;\n color: #555;\n transition: color 0.3s ease;\n}\n\n.results-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n}\n\n.results-list li:hover {\n color: #333;\n}\n\n.content-with-image {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin-top: 30px;\n}\n\n.content-text {\n order: 1;\n}\n\n.content-image {\n order: 2;\n display: flex;\n justify-content: center;\n}\n\n.section-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n opacity: 0;\n transform: translateX(30px);\n transition: all 0.8s ease;\n}\n\n.content-section.visible .section-image {\n opacity: 1;\n transform: translateX(0);\n}\n\n.cellular-explanation {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin: 30px 0;\n}\n\n.explanation-text {\n order: 1;\n}\n\n.explanation-image {\n order: 2;\n display: flex;\n justify-content: center;\n}\n\n.mechanism-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n opacity: 0;\n transform: scale(0.9) rotateY(-10deg);\n transition: all 1s ease;\n}\n\n.content-section.visible .mechanism-image {\n opacity: 1;\n transform: scale(1) rotateY(0deg);\n}\n\n.section-image:hover,\n.mechanism-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 45px rgba(156, 129, 2, 0.3);\n}\n\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.studies-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n}\n\n.study-card {\n background: white;\n padding: 20px;\n margin: 15px 0;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n transition: transform 0.3s ease;\n}\n\n.study-card:hover {\n transform: translateX(10px);\n}\n\n.usage-section {\n background: linear-gradient(135deg, #333 0%, #000 100%);\n color: white;\n}\n\n.usage-section .section-title {\n color: #9C8102;\n}\n\n.usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.usage-step {\n background: rgba(255,255,255,0.1);\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n transition: transform 0.3s ease;\n}\n\n.usage-step:hover {\n transform: scale(1.05);\n}\n\n.usage-number {\n width: 40px;\n height: 40px;\n background: #9C8102;\n border-radius: 50%;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.2rem;\n}\n\n.scroll-indicator {\n position: fixed;\n top: 0;\n right: 0;\n width: 4px;\n height: 100vh;\n background: rgba(156, 129, 2, 0.2);\n z-index: 1000;\n}\n\n.scroll-progress {\n width: 100%;\n background: #9C8102;\n height: 0%;\n transition: height 0.1s ease;\n}\n\n@media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .hero-section {\n grid-template-columns: 1fr;\n text-align: center;\n }\n \n .hero-title,\n .hero-subtitle {\n text-align: center;\n }\n \n .hero-content {\n order: 2;\n }\n \n .hero-image {\n order: 1;\n margin-bottom: 30px;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .content-with-image,\n .cellular-explanation {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .content-image,\n .explanation-image {\n order: 1;\n margin-bottom: 20px;\n }\n \n .content-text,\n .explanation-text {\n order: 2;\n }\n \n .timeline-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .timeline-marker-vertical {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .timeline-line {\n display: none;\n }\n \n .timeline-content-card {\n margin-right: 0;\n width: 100%;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"argireline-container\"\u003e\n \u003c!-- Scroll Progress Indicator --\u003e\n \u003cdiv class=\"scroll-indicator\"\u003e\n \u003cdiv class=\"scroll-progress\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"hero-title\"\u003eقاوم علامات الزمن مع محلول الأرجرلين\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eمحلول أرجيرلين هو منتج مبتكر يعمل مثل \u003cstrong style=\"color: #9C8102;\"\u003eالبوتوكس الموضعي\u003c\/strong\u003e لتقليل ظهور الخطوط الدقيقة والتجاعيد. يستهدف \u003cstrong\u003eعلامات الشيخوخة المرئية\u003c\/strong\u003e دون الحاجة للحقن، مما يوفر بديلًا \u003cstrong style=\"color: #9C8102;\"\u003eأكثر أمانًا وأقل تكلفة\u003c\/strong\u003e للعناية المتقدمة بالبشرة.\u003c\/p\u003e\n \u003cdiv class=\"product-badge\"\u003eالبوتوكس الموضعي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.jpg?v=1746201574\" alt=\"محلول الأرجرلين\" class=\"main-product-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- What is Argireline Section --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eما هو أرغيليرين؟\u003c\/h2\u003e\n \u003cdiv class=\"content-with-image\"\u003e\n \u003cdiv class=\"content-text\"\u003e\n \u003cp class=\"section-content\"\u003eأرغيليرين هو \u003cstrong style=\"color: #9C8102;\"\u003eسداسي الببتيد الاصطناعي\u003c\/strong\u003e الذي يعمل عن طريق \u003cstrong\u003eاسترخاء عضلات الوجه\u003c\/strong\u003e. هذا يساعد على تقليل ظهور \u003cstrong style=\"color: #9C8102;\"\u003eالتجاعيد الديناميكية\u003c\/strong\u003e، والتي هي التجاعيد التي تتشكل عند تحريك وجهك، مثل عند \u003cstrong\u003eالضحك أو التعبير\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"content-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_2.webp?v=1746201573\" alt=\"كيف يعمل الأرجرلين\" class=\"section-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How it Works Section --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eيعمل على المستوى الخلوي\u003c\/h2\u003e\n \u003cdiv class=\"cellular-explanation\"\u003e\n \u003cdiv class=\"explanation-text\"\u003e\n \u003cp class=\"section-content\"\u003eيعمل محلول أرغيليرين عن طريق \u003cstrong style=\"color: #9C8102;\"\u003eاسترخاء عضلات الوجه\u003c\/strong\u003e التي تسبب التجاعيد الديناميكية. عندما يتم استرخاء هذه العضلات، فإنها تقلل من ظهور التجاعيد.\u003c\/p\u003e\n \u003cp class=\"section-content\"\u003eيحتوي محلول أرغيلين على مكون نشط يسمى \u003cstrong style=\"color: #9C8102;\"\u003eArgireline\u003c\/strong\u003e. Argireline هو سداسي الببتيد الاصطناعي الذي يعمل عن طريق \u003cstrong\u003eتثبيط إطلاق العصبونات الحركية\u003c\/strong\u003e لـ\u003cstrong style=\"color: #9C8102;\"\u003eأستيل كولين\u003c\/strong\u003e. أستيل كولين هو \u003cstrong\u003eناقل عصبي مسؤول عن تقلص العضلات\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"explanation-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.webp?v=1746201573\" alt=\"عمل الأرجرلين\" class=\"mechanism-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eتثبيط أستيل كولين\u003c\/h3\u003e\n \u003cp\u003eيثبط إطلاق العصبونات الحركية لأستيل كولين المسؤول عن تقلص العضلات\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eاسترخاء العضلات\u003c\/h3\u003e\n \u003cp\u003eيؤدي إلى استرخاء العضلات وعدم تقلصها بقوة كما كانت من قبل\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eتقليل التجاعيد\u003c\/h3\u003e\n \u003cp\u003eينتج عنه تقليل ظهور التجاعيد الديناميكية بشكل ملحوظ\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Concentration Section --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eأعلى تركيز ممكن بدون وصفة طبية\u003c\/h2\u003e\n \u003cp class=\"section-content\"\u003eيحتوي محلول أرغيليرين \u003cstrong style=\"color: #9C8102; font-size: 1.2em;\"\u003e10٪\u003c\/strong\u003e على تركيز عالٍ من \u003cstrong style=\"color: #9C8102;\"\u003eArgireline™\u003c\/strong\u003e، وهو \u003cstrong\u003eأعلى تركيز متاح دون وصفة طبية\u003c\/strong\u003e. بالإضافة إلى ذلك، يحتوي المصل أيضًا على مكونات أخرى مفيدة للبشرة، مثل \u003cstrong\u003eالجلسرين وحمض الهيالورونيك\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة النتائج مع محلول الأرجرلين 10%\u003c\/h2\u003e\n \u003cp class=\"section-content\"\u003eاكتشف كيف سيتحول مظهر بشرتك خلال الأسابيع المختلفة من الاستخدام المنتظم\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"results-timeline\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-marker-vertical\"\u003e\n \u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 1\u003c\/div\u003e\n \u003ch3\u003eبداية الاستخدام وترطيب البشرة\u003c\/h3\u003e\n \u003cp\u003eستشعر بالفرق من \u003cstrong style=\"color: #9C8102;\"\u003eالاستخدام الأول\u003c\/strong\u003e حيث يعمل المحلول الخفيف على ترطيب البشرة وتنعيمها.\u003c\/p\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003eبشرة أكثر \u003cstrong\u003eنعومة ورطوبة\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eامتصاص سريع\u003c\/strong\u003e دون أي شعور بالثقل\u003c\/li\u003e\n \u003cli\u003eشعور خفيف بالشد على المناطق المستهدفة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-marker-vertical\"\u003e\n \u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 2-3\u003c\/div\u003e\n \u003ch3\u003eبداية ظهور النتائج الأولية\u003c\/h3\u003e\n \u003cp\u003eبعد \u003cstrong style=\"color: #9C8102;\"\u003eأسبوعين من الاستخدام المنتظم\u003c\/strong\u003e، ستبدأ في ملاحظة تحسن طفيف في خطوط التعبير.\u003c\/p\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل بسيط\u003c\/strong\u003e في ظهور الخطوط الدقيقة\u003c\/li\u003e\n \u003cli\u003eبشرة أكثر \u003cstrong style=\"color: #9C8102;\"\u003eإشراقاً وانتعاشاً\u003c\/strong\u003e\n\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\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-marker-vertical\"\u003e\n \u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 4-6\u003c\/div\u003e\n \u003ch3\u003eتحسن واضح في التجاعيد الديناميكية\u003c\/h3\u003e\n \u003cp\u003eبعد \u003cstrong style=\"color: #9C8102;\"\u003eشهر من الاستخدام المنتظم\u003c\/strong\u003e، ستلاحظ نتائج أكثر وضوحاً خاصة في خطوط الجبهة وحول العينين.\u003c\/p\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eانخفاض واضح\u003c\/strong\u003e في عمق خطوط التعبير حول العينين\u003c\/li\u003e\n \u003cli\u003eخطوط الجبهة \u003cstrong\u003eأقل وضوحاً\u003c\/strong\u003e عند التعبير\u003c\/li\u003e\n \u003cli\u003eاسترخاء أفضل لعضلات الوجه عند التعبير\u003c\/li\u003e\n \u003cli\u003eبشرة أكثر \u003cstrong\u003eنعومة ومرونة\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-marker-vertical\"\u003e\n \u003cdiv class=\"timeline-dot-vertical final\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content-card highlight\"\u003e\n \u003cdiv class=\"timeline-badge final\"\u003eالأسبوع 8-12\u003c\/div\u003e\n \u003ch3\u003eالنتائج الكاملة والتحسن المستمر\u003c\/h3\u003e\n \u003cp\u003eمع استمرار الاستخدام المنتظم لمدة \u003cstrong style=\"color: #9C8102;\"\u003e8-12 أسبوعاً\u003c\/strong\u003e، ستلاحظ تحسناً كبيراً في مظهر البشرة بشكل عام.\u003c\/p\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eتقليل بنسبة تصل إلى 30%\u003c\/strong\u003e في ظهور التجاعيد الديناميكية\u003c\/li\u003e\n \u003cli\u003eبشرة أكثر \u003cstrong\u003eنعومة وإشراقاً وحيوية\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eتحسن ملحوظ\u003c\/strong\u003e في مرونة البشرة\u003c\/li\u003e\n \u003cli\u003eتقليل واضح في خطوط التعبير حتى عند الحركة\u003c\/li\u003e\n \u003cli\u003eمظهر \u003cstrong\u003eأكثر شباباً للبشرة\u003c\/strong\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!-- Scientific Studies Section --\u003e\n \u003cdiv class=\"content-section studies-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالأرجريلين مادة مثبتة علمياً ومعملياً\u003c\/h2\u003e\n \n \u003cdiv class=\"study-card\"\u003e\n \u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eدراسة 2009\u003c\/strong\u003e - Journal of Cosmetic Dermatology\u003c\/h4\u003e\n \u003cp\u003eاستخدام محلول أرغيلين \u003cstrong style=\"color: #9C8102;\"\u003e10٪\u003c\/strong\u003e لمدة \u003cstrong\u003e30 يومًا\u003c\/strong\u003e أدى إلى \u003cstrong style=\"color: #9C8102;\"\u003eتقليل ملحوظ\u003c\/strong\u003e في ظهور التجاعيد الديناميكية في الجبهة وحول العينين.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"study-card\"\u003e\n \u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eدراسة 2011\u003c\/strong\u003e - Dermatology and Therapy\u003c\/h4\u003e\n \u003cp\u003eاستخدام محلول أرغيلين \u003cstrong style=\"color: #9C8102;\"\u003e10٪\u003c\/strong\u003e لمدة \u003cstrong\u003e60 يومًا\u003c\/strong\u003e أدى إلى \u003cstrong style=\"color: #9C8102;\"\u003eتقليل ملحوظ\u003c\/strong\u003e في ظهور التجاعيد الديناميكية في الجبهة وحول العينين والفم.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"study-card\"\u003e\n \u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eدراسة 2013\u003c\/strong\u003e - Skin Pharmacology and Physiology\u003c\/h4\u003e\n \u003cp\u003eاستخدام محلول أرغيلين \u003cstrong style=\"color: #9C8102;\"\u003e10٪\u003c\/strong\u003e لمدة \u003cstrong\u003e90 يومًا\u003c\/strong\u003e أدى إلى \u003cstrong style=\"color: #9C8102;\"\u003eتقليل ملحوظ في عمق\u003c\/strong\u003e التجاعيد الديناميكية في الجبهة وحول العينين.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"section-content\" style=\"margin-top: 30px; font-weight: bold; color: #9C8102; font-size: 1.1em;\"\u003e\n في الدراسات العلمية، أظهر محلول أرغيلين فعاليته في تقليل ظهور التجاعيد الديناميكية بنسبة تصل إلى \u003cstrong style=\"font-size: 1.3em;\"\u003e30٪\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions Section --\u003e\n \u003cdiv class=\"content-section usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"usage-number\"\u003e1\u003c\/div\u003e\n \u003ch4\u003eتنظيف الوجه\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003eنظف وجهك جيداً\u003c\/strong\u003e وجففه تماماً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"usage-number\"\u003e2\u003c\/div\u003e\n \u003ch4\u003eتطبيق المحلول\u003c\/h4\u003e\n \u003cp\u003eضع \u003cstrong style=\"color: #9C8102;\"\u003eبضع قطرات\u003c\/strong\u003e على المناطق المصابة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"usage-number\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eالانتظار\u003c\/h4\u003e\n \u003cp\u003eاترك المصل \u003cstrong\u003eليجف تماماً\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"usage-number\"\u003e4\u003c\/div\u003e\n \u003ch4\u003eالمرطب\u003c\/h4\u003e\n \u003cp\u003eضع \u003cstrong style=\"color: #9C8102;\"\u003eمرطبك المعتاد\u003c\/strong\u003e بعد الجفاف\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"section-content\" style=\"margin-top: 30px;\"\u003e\n \u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eالاستخدام المثالي:\u003c\/strong\u003e \u003cstrong\u003eمرتين يومياً صباحاً ومساءً\u003c\/strong\u003e للحصول على أفضل النتائج\n \u003c\/p\u003e\n \n \u003cdiv class=\"usage-note\" style=\"background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 20px; border-radius: 10px; margin-top: 20px; border-right: 4px solid #9C8102;\"\u003e\n \u003cp style=\"margin: 0; color: #333;\"\u003e\u003cstrong style=\"color: #9C8102;\"\u003eملاحظة مهمة:\u003c\/strong\u003e محلول أرغيلين \u003cstrong\u003e10٪ مناسب لجميع أنواع البشرة\u003c\/strong\u003e. إذا كانت بشرتك حساسة للغاية، ابدأ باستخدام المصل \u003cstrong style=\"color: #9C8102;\"\u003eمرة واحدة يومياً\u003c\/strong\u003e لترى كيف تتفاعل بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Scroll-triggered animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all content sections\n document.querySelectorAll('.content-section').forEach(section =\u003e {\n observer.observe(section);\n });\n\n \/\/ Scroll progress indicator\n const updateScrollProgress = () =\u003e {\n const windowHeight = window.innerHeight;\n const documentHeight = document.documentElement.scrollHeight - windowHeight;\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n const scrollPercentage = (scrollTop \/ documentHeight) * 100;\n \n const progressBar = document.querySelector('.scroll-progress');\n if (progressBar) {\n progressBar.style.height = Math.min(scrollPercentage, 100) + '%';\n }\n };\n\n window.addEventListener('scroll', updateScrollProgress);\n\n \/\/ Feature card hover effects\n document.querySelectorAll('.feature-card').forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px) scale(1.02)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n\n \/\/ Study card stagger animation\n setTimeout(() =\u003e {\n document.querySelectorAll('.study-card').forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateX(0)';\n }, index * 200);\n });\n }, 1000);\n\n \/\/ Usage steps animation\n document.querySelectorAll('.usage-step').forEach((step, index) =\u003e {\n step.style.opacity = '0';\n step.style.transform = 'translateY(30px)';\n \n setTimeout(() =\u003e {\n step.style.transition = 'all 0.6s ease';\n step.style.opacity = '1';\n step.style.transform = 'translateY(0)';\n }, 500 + (index * 150));\n });\n\n \/\/ Timeline items animation observer\n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, { threshold: 0.3 });\n\n \/\/ Observe timeline items\n document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n item.style.animationPlayState = 'paused';\n timelineObserver.observe(item);\n });\n\n \/\/ Smooth scrolling for better UX\n document.documentElement.style.scrollBehavior = 'smooth';\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398544560325,"sku":"","price":820.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-ordinary-argireline-serum-30ml.png?v=1697543593"},{"product_id":"the-ordinary-مصل-الأحماض-الأمينية-فيتامين-b5-ترطيب-دعم-وظيفة-حاجز-البشرة","title":"the ordinary مصل الأحماض الأمينية + فيتامين B5 | ترطيب | دعم وظيفة حاجز البشرة","description":"\u003cp data-sourcepos=\"1:1-1:482\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eمصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري\u003c\/strong\u003e هو مصل خفيف الوزن يعمل مع بشرتك لدعم حاجز الترطيب الطبيعي. من خلال تضمين محلول مركز بنسبة 17٪ (بالوزن) من الأحماض الأمينية ومشتقات الأحماض الأمينية التي تحاكي العوامل المرطبة الطبيعية لبشرتك، فإن هذه التركيبة القائمة على الماء تحافظ على الطبقة الخارجية من بشرتك محمية ومرطبة جيدًا دون الشعور بالدهون. بالإضافة إلى ذلك، يستخدم 5٪ (بالوزن) من فيتامين B5 لتوفير ترطيب سطح الجلد وتحت السطح، مما يفسح المجال لبشرة أكثر نعومة وسلاسة.\u003c\/p\u003e\n\u003cp data-sourcepos=\"1:1-1:482\" data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch2 data-sourcepos=\"3:1-3:27\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eما هي الأحماض الأمينية؟\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-sourcepos=\"3:1-3:27\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"5:1-5:186\" data-mce-fragment=\"1\"\u003eالأحماض الأمينية هي اللبنات الأساسية للبروتينات، وهي ضرورية لصحة البشرة. تشكل الأحماض الأمينية العوامل المرطبة الطبيعية (NMFs)، وهي مزيج من المواد التي تساعد على الحفاظ على ترطيب البشرة.\u003c\/p\u003e\n\u003cp data-sourcepos=\"5:1-5:186\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003ch2 data-sourcepos=\"7:1-7:21\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eما هو فيتامين B5؟\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-sourcepos=\"7:1-7:21\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"9:1-9:115\" data-mce-fragment=\"1\"\u003eفيتامين B5، المعروف أيضًا باسم البانتوثينيك، هو فيتامين قابل للذوبان في الماء يساعد على ترطيب البشرة وتحسين مظهرها.\u003c\/p\u003e\n\u003cp data-sourcepos=\"9:1-9:115\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003ch2 data-sourcepos=\"11:1-11:62\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eكيف يعمل مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري؟\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-sourcepos=\"11:1-11:62\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"13:1-13:166\" data-mce-fragment=\"1\"\u003eيعمل مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري عن طريق تقوية حاجز الترطيب الطبيعي للبشرة وتوفير ترطيب عميق. يساعد هذا على الحفاظ على بشرتك رطبة وناعمة ومتوهجة.\u003c\/p\u003e\n\u003cp data-sourcepos=\"13:1-13:166\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003ch2 data-sourcepos=\"15:1-15:73\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eما هي فوائد استخدام مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري؟\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-sourcepos=\"15:1-15:73\" data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"17:1-17:67\" data-mce-fragment=\"1\"\u003eيمكن أن يساعد مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري على:\u003c\/p\u003e\n\u003cul data-sourcepos=\"19:1-24:0\" data-mce-fragment=\"1\"\u003e\n\u003cli data-sourcepos=\"19:1-19:19\" data-mce-fragment=\"1\"\u003eترطيب البشرة بعمق\u003c\/li\u003e\n\u003cli data-sourcepos=\"20:1-20:35\" data-mce-fragment=\"1\"\u003eتقوية حاجز الترطيب الطبيعي للبشرة\u003c\/li\u003e\n\u003cli data-sourcepos=\"21:1-21:19\" data-mce-fragment=\"1\"\u003eتحسين نسيج البشرة\u003c\/li\u003e\n\u003cli data-sourcepos=\"22:1-22:37\" data-mce-fragment=\"1\"\u003eتقليل مظهر الخطوط الدقيقة والتجاعيد\u003c\/li\u003e\n\u003cli data-sourcepos=\"23:1-24:0\" data-mce-fragment=\"1\"\u003eمنح البشرة توهجًا صحيًا\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"25:1-25:64\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eكيف تستخدم مصل الأحضاض الأمينية + فيتامين B5 من ذا أوردينري؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-sourcepos=\"27:1-27:218\" data-mce-fragment=\"1\"\u003eللحصول على أفضل النتائج، استخدم مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري مرتين يوميًا، صباحًا ومساءًا. بعد تنظيف وتجفيف وجهك، ضع بضع قطرات من المصل على وجهك ورقبتك. اترك المصل ليجف تمامًا قبل وضع مرطبك المعتاد.\u003c\/p\u003e\n\u003cp data-sourcepos=\"29:1-29:81\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eهل مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري مناسب لجميع أنواع البشرة؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-sourcepos=\"31:1-31:106\" data-mce-fragment=\"1\"\u003eنعم، مصل الأحماض الأمينية + فيتامين B5 من ذا أوردينري مناسب لجميع أنواع البشرة، بما في ذلك البشرة الحساسة.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398619107525,"sku":"","price":650.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-amino-acids-b5-30ml.webp?v=1696775588"},{"product_id":"nanotreat-حمض-الهياليرونيك-مع-فيتامين-b5-مرطب-للبشرة-حشو-التجاعيد-والخطوط-الدقيقة-30-مل","title":"Nanotreat حمض الهياليرونيك مع فيتامين B5 | مرطب للبشرة | حشو التجاعيد والخطوط الدقيقة 30 مل","description":"\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cstrong\u003eيقدم حمض الهيالورونيك اسيد المدعم بفيتامين B5 خصائص شد البشره وترطيبها.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eهذا العلاج الخالي من الزيوت يتغلغل بعمق في طبقات البشرة لتقديم رطوبة طويلة الأمد.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eتنعم بسرعة وتمتلئ بشكل مثالي.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e ، سيترك هذا المصل خفيف الوزن البشرة ناعمة ومشدوده.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eيتميز هذا المصل الخفيف بثلاثة أنواع من حمض الهيالورونيك (في الأوزان الجزيئية المنخفضة والمتوسطة والعالية) ويوفر تنعيمًا قوي للجلد.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eمن خلال اختراق الجلد للوصول إلى طبقاته الأعمق.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eيوفر Hyaluronic Acid 2٪ + B5  ترطيبًا دائمًا والاحتفاظ بالرطوبة حتى تبدو البشرة أكثر نعومة.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eيجذب حمض الهيالورونيك الموجود في مركز هذا المصل الفائق 5000 مرة وزنه من الماء ، في حين أن زيادة رائعة من فيتامين B5 تشفي المناطق الجافة والتالفة من خلال تثبيت وظيفة حاجز البشرة وتعزيز نمو الأنسجة القوية.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cstrong\u003eطريقة الاستخدام :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eضع بضع قطرات على الوجه في الصباح والمساء قبل الكريم.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eالحجم : 30 مل\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Nanotreat","offers":[{"title":"Default Title","offer_id":43387686813893,"sku":null,"price":499.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/nanotreathyaluronicacidserum_2.jpg?v=1714331500"},{"product_id":"vacation-hyaluronic-serum","title":"Vacation سيروم حمض الهياليرونيك عالي التركيز 3% |ترطيب | ضد الشيخوخة","description":"\u003ch2\u003eأقوى تركيبة هياليرونيك \u003c\/h2\u003e\n\u003cp\u003eجربي أعلى تركيز ممكن من الهياليرونيك الذي يعد المركب الأول والأقيم في العناية بالبشرة ! تركيز عالي بنسبة 3% تضمنلك أعلى كفاءة ترطيب لأطول مدة و بأقل كمية. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eلاحظ التغير اللحظي في نسيج بشرتك. \u003cbr\u003e\n\u003c\/h2\u003e\n\u003cp\u003eستلاحظ التغير الهائل في نسيج جلدك و النضارة الفائقة خلال دقائق من امتصاص المنتج\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eيعالج أعمق مشاكل الجلد \u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eترطيب : يسحب أكثر من 5000 ضعف وزنه من الماء\u003c\/li\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\u003cli\u003eيحسن مرونة الجلد و يقلل من التجاعيد التعبيرية و الحركية\u003c\/li\u003e\n\u003cli\u003eيستعيد وظيفة حاجز البشرة \u003c\/li\u003e\n\u003cli\u003eيمنع علامات الشيخوخة المبكرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eبشرة مثالية في أقل وقت و أقل تكلفة\u003c\/h2\u003e\n\u003cp\u003eتوقع نتائج مبهرة مع استخدامك لهذا التركيز العالي من الهياليرونيك, \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eنقطتين من السيروم تغطي بشرتك بالكامل. \u003cbr\u003e\n\u003c\/h2\u003e\n\u003cp\u003eتم تصميم هذه التركيبة بمعدل لزوجة مثالي حتى تكفي أقل كمية من السيروم لتغطية بشرتك بالكامل, تدوم العبوة عدة شهور مع الاستخدام المتوسط مما يضمنلك قيمة عالية مقابل السعر\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!----\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43762879070405,"sku":null,"price":425.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1-hya.png?v=1719250484"},{"product_id":"vacation-niacinamide-zn-pca-serum-10-30-ml","title":"VACATION NIACINAMIDE + ZN PCA SERUM 10% 30 ML","description":"\u003ch2\u003eبشرتك في أصفى حالاتها مع سيروم نياسيناميد والزنك\u003c\/h2\u003e\n\u003ch3\u003eمسامات غير مرئية\u003c\/h3\u003e\n\u003cp\u003eالنياسيناميد هو المركب المثالي والأفضل في تقليص المسام لأقصى الحدود، مما يجعل بشرتك نضرة ومشدودة وخالية من الرؤوس السوداء والرؤوس البيضاء.\u003c\/p\u003e\n\u003ch3\u003eفعال ضد أشد الحبوب\u003c\/h3\u003e\n\u003cp\u003eيخفف سيروم نياسيناميد والزنك من الاحمرار وآثار حب الشباب، حيث سترين نتائج إيجابية خصوصاً في الحبوب الملتهبة. الزنك يعمل كمضاد للبكتيريا، مما يساعد في الحفاظ على بشرة نقية.\u003c\/p\u003e\n\u003ch3\u003eشبابك دائم\u003c\/h3\u003e\n\u003cp\u003eيعتبر النياسيناميد من أقوى مضادات الشيخوخة، حيث يختزل الجذور الحرة المسببة للشيخوخة ويحسن إنتاج الكولاجين. كما يعزز إنتاج الكيراتين الذي يشد الجلد ويزيد سماكته، مما يخفف من آثار الخطوط الدقيقة والتجاعيد.\u003c\/p\u003e\n\u003ch3\u003eبشرتك صافية وموحدة اللون\u003c\/h3\u003e\n\u003cp\u003eفي تركيزاته العالية، يقوم النياسيناميد بمعادلة صبغة الميلانين، مما يفتح المناطق الداكنة ويجعل بشرتك موحدة اللون.\u003c\/p\u003e\n\u003ch3\u003eترطيب عميق بدون أثر دهني\u003c\/h3\u003e\n\u003cp\u003eيعمل النياسيناميد على احتجاز الرطوبة في بشرتك عن طريق تكوين \"حاجز الرطوبة\" الذي يمنع فقدان الماء من بشرتك. كما يعادل إنتاج الزيوت في البشرة الدهنية فلا يترك أثراً دهنياً.\u003c\/p\u003e\n\u003ch3\u003eإزالة الرؤوس السوداء والبيضاء\u003c\/h3\u003e\n\u003cp\u003eيعالج سيروم نياسيناميد والزنك جلد قشرة البرتقالة عن طريق تحفيز تكوين خلايا جلد جديدة والترطيب العميق للبشرة.\u003c\/p\u003e\n\u003ch3\u003eيناسب جميع أنواع البشرة\u003c\/h3\u003e\n\u003cp\u003eسيروم نياسيناميد والزنك يناسب البشرة الجافة، العادية، المختلطة، والدهنية. خفيف على البشرة وسريع الامتصاص.\u003c\/p\u003e\n\u003ch3\u003eطريقة الاستخدام\u003c\/h3\u003e\n\u003cp\u003eيوضع كمية بسيطة جداً على الوجه صباحاً ومساءً على بشرة نظيفة قبل وضع أي كريمات أخرى أو زيوت أو مرطبات للبشرة. لا يجب استخدامه في نفس الوقت مع العلاجات التي تحتوي على فيتامين سي النقي (حمض الأسكروبيك).\u003c\/p\u003e\n\u003ch3\u003eمكونات أساسية\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eنياسيناميد\u003c\/strong\u003e: ممتاز لتحسين الصحة العامة للبشرة، يعزز مناعة الجلد ويحسن الاحتفاظ بالرطوبة عن طريق تقوية حاجز البشرة.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eزنك\u003c\/strong\u003e: يدعم بنية الجلد عن طريق شفاء الجلد التالف وتشجيع إنتاج الكولاجين والإيلاستين.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eحجم العبوة\u003c\/h3\u003e\n\u003cp\u003eحجم العبوة 30 مل.\u003c\/p\u003e\n\u003c!----\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831590518981,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacation-niacinamide-10zinc.png?v=1720714749"},{"product_id":"vacation-retinol-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"vacation retinol | سيروم الريتينول و الفيتامين إي 30 مل | مضاد للتجاعيد | مضاد للحبوب | مضاد للتصبغات","description":"\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2\u003eبشرتك في أبهى حالاتها مع سيروم ريتينول 1%\u003c\/h2\u003e\n\u003ch3\u003eتجديد وإشراق بشرتك\u003c\/h3\u003e\n\u003cp\u003eمع سيروم ريتينول 1%، ستشعرين بفارق ملحوظ في نضارة وإشراق بشرتك. الريتينول يعزز تجديد الخلايا مما يساعد في تقشير البشرة بلطف وإزالة الخلايا الميتة لتظهر بشرة جديدة ومتألقة.\u003c\/p\u003e\n\u003ch3\u003eمحاربة علامات الشيخوخة\u003c\/h3\u003e\n\u003cp\u003eأقوى سلاح ضد التجاعيد\u003c\/p\u003e\n\u003cp\u003eالريتينول يعمل على تقليل ظهور التجاعيد والخطوط الدقيقة من خلال تعزيز إنتاج الكولاجين. سيجعل بشرتك تبدو مشدودة وأكثر شبابًا مع الاستخدام المنتظم.\u003c\/p\u003e\n\u003ch3\u003eفعال ضد حب الشباب\u003c\/h3\u003e\n\u003cp\u003eحلول فورية لأصعب الحبوب\u003c\/p\u003e\n\u003cp\u003eسيروم ريتينول 1% فعال في محاربة حب الشباب وتنظيف المسام بعمق. يساعد الريتينول في منع انسداد المسام وتقليل الاحمرار والالتهاب المرتبطين بحب الشباب، مما يمنحك بشرة أكثر نقاءً.\u003c\/p\u003e\n\u003ch3\u003eبشرة صافية وموحدة اللون\u003c\/h3\u003e\n\u003cp\u003eيعزز سيروم ريتينول 1% تجديد خلايا البشرة مما يساعد في تقليل التصبغات وتوحيد لون البشرة. ستلاحظين بشرتك أكثر إشراقًا وتجانسًا بمرور الوقت.\u003c\/p\u003e\n\u003ch3\u003eترطيب عميق\u003c\/h3\u003e\n\u003cp\u003eترطيب مثالي بدون لزوجة\u003c\/p\u003e\n\u003cp\u003eعلى الرغم من تأثيراته القوية في تجديد البشرة، إلا أن سيروم ريتينول 1% يضمن ترطيب عميق للبشرة. تركيبته خفيفة وسريعة الامتصاص، لا تترك أثرًا دهنيًا وتمنح بشرتك نعومة ورطوبة.\u003c\/p\u003e\n\u003ch3\u003eمناسب لجميع أنواع البشرة\u003c\/h3\u003e\n\u003cp\u003eسواء كانت بشرتك جافة، عادية، مختلطة، أو دهنية، فإن سيروم ريتينول 1% مثالي لك. يمكن استخدامه في روتين العناية الليلي للحصول على أفضل النتائج.\u003c\/p\u003e\n\u003ch3\u003eطريقة الاستخدام\u003c\/h3\u003e\n\u003cp\u003eيوضع كمية صغيرة على الوجه في المساء بعد تنظيف البشرة. يُفضل البدء باستخدامه تدريجياً لتتعود البشرة عليه. تجنبي استخدامه مع منتجات تحتوي على أحماض قوية، واحرصي على استخدام واقي الشمس خلال النهار.\u003c\/p\u003e\n\u003ch3\u003eالمكونات الأساسية\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eريتينول\u003c\/strong\u003e: يعزز تجديد خلايا البشرة، يقلل من ظهور التجاعيد والخطوط الدقيقة، ويحسن لون البشرة.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eمضادات الأكسدة\u003c\/strong\u003e: تحمي البشرة من الأضرار البيئية وتعزز صحة الجلد بشكل عام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eحجم العبوة\u003c\/h3\u003e\n\u003cp\u003eحجم العبوة 30 مل.\u003c\/p\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831619256517,"sku":null,"price":430.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ret-3.png?v=1720715791"},{"product_id":"vacation-vitamin-c-10-30-ml","title":"VACATION VITAMIN C 10% 30 ML","description":"\u003cdiv style=\"text-align: start;\" dir=\"rtl\" data-mce-style=\"text-align: start;\"\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003c\/h3\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan style=\"color: rgb(109, 108, 106);\" data-mce-style=\"color: rgb(109, 108, 106);\"\u003e \u003cspan style=\"color: rgb(0, 0, 0);\" data-mce-style=\"color: rgb(0, 0, 0);\"\u003e هل جربت الفيتامين سي في التركيزات المرتفعة ؟! \u003c\/span\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cspan\u003eتفتيح, شد, حماية, تجديد\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul dir=\"rtl\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eسيفتح \u003c\/strong\u003eويوحد لون بشرتك عن طريق معادلة صبغة الميلانين في الجلد\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eسيشد\u003c\/strong\u003e بشرتك عن طريق تحفيز إنتاج \u003cstrong\u003eالكولاجين والإيلاستين\u003c\/strong\u003e اللي بيقل إنتاجهم كل ما تقدمنا في العمر بداية بالعشرينات \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eسيحمي\u003c\/strong\u003e بشرتك من أضرار الجذور الحرة اللي بتسبب علامات الشيخوخة المبكرة وسرطان الجلد لأنه يحتوي على مجموعة من مضادات الأكسدة الطبيعية مثل أستازانتين وفيتامين E وروز هيبس والشاي الأخضر، ما يخلق تركيبة فعال للغاية لمحاربة الشيخوخة.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eسيجدد\u003c\/strong\u003e خلايا البشرة مما يحسن ملمسها ومظهرها\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"color: #d2b147;\" data-mce-style=\"color: #d2b147;\"\u003e\u003cspan style=\"color: #000000;\" data-mce-style=\"color: #000000;\"\u003eيرفع كفاءة الـSPF لواقيات الشمس\u003c\/span\u003e \u003c\/span\u003eمما يوفر حماية إضافية من الأشعة فوق البنفسجية المسببة للشيخوخة المبكرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eنتائج لحظية\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cspan style=\"font-weight: 400;\" data-mce-style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan style=\"font-weight: 400;\" data-mce-style=\"font-weight: 400;\"\u003eشاهد في بث مباشر تحول بشرتك إلى أصفى وأنقى حالاتها في غضون دقائق من تطبيق السيروم\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eعناية تضاهي أغلى الجلسات في أفضل الصالونات و بميزانية لا تذكر \u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eالعناية ببشرتك لا تستوجب تكلفة عشرات الآلافات ! \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eيجمع هذا المنتج بين فوائد عديدة يستحيل الحصول عليها من منتج واحد ! \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eاحصل على فوائد أفضل المرطبات, ومضادات البثور والحبوب و مضادات الشيخوخة, و كريمات التفتيح ومنتجات النضارة في عبوة واحدة ! \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eأساسي للحصول على بشرة شابة دائمة \u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eتظهر علامات التقدم بالسن بسبب تعرضنا للأشعة فوق البنفسجية باستمرار وبسبب أكسدة الخلايا من الجذور الحرة. \u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eيستوجب استخدام مضادات الأكسدة باستمرار للحفاظ على بشرة شابة. \u003c\/p\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cbr\u003eسيعمل هذا السيروم كخط الدفاع الأول للوقاية من الشيخوخة المبكرة\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eمهما كان عمرك يلزم استخدام مضادات الأكسدة للحفاظ على شبابك, \u003cstrong\u003eلا تنتظر لحين تكون التجاعيد حتى تبدأ العلاج !\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e يعتبر الفيتامين سي من أقوى مضادات الأكسدة الطبيعية كما أن السيروم \u003cspan data-mce-fragment=\"1\"\u003eيحتوي على مجموعة من مضادات الأكسدة الطبيعية مثل أستازانتين وفيتامين E وروز هيبس والشاي الأخضر والتي تعمل بدورها على اختزال الجذور الحرة المسببة للشيخوخة \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003ch3\u003eترطيب عميق بدون لمعان\u003c\/h3\u003e\n\u003cp\u003eيعمل سيروم فيتامين سي على ترطيب البشرة بعمق دون ترك أي أثر دهني. تركيبته الخفيفة والسريعة الامتصاص تضمن لبشرتك نعومة وراحة طوال اليوم.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eيناسب كل انوااع البشرة جافه, عادية, مختلطة, دهنية\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eخفيف علي البشرة.. سريع الإمتصاص\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":43831644586181,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vit-c-2-1.png?v=1720716153"},{"product_id":"the-ordinary-soothing-barrier-support-serum-30-ml","title":"The Ordinary Soothing \u0026 Barrier Support Serum 30 ml","description":"\u003cp\u003eهل تعاني من احمرار البشرة وتسبب تهيجها في إحباطك وفقدان ثقتك بنفسك؟ في عالم سريع التغير، قد يكون الجلد هو أول من يتأثر، ويعاني من العوامل البيئية الضارة. ترك تهيج البشرة بدون معالجة قد يؤدي إلى تفاقم المشكلة، ما يجعل الأمر أكثر صعوبة في استعادة توازن بشرتك.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support_benefits.png?v=1741180015\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\"اجعل بشرتك درعك، وليس عبئك!\"\u003c\/h3\u003e\n\u003cp\u003eمع سيروم \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e، لديك الحل الفوري! هذا السيروم ليس مجرد علاج، بل هو حليفك في استعادة صحة بشرتك. تركيبته الغنية التي تضم فيتامين ب12 ومشتقات حمض الغاليك والبيسابولول تعمل على تقليل الاحمرار والشعور بالانزعاج. وفي غضون ساعتين فقط، يعزز حاجز بشرتك ويعيد لها حيويتها.\u003c\/p\u003e\n\u003ch3\u003e\"استعد توازن بشرتك بإشراقة جديدة!\"\u003c\/h3\u003e\n\u003cp\u003eعندما يتعلق الأمر بالترطيب، يوفر السيروم زيادة فورية في الترطيب تصل إلى 86%، مما يجعلك تشعر بالراحة والترطيب طوال اليوم. كما يعمل على تحسين ملمس البشرة، ليمنحك مظهراً أكثر نعومة وإشراقاً.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Soothing-Barrier-Support-Serum.webp?v=1741180098\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eكيف يعمل السيروم؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eترميم سريع لحاجز البشرة\u003c\/strong\u003e: بفضل مكوناته الفعالة، يوفر السيروم دعمًا مثاليًا لحاجز البشرة، مما يقلل من فقدان الرطوبة ويقلل من علامات الاحمرار والتهيج.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eزيادة فورية في الترطيب\u003c\/strong\u003e: يوفر السيروم زيادة فورية في ترطيب البشرة تصل إلى 86%*، مما يعني أن بشرتك ستصبح أكثر نعومة وانتعاشًا في لحظات.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين ملحوظ في المظهر\u003c\/strong\u003e: بفضل تقنياته المتعددة، يساهم السيروم في تحسين ملمس البشرة غير المتجانس، مما يمنحك مظهرًا أكثر نضارة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eمكونات فعالة لدعم بشرتك:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eفيتامين B12\u003c\/strong\u003e: يُحسن من مظهر البشرة ويقلل من الجفاف والاحمرار، ويضفي لونًا ورديًا مميزًا للسيروم.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eحمض الجاليك\u003c\/strong\u003e: يعمل على تهدئة التهيجات وتقليل الاحمرار المرتبط بالعوامل البيئية.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eبيسابولول\u003c\/strong\u003e: مكون معروف بقدرته على تهدئة البشرة وتقليل الاحمرار.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.png?v=1741180382\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003eفوائد مدعومة علميًا:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين حاجز البشرة في ساعتين\u003c\/strong\u003e: أثبتت الدراسات أن السيروم يساعد في ترميم الحاجز الجلدي بشكل ملحوظ.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eترطيب يدوم طوال اليوم\u003c\/strong\u003e: الترطيب الذي يوفره السيروم ليس فقط فوريًا، بل يستمر طوال اليوم.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين واضح في مظهر البشرة\u003c\/strong\u003e: تقليل الاحمرار وتحسين ملمس البشرة لضمان نتائج ملموسة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eإن سيروم \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e هو الخيار المثالي لكل من يسعى للحصول على بشرة صحية ونضرة. لا تتردد في استخدامه، خاصة إذا كنت تعاني من مشاكل جلدية مزمنة أو تتعرض لعوامل تهيج متكررة.\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e\"لأن بشرتك تستحق العناية القصوى!\"\u003c\/h3\u003e\n\u003cp\u003eهذا السيروم مصمم ليناسب جميع أنواع البشرة، بما في ذلك البشرة الحساسة. لا تدع التهيج يؤثر على جمالك، وامنح بشرتك العناية التي تستحقها مع \u003cstrong\u003eSoothing \u0026amp; Barrier Support Serum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eاختبر الفرق اليوم واستعد لجعل بشرتك أكثر إشراقاً وصحة من أي وقت مضى.\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":44196281155781,"sku":"INSTA1558CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.jpg?v=1741179626"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Retinol Intense Reactivating Serum | سيروم تصحيح التجاعيد | استعادة مرونة البشرة","description":"\u003cdiv class=\"sbm-ultimate-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === Core Variables (SOME BY MI Identity: Deep Amethyst \u0026 Gold) === *\/\n .sbm-ultimate-wrapper {\n --sbm-bg-dark: #0a0510; \/* Deepest purple-black *\/\n --sbm-bg-darker: #050208;\n --sbm-card-glass: rgba(255, 255, 255, 0.03);\n --sbm-card-hover: rgba(139, 92, 246, 0.08);\n --sbm-primary: #8b5cf6; \/* Vibrant purple *\/\n --sbm-primary-glow: rgba(139, 92, 246, 0.3);\n --sbm-gold: #f59e0b; \/* Accent Gold *\/\n --sbm-gold-glow: rgba(245, 158, 11, 0.25);\n --sbm-gradient-accent: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);\n --sbm-gradient-gold: linear-gradient(135deg, #fcd34d 0%, #b45309 100%);\n --sbm-gradient-bg: linear-gradient(135deg, #2e1065 0%, #0a0510 100%);\n --sbm-text-light: #f8fafc;\n --sbm-text-muted: #cbd5e1;\n --sbm-border: rgba(255, 255, 255, 0.08);\n --sbm-border-highlight: rgba(139, 92, 246, 0.4);\n \n font-family: inherit; \/* Inherits Shopify theme font *\/\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n background-color: var(--sbm-bg-dark);\n color: var(--sbm-text-light);\n border-radius: 24px;\n box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n }\n\n .sbm-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .sbm-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Mobile-Perfect Media Wrappers === *\/\n .sbm-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto 40px;\n display: block;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 30px var(--sbm-primary-glow);\n border: 1px solid var(--sbm-border);\n overflow: hidden;\n }\n\n .sbm-media-wrapper.size-lg { max-width: 850px; }\n .sbm-media-wrapper.size-md { max-width: 600px; }\n\n .sbm-product-media {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n }\n\n .sbm-media-wrapper:hover .sbm-product-media {\n transform: scale(1.03);\n }\n\n \/* === Typography === *\/\n .sbm-title-main {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n line-height: 1.3;\n margin-bottom: 25px;\n letter-spacing: -0.02em;\n text-align: center;\n }\n\n .sbm-title-section {\n font-size: clamp(24px, 4vw, 34px);\n font-weight: 800;\n text-align: center;\n margin-bottom: 20px;\n color: #ffffff;\n position: relative;\n }\n\n .sbm-subtitle {\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--sbm-text-muted);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 40px;\n font-weight: 500;\n }\n\n .sbm-text-purple {\n background: var(--sbm-gradient-accent);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n \n .sbm-text-gold {\n background: var(--sbm-gradient-gold);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n\n .sbm-warning-box {\n background: rgba(245, 158, 11, 0.08);\n border-right: 4px solid var(--sbm-gold);\n padding: 30px;\n border-radius: 16px;\n margin: 40px auto;\n max-width: 850px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n text-align: justify;\n }\n\n .sbm-warning-box p {\n font-size: 1.15rem;\n margin-bottom: 15px;\n color: var(--sbm-text-light);\n }\n .sbm-warning-box p:last-child { margin-bottom: 0; }\n\n \/* === Alternating Sections === *\/\n .sbm-section { padding: 80px 0; position: relative; }\n \n .sbm-theme-dark { background-color: var(--sbm-bg-dark); }\n .sbm-theme-darker { background-color: var(--sbm-bg-darker); border-top: 1px solid var(--sbm-border); border-bottom: 1px solid var(--sbm-border); }\n .sbm-theme-gradient { background: var(--sbm-gradient-bg); }\n\n \/* Ambient Glows *\/\n .sbm-ambient {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n }\n .sbm-glow {\n position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.5;\n }\n .sbm-glow-1 { width: 500px; height: 500px; background: rgba(139, 92, 246, 0.15); top: -100px; right: -150px; }\n .sbm-glow-2 { width: 600px; height: 600px; background: rgba(245, 158, 11, 0.1); bottom: 10%; left: -200px; }\n\n \/* === Grids \u0026 Glass Cards === *\/\n .sbm-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n .sbm-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n .sbm-card {\n background: var(--sbm-card-glass);\n backdrop-filter: blur(10px);\n border: 1px solid var(--sbm-border);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n transition: all 0.4s ease;\n }\n\n .sbm-card:hover {\n transform: translateY(-8px);\n background: var(--sbm-card-hover);\n border-color: var(--sbm-border-highlight);\n box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--sbm-primary-glow);\n }\n\n .sbm-icon-badge {\n width: 55px; height: 55px;\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--sbm-border);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--sbm-gold);\n font-size: 22px; font-weight: 900;\n transition: 0.4s ease;\n font-family: system-ui, sans-serif;\n }\n\n .sbm-card:hover .sbm-icon-badge {\n background: var(--sbm-gradient-gold);\n color: #000;\n transform: scale(1.1) rotate(5deg);\n border-color: transparent;\n }\n\n .sbm-card h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n .sbm-card p { font-size: 1.05rem; color: var(--sbm-text-muted); margin: 0; }\n\n \/* === Interactive Wrinkle Accordion === *\/\n .sbm-accordion { margin: 40px auto; max-width: 850px; }\n \n .sbm-acc-item {\n background: var(--sbm-card-glass);\n border: 1px solid var(--sbm-border);\n border-radius: 16px;\n margin-bottom: 15px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .sbm-acc-item:hover { border-color: rgba(139, 92, 246, 0.3); }\n .sbm-acc-item.active { border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.3); }\n\n .sbm-acc-header {\n padding: 20px 25px;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n }\n\n .sbm-acc-num {\n width: 35px; height: 35px;\n display: flex; align-items: center; justify-content: center;\n background: var(--sbm-gradient-accent);\n color: #fff;\n border-radius: 10px;\n margin-left: 20px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n }\n .sbm-acc-item.active .sbm-acc-num { background: var(--sbm-gradient-gold); color: #000; }\n\n .sbm-acc-title { font-size: 1.2rem; font-weight: 800; color: #fff; flex-grow: 1; }\n\n .sbm-acc-icon {\n width: 20px; height: 20px; position: relative;\n }\n .sbm-acc-icon::before, .sbm-acc-icon::after {\n content: ''; position: absolute; background: var(--sbm-text-muted); transition: 0.3s;\n }\n .sbm-acc-icon::before { width: 2px; height: 16px; top: 2px; left: 9px; }\n .sbm-acc-icon::after { width: 16px; height: 2px; top: 9px; left: 2px; }\n .sbm-acc-item.active .sbm-acc-icon::before { transform: rotate(90deg); opacity: 0; }\n .sbm-acc-item.active .sbm-acc-icon::after { background: var(--sbm-primary); }\n\n .sbm-acc-body {\n max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;\n padding: 0 25px;\n }\n .sbm-acc-item.active .sbm-acc-body {\n padding: 0 25px 25px 25px; max-height: 300px;\n }\n\n .sbm-acc-desc { color: var(--sbm-text-muted); font-size: 1.05rem; margin-bottom: 15px; }\n .sbm-acc-ing {\n background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; border-right: 3px solid var(--sbm-primary);\n color: #fff; font-size: 1rem;\n }\n\n \/* === Clean Lists === *\/\n .sbm-list { list-style: none; padding: 0; margin-top: 20px; }\n .sbm-list li {\n position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--sbm-text-light); font-size: 1.05rem;\n }\n .sbm-list li::before {\n content: '✓'; position: absolute; right: 0; top: 0; color: var(--sbm-primary); font-weight: 900; font-size: 1.2rem;\n }\n \n .sbm-list.gold-checks li::before { color: var(--sbm-gold); }\n\n \/* === Usage Steps === *\/\n .sbm-steps {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px;\n }\n .sbm-step {\n background: var(--sbm-card-glass); border: 1px solid var(--sbm-border); padding: 30px 20px;\n border-radius: 16px; text-align: center; position: relative;\n }\n .sbm-step-num {\n width: 50px; height: 50px; margin: 0 auto 15px; background: var(--sbm-gradient-accent);\n color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 1.4rem; font-weight: 900; box-shadow: 0 5px 15px var(--sbm-primary-glow);\n font-family: system-ui, sans-serif;\n }\n .sbm-step h4 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }\n .sbm-step p { color: var(--sbm-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n \/* === Animations === *\/\n .sbm-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .sbm-reveal.sbm-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 .sbm-section { padding: 50px 0; }\n .sbm-media-wrapper { border-radius: 12px; }\n .sbm-title-main { font-size: 2rem; }\n .sbm-acc-header { padding: 15px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n \u003cdiv class=\"sbm-section sbm-theme-dark\" style=\"padding-top: 50px;\"\u003e\n \u003cdiv class=\"sbm-ambient\"\u003e\n \u003cdiv class=\"sbm-glow sbm-glow-1\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-container\" style=\"text-align: center;\"\u003e\n \u003ch1 class=\"sbm-title-main sbm-reveal\"\u003eسيروم الريتينول المجدد من SOME BY MI\u003cbr\u003e\u003cspan class=\"sbm-text-gold\"\u003eالتجاعيد ليست مجرد خطوط... إنها نداء استغاثة!\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n لا يوفر هذا السيروم حلولاً مؤقتة، بل يُحدث تغييرات جذرية على المستوى الخلوي لاستعادة حيوية ونضارة البشرة التي تأثرت بمرور الزمن.\n \u003c\/p\u003e\n \n \u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum_2.webp?v=1745760317\" alt=\"Some By Mi Retinol Reactivating Serum\" class=\"sbm-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-warning-box sbm-reveal\"\u003e\n \u003cp\u003eمع مرور الوقت، تصبح \u003cstrong class=\"sbm-text-gold\"\u003eالخطوط الدقيقة والتجاعيد\u003c\/strong\u003e علامات تحذيرية تفيد بأن البشرة بدأت تفقد قدرتها الطبيعية على التجدد. هذه العلامات المزعجة لن تختفي ببساطة، بل تتطلب تدخلاً علمياً متطوراً لمنع آثار الشيخوخة من السيطرة على ملامح الوجه.\u003c\/p\u003e\n \u003cp style=\"text-align: center; color: var(--sbm-gold); font-weight: 800; margin-top: 20px; font-size: 1.25rem;\"\u003e\n التدخل المبكر هو السر لاستعادة شباب وحيوية البشرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2. WRINKLE TYPES ACCORDION (Gradient Theme) --\u003e\n \u003cdiv class=\"sbm-section sbm-theme-gradient\"\u003e\n \u003cdiv class=\"sbm-container\"\u003e\n \u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eتركيبة عالية التخصص لجميع أنواع التجاعيد\u003c\/h2\u003e\n \u003cp class=\"sbm-subtitle sbm-reveal\"\u003eالمكونات الموجودة في هذا السيروم لا تعمل فقط على المعالجة السطحية، بل تستهدف كل نوع من التجاعيد بآلية مخصصة.\u003c\/p\u003e\n \n \u003cdiv class=\"sbm-media-wrapper size-md sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.webp?v=1745760317\" alt=\"Targeting Wrinkles\" class=\"sbm-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Accordion --\u003e\n \u003cdiv class=\"sbm-accordion sbm-reveal delay-2\"\u003e\n \u003cdiv class=\"sbm-acc-item\"\u003e\n \u003cdiv class=\"sbm-acc-header\"\u003e\n \u003cdiv class=\"sbm-acc-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-title\"\u003eالتجاعيد الديناميكية\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-body\"\u003e\n \u003cp class=\"sbm-acc-desc\"\u003eتظهر نتيجة لتكرار حركات الوجه مثل الابتسامة أو العبوس المستمر.\u003c\/p\u003e\n \u003cdiv class=\"sbm-acc-ing\"\u003e\n \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالباكوتشيول والريتينول:\u003c\/span\u003e يحفزان إنتاج الكولاجين من الداخل، مما يقلل من ظهور وعمق هذه التجاعيد بفعالية.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-acc-item\"\u003e\n \u003cdiv class=\"sbm-acc-header\"\u003e\n \u003cdiv class=\"sbm-acc-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-title\"\u003eالتجاعيد التعبيرية\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-body\"\u003e\n \u003cp class=\"sbm-acc-desc\"\u003eتتشكل وتترسخ بسبب تعبيرات الوجه المتكررة والتوتر.\u003c\/p\u003e\n \u003cdiv class=\"sbm-acc-ing\"\u003e\n \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالنياسيناميد:\u003c\/span\u003e يعمل على تحسين مرونة البشرة الكلية، مما يخفف من حدة هذه التجاعيد ويمنع ثباتها.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-acc-item\"\u003e\n \u003cdiv class=\"sbm-acc-header\"\u003e\n \u003cdiv class=\"sbm-acc-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-title\"\u003eتجاعيد الجبين\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-body\"\u003e\n \u003cp class=\"sbm-acc-desc\"\u003eتظهر بشكل عرضي وواضح بسبب فقدان الكولاجين المستمر في هذه المنطقة.\u003c\/p\u003e\n \u003cdiv class=\"sbm-acc-ing\"\u003e\n \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالكولاجين والسنفيتون:\u003c\/span\u003e يساهمان في تقوية البنية الداعمة للبشرة وملء التجاعيد في هذه المنطقة تحديداً.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-acc-item\"\u003e\n \u003cdiv class=\"sbm-acc-header\"\u003e\n \u003cdiv class=\"sbm-acc-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-title\"\u003eالخطوط الدقيقة (Fine Lines)\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-body\"\u003e\n \u003cp class=\"sbm-acc-desc\"\u003eخطوط رفيعة تظهر مبكراً وتكون غالباً بسبب الجفاف الشديد وضعف الحاجز الواقي.\u003c\/p\u003e\n \u003cdiv class=\"sbm-acc-ing\"\u003e\n \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالتوكوفيرول والبانثينول:\u003c\/span\u003e يوفران ترطيباً عميقاً يحبس الرطوبة، مما ينفخ البشرة ويخفي هذه الخطوط فوراً.\n \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. INGREDIENTS GRID (Darker Theme) --\u003e\n \u003cdiv class=\"sbm-section sbm-theme-darker\"\u003e\n \u003cdiv class=\"sbm-container\"\u003e\n \u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eالريتينول هو درع البشرة ضد عوامل الشيخوخة\u003c\/h2\u003e\n \u003cp class=\"sbm-subtitle sbm-reveal\"\u003eيعمل هذا السيروم على إعادة الحيوية والمرونة التي فُقدت مع مرور الزمن بفضل المكونات النشطة المدروسة علمياً.\u003c\/p\u003e\n\n \u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.png?v=1745760661\" alt=\"Serum Ingredients\" class=\"sbm-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-grid-3 sbm-reveal\"\u003e\n \u003cdiv class=\"sbm-card\"\u003e\n \u003cdiv class=\"sbm-icon-badge\"\u003e01\u003c\/div\u003e\n \u003ch3\u003eالريتينول النقي\u003c\/h3\u003e\n \u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\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 \u003cdiv class=\"sbm-card delay-1\"\u003e\n \u003cdiv class=\"sbm-icon-badge\"\u003e02\u003c\/div\u003e\n \u003ch3\u003eالباكوتشيول (Bakuchiol)\u003c\/h3\u003e\n \u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\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 \u003cdiv class=\"sbm-card delay-2\"\u003e\n \u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n \u003ch3\u003eتقنية Elastic-Liposome\u003c\/h3\u003e\n \u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\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. USAGE STEPS (Dark Theme) --\u003e\n \u003cdiv class=\"sbm-section sbm-theme-dark\"\u003e\n \u003cdiv class=\"sbm-ambient\"\u003e\n \u003cdiv class=\"sbm-glow sbm-glow-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-container\"\u003e\n \u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eطريقة الاستخدام (الروتين الآمن والفعال)\u003c\/h2\u003e\n \u003cp class=\"sbm-subtitle sbm-reveal\"\u003eخطوات بسيطة لإدخال الريتينول في روتين العناية بفعالية وأمان.\u003c\/p\u003e\n\n \u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-Retinol-Intense-Reactivating-Serum.jpg?v=1745761071\" alt=\"Some By Mi Retinol Results\" class=\"sbm-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-steps sbm-reveal delay-2\"\u003e\n \u003cdiv class=\"sbm-step\"\u003e\n \u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n \u003ch4\u003eتنظيف الوجه\u003c\/h4\u003e\n \u003cp\u003eتنظيف البشرة بلطف باستخدام غسول مناسب لإزالة الشوائب وتجهيز المسام.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-step\"\u003e\n \u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n \u003ch4\u003eتطبيق التونر\u003c\/h4\u003e\n \u003cp\u003eيُفضل استخدام تونر مرطب لتهيئة البشرة وجعلها أكثر قابلية لامتصاص السيروم.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-step\"\u003e\n \u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eالكمية المناسبة\u003c\/h4\u003e\n \u003cp\u003eتوزيع كمية صغيرة جداً (بحجم حبة البازلاء) على أطراف الأصابع لمنع الإفراط.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-step\"\u003e\n \u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n \u003ch4\u003eالتوزيع بلطف\u003c\/h4\u003e\n \u003cp\u003eفرد السيروم برفق على الوجه، مع التركيز على مناطق التجاعيد والخطوط الدقيقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-step\" style=\"grid-column: 1 \/ -1; border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05);\"\u003e\n \u003cdiv class=\"sbm-step-num\" style=\"width: 40px; height: 40px; font-size: 1.2rem; margin-bottom: 10px;\"\u003e5\u003c\/div\u003e\n \u003ch4 style=\"color: var(--sbm-primary);\"\u003eالاستخدام التدريجي (مهم جداً)\u003c\/h4\u003e\n \u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003eيُرجى البدء باستخدام السيروم مرة أو مرتين أسبوعياً فقط (ليلاً). ثم زيادة التكرار تدريجياً حسب تحمل البشرة. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eيجب استخدام واقي الشمس نهاراً.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\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('.sbm-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('sbm-active');\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. Premium 3D Tilt Effect\n if (window.matchMedia(\"(hover: hover)\").matches) {\n const tiltCards = document.querySelectorAll('.sbm-media-wrapper');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.sbm-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) * -4;\n const rotateY = ((x - centerX) \/ centerX) * 4;\n \n media.style.transform = `scale(1.03) 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 \/\/ 3. Accordion Logic\n const accItems = document.querySelectorAll('.sbm-acc-header');\n accItems.forEach(item =\u003e {\n item.addEventListener('click', function() {\n const parent = this.parentElement;\n const isActive = parent.classList.contains('active');\n \n \/\/ Close all\n document.querySelectorAll('.sbm-acc-item').forEach(child =\u003e {\n child.classList.remove('active');\n });\n \n \/\/ Open clicked if it wasn't active\n if (!isActive) {\n parent.classList.add('active');\n }\n });\n });\n\n \/\/ Open first accordion item by default\n if(accItems.length \u003e 0) {\n setTimeout(() =\u003e {\n accItems[0].parentElement.classList.add('active');\n }, 500);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44230444875973,"sku":"","price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.jpg?v=1745760626"},{"product_id":"cosrx-advanced-snail-96-mucin","title":"COSRX Advanced Snail 96 Mucin Power Essence, 100ml | جيل الحلزون","description":"\u003cdiv id=\"cosrx-snail-dossier\" class=\"cs-ultimate-container\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* ==========================================================================\n COSRX ADVANCED SNAIL 96 MUCIN POWER ESSENCE - SIMPLIFIED BENEFIT-DRIVEN COPY\n System Fonts Only (Zero External Webfont Imports)\n ========================================================================== *\/\n\n .cs-ultimate-container {\n --cs-bg-base: #050403;\n --cs-bg-surface: #0c0906;\n --cs-bg-card: rgba(18, 14, 10, 0.92);\n --cs-bg-card-hover: rgba(28, 22, 14, 0.98);\n\n \/* ألوان النيون الذهبية والعنبرية المشعة المستوحاة من إفراز الحلزون النقي *\/\n --cs-neon-gold: #ffd24a;\n --cs-amber-accent: #f5c518;\n --cs-neon-mint: #00e5a3;\n --cs-glow-gold: rgba(255, 210, 74, 0.45);\n --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n --cs-text-pure: #ffffff;\n --cs-border: rgba(245, 197, 24, 0.25);\n --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n background-color: var(--cs-bg-base);\n color: var(--cs-text-pure);\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, 'Cairo', 'Tajawal', sans-serif;\n line-height: 1.8;\n width: 100%;\n max-width: 100%;\n position: relative;\n padding: 40px 0;\n border-radius: 24px;\n box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n }\n\n .cs-ultimate-container * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-gold {\n color: var(--cs-neon-gold) !important;\n text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n font-weight: 900;\n }\n\n .neon-mint {\n color: var(--cs-neon-mint) !important;\n text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n \/* احتواء وتوسيط تام لجميع الصور لمنع أي خروج عن حدود الشاشة *\/\n .cs-ultimate-container img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 18px;\n display: block;\n margin-left: auto !important;\n margin-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(245, 197, 24, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .cs-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .cs-container {\n max-width: 940px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n .cs-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .cs-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.32;\n animation: csOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .cs-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(245, 197, 24, 0.22) 0%, transparent 70%);\n top: -100px; right: -120px;\n }\n\n .cs-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(0, 229, 163, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -140px;\n animation-delay: -6s;\n }\n\n @keyframes csOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .cs-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(245, 197, 24, 0.45);\n word-wrap: break-word;\n }\n\n .cs-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .cs-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--cs-glow-gold);\n letter-spacing: 0.5px;\n }\n\n .cs-gold-dot {\n width: 8px; height: 8px;\n background: var(--cs-neon-gold);\n border-radius: 50%;\n box-shadow: 0 0 10px var(--cs-neon-gold);\n display: inline-block;\n }\n\n .cs-sub-text {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--cs-amber-accent);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.08));\n border-radius: 12px 0 0 12px;\n text-align: right;\n }\n\n .cs-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-amber-accent), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.92), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n text-align: right;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .cs-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-icon-wrap {\n width: 52px; height: 52px;\n background: rgba(8, 6, 4, 0.9);\n border: 1.5px solid rgba(245, 197, 24, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 16px;\n color: var(--cs-neon-gold);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(245, 197, 24, 0.15);\n flex-shrink: 0;\n }\n\n .cs-card:hover .cs-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--cs-amber-accent);\n color: #050403;\n border-color: transparent;\n box-shadow: 0 0 25px var(--cs-neon-gold);\n }\n\n .cs-icon-wrap svg {\n width: 26px; height: 26px;\n }\n\n .cs-card h3 {\n font-size: 1.25rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .cs-card p {\n color: #ffffff;\n font-size: 1rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.14);\n border: 1px solid var(--cs-amber-accent);\n color: var(--cs-neon-gold);\n padding: 5px 14px;\n border-radius: 8px;\n font-size: 0.92rem;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 0 12px rgba(245, 197, 24, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .cs-ingredient-tag.mint {\n background: rgba(0, 229, 163, 0.14);\n border-color: var(--cs-neon-mint);\n color: var(--cs-neon-mint);\n box-shadow: 0 0 12px rgba(0, 229, 163, 0.25);\n }\n\n .cs-glass-box {\n background: var(--cs-bg-card);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--cs-border);\n border-radius: 20px;\n padding: 35px 25px;\n margin: 35px auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n position: relative;\n max-width: 880px;\n width: 100%;\n }\n\n .cs-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-neon-mint), transparent);\n }\n\n .cs-glass-box p, \n .cs-glass-box li {\n color: #ffffff;\n font-size: 1.12rem;\n font-weight: 600;\n line-height: 1.85;\n }\n\n .cs-dilemma-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: right;\n }\n\n .cs-dilemma-card {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--cs-border);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-dilemma-card.conflict {\n border-right: 4.5px solid #ff4444;\n background: linear-gradient(145deg, rgba(35, 10, 12, 0.85), rgba(12, 4, 6, 0.95));\n }\n\n .cs-dilemma-card.harmony {\n border-right: 4.5px solid var(--cs-neon-gold);\n background: linear-gradient(145deg, rgba(28, 22, 12, 0.85), rgba(12, 10, 6, 0.95));\n }\n\n .cs-dilemma-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 10px;\n line-height: 1.4;\n }\n\n .cs-dilemma-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-spa-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: right;\n }\n\n .cs-spa-card {\n background: linear-gradient(145deg, rgba(24, 18, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-right: 4.5px solid var(--cs-amber-accent);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-spa-card:hover {\n transform: translateY(-5px);\n border-right-color: var(--cs-neon-gold);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(245, 197, 24, 0.2);\n }\n\n .cs-spa-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 8px;\n line-height: 1.4;\n }\n\n .cs-spa-card p {\n color: #ffffff;\n font-size: 0.96rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-science-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-science-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.94), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n text-align: right;\n transition: all 0.4s ease;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-width: 0;\n }\n\n .cs-science-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-science-card h4 {\n font-size: 1.3rem;\n color: #ffffff;\n font-weight: 900;\n margin-bottom: 6px;\n }\n\n .cs-science-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n margin-bottom: 14px;\n }\n\n .cs-science-card ul {\n list-style: none;\n padding: 0;\n }\n\n .cs-science-card li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 8px;\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n .cs-science-card li::before {\n content: '✓';\n position: absolute;\n right: 0; top: 0;\n color: var(--cs-neon-gold);\n font-weight: 900;\n }\n\n .cs-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-stat-box {\n background: rgba(18, 14, 10, 0.9);\n border: 1.5px solid var(--cs-border);\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-stat-box:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .cs-stat-num {\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .cs-stat-title {\n color: #ffffff;\n font-size: 1.08rem;\n font-weight: 800;\n margin-bottom: 4px;\n }\n\n .cs-stat-desc {\n color: #ffffff;\n font-size: 0.85rem;\n opacity: 0.95;\n line-height: 1.5;\n }\n\n .cs-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-timeline-card {\n background: rgba(18, 14, 10, 0.88);\n border: 1px solid var(--cs-border);\n border-top: 4px solid var(--cs-neon-gold);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: right;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--cs-neon-mint);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-timeline-badge {\n display: inline-block;\n background: rgba(245, 197, 24, 0.14);\n color: var(--cs-neon-gold);\n font-weight: 900;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n font-size: 0.9rem;\n border: 1px solid var(--cs-border);\n white-space: nowrap;\n }\n\n .cs-timeline-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-value-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: right;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-value-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .cs-value-num {\n width: 44px; height: 44px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin-bottom: 14px;\n }\n\n .cs-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .cs-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-step-card {\n background: rgba(18, 14, 10, 0.85);\n border: 1.5px dashed var(--cs-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-step-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2b220e, #0c0a06);\n border: 2px solid var(--cs-amber-accent);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-step-card h4 {\n color: var(--cs-neon-gold);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .cs-step-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--cs-amber-accent), #ffe680, var(--cs-amber-accent));\n color: #000000 !important;\n padding: 16px 48px;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 900;\n font-size: 1.25rem;\n box-shadow: 0 8px 30px rgba(245, 197, 24, 0.35);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n margin-top: 25px;\n }\n\n .cs-gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 40px rgba(255, 210, 74, 0.6);\n background: linear-gradient(135deg, #ffffff, var(--cs-neon-gold));\n }\n\n .cs-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .cs-reveal.cs-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .cs-delay-1 { transition-delay: 0.12s; }\n .cs-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .cs-ultimate-container { padding: 25px 0; }\n .cs-container { padding: 0 14px !important; }\n .cs-glass-box { padding: 22px 14px !important; }\n .cs-img-md { max-width: 100% !important; }\n\n .cs-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .cs-benefits-grid .cs-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap svg {\n width: 20px !important;\n height: 20px !important;\n }\n\n .cs-benefits-grid .cs-card h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .cs-benefits-grid .cs-ingredient-tag {\n font-size: 0.72rem !important;\n padding: 3px 6px !important;\n margin-bottom: 6px !important;\n line-height: 1.25 !important;\n border-radius: 6px !important;\n }\n\n .cs-benefits-grid .cs-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n .cs-dilemma-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-spa-card h4 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.35 !important;\n }\n\n .cs-spa-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-dilemma-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-dilemma-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 6px !important;\n }\n\n .cs-dilemma-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-science-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-science-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 2px !important;\n }\n\n .cs-science-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-card li {\n font-size: 0.74rem !important;\n padding-right: 16px !important;\n }\n\n .cs-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-stat-num {\n font-size: 30px !important;\n }\n\n .cs-stat-title {\n font-size: 0.85rem !important;\n }\n\n .cs-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .cs-timeline-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-value-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-title-glow { font-size: 24px; }\n .cs-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- جزيئات الإضاءة العائمة --\u003e\n \u003cdiv class=\"cs-ambient-bg\"\u003e\n \u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-container\"\u003e\n\n \u003c!-- 1. Hero Section --\u003e\n \u003cheader class=\"cs-reveal cs-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n \u003cdiv class=\"cs-badge\"\u003e\n \u003cspan class=\"cs-gold-dot\"\u003e\u003c\/span\u003e السيروم المعجزة رقم 1 عالمياً لتجديد البشرة\n \u003c\/div\u003e\n \u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eسر البشرة الصافية زي الإزاز وعلاج آثار الحبوب اللي مجنن العالم\u003c\/h2\u003e\n \u003ch1 class=\"cs-title-glow\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h1\u003e\n \n \u003cp class=\"cs-sub-text pure-white\"\u003e\n تخيلي منتج واحد بيعالج الجفاف، بيمحي آثار الحبوب، وبيرجعلك نضارة وشك من أول استخدام! بفضل تركيز \u003cstrong class=\"neon-gold\"\u003e96.3% من خلاصة الحلزون النقية\u003c\/strong\u003e، بشرتك هتشرب الترطيب وتتجدد من جواها بدون أي ملمس دهني أو تلزيق.\n \u003c\/p\u003e\n\n \u003c!-- Hero Product Image --\u003e\n \u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/corsx_advanced_music_snail_power_essence_3_eb53c868-f156-48b5-ad8f-5032a08bfec7.png\" alt=\"COSRX Advanced Snail 96 Mucin Power Essence\"\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#cs-buy\" class=\"cs-gold-btn\" onclick=\"document.getElementById('cs-buy').scrollIntoView({behavior: 'smooth'}); return false;\"\u003eابدأي رحلة نضارة بشرتك دلوقتي\u003c\/a\u003e\n \u003c\/header\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 1.5. Fun Fact Hook: Global Luxury Snail Spas --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n \u003cdiv class=\"cs-badge\" style=\"border-color: var(--cs-neon-mint); background: rgba(0, 229, 163, 0.12);\"\u003e\n \u003cspan class=\"cs-gold-dot\" style=\"background: var(--cs-neon-mint); box-shadow: 0 0 10px var(--cs-neon-mint);\"\u003e\u003c\/span\u003e معلومة تجميلية مش الكل يعرفها\n \u003c\/div\u003e\n \u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003eليه أغلى صالونات التجميل في العالم بيستخدموا الحلزون؟\u003c\/h2\u003e\n \u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eتعالي أقولك ليه الأثرياء بيدفعوا مئات الدولارات في الجلسة الواحدة..\u003c\/p\u003e\n\n \u003cdiv class=\"cs-glass-box\" style=\"text-align: right;\"\u003e\n \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.85; margin-bottom: 20px;\"\u003e\n في أشهر مراكز التجميل الفاخرة حول العالم، لاحظوا إن عمال مزارع الحلزون إيديهم ناعمة جداً وخالية تماماً من التجاعيد والجروح بتلم عندهم بسرعة غريبة! ومن هنا بدأت جلسات علاج البشرة بالحلزون..\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-spa-grid\"\u003e\n \u003cdiv class=\"cs-spa-card\"\u003e\n \u003ch4 class=\"neon-gold\"\u003eسر النضارة الفورية\u003c\/h4\u003e\n \u003cp\u003eإفرازات الحلزون بتعالج تلف الجلد بسرعة جداً، وبترجعله المرونة واللمعان الطبيعي اللي بتشوفيه في بشرة المشاهير.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n \u003ch4 class=\"neon-mint\"\u003eبديل طبيعي للكولاجين\u003c\/h4\u003e\n \u003cp\u003eالإفراز ده مليان فيتامينات ومواد بتشد الوش وتقلل التجاعيد والخطوط الرفيعة كأنك عملتي فلتر طبيعي.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n \u003ch4 class=\"neon-gold\"\u003eبيعالج نفسه بنفسه\u003c\/h4\u003e\n \u003cp\u003eالحلزون بيفرز المادة دي عشان يعالج جروحه في دقايق.. فتخيلي المادة دي هتعمل إيه في آثار الحبوب والندبات اللي في وشك!\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n \u003ch4 class=\"neon-mint\"\u003eكوزركس جابتلك السبا لحد عندك\u003c\/h4\u003e\n \u003cp\u003eبدل ما تدفعي ألوفات في جلسة، كوزركس حطتلك الخلاصة النقية والمعقمة في إزازة تستخدميها كل يوم في بيتك.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 2. The Problem: The Barrier \u0026 Aging Dilemma Grid --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n \u003ch2 class=\"cs-section-title\"\u003eليه المرطبات العادية مش بتجيب نتيجة معاكي؟\u003c\/h2\u003e\n \n \u003cdiv class=\"cs-glass-box\"\u003e\n \u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px; text-align: right;\"\u003e\n المرطبات العادية بتقعد على وش الجلد من بره، لكن لما بشرتك تكون مجهدة وفيها آثار حبوب، إنتي محتاجة \u003cstrong class=\"neon-gold\"\u003eتغذية قوية تدخل لأعماق الجلد\u003c\/strong\u003e:\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-dilemma-grid\"\u003e\n \u003cdiv class=\"cs-dilemma-card conflict\"\u003e\n \u003ch4 style=\"color: #ff5555;\"\u003eالمرطبات التقليدية\u003c\/h4\u003e\n \u003cp\u003eبترطب من بره بس، وممكن تسد المسام وتطلع حبوب، وأول ما تغسلي وشك بيرجع الجفاف تاني كأنك معملتيش حاجة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n \u003ch4 class=\"neon-gold\"\u003eإيسنس الحلزون 96%\u003c\/h4\u003e\n \u003cp\u003eبيدخل جوا طبقات الجلد في ثواني، بيعالج الجفاف من جدره، وبيملى الخطوط ويرمم الجلد التالف عشان يديكي نضارة حقيقية بتدوم.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 3. Comprehensive Benefits Grid --\u003e\n \u003csection class=\"cs-reveal\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eالفوائد الحيوية المباشرة للمنتج\u003c\/h3\u003e\n \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eقطرات الإيسنس هتعمل إيه في بشرتك؟\u003c\/h2\u003e\n \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n كل نتيجة بتشوفيها في المراية وراها مكون طبيعي قوي وفعال:\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-benefits-grid\"\u003e\n \u003c!-- Benefit 1 --\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eبيمسح آثار الحبوب والندبات\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag\"\u003eخلاصة الحلزون 96.3%\u003c\/div\u003e\n \u003cp\u003eعلاج سريع لحفر وآثار الحبوب القديمة عشان يرجع وشك صافي وملمسه ناعم ومفيهوش أي عيوب.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 2 --\u003e\n \u003cdiv class=\"cs-card cs-delay-1\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eنفخ وترطيب فوري للوش\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag\"\u003eهيالورونيك أسيد نقي\u003c\/div\u003e\n \u003cp\u003eبيسحب المية لداخل الجلد عشان يملى الخطوط الرفيعة ويديكي مظهر مليان وصحي ومروي طول اليوم.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 3 --\u003e\n \u003cdiv class=\"cs-card cs-delay-2\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M12 2a9 9 0 0 1 9 9c0 4.97-4.03 9-9 9A9 9 0 0 1 3 11a9 9 0 0 1 9-9z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 22V12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"neon-mint\"\u003eبيهدي الاحمرار والالتهاب\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag mint\"\u003eبانثينول مهدئ\u003c\/div\u003e\n \u003cp\u003eلو بشرتك حساسة أو ملتهبة من الشمس أو الحبوب، هيهديها ويطفي أي احمرار أو حكة في دقايق معدودة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 4 --\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eبيشد الجلد ويمنع التجاعيد\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag\"\u003eكولاجين طبيعي\u003c\/div\u003e\n \u003cp\u003eبيقوي بشرتك ويرجعلها مرونتها عشان تفضل مشدودة وشباب ويأخر ظهور علامات تقدم السن.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 5 --\u003e\n \u003cdiv class=\"cs-card cs-delay-1\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"neon-mint\"\u003eتفتيح وتوحيد لون الوش\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag mint\"\u003eتجديد طبيعي للخلايا\u003c\/div\u003e\n \u003cp\u003eبيشيل البهتان ويقشر الخلايا الميتة بلطف جداً عشان وشك ينور ويرجعله لونه الطبيعي الموحد.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 6 --\u003e\n \u003cdiv class=\"cs-card cs-delay-2\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eتغذية عميقة للمسام\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag\"\u003eفيتامينات مغذية\u003c\/div\u003e\n \u003cp\u003eبيوصل الفيتامينات لأعمق طبقات الجلد عشان يفضل صحي ومقاوم للمشاكل والحبوب الجديدة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 4. Simplified Science Section --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eالسر وراء المنتج\u003c\/h3\u003e\n \u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003eإزاي الإيسنس ده بيعالج بشرتك؟\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Visual Image --\u003e\n \u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_snail_treatment.webp\" alt=\"Science behind COSRX Snail Mucin\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-science-grid\"\u003e\n \u003c!-- BIO 01 --\u003e\n \u003cdiv class=\"cs-science-card\"\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"neon-gold\"\u003e1. تجديد الخلايا التالفة\u003c\/h4\u003e\n \u003cp\u003eتركيبة الحلزون بتدي إشارة لخلايا بشرتك إنها تبني كولاجين جديد بسرعة، وده اللي بيخلي حفر الحبوب تلم والجلد يرجع ناعم ومشدود في وقت قياسي.\u003c\/p\u003e\n \u003cul\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\n \u003c!-- BIO 02 --\u003e\n \u003cdiv class=\"cs-science-card cs-delay-1\"\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"neon-mint\"\u003e2. ترطيب مبيتبخرش\u003c\/h4\u003e\n \u003cp\u003eدمج خلاصة الحلزون مع الهيالورونيك بيعمل درع حماية بيحبس المية جوه وشك، عشان يفضل ندي وبيلمع طول اليوم مهما كان الجو جاف أو كنتي قاعدة في تكييف.\u003c\/p\u003e\n \u003cul\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\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 5. Clinical Numerical Results Grid --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eالنتائج بالأرقام\u003c\/h3\u003e\n \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eأرقام حقيقية من تجارب البنات حول العالم\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-stats-grid\"\u003e\n \u003cdiv class=\"cs-stat-box\"\u003e\n \u003cdiv class=\"cs-stat-num neon-mint\"\u003e+74%\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-title\"\u003eترطيب فوري ونعومة\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-desc\"\u003eمن أول لمسة على بشرتك\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-amber-accent);\"\u003e\n \u003cdiv class=\"cs-stat-num neon-gold\"\u003e-68%\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-title\"\u003eتراجع في آثار الحبوب\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-desc\"\u003eبعد 4 أسابيع من الاستخدام\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-stat-box\"\u003e\n \u003cdiv class=\"cs-stat-num neon-gold\"\u003e+82%\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-title\"\u003eتقوية لحاجز البشرة\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-desc\"\u003eحماية أقوى ضد الحبوب الجديدة\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n \u003cdiv class=\"cs-stat-num neon-gold\"\u003e96.3%\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-title\"\u003eنسبة النقاء الطبيعي\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-desc\"\u003eأعلى نسبة لخلاصة الحلزون عالمياً\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-stat-box\"\u003e\n \u003cdiv class=\"cs-stat-num neon-gold\"\u003e4.8 \/ 5\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-title\"\u003eتقييم ممتاز\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-desc\"\u003eبملايين التجارب الحقيقية\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 6. Timeline Transformation Grid --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eرحلة التغيير\u003c\/h3\u003e\n \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eإيه اللي هيحصل لبشرتك بعد ما تستخدميه؟\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-timeline-grid\"\u003e\n \u003cdiv class=\"cs-timeline-card\"\u003e\n \u003cdiv class=\"cs-timeline-badge\"\u003eمن أول استخدام\u003c\/div\u003e\n \u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eنعومة ولمعان فوري\u003c\/h4\u003e\n \u003cp\u003eبشرتك بتشربه في ثواني، مفيش تلزيق، وملمس وشك بيبقى ناعم جداً ومنور على طول.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-mint);\"\u003e\n \u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003eالأسبوع الأول\u003c\/div\u003e\n \u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eهدوء وراحة للبشرة\u003c\/h4\u003e\n \u003cp\u003eالاحمرار بيختفي، والقشور أو الجفاف اللي حوالين الفم والمناخير بتروح تماماً.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-amber-accent);\"\u003e\n \u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-amber-accent); border-color: var(--cs-amber-accent);\"\u003eالأسبوع الثالث\u003c\/div\u003e\n \u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eتفتيح آثار الحبوب\u003c\/h4\u003e\n \u003cp\u003eالبقع الغامقة بتبدأ تفتح، وملمس الجلد بيبقى متساوي أكتر والخطوط الرفيعة بتقل جداً.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-gold);\"\u003e\n \u003cdiv class=\"cs-timeline-badge\"\u003eالشهر الثاني وطالع\u003c\/div\u003e\n \u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eبشرة صافية زي الإزاز\u003c\/h4\u003e\n \u003cp\u003eنضارة دايمة، حاجز بشرة قوي، وثقة تخليكي تستغني عن الميك أب وتستمتعي بجمالك الطبيعي!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 7. Value Proposition Grid --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eأوفر وأذكى اختيار لجمالك\u003c\/h3\u003e\n \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eتوفير ومفعول أكيد هيغنيكي عن منتجات كتير\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Value Image --\u003e\n \u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96.webp\" alt=\"COSRX Snail Mucin Value\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-value-grid\"\u003e\n \u003cdiv class=\"cs-value-card\"\u003e\n \u003cdiv class=\"cs-value-num\"\u003e100\u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eحجم كبير هيقعد معاكي شهور\u003c\/h3\u003e\n \u003cp\u003eالعبوة 100 مل بتكفيكي من 3 لـ 5 شهور استخدام يومي.. نقطتين بس بيكفوا الوش والرقبة بالكامل.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n \u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-gold); border-color: var(--cs-neon-gold);\"\u003e2in1\u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eبيوفرلك فلوسك ووقتك\u003c\/h3\u003e\n \u003cp\u003eبيغنيكي عن شراء سيروم للترطيب وسيروم تاني لعلاج الحبوب.. الاتنين في قزازة واحدة قوية جداً.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-mint);\"\u003e\n \u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003e100%\u003c\/div\u003e\n \u003ch3 class=\"neon-mint\"\u003eطبيعي وآمن جداً\u003c\/h3\u003e\n \u003cp\u003eبدون روائح مزعجة أو كحول ينشف وشك، وبيتم استخلاصه بدون أي أذى للحلزونات، ومناسب للبشرة الحساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 8. Usage Protocol Grid --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch2 class=\"cs-section-title\"\u003eطريقة الاستخدام لنتيجة سريعة\u003c\/h2\u003e\n \u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003eخطوات بسيطة عشان بشرتك تستفاد بكل قطرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-steps-grid\"\u003e\n \u003cdiv class=\"cs-step-card\"\u003e\n \u003cdiv class=\"cs-step-num\"\u003e01\u003c\/div\u003e\n \u003ch4\u003eالغسول والتونر\u003c\/h4\u003e\n \u003cp\u003eاغسلي وشك وحطي تونر، وخلي بشرتك منداية شوية عشان الإيسنس يمتص أحسن وأسرع.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-step-card\"\u003e\n \u003cdiv class=\"cs-step-num\"\u003e02\u003c\/div\u003e\n \u003ch4\u003eنقطتين بس\u003c\/h4\u003e\n \u003cp\u003eحطي ضغطة أو اتنين بالكتير على إيدك، ووزعيهم بلطف على وشك ورقبتك.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-step-card\"\u003e\n \u003cdiv class=\"cs-step-num\"\u003e03\u003c\/div\u003e\n \u003ch4\u003eالطبطبة الخفيفة\u003c\/h4\u003e\n \u003cp\u003eطبطبي بالراحة جداً لحد ما بشرتك تشربه كله، وبعدين حطي الكريم المرطب بتاعك العادي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-glass-box\" style=\"margin-top: 30px; text-align: center;\"\u003e\n \u003ch4 class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px;\"\u003eنصيحة الخبراء للنتيجة السحرية:\u003c\/h4\u003e\n \u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n \u003cstrong class=\"neon-mint\"\u003eالسر في المية!\u003c\/strong\u003e حطيه دايماً وبشرتك منداية شوية، بلاش على وش ناشف تماماً. ده بيخلي الهيالورونيك وخلاصة الحلزون يسحبوا المية لعمق خلاياكِ وبيضاعفوا الترطيب والنضارة بشكل مش هتصدقيه!\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 9. Technical INCI List --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv class=\"cs-glass-box\" style=\"direction: ltr; text-align: left; word-break: break-word;\"\u003e\n \u003ch3 style=\"color: var(--cs-amber-accent); margin-bottom: 14px; font-size: 1.2rem; direction: rtl; text-align: right; font-weight: 800;\"\u003e\n قائمة المكونات (INCI)\n \u003c\/h3\u003e\n \u003cp style=\"font-family: monospace; font-size: 0.9rem; line-height: 1.8; color: #ffffff;\"\u003e\n \u003cstrong class=\"neon-gold\"\u003eSnail Secretion Filtrate (96.3%)\u003c\/strong\u003e, Betaine, Butylene Glycol, 1,2-Hexanediol, \u003cstrong class=\"neon-gold\"\u003eSodium Hyaluronate (1,000 ppm)\u003c\/strong\u003e, Panthenol, \u003cstrong class=\"neon-mint\"\u003eAllantoin\u003c\/strong\u003e, Phenoxyethanol, Ethyl Hexanediol, Carbomer, \u003cstrong class=\"neon-gold\"\u003eArginine\u003c\/strong\u003e.\n \u003c\/p\u003e\n \u003cdiv style=\"margin-top: 14px; text-align: right; direction: rtl;\"\u003e\n \u003cp style=\"color: #ffffff; font-size: 0.9rem; font-weight: 600;\"\u003e\n * تركيبة نقية بنسبة 100% خالية تماماً من العطور الصناعية، الكحول القاسي، البارابين، والزيوت المعدنية. مناسب لكل أنواع البشرة حتى الحساسة والمعرضة لحب الشباب.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 10. Final High-Converting CTA --\u003e\n \u003csection class=\"cs-reveal\" id=\"cs-buy\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(20, 16, 12, 0.95) 0%, rgba(6, 4, 3, 0.98) 100%); border-radius: 24px; border: 2px solid var(--cs-amber-accent); box-shadow: 0 20px 60px rgba(245, 197, 24, 0.25);\"\u003e\n \u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003eاطلبي الإيسنس الأصلي دلوقتي\u003c\/p\u003e\n \u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n ادي بشرتك فرصة تتجدد بجد وتنور من تاني\n \u003c\/h2\u003e\n \n \u003cdiv class=\"cs-img-md\" style=\"margin: 25px auto;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/corsx_advanced_music_snail_power_essence_3.jpg\" alt=\"COSRX Advanced Snail 96 Mucin Power Essence\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003e\n بدل ما تضيعي فلوسك على كريمات ترطيب سطحية وتسيب الندبات والجفاف زي ما هما، جربي قوة خلاصة الحلزون النقية اللي غيرت شكل بشرة ملايين البنات حول العالم.\n \u003c\/p\u003e\n\n \u003ca href=\"#\" class=\"cs-gold-btn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eاطلبيه دلوقتي وابدأي الروتين\u003c\/a\u003e\n \u003c\/section\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- كود الأنيميشن عند التمرير --\u003e\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const reveals = document.querySelectorAll('.cs-reveal');\n \n const observerOptions = {\n root: null,\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n };\n\n const scrollObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('cs-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e\n```eof\n","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44252532965573,"sku":"","price":1240.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_egypt.jpg?v=1759353797"},{"product_id":"cosrx-hyaluronic3","title":"Cosrx حمض الهياليرونيك 3% | السيراميدات | عوامل الترطيب الطبيعية | مرطب للبشرة | حشو التجاعيد","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: rtl;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 1.9rem;\n text-align: right;\n }\n\n .product-description h3 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n }\n\n .product-description ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 0.8em;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .feature-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n \/* Info blocks *\/\n .info-block {\n background: #fcfcfc;\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n border-right: 4px solid #ebebeb;\n transition: transform 0.3s ease;\n }\n\n .info-block:hover {\n transform: translateX(-5px);\n }\n\n .info-title {\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: bold;\n font-size: 1.3rem;\n }\n\n \/* Highlight block *\/\n .highlight-block {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n text-align: center;\n }\n\n .highlight-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Illustration *\/\n .penetration-chart {\n width: 100%;\n height: 250px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n padding: 20px;\n margin: 30px 0;\n position: relative;\n }\n\n .skin-layers {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n .skin-layer {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n position: relative;\n }\n\n .epidermis {\n background: linear-gradient(to bottom, #f7d6c3, #e6c3b0);\n border-radius: 8px 8px 0 0;\n }\n\n .dermis {\n background: linear-gradient(to bottom, #e6c3b0, #d5a997);\n }\n\n .hypodermis {\n background: linear-gradient(to bottom, #d5a997, #c1937f);\n border-radius: 0 0 8px 8px;\n }\n\n .penetration-arrow {\n position: absolute;\n top: 10%;\n right: 50%;\n height: 80%;\n width: 4px;\n background: #9C8102;\n z-index: 2;\n }\n\n .penetration-arrow::before {\n content: '';\n position: absolute;\n bottom: -10px;\n right: -8px;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 15px solid #9C8102;\n }\n\n .penetration-label {\n position: absolute;\n top: 50%;\n right: 30%;\n transform: translateY(-50%);\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n }\n\n .layer-label {\n position: absolute;\n right: 10px;\n color: #333;\n font-weight: bold;\n }\n\n \/* Usage steps *\/\n .usage-steps {\n margin: 2em 0;\n }\n\n .step {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n transition: transform 0.3s ease;\n }\n\n .step:hover {\n transform: translateX(-5px);\n }\n\n .step-number {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n }\n\n .step-text {\n flex-grow: 1;\n }\n\n \/* Call to action *\/\n .cta-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-title {\n color: black;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_2.webp?v=1745676258\" alt=\"COSRX Hyaluronic Acid Serum\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eتحدي الجفاف يبدأ هنا: بشرة مرطّبة، مشدودة، ومتوهّجة\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eبشرتك تستغيث لفقدان نضارتها، وكل يوم يمر دون علاج يزيد من عمق المشكلة ويصعب التراجع عنها.\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003eهل تعلمين أن التجاعيد المبكرة ليست تغييراً طبيعياً فحسب؟ بل هي دليل على تدهور حاجز الترطيب الحيوي في بشرتك. هذه الخطوط ليست مجرد علامات عابرة؛ إنها إنذارات بأن بشرتك بدأت تفقد قدرتها على الاحتفاظ بالرطوبة والمرونة. ومع كل يوم يمر دون ترطيب فعّال، تصبح هذه العلامات أعمق وأكثر صعوبة في المعالجة. تذكّري، التجاعيد تبدأ بالظهور عندما تفتقر البشرة إلى العناية المناسبة؛ وأي نقص في الترطيب يمكن أن يتحول إلى خطوط وتجاعيد لا تختفي بسهولة. امنحي بشرتك القوة التي تحتاجها مع حمض الهيالورونيك، واعيدي إليها حيويتها قبل فوات الأوان.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_1.webp?v=1745676253\" alt=\"COSRX Hyaluronic Acid Serum Application\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eابتكار يذهب أبعد من المرطبات التقليدية:\u003c\/h3\u003e\n \n \u003cp\u003eمعظم المنتجات تُرطّب فقط، لكن هذا السيروم يعمل كـ:\u003c\/p\u003e\n \n \u003c!-- Feature Grid --\u003e\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eمُصلح طبيعي\u003c\/div\u003e\n \u003cp\u003eيُرمم الحاجز الواقي للبشرة، مما يجعلها أقوى وأكثر مقاومة للتلف.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eمُحسن للنسيج الجلدي\u003c\/div\u003e\n \u003cp\u003eيزيل ملمس البشرة الخشن ليتركها ناعمة كالحرير بعد الاستخدام الأول.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eمُكافح للجفاف المزمن\u003c\/div\u003e\n \u003cp\u003eيعالج الجفاف من جذوره مع توفير حماية طويلة الأمد تستمر لساعات.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eإحساس بالفخامة مع كل استخدام:\u003c\/h3\u003e\n \n \u003cp\u003eملمسه الفريد لا يُشبه أي منتج جرّبته من قبل. التركيبة خفيفة، تُمتص بسهولة، لكنها تغلّف بشرتك بغطاء من النعومة والراحة يدوم طوال اليوم.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\" alt=\"COSRX Hyaluronic Acid Serum Close Up\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eما الذي يميز تركيبة سيروم COSRX Hyaluronic Acid Intensive Cream؟\u003c\/h2\u003e\n \n \u003c!-- First Info Block --\u003e\n \u003cdiv class=\"info-block\"\u003e\n \u003ch3 class=\"info-title\"\u003e1. مزيج قوي من NMF (Amino Acid Complex):\u003c\/h3\u003e\n \n \u003cp\u003eNatural Moisturizing Factors (NMF) تشمل مجموعة من الأحماض الأمينية التي تُحاكي العناصر الطبيعية الموجودة في البشرة، والتي تعمل على:\u003c\/p\u003e\n \n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eترطيب البشرة بعمق:\u003c\/strong\u003e الأحماض الأمينية تساعد البشرة في الاحتفاظ بالماء، مما يمنحها نضارة ومرونة طبيعية.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eإصلاح حاجز البشرة:\u003c\/strong\u003e يُعزز هذا المركب من قدرة الجلد على الحماية ضد العوامل البيئية الضارة والجفاف.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيادة النعومة:\u003c\/strong\u003e مع الاستخدام المنتظم، يُقلل من ملمس البشرة الخشن ويُعيد التوازن لمستوى الترطيب الطبيعي.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Second Info Block --\u003e\n \u003cdiv class=\"info-block\"\u003e\n \u003ch3 class=\"info-title\"\u003e2. السيراميدات: الحصن الأخير بين بشرتك وعوامل الشيخوخة\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eعندما ينهار حاجز البشرة، تبدأ بشرتك رحلة لا عودة نحو الجفاف وفقدان النضارة\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eبدون حاجز قوي، كل عدو لبشرتك سيغزوها بلا رحمة. \u003c\/strong\u003eالبشرة الطبيعية تحتوي على \u003cstrong\u003eالسيراميدات\u003c\/strong\u003e كجزء أساسي من الحاجز الواقي الذي يحتفظ بالرطوبة ويمنع فقدانها.\u003c\/p\u003e\n \n \u003cp\u003eعند فقدان هذه السيراميدات يؤدي إلى انهيار حاجز البشرة و فقدان الرطوبة و النضارة و تعريض البشرة للعوامل البيئية المسببة للشيخوخة. بدون هذا الدعم، يتحول الجلد إلى ساحة معركة، حيث تتسارع علامات الإجهاد والتقدم في السن. هل ستترك بشرتك مكشوفة وعرضة للتلف؟\u003c\/p\u003e\n \n \u003cp\u003eيحتوي السيروم على تركيز عالي من السيراميدات التي ستساعد بشرتك في استعادة درعها الوقائي ويمنع العوامل الضارة من التسلل لطبقات جلدك العميقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Penetration Depth Section --\u003e\n \u003cdiv class=\"highlight-block\"\u003e\n \u003ch3 class=\"highlight-title\"\u003e3. ترطيب يصل إلى 2,5 مل تحت سطح الجلد\u003c\/h3\u003e\n \n \u003cp\u003eتستخدم التركيبة تركيزًا فعالًا من حمض الهيالورونيك الذي يُرطّب البشرة بعمق عبر جميع طبقات الجلد ويصل لعمق غير مسبوق في جميع المرطبات. تتغلغل هذه التركيبة عبر أعمق خلايا جلدك لتوفر الترطيب الفعال على جميع مستويات البشرة.\u003c\/p\u003e\n \n \u003c!-- Skin Penetration Visualization --\u003e\n \u003cdiv class=\"penetration-chart\"\u003e\n \u003cdiv class=\"skin-layers\"\u003e\n \u003cdiv class=\"skin-layer epidermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eالبشرة الخارجية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin-layer dermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eالأدمة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin-layer hypodermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eتحت الأدمة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"penetration-arrow\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"penetration-label\"\u003eعمق التغلغل: 2.5 مل\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_1600_x_1200_px.jpg?v=1734291139\" alt=\"COSRX Hyaluronic Acid Serum Skin Benefits\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3.jpg?v=1745676384\" alt=\"COSRX Hyaluronic Acid Serum Bottle\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eكل قطرة تُعيد بناء بشرتك من الداخل\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eقطرة صغيرة... تأثير هائل: ترطيب كامل للبشرة بكمية بسيطة\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003eبفضل تركيبة سيروم الهيالورونيك من COSRX، لا تحتاجين سوى كمية صغيرة جدًا لتغطية وجهك بالكامل. التركيبة المركزة والفعّالة تعمل بذكاء لتوزيع الترطيب بعمق في كل طبقة من بشرتك، مما يمنحك نتائج ملحوظة دون إهدار المنتج.\u003c\/p\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003ch3\u003eطريقة الاستخدام:\u003c\/h3\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتنظيف البشرة جيداً باستخدام منظف مناسب لنوع بشرتك\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eضع بضع قطرات من السيروم على بشرة نظيفة ورطبة قليلاً\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eانشر السيروم برفق باستخدام أطراف أصابعك بحركات دائرية لطيفة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eاتبعي بكريم مرطب لإغلاق الترطيب داخل البشرة (اختياري)\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eاستخدمي السيروم مرتين يومياً، في الصباح والمساء لأفضل النتائج\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch3 class=\"cta-title\"\u003eCOSRX Hyaluronic Acid Intensive Cream\u003c\/h3\u003e\n \u003cp\u003eالحل المثالي لبشرة متعطشة للترطيب العميق والنضارة المستمرة\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eأعيدي الحياة لبشرتك الآن!\u003c\/strong\u003e\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to feature cards when they come into view\n observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info blocks when they come into view\n observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to steps when they come into view\n observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to highlight block when it comes into view\n observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n \n \/\/ Animate the penetration arrow after the block appears\n setTimeout(() =\u003e {\n const arrow = element.querySelector('.penetration-arrow');\n if (arrow) {\n arrow.style.height = '0%';\n arrow.style.transition = 'height 1.5s ease';\n \n setTimeout(() =\u003e {\n arrow.style.height = '80%';\n }, 300);\n }\n }, 300);\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44297342386373,"sku":"INSTA055008CHIQ","price":1020.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1734295431"},{"product_id":"cosrx-niacinamide-serum","title":"Cosrx نياسيناميد 15% | متخصص المسام | تفتيح | تنظيم الزيوت","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: rtl;\n }\n\n \/* Typography *\/\n .product-description h2 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h2::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Featured section *\/\n .featured-section {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n }\n\n .featured-title {\n color: #9C8102;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n \/* Benefits section *\/\n .benefits-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 2em 0;\n }\n\n .benefit-card {\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n font-size: 1.8rem;\n margin: 0 auto 15px;\n }\n\n .benefit-content {\n padding: 25px;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: bold;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n text-align: center;\n }\n\n \/* Before\/After comparison *\/\n .comparison-container {\n position: relative;\n width: 100%;\n margin: 2em 0;\n border-radius: 15px;\n overflow: hidden;\n }\n\n .comparison-image {\n width: 100%;\n display: block;\n border-radius: 15px;\n }\n\n \/* Percentage indicator *\/\n .percentage-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 3em 0;\n }\n\n .percentage-circle {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n background: conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .percentage-circle::before {\n content: '';\n position: absolute;\n width: 130px;\n height: 130px;\n border-radius: 50%;\n background-color: white;\n }\n\n .percentage-text {\n position: relative;\n z-index: 1;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n }\n\n .percentage-label {\n margin-right: 20px;\n font-size: 1.2rem;\n color: #333;\n flex: 1;\n }\n\n \/* Info sections *\/\n .info-section {\n margin: 3em 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border-right: 5px solid #9C8102;\n transition: transform 0.3s ease;\n }\n\n .info-section:hover {\n transform: translateX(-5px);\n }\n\n \/* Usage section *\/\n .usage-section {\n margin: 3em 0;\n }\n\n .usage-title {\n color: #9C8102;\n font-size: 1.5rem;\n margin-bottom: 20px;\n }\n\n .usage-steps {\n display: flex;\n justify-content: space-between;\n position: relative;\n margin: 40px 0;\n }\n\n .usage-steps::before {\n content: '';\n position: absolute;\n top: 25px;\n right: 0;\n left: 0;\n height: 2px;\n background-color: rgba(156, 129, 2, 0.3);\n z-index: -1;\n }\n\n .usage-step {\n text-align: center;\n position: relative;\n width: 120px;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.3rem;\n margin: 0 auto 15px;\n }\n\n .step-text {\n font-size: 0.95rem;\n color: #555;\n }\n\n \/* Call to action *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 3em 0 1em;\n }\n\n .cta-container h2 {\n color: white;\n margin-bottom: 20px;\n }\n\n .cta-container h2::after {\n background-color: white;\n margin: 10px auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: rgba(156, 129, 2, 0.08);\n border-radius: 10px;\n padding: 20px;\n margin: 2em 0;\n border: 3px solid #000;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-container {\n grid-template-columns: 1fr;\n }\n\n .percentage-container {\n flex-direction: column;\n }\n\n .percentage-label {\n margin: 20px 0 0 0;\n text-align: center;\n }\n\n .usage-steps {\n flex-direction: column;\n align-items: center;\n }\n\n .usage-steps::before {\n display: none;\n }\n\n .usage-step {\n margin-bottom: 30px;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\" alt=\"COSRX Niacinamide 15% Serum\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eالمركب المثالي الذي غير موازين العناية بالبشرة.. الآن في أعلى تركيز ممكن\u003c\/h2\u003e\n \n \u003c!-- Percentage Indicator --\u003e\n \u003cdiv class=\"percentage-container\"\u003e\n \u003cdiv class=\"percentage-circle\"\u003e\n \u003cdiv class=\"percentage-text\"\u003e15%\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"percentage-label\"\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eاكتشف الفرق مع التركيز العالي\u003c\/h3\u003e\n \u003cp\u003eربما جربت النياسيناميد من قبل، لكن لم تجربه بتركيز 15% هذا، وهو التركيز الذي سيتحدى كل ما تعرفه عن العناية بالبشرة. تأثيره أقوى من أي وقت مضى ضد الشوائب، ويعمل على تقليص المسام بفاعلية غير مسبوقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15.png?v=1745677490\" alt=\"COSRX Niacinamide 15% Serum Product\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eالتركيبة الموازنة للميلانين تتحدى أصعب التصبغات\u003c\/h2\u003e\n \n \u003cdiv class=\"info-section\"\u003e\n \u003cp\u003eهذه التركيبة عالية التخصص في موازنة انتاج الميلانين, عند التعرض للعوامل البيئية تقوم البشرة بزيادة انتاج الميلانين بشكل غير متساوي مما يؤدي الى ظهور هذه التصبغات المزعجة التي تؤثر على مظهرك بشكل ملحوظ.\u003c\/p\u003e\n \n \u003cp\u003eتقوم هذه التركيبة بموازنة انتاج الصبغة مما يؤدي لتوحيد لون البشرة و تحقيق بشرة صافية خالية من التصبغات.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\" alt=\"Pore Minimizing Effect\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eهل تعاني من المسام الواسعة ؟ هذا هو الحل النهائي\u003c\/h2\u003e\n \n \u003cp\u003eتخلص من هذه المسام الواسعة المزعجة التي تجعلك تبدو أكبر من سنك و تمتص الـأتربة و العوامل البيئية الضارة وتدخلها إلى أعماق جلدك.\u003c\/p\u003e\n \n \u003cp\u003eيقوم السيروم بتنظيف و تنقية مسامي البشرة و تقليل إفرازات الدهون مما يقلل حجم المسام بشكل غير مرئي و يجعل نسيج بشرتك يبدو كالزجاج .. حرفيا!\u003c\/p\u003e\n \n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-container\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليص المسام\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتركيز 15% من النياسيناميد يعمل على تنظيم إفراز الزيوت وتقليص المسام الواسعة بفعالية كبيرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيعالج التصبغات ويوحد لون البشرة من خلال تنظيم إنتاج صبغة الميلانين\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eمحاربة حب الشباب\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقلل من الالتهابات ويمنع ظهور حب الشباب من خلال تنظيم إفراز الدهون\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\" alt=\"Texture Improvement\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eيعيد بناء نسيج البشرة\u003c\/h2\u003e\n \n \u003cp\u003eسيروم النياسيناميد لا يساعد فقط في محاربة حب الشباب، لكنه أيضًا يساهم في تحسين نسيج البشرة بشكل عام ويجعلها أكثر نعومة ومرونة.\u003c\/p\u003e\n \u003cp\u003eإنه أكثر من مجرد سيروم، إنه تجديد كامل لبشرتك.\u003c\/p\u003e\n \n \u003c!-- Before\/After Comparison --\u003e\n \u003cdiv class=\"comparison-container\"\u003e\n \u003cimg class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\" alt=\"Before and After Using Niacinamide Serum\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eوداعا للرؤوس البيضاء و السوداء\u003c\/h2\u003e\n \n \u003cp\u003eالرؤوس البيضاء والسوداء تتكون عندما يتراكم الزيت والأنربة داخل المسام ويغلقها أو يتفاعل مع الهواء. سيروم النياسيناميد من COSRX يعمل على تقليص حجم المسام وتنظيم إفراز الدهون، مما يمنع تراكم الزيت والأوساخ. كما يساعد في تجديد خلايا البشرة وتقشيرها بلطف، مما يمنع انسداد المسام ويعالج الرؤوس البيضاء والسوداء بشكل فعال.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_no_background.webp?v=1745677778\" alt=\"COSRX Niacinamide 15% Serum Bottle\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eإنه منتج الأحلام للبشرة الدهنية\u003c\/h2\u003e\n \n \u003cdiv class=\"featured-section\"\u003e\n \u003cp\u003eإذا كنت تمتلك بشرة دهنية أو مختلطة، فمن المؤكد أنك تعرف تماماً تحديات التعامل مع فائض الدهون والمسام الواسعة. لكن مع سيروم النياسيناميد 15% من COSRX، يمكنك الآن تحقيق بشرة نقية ومشدودة دون القلق من اللمعان الزائد أو المشاكل المرتبطة بإفراز الدهون.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eوقاية شاملة من عوامل الزمن..العلاج و الوقاية في تركيبة واحدة\u003c\/h2\u003e\n \n \u003cp\u003eالزمن لا يرحم جلدك, كل يوم نتعرض فيه للعوامل البيئية الضارة هي خطوة أكبر للشيخوخة المبكرة\u003cbr\u003eلا تترك جلدك وحيد في حربه ضد الزمن\u003c\/p\u003e\n \n \u003cp\u003eيجب على بشرتك التسلح بدرع وقائي من النياسيناميد! يقوم النياسيناميد في هذه التركيبة عالية التركيز بحماية البشرة من عوامل التأكسد المسببة للشيخوخة المبكرة!\u003c\/p\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch3 class=\"usage-title\"\u003eكيف تستخدمه؟\u003c\/h3\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتنظيف البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع التونر\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eالكريم المرطب\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-box\"\u003e\n \u003cp\u003eيوضع سيروم النياسيناميد 15% صباحًا ومساءً على بشرة نظيفة قبل أي كريمات أو زيوت أخرى.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eملاحظة\u003c\/strong\u003e: لا يُفضل استخدامه في نفس الوقت مع منتجات تحتوي على فيتامين C النقي (حمض الأسكوربيك).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-container\"\u003e\n \u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n \u003cp\u003eالحل الأمثل للمسام الواسعة والبشرة غير متساوية اللون\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to animate percentage circle\n const animatePercentageCircle = () =\u003e {\n const percentageCircle = document.querySelector('.percentage-circle');\n \n if (percentageCircle) {\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n \n setTimeout(() =\u003e {\n percentageCircle.style.transition = 'background 1.5s ease-out';\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n }, 300);\n }\n };\n \n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Animate percentage circle when it comes into view\n observeElements([document.querySelector('.percentage-container')], () =\u003e {\n animatePercentageCircle();\n });\n \n \/\/ Apply animations to benefit cards when they come into view\n observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info sections when they come into view\n observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n });\n \n \/\/ Apply animations to step numbers when they come into view\n observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n element.style.animation = 'pulseIn 0.5s ease forwards';\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n @keyframes pulseIn {\n 0% {\n transform: scale(0.5);\n opacity: 0;\n }\n 70% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n }\n \n .benefit-card,\n .info-section,\n .featured-section,\n .highlight-box {\n opacity: 0;\n }\n \n .step-number {\n opacity: 0;\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44299894751429,"sku":"INSTA05ت5008CHIQ","price":1350.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1734367558"},{"product_id":"cosrx-retinol-serum","title":"Cosrx سيروم الريتينول تركيز 0.5% + سكوالين | مضاد التجاعيد | تحسين مرونة الجلد","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3, \n .product-description h4 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 2.2rem;\n text-align: center;\n }\n\n .product-description h3 {\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description h4 {\n font-size: 1.4rem;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description ul {\n list-style: none;\n padding: 0;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 1.5em;\n background: rgba(156, 129, 2, 0.03);\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n border-radius: 15px;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Results section *\/\n .results-container {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .percentage-bar {\n width: 100%;\n height: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 5px;\n overflow: hidden;\n margin: 20px 0;\n }\n\n .percentage-fill {\n height: 100%;\n width: 0;\n background-color: #9C8102;\n transition: width 1.5s ease-in-out;\n }\n\n \/* Usage timeline *\/\n .timeline {\n position: relative;\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 0;\n }\n\n .timeline::after {\n content: '';\n position: absolute;\n width: 6px;\n background-color: rgba(156, 129, 2, 0.2);\n top: 0;\n bottom: 0;\n right: 50%;\n margin-right: -3px;\n }\n\n .timeline-item {\n padding: 10px 50px;\n position: relative;\n width: 50%;\n }\n\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 25px;\n height: 25px;\n background-color: white;\n border: 4px solid #9C8102;\n border-radius: 50%;\n top: 15px;\n transition: transform 0.5s ease, background-color 0.5s ease;\n }\n\n .timeline-item:hover::after {\n transform: scale(1.2);\n background-color: #9C8102;\n }\n\n .right {\n right: 0;\n }\n\n .left::after {\n right: -12px;\n }\n\n .right::after {\n left: -12px;\n }\n\n \/* CTA section *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-container h3 {\n color: white;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::after {\n right: 30px;\n }\n \n .timeline-item {\n width: 100%;\n padding-right: 70px;\n padding-left: 25px;\n }\n \n .right {\n right: auto;\n }\n \n .right::after {\n left: auto;\n right: 18px;\n }\n \n .left::after {\n right: 18px;\n }\n }\n\n \/* Animation classes - Added for animated elements when JS loads *\/\n .animate-on-scroll {\n transition: transform 0.8s ease, opacity 0.8s ease;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003ch2\u003eالريتينول... الجندي المجهول في محاربة علامات التقدم بالسن\u003c\/h2\u003e\n \n \u003cp\u003eهل سبق أن نظرت في المرآة وشعرت أن الزمن بدأ يترك بصماته على بشرتك؟ الخطوط الدقيقة تتسلل ببطء، المسام تبدو أكبر، ملمس الجلد لم يعد ناعماً كما كان؟\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eلا تدع الزمن يتحكم بك\u003c\/strong\u003e\u003cbr\u003eالشيخوخة ليست عذراً لتقبل تلك التغيرات، بل هي تحدٍ يمكنك الانتصار عليه.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\" alt=\"سيروم الريتينول COSRX\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eالحل؟ سيروم الريتينول 0.5% من COSRX\u003c\/h3\u003e\n \n \u003cp\u003eأفضل منتج في عالم الريتينول، مصمم بعناية لاستهداف أدق مشاكل البشرة، من التجاعيد العميقة والخطوط الدقيقة إلى ملمس البشرة الخشن وفقدان المرونة.\u003c\/p\u003e\n \n \u003c!-- Features Section --\u003e\n \u003ch3\u003eلماذا تعد هذه التركيبة من أفضل تركيبات الريتينول ؟\u003c\/h3\u003e\n \n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n \u003ch4\u003eتركيز استثنائي من الريتينول النقي\u003c\/h4\u003e\n \u003cp\u003eهذا المنتج يحتوي على \u003cstrong\u003eتركيز 0.5% من الريتينول النقي\u003c\/strong\u003e، وهو من أعلى التركيزات المتوفرة في السوق. يُعرف الريتينول بصعوبة صياغته في هذه التركيزات العالية، حيث يتطلب تقنيات دقيقة للحفاظ على استقراره وضمان فعاليته.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n \u003ch4\u003eتركيبة لطيفة لا تسبب تهيج البشرة\u003c\/h4\u003e\n \u003cp\u003eعلى عكس تركيبات الريتينول التقليدية التي قد تؤدي إلى تهيج واحمرار البشرة، يحتوي هذا المنتج على مزيج فريد من المكونات المهدئة، مما يجعله لطيفًا حتى على البشرة الحساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n \u003ch4\u003eقوام خفيف وسريع الامتصاص\u003c\/h4\u003e\n \u003cp\u003eبتركيبة زيتية حريرية خفيفة، يمتصه الجلد بسهولة دون أن يترك أي أثر دهني، مما يجعله مثاليًا كخطوة أساسية في روتينك الليلي.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003eترطيب عميق مع السكوالين النباتي\u003c\/h4\u003e\n \u003cp\u003eيحتوي المنتج على \u003cstrong\u003eسكوالين مستخلص من النباتات\u003c\/strong\u003e، الذي يعمل كمرطب قوي يمنع الجفاف الناتج عن استخدام الريتينول، مما يحافظ على ترطيب ونعومة البشرة طوال الليل.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eتوكوترينول (فيتامين E فائق)\u003c\/h4\u003e\n \u003cp\u003eيقلل بشكل كبير من أضرار الجذور الحرة ويحسن مظهر البشرة بشكل عام، مما يعزز من فعالية الريتينول ويضمن نتائج متكاملة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Results Section --\u003e\n \u003cdiv class=\"results-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" alt=\"نتائج استخدام سيروم الريتينول\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\u003e\n \n \u003ch3\u003eنتائج سريرية مبهرة!\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eتحسن بنسبة 18.4% في خطوط الأنف والشفاه في 4 أسابيع فقط\u003c\/strong\u003e (مؤكد عبر تجارب مخبرية).\u003c\/p\u003e\n \n \u003cdiv class=\"percentage-bar\"\u003e\n \u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" alt=\"COSRX الريتينول\" style=\"display: block; margin: 30px auto;\"\u003e\n \n \u003c!-- Usage Timeline --\u003e\n \u003ch3\u003eاستخدام تدريجي، تأثير استثنائي\u003c\/h3\u003e\n \n \u003cdiv class=\"timeline\"\u003e\n \u003cdiv class=\"timeline-item left\"\u003e\n \u003ch4\u003eالأسبوع 1-2\u003c\/h4\u003e\n \u003cp\u003eابدئي ببطء لتسمحي لبشرتك بالتأقلم. استخدمي المنتج مرة واحدة أسبوعياً في البداية، ثم مرتين أسبوعياً بدءاً من الأسبوع الثاني.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item right\"\u003e\n \u003ch4\u003eالأسبوع 3-4\u003c\/h4\u003e\n \u003cp\u003eزيدي التردد إلى 3 مرات أسبوعياً. ستلاحظين تحسناً في ملمس البشرة وتقليل الخطوط الدقيقة الأولية.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item left\"\u003e\n \u003ch4\u003eالأسبوع 5-8\u003c\/h4\u003e\n \u003cp\u003eاستخدمي المنتج يومياً أو حسب تحمل بشرتك. ستلاحظين تحسناً واضحاً في مرونة البشرة ونضارتها.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item right\"\u003e\n \u003ch4\u003eمن الأسبوع 8 وما بعد\u003c\/h4\u003e\n \u003cp\u003eاستمتعي ببشرة متجددة، نضرة، خالية من التجاعيد وعلامات التقدم بالسن!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-container\"\u003e\n \u003ch3\u003eزيت الريتينول 0.5% من COSRX\u003c\/h3\u003e\n \u003cp\u003eليس مجرد منتج آخر للعناية بالبشرة، إنه ابتكار علمي متقدم يمنحك نتائج ملموسة دون التنازل عن راحة بشرتك.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eابدئي الآن، وحارب علامات الزمن!\u003c\/strong\u003e\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Animate percentage bar\n (function() {\n \/\/ Add animation to percentage bar without hiding content\n setTimeout(function() {\n var percentageFills = document.querySelectorAll('.percentage-fill');\n percentageFills.forEach(function(fill) {\n var percent = fill.getAttribute('data-percent');\n fill.style.width = percent + '%';\n });\n }, 500);\n \n \/\/ Optional: Enable scroll animations only if preferred\n var enableScrollAnimations = false;\n \n if (enableScrollAnimations) {\n \/\/ Add animation classes to elements\n var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n \n elementsToAnimate.forEach(function(el) {\n el.classList.add('animate-on-scroll');\n });\n \n \/\/ Intersection Observer for scroll animations\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n \n elementsToAnimate.forEach(function(el) {\n el.style.opacity = 0;\n el.style.transform = 'translateY(20px)';\n observer.observe(el);\n });\n }\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359242252485,"sku":null,"price":1170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1736169264"},{"product_id":"cosrx-6-peptide","title":"Cosrx The 6 peptide تونر و سيروم الـ 6 ببتيدات | تجديد شامل للجلد | علاجي لكافة مشاكل الجلد","description":"\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animation for elements as they come into view\n const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n animatedElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Count-up animation for percentage numbers\n const countUpElements = document.querySelectorAll('.count-up');\n \n const countObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n const finalValue = parseFloat(element.getAttribute('data-value'));\n \n let startTime;\n const duration = 2000; \/\/ 2 seconds\n \n function animate(currentTime) {\n if (!startTime) startTime = currentTime;\n \n const elapsedTime = currentTime - startTime;\n const progress = Math.min(elapsedTime \/ duration, 1);\n \n const currentValue = progress * finalValue;\n element.textContent = currentValue.toFixed(1) + '%';\n \n if (progress \u003c 1) {\n requestAnimationFrame(animate);\n }\n }\n \n requestAnimationFrame(animate);\n countObserver.unobserve(element);\n }\n });\n }, {\n threshold: 0.5\n });\n \n countUpElements.forEach(el =\u003e {\n countObserver.observe(el);\n });\n });\n \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n \u003cstyle\u003e\n .cosrx-peptide-section * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .cosrx-peptide-section {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n direction: rtl;\n font-family: inherit;\n color: #333;\n }\n \n .peptide-header {\n text-align: center;\n margin-bottom: 50px;\n }\n \n .peptide-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n font-weight: 700;\n }\n \n .peptide-subtitle {\n font-size: 1.1rem;\n line-height: 1.6;\n color: #555;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .peptide-content {\n margin-bottom: 60px;\n }\n \n .peptide-section-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .peptide-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #444;\n margin-bottom: 20px;\n }\n \n .peptide-image {\n width: 100%;\n border-radius: 10px;\n margin: 30px 0;\n display: block;\n }\n \n .peptide-benefits {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 40px 0;\n }\n \n .benefit-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .benefit-card:hover {\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .benefit-title {\n font-weight: 700;\n margin-bottom: 10px;\n color: #9C8102;\n font-size: 1.1rem;\n }\n \n .peptide-list {\n list-style-type: disc;\n padding-right: 20px;\n margin: 20px 0;\n }\n \n .peptide-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .result-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 30px 0;\n }\n \n .result-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .result-percentage {\n font-size: 2rem;\n font-weight: 700;\n color: #c3a300;\n margin-bottom: 10px;\n }\n \n .result-text {\n font-size: 0.95rem;\n color: #555;\n }\n \n .how-to-use {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 25px;\n margin-top: 40px;\n }\n \n .how-to-use h3 {\n margin-bottom: 15px;\n font-weight: 700;\n font-size: 1.2rem;\n color: #c3a300;\n }\n \n .how-to-use ol {\n padding-right: 25px;\n }\n \n .how-to-use li {\n margin-bottom: 10px;\n line-height: 1.5;\n }\n \n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .slide-in-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .slide-in-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .scale-in {\n opacity: 0;\n transform: scale(0.9);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .count-up {\n display: inline-block;\n }\n \n \/* Shine effect for cards *\/\n .benefit-card, .result-card {\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after, .result-card::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.3) 50%,\n rgba(255, 255, 255, 0) 100%\n );\n transform: rotate(30deg);\n transition: transform 0.7s ease;\n opacity: 0;\n }\n \n .benefit-card:hover::after, .result-card:hover::after {\n opacity: 1;\n transform: rotate(30deg) translate(100%, -100%);\n }\n \n @media (max-width: 768px) {\n .peptide-benefits,\n .result-cards {\n grid-template-columns: 1fr;\n }\n \n .peptide-title {\n font-size: 1.5rem;\n }\n \n .peptide-section-title {\n font-size: 1.3rem;\n }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"peptide-header fade-in\"\u003e\n \u003ch2 class=\"peptide-title\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/h2\u003e\n \u003cp class=\"peptide-subtitle\"\u003eمنتج متطور يحتوي على 6 ببتيدات قوية لتجديد البشرة وتحسين مظهرها بشكل شامل\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-content\"\u003e\n \u003ch3 class=\"peptide-section-title fade-in\"\u003eلماذا البيبتيدات هي كلمة السر؟\u003c\/h3\u003e\n \u003cp class=\"peptide-text fade-in\"\u003eالبيبتيدات هي سلاسل الأحماض الأمينية التي تُعد المفتاح لإصلاح وتجديد البشرة. ومع ذلك، فإن قوة البيبتيدات تكمن في تنوعها.\u003cbr\u003eلهذا السبب قام فريق \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e بابتكار تركيبة مذهلة تحتوي على \u003cspan class=\"highlight\"\u003e6 أنواع من البيبتيدات\u003c\/span\u003e، مصممة لاستهداف كل مشكلة قد تواجهينها:\u003c\/p\u003e\n \n \u003cul class=\"peptide-list fade-in\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eإعادة مرونة البشرة:\u003c\/strong\u003e وداعًا للترهلات.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل التجاعيد العميقة والخطوط الدقيقة:\u003c\/strong\u003e اجعلي وجهكِ يبدو أصغر بسنوات.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل المسام والحصول على بشرة ناعمة:\u003c\/strong\u003e لأن التفاصيل الصغيرة تصنع الفرق.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eترطيب مضاعف دون الشعور بالثقل:\u003c\/strong\u003e بشرتكِ ستتنفس من جديد.\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\" alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eمنتج وحيد سيغنيك عن الروتينات المعقدة والباهظة\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eمع \u003cspan class=\"highlight\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/span\u003e، لا حاجة لك بعد الآن لمجموعة من المنتجات المتعددة التي تثقل كاهلك وتكلفك الكثير من المال. هذا المنتج المتطور يحتوي على 6 ببتيدات فعّالة تُعالج مشاكل البشرة المختلفة في خطوة واحدة فقط.\u003c\/p\u003e\n \n \u003cp class=\"peptide-text\"\u003eبفضل تركيبة السيروم المتكاملة، يمكنك الاستغناء عن التونر، السيروم، والمستحضرات الأخرى، وبالتالي توفير الوقت والمال. الجمال والعناية بالبشرة لم يعد يحتاج إلى روتين معقد. سيروم COSRX 6 Peptide هو كل ما تحتاجه لبشرة صحية ومتجددة.\u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\" alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003e6 ببتيدات تعمل في تناغم لاستعادة شباب بشرتك\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eتخيل أن بشرتك تحصل على أفضل علاج ممكن بفضل مزيج متكامل من 6 ببتيدات قوية تعمل معًا لتجديد وتحسين مظهر بشرتك. من تعزيز مرونة البشرة وتقليل التجاعيد إلى توحيد اللون وتجديد الخلايا، هذه الببتيدات تُحفز البشرة على إصلاح نفسها بشكل طبيعي.\u003c\/p\u003e\n \n \u003cp class=\"peptide-text\"\u003eكل ببتيد من الـ6 يعمل على معالجة مشكلة معينة: تقليل الخطوط الدقيقة، تحسين ملمس البشرة، مكافحة التصبغات، وتجديد شباب الجلد. النتيجة؟ بشرة مشدودة، ناعمة، ومشرقة، مع تقدم ملحوظ في تجديد شباب البشرة.\u003c\/p\u003e\n \n \u003cdiv class=\"peptide-benefits\"\u003e\n \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eمكافحة علامات التقدم في السن\u003c\/h4\u003e\n \u003cp\u003eالببتيدات تعمل على تحفيز إنتاج الكولاجين والإيلاستين، مما يساعد في تقليل التجاعيد وإعادة الشباب للبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eترطيب عميق للبشرة\u003c\/h4\u003e\n \u003cp\u003eتعمل الببتيدات مع حمض الهيالورونيك لتوفير ترطيب مكثف للبشرة، مما يجعلها أكثر نعومة ومرونة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h4\u003e\n \u003cp\u003eبفضل النياسيناميد والببتيدات، يعمل السيروم على تفتيح التصبغات وتوحيد لون البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eتعزيز الحاجز الواقي للبشرة\u003c\/h4\u003e\n \u003cp\u003eيساعد السيروم في تقوية الحاجز الواقي للبشرة، مما يحميها من العوامل البيئية الضارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\" alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eتركيبة متقدمة تدمج الببتيدات مع أقوى مكونات العناية بالبشرة\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eالنياسيناميد، الهياليرونيك، والأدينوسين\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"peptide-text\"\u003eالببتيدات بمفردها معروفة بقدرتها الفائقة في تجديد البشرة وتحفيز إنتاج الكولاجين، \u003cstrong\u003eولكن عندما يتم دمجها مع مكونات مثل النياسيناميد، الهياليرونيك، والأدينوسين، يحدث تأثير مذهل لا يمكن أن يتحقق من خلال أي منتج آخر.\u003c\/strong\u003e\u003cbr\u003eالنياسيناميد يساعد في توحيد لون البشرة وتقليل المسام، بينما الهياليرونيك يوفر ترطيباً عميقاً، والأدينوسين يعمل على تقليل التجاعيد. معاً، هذه التركيبة الفائقة لا تمنحك فقط بشرة مشدودة، ناعمة، وأكثر إشراقاً، بل تعزز أيضاً من قدرة البشرة على مقاومة آثار الزمن.\u003c\/p\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eقوام خفيف ... نتائج ثقيلة\u003c\/h3\u003e\n \n \u003cdiv class=\"result-cards\"\u003e\n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في إشراقة الجلد\u003c\/strong\u003e: تصبح البشرة أكثر إشراقاً ونقاءً، مع استعادة لمعانها الطبيعي.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في الترطيب\u003c\/strong\u003e: الحصول على ترطيب عميق للبشرة، مما يعزز نعومتها ومرونتها.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في النضارة\u003c\/strong\u003e: تظهر البشرة بمظهر أكثر حيوية وشباباً، وكأنها استعادت طاقتها الطبيعية.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في حمض الهيالورونيك\u003c\/strong\u003e: زيادة نسبة حمض الهيالورونيك تعني ترطيباً أعمق للبشرة، مما يساعد في الحفاظ على صحتها ومرونتها.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eلا تجعل الزمن يترك أثره على بشرتك\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eمع \u003cspan class=\"highlight\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/span\u003e، لن يكون للزمن أي تأثير سلبي على بشرتك بعد الآن. هذا المنتج هو الحل الأمثل لمحاربة علامات تقدم السن، بفضل تركيباته المتطورة التي تحتوي على 6 ببتيدات قوية تعمل على تجديد الخلايا، تقليل التجاعيد، وتحسين مرونة البشرة. استمتع ببشرة أكثر شبابًا ونضارة، واستعد لتحدي الزمن بثقة.\u003c\/p\u003e\n \n \u003cdiv class=\"how-to-use\"\u003e\n \u003ch3\u003eكيفية الاستخدام\u003c\/h3\u003e\n \u003col\u003e\n \u003cli\u003eبعد تنظيف بشرتك، ضع 2-3 مضخات من سيروم \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e على وجهك.\u003c\/li\u003e\n \u003cli\u003eقم بتدليك المنتج بلطف باستخدام أطراف أصابعك حتى يتم امتصاصه بالكامل.\u003c\/li\u003e\n \u003cli\u003eبعد ذلك، استخدم مرطبك المفضل للحصول على ترطيب إضافي.\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003cp style=\"margin-top: 15px;\"\u003eيمكنك أيضًا دمج السيروم مع منتجات أخرى من \u003cstrong\u003eCOSRX\u003c\/strong\u003e مثل سيروم النياسيناميد أو فيتامين C لتحقيق أفضل النتائج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359311098053,"sku":null,"price":1380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_6_peptide_skin_booster_6.jpg?v=1736165614"},{"product_id":"the-ordinary-multipeptide-eye-serum-سيروم-الببتيدات-المركز-لعلاج-تجاعيد-و-انتفاخات-و-هالات-العين","title":"The ordinary multipeptide eye serum سيروم الببتيدات المركز لعلاج تجاعيد و انتفاخات و هالات العين","description":"\u003cp data-end=\"350\" data-start=\"16\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum4_1000x_359fc6d2-9eb6-4b6a-b035-696ba69d0cf6.webp?v=1741178780\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003eيُعد سيروم The Ordinary Multi-Peptide Eye Serum تركيبة مائية متطورة تم تصميمها خصيصًا لمعالجة علامات التقدم في السن حول منطقة العين. يجمع هذا السيروم بين أحدث تقنيات البيبتيدات والمواد النشطة العلمية ليعمل على تقليل التجاعيد الدقيقة (خطوط عين الحمامة)، وتحسين مظهر الهالات السوداء والانتفاخ، مما يمنح منطقة العين إشراقة وحيوية متجددة.\u003c\/p\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003eالفوائد الرئيسية\u003c\/h2\u003e\n\u003cul data-end=\"1275\" data-start=\"379\"\u003e\n\u003cli data-end=\"559\" data-start=\"379\"\u003e\n\u003cp data-end=\"559\" data-start=\"381\"\u003e\u003cstrong data-end=\"405\" data-start=\"381\"\u003eتحسين مظهر التجاعيد:\u003c\/strong\u003e\u003cbr data-end=\"408\" data-start=\"405\"\u003eتعمل تقنيات البيبتيدات المتعددة، بما في ذلك Palmitoyl Tripeptide-38، على تقليل ظهور التجاعيد حول العين، مما يعيد شباب البشرة ويقلل من علامات التعب.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"726\" data-start=\"561\"\u003e\n\u003cp data-end=\"726\" data-start=\"563\"\u003e\u003cstrong data-end=\"599\" data-start=\"563\"\u003eتقليل الانتفاخ والهالات السوداء:\u003c\/strong\u003e\u003cbr data-end=\"602\" data-start=\"599\"\u003eيساهم السيروم في تحسين لون وإشراقة منطقة العين عن طريق تقليل اللون الداكن والانتفاخ، ليُضفي على عينيكِ نظرة مشرقة ومتوهجة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"910\" data-start=\"728\"\u003e\n\u003cp data-end=\"910\" data-start=\"730\"\u003e\u003cstrong data-end=\"754\" data-start=\"730\"\u003eتنقية وتنعيم البشرة:\u003c\/strong\u003e\u003cbr data-end=\"757\" data-start=\"754\"\u003eبفضل مزيج من النياسيناميد ومستخلص لحاء Fraxinus Excelsior، يعمل السيروم على تنعيم نسيج البشرة وتحسين إشراقتها، مما يجعل منطقة العين أكثر نعومة وتألقًا.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1140\" data-start=\"912\"\u003e\n\u003cp data-end=\"1140\" data-start=\"914\"\u003e\u003cstrong data-end=\"930\" data-start=\"914\"\u003eحماية فائقة:\u003c\/strong\u003e\u003cbr data-end=\"933\" data-start=\"930\"\u003eيوفر السيروم حماية متقدمة بفضل المكونات المضادة للأكسدة مثل Propyl Gallate وGallyl Glucoside، بالإضافة إلى Epigallocatechin Gallatyl Glucoside، التي تحارب الأضرار البيئية وتدعم صحة البشرة على المدى الطويل.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1275\" data-start=\"1142\"\u003e\n\u003cp data-end=\"1275\" data-start=\"1144\"\u003e\u003cstrong data-end=\"1161\" data-start=\"1144\"\u003eتركيبة فاخرة:\u003c\/strong\u003e\u003cbr data-end=\"1164\" data-start=\"1161\"\u003eتأتي التركيبة بتركيز عالٍ من المواد الفعالة مما يبرر السعر المرتفع، إذ إن كمية قليلة تكفي لتحقيق نتائج مذهلة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum1_800x_37a12c9f-39ad-457c-b1cf-64cde5afe460.webp?v=1741178786\" alt=\"\"\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cp data-end=\"1380\" data-start=\"1305\"\u003eيُستخدم السيروم لتعزيز تجديد خلايا منطقة العين من خلال آلية عمل مركبة تشمل:\u003c\/p\u003e\n\u003cul data-end=\"2043\" data-start=\"1381\"\u003e\n\u003cli data-end=\"1675\" data-start=\"1381\"\u003e\n\u003cp data-end=\"1675\" data-start=\"1383\"\u003e\u003cstrong data-end=\"1407\" data-start=\"1383\"\u003eالبيبتيدات المتعددة:\u003c\/strong\u003e\u003cbr data-end=\"1410\" data-start=\"1407\"\u003eمثل Palmitoyl Tripeptide-38، Matrixyl™ synthe'6™, RetinoPeptide 189، SYN™-AKE، CYTOBIOL™ LUMIN-EYE، UNISOOTH EG-28، وEyeseryl™؛ تعمل هذه البيبتيدات كعوامل إشارات خلوية تُحفّز إنتاج البروتينات الضرورية لتجديد البشرة، مما يؤدي إلى تحسين مرونة الجلد وتقليل التجاعيد.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1824\" data-start=\"1679\"\u003e\n\u003cp data-end=\"1824\" data-start=\"1681\"\u003e\u003cstrong data-end=\"1730\" data-start=\"1681\"\u003eالنياسيناميد ومستخلص لحاء Fraxinus Excelsior:\u003c\/strong\u003e\u003cbr data-end=\"1733\" data-start=\"1730\"\u003eيساعدان في توحيد لون البشرة وتقليل الهالات الداكنة، كما يُحسنان من نسيج البشرة وإشراقتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2043\" data-start=\"1828\"\u003e\n\u003cp data-end=\"2043\" data-start=\"1830\"\u003e\u003cstrong data-end=\"1859\" data-start=\"1830\"\u003eالمكونات المضادة للأكسدة:\u003c\/strong\u003e\u003cbr data-end=\"1862\" data-start=\"1859\"\u003eمثل Propyl Gallate وGallyl Glucoside وEpigallocatechin Gallatyl Glucoside تعمل على حماية البشرة من الجذور الحرة وتقلل من الأضرار البيئية، مما يحافظ على صحة منطقة العين لفترة أطول.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"2172\" data-start=\"2045\"\u003eبفضل هذه التركيبة الفريدة، يعمل السيروم على معالجة عدة مشاكل في آنٍ واحد: التجاعيد، الهالات السوداء، الانتفاخ، وفقدان الإشراقة.\u003c\/p\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003eالنتائج السريرية\u003c\/h2\u003e\n\u003cp data-end=\"2292\" data-start=\"2201\"\u003eأظهرت الدراسات أن الاستخدام المنتظم لسيروم The Ordinary Multi-Peptide Eye Serum يؤدي إلى:\u003c\/p\u003e\n\u003cul data-end=\"2549\" data-start=\"2293\"\u003e\n\u003cli data-end=\"2343\" data-start=\"2293\"\u003eتحسين واضح في مظهر التجاعيد الدقيقة حول العين.\u003c\/li\u003e\n\u003cli data-end=\"2416\" data-start=\"2344\"\u003eتقليل لون الهالات الداكنة والانتفاخ، مما يزيد من إشراقة منطقة العين.\u003c\/li\u003e\n\u003cli data-end=\"2492\" data-start=\"2417\"\u003eتحسين ملمس ونضارة الجلد، مع زيادة في إشراق منطقة العين وملمسها الحريري.\u003c\/li\u003e\n\u003cli data-end=\"2549\" data-start=\"2493\"\u003eانخفاض ملحوظ في شدة التصبغات الداكنة داخل منطقة العين.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"3468\" data-start=\"3350\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"3520\" data-start=\"3475\"\u003eما سبب ارتفاع تكلفة هذا المنتج نسبيا بالمقارنة بالمنتجات الأخرى التي تستهددف نفس المشكلة ؟ \u003c\/h2\u003e\n\u003cul data-end=\"4210\" data-start=\"3521\"\u003e\n\u003cli data-end=\"3690\" data-start=\"3521\"\u003e\n\u003cp data-end=\"3690\" data-start=\"3523\"\u003e\u003cstrong data-end=\"3548\" data-start=\"3523\"\u003eتركيبة عالية التركيز:\u003c\/strong\u003e\u003cbr data-end=\"3551\" data-start=\"3548\"\u003eتحتوي التركيبة على مكونات نادرة صعبة الاستخلاص في تركيزات عالية جدا .. يحتوي المنتج على العديد من الببتيدات التي تعتبر الأفضل في محاربة علامات السن\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"3853\" data-start=\"3692\"\u003e\n\u003cp data-end=\"3853\" data-start=\"3694\"\u003e\u003cstrong data-end=\"3710\" data-start=\"3694\"\u003eنتائج شاملة:\u003c\/strong\u003e\u003cbr data-end=\"3713\" data-start=\"3710\"\u003eيقدم السيروم حلاً متكاملاً لمجموعة واسعة من مشاكل الشيخوخة في منطقة العين – من التجاعيد إلى الهالات الداكنة والانتفاخ – في منتج واحد فاخر.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4011\" data-start=\"3855\"\u003e\n\u003cp data-end=\"4011\" data-start=\"3857\"\u003e\u003cstrong data-end=\"3874\" data-start=\"3857\"\u003eفعالية مثبتة:\u003c\/strong\u003e\u003cbr data-end=\"3877\" data-start=\"3874\"\u003eأثبتت الدراسات السريرية فعاليته في تحسين مظهر منطقة العين وإعادة شبابها، مما يجعله استثمارًا ذكيًا لمن يسعون للحصول على نتائج دائمة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4210\" data-start=\"4013\"\u003e\n\u003cp data-end=\"4210\" data-start=\"4015\"\u003e\u003cstrong data-end=\"4031\" data-start=\"4015\"\u003eكل قطرة تحدث فرقا كبيرا:\u003c\/strong\u003e\u003cbr data-end=\"4034\" data-start=\"4031\"\u003eرغم أن السعر قد يكون أعلى من بعض المنتجات الأخرى، إلا أن التركيبة الفريدة والمركزة تضمن أن كل قطرة من المنتج تعمل بكفاءة قصوى، مما يوفر عليك الحاجة لاستخدام عدة منتجات مكلفة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003eآراء المستخدمين\u003c\/h2\u003e\n\u003cp data-end=\"4541\" data-start=\"4238\"\u003e\u003cstrong data-end=\"4270\" data-start=\"4238\"\u003eكيف يتم جمع آراء المستخدمين؟\u003c\/strong\u003e\u003cbr data-end=\"4273\" data-start=\"4270\"\u003eيتم جمع آراء المستخدمين من خلال المتابعة المستمرة مع العملاء وتسجيل تعليقاتهم حول المنتج. كما يتم استخدام برامج مخصصة تعتمد على الذكاء الاصطناعي لجمع الآراء من مختلف المصادر بشكل دقيق ودون أي تحيز، مما يضمن توفير تقييمات شاملة وموثوقة تعكس التجارب الحقيقية للمستخدمين.\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4543\"\u003e\n\u003cli data-end=\"4722\" data-start=\"4543\"\u003e\n\u003cp data-end=\"4566\" data-start=\"4545\"\u003e\u003cstrong data-end=\"4564\" data-start=\"4545\"\u003eإيجابيات شائعة:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4722\" data-start=\"4569\"\u003e\n\u003cli data-end=\"4619\" data-start=\"4569\"\u003eتحسين واضح في مظهر التجاعيد الدقيقة حول العين.\u003c\/li\u003e\n\u003cli data-end=\"4669\" data-start=\"4622\"\u003eتوحيد لون البشرة وزيادة إشراقة منطقة العين.\u003c\/li\u003e\n\u003cli data-end=\"4722\" data-start=\"4672\"\u003eملمس ناعم وإحساس فوري بالانتعاش بعد الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4724\"\u003e\n\u003cp data-end=\"4754\" data-start=\"4726\"\u003e\u003cstrong data-end=\"4752\" data-start=\"4726\"\u003eبعض الملاحظات السلبية:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4757\"\u003e\n\u003cli data-end=\"4820\" data-start=\"4757\"\u003eيحتاج بعض المستخدمين إلى فترة أطول لملاحظة النتائج الكاملة.\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4823\"\u003eيعتبر السعر مرتفعًا بالنسبة للبعض، رغم فعاليته المثبتة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"13\" data-start=\"0\"\u003eالمكونات\u003c\/h2\u003e\n\u003cp data-is-only-node=\"\" data-is-last-node=\"\" data-end=\"692\" data-start=\"14\"\u003eAqua (Water), Glycerin, Butylene Glycol, Propanediol, Dipropylene Glycol, Acetyl Glucosamine, Niacinamide, Palmitoyl Tripeptide-38, Acetyl Tetrapeptide-5, Myristoyl Nonapeptide-3, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Caffeine, Epigallocatechin Gallatyl Glucoside, Gallyl Glucoside, Fraxinus Excelsior Bark Extract, Silanetriol, Arginine, Pentylene Glycol, Hydroxymethoxyphenyl Decanone, Propyl Gallate, Maltodextrin, Hydroxypropyl Cyclodextrin, Hydroxyethylcellulose, Xanthan Gum, Citric Acid, Glycolic Acid, Sodium Citrate, Polysorbate 20, Trisodium Ethylenediamine Disuccinate, Dehydroacetic Acid, Ethylhexylglycerin, Benzyl Alcohol, Phenoxyethanol, Chlorphenesin.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":44526811283653,"sku":"","price":1700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_multipeptide_eye_serum.jpg?v=1741177907"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .joseon-container {\n max-width: 1100px;\n margin: 0 auto;\n direction: rtl;\n text-align: right;\n color: #333;\n overflow-x: hidden;\n padding: 0 15px;\n font-family: sans-serif;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n \n .hero-section {\n position: relative;\n padding: 35px 25px;\n background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n border-radius: 10px;\n overflow: hidden;\n margin-bottom: 30px;\n box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n border: 1px solid rgba(201, 169, 126, 0.12);\n }\n \n .hero-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n }\n \n .hero-section::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50%;\n height: 180px;\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n opacity: 0.2;\n z-index: 1;\n }\n \n .hero-content {\n position: relative;\n z-index: 2;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .hero-image {\n flex-shrink: 0;\n width: 250px;\n border-radius: 5px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n \n .hero-text {\n flex: 1;\n }\n \n .brand {\n font-size: 18px;\n color: #c9a97e;\n letter-spacing: 1px;\n margin-bottom: 10px;\n font-weight: bold;\n text-transform: uppercase;\n display: inline-block;\n position: relative;\n }\n \n .brand::after {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .main-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #222;\n line-height: 1.2;\n font-weight: bold;\n }\n \n .main-title span {\n color: #c9a97e;\n position: relative;\n display: inline-block;\n }\n \n .main-title span::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background: rgba(201, 169, 126, 0.1);\n border-radius: 3px;\n z-index: -1;\n }\n \n .hero-subtitle {\n font-size: 18px;\n margin-bottom: 20px;\n opacity: 0.9;\n line-height: 1.5;\n }\n \n .hero-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 20px;\n }\n \n .badge {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(201, 169, 126, 0.05);\n padding: 6px 12px;\n border-radius: 30px;\n font-size: 13px;\n font-weight: 500;\n color: #555;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .ingredients-section {\n margin: 40px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .ingredients-content {\n flex: 1;\n }\n \n .section-title {\n font-size: 28px;\n margin-bottom: 20px;\n color: #222;\n position: relative;\n padding-bottom: 12px;\n font-weight: bold;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 3px;\n }\n \n .ingredient-box {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n \n .ingredient-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .ingredient-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .ingredient-title {\n font-size: 20px;\n margin-bottom: 12px;\n color: #c9a97e;\n font-weight: bold;\n }\n \n .ingredient-desc {\n line-height: 1.6;\n color: #555;\n }\n \n .video-container {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n }\n \n .video-container video {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n }\n \n .benefits-section {\n margin: 50px 0;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n margin-top: 25px;\n }\n \n .benefit-card {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .benefit-card:hover::after {\n transform: scaleX(1);\n }\n \n .benefit-icon {\n color: #c9a97e;\n font-size: 30px;\n margin-bottom: 15px;\n }\n \n .benefit-title {\n font-size: 18px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-section {\n margin: 60px 0;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n padding: 40px 15px;\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .timeline-container {\n position: relative;\n margin-top: 40px;\n padding-right: 40px;\n }\n \n .timeline-bar {\n position: absolute;\n top: 0;\n right: 18px;\n width: 3px;\n height: 100%;\n background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 2px;\n z-index: 1;\n }\n \n .timeline-items {\n display: flex;\n flex-direction: column;\n position: relative;\n z-index: 2;\n }\n \n .timeline-item {\n display: flex;\n flex-direction: column;\n margin-bottom: 60px;\n position: relative;\n }\n \n .timeline-item:last-child {\n margin-bottom: 0;\n }\n \n .timeline-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n \n .timeline-date {\n font-weight: bold;\n color: #c9a97e;\n text-align: right;\n font-size: 16px;\n margin-right: 10px;\n }\n \n .timeline-dot {\n width: 18px;\n height: 18px;\n background: white;\n border: 3px solid #c9a97e;\n border-radius: 50%;\n margin-right: 10px;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n }\n \n .timeline-dot.active {\n background: #c9a97e;\n }\n \n .timeline-content {\n background: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n width: 100%;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .how-it-works {\n margin: 50px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .how-it-works-image {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n }\n \n .how-it-works-image img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n \n .how-it-works-image:hover img {\n transform: scale(1.02);\n }\n \n .how-it-works-content {\n flex: 1;\n }\n \n .usage-section {\n margin: 50px 0;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 0 15px;\n margin-bottom: 20px;\n }\n \n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #c9a97e, #d9c09e);\n border-radius: 50%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: bold;\n margin: 0 auto 15px;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n }\n \n .step-text {\n font-size: 16px;\n line-height: 1.5;\n color: #333;\n }\n \n .cta-section {\n text-align: center;\n margin: 60px 0;\n padding: 50px;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before, .cta-section::after {\n content: \"\";\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n z-index: 0;\n }\n \n .cta-section::before {\n top: -100px;\n right: -50px;\n }\n \n .cta-section::after {\n bottom: -100px;\n left: -50px;\n }\n \n .cta-content {\n position: relative;\n z-index: 1;\n }\n \n .cta-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #333;\n }\n \n .cta-subtitle {\n font-size: 18px;\n margin-bottom: 30px;\n color: #555;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .cta-button {\n display: inline-block;\n padding: 15px 40px;\n background: linear-gradient(to right, #c9a97e, #d9c09e);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, #d9c09e, #c9a97e);\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n }\n \n .cta-button:hover::after {\n opacity: 1;\n }\n \n .footer-note {\n text-align: center;\n margin-top: 20px;\n font-size: 14px;\n color: #777;\n }\n \n \/* Fade animations *\/\n .fade-up {\n opacity: 0;\n transform: translateY(20px);\n }\n \n .pulse {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.03);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @media (max-width: 768px) {\n .hero-content {\n flex-direction: column;\n }\n \n .hero-image {\n width: 200px;\n margin-bottom: 20px;\n }\n \n .ingredients-section, .how-it-works {\n flex-direction: column;\n }\n \n .timeline-items {\n flex-direction: column;\n }\n \n .timeline-bar {\n top: 0;\n left: 50%;\n width: 4px;\n height: 100%;\n transform: translateX(-50%);\n }\n \n .timeline-item {\n width: 100%;\n margin-bottom: 30px;\n display: flex;\n align-items: flex-start;\n }\n \n .timeline-dot {\n margin: 0 15px;\n }\n \n .timeline-content {\n flex: 1;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"joseon-container\"\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\" alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n \u003ch1 class=\"main-title\"\u003eسيروم \u003cspan\u003eالإشراق\u003c\/span\u003e بالنياسيناميد وصمغ النحل\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل لبشرة متألقة ومشرقة\u003c\/p\u003e\n \u003cdiv class=\"hero-badges\"\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n تركيبة كورية أصلية\n \u003c\/div\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n بدون مواد كيميائية ضارة\n \u003c\/div\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n مناسب لجميع أنواع البشرة\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredients-section\"\u003e\n \u003cdiv class=\"ingredients-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredient-box\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالنياسيناميد\u003c\/h3\u003e\n \u003cp class=\"ingredient-desc\"\u003eليس مجرد مكون، بل هو معجزة تُعيد توازن البشرة، تقلل من التصبغات وتمنحها لونًا موحدًا ومشرقًا. يعمل على تحسين مرونة الجلد وتقوية حاجز الترطيب الطبيعي.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-box\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالبروبوليس (صمغ النحل)\u003c\/h3\u003e\n \u003cp class=\"ingredient-desc\"\u003eيستخلص من خلايا النحل، ويعمل كمضاد قوي للالتهابات ومُعزز لتجديد الخلايا، مما يحافظ على شباب البشرة ويمنحها حماية طبيعية. يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp\u003eعندما تلتقي هذه المكونات في تركيبة واحدة، تتحول إلى قوة طبيعية لا تُضاهى؛ معجزة تُعيد لبشرتك شبابها وتمنحها الإشراق الذي لطالما حلمتِ به.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline width=\"100%\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\u003e\n متصفحك لا يدعم تشغيل الفيديو.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"instant-results\"\u003e\n \u003ch2 class=\"section-title\"\u003eنتائج لحظية!\u003c\/h2\u003e\n \u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003eمسام أصغر , بشرة أصفى , جلد مثالي\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eفوائد مذهلة لبشرتك\u003c\/h2\u003e\n \u003cp\u003eهذا السيروم هو الحل الشامل للبشرة الباهتة والمتعبة، حيث يُظهر تأثيرات مذهلة تشمل:\u003c\/p\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\n \u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\n \u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\n \u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\n \u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\n \u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتعزيز إشراقة البشرة\u003c\/h3\u003e\n \u003cp\u003eتفتيح البشرة وتوحيد لونها مع تقليل التصبغات والعلامات الداكنة بفعالية.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n \u003cp\u003eزيادة نعومة البشرة بفضل خصائص النياسيناميد المُرطبة والمضيئة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية البشرة\u003c\/h3\u003e\n \u003cp\u003eحماية من الالتهابات الخارجية والأضرار الناتجة عن الجذور الحرة بفضل قوة البروبوليس.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n \u003cline x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003cline x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003cline x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eدعم وظيفة الحاجز الجلدي\u003c\/h3\u003e\n \u003cp\u003eالحفاظ على رطوبة البشرة ومنع فقدانها، مما يساعد في تقليل الخطوط الدقيقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة النتائج المذهلة\u003c\/h2\u003e\n \u003cp\u003eمع الاستخدام المنتظم، ستلاحظين تحسناً تدريجياً يصل إلى النتائج المثالية خلال أسابيع قليلة.\u003c\/p\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"timeline-items\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eالاستخدام الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eترطيب فوري\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eستلاحظين ترطيباً فورياً للبشرة وملمساً أكثر نعومة. البشرة تبدو أكثر انتعاشاً وإشراقاً بشكل ملحوظ منذ الاستخدام الأول.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتحسن الملمس والتوهج\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eتصبح البشرة أكثر توهجاً ونعومة. تقل الاحمرار والتهيجات بفضل خصائص البروبوليس المضادة للالتهابات. انخفاض ملحوظ في دهنية البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتقليل التصبغات\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eبداية ظهور نتائج توحيد لون البشرة. تقل البقع الداكنة والتصبغات تدريجياً. تصبح البشرة أكثر إشراقاً ونضارة، مع مسام أصغر حجماً وأقل وضوحاً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتحول ملحوظ\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eتحسن كبير في نسيج البشرة ولونها. اختفاء ملحوظ للعديد من مشاكل البشرة كالبقع الداكنة والندبات. تقليل واضح للخطوط الدقيقة وعلامات الشيخوخة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد شهرين\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eبشرة متجددة تماماً\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eبشرة مشرقة ومتألقة بشكل مذهل. توحيد كامل للون البشرة وتقليل كبير للتصبغات. تحسن دائم في مظهر البشرة وملمسها، مع مرونة محسنة وصحة أفضل للجلد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"how-it-works\"\u003e\n \u003cdiv class=\"how-it-works-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\" alt=\"تركيبة متقدمة علمياً\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"how-it-works-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eتركيبة متقدمة علمياً\u003c\/h2\u003e\n \u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eكيف يعمل السيروم؟\u003c\/h3\u003e\n \n \u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eتعمل تركيبة \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e بتناغم لإحداث تأثير شامل على البشرة. يقوم البروبوليس، المُستخلص من خلايا النحل، بتطهير البشرة ومكافحة الالتهابات وتحفيز تجديد الخلايا، مما يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n \n \u003cp style=\"line-height: 1.8;\"\u003eبينما يعمل النياسيناميد على توحيد لون البشرة وتقليل التصبغات، بالإضافة إلى تحسين مرونة الجلد وتقوية حاجز الترطيب. هذه المكونات النشطة معًا تُحدث تغييرًا جذريًا في نسيج البشرة، فتمنحها مظهرًا أكثر إشراقًا وحيوية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \u003cp\u003eبعد تنظيف البشرة جيدًا، يُوضع السيروم على منطقة الوجه مع التركيز على المناطق التي تحتاج إلى تفتيح وتحسين، مثل حول العينين والجبهة وخطوط الفك. يُدلك بلطف حتى يتم امتصاصه بالكامل، ثم يُتبع بمرطب للحفاظ على الترطيب وتعزيز الفعالية. يُستخدم صباحًا ومساءً لتحقيق أفضل النتائج.\u003c\/p\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتنظيف البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتدليك برفق\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع المرطب\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cta-section pulse\"\u003e\n \u003cdiv class=\"cta-content\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاستعيدي إشراقة بشرتك اليوم\u003c\/h2\u003e\n \u003cp class=\"cta-subtitle\"\u003eقيمة عالية مقابل سعر مناسب - تجمع تركيبة سيروم الإشراق بين مكونات طبيعية مُثبتة علمياً لبشرة متألقة وصحية\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاطلبيه الآن\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"footer-note\"\u003e\n \u003cp\u003eتجمع تركيبة Beauty Of Joseon Glow Serum Propolis + Niacinamide بين مكونات طبيعية مُثبتة علمياً تعمل على تحسين إشراقة البشرة وتوحيد لونها مع حماية متقدمة من العوامل البيئية. بالرغم من أنه قد يكون بسعر أعلى قليلاً مقارنة ببعض المنتجات الأخرى، فإن كمية قليلة منه تكفي لتحقيق نتائج مذهلة وطويلة الأمد، مما يجعله استثمارًا فعّالًا لصحة وجمال بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Init functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animations\n initFadeEffects();\n \n \/\/ Video autoplay fix for some mobile browsers\n const video = document.querySelector('video');\n if (video) {\n video.play().catch(function(error) {\n console.log(\"Video autoplay prevented by browser\");\n });\n }\n });\n \n \/\/ Initialize fade effects\n function initFadeEffects() {\n const fadeElements = document.querySelectorAll('.fade-up');\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n \n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n \n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Add staggered animations\n const staggerElements = document.querySelectorAll('.fade-up');\n staggerElements.forEach((el, index) =\u003e {\n el.style.transitionDelay = `${index * 0.05}s`;\n });\n }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589240746181,"sku":"","price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml.jpg?v=1742651704"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Beauty of Joseon Revive Eye Serum متخصص الهالات | انتفاخات محيط العين | علامات السن","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #4a4a4a;\n line-height: 1.6;\n direction: rtl;\n }\n \n .product-header {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .product-title {\n font-size: 2.2rem;\n color: #3a2d28;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, #c3a300, #c3a300);\n border-radius: 2px;\n }\n \n .product-subtitle {\n font-size: 1.2rem;\n color: #7d6e67;\n font-weight: 400;\n }\n \n .section {\n margin-bottom: 40px;\n position: relative;\n overflow: visible;\n }\n \n .section-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 20px;\n }\n \n .section-icon {\n width: 30px;\n height: 30px;\n margin-bottom: 10px;\n fill: #c3a300;\n }\n \n .section-title {\n font-size: 1.5rem;\n color: #3a2d28;\n position: relative;\n margin-bottom: 15px;\n text-align: center;\n }\n \n .section-divider {\n width: 100%;\n height: 1px;\n background-color: #c3a300;\n }\n \n .section-content {\n color: #5d5d5d;\n font-size: 1rem;\n padding: 15px 0;\n display: block;\n visibility: visible;\n }\n \n .highlight {\n color: #c3a300;\n font-weight: 500;\n }\n \n .feature-list {\n margin-top: 25px;\n display: block;\n visibility: visible;\n }\n \n .feature-item {\n display: flex;\n margin-bottom: 25px;\n opacity: 1;\n transform: none;\n visibility: visible;\n }\n \n .feature-icon {\n width: 40px;\n height: 40px;\n min-width: 40px;\n fill: #c3a300;\n margin-left: 15px;\n margin-top: 5px;\n }\n \n .feature-content {\n flex: 1;\n }\n \n .feature-title {\n font-weight: bold;\n color: #3a2d28;\n margin-bottom: 5px;\n font-size: 1.1rem;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n text-align: center;\n flex: 1;\n min-width: 100px;\n margin: 10px;\n position: relative;\n opacity: 1;\n }\n \n .step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 30px;\n left: -15px;\n width: 30px;\n height: 2px;\n background-color: #c3a300;\n }\n \n .step-number {\n width: 40px;\n height: 40px;\n background-color: #c3a300;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto 15px;\n font-weight: bold;\n box-shadow: 0 5px 10px rgba(195, 163, 0, 0.3);\n }\n \n .step-text {\n font-size: 0.9rem;\n }\n \n .clinical-results {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n \n .result-card {\n border: 1px solid #e8e8e8;\n border-radius: 12px;\n padding: 30px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: transform 0.3s, box-shadow 0.3s;\n background-color: #ffffff;\n margin-bottom: 15px;\n }\n \n .result-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n \n .result-icon {\n width: 50px;\n height: 50px;\n margin: 0 auto 15px;\n fill: #c3a300;\n }\n \n .result-title {\n font-size: 1rem;\n color: #3a2d28;\n margin-bottom: 15px;\n }\n \n .result-percentage {\n font-size: 2.4rem;\n color: #c3a300;\n font-weight: bold;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .result-percentage::after {\n content: '%';\n font-size: 1.2rem;\n position: absolute;\n top: 0;\n right: -20px;\n }\n \n .percentage-wrapper {\n position: relative;\n height: 120px;\n margin-bottom: 15px;\n margin-top: 10px;\n }\n \n .counter {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 2.2rem;\n color: #c3a300;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n \n .counter-value {\n font-size: 2.2rem;\n }\n \n .counter-suffix {\n font-size: 1rem;\n margin-top: -8px;\n }\n \n .circular-progress {\n position: relative;\n height: 100px;\n width: 100px;\n margin: 0 auto;\n }\n \n .circle-container {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n border: 6px solid #c3a300;\n margin: 0 auto;\n position: relative;\n }\n \n .circular-progress circle {\n stroke-dashoffset: 251.2;\n stroke-dasharray: 251.2;\n stroke-width: 8px;\n stroke-linecap: round;\n fill: none;\n }\n \n .circular-progress .bg {\n stroke: #f1f1f1;\n }\n \n .circular-progress .progress {\n stroke: #c3a300;\n transition: stroke-dashoffset 1.5s ease;\n }\n \n .progress.animated {\n animation: progressAnimation 1.5s ease forwards;\n }\n \n @keyframes progressAnimation {\n from {\n stroke-dashoffset: 251.2;\n }\n to {\n stroke-dashoffset: var(--final-offset, 0);\n }\n }\n \n .result-description {\n color: #5d5d5d;\n font-size: 0.9rem;\n }\n \n @keyframes wave {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .animate-wave {\n animation: wave 3s ease-in-out infinite;\n }\n \n .fade-in {\n animation: fadeIn 1s forwards;\n }\n \n @media (max-width: 768px) {\n .feature-item {\n flex-direction: column;\n text-align: center;\n }\n \n .feature-icon {\n margin: 0 auto 10px;\n }\n \n .step:not(:last-child)::after {\n display: none;\n }\n \n .clinical-results {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eرحلة تجديد شباب عينيك تبدأ الآن\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eاكتشفي سر إشراقة عينيك مع \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003e، تركيبة مبتكرة تجمع بين أحدث التقنيات العلمية والمكونات الطبيعية النقية لإحياء منطقة العين الحساسة. هذا السيروم الثوري يعمل على مكافحة علامات التعب والشيخوخة في آنٍ واحد، ليمنح عينيك مظهرًا أكثر شبابًا وتوهجًا.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_e8f8ea7b-01fc-4144-9da3-ecc29addcda7.webp?v=1742659829\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M17.66,11.2C17.43,10.9 17.15,10.64 16.89,10.38C16.22,9.78 15.46,9.35 14.82,8.72C13.33,7.26 13,4.85 13.95,3C13,3.23 12.17,3.75 11.46,4.32C8.87,6.4 7.85,10.07 9.07,13.22C9.11,13.32 9.15,13.42 9.15,13.55C9.15,13.77 9,13.97 8.8,14.05C8.57,14.15 8.33,14.09 8.14,13.93C8.08,13.88 8.04,13.83 8,13.76C6.87,12.33 6.69,10.28 7.45,8.64C5.78,10 4.87,12.3 5,14.47C5.06,14.97 5.12,15.47 5.29,15.97C5.43,16.57 5.7,17.17 6,17.7C7.08,19.43 8.95,20.67 10.96,20.92C13.1,21.19 15.39,20.8 17.03,19.32C18.86,17.66 19.5,15 18.56,12.72L18.43,12.46C18.22,12 17.66,11.2 17.66,11.2M14.5,17.5C14.22,17.74 13.76,18 13.4,18.1C12.28,18.5 11.16,17.94 10.5,17.28C11.69,17 12.4,16.12 12.61,15.23C12.78,14.43 12.46,13.77 12.33,13C12.21,12.26 12.23,11.63 12.5,10.94C12.69,11.32 12.89,11.7 13.13,12C13.9,13 15.11,13.44 15.37,14.8C15.41,14.94 15.43,15.08 15.43,15.23C15.46,16.05 15.1,16.95 14.5,17.5Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eيعمل السيروم من خلال مزج ثلاثة مكونات رئيسية تُحدث تأثيرًا متكاملًا: يُساهم الريتينال في تنعيم البشرة وتحفيز تجديد خلاياها، بينما تعمل الليبوسومات على تثبيت الريتينال وتحسين امتصاصه بفعالية، ويضفي مستخلص جذر الجينسنغ ترطيبًا طويل الأمد وحماية فائقة. بهذه الآلية الفريدة، يتم إعادة بناء حاجز البشرة وتقليل ظهور التجاعيد الدقيقة والهالات الداكنة والانتفاخ، مما يُعيد لعينيك الحيوية والإشراقة.\u003c\/p\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"feature-icon\"\u003e\n \u003cpath d=\"M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003eما الذي يميز التركيبة؟\u003c\/h3\u003e\n\u003cp\u003eتميز هذه التركيبة يكمن في دمجها لقوة الريتينال مع الليبوصولات ومستخلص الجينسنغ؛ حيث يُعتبر كل مكون بمفرده معجزة في تحسين صحة البشرة. عند اتحادها معًا، تُصبح قوة طبيعية لا يُمكن وقفها تعمل على تجديد منطقة العين وتحفيز إنتاج الكولاجين، مما يُحسن مرونة البشرة ويقلل من علامات التعب والشيخوخة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"feature-icon\"\u003e\n \u003cpath d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003eلماذا تعتبر هذه التركيبة افضل من مشتقات الريتينول الأخرى ؟\u003c\/h3\u003e\n\u003cp\u003eالريتينول هو شكل من أشكال فيتامين A يحتاج إلى التحول داخل البشرة ليصبح نشطًا، مما يجعله أقل فعالية مقارنةً بالريتينال.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e أما الريتينال\u003c\/strong\u003e، فهو يعمل مباشرةً لتحفيز تجديد الخلايا وإنتاج الكولاجين دون الحاجة إلى تحويل، مما يسرع من النتائج ويقلل من مخاطر التهيج. هذا الفرق يجعل الريتينال الخيار الأمثل للعناية المكثفة بمنطقة العين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M4,6H2V20A2,2 0 0,0 6,20V22H6A2,2 0 0,0 8,20V4A2,2 0 0,0 6,2H4V4H6V6M14,6H12V20A2,2 0 0,0 16,20V22H16A2,2 0 0,0 18,20V4A2,2 0 0,0 16,2H14V4H16V6M22,20V2H20V4H22V6H20V20H22Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eبعد تنظيف البشرة بلطف، يُوضع السيروم على منطقة العين باستخدام كمية قليلة. قومي بتدليك المنتج برفق حتى يتم امتصاصه بالكامل، ثم اتبعيه بمرطب مناسب للحفاظ على الترطيب وتعزيز النتائج. يُفضل استخدام السيروم صباحًا ومساءً لتحقيق أفضل النتائج.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eتنظيف البشرة بلطف\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eوضع كمية قليلة من السيروم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eتدليك برفق حتى الامتصاص\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eمتابعة بمرطب مناسب\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eالنتائج السريرية\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eأظهرت التجارب أن الاستخدام المنتظم للسيروم يؤدي إلى تحسينات ملحوظة في عدة مجالات:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتقليل التجاعيد الدقيقة\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e16\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eانخفاض في عمق التجاعيد الدقيقة حول العينين بعد 8 أسابيع من الاستخدام المنتظم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eزيادة الترطيب\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e118\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eتحسن في مستويات ترطيب منطقة العين مقارنة بالقياسات الأساسية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتقليل الهالات السوداء\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e30\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eتحسن ملحوظ في لون البشرة وتقليل التصبغات حول العينين بعد 4 أسابيع فقط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e50\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eزيادة في نعومة البشرة وتحسين ملمسها بفضل تجديد الخلايا وتعزيز حاجز البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eإن \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e ليس مجرد منتج عناية؛ إنه استثمار حقيقي في شباب وجمال عينيك. تركيبته المتطورة توفر نتائج مذهلة بجرعة قليلة، مما يجعله الخيار الأمثل لمن تسعى للحصول على إشراقة وطلة شبابية تدوم طويلاً.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589813104837,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml.jpg?v=1742657450"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003eالحلزون .. السر السحري في مقاومة علامات الزمن\u003c\/h2\u003e\n\u003cp data-start=\"36\" data-end=\"285\" class=\"\"\u003eاستعدي لمواجهة آثار الزمن والتلف مع \u003cstrong data-start=\"72\" data-end=\"106\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – منتج ثوري يجمع بين قوة مستخلص الحلزون الأسود بنسبة 89% وتركيبة Trusica العلاجية التي تعمل على إصلاح البشرة وترطيبها بعمق. كل قطرة تُعتبر خطوة جريئة نحو بشرة أكثر شبابًا ونضارة.\u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003eتركيبة غير مسبوقة من مستخلص الحلزون الأسود\u003c\/h2\u003e\n\u003cp data-start=\"315\" data-end=\"366\" class=\"\"\u003e تجمع التركيبة بين مكونين طبيعيين أساسيين\u003c\/p\u003e\n\u003cul data-start=\"367\" data-end=\"756\"\u003e\n\u003cli data-start=\"367\" data-end=\"485\" class=\"\"\u003e\n\u003cp data-start=\"369\" data-end=\"485\" class=\"\"\u003e\u003cstrong data-start=\"369\" data-end=\"394\"\u003eمستخلص الحلزون الأسود\u003c\/strong\u003e الذي يُغذي البشرة بعمق، يُحفّز تجديد الخلايا، ويقلل من التجاعيد والندوب وآثار حب الشباب.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003e\u003cstrong data-start=\"488\" data-end=\"515\"\u003eتركيبة Trusica العلاجية\u003c\/strong\u003e التي تُزيل آثار التلف وتعالج الندوب بخبرة، لتُعيد لبشرتك توازنها الطبيعي وترطيبها الدائم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003eتتحد هذه المكونات مع النياسيناميد والمستخلصات النباتية لدعم مرونة البشرة وحاجزها الواقي، مما يحميها من العوامل البيئية الضارة ويمنحها إشراقة مُبهرة.\u003cbr data-start=\"605\" data-end=\"608\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\"\u003e\u003c\/h2\u003e\n\u003ch2\u003eلماذا الحلزون الأسود تحديدا ؟ \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eيُعتبر مستخلص الحلزون مكونًا شائعًا في منتجات العناية بالبشرة بفضل فوائده المتعددة. ومع ذلك، يتميز مستخلص الحلزون الأسود بخصائص فريدة تجعله يتفوق على المستخلصات الأخرى. في الجدول التالي، نوضح الأسباب التي دفعتنا لاختيار مستخلص الحلزون الأسود في سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالعنصر\u003c\/th\u003e\n\u003cth\u003eمستخلص الحلزون الأسود\u003c\/th\u003e\n\u003cth\u003eمستخلصات الحلزون الأخرى\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eالمكونات النشطة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على نسبة عالية من البروتينات، الإيلاستين، الكولاجين، والأحماض الدهنية الأساسية، مما يُعزز صحة البشرة ويُحسن مرونتها.\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مكونات نشطة، ولكن بنسب أقل مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالفعالية في إصلاح البشرة\u003c\/td\u003e\n\u003ctd\u003eيُحفّز تجديد خلايا البشرة، يُقلل من ظهور الندوب وآثار حب الشباب، ويُحسّن ملمس البشرة بشكل عام.\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تجديد البشرة، ولكن قد يكون أقل فعالية في معالجة الندوب العميقة وآثار حب الشباب.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالترطيب والمرونة\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا عميقًا ويُعزز مرونة البشرة بفضل محتواه الغني من الكولاجين والبروتينات.\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا جيدًا، لكن قد يكون أقل في تعزيز المرونة مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eمكافحة الشيخوخة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مضادات أكسدة قوية تُقلل من ظهور الخطوط الدقيقة والتجاعيد، مما يُعطي مظهرًا أكثر شبابًا.\u003c\/td\u003e\n\u003ctd\u003eيُساهم في مكافحة الشيخوخة، ولكن قد يكون تأثيره أقل وضوحًا مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eتوحيد لون البشرة\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تقليل التصبغات وتوحيد لون البشرة، مما يمنحها إشراقة طبيعية.\u003c\/td\u003e\n\u003ctd\u003eقد يُساهم في توحيد لون البشرة، لكن بفعالية أقل.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eباختيار مستخلص الحلزون الأسود، يُقدم سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e فوائد متعددة تتفوق على المستخلصات الأخرى، مما يجعله خيارًا مثاليًا لمن يسعى للحصول على بشرة صحية، نضرة، وخالية من العيوب.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"758\" data-end=\"783\" class=\"\"\u003eفيه حل لكل مشكلة في بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"784\" data-end=\"877\" class=\"\"\u003eيُعتبر \u003cstrong data-start=\"791\" data-end=\"825\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e الحل الشامل لمشاكل البشرة المتضررة؛ فهو يعمل على:\u003c\/p\u003e\n\u003cul data-start=\"878\" data-end=\"1164\"\u003e\n\u003cli data-start=\"878\" data-end=\"958\" class=\"\"\u003e\n\u003cp data-start=\"880\" data-end=\"958\" class=\"\"\u003eإعادة الترطيب العميق للبشرة وتحفيز تجديد خلاياها، مما يُحسن من مظهرها العام.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"959\" data-end=\"1037\" class=\"\"\u003e\n\u003cp data-start=\"961\" data-end=\"1037\" class=\"\"\u003eتقليل ظهور التجاعيد الدقيقة والندوب الناتجة عن حب الشباب والعوامل البيئية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1038\" data-end=\"1106\" class=\"\"\u003e\n\u003cp data-start=\"1040\" data-end=\"1106\" class=\"\"\u003eدعم حاجز البشرة الطبيعي وإعادة توازن مستويات الزيوت والماء فيها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1107\" data-end=\"1164\" class=\"\"\u003e\n\u003cp data-start=\"1109\" data-end=\"1164\" class=\"\"\u003eتحسين ملمس البشرة وإضفاء إشراقة طبيعية تدوم طوال اليوم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cul data-start=\"1269\" data-end=\"1582\"\u003e\n\u003cli data-start=\"1269\" data-end=\"1367\" class=\"\"\u003e\n\u003cp data-start=\"1271\" data-end=\"1367\" class=\"\"\u003eيُحفّز مستخلص الحلزون الأسود إنتاج الكولاجين وتجديد الخلايا، مما يُعيد للبشرة شبابها ومرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1368\" data-end=\"1491\" class=\"\"\u003e\n\u003cp data-start=\"1370\" data-end=\"1491\" class=\"\"\u003eتُساعد تركيبة Trusica على معالجة الندوب وعلامات التلف، في حين يعمل النياسيناميد على توحيد لون البشرة وتخفيف الالتهابات.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1492\" data-end=\"1582\" class=\"\"\u003e\n\u003cp data-start=\"1494\" data-end=\"1582\" class=\"\"\u003eالنتيجة هي بشرة مُرتبة، متجددة، ومحفوظة من آثار الزمن والتلف مع ملمس ناعم وإشراقة مبهرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003eطريقة الاستخدام المثالية\u003c\/h2\u003e\n\u003cp data-start=\"1614\" data-end=\"1886\" class=\"\"\u003eبعد تنظيف البشرة بلطف، يُوضع السيروم على الوجه مع التركيز على المناطق المتضررة مثل خطوط التجاعيد والندوب. قومي بتدليك المنتج برفق حتى يتم امتصاصه بالكامل، ثم اتبعيه بمرطب مناسب للحفاظ على الترطيب وتعزيز النتائج. يُفضل استخدام السيروم صباحًا ومساءً للحصول على أفضل النتائج.\u003c\/p\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003eأفضل الاستثمارات في صحة بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"1920\" data-end=\"2177\" class=\"\"\u003eإن \u003cstrong data-start=\"1923\" data-end=\"1957\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e ليس مجرد منتج عناية بالبشرة، بل هو استثمار حقيقي في شباب بشرتك. تركيبته المركزة والفعالة تُحقق نتائج ملحوظة مع استخدام كمية قليلة، مما يجعله الخيار الأمثل لمن تسعى لاستعادة نضارة وبريق بشرتها وحمايتها من علامات الزمن.\u003c\/p\u003e\n\u003cp data-start=\"2179\" data-end=\"2327\" class=\"\"\u003eاستمتعي بتجربة علاجية متكاملة حيث يلتقي العلم بالطبيعة ليمنح بشرتك التألق الذي تستحقينه، ولتكوني دائمًا على استعداد لمواجهة تحديات الزمن بثقة وجمال.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44591502786757,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Heading_2.png?v=1742735468"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin 30 Days Blemish Care Serum - تصميم أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-serum-container {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-serum-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-serum-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.yuja-serum-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: scale(0.95);\n animation: fadeInAndScale 0.8s ease forwards;\n animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n font-size: 22px;\n color: #333;\n font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n margin-left: 10px;\n color: #9C8102;\n font-size: 24px;\n}\n\n.yuja-serum-content {\n background-color: #fff;\n border-radius: 8px;\n padding: 25px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n display: flex;\n margin-bottom: 20px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 8px;\n padding: 15px;\n transform: translateX(30px);\n opacity: 0;\n transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n transform: translateX(0);\n opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n color: #555;\n}\n\n.yuja-serum-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n margin: 40px 0;\n padding: 25px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n text-align: center;\n margin: 40px 0;\n padding: 30px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 8px;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-serum-container\"\u003e\n \u003cdiv class=\"yuja-serum-header\"\u003e\n \u003ch3 class=\"yuja-serum-title\"\u003e🌟 ثورة في عالم السيرومات: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n \u003cp class=\"yuja-serum-intro\"\u003e\n في بحر منتجات العناية بالبشرة، يبرز هذا السيروم كتحفة فنية تجمع بين الطبيعة والعلوم الحديثة، مقدّمًا حلاً فوريًا وفعّالًا لمشكلات البشرة.\n \u003c\/p\u003e\n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم التركيبة الفريدة --\u003e\n \u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eتركيبة فريدة تتجاوز التوقعات\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-content\"\u003e\n \u003cp\u003eما يميّز هذا السيروم عن غيره من منتجات النياسيناميد هو مزيجه الاستثنائي من المكونات:\u003c\/p\u003e\n \n \u003cdiv class=\"yuja-serum-ingredients\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e82.3% مستخلص فاكهة اليوجا (اليوسفي الكوري)\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n يُعرف بتركيزه العالي من فيتامين C، حيث يحتوي على ثلاثة أضعاف ما يحتويه الليمون، مما يمنح البشرة إشراقة طبيعية ويعزز إنتاج الكولاجين.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e5% نياسيناميد\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n بتركيز مثالي، يعمل على توحيد لون البشرة، تقليل التصبغات، وتعزيز حاجز البشرة الواقي دون التسبب في تهيج.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003eالجلوتاثيون والأربوتين\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n مضادات أكسدة قوية تساهم في تقليل إنتاج الميلانين، مما يساعد في تفتيح البقع الداكنة ومنح البشرة مظهرًا أكثر تجانسًا.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e12 نوعًا من الفيتامينات\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n تغذي البشرة، تعزز من حيويتها، وتساعد في تهدئة التوتر الناتج عن العوامل البيئية الضارة.\n \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 \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\" alt=\"Some By Mi Yuja Niacin Serum Benefits\"\u003e\n \n \u003c!-- قسم النتائج السريعة --\u003e\n \u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eنتائج ملموسة في زمن قياسي\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cp\u003e\n على عكس العديد من السيرومات التي تتطلب شهورًا لإظهار نتائج، يُظهر هذا السيروم تأثيره خلال 30 يومًا فقط. تجارب المستخدمين أشارت إلى تحسن واضح في توحيد لون البشرة وتقليل التصبغات في فترة قصيرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum Value\"\u003e\n \n \u003c!-- قسم القيمة مقابل السعر --\u003e\n \u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eاستثمار ذكي لبشرتك\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cp\u003e\n مع حجم 50 مل وتركيز عالٍ من المكونات الفعّالة، يُعتبر هذا السيروم ذا قيمة ممتازة مقابل السعر. تكفي كمية صغيرة لتحقيق النتائج المرجوة، مما يجعله يدوم لفترة طويلة، ويقدم حلاً اقتصاديًا وفعّالًا للعناية بالبشرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الخاتمة --\u003e\n \u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n \u003cp\u003e\n باختصار، \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e ليس مجرد سيروم آخر في السوق، بل هو تجربة فريدة تمزج بين قوة الطبيعة والتكنولوجيا الحديثة لتحقيق بشرة صحية ومشرقة في وقت قياسي.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n \n \/\/ مراقبة ظهور العناصر عند التمرير\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \/\/ مراقبة جميع الأقسام\n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44664200888517,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1744752710"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"Serum ANUA Niacinamide 10% + TXA 4% Dunkelflecken-Korrektor - Fortgeschritten aufhellend und verfeinernd für die Poren","description":"\u003cdiv class=\"anua-txa-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .anua-txa-ultimate-wrapper {\n --atxa-neon-red: #ff2a3b;\n --atxa-neon-rose: #ff6b7e;\n --atxa-neon-gold: #ffd24a;\n --atxa-glow-red: rgba(255, 42, 59, 0.45);\n --atxa-glow-gold: rgba(255, 210, 74, 0.45);\n\n --atxa-bg-base: #040304;\n --atxa-bg-surface: #0a0608;\n --atxa-bg-card: rgba(18, 10, 13, 0.9);\n --atxa-bg-card-hover: rgba(26, 14, 18, 0.98);\n\n --atxa-text-pure: #ffffff;\n --atxa-border: rgba(255, 42, 59, 0.25);\n --atxa-border-hover: rgba(255, 42, 59, 0.8);\n --atxa-line: rgba(255, 255, 255, 0.08);\n\n line-height: 1.8;\n position: relative;\n width: 100%;\n max-width: 100%;\n border-radius: 24px;\n background-color: var(--atxa-bg-base);\n color: var(--atxa-text-pure);\n box-shadow: inset 0 0 120px rgba(255, 42, 59, 0.08);\n box-sizing: border-box;\n padding: 40px 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .anua-txa-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-red {\n color: var(--atxa-neon-red) !important;\n text-shadow: 0 0 10px var(--atxa-glow-red), 0 0 20px var(--atxa-glow-red);\n font-weight: 900;\n }\n\n .neon-gold {\n color: var(--atxa-neon-gold) !important;\n text-shadow: 0 0 10px var(--atxa-glow-gold), 0 0 20px var(--atxa-glow-gold);\n font-weight: 900;\n }\n\n .neon-rose {\n color: var(--atxa-neon-rose) !important;\n text-shadow: 0 0 10px rgba(255, 107, 126, 0.5);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n .anua-txa-ultimate-wrapper img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 20px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(255, 42, 59, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .atxa-img-md {\n max-width: 650px !important;\n width: 100%;\n }\n\n .atxa-container {\n max-width: 940px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n .atxa-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .atxa-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.35;\n animation: atxaOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .atxa-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(255, 42, 59, 0.22) 0%, transparent 70%);\n top: -120px; right: -120px;\n }\n\n .atxa-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(255, 210, 74, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -150px;\n animation-delay: -6s;\n }\n\n @keyframes atxaOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .atxa-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(255, 42, 59, 0.45);\n word-wrap: break-word;\n }\n\n .atxa-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .atxa-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-badge {\n display: inline-block;\n background: rgba(255, 42, 59, 0.14);\n border: 1.5px solid var(--atxa-neon-red);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--atxa-glow-red);\n }\n\n .atxa-hero-subtitle {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--atxa-neon-red);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(255, 42, 59, 0.1));\n border-radius: 12px 0 0 12px;\n text-align: left;\n }\n\n .atxa-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), var(--atxa-neon-red), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .atxa-card {\n background: linear-gradient(145deg, rgba(24, 12, 16, 0.92), rgba(8, 4, 6, 0.98));\n border: 1px solid var(--atxa-border);\n border-radius: 18px;\n padding: 28px 22px;\n transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;\n position: relative;\n overflow: hidden;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .atxa-card:hover {\n transform: translateY(-8px);\n border-color: var(--atxa-neon-red);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--atxa-glow-red);\n background: rgba(32, 16, 22, 0.98);\n }\n\n .atxa-icon-wrap {\n width: 56px; height: 56px;\n background: rgba(8, 4, 6, 0.9);\n border: 1.5px solid rgba(255, 42, 59, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 18px;\n color: var(--atxa-neon-red);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(255, 42, 59, 0.15);\n flex-shrink: 0;\n font-size: 1.3rem;\n font-weight: 900;\n }\n\n .atxa-card:hover .atxa-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--atxa-neon-red);\n color: #040304;\n border-color: transparent;\n box-shadow: 0 0 25px var(--atxa-neon-red);\n }\n\n .atxa-card h3 {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .atxa-card p {\n color: #ffffff;\n font-size: 1.05rem;\n line-height: 1.75;\n font-weight: 500;\n }\n\n .atxa-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(255, 42, 59, 0.14);\n border: 1px solid var(--atxa-neon-red);\n color: var(--atxa-neon-red);\n padding: 5px 14px;\n border-radius: 8px;\n font-size: 0.92rem;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 0 12px rgba(255, 42, 59, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .atxa-ingredient-tag.gold {\n background: rgba(255, 210, 74, 0.14);\n border-color: var(--atxa-neon-gold);\n color: var(--atxa-neon-gold);\n box-shadow: 0 0 12px rgba(255, 210, 74, 0.25);\n }\n\n .atxa-ingredient-tag.rose {\n background: rgba(255, 107, 126, 0.14);\n border-color: var(--atxa-neon-rose);\n color: var(--atxa-neon-rose);\n box-shadow: 0 0 12px rgba(255, 107, 126, 0.25);\n }\n\n .atxa-diff-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-diff-card {\n background: linear-gradient(145deg, rgba(22, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n border: 1.5px solid var(--atxa-border);\n border-radius: 18px;\n padding: 24px 18px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-diff-card:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .atxa-bignum {\n font-size: clamp(34px, 5.5vw, 50px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .atxa-diff-card h4 {\n font-size: 1.18rem;\n font-weight: 800;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .atxa-diff-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.65;\n font-weight: 500;\n }\n\n .atxa-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .atxa-stat-box {\n background: rgba(18, 8, 12, 0.9);\n border: 1.5px solid var(--atxa-border);\n border-radius: 18px;\n padding: 26px 16px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-stat-box:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .atxa-stat-num {\n font-size: clamp(34px, 5.5vw, 54px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .atxa-stat-title {\n color: #ffffff;\n font-size: 1.05rem;\n font-weight: 800;\n }\n\n .atxa-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-timeline-card {\n background: rgba(18, 10, 14, 0.88);\n border: 1px solid var(--atxa-border);\n border-top: 4px solid var(--atxa-neon-red);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: left;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--atxa-neon-gold);\n background: rgba(28, 14, 20, 0.95);\n }\n\n .atxa-timeline-badge {\n display: inline-block;\n background: rgba(255, 42, 59, 0.14);\n color: var(--atxa-neon-red);\n font-weight: 900;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n font-size: 0.9rem;\n border: 1px solid var(--atxa-border);\n white-space: nowrap;\n }\n\n .atxa-timeline-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-value-card {\n background: linear-gradient(145deg, rgba(20, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n border: 1px solid var(--atxa-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: left;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-value-card:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .atxa-value-num {\n width: 44px; height: 44px;\n background: rgba(255, 42, 59, 0.15);\n border: 1.5px solid var(--atxa-neon-red);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--atxa-neon-gold);\n margin-bottom: 14px;\n }\n\n .atxa-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .atxa-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-step-card {\n background: rgba(18, 8, 12, 0.85);\n border: 1.5px dashed var(--atxa-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-step-card:hover {\n border-color: var(--atxa-neon-red);\n transform: translateY(-5px);\n background: rgba(26, 12, 18, 0.95);\n }\n\n .atxa-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2a080e, #0a0204);\n border: 2px solid var(--atxa-neon-red);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--atxa-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-step-card h4 {\n color: var(--atxa-neon-red);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .atxa-step-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-table-wrap {\n margin: 35px 0;\n border-radius: 18px;\n border: 1px solid var(--atxa-border);\n background: rgba(18, 8, 12, 0.85);\n overflow: hidden;\n width: 100%;\n }\n\n .atxa-table { width: 100%; border-collapse: collapse; text-align: left; }\n .atxa-table th, .atxa-table td {\n padding: 18px 20px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.05rem;\n vertical-align: middle;\n }\n\n .atxa-table thead th {\n background: rgba(35, 10, 16, 0.95);\n font-size: 1.15rem; font-weight: 900;\n color: #ffffff;\n border-bottom: 2px solid var(--atxa-neon-red);\n }\n\n .atxa-table thead th.atxa-th-win {\n color: var(--atxa-neon-gold);\n background: rgba(255, 42, 59, 0.18);\n text-shadow: 0 0 18px var(--atxa-glow-gold);\n }\n\n .atxa-table td:first-child { color: #ffffff; font-weight: 800; }\n .atxa-table td.atxa-td-old { color: #ffffff; }\n .atxa-table td.atxa-td-win {\n color: #ffffff; font-weight: 700;\n background: rgba(255, 42, 59, 0.08);\n border-right: 3.5px solid var(--atxa-neon-red);\n }\n\n .atxa-table tbody tr:hover { background: rgba(255, 42, 59, 0.06); }\n .atxa-table tbody tr:last-child td { border-bottom: none; }\n\n .atxa-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .atxa-reveal.atxa-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .atxa-delay-1 { transition-delay: 0.12s; }\n .atxa-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .anua-txa-ultimate-wrapper { padding: 25px 0; }\n .atxa-container { padding: 0 14px !important; }\n .atxa-img-md { max-width: 100% !important; }\n\n .atxa-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .atxa-benefits-grid .atxa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-benefits-grid .atxa-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n font-size: 16px !important;\n }\n\n .atxa-benefits-grid .atxa-card h3 {\n font-size: 0.94rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .atxa-benefits-grid .atxa-ingredient-tag {\n font-size: 0.72rem !important;\n padding: 3px 6px !important;\n margin-bottom: 6px !important;\n line-height: 1.25 !important;\n border-radius: 6px !important;\n }\n\n .atxa-benefits-grid .atxa-card p {\n font-size: 0.82rem !important;\n line-height: 1.5 !important;\n }\n\n .atxa-diff-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-diff-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-diff-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-bignum {\n font-size: 32px !important;\n }\n\n .atxa-diff-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-diff-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-stat-num {\n font-size: 34px !important;\n }\n\n .atxa-stat-title {\n font-size: 0.85rem !important;\n }\n\n .atxa-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-timeline-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-value-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-step-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-table, .atxa-table tbody, .atxa-table tr, .atxa-table td { display: block; width: 100%; }\n .atxa-table thead { display: none; }\n .atxa-table tr {\n margin-bottom: 12px;\n border: 1px solid rgba(255, 42, 59, 0.25);\n border-radius: 14px;\n overflow: hidden;\n }\n .atxa-table td { border-bottom: 1px solid rgba(255,255,255,0.06); padding: 12px 14px; font-size: 0.88rem; }\n .atxa-table td:first-child {\n background: rgba(35, 10, 16, 0.95);\n font-size: 1rem;\n color: var(--atxa-neon-gold);\n }\n .atxa-table td[data-label]::before {\n content: attr(data-label) \": \";\n font-weight: 800;\n color: var(--atxa-neon-rose);\n margin-left: 6px;\n }\n .atxa-table td.atxa-td-win::before { color: var(--atxa-neon-gold); }\n\n .atxa-title-glow { font-size: 24px; }\n .atxa-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"atxa-ambient-bg\"\u003e\n\u003cdiv class=\"atxa-orb atxa-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-orb atxa-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eDie leistungsstärkste Formel zur Aufhellung und Korrektur von Flecken in Korea\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e\n Anua Niacinamide 10% + TXA 4% Serum\u003cbr\/\u003e\n\u003cspan class=\"neon-gold\"\u003eEntferne das Make-up und stelle die Reinheit deiner Haut in 30 Tagen wieder her\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n Ich bin müde von seiner Höflichkeit \u003cspan class=\"neon-red\"\u003eSpuren alter Pickel mit dem Korrektor\u003c\/span\u003e? Melasma und Sonnenflecken verschwinden, egal wie sehr du es mit aufhellenden Seren versuchst? \u003cspan class=\"neon-gold\"\u003eDas Geheimnis ist nicht, die Haut abzuziehen\u003c\/span\u003eDas Geheimnis ist, den Fleck selbst an der Wurzel zu stoppen, bevor er auf der Hautoberfläche erscheint.\n \u003c\/p\u003e\n\u003cimg alt=\"ANUA Niacinamide 10% + TXA 4% Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_against_dark_backgr__202608311311.jpg?v=1788171326\" style=\"margin-bottom: 30px;\"\/\u003e\n\u003cdiv style=\"background: rgba(255, 42, 59, 0.08); border: 1.5px solid var(--atxa-neon-red); border-radius: 18px; padding: 22px; text-align: center; max-width: 840px; margin: 0 auto 30px;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 900; color: #ffffff; line-height: 1.85;\"\u003e\n Es ist nicht nur ein normales Aufhellungsserum. \u003cspan class=\"neon-red\"\u003eTrilogie der intelligenten Korrektur\u003c\/span\u003e Es schmilzt \u003cspan class=\"neon-gold\"\u003e10% Niacinamid + 4% Tranexamsäure + 2% Arbutin\u003c\/span\u003e Um den dunkleren Fleck zu entfernen, werden Sie Ihren Farbton angleichen, ohne einen einzigen Abschuppungspunkt oder einen einzigen Brennpunkt!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255, 210, 74, 0.08); border: 1px dashed var(--atxa-neon-gold); padding: 16px 22px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; max-width: 820px;\"\u003e\n\u003cp style=\"font-size: 1.05rem; font-weight: 800; margin: 0; color: #ffffff;\"\u003e\n Meistverkauftes Produkt in \u003cspan class=\"neon-gold\"\u003eMehr als 30 Länder\u003c\/span\u003e Um den Kampf gegen hartnäckige Flecken ein für alle Mal zu beenden, völlig sicher für empfindliche Haut.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. Core Targeted Benefits Grid --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"margin-top: 15px;\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eWas sich genau in deiner Haut verändern wird?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n Der wirkliche Unterschied, den du jeden Tag ab der ersten Woche im Spiegel sehen wirst:\n \u003c\/p\u003e\n\u003cdiv class=\"atxa-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"atxa-card\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eGleichmäßige Farbe und verengte Poren\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eReines Niacinamid 10%\u003c\/div\u003e\n\u003cp\u003eKontrolliert überschüssigen Talg, verengt vergrößerte Poren und verteilt Frische überall, wodurch Puder überflüssig wird.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eStoppt die Melasma an der Wurzel\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eTranexamsäure 4%\u003c\/div\u003e\n\u003cp\u003eVerhindert die Bildung von Melaninpigmentierung von ihren tiefen Wurzeln, stoppt Melasma und Sommersonnenflecken, bevor sie sich in deiner Haut festsetzen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eEntfernt Spuren von hartnäckigen Pickeln\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eReines Arbutin 2%\u003c\/div\u003e\n\u003cp\u003eFunktioniert wie ein Gummi auf braunen und roten Flecken, die von alten Pickeln zurückbleiben, sodass deine Haut wieder so klar wie ein Filter wird.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"atxa-card\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eWässrige Fülle ohne jegliche Trockenheit\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eHyaluronsäure und Polyglutaminsäure\u003c\/div\u003e\n\u003cp\u003eVersorgt alle Zellen deiner Haut mit einer tiefen, wässrigen Feuchtigkeit und verhindert Trockenheit oder Schuppenbildung, die oft durch andere aufhellende Seren verursacht werden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eDer Schutzschild verhindert das Wiederauftreten von Flecken\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eCeramide NP\u003c\/div\u003e\n\u003cp\u003eBildet eine stabile Schutzbarriere, die die Feuchtigkeit in der Haut hält und verhindert, dass Sonnenempfindlichkeit und klimatische Schwankungen dich erneut verbrennen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e6\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eSofortige Beruhigung ohne Rötung\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eCica und natürlicher grüner Tee\u003c\/div\u003e\n\u003cp\u003eEin Gefühl von Frische und Komfort von der ersten Tropfen an. Beseitigt Brennen und lindert sofort Reizungen, auch wenn Ihre Haut sehr empfindlich ist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Formula Secrets Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eWarum dieses Serum deine Haut weder verbrennen noch reizen wird?\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Serum Natural Ingredients\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_rose_petals_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n Die meisten aufhellenden Seren sind aggressiv und verursachen Brennen und Abschuppung, aber Anua löst die Gleichung:\n \u003c\/p\u003e\n\u003cdiv class=\"atxa-diff-grid\"\u003e\n\u003cdiv class=\"atxa-diff-card\"\u003e\n\u003cdiv class=\"atxa-bignum neon-gold\"\u003e10%\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eHöchste Stärke ohne Sensibilität\u003c\/h4\u003e\n\u003cp\u003eDer goldene Schnitt, der die Farbe schnell aufhellt und vereinheitlicht, wird jedoch von beruhigenden Wirkstoffen und Ceramiden unterstützt, sodass du zu 100 % bequem bleiben kannst.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-bignum neon-red\"\u003e100%\u003c\/div\u003e\n\u003ch4 class=\"neon-red\"\u003eNatürliche rosa Reinheit\u003c\/h4\u003e\n\u003cp\u003eSeine kristallrosa Farbe ist kein künstlicher Farbstoff, es ist die Farbe des natürlichen Vitamin B12, das den Hautton nährt und aufhellt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-bignum neon-rose\"\u003e7 Tage\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\"\u003eOffensichtliche Frische und Leuchtkraft\u003c\/h4\u003e\n\u003cp\u003eDu musst nicht Monate warten, um Ergebnisse zu sehen, da die Textur deiner Haut glatt sein wird und die Trübung ab der ersten Woche verschwinden wird.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.15rem; font-weight: 800; margin-top: 25px;\"\u003e\n Ideal für alle Hauttypen, auch \u003cspan class=\"neon-gold\"\u003eAkneanfällige und empfindliche Haut\u003c\/span\u003eEs ist völlig frei von Duftstoffen und Alkohol.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Clinical Evidence \u0026 Stats Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eEchte Zahlen, die durch klinische Studien bestätigt wurden\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide TXA Serum benefits\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_abstract_shapes_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n Dokumentierte Ergebnisse nach einer Laborstudie \u003cspan class=\"neon-gold\"\u003e347 verwendet\u003c\/span\u003e:\n \u003c\/p\u003e\n\u003cdiv class=\"atxa-stats-grid\"\u003e\n\u003cdiv class=\"atxa-stat-box\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-gold\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"94\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eSichtbares Verblassen dunkler Flecken und Hyperpigmentierung\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-red\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eVollständige Vereinheitlichung der Gesicht- und Halsfarbe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-rose\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eDeutliche Glätte und Verschwinden der Hautrauheit\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.1rem; font-weight: bold;\"\u003e\n Dokumentierte Ergebnisse von akkreditierten koreanischen Forschungszentren, nicht nur Werbegeplauder!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Comparison Table --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eWarum das Anua-Serum herkömmlichen Seren überlegen ist?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-wrap\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eVergleich\u003c\/th\u003e\n\u003cth\u003eTraditionelle Seren\u003c\/th\u003e\n\u003cth class=\"atxa-th-win\"\u003eSerum ANUA TXA Niacinamide\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Vergleich\"\u003eWirkstoffe\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditionelle Seren\"\u003e5% bis 10% Niacinamid allein\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Serum ANUA TXA Niacinamide\"\u003e10% Niacinamid + 4% Tranexamsäure + 2% Arbutin\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Vergleich\"\u003eWie man Flecken behandelt\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditionelle Seren\"\u003eLeichte oberflächliche Aufhellung tritt mit der ersten Sonne auf\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Serum ANUA TXA Niacinamide\"\u003eStoppen Sie die Pigmentproduktion in den Flecken aus tiefen Wurzeln\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Vergleich\"\u003eHautkomfort\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditionelle Seren\"\u003eVerursacht Brennen, Abschuppung und trockene Haut\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Serum ANUA TXA Niacinamide\"\u003eSofortige wasserhaltige Feuchtigkeit mit Ceramiden und Hyaluronsäure\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Vergleich\"\u003eErgebnissgeschwindigkeit\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditionelle Seren\"\u003eEs dauert zwei Monate und du könntest keinen Unterschied bemerken\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Serum ANUA TXA Niacinamide\"\u003eSichtbare Frische und Reduzierung des Ausbleichens bereits nach den ersten 7 Tagen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Vergleich\"\u003eSicherheit für empfindliche Haut\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Traditionelle Seren\"\u003eEs ist voll von Alkohol und Duftstoffen, die Pickel entzünden\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Serum ANUA TXA Niacinamide\"\u003eVollständig frei von Duftstoffen, Alkohol und Reizstoffen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eDer Weg betrifft Schritt für Schritt die Anwendung\u003c\/h2\u003e\n\u003cdiv class=\"atxa-timeline-grid\"\u003e\n\u003cdiv class=\"atxa-timeline-card\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eWoche 1\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eSofortige Ausstrahlung und Frische\u003c\/h4\u003e\n\u003cp\u003eSchnelle Absorption in wenigen Sekunden ohne jegliche Fettigkeit, angenehme wässrige Feuchtigkeit, und die Verfärbung wird zu verschwinden beginnen und Ihre Hände werden gesund aussehen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-gold);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003eWoche 2 und 3\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eVerblassen von Spuren von Unebenheiten\u003c\/h4\u003e\n\u003cp\u003eDie Auswirkungen oberflächlicher Pickel werden sich sichtbar aufhellen, der störende Glanz von Talg wird abnehmen und deine Poren werden sauberer und kleiner erscheinen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003eDer erste Monat\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eEchte Gleichmäßigkeit der Farbe\u003c\/h4\u003e\n\u003cp\u003eEine signifikante Verringerung des Melasmas und der Pigmentierung. Du wirst die Haut straff und gleichmäßig spüren, als würdest du einen natürlichen Filter ohne Make-up tragen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eDer zweite Monat\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eDauerhafte und geschützte Klarheit\u003c\/h4\u003e\n\u003cp\u003eDas fast vollständige Verschwinden alter hartnäckiger Flecken, mit einer starken Barriere, die Ihre Haut davor schützt, dass die Flecken durch die Sonne wieder auftreten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eWarum dieses Serum die beste Investition für deine Haut ist?\u003c\/h2\u003e\n\u003cimg alt=\"ANUA serum results\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_holding_skincare_serum_bottle_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"atxa-value-grid\"\u003e\n\u003cdiv class=\"atxa-value-card\"\u003e\n\u003cdiv class=\"atxa-value-num\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eZwei Punkte genügen\u003c\/h3\u003e\n\u003cp\u003eIhre hohe Konzentration sorgt dafür, dass zwei oder drei Tropfen das gesamte Gesicht und den Hals abdecken. Die 30-ml-Verpackung wird zwei volle Monate täglicher Anwendung halten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-gold);\"\u003e\n\u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eBeseitigen Sie die Notwendigkeit von 4 Produkten\u003c\/h3\u003e\n\u003cp\u003eAnstatt ein aufhellendes Serum, ein Akne-Serum, ein Hyaluronsäure-Serum und eine Ceramid-Creme zu kaufen, kombiniere all dies in einem einzigen Schritt, der dein Budget schont.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eGlobal garantiert und getestet\u003c\/h3\u003e\n\u003cp\u003eNr. 1 in den koreanischen Schönheitstrends und Millionen von Mädchen haben es in ihre tägliche Routine übernommen als sichere Alternative zu teuren Klinikbehandlungen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eEinfach zu verwendende Methode für maximale Ergebnisse\u003c\/h2\u003e\n\u003cimg alt=\"ANUA serum bottle\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_on_red_liquid_202608311311.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"atxa-steps-grid\"\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eReinige das Gesicht\u003c\/h4\u003e\n\u003cp\u003eVerwende es morgens oder abends auf sauberer und trockener Haut nach deinem bevorzugten Toner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eSanft auftragen\u003c\/h4\u003e\n\u003cp\u003e2-3 Tropfen auftragen und sanft einmassieren, dabei auf Flecken und Pickel konzentrieren, bis sie vollständig eingezogen sind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eIn der Nähe mit Feuchtigkeitsspender\u003c\/h4\u003e\n\u003cp\u003eDie normale Feuchtigkeitscreme auftragen, um die Wirkstoffe zu fixieren, und es ist sehr wichtig, tagsüber Sonnenschutz zu verwenden, um die neue Haut zu schützen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(32, 10, 16, 0.95) 0%, rgba(8, 2, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--atxa-neon-red); box-shadow: 0 20px 60px rgba(255, 42, 59, 0.25);\"\u003e\n\u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n Deine Haut braucht kein Make-up, um sich darum zu kümmern.. \u003cspan class=\"neon-gold\"\u003eIch brauche ein Serum, das es wirklich entfernt\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/202608311326.jpg?v=1788172007\" style=\"margin: 30px auto;\"\/\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: bold; color: #ffffff; max-width: 800px; margin: 0 auto 25px; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-red\" style=\"font-size: 1.35rem; display: block; margin-bottom: 10px;\"\u003eAnstatt dein Geld zu verschwenden und deine Haut mit nutzlosen Erfahrungen zu belasten!\u003c\/strong\u003e\n Beginne heute mit der international anerkannten dreifachen Formel von Anua... und beseitige Flecken und Pickel, um dein natürliches Strahlen mit Selbstvertrauen zurückzugewinnen.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-neon-gold); font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--atxa-glow-gold);\"\u003e\n Bestelle sofort das originale Serum Anua Niacinamide 10% + TXA 4%... und genieße strahlende Haut ab dem ersten Monat!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 10. Technical INCI List --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"background: rgba(0,0,0,0.85); border: 1px dashed rgba(255, 42, 59, 0.3); border-radius: 16px; padding: 30px 20px; margin-top: 50px; text-align: left; direction: ltr; word-break: break-word; overflow-wrap: break-word;\"\u003e\n\u003ch3 style=\"color: var(--atxa-neon-red); margin-bottom: 15px; font-size: 1.2rem; text-align: left; direction: ltr; font-weight: 800;\"\u003eVollständige zugelassene Zutatenliste (INCI))\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ffffff; line-height: 1.8; font-weight: 500;\"\u003e\n Water, Glycerin, \u003cstrong class=\"neon-red\"\u003eNiacinamide (10%)\u003c\/strong\u003e, \u003cstrong class=\"neon-gold\"\u003eTranexamic Acid (4%)\u003c\/strong\u003e, Butylene Glycol, Diethoxyethyl Succinate, 1,2-Hexanediol, \u003cstrong class=\"neon-rose\"\u003eArbutin (2%)\u003c\/strong\u003e, Sodium Hyaluronate, Alpha-Arbutin, Coccinia Indica Fruit Extract, Eclipta Prostrata Extract, Macadamia Integrifolia Seed Oil, Olea Europaea (Olive) Fruit Oil, Simmondsia Chinensis (Jojoba) Seed Oil, Vitis Vinifera (Grape) Seed Oil, Theobroma Cacao (Cocoa) Extract, Hydrolyzed Hyaluronic Acid, Chamaecyparis Obtusa Leaf Extract, Prunus Persica (Peach) Flower Extract, Camellia Sinensis Seed Oil, Yeast Ferment Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Candida Bombicola\/Glucose\/Methyl Rapeseedate Ferment, Hyaluronic Acid, Pentylene Glycol, Betaine Salicylate, Sucrose Palmitate, Hydrogenated Lecithin, Gellan Gum, Sodium Phytate, Cellulose, Caprylic\/Capric Triglyceride, Panthenol, Cyanocobalamin, Polyglutamic Acid, 3-O-Ethyl Ascorbic Acid, \u003cstrong class=\"neon-red\"\u003eCeramide NP\u003c\/strong\u003e, Dextrin, Asiaticoside, Madecassic Acid, Asiatic Acid, Dimethylsilanol Hyaluronate, Hydrolyzed Sodium Hyaluronate, Potassium Hyaluronate, Hydroxypropyltrimonium Hyaluronate, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate Dimethylsilanol, Sodium Acetylated Hyaluronate, Xanthan Gum.\n \u003c\/p\u003e\n\u003cp style=\"font-size: 0.95rem; color: var(--atxa-neon-gold); margin-top: 10px; font-weight: bold; direction: ltr; text-align: left;\"\u003e\n Eine rein koreanische therapeutische Formel, völlig frei von synthetischen Düften, aggressivem Alkohol und Parabenen. 100% sicher für empfindliche und zu Akne neigende Haut.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n var reveals = document.querySelectorAll('.atxa-reveal');\n var observer = new IntersectionObserver(function (entries, obs) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('atxa-active');\n \n var counters = entry.target.querySelectorAll('.atxa-counter');\n if (counters.length \u003e 0) {\n runCounters(counters);\n }\n \n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.08, rootMargin: \"0px 0px -40px 0px\" });\n\n reveals.forEach(function (el) { observer.observe(el); });\n\n function runCounters(counters) {\n counters.forEach(function (counter) {\n var target = parseFloat(counter.getAttribute('data-target'));\n if (isNaN(target)) return;\n var duration = 1800;\n var frames = 60;\n var increment = target \/ (duration \/ (1000 \/ frames));\n var current = 0;\n\n var updateCounter = function () {\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 \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44672001540293,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/316f0ef2-2c9d-4fee-83ef-8c7daa178681.avif?v=1788171326"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON Light On Whitening Serum mit Centella-Extrakt und Vitamin C, 30 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n line-height: 1.6;\n direction: ltr;\n \n background-color: #ffffff;\n }\n\n \/* Typography *\/\n .product-container h1, \n .product-container h2 {\n color: #9C8102;\n margin-top: 1.8em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-container h1 {\n font-size: 2.2rem;\n text-align: center;\n position: relative;\n }\n \n .product-container h1::after {\n content: '';\n display: block;\n width: 100px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n\n .product-container h2 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-container h2::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-container p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n line-height: 1.8;\n }\n\n .product-container strong {\n color: #9C8102;\n font-weight: bold;\n }\n \n .product-container ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n \n .product-container li {\n margin-bottom: 1em;\n position: relative;\n }\n \n .product-container li p {\n margin-bottom: 0.5em;\n }\n\n \/* Hero section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 40px;\n background-color: #ffffff;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n margin: 30px 0;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature section *\/\n .feature-section {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n }\n \n \/* Info box *\/\n .info-box {\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 30px;\n margin: 30px 0;\n position: relative;\n }\n \n .info-box::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 4px;\n background-color: #9C8102;\n border-radius: 0 15px 15px 0;\n }\n\n \/* List items with custom bullets *\/\n .custom-list {\n list-style: none;\n padding: 0;\n }\n \n .custom-list li {\n padding-right: 25px;\n position: relative;\n margin-bottom: 15px;\n }\n \n .custom-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 10px;\n width: 8px;\n height: 8px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n\n \/* Benefits grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n \n .benefit-card {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n transition: transform 0.3s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n }\n \n .benefit-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Testimonials section *\/\n .testimonials-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n }\n \n .testimonials-title {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n \n .testimonial-card {\n background-color: #ffffff;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .testimonial-highlight {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Call to action - Black *\/\n .cta-section {\n background: #000000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 40px 0;\n }\n \n .cta-title {\n color: white;\n font-size: 1.6rem;\n margin-bottom: 20px;\n position: relative;\n }\n \n .cta-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n \n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 30px;\n color: white;\n }\n \n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: #9C8102;\n color: white;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1.1rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n }\n \n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n background-color: #b49a1c;\n }\n\n \/* Separator *\/\n .separator {\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n margin: 40px 0;\n width: 100%;\n }\n\n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Ingredients section *\/\n .ingredients-section {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 40px 0;\n gap: 30px;\n }\n \n .ingredients-image {\n flex: 1;\n min-width: 300px;\n }\n \n .ingredients-content {\n flex: 1;\n min-width: 300px;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-grid,\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-section {\n flex-direction: column;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003ch1\u003eSiero Beauty of Joseon Light On (Centella + Vitamin C) – koreanische strahlende Leuchtkraft\u003c\/h1\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c.webp?v=1745771070\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"feature-section fade-in\"\u003e\n\u003ch2\u003eHelligkeit ohne Hindernisse: die Bedeutung der Behandlung von Pigmentierung und Hautverjüngung\u003c\/h2\u003e\n\u003cp\u003ePigmentierung und dunkle Flecken verringern nicht nur die Schönheit der Haut, sondern lassen sie auch stumpf und älter als ihr tatsächliches Alter erscheinen. Die Behandlung der Pigmentierung stellt das natürliche Gleichgewicht der Haut wieder her, wodurch sie klarer, strahlender und leuchtender wird. Vitamin C spielt eine wesentliche Rolle bei der Reduzierung der Pigmentierung und der Vereinheitlichung des Hautbildes und regt auch die Kollagenproduktion an, die die Haut verjüngt und ihre Elastizität verbessert. Wenn deine Haut gleichmäßig und strahlend bleibt, leuchtet dein Selbstbewusstsein vor der ganzen Welt..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Application\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_light_on_serum_6eeba7fb-b756-4410-a59a-26c1d9a92945.webp?v=1745772222\"\/\u003e\n\u003c!-- Korean Heritage Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eDie Magie des koreanischen Erbes und der modernen Innovation\u003c\/h2\u003e\n\u003cp\u003eSiero Light On Dieses Produkt ist die Verkörperung der koreanischen Hautpflegekunst. Es enthält 68% biologischen Extrakt aus Centella asiatica – der legendären Pflanze, die für ihre wunderbare Fähigkeit bekannt ist, die Haut zu beruhigen und die Zellen zu erneuern. Unterstützt durch die neuesten Techniken zur Stabilisierung von Vitamin C bietet das Serum maximale Wirksamkeit bei der Aufhellung und Behandlung von Pigmentierungen, ohne jegliche Reizung. Ein Hauch von Tradition und ein Hauch von Innovation... und das Ergebnis: wahrhafte Magie auf deiner Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Benefits\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c_2_24ba1a6d-be84-4fd5-a1a6-06a5a41a6a23.webp?v=1745772244\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"info-box fade-in\"\u003e\n\u003ch2\u003eWie das Serum wirkt: Ein einzigartiges Duo aus Illuminator und Feuchtigkeitsspender\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003eSobald du das Serum auf die Haut aufträgst, beginnt der Centella-Extrakt, sie zu befeuchten und mögliche Rötungen oder Entzündungen zu lindern.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eDas stabilisierte Vitamin C dringt sicher in die Haut ein, reduziert die Melaninproduktion und hellt hartnäckige Pigmentierungen allmählich auf.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eBei regelmäßiger Anwendung wirst du feststellen, dass deine Haut weicher, heller und makellos wird, mit einer tiefen Feuchtigkeit, die sie straff und strahlend hält.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"ingredients-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Ingredients\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2\u003eHauptbestandteile und ihre Rolle: Vitamin C und Centella im Dienste Ihrer Haut\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eVitamin C (Ascorbinsäure 3-O-Ethyl 10%)\u003c\/strong\u003e: Ein starkes Antioxidans, das den Hautton ausgleicht, dunkle Flecken aufhellt und die Kollagenproduktion aktiviert, um das Erscheinungsbild von feinen Linien und Falten zu verbessern.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eCentella Asiatica-Extrakt (68%))\u003c\/strong\u003e: Eine therapeutische Pflanze, die gereizte Haut lindert, die Regeneration der Hautzellen anregt und die tiefe Feuchtigkeitsversorgung verbessert, um die Elastizität und Gesundheit der Haut zu erhalten.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Unique Benefits Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eDas Geheimnis der Exzellenz: Warum dieses Serum anders ist als alles, was du bisher ausprobiert hast?\u003c\/h2\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Unique Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty-of-Joeson-Light-On-Serum-Centella-Vita-C-30ml-6-min.jpg?v=1745772347\"\/\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eLa formula leggera si assorbe rapidamente\u003c\/h3\u003e\n\u003cp\u003eEs gibt kein fettiges oder klebriges Gefühl, sondern Glätte und klare Ausstrahlung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHohe Konzentration an aktiven Inhaltsstoffen\u003c\/h3\u003e\n\u003cp\u003eDie Menge an Vitamin C und Centella ist höher als bei den meisten Konkurrenzseren, was schnellere und wirksamere Ergebnisse bedeutet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdeal für empfindliche Haut\u003c\/h3\u003e\n\u003cp\u003eOhne Duftstoffe und Alkohol, beruhigt die Haut statt sie zu reizen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eDoppelte Wirkung\u003c\/h3\u003e\n\u003cp\u003eAufhellen + Alterserscheinungen in einem einzigen einfachen Schritt bekämpfen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Testimonials Section --\u003e\n\u003cdiv class=\"testimonials-section fade-in\"\u003e\n\u003ch2 class=\"testimonials-title\"\u003eBenutzerbewertungen: echte Erfolgsgeschichten\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eSichtbare Ergebnisse bereits in den ersten Wochen\u003c\/h3\u003e\n\u003cp\u003eDie meisten Nutzer haben innerhalb weniger Wochen einen klaren Unterschied in der Vereinheitlichung des Hauttons und in der Steigerung seiner Leuchtkraft bemerkt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eLeichte und angenehme Textur\u003c\/h3\u003e\n\u003cp\u003eAlle haben gelobt, dass seine Textur leicht ist und sich einfach einzieht, ideal auch für warme Sommertage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eGeeignet für empfindliche Haut\u003c\/h3\u003e\n\u003cp\u003eViele Menschen mit empfindlicher Haut haben bestätigt, dass es geholfen hat, ihre Haut zu beruhigen, ohne jegliche Reizung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eVollständige Zufriedenheit und umfangreiche Empfehlungen\u003c\/h3\u003e\n\u003cp\u003eEin hoher Prozentsatz derjenigen, die es ausprobiert haben, liebte es so sehr, dass sie es mehr als einmal nachkauften.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black Box --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eEntdecke noch heute das Geheimnis der koreanischen Strahlkraft\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eHellere und strahlendere Haut in einem einfachen Schritt. Sag Auf Wiedersehen zu dunklen Flecken und Hyperpigmentierung, und willkommen strahlende Haut!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eJetzt kaufen\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to handle fade-in animations\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to fade-in elements when they come into view\n observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n setTimeout(() =\u003e {\n element.classList.add('visible');\n }, 100);\n });\n })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691708903621,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1745770414"},{"product_id":"anua-peach-70-niacinamide-serum","title":"Anua Serum mit 70% Pfirsich und Niacinamid zur Aufhellung der Haut, zur Vereinheitlichung des Teints und zur Bekämpfung von Pigmentierungen, 30 ml","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Styles *\/\n .anua-txa-wrapper {\n --atxa-bg-dark: #0f0508; \/* Styles *\/\n --atxa-bg-card: rgba(25, 10, 15, 0.6); \/* Styles *\/\n --atxa-rose-gold: #e29587; \/* Styles *\/\n --atxa-peach-glow: #fca38d; \/* Styles *\/\n --atxa-pink-light: #fad6d0; \/* Styles *\/\n --atxa-glow: rgba(226, 149, 135, 0.25);\n --atxa-text-main: #fdfaf9;\n --atxa-text-muted: #d4b5b0;\n --atxa-border: rgba(226, 149, 135, 0.2);\n --atxa-border-hover: rgba(252, 163, 141, 0.5);\n \n background-color: var(--atxa-bg-dark);\n color: var(--atxa-text-main);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 30px 0;\n border-radius: 16px;\n box-shadow: 0 0 60px rgba(226, 149, 135, 0.05) inset;\n }\n\n .anua-txa-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .anua-txa-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n }\n\n .atxa-container {\n max-width: 850px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* Styles *\/\n .atxa-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 .atxa-particle {\n position: absolute;\n background: radial-gradient(circle, var(--atxa-glow) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpPeach 14s infinite ease-in-out;\n filter: blur(6px);\n }\n\n @keyframes floatUpPeach {\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 \/* Styles *\/\n .atxa-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4.5vw, 36px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.5;\n background: linear-gradient(135deg, #ffffff 0%, var(--atxa-peach-glow) 60%, var(--atxa-rose-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 30px var(--atxa-glow);\n }\n\n .atxa-section-title {\n display: block;\n width: 100%;\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 800;\n color: var(--atxa-peach-glow);\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .atxa-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--atxa-rose-gold), transparent);\n border-radius: 10px;\n }\n\n \/* Styles *\/\n .atxa-hero {\n text-align: center;\n padding: 20px 0 40px;\n position: relative;\n }\n\n .atxa-badge {\n display: inline-block;\n background: rgba(226, 149, 135, 0.15);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\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(--atxa-glow);\n }\n \n .atxa-hero-subtitle {\n font-size: 1.15rem;\n color: var(--atxa-text-muted);\n max-width: 750px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* Styles *\/\n .atxa-glass-box {\n background: var(--atxa-bg-card);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid var(--atxa-border);\n border-radius: 20px;\n padding: 30px;\n margin: 40px auto;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n position: relative;\n overflow: hidden;\n max-width: 800px;\n }\n\n .atxa-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(--atxa-peach-glow), transparent);\n }\n\n \/* Styles *\/\n .atxa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .atxa-card {\n background: linear-gradient(145deg, rgba(25, 10, 15, 0.7), rgba(15, 5, 8, 0.9));\n border: 1px solid var(--atxa-border);\n border-radius: 16px;\n padding: 25px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .atxa-card:hover {\n transform: translateY(-8px);\n border-color: var(--atxa-peach-glow);\n box-shadow: 0 10px 30px var(--atxa-glow);\n background: rgba(35, 15, 20, 0.8);\n }\n\n .atxa-icon {\n width: 55px;\n height: 55px;\n background: rgba(226, 149, 135, 0.1);\n border: 1px solid rgba(252, 163, 141, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--atxa-peach-glow);\n transition: transform 0.3s ease;\n }\n \n .atxa-card:hover .atxa-icon {\n transform: scale(1.1) rotate(-5deg);\n background: linear-gradient(135deg, var(--atxa-rose-gold), var(--atxa-peach-glow));\n color: #111;\n border-color: transparent;\n }\n\n .atxa-card h3 {\n font-size: 1.15rem;\n color: #fff;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n\n .atxa-card p {\n color: var(--atxa-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Styles *\/\n .atxa-table-container {\n overflow-x: auto;\n margin: 30px 0;\n border-radius: 16px;\n border: 1px solid var(--atxa-border);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background: rgba(15, 5, 8, 0.6);\n }\n\n .atxa-table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n min-width: 600px;\n }\n\n .atxa-table th, .atxa-table td {\n padding: 15px 20px;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n\n .atxa-table th {\n background: rgba(226, 149, 135, 0.1);\n color: var(--atxa-pink-light);\n font-weight: 800;\n font-size: 1.1rem;\n }\n\n .atxa-table td strong {\n color: var(--atxa-text-main);\n }\n\n .atxa-table tr:hover {\n background: rgba(226, 149, 135, 0.05);\n }\n \n .atxa-table tr:last-child td {\n border-bottom: none;\n }\n\n \/* Styles *\/\n .atxa-timeline-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .atxa-timeline-item {\n display: flex;\n align-items: center;\n gap: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px dashed var(--atxa-border);\n padding: 20px;\n border-radius: 12px;\n border-right: 4px solid var(--atxa-rose-gold);\n transition: all 0.3s ease;\n }\n\n .atxa-timeline-item:hover {\n background: rgba(226, 149, 135, 0.05);\n border-color: var(--atxa-peach-glow);\n }\n\n .atxa-phase-badge {\n background: var(--atxa-bg-card);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\n padding: 8px 15px;\n border-radius: 8px;\n font-weight: bold;\n min-width: 120px;\n text-align: center;\n }\n\n \/* Styles *\/\n .atxa-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .atxa-reveal.atxa-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .atxa-delay-1 { transition-delay: 0.1s; }\n .atxa-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .atxa-hero { padding: 10px 0 20px; }\n .atxa-timeline-item { flex-direction: column; text-align: center; }\n .atxa-phase-badge { margin-bottom: 10px; width: 100%; }\n }\n \u003c\/style\u003e\n\n\u003cdiv class=\"atxa-ambient-particles\" id=\"atxa-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eL'equazione coreana per la pelle di vetro\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e“Man hat dich getäuscht, indem man sagte, dass alle Niacinamide gleich sind!”\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n In einer Welt, in der die Versprechen gleich sind, sind die Ergebnisse radikal unterschiedlich. Heute stehst du vor einer entscheidenden Wahl: weiterhin gewöhnliche Produkte zu verwenden, die oberflächliche Ergebnisse liefern, oder eine Entscheidung zu treffen, die das Schicksal deiner Haut für immer verändern wird.\n \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach 70% Niacinamide Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.png?v=1747140901\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem Section --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eIhre Haut ist stumpf... und die Menschen bemerken es!\u003c\/h2\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\"\u003e\n\u003cp style=\"text-align: center; color: var(--atxa-text-main); line-height: 1.8; margin-bottom: 20px; font-size: 1.1rem;\"\u003e\n Hast du bemerkt, dass deine Haut Jahr für Jahr an Frische verliert? Mit der Zeit nehmen die dunklen Flecken zu, die Poren weiten sich und die Haut wird rau und matt. \u003cstrong\u003eAber die wichtigste Frage: Was hast du beschlossen, dagegen zu tun?\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv style=\"border-top: 1px dashed var(--atxa-border); padding-top: 20px; text-align: center;\"\u003e\n\u003cp style=\"font-size: 1.25rem; color: var(--atxa-peach-glow); font-weight: bold; margin-bottom: 10px;\"\u003e\n Das Geheimnis, das die großen Schönheitsunternehmen verbergen\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n Die meisten Seren versprechen fantastische Ergebnisse, verwenden jedoch niedrige Konzentrationen an Wirkstoffen, um die Kosten zu senken. \u003cstrong\u003eAber Anua hat alle Regeln gebrochen.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin Problems\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_3.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 3. The Solution \/ Formula --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eAnua Pfirsich Serum 70%: Die wissenschaftliche Formel für strahlende und leuchtende Haut\u003c\/h2\u003e\n\u003cp class=\"atxa-reveal\" style=\"text-align: center; color: var(--atxa-text-muted); font-size: 1.1rem; margin-bottom: 30px;\"\u003e\n Die Wissenschaftler von Anua haben 3 Jahre damit verbracht, diese perfekte Formel zu entwickeln, die Ihre Haut von stumpf und müde zu strahlend und leuchtend verwandeln wird. \u003cstrong\u003eAls wäre sie vom Licht geformt\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach Formula\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_4.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 4. How it works (Ingredients Grid) --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eWie funktioniert? (Die Wissenschaft der Frische))\u003c\/h2\u003e\n\u003cdiv class=\"atxa-grid\"\u003e\n\u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eKraft Pfirsich 70% Konzentration\u003c\/h3\u003e\n\u003cp\u003eEs ist nicht nur eine Frucht... es ist eine ganze Pflanze voller Vitamine und Säuren. Pfirsichextrakt \u003cstrong\u003eDringt in 7 Hautzellschichten ein\u003c\/strong\u003e Um die tiefen Schichten zu erreichen und sie von innen nach außen zu behandeln.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eNiacinamid 5% (Wunder)\u003c\/h3\u003e\n\u003cp\u003eNiacinamid ist ein revolutionärer Inhaltsstoff in der Welt der Hautpflege. \u003cstrong\u003eMit einer idealen Konzentration von 5%\u003c\/strong\u003e, kann:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eReduziert das Erscheinungsbild von Poren \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eEr hellt dunkle Flecken auf \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e Ein Tag\u003c\/li\u003e\n\u003cli\u003eReguliert die Sebumproduktion und verhindert Glanz\u003c\/li\u003e\n\u003cli\u003eBaut die natürliche Hautschutzbarriere auf und stärkt sie\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eDreifach-Hyaluron\u003c\/h3\u003e\n\u003cp\u003eNicht nur ein Typ...aber \u003cstrong\u003e3 verschiedene Typen\u003c\/strong\u003e Mit verschiedenen Molekulargewichten, um alle Hautschichten zu erreichen:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eOberfläche: spendet sofort Feuchtigkeit\u003c\/li\u003e\n\u003cli\u003eHerz: hält Wasser im Inneren fest\u003c\/li\u003e\n\u003cli\u003eTiefgehend: erhöht den Feuchtigkeitsgehalt von den Wurzeln\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eBio-Pfirsich und Joghurt Komplex\u003c\/h3\u003e\n\u003cp\u003eZum ersten Mal weltweit wurde Pfirsichextrakt mit nützlichen Joghurtbakterien in einer einzigartigen Biotechnologie kombiniert. Das Ergebnis? \u003cstrong\u003eEine Verbindung, die abgestorbene Zellen entfernt\u003c\/strong\u003e Sanft und ohne Reizung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Scientific Miracle --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eDas wissenschaftliche Wunder, das man dir verheimlicht\u003c\/h2\u003e\n\u003cimg alt=\"Scientific Miracle\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_5.webp?v=1747140899\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 25px; text-align: center;\"\u003e\n\u003cp style=\"color: #fff; font-size: 1.2rem; margin-bottom: 10px;\"\u003e\n Alle werden dich fragen: \u003cstrong\u003e“Was machst du deiner Haut an?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n Das Geheimnis liegt in der „Smart Breakthrough“-Technologie, die dieses Serum auszeichnet. Die Inhaltsstoffe sind in Mikropulver (Nanotechnologie) verkapselt, um die aktiven Inhaltsstoffe in die Bereiche zu transportieren, in denen sie tief benötigt werden, und nicht nur auf der Oberfläche zu bleiben wie bei normalen Produkten.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Results --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eDein Hauttransformationspfad mit dem Anua-Serum\u003c\/h2\u003e\n\u003cimg alt=\"Skin Transformation\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_2.webp?v=1747140895\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 20px;\"\u003e\n\u003cul class=\"atxa-timeline-list\"\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eNach der ersten Anwendung\u003c\/div\u003e\n\u003cdiv\u003eSofortiger Glanz und spürbare Weichheit, als hättest du eine teure Gesichtsbehandlung in einem Schönheitssalon gemacht.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eNach 3 Tagen\u003c\/div\u003e\n\u003cdiv\u003eEine deutliche Reduzierung der Porengröße und ein offensichtlicher Beginn der Gleichmäßigkeit des Hauttons und der Rötungsreduktion.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eNach einer Woche\u003c\/div\u003e\n\u003cdiv\u003eRauheit und müde Textur verschwinden, sodass die Haut 40 % glatter wird und bereit für ein perfektes Make-up ist.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eNach zwei Wochen\u003c\/div\u003e\n\u003cdiv\u003eEs hellt dunkle Flecken sichtbar auf und verleiht eine neue Strahlkraft, als ob die Haut um 5 Jahre zurückgekehrt wäre\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eNach einem Monat\u003c\/div\u003e\n\u003cdiv\u003eKOMPLETTE VERWANDLUNG - Klare, strahlende und leuchtende Haut sogar ohne einen Tropfen Make-up.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Why Choose Anua --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eIn einer Welt voller Produkte... warum Anua?\u003c\/h2\u003e\n\u003cimg alt=\"Why Choose Anua\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/qXFYxnaNUR28pIwzePQs50YSmVPBLdE7.jpg?v=1747141341\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"atxa-grid atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eWissenschaftlich bewährte Formel\u003c\/h3\u003e\n\u003cp\u003eStrenge klinische Tests haben bei Hunderten von Freiwilligen auf der ganzen Welt erstaunliche Ergebnisse gezeigt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eHochkonzentrierte Stärke\u003c\/h3\u003e\n\u003cp\u003eBietet Wirkstoffkonzentrationen, die dreimal höher sind als die herkömmlicher Wettbewerber.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eSicher für alle Hauttypen\u003c\/h3\u003e\n\u003cp\u003eEntwickelt, um auch bei empfindlicher, Misch- und fettiger Haut sanft zu sein, ohne Irritationen zu verursachen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Skin Type Table --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eIst für deinen Hauttyp geeignet?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-container atxa-reveal\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHauttyp\u003c\/th\u003e\n\u003cth\u003eDas Grundproblem\u003c\/th\u003e\n\u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eWas Anua ihr bieten wird?\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eImmer ausführlich\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eMatt und ohne Leuchtkraft\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eWeckt die Zellen und verleiht sofortige Leuchtkraft und Strahlkraft.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSehr sensibel\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eReizung und Rötung durch beliebige Produkte verursacht\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLindert sofort Entzündungen und stärkt die Schutzbarriere\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eGlänzend und fettig\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eErweiterte Poren und störender Glanz\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eKontrolliert Talg und reduziert effektiv die Porengröße um 68%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003efortgeschrittenes Alter\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eFeine Linien und Pigmentierung\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eEs hellt dunkle Flecken auf und verbessert die Elastizität der Haut\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eGemischt (verwirrt)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eTrocken an einigen Stellen und fettig an anderen\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eBalanciert die Haut intelligent und spendet tiefgehend Feuchtigkeit ohne zu kleben\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 60px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(226, 149, 135, 0.15)); border-radius: 20px; border: 1px solid var(--atxa-border);\"\u003e\n\u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(22px, 4vw, 32px);\"\u003e“Jede Investition hat eine Rendite... in deine Haut zu investieren hat die höchste Rendite.”\u003c\/h2\u003e\n\u003cimg alt=\"Anua Peach Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.jpg?v=1747140897\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6); max-width: 600px;\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n Behandle deine Haut nicht als letzte Priorität, sie ist das Erste, was die Menschen an dir bemerken.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-peach-glow); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--atxa-glow);\"\u003e\n Anua Pfirsich \u0026amp; Niacinamid Serum 70% - Weil deine Haut das Beste verdient. Bestelle es jetzt!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n var reveals = document.querySelectorAll('.atxa-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('atxa-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('atxa-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Ambient Particles Generator\n var ambientContainer = document.getElementById('atxa-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('atxa-particle');\n \n var size = Math.random() * 50 + 20; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 12; \n var delay = Math.random() * 8; \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":"Anua","offers":[{"title":"Default Title","offer_id":44719323545797,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1747141686"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"Beauty of Joseon Deep Glow Serum mit Reis und Alpha-Arbutin zur Strahlkraft \u0026 Ebenmäßigkeit.","description":"\u003cdiv class=\"joseon-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"joseon-hero\"\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_2.webp?v=1747571948\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eBeauty of Joseon Deep Serum: Wenn das alte Erbe auf die Wissenschaft der Zukunft trifft\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eIm Herzen dieses wundersamen Serums liegt das Schönheitsgeheimnis der koreanischen Kaiserinnen (\u003cstrong\u003e68% Reiskleie-Wasser\u003c\/strong\u003e(Mit dem modernsten wissenschaftlichen Wirkstoff zur Strahlkraft \u0026amp; Ebenmäßigkeit)\u003cstrong\u003e2% Alpha-Arbutin\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eDas Ergebnis? Eine echte Revolution\u003c\/strong\u003e In der Welt der Strahlkraft \u0026amp; Ebenmäßigkeit und der sicheren, effektiven und schnellen Vereinheitlichung des Hauttons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Traditional Wisdom Section --\u003e\n\u003cdiv class=\"section tradition-section\"\u003e\n\u003cdiv class=\"section-image right-image\"\u003e\n\u003cimg alt=\"Traditional Korean Beauty Secret\" class=\"section-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_1.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eEin antiker koreanischer Schatz mit moderner Technologie\u003c\/h2\u003e\n\u003cp\u003eSeit der Ära der alten koreanischen Joseon-Dynastie haben wir das Schönheitsgeheimnis der koreanischen Kaiserinnen entdeckt, die Reiskleiewasser als „Schönheitswasser“ für strahlende und perfekte Haut verwendeten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"section product-intro\"\u003e\n\u003cdiv class=\"intro-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum.webp?v=1747572064\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"intro-content\"\u003e\n\u003ch2 class=\"intro-title accent-text\"\u003eGlow Deep Serum von Beauty of Gossion: die Wissenschaft der Strahlkraft \u0026amp; Ebenmäßigkeit in ihrer reinsten Form\u003c\/h2\u003e\n\u003cp\u003eDieses Serum kombiniert die Kraft von Hunderten von Jahren koreanischem Erbe mit den neuesten Entdeckungen der Hautpflegewissenschaft in einer einzigartigen Formel, die enthält:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eUltra starke und wirksame Inhaltsstoffe:\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\n\u003cimg alt=\"Rice Water\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_6.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"rice-animation\"\u003e\n\u003cdiv class=\"rice-grain grain1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eKonzentriertes Reiskleiewasser \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003eNicht nur ein gewöhnlicher feuchtigkeitsspendender Inhaltsstoff... sondern ein nährstoffreicher Schatz für die Haut:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eReich an essentiellen Aminosäuren zum Aufbau neuer Zellen\u003c\/li\u003e\n\u003cli\u003eReich an Mineralien, die die Durchblutung anregen und einen natürlichen Glanz erzeugen\u003c\/li\u003e\n\u003cli\u003eEnthält natürliche Enzyme, die die Haut sanft peelen und die Zellen erneuern\u003c\/li\u003e\n\u003cli\u003eHistorisch bekannt für seine Fähigkeit, den Hautton sicher aufzuhellen und zu vereinheitlichen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\n\u003cimg alt=\"Alpha Arbutin\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_7.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"arbutin-animation\"\u003e\n\u003cdiv class=\"molecule molecule1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eAlpha-Arbutin Konzentration \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (wissenschaftlich idealer Prozentsatz)\u003c\/h3\u003e\n\u003cp\u003eFortschrittliche japanische Zutat, die alle herkömmlichen Hautaufheller übertrifft:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eStärker mit \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e mal die Menge an Beta-Arbutin, die in den meisten Produkten verwendet wird\u003c\/li\u003e\n\u003cli\u003eHemmt sicher das Enzym Tyrosinase, das für die Melaninproduktion verantwortlich ist\u003c\/li\u003e\n\u003cli\u003eZielt auf dunkle Flecken an der Wurzel, ohne die Haut zu reizen\u003c\/li\u003e\n\u003cli\u003eVerhindert das Auftreten neuer Pigmentierungen bei regelmäßiger Anwendung\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!-- Features Section --\u003e\n\u003cdiv class=\"section features-section\"\u003e\n\u003cdiv class=\"features-image\"\u003e\n\u003cimg alt=\"Product Features\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_3.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eDie einzigartigen Eigenschaften machen es zur Nummer eins bei der Strahlkraft \u0026amp; Ebenmäßigkeit.:\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eLeichte Formel mit schneller Absorption\u003c\/h3\u003e\n\u003cp\u003eIm Unterschied zu fettigen und schweren aufhellenden Produkten, Glow Deep Serum:\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eDringt sofort in die tiefen Hautschichten ein\u003c\/li\u003e\n\u003cli\u003eHinterlässt keine Spuren von Fettigkeit oder Glanz\u003c\/li\u003e\n\u003cli\u003eIdeal für alle Hauttypen (auch fettige und Mischhaut))\u003c\/li\u003e\n\u003cli\u003eKann direkt vor dem Make-up ohne Probleme verwendet werden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"results-animation\"\u003e\n\u003cdiv class=\"chart-bar bar1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eWissenschaftlich nachgewiesene Ergebnisse\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eDunkle Flecken aufhellen bis \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% innerhalb von 4 Wochen\u003c\/li\u003e\n\u003cli\u003eDen Hautton angleichen und Farbunterschiede reduzieren\u003c\/li\u003e\n\u003cli\u003eDie Strahlkraft und Frische der Haut erhöhen\u003c\/li\u003e\n\u003cli\u003eDie allgemeine Hautgesundheit und die Stärke ihrer Schutzbarriere verbessern\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!-- Timeline Section --\u003e\n\u003cdiv class=\"section timeline-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eTransformationsreise mit Glow Deep Serum:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-table-container\"\u003e\n\u003ctable class=\"timeline-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003ePhase\u003c\/th\u003e\n\u003cth\u003eErwartetes Ergebnis\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eDie erste Woche\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eTiefenhydration, spürbare Weichheit, erste Strahlkraft\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eDie zweite Woche\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eL'inizio dello schiarimento delle vecchie macchie, unificazione graduale del colore\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eVierte Woche\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eSichtbare Verbesserung von Flecken und Hauttönung, gesündere Haut\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eDer zweite Monat\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eKomplette Transformation - strahlende, gleichmäßige und gesunde Haut\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"usage-image\"\u003e\n\u003cimg alt=\"How to Use\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_4.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIdeal zur Anwendung:\u003c\/h2\u003e\n\u003cdiv class=\"steps-container\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e2-3 Tropfen auf gereinigte und mit Feuchtigkeit versorgte Haut auftragen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eSanft mit kreisenden Bewegungen von der Mitte nach außen massieren\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eVerwende es morgens und abends für optimale Ergebnisse\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eStelle sicher, dass du tagsüber Sonnenschutz verwendest, um die Ergebnisse zu erhalten\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"joseon-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003e“Die wahre Strahlkraft deiner Haut ist da... aber sie braucht den richtigen Schlüssel.”\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eAntike Geschichte Koreas + fortschrittliche japanische Wissenschaft = perfekte und gleichmäßige Haut.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003eGlow Deep Serum von Beauty of Gossion - \u003cstrong\u003eWeil deine Haut es verdient, mit ihrer natürlichen und gleichmäßigen Farbe zu strahlen.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eJetzt bestellen\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.joseon-product-container {\n\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: ltr;\n background-color: #fafafa;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n\/* Hero Section *\/\n.joseon-hero {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 60px;\n gap: 30px;\n}\n\n.hero-image {\n flex: 1;\n}\n\n.hero-content {\n flex: 1;\n}\n\n.hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-description {\n font-size: 1.1rem;\n margin-bottom: 15px;\n line-height: 1.6;\n}\n\n.hero-conclusion {\n font-size: 1.2rem;\n margin-top: 20px;\n}\n\n.product-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 70px;\n padding: 30px;\n background-color: #fff;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n}\n\n.section:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 100px;\n height: 100px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 50%;\n z-index: 1;\n}\n\n.section-title {\n font-size: 1.8rem;\n margin-bottom: 25px;\n position: relative;\n display: inline-block;\n}\n\n.section-title:after {\n content: '';\n position: absolute;\n bottom: -10px;\n right: 0;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n}\n\n.tradition-section {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 30px;\n}\n\n.section-image {\n flex: 1;\n}\n\n.section-content {\n flex: 1;\n}\n\n.right-image {\n order: 2;\n}\n\n.section-img, .full-width-img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n}\n\n.section-img:hover, .full-width-img:hover {\n transform: scale(1.02);\n}\n\n.intro-image {\n margin-bottom: 20px;\n}\n\n.intro-title {\n text-align: center;\n margin-bottom: 20px;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\n gap: 30px;\n margin-top: 40px;\n}\n\n.ingredient-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n overflow: hidden;\n position: relative;\n}\n\n.ingredient-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-image {\n flex: 1;\n margin-left: 20px;\n position: relative;\n}\n\n.ingredient-img {\n width: 100%;\n border-radius: 10px;\n position: relative;\n z-index: 2;\n}\n\n.ingredient-content {\n flex: 2;\n text-align: left;\n width: 100%;\n}\n\n.ingredient-title {\n font-size: 1.4rem;\n margin-bottom: 15px;\n text-align: left;\n width: 100%;\n}\n\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin: 15px 0 0 0;\n width: 100%;\n display: block;\n text-align: left;\n}\n\n.benefits-list li {\n padding: 12px 0;\n position: relative;\n padding-right: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n display: block;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-size: 20px;\n}\n\n\/* Rice Animation *\/\n.rice-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.rice-grain {\n position: absolute;\n width: 15px;\n height: 8px;\n background-color: #fff;\n border-radius: 50%;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n opacity: 0;\n animation: float 3s infinite;\n}\n\n.grain1 {\n top: 20%;\n left: 20%;\n animation-delay: 0s;\n}\n\n.grain2 {\n top: 30%;\n left: 60%;\n animation-delay: 0.5s;\n}\n\n.grain3 {\n top: 50%;\n left: 40%;\n animation-delay: 1s;\n}\n\n.grain4 {\n top: 70%;\n left: 70%;\n animation-delay: 1.5s;\n}\n\n@keyframes float {\n 0% { transform: translateY(0); opacity: 0; }\n 50% { opacity: 1; }\n 100% { transform: translateY(-20px); opacity: 0; }\n}\n\n\/* Arbutin Animation *\/\n.arbutin-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.molecule {\n position: absolute;\n width: 10px;\n height: 10px;\n background-color: #9C8102;\n border-radius: 50%;\n opacity: 0;\n animation: pulse 3s infinite;\n}\n\n.molecule1 {\n top: 30%;\n left: 30%;\n animation-delay: 0s;\n}\n\n.molecule2 {\n top: 50%;\n left: 50%;\n animation-delay: 1s;\n}\n\n.molecule3 {\n top: 70%;\n left: 20%;\n animation-delay: 2s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); opacity: 0; }\n 50% { transform: scale(1.5); opacity: 1; }\n 100% { transform: scale(1); opacity: 0; }\n}\n\n\/* Features Section *\/\n.features-image {\n margin-bottom: 30px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 40px;\n width: 100%;\n}\n\n.features-section,\n.ingredients-section {\n width: 100%;\n box-sizing: border-box;\n}\n\n.feature-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 25px 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n width: 100%;\n box-sizing: border-box;\n align-items: flex-start;\n text-align: left;\n}\n\n.feature-icon {\n width: 50px;\n height: 50px;\n margin-left: 20px;\n position: relative;\n flex-shrink: 0;\n}\n\n.feature-content {\n flex: 1;\n width: 100%;\n text-align: left;\n padding-right: 0;\n}\n\n.feature-title {\n font-size: 1.3rem;\n margin-bottom: 15px;\n text-align: left;\n width: 100%;\n}\n\n.check-list {\n list-style-type: none;\n padding: 0;\n width: 100%;\n display: block;\n text-align: left;\n margin: 0;\n}\n\n.check-list li {\n padding: 12px 0;\n position: relative;\n padding-right: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n display: block;\n}\n\n.check-list li:before {\n content: '✓';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-weight: bold;\n font-size: 16px;\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.droplet {\n position: absolute;\n top: 0;\n left: 20px;\n width: 20px;\n height: 20px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n opacity: 0.7;\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.7; }\n 80% { top: 30px; opacity: 0.7; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Results Animation *\/\n.results-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.chart-bar {\n position: absolute;\n bottom: 0;\n width: 10px;\n background-color: #9C8102;\n border-radius: 5px 5px 0 0;\n opacity: 0.7;\n animation: grow 2.5s infinite;\n}\n\n.bar1 {\n height: 20px;\n left: 5px;\n animation-delay: 0s;\n}\n\n.bar2 {\n height: 30px;\n left: 25px;\n animation-delay: 0.5s;\n}\n\n.bar3 {\n height: 40px;\n left: 45px;\n animation-delay: 1s;\n}\n\n@keyframes grow {\n 0% { height: 0; opacity: 0.5; }\n 60% { height: 100%; opacity: 0.7; }\n 100% { height: 100%; opacity: 0.5; }\n}\n\n\/* Counter Style *\/\n.counter {\n color: #9C8102;\n font-weight: bold;\n display: inline-block;\n min-width: 2rem;\n text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline-table-container {\n overflow-x: auto;\n margin: 30px 0;\n}\n\n.timeline-table {\n width: 100%;\n border-collapse: collapse;\n background-color: #fff;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-table th {\n background-color: #9C8102;\n color: white;\n text-align: left;\n padding: 15px;\n font-weight: 600;\n}\n\n.timeline-table td {\n padding: 15px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.timeline-row {\n transition: background-color 0.3s ease, transform 0.3s ease;\n}\n\n.timeline-row:hover {\n background-color: #f5f5f5;\n transform: translateX(-5px);\n}\n\n.timeline-phase {\n width: 150px;\n font-weight: bold;\n}\n\n\/* Usage Instructions *\/\n.usage-image {\n margin-bottom: 30px;\n}\n\n.steps-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.step-card {\n display: flex;\n align-items: center;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.step-card:hover {\n transform: translateY(-5px);\n}\n\n.step-number {\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.2rem;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.step-content {\n flex: 1;\n font-size: 1rem;\n}\n\n\/* CTA Section *\/\n.joseon-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n margin-top: 50px;\n position: relative;\n overflow: hidden;\n}\n\n.joseon-cta:before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to left, #9C8102, transparent);\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.3rem;\n margin-bottom: 15px;\n}\n\n.cta-conclusion {\n font-size: 1.2rem;\n margin-bottom: 30px;\n}\n\n.cta-button {\n padding: 15px 40px;\n background-color: #9C8102;\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .joseon-hero, .tradition-section {\n flex-direction: column;\n }\n \n .ingredients-container, .features-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredient-card {\n flex-direction: column;\n width: 100%;\n box-sizing: border-box;\n text-align: left;\n }\n \n .ingredient-image {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .right-image {\n order: 1;\n }\n \n .feature-card, \n .ingredient-card,\n .step-card {\n width: 100%;\n box-sizing: border-box;\n padding: 20px 15px;\n }\n \n .steps-container {\n grid-template-columns: 1fr;\n }\n \n .feature-content,\n .ingredient-content {\n width: 100%;\n text-align: left;\n }\n \n .check-list li,\n .benefits-list li {\n width: 100%;\n box-sizing: border-box;\n padding-right: 40px;\n text-align: left;\n }\n \n .check-list li:before,\n .benefits-list li:before {\n right: 10px;\n }\n \n .section {\n padding: 20px 15px;\n }\n \n .feature-title, \n .ingredient-title {\n width: 100%;\n text-align: left;\n }\n \n .ingredient-content {\n padding-right: 0;\n }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n\/\/ Start animations when page loads\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Start all counters immediately\n startAllCounters();\n \n \/\/ Setup the scroll animation for other elements\n setupScrollAnimations();\n \n \/\/ Add button animation\n setupButtonAnimation();\n});\n\nfunction startAllCounters() {\n const counters = document.querySelectorAll('.counter');\n \n counters.forEach(counter =\u003e {\n const target = parseInt(counter.getAttribute('data-target'));\n let current = 0;\n const increment = Math.max(1, Math.floor(target \/ 40)); \/\/ Ensure minimum step of 1\n \n \/\/ Immediately visible animation\n const timer = setInterval(() =\u003e {\n current += increment;\n \n \/\/ Make sure we don't go over the target\n if (current \u003e= target) {\n current = target;\n clearInterval(timer);\n }\n \n \/\/ Update the counter text\n counter.textContent = current;\n }, 30); \/\/ Speed of animation - lower number = faster\n });\n}\n\nfunction setupScrollAnimations() {\n \/\/ Add fade-in class to elements we want to animate\n const elementsToAnimate = [\n ...document.querySelectorAll('.ingredient-card'),\n ...document.querySelectorAll('.feature-card'),\n ...document.querySelectorAll('.step-card'),\n ...document.querySelectorAll('.timeline-row'),\n document.querySelector('.joseon-cta'),\n ...document.querySelectorAll('.section-title')\n ];\n \n elementsToAnimate.forEach(element =\u003e {\n if (element) element.classList.add('fade-in');\n });\n \n \/\/ Initial check for elements in viewport\n handleScrollAnimations();\n \n \/\/ Listen for scroll events\n window.addEventListener('scroll', handleScrollAnimations);\n}\n\nfunction handleScrollAnimations() {\n \/\/ Animate fade-in elements\n document.querySelectorAll('.fade-in').forEach(element =\u003e {\n if (isInViewport(element)) {\n element.classList.add('active');\n }\n });\n}\n\nfunction isInViewport(element) {\n const rect = element.getBoundingClientRect();\n \/\/ Consider element in viewport even if only partially visible\n return (\n rect.top \u003c (window.innerHeight || document.documentElement.clientHeight) + 100 \u0026\u0026\n rect.bottom \u003e -100\n );\n}\n\nfunction setupButtonAnimation() {\n \/\/ Add click event to CTA button\n const ctaButton = document.querySelector('.cta-button');\n if (ctaButton) {\n ctaButton.addEventListener('click', function(e) {\n e.preventDefault();\n this.textContent = 'In den Warenkorb gelegt!';\n setTimeout(() =\u003e {\n this.textContent = 'Jetzt bestellen';\n }, 2000);\n });\n }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44730295582917,"sku":"","price":990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1747572137"},{"product_id":"see-lit-see-lit-hyaluronic-acid-vitamin-b-plumping-face-serum-30ml","title":"SEE-LIT See Lit Hyaluronic Acid \u0026 Vitamin B Plumping Face Serum 30ml","description":"\u003cstyle\u003e#sl2{--bg:#05090b;--bg2:#0b161a;--m:#4fd0e8;--m2:#aeeaf5;--bd:rgba(79,208,232,.3);--tint:rgba(79,208,232,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl2 *{box-sizing:border-box}#sl2 .sec{padding:52px 0}#sl2 .a{background:var(--bg)}#sl2 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl2 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl2 .c{text-align:center}#sl2 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl2 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl2 .hl{color:var(--m)}#sl2 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl2 h2.cc{border:0;padding:0;text-align:center}#sl2 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl2 p{margin:0 0 12px;color:#dde8ea}#sl2 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl2 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl2 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl2 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl2 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl2 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl2 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl2 .card p{margin:0;font-size:16px;color:#fff}#sl2 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl2 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl2 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl2 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl2 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl2 .steps p{margin:0;font-size:15px;color:#fff}#sl2 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl2 .tl div{margin-bottom:14px;color:#dde8ea}#sl2 .tl b{display:block;color:#fff;font-size:18px}#sl2 ul.ck{list-style:none;padding:0;margin:10px 0}#sl2 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl2 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl2 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl2 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl2 summary{cursor:pointer;font-weight:800}#sl2 details p{margin:10px 0 0}#sl2 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl2 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl2 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl2 .cta2 h2{border:0;padding:0;justify-content:center}#sl2 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl2 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl2 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl2 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl2 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl2 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl2 .sec{padding:36px 0}#sl2 .wrap{padding:0 14px}#sl2 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl2 .card{padding:14px 10px}#sl2 .card p{font-size:13.5px;line-height:1.5}#sl2 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl2 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl2\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eFeuchtigkeitsspendendes und aufpolsterndes Serum | 30 ml\u003c\/div\u003e\n\u003ch1\u003eDeine Haut braucht eine tiefere Hydratation? \u003cbdi\u003eSee-Lit Hyaluronic + Vitamin B\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003eHyaluron mit 3 Molekulargewichten mit Kaviar und Meereskollagen\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eFlasche \u003cspan class=\"k\"\u003e30 ml\u003c\/span\u003e Kombiniert Hyaluronsäure mit verschiedenen Molekulargewichten mit Kaviarextrakt und Meereskollagen sowie den Vitaminen A, D und B, für eine Haut, die voller und strahlender aussieht, laut Marke.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e30 ml\u003c\/span\u003e\u003cspan\u003e3 Hyaluronsäuregewichte\u003c\/span\u003e\u003cspan\u003eKaviar\u003c\/span\u003e\u003cspan\u003eMeereskollagen\u003c\/span\u003e\u003cspan\u003eMorgen und Abend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eDies ist das originale Serum, und darin \u003cspan class=\"k\"\u003eHyaluron + Kaviar + Meereskollagen\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"See-Lit Serum Hyaluronsäure und Vitamin B 30 ml\" class=\"ph\" height=\"2000\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelithyaluronicacidserum_2.png\" width=\"2000\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e4 Dinge, auf die dieses Serum wirkt\u003c\/h2\u003e\n\u003cp\u003eOhne leere Versprechen, das ist, wofür die Formel laut Marke entwickelt wurde:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eFeuchtigkeit auf mehreren Ebenen\u003c\/h3\u003e\n\u003cp\u003e3 Hyaluronsäuregewichte zur Unterstützung \u003cspan class=\"k\"\u003eOberflächen- und Tiefenfeuchtigkeit\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eGefühl von Fülle\u003c\/h3\u003e\n\u003cp\u003eUnterstützt das Hautbild \u003cspan class=\"k\"\u003eDas vollste\u003c\/span\u003e und die Sanftheit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eHautelastizität\u003c\/h3\u003e\n\u003cp\u003emarines Kollagen unterstützt \u003cspan class=\"k\"\u003eElastizität und Festigkeit\u003c\/span\u003e Aussehen der Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eFrische und Leuchtkraft\u003c\/h3\u003e\n\u003cp\u003eVitamine und Kaviarextrakt unterstützen \u003cspan class=\"k\"\u003eGesünder aussehend\u003c\/span\u003e Für die Haut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eWas ist in der Flasche?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eHyaluron mit 3 Gewichten\u003c\/h3\u003e\n\u003cp\u003eNiedriges, mittleres und hohes Gewicht zur Unterstützung \u003cspan class=\"k\"\u003eFeuchtigkeitsspendend\u003c\/span\u003e auf mehreren Schichten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eKaviarextrakt\u003c\/h3\u003e\n\u003cp\u003eAminosäurereicher Bestandteil, unterstützt \u003cspan class=\"k\"\u003eErnährung\u003c\/span\u003e Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eMeereskollagen\u003c\/h3\u003e\n\u003cp\u003eUnterstützt \u003cspan class=\"k\"\u003eFlexibilität\u003c\/span\u003e Die Haut und ihr straffer aussehendes Erscheinungsbild.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eVitamine A, D und B\u003c\/h3\u003e\n\u003cp\u003eEine Gruppe, die unterstützt \u003cspan class=\"k\"\u003eSonne\u003c\/span\u003e Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eWas wirst du sehen und wann? Ehrlich gesagt\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eAb der ersten Anwendung\u003c\/b\u003eGefühl von Feuchtigkeit und Geschmeidigkeit auf der Haut.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eNach wie vielen Wochen?\u003c\/b\u003eDu könntest die Haut bemerken \u003cspan class=\"k\"\u003eVoller\u003c\/span\u003e Und weniger sichtbare Linien, und es variiert von Person zu Person.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eUnd fortfahren\u003c\/b\u003eL'idratazione è solitamente collegata a\u003cspan class=\"k\"\u003eRegelmäßigkeit\u003c\/span\u003e und mit deinem Hauttyp und deiner Routine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eDieses Serum könnte für dich geeignet sein\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eDeine Haut \u003cspan class=\"k\"\u003eTrocken oder gespannt\u003c\/span\u003e Feuchtigkeit.\u003c\/li\u003e\n\u003cli\u003eIch möchte Mazhar unterstützen \u003cspan class=\"k\"\u003eFülle\u003c\/span\u003e und die Leuchtkraft.\u003c\/li\u003e\n\u003cli\u003eEinschalten \u003cspan class=\"k\"\u003eHyaluron\u003c\/span\u003e Mit einer Formel mit mehrfachen Gewichten.\u003c\/li\u003e\n\u003cli\u003eGefällt \u003cspan class=\"k\"\u003eEinfache Routine\u003c\/span\u003e Morgens und abends.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eWie man verwendet.. einfach\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eBefolgen Sie die Anweisungen auf der Verpackung, und die allgemeinen Schritte sind wie folgt:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eReinige die Wäsche\u003c\/h4\u003e\n\u003cp\u003eWasche dein Gesicht und lasse die Haut \u003cspan class=\"k\"\u003eEtwas feucht\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003eSetze ein paar Tropfen\u003c\/h4\u003e\n\u003cp\u003eEin Tropfen auf Gesicht und Hals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eLeicht auftragen\u003c\/h4\u003e\n\u003cp\u003eMit den Fingerspitzen bis zur vollständigen Aufnahme verteilen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eMit Feuchtigkeitscreme kombinieren\u003c\/h4\u003e\n\u003cp\u003eIn der Nähe mit Feuchtigkeitsspender, tagsüber \u003cspan class=\"k\"\u003eSonnencreme\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eVor der ersten Anwendung lesen\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eNur zur äußeren Anwendung.\u003c\/li\u003e\n\u003cli\u003eProbiere eine kleine Menge auf einem ersten Teil der Haut aus und stelle sicher, dass es nicht reizt.\u003c\/li\u003e\n\u003cli\u003eVon den Augen fernhalten, und falls es in die Augen gelangt, mit reichlich Wasser spülen.\u003c\/li\u003e\n\u003cli\u003eWenn du gegen einen auf der Verpackung angegebenen Inhaltsstoff allergisch bist, verwende es nicht.\u003c\/li\u003e\n\u003cli\u003eWenn starkes Brennen oder Rötung auftritt, setze die Anwendung aus.\u003c\/li\u003e\n\u003cli\u003eDies ist ein Produkt für die Hautpflege, keine medizinische Behandlung.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eFragen vor der Bestellung\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eWie viele ml sind in der Flasche?\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e30 ml\u003c\/span\u003e.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eIch benutze es morgens oder abends?\u003c\/summary\u003e\u003cp\u003eGeeignet \u003cspan class=\"k\"\u003eMorgen und Abend\u003c\/span\u003e Laut den Anweisungen auf der Verpackung ist tagsüber Sonnenschutz erforderlich.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eEs ist gut für empfindliche Haut?\u003c\/summary\u003e\u003cp\u003eProbieren Sie zuerst eine kleine Menge und konsultieren Sie einen Dermatologen, wenn Ihre Haut sehr empfindlich ist.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eDas Produkt ist original?\u003c\/summary\u003e\u003cp\u003eJa \u003cspan class=\"k\"\u003eOriginalprodukt\u003c\/span\u003e Sie erhalten die Zahlung bei Lieferung.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eGib deiner Haut die Feuchtigkeit, die sie verdient\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eDrücken \u003cspan class=\"k\"\u003eZum Warenkorb hinzufügen\u003c\/span\u003e Und die Bezahlung \u003cspan class=\"k\"\u003eAm Empfang\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003e3 Hyaluronsäuregewichte\u003c\/div\u003e\n\u003cdiv\u003eKaviar und Meereskollagen\u003c\/div\u003e\n\u003cdiv\u003e30 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003eBestelle jetzt das Serum\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eLieferung überall\u003c\/span\u003e\u003cspan\u003eOriginalprodukt\u003c\/span\u003e\u003cspan\u003eBarzahlung bei Lieferung \/ Nachnahme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Multi-molecular-weight Hyaluronic Acid (low, medium, high), Caviar Extract, Marine Collagen, Vitamins A, D and B. 30 ml. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44741709234373,"sku":"","price":290.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelithyaluronicacidserum_2.png?v=1747841075"},{"product_id":"seelit-retinol-b3-niacinamide-anti-ageing-serum","title":"Seelit Retinol + B3 (niacinamide) anti ageing serum","description":"\u003cstyle\u003e#sl1{--bg:#0a0805;--bg2:#17110a;--m:#ff9f43;--m2:#ffd0a0;--bd:rgba(255,159,67,.3);--tint:rgba(255,159,67,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl1 *{box-sizing:border-box}#sl1 .sec{padding:52px 0}#sl1 .a{background:var(--bg)}#sl1 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl1 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl1 .c{text-align:center}#sl1 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl1 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl1 .hl{color:var(--m)}#sl1 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl1 h2.cc{border:0;padding:0;text-align:center}#sl1 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl1 p{margin:0 0 12px;color:#e6e0d6}#sl1 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl1 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl1 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl1 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl1 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl1 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl1 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl1 .card p{margin:0;font-size:16px;color:#fff}#sl1 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl1 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl1 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl1 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl1 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl1 .steps p{margin:0;font-size:15px;color:#fff}#sl1 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl1 .tl div{margin-bottom:14px;color:#e6e0d6}#sl1 .tl b{display:block;color:#fff;font-size:18px}#sl1 ul.ck{list-style:none;padding:0;margin:10px 0}#sl1 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl1 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl1 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl1 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl1 summary{cursor:pointer;font-weight:800}#sl1 details p{margin:10px 0 0}#sl1 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl1 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl1 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl1 .cta2 h2{border:0;padding:0;justify-content:center}#sl1 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl1 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl1 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl1 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl1 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl1 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl1 .sec{padding:36px 0}#sl1 .wrap{padding:0 14px}#sl1 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl1 .card{padding:14px 10px}#sl1 .card p{font-size:13.5px;line-height:1.5}#sl1 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl1 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl1\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eAnti-Aging-Serum\u003c\/div\u003e\n\u003ch1\u003eWillst du Retinol ohne Reizungen? \u003cbdi\u003eSee-Lit Retinol + B3\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003eRetinol mit Niacinamid und Kollagen\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eDas Serum sammelt \u003cspan class=\"k\"\u003eCylasphere Retinol 1%\u003c\/span\u003e Mit \u003cspan class=\"k\"\u003eVitamin B3\u003c\/span\u003e Und hydrolysiertes Kollagen und Vitamin E, für eine Abendroutine, die laut Marke das Erscheinungsbild glatterer und strahlenderer Haut unterstützt.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eRetinol 1%\u003c\/span\u003e\u003cspan\u003eNiacinamide B3\u003c\/span\u003e\u003cspan\u003eHydrolysiertes Kollagen\u003c\/span\u003e\u003cspan\u003eVitamin E\u003c\/span\u003e\u003cspan\u003eAbendroutine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eDies ist das originale Serum, und seine Formel \u003cspan class=\"k\"\u003eRetinol + B3\u003c\/span\u003e In einer Flasche\u003c\/p\u003e\n\u003cimg alt=\"See-Lit Serum Retinol und Vitamin B3\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/see-litretinolb3serum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e4 Dinge, auf die dieses Serum wirkt\u003c\/h2\u003e\n\u003cp\u003eOhne leere Versprechen, das ist, wofür die Formel laut Marke entwickelt wurde:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eAlterslinien\u003c\/h3\u003e\n\u003cp\u003eRetinol ist einer der beliebtesten Inhaltsstoffe in der Routine \u003cspan class=\"k\"\u003eGegen Falten\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eTextur und Hautfarbe\u003c\/h3\u003e\n\u003cp\u003eMit Niacinamid, unterstützt \u003cspan class=\"k\"\u003eFarbgleichmäßigkeit\u003c\/span\u003e Weichere Textur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eHautelastizität\u003c\/h3\u003e\n\u003cp\u003eHydrolysiertes Kollagen unterstützt \u003cspan class=\"k\"\u003eGefühl von Fülle\u003c\/span\u003e Und Flexibilität.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eBenutzerkomfort\u003c\/h3\u003e\n\u003cp\u003eTechnologie \u003cspan class=\"k\"\u003eCylasphere\u003c\/span\u003e Formuliert, um Retinol je nach Marke schrittweise freizusetzen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eWas ist in der Flasche?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eRetinol (Cylasphere) 1%\u003c\/h3\u003e\n\u003cp\u003eRetinol-Zutat mit verzögerter Freisetzungstechnologie\u003cspan class=\"k\"\u003eVerjünge das Aussehen der Haut\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eNiacinamide (B3)\u003c\/h3\u003e\n\u003cp\u003eHilft \u003cspan class=\"k\"\u003eDie Haut lindern\u003c\/span\u003e Und gleicht ihr Aussehen aus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eHydrolysiertes Kollagen\u003c\/h3\u003e\n\u003cp\u003eUnterstützt \u003cspan class=\"k\"\u003eFeuchtigkeit und Elastizität\u003c\/span\u003e Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eGlykolsäure\u003c\/h3\u003e\n\u003cp\u003eBekannte Säuren zur Unterstützung \u003cspan class=\"k\"\u003eOberfläche glätten\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eVitamin E\u003c\/h3\u003e\n\u003cp\u003eAntioxidativer Schutz \u003cspan class=\"k\"\u003eHautschutz\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePantothensäure\u003c\/h3\u003e\n\u003cp\u003eUnterstützt \u003cspan class=\"k\"\u003eFeuchtigkeitsspendend\u003c\/span\u003e Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eWas wirst du sehen und wann? Ehrlich gesagt\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eIn den ersten\u003c\/b\u003eWeichere Textur und feuchtigkeitsspendendes Gefühl, und sie könnte in der ersten Woche etwas trocken oder schuppig sein, da Retinol Zeit braucht, um sich anzupassen.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eNach wie vielen Wochen?\u003c\/b\u003eDu könntest bemerken \u003cspan class=\"k\"\u003eWeniger sichtbare Linien\u003c\/span\u003e Die Farbe ist gleichmäßiger und variiert von Person zu Person.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eUnd fortfahren\u003c\/b\u003eRetinol ist notwendig \u003cspan class=\"k\"\u003eRegelmäßigkeit und Geduld\u003c\/span\u003e Und Sonnenschutz jeden Tag, um das Ergebnis zu erhalten.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eDieses Serum könnte für dich geeignet sein\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eEinschalten \u003cspan class=\"k\"\u003eRetinol\u003c\/span\u003e In deiner Abendroutine.\u003c\/li\u003e\n\u003cli\u003eIch möchte Mazhar unterstützen \u003cspan class=\"k\"\u003eFeine Linien\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eIch bevorzuge eine Kombination davon \u003cspan class=\"k\"\u003eNiacinamid\u003c\/span\u003e Mit Retinol.\u003c\/li\u003e\n\u003cli\u003eGebrauchsbereit \u003cspan class=\"k\"\u003eSonnencreme\u003c\/span\u003e Durante il giorno.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eWie man verwendet.. einfach\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eBefolgen Sie die Anweisungen auf der Verpackung, und die allgemeinen Schritte sind wie folgt:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eSauber und trocken\u003c\/h4\u003e\n\u003cp\u003eWasche dein Gesicht mit einem sanften Reinigungsmittel und trockne es.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003eEine kleine Menge auftragen\u003c\/h4\u003e\n\u003cp\u003eMenge \u003cspan class=\"k\"\u003eKlein\u003c\/span\u003e Auf Gesicht, von den Augen fernhalten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eNachts\u003c\/h4\u003e\n\u003cp\u003eRetinol fällt ab \u003cspan class=\"k\"\u003eAbend\u003c\/span\u003e normalerweise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eBeginne allmählich\u003c\/h4\u003e\n\u003cp\u003eBeginnt \u003cspan class=\"k\"\u003eAlle zwei Tage\u003c\/span\u003e Steigert sich, wie es deine Haut verträgt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eVor der ersten Anwendung lesen\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eNur zur äußeren Anwendung.\u003c\/li\u003e\n\u003cli\u003eProbiere eine kleine Menge auf einem ersten Teil der Haut aus und stelle sicher, dass es nicht reizt.\u003c\/li\u003e\n\u003cli\u003eSonnencreme tagsüber verwenden, während Retinol verwendet wird.\u003c\/li\u003e\n\u003cli\u003eWenn du schwanger bist oder stillst, konsultiere vor der Anwendung einen Arzt.\u003c\/li\u003e\n\u003cli\u003eWenn starkes Brennen oder Rötung auftritt, setze die Anwendung aus.\u003c\/li\u003e\n\u003cli\u003eVon den Augen und Lippen fernhalten.\u003c\/li\u003e\n\u003cli\u003eDies ist ein Produkt für die Hautpflege, keine medizinische Behandlung.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eFragen vor der Bestellung\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eIch benutze es morgens oder abends?\u003c\/summary\u003e\u003cp\u003eRetinol fällt ab \u003cspan class=\"k\"\u003eNachts\u003c\/span\u003e Normalerweise ist tagsüber Sonnenschutzcreme unerlässlich.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eKann Hautabschuppung verursachen?\u003c\/summary\u003e\u003cp\u003eAm Anfang könnte es etwas trocken oder schmerzhaft sein, also fange an \u003cspan class=\"k\"\u003eAllmählich\u003c\/span\u003e Und die Versorgung nach deiner Haut.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eWelches Ergebnis werde ich danach sehen?\u003c\/summary\u003e\u003cp\u003eEs braucht \u003cspan class=\"k\"\u003eRegelmäßigkeit und Geduld\u003c\/span\u003e Varriert von Person zu Person.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eDas Produkt ist original?\u003c\/summary\u003e\u003cp\u003eJa \u003cspan class=\"k\"\u003eOriginalprodukt\u003c\/span\u003e Sie erhalten die Zahlung bei Lieferung.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eBeginne deine Retinol-Routine sanft\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eDrücken \u003cspan class=\"k\"\u003eZum Warenkorb hinzufügen\u003c\/span\u003e Und die Bezahlung \u003cspan class=\"k\"\u003eAm Empfang\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eRetinol 1%\u003c\/div\u003e\n\u003cdiv\u003eNiacinamide B3\u003c\/div\u003e\n\u003cdiv\u003eHydrolysiertes Kollagen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003eBestelle jetzt das Serum\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eLieferung überall\u003c\/span\u003e\u003cspan\u003eOriginalprodukt\u003c\/span\u003e\u003cspan\u003eBarzahlung bei Lieferung \/ Nachnahme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Cylasphere Retinol 1%, Niacinamide (Vitamin B3), Hydrolyzed Collagen, Glycolic Acid, Tocopherol (Vitamin E), Pantothenic Acid. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44742073057477,"sku":null,"price":290.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/see-litretinolb3serum.webp?v=1747853163"},{"product_id":"beauty-of-joseon-revive-serum","title":"Revitalisierendes Hautserum Joseon Beauty mit Ginseng und Schneckensekretion zur Hautverjüngung und Elastizität.","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3ef500d9baac416bbea61350e65fce38.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Text Section --\u003e\n\u003cdiv class=\"hero-text-section\"\u003e\n\u003ch1 class=\"main-title fade-in\"\u003eWissenschaftlich bewiesen: Ginseng + regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat = Die perfekte Gleichung der Jugend\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: Eine fortschrittliche wissenschaftliche Formel, die die Hautzellen umprogrammiert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eHauptanwendungen\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💫\u003c\/div\u003e\n\u003ch3\u003eAnti-Verblassbehandlung\u003c\/h3\u003e\n\u003cp\u003eGinseng 63% stimuliert die Durchblutung und gibt müder Haut innerhalb von zwei Wochen ihre natürliche Strahlkraft zurück.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eAntioxidans\u003c\/h3\u003e\n\u003cp\u003e15 Arten von Ginsenosiden schützen die Haut vor freien Radikalen, Umweltverschmutzung und schädlichen Strahlen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eAnti-Falten\u003c\/h3\u003e\n\u003cp\u003eregenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat 3% regt die Kollagenproduktion an und reduziert das Erscheinungsbild von feinen Linien und Ausdrucksfalten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eTiefe Feuchtigkeitspflege\u003c\/h3\u003e\n\u003cp\u003eNatürliches Hyaluronacid hält die Feuchtigkeit 12 Stunden lang in der Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eVerbessert die Hauttextur\u003c\/h3\u003e\n\u003cp\u003eNatürliche Proteine glätten die Hauttextur und reduzieren das Erscheinungsbild von Poren und Rauheit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"600\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eLindert Rötungen\u003c\/h3\u003e\n\u003cp\u003eAllantoin im regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat reduziert Entzündungen und Reizungen und beruhigt empfindliche Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card ginseng-card\"\u003e\n\u003cimg alt=\"Ginseng\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_5_c8f51ca2-5353-4586-a78a-f3c95b3cb1b3.jpg?v=1748094708\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eGinseng 63% - Motor der Zellregeneration\u003c\/h3\u003e\n\u003cdiv class=\"molecular-animation\"\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eAktive Seife: stimuliert die Mikrozirkulation um 40%\u003c\/li\u003e\n\u003cli\u003eGinsenoside: stimulieren die natürliche Kollagenproduktion\u003c\/li\u003e\n\u003cli\u003eLeistungsstarke Antioxidantien: Bekämpfen freie Radikale\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card snail-card\"\u003e\n\u003cimg alt=\"Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_7.jpg?v=1748096683\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eReines regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat 3% - ein Wunder der Reparatur und Erneuerung\u003c\/h3\u003e\n\u003cdiv class=\"repair-animation\"\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003col class=\"ingredient-process\"\u003e\n\u003cli\u003eDringt in die tiefen Hautschichten ein\u003c\/li\u003e\n\u003cli\u003eRegt die Produktion von neuem Kollagen an\u003c\/li\u003e\n\u003cli\u003eRepariert geschädigtes DNA\u003c\/li\u003e\n\u003cli\u003eFördert den Zellumsatz\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Asiatica Section --\u003e\n\u003cdiv class=\"centella-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eHilfskomponenten: ein integriertes wissenschaftliches Team\u003c\/h2\u003e\n\u003cdiv class=\"centella-container\"\u003e\n\u003cdiv class=\"centella-image\"\u003e\n\u003cimg alt=\"Centella Asiatica\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\"\/\u003e\n\u003cdiv class=\"healing-animation\"\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"centella-info\"\u003e\n\u003ch3\u003e🌿 Extrakt aus Centella asiatica\u003c\/h3\u003e\n\u003cdiv class=\"compound-list\"\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"100\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🧬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eAsiatische Säure\u003c\/h4\u003e\n\u003cp\u003eRegt die Produktion von Kollagen Typ 1 und 3 an\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"200\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eMadencasosid\u003c\/h4\u003e\n\u003cp\u003eEin natürliches entzündungshemmendes Mittel, das Rötungen sofort lindert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"300\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e⚕️\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eAsiatocoside\u003c\/h4\u003e\n\u003cp\u003eBeschleunigt die Heilung kleiner Wunden und Irritationen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Clinical Results --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eWissenschaftlich im Labor getestete Ergebnisse\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-week=\"1\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eNach einer Woche\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"78\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eSofortige Weichheit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"65\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eVerbesserte Strahlkraft\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"58\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eReduzieren von Rötungen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-week=\"4\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eVier Wochen später\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eDie Flexibilität verbessern\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"76\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eFalten reduzieren\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eTiefenfeuchtigkeit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Smart Mucin Technology --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e Technologisch fortschrittliche Formel\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eInnovation in der Textur\u003c\/h3\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"100\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eNanopartikel\u003c\/h4\u003e\n\u003cp\u003eDringt leicht in die Haut ein\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"200\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch4\u003eTechnologie mit langsamer Freisetzung\u003c\/h4\u003e\n\u003cp\u003eFür aktive Inhaltsstoffe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"300\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eVorübergehender Schutzfilm\u003c\/h4\u003e\n\u003cp\u003eBehandelt die Feuchtigkeit unter der Hautoberfläche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"400\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eSchnelle Aufnahme\u003c\/h4\u003e\n\u003cp\u003eOhne fettige Rückstände\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eLa differenza che senti\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Sofortige Anwendung\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eSofort seidige Verteilung\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Innerhalb einer Minute\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eVollständige Aufnahme und Komfortgefühl\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Nach 5 Minuten\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eSamtige Weichheit und natürlicher Glanz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Den ganzen Tag\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eKontinuierliche Feuchtigkeit und wirksamer Schutz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003cdiv class=\"why-choose-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eWarum Revive Serum wählen? Wissenschaftliche Beweise lügen nicht\u003c\/h2\u003e\n\u003cdiv class=\"scientific-proof\"\u003e\n\u003cdiv class=\"proof-card concentration-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eWissenschaftlich berechnete optimale Konzentration\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e63% Ginseng\u003c\/strong\u003e: Optimale Wirksamkeitskonzentration ohne Reizung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3% regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat\u003c\/strong\u003e: Die nachweislich beste Mischung für beste Ergebnisse\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePerfektes Gleichgewicht\u003c\/strong\u003e: Zwischen Stärke und Sicherheit für den täglichen Gebrauch\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card testing-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003eGetestet und zertifiziert\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAllergietests\u003c\/strong\u003e: Sicher für empfindliche Haut\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWirksamkeitstest\u003c\/strong\u003eBewährte Ergebnisse in 28 Tagen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualitätstest\u003c\/strong\u003e: Strenge internationale Standards\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card unique-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch3\u003eEinzigartige Technologie\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVerursacht keine verstopften Poren\u003c\/strong\u003e: Dermatologisch getestet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKompatibel mit allen Hauttypen\u003c\/strong\u003e: Von trocken bis fettig\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEs funktioniert mit anderen Produkten\u003c\/strong\u003e: Stört nicht deine Pflegeroutine\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"investment-section\"\u003e\n\u003cdiv class=\"investment-content\"\u003e\n\u003ch2 class=\"investment-title\"\u003eInvestiere in die Wissenschaft... investiere in deine Haut\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eDu wirst keine andere Formel finden, die die Kraft des natürlichen Ginsengs mit dem Wunder des gereinigten Schneckenschleims in einem so perfekten Gleichgewicht kombiniert.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eDas Endergebnis: wissenschaftlich gesunde Haut\u003c\/h3\u003e\n\u003cdiv class=\"final-benefits\"\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🔄\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eErneuerte Zellen\u003c\/strong\u003e Funktioniert sehr effizient\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eStarke natürliche Barriere\u003c\/strong\u003e Schützt vor äußeren Faktoren\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eTiefenfeuchtigkeit\u003c\/strong\u003e Hält 72 Stunden\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌟\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eVerbesserte Flexibilität\u003c\/strong\u003e Bis zu 34%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eNatürliche Helligkeit\u003c\/strong\u003e Ohne Make-up\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eWie man benutzt\u003c\/h2\u003e\n\u003cdiv class=\"usage-container\"\u003e\n\u003cdiv class=\"usage-video\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" onloadstart=\"this.muted=true\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a658a0f994a34d3da3dd6f5136de09b2.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\" data-step=\"1\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003eReinigen Sie gründlich das Gesicht\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"2\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003e3 oder 4 Tropfen auftragen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"3\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003eSanft massieren\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"4\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003eVerwende es morgens und abends\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAlle Bestandteile\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003ePanax Ginseng Root Water, Water, Butylene Glycol, Dipropylene Glycol, 1,2-Hexanediol, Glycerin, Niacinamide, Propanediol, Trehalose, Snail Secretion Filtrate, Carbomer, Tromethamine, Xanthan Gum, Malt Extract, Sodium Polyacrylate, Adenosine, Glyceryl Acrylate\/Acrylic Acid Copolymer, Disodium Edta, Panax Ginseng Root Extract, Ganoderma Lucidum (Mushroom) Extract, Phellinus Linteus Extract, Centella Asiatica Extract, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Forsythia Suspensa Fruit Extract, Lonicera Japonica (Honeysuckle) Flower Extract, Scutellaria Baicalensis Root Extract, Sodium Acetylated Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: ltr;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n \/* Benefits Grid *\/\n .benefits-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: left;\n direction: ltr;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Science Section *\/\n .science-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: left;\n direction: ltr;\n }\n\n .molecular-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .molecule {\n width: 20px;\n height: 20px;\n background: #9C8102;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .molecule:nth-child(2) { animation-delay: 0.5s; }\n .molecule:nth-child(3) { animation-delay: 1s; }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.5); \n opacity: 0.7; \n }\n }\n\n .repair-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .cell {\n width: 25px;\n height: 25px;\n background: linear-gradient(45deg, #9C8102, #d4c140);\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n animation: regenerate 3s ease-in-out infinite;\n }\n\n .cell:nth-child(2) { animation-delay: 1s; }\n .cell:nth-child(3) { animation-delay: 2s; }\n\n @keyframes regenerate {\n 0%, 100% { \n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n transform: rotate(0deg);\n }\n 50% { \n border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%;\n transform: rotate(180deg);\n }\n }\n\n .ingredient-benefits, .ingredient-process {\n text-align: left;\n direction: ltr;\n color: #555;\n }\n\n .ingredient-benefits li, .ingredient-process li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n \/* Centella Section *\/\n .centella-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .centella-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .centella-image {\n position: relative;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .centella-image img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .healing-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100px;\n height: 100px;\n }\n\n .healing-wave {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 20px;\n height: 20px;\n border: 2px solid rgba(156,129,2,0.6);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: healingPulse 3s ease-out infinite;\n }\n\n .healing-wave:nth-child(2) { animation-delay: 1s; }\n .healing-wave:nth-child(3) { animation-delay: 2s; }\n\n @keyframes healingPulse {\n 0% {\n width: 20px;\n height: 20px;\n opacity: 1;\n }\n 100% {\n width: 100px;\n height: 100px;\n opacity: 0;\n }\n }\n\n .centella-info h3 {\n color: #9C8102;\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: left;\n direction: ltr;\n }\n\n .compound-list {\n direction: ltr;\n text-align: left;\n }\n\n .compound-item {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(50px);\n }\n\n .compound-item:hover {\n transform: translateX(0) translateY(-5px);\n box-shadow: 0 10px 25px rgba(156,129,2,0.15);\n }\n\n .compound-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .compound-details h4 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .compound-details p {\n color: #666;\n font-size: 0.95rem;\n }\n\n \/* Technology Section *\/\n .technology-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .technology-section .section-title {\n color: white;\n }\n\n .technology-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .tech-card, .experience-timeline {\n background: rgba(255,255,255,0.1);\n padding: 2rem;\n border-radius: 15px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .tech-card h3, .experience-timeline h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .tech-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n\n .tech-feature {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n transition: all 0.3s ease;\n opacity: 0;\n transform: scale(0.8);\n }\n\n .tech-feature:hover {\n transform: scale(1.05);\n background: rgba(156,129,2,0.2);\n }\n\n .tech-icon {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .tech-feature p {\n font-size: 0.85rem;\n opacity: 0.9;\n }\n\n .experience-steps {\n direction: ltr;\n text-align: left;\n }\n\n .experience-step {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n border-left: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .experience-step:hover {\n background: rgba(156,129,2,0.1);\n transform: translateX(-10px);\n }\n\n .step-time {\n font-weight: bold;\n color: #9C8102;\n margin-left: 1rem;\n min-width: 120px;\n }\n\n .step-desc {\n opacity: 0.9;\n }\n\n \/* Why Choose Section *\/\n .why-choose-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .scientific-proof {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .proof-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n border-top: 4px solid #9C8102;\n }\n\n .proof-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .proof-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: pulse 3s ease-in-out infinite;\n }\n\n .proof-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .proof-list {\n text-align: left;\n direction: ltr;\n list-style: none;\n padding: 0;\n }\n\n .proof-list li {\n margin-bottom: 1rem;\n padding: 0.8rem;\n background: rgba(156,129,2,0.05);\n border-radius: 8px;\n border-right: 3px solid #9C8102;\n }\n\n .proof-list li strong {\n color: #9C8102;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 2rem;\n position: relative;\n overflow: hidden;\n }\n\n .investment-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n opacity: 0.3;\n }\n\n .investment-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .investment-tagline {\n font-size: 1.2rem;\n line-height: 1.8;\n margin-bottom: 3rem;\n opacity: 0.9;\n text-align: left;\n direction: ltr;\n }\n\n .final-results h3 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .final-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n text-align: left;\n direction: ltr;\n }\n\n .final-benefit {\n display: flex;\n align-items: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .final-benefit:hover {\n background: rgba(156,129,2,0.2);\n transform: translateY(0) translateX(-10px);\n }\n\n .final-benefit .benefit-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .final-benefit:nth-child(2) .benefit-icon { animation-delay: 0.2s; }\n .final-benefit:nth-child(3) .benefit-icon { animation-delay: 0.4s; }\n .final-benefit:nth-child(4) .benefit-icon { animation-delay: 0.6s; }\n .final-benefit:nth-child(5) .benefit-icon { animation-delay: 0.8s; }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .final-benefit .benefit-text {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .final-benefit strong {\n color: #9C8102;\n }\n\n \/* Results Section *\/\n .results-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .results-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: left;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1.5rem;\n }\n\n .stat {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n }\n\n .stat-number {\n display: block;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n \/* Usage Section *\/\n .usage-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .usage-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .usage-video {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n background: linear-gradient(135deg, #9C8102 0%, #d4c140 100%);\n position: relative;\n }\n\n .usage-video video {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n z-index: 2;\n }\n\n .usage-steps {\n direction: ltr;\n text-align: left;\n }\n\n .step {\n display: flex;\n align-items: center;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n animation: slideInRight 0.8s ease-out forwards;\n }\n\n .step:nth-child(1) { animation-delay: 0.2s; }\n .step:nth-child(2) { animation-delay: 0.4s; }\n .step:nth-child(3) { animation-delay: 0.6s; }\n .step:nth-child(4) { animation-delay: 0.8s; }\n\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #9C8102, #d4c140);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: bold;\n color: white;\n margin-left: 1.5rem;\n box-shadow: 0 5px 15px rgba(156,129,2,0.3);\n }\n\n .step p {\n font-size: 1.1rem;\n color: #333;\n font-weight: 500;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-showcase {\n grid-template-columns: 1fr;\n }\n\n .centella-container {\n grid-template-columns: 1fr;\n }\n\n .technology-grid {\n grid-template-columns: 1fr;\n }\n\n .tech-features {\n grid-template-columns: 1fr;\n }\n\n .scientific-proof {\n grid-template-columns: 1fr;\n }\n\n .usage-container {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 1.2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .investment-title {\n font-size: 2rem;\n }\n\n .compound-item {\n flex-direction: column;\n text-align: center;\n }\n\n .compound-icon {\n margin: 0 0 1rem 0;\n }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n .benefit-card:nth-child(6).animate { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('stat-number')) {\n animateNumber(entry.target);\n }\n\n if (entry.target.classList.contains('compound-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n\n if (entry.target.classList.contains('tech-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n }\n\n if (entry.target.classList.contains('final-benefit')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe stat numbers\n document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n observer.observe(stat);\n });\n\n \/\/ Observe compound items for centella section\n document.querySelectorAll('.compound-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe tech features\n document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Observe final benefits\n document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n observer.observe(benefit);\n });\n\n \/\/ Animate numbers\n function animateNumber(element) {\n const target = parseInt(element.dataset.target);\n const duration = 2000;\n const start = Date.now();\n \n function updateNumber() {\n const elapsed = Date.now() - start;\n const progress = Math.min(elapsed \/ duration, 1);\n \n \/\/ Easing function\n const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n const current = Math.floor(easeOutCubic * target);\n \n element.textContent = current;\n \n if (progress \u003c 1) {\n requestAnimationFrame(updateNumber);\n } else {\n element.textContent = target;\n }\n }\n \n updateNumber();\n }\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Add animations for proof cards\n const proofCards = document.querySelectorAll('.proof-card');\n \n const proofObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }, index * 200);\n }\n });\n }, { threshold: 0.2 });\n\n proofCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n proofObserver.observe(card);\n });\n\n \/\/ Add animations for experience steps\n const experienceSteps = document.querySelectorAll('.experience-step');\n \n const experienceObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }, index * 300);\n }\n });\n }, { threshold: 0.3 });\n\n experienceSteps.forEach(step =\u003e {\n step.style.transform = 'translateX(100px)';\n step.style.opacity = '0';\n step.style.transition = 'all 0.8s ease';\n experienceObserver.observe(step);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add hover effects to step numbers\n document.querySelectorAll('.step-number').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'scale(1.1) rotate(10deg)';\n step.style.transition = 'all 0.3s ease';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748493226181,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1748097935"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Beauty of Joseon Calming Serum ist spezialisiert darauf, die Haut zu beruhigen und Rötungen zu reduzieren 30ml","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/413443a24bfe4ef1a568fe7c3bc4544c.mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Text Section --\u003e\n\u003cdiv class=\"hero-text-section\"\u003e\n\u003ch1 class=\"main-title fade-in\"\u003eDie koreanische Formel, die entzündete Haut in perfekte Haut verwandelt\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum: Die magische Formel für empfindliche Haut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"problem-section\"\u003e\n\u003cdiv class=\"problem-container\"\u003e\n\u003cimg alt=\"Beauty of Joseon Calming Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum.png?v=1748104893\"\/\u003e\n\u003cdiv class=\"problem-content\"\u003e\n\u003ch2\u003eEmpfindliche und entzündete Haut – dein erster Feind\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eLeidest du unter \u003cstrong\u003eDie Haut reagiert auf alles?\u003c\/strong\u003e Ständige Rötung durch die Sonne, Reizungen durch die einfachsten Produkte, anhaltende Trockenheit und Juckreiz?\u003c\/p\u003e\n\u003ch3\u003eBasisprobleme:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eChronische Entzündung\u003c\/strong\u003e Die die natürliche Hautschutzbarriere zerstört\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eUV-Schaden\u003c\/strong\u003e Die Rötungen und vorzeitige Alterung verursacht\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003eSchneller Feuchtigkeitsverlust\u003c\/strong\u003e Dass es die Haut trocken und rissig zurücklässt\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eÜberempfindlichkeit\u003c\/strong\u003e Macht jedes neue Produkt zu einer Quelle von Angst und Sorge\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003eSchmerzhaftes Ergebnis:\u003c\/h3\u003e\n\u003cp\u003eWütende und rebellische Haut, verlorenes Vertrauen und ständige Empfindung, dass es keine Lösung für dieses Leiden gibt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Solution Benefits --\u003e\n\u003cdiv class=\"solution-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDie ultimative Lösung, die das Leiden empfindlicher Haut in 60 Sekunden beendet\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eEntzündungshemmend\u003c\/h3\u003e\n\u003cp\u003eSofortige Linderung von Rötungen und Reizungen durch Allergien oder Sonnenexposition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eDie hydrolipidische Barriere stärken\u003c\/h3\u003e\n\u003cp\u003eRepariert und stärkt die natürliche Schutzschicht, um das Eindringen äußerer Reizstoffe zu verhindern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💦\u003c\/div\u003e\n\u003ch3\u003eFörderung der tiefen Hydratation\u003c\/h3\u003e\n\u003cp\u003eDie mehrschichtige Hydratation dringt tief in die Haut ein und hält die Feuchtigkeit für viele Stunden zurück.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eEmpfindliche Haut lindern\u003c\/h3\u003e\n\u003cp\u003eSofortige Linderung für Haut, die auf Umweltfaktoren und Kosmetikprodukte reagiert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e☂️\u003c\/div\u003e\n\u003ch3\u003eSchutz vor schädlichen Strahlen\u003c\/h3\u003e\n\u003cp\u003eWiderstand gegen die negativen Auswirkungen von ultravioletten Strahlen und Umweltverschmutzung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Behind Formula --\u003e\n\u003cdiv class=\"science-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eDie Wissenschaft hinter der entwickelten Formel\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003eAb der ersten Berührung: Wie dieses koreanische Serum 15 Jahre Hautschäden rückgängig macht?\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Main Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card green-tea-card\"\u003e\n\u003cimg alt=\"Green Tea\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_2.jpg?v=1748105004\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eGrüner Tee 50% | Kraft des grünen Tees\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003eIm alten Medizinbuch Dong Ui Bogam: „Grüner Tee belebt die Energie, klärt den Geist und beruhigt die von der Sonne geschädigte Haut.”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eWie koreanischer grüner Tee die hartnäckigsten Entzündungsarten bekämpft?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eEntzündungen durch ultraviolette Strahlen lindern\u003c\/li\u003e\n\u003cli\u003eBekämpfen Sie freie Radikale mit der Kraft natürlicher Antioxidantien\u003c\/li\u003e\n\u003cli\u003eErneuert beschädigte Hautzellen und schützt sie vor zukünftigen Schäden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card mugwort-card\"\u003e\n\u003cimg alt=\"Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_3.jpg?v=1748105031\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eWermut-Extrakt 30% | Wermut-Extrakt\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003eEin heiliges Kraut in der östlichen Medizin, bekannt als die „Mutter der Kräuter“ wegen seiner besonderen heilenden Eigenschaften.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eNatural Relief bietet:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eSofortige Beruhigung der gereizten und entzündeten Haut\u003c\/li\u003e\n\u003cli\u003eTiefen- und sanfte Feuchtigkeit für empfindliche Haut\u003c\/li\u003e\n\u003cli\u003eDie natürliche Immunität der Haut gegen äußere Reizstoffe stärken\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card panthenol-card\"\u003e\n\u003cimg alt=\"Panthenol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/12.webp?v=1748105051\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003ePanthenol 5% | Pro-Vitamin B5\u003c\/h3\u003e\n\u003cdiv class=\"revolutionary-development\"\u003e\n\u003cp\u003eRevolutionäre Entwicklung: Konzentration von 2 % auf 5 % erhöht für doppelten Schutz!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eFortgeschrittenes Panthenol erreicht:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eErstelle eine 24-Stunden-feuchtigkeitsspendende Schutzbarriere\u003c\/li\u003e\n\u003cli\u003eSofortige Umwandlung in Vitamin B5 innerhalb der Hautzellen\u003c\/li\u003e\n\u003cli\u003eVerhindern Sie Feuchtigkeitsverlust und schützen Sie die Haut vor häufigen Reizungen\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!-- Supporting Ingredients --\u003e\n\u003cdiv class=\"supporting-ingredients\"\u003e\n\u003ch2 class=\"section-title\"\u003eFortgeschrittene Inhaltsstoffe für Nahrungsergänzungsmittel\u003c\/h2\u003e\n\u003cdiv class=\"supporting-grid\"\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eAllantoin | Allantoin\u003c\/h3\u003e\n\u003cp\u003eEin natürliches beruhigendes Mittel, das die Heilung beschädigter Haut beschleunigt und Reizungen reduziert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHyaluronsäure | Natriumsalz der Hyaluronsäure\u003c\/h3\u003e\n\u003cp\u003eDie Wassermoleküle halten die Feuchtigkeit zurück und glätten die Hautstruktur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eSüßholzwurzelextrakt | Dipotassium-Glycyrrhizat\u003c\/h3\u003e\n\u003cp\u003eEin natürliches entzündungshemmendes Mittel, das den Hautton ausgleicht und Pigmentierungen reduziert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eCoptis-Wurzelextrakt | Coptis Japonica Wurzelextrakt\u003c\/h3\u003e\n\u003cp\u003eEin traditionelles chinesisches Kraut, das antibakteriell ist und die Haut beruhigt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Journey --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTransformationsreise mit Serum\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1hour\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1h\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eWährend der ersten Stunde\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Sofortige Linderung von Rötungen und Juckreiz\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Ein Gefühl von Frische und Komfort\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Schnelle Absorption ohne fettige Rückstände\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1week\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1w\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eInnerhalb einer Woche\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Deutliche Verbesserung der Hautempfindlichkeit\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Tiefere und länger anhaltende Feuchtigkeit\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Deutliche Stärkung der natürlichen Hautschutzbarriere\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1month\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1m\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eInnerhalb eines Monats\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Haut widerstandsfähiger gegen äußere Reizstoffe\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Den Hautton ausgleichen und chronische Rötungen reduzieren\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Weichere, gesunde und frische Textur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What Makes It Unique --\u003e\n\u003cdiv class=\"unique-section\"\u003e\n\u003cdiv class=\"unique-image\"\u003e\n\u003cimg alt=\"Green Tea and Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_green_tea_mugwort.webp?v=1748105239\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-content\"\u003e\n\u003ch2\u003eWas unterscheidet dieses Serum von anderen beruhigenden Seren?\u003c\/h2\u003e\n\u003cdiv class=\"unique-features\"\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"100\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDoppelter Ruheimpuls\u003c\/h3\u003e\n\u003cp\u003eDie Konzentration von Artemisia von 20% auf 30% erhöhen für eine stärkere und länger anhaltende beruhigende Wirkung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"200\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDoppelter Schutz vor Feuchtigkeit\u003c\/h3\u003e\n\u003cp\u003eErhöhung des Panthenols von 2% auf 5% für eine stärkere Feuchtigkeitsbarriere und besseren Schutz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"300\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003ePerfekt ausbalancierte Formel\u003c\/h3\u003e\n\u003cp\u003eWissenschaftlich berechnete Proportionen, um maximale Wirksamkeit bei minimalem Reizpotenzial zu gewährleisten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"400\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFortgeschrittene seidige Textur\u003c\/h3\u003e\n\u003cp\u003eDie leichte Textur zieht schnell ein und hinterlässt die Haut weich und frisch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch2 class=\"section-title\"\u003eRichtige Anwendungsweise\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003eMorgen\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eNach der Gesichtsreinigung eine kleine Menge auf Gesicht und Hals auftragen\u003c\/li\u003e\n\u003cli\u003eSanft nach oben massieren, bis sie vollständig aufgenommen sind\u003c\/li\u003e\n\u003cli\u003eMit Feuchtigkeitscreme und Sonnenschutz fortfahren\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003eAbend\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eTrage das Serum auf saubere und trockene Haut auf\u003c\/li\u003e\n\u003cli\u003eFür zwei Minuten einziehen lassen, bevor andere Produkte aufgetragen werden\u003c\/li\u003e\n\u003cli\u003eTäglich verwenden für beste Ergebnisse\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003eFür sehr empfindliche Haut\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003eBeginne mit der Anwendung jeden zweiten Tag\u003c\/li\u003e\n\u003cli\u003eDie Häufigkeit schrittweise entsprechend der Reaktion der Haut erhöhen\u003c\/li\u003e\n\u003cli\u003eEs kann als beruhigende Maske für 10 Minuten verwendet und dann sanft entfernt werden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAlle Bestandteile\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003eCamellia Sinensis Leaf Water, Water, Panthenol, Glycerin, Butylene Glycol, 1,2-Hexanediol, Methylpropanediol, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Tromethamine, Betaine, Ethylhexylglycerin, Allantoin, Dipotassium Glycyrrhizate, Artemisia Capillaris Extract, Glyceryl Acrylate\/Acrylic Acid Copolymer, Melia Azadirachta Leaf Extract, Polyquaternium-51, Malt Extract, Melia Azadirachta Flower Extract, Coptis Japonica Root Extract, Sodium Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: ltr;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Problem Section *\/\n .problem-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 4rem;\n border-left: 5px solid #9C8102;\n }\n\n .problem-container {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .problem-container img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n }\n\n .problem-content {\n direction: ltr;\n text-align: left;\n }\n\n .problem-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .problem-intro {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 2rem;\n color: #f0f0f0;\n }\n\n .problem-content h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .problem-list {\n list-style: none;\n padding: 0;\n margin-bottom: 2rem;\n }\n\n .problem-list li {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n border-right: 3px solid #9C8102;\n backdrop-filter: blur(10px);\n }\n\n .problem-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .painful-result {\n background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);\n color: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n border: 2px solid #9C8102;\n }\n\n .painful-result h3 {\n color: #9C8102;\n margin-bottom: 1rem;\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n direction: ltr;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n .science-header {\n text-align: center;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .science-subtitle {\n font-size: 1.8rem;\n font-weight: 600;\n color: #2c3e50;\n margin-top: 1rem;\n direction: ltr;\n }\n\n \/* Solution Benefits *\/\n .solution-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n border-left: 5px solid #9C8102;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n border-top: 4px solid #9C8102;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: left;\n direction: ltr;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: 1fr;\n gap: 4rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n direction: ltr;\n text-align: left;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .ancient-wisdom, .sacred-herb, .revolutionary-development {\n background: rgba(156,129,2,0.1);\n padding: 1rem;\n border-radius: 10px;\n margin-bottom: 1.5rem;\n border-right: 4px solid #9C8102;\n font-style: italic;\n color: #666;\n }\n\n .ingredient-info h4 {\n color: #2c3e50;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .ingredient-benefits {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-benefits li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n .ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Supporting Ingredients *\/\n .supporting-ingredients {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .supporting-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .supporting-item {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .supporting-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(156,129,2,0.15);\n }\n\n .supporting-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n .supporting-item h3 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.8rem;\n }\n\n .supporting-item p {\n color: #666;\n font-size: 0.9rem;\n text-align: left;\n direction: ltr;\n }\n\n \/* Transformation Timeline *\/\n .transformation-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .transformation-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: left;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .results-list {\n direction: ltr;\n text-align: left;\n }\n\n .result-item {\n margin-bottom: 0.8rem;\n padding: 0.5rem;\n background: rgba(255,255,255,0.1);\n border-radius: 5px;\n font-size: 0.95rem;\n }\n\n \/* Unique Features *\/\n .unique-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n align-items: center;\n }\n\n .unique-image img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .unique-content {\n direction: ltr;\n text-align: left;\n }\n\n .unique-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .unique-feature {\n display: flex;\n align-items: flex-start;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.8s ease;\n }\n\n .feature-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .feature-content h3 {\n color: #9C8102;\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .feature-content p {\n color: #666;\n line-height: 1.6;\n }\n\n \/* Usage Instructions *\/\n .usage-instructions {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .usage-time {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n direction: ltr;\n text-align: left;\n }\n\n .morning {\n border-top: 4px solid #ffc107;\n }\n\n .evening {\n border-top: 4px solid #6f42c1;\n }\n\n .sensitive {\n border-top: 4px solid #dc3545;\n }\n\n .usage-time h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n\n .usage-steps {\n padding-right: 1rem;\n }\n\n .usage-steps li {\n margin-bottom: 1rem;\n line-height: 1.6;\n color: #555;\n }\n\n \/* Ingredients List *\/\n .ingredients-list-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.1); \n opacity: 0.8; \n }\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .problem-container {\n grid-template-columns: 1fr;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-card {\n grid-template-columns: 1fr;\n }\n\n .supporting-grid {\n grid-template-columns: 1fr;\n }\n\n .unique-section {\n grid-template-columns: 1fr;\n }\n\n .usage-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 0.9rem;\n }\n\n .science-subtitle {\n font-size: 1.4rem;\n }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('supporting-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n\n if (entry.target.classList.contains('unique-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe supporting items\n document.querySelectorAll('.supporting-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe unique features\n document.querySelectorAll('.unique-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add stagger animation for problem list items\n const problemItems = document.querySelectorAll('.problem-list li');\n problemItems.forEach((item, index) =\u003e {\n item.style.opacity = '0';\n item.style.transform = 'translateX(50px)';\n item.style.transition = 'all 0.8s ease';\n \n setTimeout(() =\u003e {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 500 + (index * 200));\n });\n\n \/\/ Add hover effects to usage time cards\n document.querySelectorAll('.usage-time').forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n card.style.transform = 'translateY(-5px) scale(1.02)';\n card.style.transition = 'all 0.3s ease';\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = 'translateY(0) scale(1)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748510331077,"sku":null,"price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_a6c32d2e-456b-45c9-bd2d-dd33566ec2f3.jpg?v=1748104597"},{"product_id":"see-lit-elixir-argerline-q10-مضاد-للتجاعيد-باسط-لعضلات-الوجه","title":"ELISIR VISTA Argerline, Q10 Anti-Falten - entspannend für die Gesichtsmuskeln","description":"\u003cstyle\u003e#sl3{--bg:#08070a;--bg2:#15121a;--m:#d4af37;--m2:#f0dc9a;--bd:rgba(212,175,55,.3);--tint:rgba(212,175,55,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl3 *{box-sizing:border-box}#sl3 .sec{padding:52px 0}#sl3 .a{background:var(--bg)}#sl3 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl3 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl3 .c{text-align:center}#sl3 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl3 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl3 .hl{color:var(--m)}#sl3 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl3 h2.cc{border:0;padding:0;text-align:center}#sl3 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl3 p{margin:0 0 12px;color:#e6e0d6}#sl3 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl3 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl3 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl3 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl3 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl3 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl3 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl3 .card p{margin:0;font-size:16px;color:#fff}#sl3 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl3 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl3 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl3 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl3 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl3 .steps p{margin:0;font-size:15px;color:#fff}#sl3 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl3 .tl div{margin-bottom:14px;color:#e6e0d6}#sl3 .tl b{display:block;color:#fff;font-size:18px}#sl3 ul.ck{list-style:none;padding:0;margin:10px 0}#sl3 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl3 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl3 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl3 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl3 summary{cursor:pointer;font-weight:800}#sl3 details p{margin:10px 0 0}#sl3 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl3 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl3 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl3 .cta2 h2{border:0;padding:0;justify-content:center}#sl3 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl3 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl3 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl3 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl3 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl3 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl3 .sec{padding:36px 0}#sl3 .wrap{padding:0 14px}#sl3 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl3 .card{padding:14px 10px}#sl3 .card p{font-size:13.5px;line-height:1.5}#sl3 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl3 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl3\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSerum gegen Linien und Falten\u003c\/div\u003e\n\u003ch1\u003eDie Linien in deinem Gesicht werden mit der Zeit deutlicher? \u003cbdi\u003eSee-Lit Elixir\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003ePeptid Argirelin mit Coenzym Q10\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eDas Serum sammelt \u003cspan class=\"k\"\u003eArgireline (Acetyl Hexapeptide-8)\u003c\/span\u003e Mit \u003cspan class=\"k\"\u003eCoenzyme Q10\u003c\/span\u003e Eine Routine, die das Aussehen von glatterer und straffer Haut bei feinen Linien unterstützt, laut Marke.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eArgireline\u003c\/span\u003e\u003cspan\u003eCoenzyme Q10\u003c\/span\u003e\u003cspan\u003eFür Gesicht und Hals\u003c\/span\u003e\u003cspan\u003eTägliche Routine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eDies ist das originale Elixir-Serum, und seine Formel \u003cspan class=\"k\"\u003ePeptid + Q10\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"See-Lit Serum Elixier Argireline und Q10\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelitelexirargerlineq10serum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eDie Bereiche, die dieses Serum behandelt\u003c\/h2\u003e\n\u003cp\u003eOhne leere Versprechen, das sind die Bereiche, auf die die Formel laut Marke wirkt:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eVorderseite\u003c\/h3\u003e\n\u003cp\u003eUnterstützt das Aussehen \u003cspan class=\"k\"\u003eStirnlinien\u003c\/span\u003e Das weichste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eUm das Auge\u003c\/h3\u003e\n\u003cp\u003eUnterstützt das Aussehen \u003cspan class=\"k\"\u003eFeine Linien\u003c\/span\u003e Um das Auge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eNase und Mund\u003c\/h3\u003e\n\u003cp\u003eUnterstützt das Aussehen \u003cspan class=\"k\"\u003eLinien um den Mund\u003c\/span\u003e Und die Nase.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eHals und Kinn\u003c\/h3\u003e\n\u003cp\u003eUnterstützt das Aussehen \u003cspan class=\"k\"\u003eFlexibilität\u003c\/span\u003e Die Haut in diesem Bereich.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eWas ist in der Flasche?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eArgireline (Acetyl Hexapeptide-8)\u003c\/h3\u003e\n\u003cp\u003eEin bekanntes Peptid in Produkten \u003cspan class=\"k\"\u003eAusdruckszeichen\u003c\/span\u003eUnterstützt das Aussehen glatterer Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eCoenzyme Q10\u003c\/h3\u003e\n\u003cp\u003eAntioxidativer Schutz \u003cspan class=\"k\"\u003eVitalität\u003c\/span\u003e Haut und ihr Aussehen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eWas wirst du sehen und wann? Ehrlich gesagt\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eIn den ersten\u003c\/b\u003eGlattere Textur und ein Gefühl von genährter Haut.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eNach wie vielen Wochen?\u003c\/b\u003eDu könntest bemerken \u003cspan class=\"k\"\u003eWeniger sichtbare Linien\u003c\/span\u003e Bei regelmäßiger Anwendung variiert es von Person zu Person.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eUnd fortfahren\u003c\/b\u003eDas Ergebnis hängt ab von\u003cspan class=\"k\"\u003eRegelmäßigkeit\u003c\/span\u003e Und die Tiefe der Linien an erster Stelle. Dies ist kein Ersatz für irgendeinen medizinischen Eingriff.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eDieses Serum könnte für dich geeignet sein\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eIch verstehe \u003cspan class=\"k\"\u003eLinien auf der Stirn oder um die Augen\u003c\/span\u003e Btban.\u003c\/li\u003e\n\u003cli\u003eIch möchte eine Routine \u003cspan class=\"k\"\u003eEinfach\u003c\/span\u003e Anstatt vieler Schritte.\u003c\/li\u003e\n\u003cli\u003eEinschalten \u003cspan class=\"k\"\u003ePeptide\u003c\/span\u003e In deiner Pflegeroutine.\u003c\/li\u003e\n\u003cli\u003eBereit, es zu benutzen? \u003cspan class=\"k\"\u003eStändig\u003c\/span\u003e Wie viele Wochen?\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eWie man verwendet.. einfach\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eBefolgen Sie die Anweisungen auf der Verpackung, und die allgemeinen Schritte sind wie folgt:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eSauber und trocken\u003c\/h4\u003e\n\u003cp\u003eWasche und trockne das Haar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003eWie viele Punkte?\u003c\/h4\u003e\n\u003cp\u003eAblegen \u003cspan class=\"k\"\u003eWie viele Punkte?\u003c\/span\u003e Auf die geforderten Bereiche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eLeicht auftragen\u003c\/h4\u003e\n\u003cp\u003eMit den Fingerspitzen bis zur vollständigen Aufnahme verteilen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eMit Feuchtigkeitscreme kombinieren\u003c\/h4\u003e\n\u003cp\u003eIn der Nähe mit Feuchtigkeitsspender, tagsüber \u003cspan class=\"k\"\u003eSonnencreme\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eVor der ersten Anwendung lesen\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eNur zur äußeren Anwendung.\u003c\/li\u003e\n\u003cli\u003eProbiere eine kleine Menge auf einem ersten Teil der Haut aus und stelle sicher, dass es nicht reizt.\u003c\/li\u003e\n\u003cli\u003eVon den Augen fernhalten, und falls es in die Augen gelangt, mit reichlich Wasser spülen.\u003c\/li\u003e\n\u003cli\u003eWenn du schwanger bist oder stillst, konsultiere vor der Anwendung einen Arzt.\u003c\/li\u003e\n\u003cli\u003eWenn starkes Brennen oder Rötung auftritt, setze die Anwendung aus.\u003c\/li\u003e\n\u003cli\u003eDies ist ein Produkt für die Hautpflege, das keine medizinische Behandlung ist und Botox oder irgendein medizinisches Verfahren nicht ersetzt.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eFragen vor der Bestellung\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eEs ist nützlich um die Augen?\u003c\/summary\u003e\u003cp\u003eDie Formel zielt auf den Bereich um das Auge, je nach Marke \u003cspan class=\"k\"\u003eVon den Augen fernhalten\u003c\/span\u003e Und die Anweisungen auf der Verpackung befolgen.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eEs ist eine Alternative zu Botox?\u003c\/summary\u003e\u003cp\u003enein. Dies \u003cspan class=\"k\"\u003eHautpflegeprodukt\u003c\/span\u003e Sein Ergebnis ist völlig anders als bei medizinischen Behandlungen.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eWelches Ergebnis werde ich danach sehen?\u003c\/summary\u003e\u003cp\u003eEs braucht \u003cspan class=\"k\"\u003eRegelmäßigkeit und Geduld\u003c\/span\u003e Varriert von Person zu Person.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eDas Produkt ist original?\u003c\/summary\u003e\u003cp\u003eJa \u003cspan class=\"k\"\u003eOriginalprodukt\u003c\/span\u003e Sie erhalten die Zahlung bei Lieferung.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eBeginne deine Peel-Routine mit einer bekannten Formel\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eDrücken \u003cspan class=\"k\"\u003eZum Warenkorb hinzufügen\u003c\/span\u003e Und die Bezahlung \u003cspan class=\"k\"\u003eAm Empfang\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eArgireline\u003c\/div\u003e\n\u003cdiv\u003eCoenzyme Q10\u003c\/div\u003e\n\u003cdiv\u003eFür Gesicht und Hals\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003eBestelle jetzt das Serum\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eLieferung überall\u003c\/span\u003e\u003cspan\u003eOriginalprodukt\u003c\/span\u003e\u003cspan\u003eBarzahlung bei Lieferung \/ Nachnahme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Argireline (Acetyl Hexapeptide-8), Coenzyme Q10 (Ubiquinone). Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44749176438981,"sku":"","price":399.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelitelexirargerlineq10serum.webp?v=1748130941"},{"product_id":"see-lit-niacinamide-zinc-gluconate-serum","title":"See-lit Niacinamide + Zinc gluconate Serum","description":"\u003cstyle\u003e#sl4{--bg:#05090700;--bg:#060a07;--bg2:#0d1810;--m:#6fe3a5;--m2:#bff5d9;--bd:rgba(111,227,165,.3);--tint:rgba(111,227,165,.12);border-radius:28px;background:var(--bg);color:#fff;font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.85;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#sl4 *{box-sizing:border-box}#sl4 .sec{padding:52px 0}#sl4 .a{background:var(--bg)}#sl4 .b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-block:1px solid var(--bd)}#sl4 .wrap{max-width:900px;margin:auto;padding:0 20px}#sl4 .c{text-align:center}#sl4 .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--m2);color:var(--m2);font-weight:700;font-size:14px;margin-bottom:20px;background:var(--tint)}#sl4 h1{font-size:clamp(27px,5vw,40px);line-height:1.4;font-weight:900;margin:0 0 18px}#sl4 .hl{color:var(--m)}#sl4 h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;border-inline-start:6px solid var(--m);padding-inline-start:14px}#sl4 h2.cc{border:0;padding:0;text-align:center}#sl4 h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--m)}#sl4 p{margin:0 0 12px;color:#dfeae3}#sl4 .lead{max-width:760px;margin:0 auto 26px;font-size:18px}#sl4 .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#sl4 .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px}#sl4 img.ph{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:20px;margin:0 auto;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.8)}#sl4 .hero{background:radial-gradient(circle at 50% 0,var(--tint),transparent 60%),var(--bg);text-align:center;padding-top:58px}#sl4 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#sl4 .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#sl4 .card p{margin:0;font-size:16px;color:#fff}#sl4 .glass{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#sl4 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#sl4 .steps div{background:rgba(255,255,255,.045);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#sl4 .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--m);align-items:center;justify-content:center;font-size:20px}#sl4 .steps h4{margin:0 0 4px;color:var(--m);font-size:18px}#sl4 .steps p{margin:0;font-size:15px;color:#fff}#sl4 .tl{border-inline-start:2px solid var(--m);padding-inline-start:20px;margin:16px 0 0}#sl4 .tl div{margin-bottom:14px;color:#dfeae3}#sl4 .tl b{display:block;color:#fff;font-size:18px}#sl4 ul.ck{list-style:none;padding:0;margin:10px 0}#sl4 ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#sl4 ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--m)}#sl4 .warn{border:1px solid var(--m);border-radius:20px;padding:26px;background:var(--tint)}#sl4 details{background:rgba(255,255,255,.045);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#sl4 summary{cursor:pointer;font-weight:800}#sl4 details p{margin:10px 0 0}#sl4 .k{color:var(--m2);font-weight:800;background:linear-gradient(transparent 62%,var(--tint) 62%);padding:0 3px}#sl4 .pcap{max-width:600px;margin:28px auto 14px;text-align:center;font-size:17.5px;font-weight:800;color:#fff}#sl4 .cta2{border:2px solid var(--m);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,var(--tint),transparent 70%),var(--bg)}#sl4 .cta2 h2{border:0;padding:0;justify-content:center}#sl4 .why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0 8px}#sl4 .why div{padding:14px 12px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045);font-weight:700}#sl4 .big{display:inline-block;margin-top:20px;padding:14px 36px;border-radius:40px;background:var(--m);color:#000;font-weight:900;font-size:20px}#sl4 .trust2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#sl4 .trust2 span{border:1.5px solid var(--m);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:900}#sl4 .inci{direction:ltr;text-align:left;font-size:13px;color:#ddd;background:rgba(0,0,0,.6);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:26px}@media(max-width:768px){#sl4 .sec{padding:36px 0}#sl4 .wrap{padding:0 14px}#sl4 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl4 .card{padding:14px 10px}#sl4 .card p{font-size:13.5px;line-height:1.5}#sl4 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sl4 .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"sl4\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eSerum für fettige und Mischhaut 30 ml\u003c\/div\u003e\n\u003ch1\u003ePoren und Pickel glänzen? \u003cbdi\u003eSee-Lit Niacinamide + Zinc\u003c\/bdi\u003e \u003cspan class=\"hl\"\u003eSerum zur Ausbalancierung fettiger Haut\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eFlasche \u003cspan class=\"k\"\u003e30 ml\u003c\/span\u003e Sammeln \u003cspan class=\"k\"\u003eNiacinamid\u003c\/span\u003e Mit \u003cspan class=\"k\"\u003eZinkgluconat\u003c\/span\u003e Eine Routine, die das Gleichgewicht der Talgproduktion und das Aussehen von Poren und zu Akne neigender Haut unterstützt, laut Marke.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e30 ml\u003c\/span\u003e\u003cspan\u003eNiacinamide\u003c\/span\u003e\u003cspan\u003eZinc Gluconate\u003c\/span\u003e\u003cspan\u003eFür fettige und Mischhaut\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"pcap\"\u003eDies ist das originale Serum, und seine Formel \u003cspan class=\"k\"\u003eNiacinamid + Zink\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg alt=\"See-Lit Serum Niacinamid Zinkgluconat 30 ml\" class=\"ph\" height=\"700\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelit-advancedniacinamidezincgluconateserum.webp\" width=\"700\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003e5 Dinge, auf die dieses Serum wirkt\u003c\/h2\u003e\n\u003cp\u003eOhne leere Versprechen, das ist, wofür die Formel laut Marke entwickelt wurde:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eErhöhte Strahlkraft\u003c\/h3\u003e\n\u003cp\u003eUnterstützt \u003cspan class=\"k\"\u003eFettbalance\u003c\/span\u003e Bei fettiger und Mischhaut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003ePoren\u003c\/h3\u003e\n\u003cp\u003eUnterstützt das Aussehen \u003cspan class=\"k\"\u003eGlattere Poren\u003c\/span\u003e Und eine sauberere Textur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eGetreide\u003c\/h3\u003e\n\u003cp\u003eHilft bei der Hautpflege. \u003cspan class=\"k\"\u003eMit Pickeln konfrontiert\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eRötung\u003c\/h3\u003e\n\u003cp\u003eUnterstützt \u003cspan class=\"k\"\u003eBeruhigt\u003c\/span\u003e Haut, die zu Reizungen neigt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eHautfarbe\u003c\/h3\u003e\n\u003cp\u003eUnterstützt \u003cspan class=\"k\"\u003eVereinheitlichung\u003c\/span\u003e L'aspetto delle cicatrici da brufolo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eWas ist in der Flasche?\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eNiacinamid (Vitamin B3))\u003c\/h3\u003e\n\u003cp\u003eBekanntermaßen unterstützter Bestandteil \u003cspan class=\"k\"\u003eHautgleichgewicht\u003c\/span\u003e Und beruhigt das Aussehen der Poren.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eZinc Gluconate\u003c\/h3\u003e\n\u003cp\u003eForm von Zinkpräparaten \u003cspan class=\"k\"\u003eFettkontrolle\u003c\/span\u003e Und Getreideroutinen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:14px\"\u003eJe nach Marke, Zusammensetzung \u003cspan class=\"k\"\u003eOhne Duft\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eWas wirst du sehen und wann? Ehrlich gesagt\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eIn den ersten\u003c\/b\u003eEine leichtere Textur, die wahrnehmbar ist \u003cspan class=\"k\"\u003eWeniger Glanz\u003c\/span\u003e Während der ersten Wochen.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eNach wie vielen Wochen?\u003c\/b\u003eKönnte sich verbessern \u003cspan class=\"k\"\u003eL'aspetto dei pori\u003c\/span\u003e Die Hauttextur variiert von Person zu Person.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eUnd fortfahren\u003c\/b\u003eL'equilibrio è necessario \u003cspan class=\"k\"\u003eRegelmäßigkeit und Geduld\u003c\/span\u003ePickel haben unterschiedliche Ursachen und du könntest einen Hautarzt brauchen.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eDieses Serum könnte für dich geeignet sein\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eDeine Haut \u003cspan class=\"k\"\u003eFettige oder Mischhaut\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003ePoren \u003cspan class=\"k\"\u003ePhänomen\u003c\/span\u003e Und es stört dich.\u003c\/li\u003e\n\u003cli\u003eEinschalten \u003cspan class=\"k\"\u003eNiacinamid und Zink\u003c\/span\u003e In einer Routine.\u003c\/li\u003e\n\u003cli\u003eEine Kombination bevorzugen \u003cspan class=\"k\"\u003eOhne Duft\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eWie man verwendet.. einfach\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eBefolgen Sie die Anweisungen auf der Verpackung, und die allgemeinen Schritte sind wie folgt:\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eSauber und trocken\u003c\/h4\u003e\n\u003cp\u003eWasche dein Gesicht mit einem sanften Reinigungsmittel und trockne es.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003e2 für 3 Punkte\u003c\/h4\u003e\n\u003cp\u003eAblegen \u003cspan class=\"k\"\u003e2 für 3 Punkte\u003c\/span\u003e Auf Gesicht.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eSanft einmassieren\u003c\/h4\u003e\n\u003cp\u003eMit leichten kreisenden Bewegungen verteilen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eBeginne allmählich\u003c\/h4\u003e\n\u003cp\u003eBeginnt \u003cspan class=\"k\"\u003eEinmal pro Nacht\u003c\/span\u003eNach zwei Wochen kann es zweimal verabreicht werden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eVor der ersten Anwendung lesen\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eNur zur äußeren Anwendung.\u003c\/li\u003e\n\u003cli\u003eProbiere eine kleine Menge auf einem ersten Teil der Haut aus und stelle sicher, dass es nicht reizt.\u003c\/li\u003e\n\u003cli\u003eZuerst vermeiden Sie es, es gleichzeitig mit starken Peelings oder Retinoiden zu verwenden.\u003c\/li\u003e\n\u003cli\u003eDurante il giorno, utilizzare la protezione solare.\u003c\/li\u003e\n\u003cli\u003eVon den Augen fernhalten, und falls es in die Augen gelangt, mit reichlich Wasser spülen.\u003c\/li\u003e\n\u003cli\u003eWenn starkes Brennen oder Rötung auftritt, setze die Anwendung aus.\u003c\/li\u003e\n\u003cli\u003eDies ist ein Produkt für die Hautpflege, keine medizinische Behandlung gegen Akne. Bei schwerer Akne einen Dermatologen aufsuchen.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eFragen vor der Bestellung\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eWie viele ml sind in der Flasche?\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e30 ml\u003c\/span\u003e.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eEs ist gut für empfindliche Haut?\u003c\/summary\u003e\u003cp\u003eProbieren Sie zuerst eine kleine Menge und beginnen Sie \u003cspan class=\"k\"\u003eAllmählich\u003c\/span\u003e. Wenn Ihre Haut sehr empfindlich ist, konsultieren Sie einen Dermatologen.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eWie oft benutze ich es?\u003c\/summary\u003e\u003cp\u003eBeginnt \u003cspan class=\"k\"\u003eEinmal pro Nacht\u003c\/span\u003eNach zwei Wochen können Sie es auf zweimal täglich erhöhen, wenn Ihre Haut es verträgt.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eDas Produkt ist original?\u003c\/summary\u003e\u003cp\u003eJa \u003cspan class=\"k\"\u003eOriginalprodukt\u003c\/span\u003e Sie erhalten die Zahlung bei Lieferung.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta2\"\u003e\n\u003ch2\u003eBeginne deine Routine für fettige Haut auf einfachere Weise\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eDrücken \u003cspan class=\"k\"\u003eZum Warenkorb hinzufügen\u003c\/span\u003e Und die Bezahlung \u003cspan class=\"k\"\u003eAm Empfang\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv\u003eNiacinamide\u003c\/div\u003e\n\u003cdiv\u003eZinc Gluconate\u003c\/div\u003e\n\u003cdiv\u003e30 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"big\"\u003eBestelle jetzt das Serum\u003c\/div\u003e\n\u003cdiv class=\"trust2\"\u003e\n\u003cspan\u003eLieferung überall\u003c\/span\u003e\u003cspan\u003eOriginalprodukt\u003c\/span\u003e\u003cspan\u003eBarzahlung bei Lieferung \/ Nachnahme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Niacinamide (Vitamin B3), Zinc Gluconate. 30 ml. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":44757913895109,"sku":"","price":230.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/seelit-advancedniacinamidezincgluconateserum.webp?v=1748445559"},{"product_id":"madagascar-centella-probio-cica-intensive-ampoule","title":"SKIN1004 Centella Madagascar Probiotic Cica Intensive Ampulle\/Serum Probiotisch 95ml","description":"\u003cstyle\u003e\n .skin1004-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n direction: ltr;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 8s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n .hero-image {\n max-width: 500px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n margin-bottom: 40px;\n opacity: 0;\n transform: scale(0.9);\n animation: zoomIn 1.2s 0.3s forwards;\n }\n\n @keyframes zoomIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .main-title {\n font-size: 2.8em;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.2s forwards;\n }\n\n .subtitle {\n font-size: 1.6em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n }\n\n .hero-description {\n font-size: 1.3em;\n color: #555;\n max-width: 900px;\n margin: 0 auto;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.6s forwards;\n line-height: 1.8;\n }\n\n .magic-intro {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n }\n\n .magic-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .magic-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .main-benefits-section {\n padding: 60px 30px;\n background: white;\n }\n\n .benefits-intro {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .benefit-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #9C8102;\n }\n\n .benefit-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: center;\n }\n\n .technology-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .tech-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .tech-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .tech-info {\n background: white;\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .tech-info::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .tech-feature {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .ingredient-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n }\n\n .ingredient-list li {\n padding: 8px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 25px;\n }\n\n .ingredient-list li::before {\n content: '🧬';\n position: absolute;\n right: 0;\n top: 8px;\n }\n\n .transformation-section {\n padding: 60px 30px;\n background: white;\n }\n\n .transformation-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .transformation-phase {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n padding: 35px;\n border-radius: 20px;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.4s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .transformation-phase:hover {\n border-color: #9C8102;\n transform: translateY(-8px);\n }\n\n .phase-icon {\n font-size: 3.5em;\n margin-bottom: 20px;\n display: block;\n }\n\n .phase-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n }\n\n .phase-benefits {\n text-align: left;\n }\n\n .phase-benefits p {\n margin: 10px 0;\n color: #666;\n font-weight: 600;\n }\n\n .skin-types-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .skin-types-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .skin-type-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .skin-type-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .skin-type-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .skin-type-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .texture-section {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n }\n\n .texture-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .texture-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .texture-feature:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .texture-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n text-align: center;\n }\n\n .science-section {\n padding: 60px 30px;\n background: white;\n }\n\n .science-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .science-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .science-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .science-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n\n .stat-card {\n background: white;\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n }\n\n .stat-number {\n font-size: 2.2em;\n font-weight: 700;\n color: #9C8102;\n display: block;\n margin-bottom: 5px;\n }\n\n .stat-label {\n color: #666;\n font-size: 0.9em;\n }\n\n .usage-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .usage-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .usage-time {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .usage-steps {\n list-style: none;\n padding: 0;\n }\n\n .usage-steps li {\n padding: 10px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 30px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n right: 0;\n top: 10px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n text-align: center;\n line-height: 20px;\n font-size: 0.8em;\n font-weight: 700;\n }\n\n .why-section {\n padding: 60px 30px;\n background: white;\n }\n\n .why-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .why-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.3s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .why-feature::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .why-feature:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n border-color: #9C8102;\n }\n\n .why-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .why-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n color: white;\n padding: 80px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_11.jpg?v=1749656535') center\/cover;\n opacity: 0.1;\n z-index: 0;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n }\n\n .cta-image {\n max-width: 300px;\n width: 100%;\n border-radius: 20px;\n margin-bottom: 30px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n\n .cta-button {\n background: #9C8102;\n color: white;\n padding: 18px 45px;\n border: none;\n border-radius: 50px;\n font-size: 1.3em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 30px;\n animation: glow 2s infinite alternate;\n }\n\n @keyframes glow {\n 0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n 100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n background: #d4af37;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.4em;\n color: #9C8102;\n margin-bottom: 20px;\n position: relative;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.4em;\n color: #666;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n border-radius: 2px;\n animation: expandLine 1s ease-out forwards;\n }\n\n @keyframes expandLine {\n 0% { width: 0; }\n 100% { width: 100px; }\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease;\n }\n\n .animate-on-scroll.animated {\n opacity: 1;\n transform: translateY(0);\n }\n\n .highlight {\n color: #9C8102;\n font-weight: 700;\n }\n\n .divider {\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n margin: 50px 0;\n opacity: 0;\n animation: fadeIn 1s forwards;\n border-radius: 2px;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @media (max-width: 768px) {\n .main-title { font-size: 2.2em; }\n .section-title { font-size: 2em; }\n .benefits-grid, .transformation-grid, .skin-types-grid, .texture-features, .science-stats, .usage-grid, .why-features {\n grid-template-columns: 1fr;\n }\n .tech-content, .science-content {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"skin1004-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"Skin 1004 Madagascar Centella Probio Cica Intensive Ampoule\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_3.webp?v=1749656251\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eMadagascar Magic Gebraut in goldenen Tropfen - 95ml\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Magic Introduction --\u003e\n\u003cdiv class=\"magic-intro\"\u003e\n\u003ch2\u003eWenn das Wunder der Natur auf das Genie der Wissenschaft trifft\u003c\/h2\u003e\n\u003cp\u003eStellen Sie sich vor, dass der reinste Wassernabel aus der unberührten Insel Madagaskar einem magischen Fermentationsprozess mit Probiotika unterzogen wird, um zu bleiben... \u003cstrong class=\"highlight\"\u003e10 Mal stärker\u003c\/strong\u003e Von seinem natürlichen Aussehen her... genau das wirst du in jedem Tropfen dieses seltenen Fläschchens finden!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"main-benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eHauptanwendungen\u003c\/h2\u003e\n\u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eEine vielseitige Formel, die jedes Problem deiner Haut angeht\u003c\/strong\u003e\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eSofortige und tiefenwirksame Linderung\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa centella fermentata con probiotici calma qualsiasi infiammazione o arrossamento in pochi secondi e lascia la pelle confortevole e rassicurata.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eDeutlich verfeinerte Poren\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa formula avanzata restringe i pori e li fa apparire più piccoli e lisci, il che dona alla pelle la texture setosa dei tuoi sogni.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eTiefenfeuchtigkeit, die den ganzen Tag anhält\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eCeramide und natürliche Säuren halten die Feuchtigkeit in der Haut und verhindern Trockenheit, auch bei schlechtem Wetter oder empfindlicher Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eDie natürliche Barriere der Haut stärken\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eProbiotika stärken die Abwehrkräfte deiner Haut und machen sie weniger empfindlich und widerstandsfähiger gegenüber äußeren Einflüssen wie Umweltverschmutzung und Sonne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eNatürliche Helligkeit\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDas Endergebnis ist eine strahlende und frische Haut, die dir auch ohne Make-up Selbstvertrauen verleiht.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eFortschrittliche Fermentationstechnologie: Revolutionierung der Wissenschaft der Hautpflege\u003c\/h2\u003e\n\u003cdiv class=\"tech-content\"\u003e\n\u003cimg alt=\"Advanced Fermentation Technology\" class=\"tech-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_2.webp?v=1749656297\"\/\u003e\n\u003cdiv class=\"tech-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.6em; margin-bottom: 20px;\"\u003eWas macht diese Ampulle völlig anders:\u003c\/h3\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eFermentierte Centella mit Probiotika\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eKleinere Moleküle dringen in tiefere Hautschichten ein\u003c\/li\u003e\n\u003cli\u003eDoppelte Wirksamkeit beim Beruhigen und Reparieren\u003c\/li\u003e\n\u003cli\u003eAußergewöhnliche Fähigkeit, die natürliche Hautschutzbarriere zu stärken\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eExklusive TECA-Formel\u003c\/h4\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003eEine Kombination aus 4 natürlichen aktiven Säuren:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassosäure\u003c\/strong\u003e: Repariert tiefe Schäden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatocoside\u003c\/strong\u003e: Erneuert die Zellen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatische Säure\u003c\/strong\u003e: Entzündungen beruhigen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassosid\u003c\/strong\u003e: Für antioxidativen Schutz\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eHochwertige Ceramide NP\u003c\/h4\u003e\n\u003cp\u003eDas goldene Verhältnis beträgt 3:1:1 (Ceramide:Phytosterole:Fettsäuren), um die Feuchtigkeit zu speichern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Section --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eEine transformative Reise von der ersten Anwendung an\u003c\/h2\u003e\n\u003cdiv class=\"transformation-grid\"\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eVom ersten Moment:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eSofortige Tiefenpflege\u003c\/strong\u003e Dringt tief in die Haut ein\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNatürliche seidige Ausstrahlung\u003c\/strong\u003e Ohne Klebrigkeit oder Schwere\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSofortige Beruhigung\u003c\/strong\u003e Bei Rötungen und Reizungen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e📈\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eNach einer Woche Anwendung:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eSichtbare Verringerung von Poren\u003c\/strong\u003e erweitert\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStarke Barriere\u003c\/strong\u003e Schützt vor äußeren Faktoren\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWiderstandsfähigere Haut\u003c\/strong\u003e Und weniger empfindlich\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e👑\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eEndergebnis:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eHaut wie Seide\u003c\/strong\u003e - Weich, strahlend, gesund\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEin erneuertes und jugendliches Aussehen\u003c\/strong\u003e Makellos\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSicherer Blick\u003c\/strong\u003e Es spricht für sich selbst\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"skin-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eGeeignet für diejenigen, die?\u003c\/h2\u003e\n\u003cdiv class=\"skin-types-grid\"\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003eTrockene Haut\u003c\/h3\u003e\n\u003cp\u003eL'idratazione profonda rivitalizza le cellule assetate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003eNormale Haut\u003c\/h3\u003e\n\u003cp\u003eSchützt und pflegt, um das perfekte Gleichgewicht zu erhalten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🔄\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003eMischhaut\u003c\/h3\u003e\n\u003cp\u003eNatürliche Sebumregulierung mit optimaler Feuchtigkeit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003eEmpfindliche Haut\u003c\/h3\u003e\n\u003cp\u003eSanfte Beruhigung ohne Irritationen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Texture Section --\u003e\n\u003cdiv class=\"texture-section\"\u003e\n\u003ch2 style=\"font-size: 2em; color: #9C8102; margin-bottom: 20px;\"\u003eDie Traumtextur\u003c\/h2\u003e\n\u003cdiv class=\"texture-features\"\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e🥛\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eLuxuriöse milchige Textur\u003c\/h3\u003e\n\u003cp\u003eGleitet wie Seide über die Haut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eSchnelle Aufnahme\u003c\/h3\u003e\n\u003cp\u003eOhne Rückstände oder Klebrigkeit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eSamtiges Finish\u003c\/h3\u003e\n\u003cp\u003eLass deine Haut von innen nach außen strahlen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eDie Wissenschaft hinter der Magie\u003c\/h2\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cimg alt=\"Science Behind the Magic\" class=\"science-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_jpg.webp?v=1749656443\"\/\u003e\n\u003cdiv class=\"science-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eFortschrittliche Fermentationstechnologie:\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eProbiotika verwandeln die großen Moleküle von Centella in kleine und hoch durchlässige Moleküle, wodurch ihre Fähigkeit verdoppelt wird:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eRepariert Schäden auf zellulärer Ebene\u003c\/li\u003e\n\u003cli\u003eRegt die natürliche Produktion von Kollagen an\u003c\/li\u003e\n\u003cli\u003eDen gesunden Hautmikrobiom stärken\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eWissenschaftliche Evidenz:\u003c\/h4\u003e\n\u003cdiv class=\"science-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eSofortige Verbesserung der Geschmeidigkeit der Haut\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e90%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eVerbesserung des Feuchtigkeitsniveaus\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e88%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eVerringerung der Porengröße\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eWie man es verwendet, um die besten Ergebnisse zu erzielen\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003eMorgens ☀️\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eNach dem Tonikum, 2-3 Tropfen auf das saubere Gesicht auftragen\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eMit sanften kreisenden Bewegungen massieren, bis es vollständig eingezogen ist\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eMit Feuchtigkeitscreme und Sonnenschutz fortfahren\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003eNachts 🌙\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eVerwenden Sie dieselbe Methode, nachdem Sie die Haut gereinigt haben\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eDu kannst es als doppelte Schicht für zusätzliche Feuchtigkeit verwenden\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eLass die Haut von der regenerierenden Kraft der Nacht profitieren\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Skin 1004 Section --\u003e\n\u003cdiv class=\"why-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eWarum Skin 1004 die perfekte Wahl ist?\u003c\/h2\u003e\n\u003cdiv class=\"why-features\"\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🌱\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003e100% natürliche Zutat\u003c\/h3\u003e\n\u003cp\u003eVon der Jungfrau Madagaskar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eFortschrittliche koreanische Technologie\u003c\/h3\u003e\n\u003cp\u003eWissenschaftlich unterstützt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🐰\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eIch experimentiere nicht an Tieren\u003c\/h3\u003e\n\u003cp\u003eEthisches und sicheres Produkt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🚫\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eFrei von schädlichen Substanzen\u003c\/h3\u003e\n\u003cp\u003eOhne Parabene oder Sulfate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e♻️\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eÖkologisch\u003c\/h3\u003e\n\u003cp\u003eRecycelbare Verpackung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003cimg alt=\"Skin 1004 Investment\" class=\"cta-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_1.webp?v=1749656297\"\/\u003e\n\u003ch2 class=\"animate-on-scroll\"\u003eEine Investition in deine Schönheit... und in dein Selbstbewusstsein\u003c\/h2\u003e\n\u003ch3 class=\"animate-on-scroll\" style=\"color: white; font-size: 1.4em; margin: 20px 0;\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h3\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin: 25px 0;\"\u003eNicht nur ein Pflegeprodukt... dies \u003cstrong style=\"color: #9C8102;\"\u003eEin Versprechen der Verwandlung\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"animate-on-scroll\" style=\"margin: 30px 0;\"\u003e\n\u003cp style=\"font-size: 1.3em; color: #d4af37;\"\u003e\u003cstrong\u003e95ml pure Magie\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eEine intensive Dosis madagassischer Schönheit\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eDein Weg zur Haut deiner Träume\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eJetzt bestellen und die Verwandlung genießen\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate benefits cards\n const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.benefit-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate transformation phases\n const transformationObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const phases = entry.target.querySelectorAll('.transformation-phase');\n phases.forEach((phase, index) =\u003e {\n setTimeout(() =\u003e {\n phase.style.opacity = '1';\n phase.style.transform = 'translateY(0)';\n }, index * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.transformation-section').forEach(section =\u003e {\n transformationObserver.observe(section);\n });\n\n \/\/ Animate skin type cards\n const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.skin-type-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n skinTypesObserver.observe(section);\n });\n\n \/\/ Animate texture features\n const textureObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const features = entry.target.querySelectorAll('.texture-feature');\n features.forEach((feature, index) =\u003e {\n setTimeout(() =\u003e {\n feature.style.opacity = '1';\n feature.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.texture-section').forEach(section =\u003e {\n textureObserver.observe(section);\n });\n\n \/\/ Animate why features\n const whyObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.why-feature').forEach(feature =\u003e {\n whyObserver.observe(feature);\n });\n\n \/\/ CTA button interaction\n document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n const button = document.querySelector('.cta-button');\n button.style.animation = 'none';\n setTimeout(() =\u003e {\n button.style.animation = 'glow 2s infinite alternate';\n }, 100);\n });\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44812513378501,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004MadagascarCentellaProbioCicaIntensiveAmpoule95ml_1.jpg?v=1749655636"},{"product_id":"derma-ten-caffeine-eye-contour-serum","title":"DERMA TEN Augenbereichsserum mit Koffein + Retinol + HA Serum gegen Augenringe mit Koffein","description":"\u003cdiv class=\"product-description-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .product-description-container {\n direction: ltr;\n text-align: left;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n max-width: 100%;\n margin: 0 auto;\n overflow-x: hidden;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n padding: 40px 30px;\n border-radius: 12px;\n margin-bottom: 30px;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 200px;\n height: 200px;\n background: rgba(156, 129, 2, 0.1);\n border-radius: 50%;\n transform: translate(50%, -50%);\n }\n\n .hero-title {\n color: #9C8102;\n font-size: 2.5em;\n font-weight: bold;\n margin-bottom: 15px;\n position: relative;\n z-index: 2;\n }\n\n .hero-subtitle {\n color: white;\n font-size: 1.2em;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .one-drop-highlight {\n background: #333;\n color: #9C8102;\n padding: 15px 25px;\n border-radius: 25px;\n display: inline-block;\n font-weight: bold;\n margin: 15px 0;\n border: 2px solid #9C8102;\n position: relative;\n z-index: 2;\n }\n\n .question-section {\n background: #f5f5f5;\n padding: 30px;\n border-radius: 10px;\n margin: 30px 0;\n border-right: 5px solid #9C8102;\n opacity: 0;\n animation: fadeIn 1s ease 0.2s forwards;\n }\n\n .question-text {\n font-size: 1.4em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .answer-text {\n font-size: 1.1em;\n color: #333;\n line-height: 1.6;\n }\n\n .technology-section {\n background: white;\n border: 2px solid #9C8102;\n border-radius: 12px;\n padding: 35px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.4s forwards;\n }\n\n .section-title {\n color: #9C8102;\n font-size: 2em;\n font-weight: bold;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.6s forwards;\n }\n\n .ingredient-card {\n background: white;\n border: 2px solid #e0e0e0;\n border-radius: 15px;\n padding: 25px;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .ingredient-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.15);\n }\n\n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: #9C8102;\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.3s ease;\n }\n\n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n\n .ingredient-title {\n color: #9C8102;\n font-size: 1.6em;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .ingredient-subtitle {\n color: #666;\n font-size: 1.1em;\n margin-bottom: 15px;\n font-weight: bold;\n }\n\n .benefits-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n color: #333;\n }\n\n .benefits-list li {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 10px;\n padding: 8px 0;\n color: inherit;\n }\n\n .benefits-list li::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .concentration-highlight {\n background: #9C8102;\n color: white;\n padding: 15px;\n border-radius: 5px;\n margin-top: 15px;\n font-weight: bold;\n text-align: center;\n }\n\n .warning-badge {\n background: #ff6b6b;\n color: white;\n padding: 8px 15px;\n border-radius: 20px;\n font-size: 0.9em;\n font-weight: bold;\n margin-top: 10px;\n display: inline-block;\n }\n\n .timeline-section {\n background: #f5f5f5;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 0.8s forwards;\n color: #333;\n }\n\n .timeline-item {\n margin: 25px 0;\n padding: 20px;\n background: white;\n border-radius: 10px;\n border-right: 5px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .timeline-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .timeline-period {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.3em;\n margin-bottom: 10px;\n }\n\n .trust-section {\n background: #333;\n color: white;\n padding: 35px;\n border-radius: 12px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1s forwards;\n }\n\n .trust-section .section-title {\n color: #9C8102;\n }\n\n .trust-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .trust-item {\n background: rgba(156, 129, 2, 0.1);\n border: 2px solid #9C8102;\n padding: 20px;\n border-radius: 10px;\n transition: all 0.3s ease;\n color: white;\n }\n\n .trust-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.2);\n }\n\n .usage-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.2s forwards;\n }\n\n .usage-section .section-title {\n color: #9C8102;\n }\n\n .one-drop-explanation {\n background: rgba(156, 129, 2, 0.1);\n border: 2px solid #9C8102;\n border-radius: 10px;\n padding: 20px;\n margin: 20px 0;\n text-align: center;\n }\n\n .usage-steps {\n background: #333;\n border-radius: 10px;\n padding: 25px;\n margin: 25px 0;\n }\n\n .step-list {\n list-style: none;\n padding: 0;\n counter-reset: step-counter;\n }\n\n .step-list li {\n counter-increment: step-counter;\n margin: 15px 0;\n padding: 15px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 8px;\n position: relative;\n padding-right: 50px;\n }\n\n .step-list li::before {\n content: counter(step-counter);\n background: #9C8102;\n color: white;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .safety-tips {\n background: rgba(255, 107, 107, 0.1);\n border: 2px solid #ff6b6b;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n }\n\n .safety-tips h4 {\n color: #ff6b6b;\n margin-bottom: 15px;\n }\n\n .safety-list {\n list-style: none;\n padding: 0;\n color: white;\n }\n\n .safety-list li {\n margin: 12px 0;\n padding: 10px 0;\n padding-right: 35px;\n position: relative;\n }\n\n .safety-list li::before {\n content: '⚠️';\n position: absolute;\n right: 0;\n top: 10px;\n font-size: 1.2em;\n }\n\n .warning-section {\n background: #333;\n color: white;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.4s forwards;\n }\n\n .warning-title {\n color: #9C8102;\n font-size: 1.8em;\n font-weight: bold;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .prohibited-section {\n background: rgba(255, 107, 107, 0.1);\n border: 2px solid #ff6b6b;\n border-radius: 10px;\n padding: 20px;\n margin: 20px 0;\n }\n\n .prohibited-section h3 {\n color: #ff6b6b;\n margin-bottom: 15px;\n }\n\n .prohibited-list {\n list-style: none;\n padding: 0;\n color: white;\n }\n\n .prohibited-list li {\n margin: 10px 0;\n padding: 8px 0;\n font-weight: bold;\n }\n\n .prohibited-list li::before {\n content: '🚫';\n margin-left: 10px;\n }\n\n .expectations-section {\n margin: 25px 0;\n }\n\n .expectations-section h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .expectation-item {\n background: rgba(156, 129, 2, 0.1);\n border: 1px solid #9C8102;\n border-radius: 8px;\n padding: 15px;\n margin: 10px 0;\n color: white;\n }\n\n .investment-section {\n background: #f5f5f5;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.6s forwards;\n color: #333;\n }\n\n .investment-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin: 25px 0;\n }\n\n .investment-card {\n background: white;\n border: 2px solid #9C8102;\n border-radius: 12px;\n padding: 25px;\n transition: all 0.3s ease;\n }\n\n .investment-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(156, 129, 2, 0.2);\n }\n\n .investment-card h4 {\n color: #9C8102;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .investment-reasons,\n .value-section {\n margin: 20px 0;\n }\n\n .investment-reasons h3,\n .value-section h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .faq-section {\n background: white;\n border: 2px solid #9C8102;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.8s forwards;\n }\n\n .faq-item {\n margin: 20px 0;\n padding: 15px;\n background: #f8f8f8;\n border-radius: 8px;\n border-right: 4px solid #9C8102;\n }\n\n .faq-question {\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 8px;\n }\n\n .faq-answer {\n color: #333;\n }\n\n .ingredients-section {\n background: #f5f5f5;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 2s forwards;\n color: #333;\n }\n\n .active-ingredients,\n .soothing-ingredients {\n margin: 20px 0;\n }\n\n .active-ingredients h3,\n .soothing-ingredients h3 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .ingredient-formula {\n background: white;\n padding: 20px;\n border-radius: 8px;\n margin: 15px 0;\n border: 1px solid #e0e0e0;\n font-family: monospace;\n font-size: 0.9em;\n line-height: 1.4;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n color: white;\n padding: 50px 40px;\n border-radius: 15px;\n margin: 40px 0;\n text-align: center;\n opacity: 0;\n animation: fadeIn 1s ease 2.2s forwards;\n }\n\n .cta-title {\n font-size: 2.2em;\n font-weight: bold;\n margin-bottom: 20px;\n color: #9C8102;\n }\n\n .cta-text {\n font-size: 1.2em;\n margin-bottom: 30px;\n line-height: 1.5;\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n to {\n opacity: 1;\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2em;\n }\n \n .section-title {\n font-size: 1.6em;\n }\n \n .ingredients-grid,\n .trust-stats {\n grid-template-columns: 1fr;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eDerma Tin Augenserum mit Koffein\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eDerma Ten Caffeine Eye Contour Serum\u003c\/p\u003e\n\u003cdiv class=\"one-drop-highlight\"\u003eNur ein Tropfen... und du wirst den Unterschied mit eigenen Augen sehen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Question Section --\u003e\n\u003cdiv class=\"question-section\"\u003e\n\u003cdiv class=\"question-text\"\u003eBist du es leid, in den Spiegel zu sehen und müde Augen zu sehen??\u003c\/div\u003e\n\u003cdiv class=\"answer-text\"\u003e\n\u003cstrong\u003eAugenringe... morgendliche Schwellung... feine Linien, die beginnen, sichtbar zu werden... der Augenbereich lässt dich älter aussehen und fügt deinem Alter 10 Jahre hinzu.\u003c\/strong\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eDas Problem ist nicht nur der Schlafmangel. Die Haut um die Augen ist 10 Mal dünner als der Rest des Gesichts und benötigt spezielle Pflege und starke, aber sichere Inhaltsstoffe.\u003c\/strong\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eAugenserum Derma Ten\u003c\/strong\u003e Es ist nicht nur ein normales Serum zum Auftragen auf die Augen. Das \u003cstrong\u003eKonzentrierte und reflektierende Behandlung\u003c\/strong\u003e Mit einer fortschrittlichen medizinischen Formel, die jedes Problem im Augenbereich präzise anspricht.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eFortgeschrittene medizinische Formel...jeder Inhaltsstoff sorgfältig ausgewählt\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Grid --\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003c!-- Caffeine Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eKoffein 5%\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eNatürlicher Durchblutungsanreger\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eWarum Koffein für die Augen?\u003c\/strong\u003e Warum die Wissenschaft ihre überlegene Fähigkeit gezeigt hat, zu:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRegt sofort die Durchblutung um die Augen an\u003c\/li\u003e\n\u003cli\u003eSchwellungen und Entzündungen innerhalb weniger Minuten nach der Anwendung reduzieren\u003c\/li\u003e\n\u003cli\u003eAugenringe durch Verbesserung des Blutflusses aufhellen\u003c\/li\u003e\n\u003cli\u003eStrafft schlaffe Haut und verbessert ihre Elastizität\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"concentration-highlight\"\u003e\n La concentrazione del 5% è ottimale - abbastanza forte da essere efficace, abbastanza delicata per le aree sensibili\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hyaluronic Acid Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eHyaluronsäure\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eVorrat an natürlicher Feuchtigkeit\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eHält 1000 Mal sein Gewicht an Wasser\u003c\/li\u003e\n\u003cli\u003eFüllt feine Linien von innen auf\u003c\/li\u003e\n\u003cli\u003ePflegt die empfindliche Haut rund um die Augen tiefgründig\u003c\/li\u003e\n\u003cli\u003eVerhindert Trockenheit und Risse im empfindlichen Bereich\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Retinol Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eRetinol\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eZellregenerationsstimulator\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eDer König des Anti-Aging\u003c\/strong\u003e Aber mit sicherem Fokus für die Augen:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRegt die Zellregeneration an und beschleunigt die Heilung der Haut\u003c\/li\u003e\n\u003cli\u003eReduziert das Erscheinungsbild von Falten und feinen Linien\u003c\/li\u003e\n\u003cli\u003eVerbessert die Textur und Weichheit der Haut\u003c\/li\u003e\n\u003cli\u003eVereinheitlicht den Hautton und reduziert Pigmentierungen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-badge\"\u003e\n Wichtig: Aus diesem Grund wird es während Schwangerschaft und Stillzeit nicht verwendet\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Argireline Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eArgirelin\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eNatürliches Botox\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eWissenschaftlicher Name der natürlichen Botulinumtoxine\":\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eEntspannt die Gesichtsmuskeln auf natürliche und sichere Weise\u003c\/li\u003e\n\u003cli\u003eReduziert die Muskelkontraktion, die Falten verursacht\u003c\/li\u003e\n\u003cli\u003eVerhindert die Bildung neuer Falten um die Augen\u003c\/li\u003e\n\u003cli\u003eEine natürliche Alternative zu Botox-Injektionen ohne Nadeln oder Risiken\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Ferulic Acid Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eFerulasäure\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eAntioxidativer Schutz\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eSchützt vor Schäden durch freie Radikale und vor Verschmutzung\u003c\/li\u003e\n\u003cli\u003eVerbessert die Wirksamkeit von Retinol und reduziert Irritationen\u003c\/li\u003e\n\u003cli\u003eVerlangsamt den natürlichen Alterungsprozess der Haut\u003c\/li\u003e\n\u003cli\u003eErhält die Stabilität der anderen Inhaltsstoffe\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Natural Ingredients Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eHilfswirkstoffe natürlichen Ursprungs\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eNahrung und umfassender Schutz\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamin E (Tocopherol)):\u003c\/strong\u003e Antioxidans und feuchtigkeitsspendend\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthenol (Vitamin B5)):\u003c\/strong\u003e Beruhigend und feuchtigkeitsspendend für empfindliche Haut\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGrüner Tee Extrakt:\u003c\/strong\u003e Entzündungshemmend und Lindernd\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe Vera:\u003c\/strong\u003e Feuchtigkeitsspendend und natürlich beruhigend bei Irritationen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSichtbare Ergebnishistorie\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eDie erste Woche: Gewöhnung und Ruhe\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eDie Haut passt sich dem Retinol an (leichte Abschuppung kann auftreten - normal))\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSofortige Reduzierung von Schwellungen\u003c\/strong\u003e Dank Koffein\u003c\/li\u003e\n\u003cli\u003eGefühl von Feuchtigkeit und Weichheit\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eDie zweite Woche: der Beginn der Verbesserung\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003edeutliche Verbesserung von morgendlicher Schwellung\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eDie Haut wird glatter und weniger trocken\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBeginn der Aufhellung von Augenringen\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eDer erste Monat: sichtbare Ergebnisse\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eSignifikante Verbesserung des Aussehens von Augenringen\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eFeine Linien beginnen weniger sichtbar zu werden\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDie Haut wirkt weicher und elastischer\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eDer zweite Monat: kontinuierliche Verbesserung\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eSichtbare Reduzierung der Faltentiefe\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eEinheitlicher Hautton um die Augen\u003c\/li\u003e\n\u003cli\u003eEin insgesamt jüngeres und strahlendes Aussehen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eDer dritte Monat: stabile Ergebnisse\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eGesamte Verbesserung des Aussehens des Augenbereichs\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eErgebnisse ähnlich wie bei kosmetischen Behandlungen\u003c\/strong\u003e Aber auf natürliche Weise\u003c\/li\u003e\n\u003cli\u003eWiederhergestellte Zuversicht in das Aussehen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Trust Section --\u003e\n\u003cdiv class=\"trust-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eEin lokal zuverlässiges Produkt... internationaler Bestseller\u003c\/h2\u003e\n\u003cdiv class=\"trust-stats\"\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eMeistgefragtes Produkt\u003c\/strong\u003e In spezialisierten Schönheitspflegezentren\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eVon Hautpflegeexperten empfohlen\u003c\/strong\u003e Für seine Wirksamkeit bei der Behandlung von Augenproblemen\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eHohe Kundenzufriedenheit\u003c\/strong\u003e Mehr als 90 % der weiblichen Benutzer\n \u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cstrong\u003eKontinuierlich positive Bewertungen\u003c\/strong\u003e Auf verschiedenen kosmetischen Plattformen\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eRichtige Anwendung... Einfachheit macht den Unterschied\u003c\/h2\u003e\n\u003cdiv class=\"one-drop-explanation\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eWeil nur ein Tropfen nötig ist?\u003c\/h3\u003e\n\u003cp style=\"color: white; font-weight: bold;\"\u003e\u003cstrong\u003eDie Formel ist sehr konzentriert\u003c\/strong\u003e Ein Tropfen reicht aus, um den gesamten Augenbereich abzudecken. Übermäßige Mengen können Reizungen verursachen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 20px; text-align: center;\"\u003eOptimale Anwendungsmodus\u003c\/h3\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGesicht gründlich waschen\u003c\/strong\u003e Vor dem Schlafengehen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEinen Tropfen auftragen\u003c\/strong\u003e Auf dem Ringfinger (mit weniger Druck))\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSanft abtupfen\u003c\/strong\u003e Unter dem Auge von innen nach außen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBewegliches Augenlid meiden\u003c\/strong\u003e (Sehr nah an Al Ain)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e5 Minuten warten\u003c\/strong\u003e Vor dem Auftragen eines anderen Produkts\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNur nachts verwenden\u003c\/strong\u003e Retinol macht die Haut sonnenempfindlich\u003c\/li\u003e\n\u003cdiv class=\"safety-tips\"\u003e\n\u003ch4\u003eWichtige Tipps für die Sicherheit:\u003c\/h4\u003e\n\u003cul class=\"safety-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e3-mal pro Woche beginnen\u003c\/strong\u003e Dann allmählich steigern\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSonnencreme tagsüber verwenden\u003c\/strong\u003e Immer\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDirekten Kontakt mit den Augen vermeiden\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSofort anhalten\u003c\/strong\u003e Bei starker Reizung\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003cdiv class=\"warning-title\"\u003eWichtige Vorsichtsmaßnahmen und realistische Erwartungen\u003c\/div\u003e\n\u003cdiv class=\"prohibited-section\"\u003e\n\u003ch3\u003eDie Verwendung ist verboten in:\u003c\/h3\u003e\n\u003cul class=\"prohibited-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eWährend der Schwangerschaft\u003c\/strong\u003e - Retinol kann dem Fötus schaden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurante l'allattamento\u003c\/strong\u003e - Kann über die Muttermilch auf das Kind übertragen werden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"expectations-section\"\u003e\n\u003ch3\u003eRealistische Erwartungen:\u003c\/h3\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003eDie Ergebnisse erfordern Geduld\u003c\/strong\u003e - 4-6 Wochen für eine deutliche Verbesserung\n \u003c\/div\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003eEin leichtes Peeling kann auftreten\u003c\/strong\u003e Zunächst (natürlich mit Retinol)\n \u003c\/div\u003e\n\u003cdiv class=\"expectation-item\"\u003e\n\u003cstrong\u003eEs ist notwendig weiterzumachen\u003c\/strong\u003e Um die Ergebnisse zu erhalten\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eVollständige Zusammensetzung und Inhaltsstoffe\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-formula\"\u003e\n\u003cstrong\u003eAQUA - CAFFEINE - RETINOL - ARGIRELINE - FERULIC ACID - TOCOPHEROL - PANTHENOL - GREEN TEA EXTRACT - CELLULOSE GUM - LACTIC ACID - ALOE BARBADENSIS LEAF EXTRACT - PROPYLENE GLYCOL - PHENOXYETHANOL\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"active-ingredients\"\u003e\n\u003ch3\u003eHauptwirkstoffe:\u003c\/h3\u003e\n\u003cul class=\"benefits-list\" style=\"color: #333;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCAFFEINE (5%):\u003c\/strong\u003e Regt die Durchblutung an und reduziert Schwellungen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRETINOL:\u003c\/strong\u003e Zellregenerations- und Anti-Falten-Stimulator\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eARGIRELINE:\u003c\/strong\u003e Peptid bekannt als 'natürliches Botox'\"\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFERULIC ACID:\u003c\/strong\u003e Ein starkes Antioxidans und erhöht die Wirksamkeit von Retinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTOCOPHEROL (Vitamin E):\u003c\/strong\u003e Natürliches Antioxidans und feuchtigkeitsspendend\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soothing-ingredients\"\u003e\n\u003ch3\u003eBeruhigende und feuchtigkeitsspendende Zutaten:\u003c\/h3\u003e\n\u003cul class=\"benefits-list\" style=\"color: #333;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePANTHENOL (Pro-Vitamin B5):\u003c\/strong\u003e Beruhigend und feuchtigkeitsspendend für empfindliche Haut\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGREEN TEA EXTRACT:\u003c\/strong\u003e Entzündungshemmend und natürlich lindernd\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eALOE BARBADENSIS LEAF EXTRACT:\u003c\/strong\u003e Feuchtigkeitsspendend und beruhigend bei Irritationen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLACTIC ACID:\u003c\/strong\u003e Sanftes Peeling und Hautstrukturverbesserer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eBeginne deine Reise zur Verjüngung der Augen\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eDies ist eine fortgeschrittene medizinische Behandlung\u003c\/strong\u003e Wirkt auf die schwierigsten Probleme im Augenbereich.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNur ein Tropfen jede Nacht... und die Ergebnisse werden sich innerhalb von Wochen von selbst zeigen.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003eBestelle es sofort... und lass deine Augen die Geschichte der erneuerten Jugend erzählen.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Smooth scroll animations\n function observeElements() {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry) =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n \/\/ Observe elements for scroll animations\n document.querySelectorAll('.ingredient-card, .timeline-item, .trust-item, .expectation-item, .investment-card').forEach((el) =\u003e {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n }\n\n \/\/ Enhanced hover effects\n function addHoverEffects() {\n const cards = document.querySelectorAll('.ingredient-card, .trust-item, .timeline-item, .investment-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-8px) translateX(-5px)';\n this.style.boxShadow = '0 15px 35px rgba(156, 129, 2, 0.2)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = '';\n this.style.boxShadow = '';\n });\n });\n }\n\n \/\/ One drop highlight pulse effect\n function addPulseEffect() {\n const oneDropHighlight = document.querySelector('.one-drop-highlight');\n if (oneDropHighlight) {\n setInterval(() =\u003e {\n oneDropHighlight.style.transform = 'scale(1.05)';\n setTimeout(() =\u003e {\n oneDropHighlight.style.transform = 'scale(1)';\n }, 200);\n }, 3000);\n }\n }\n\n \/\/ Warning badge glow effect\n function addWarningGlow() {\n const warningBadges = document.querySelectorAll('.warning-badge');\n \n warningBadges.forEach(badge =\u003e {\n setInterval(() =\u003e {\n badge.style.boxShadow = '0 0 15px rgba(255, 107, 107, 0.6)';\n setTimeout(() =\u003e {\n badge.style.boxShadow = 'none';\n }, 500);\n }, 4000);\n });\n }\n\n \/\/ Concentration highlight animation\n function addConcentrationEffect() {\n const concentrationHighlight = document.querySelector('.concentration-highlight');\n if (concentrationHighlight) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.background = 'linear-gradient(45deg, #9C8102, #b8940d, #9C8102)';\n entry.target.style.backgroundSize = '200% 200%';\n entry.target.style.animation = 'gradientShift 3s ease infinite';\n observer.unobserve(entry.target);\n }\n });\n });\n observer.observe(concentrationHighlight);\n }\n }\n\n \/\/ Add gradient animation keyframes\n const style = document.createElement('style');\n style.textContent = `\n @keyframes gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n `;\n document.head.appendChild(style);\n \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Derma ten","offers":[{"title":"Default Title","offer_id":44945667719365,"sku":null,"price":250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Derma_Ten_Caffeine_retinol_hyaluronic_eye_contour_serum.avif?v=1753537635"},{"product_id":"some-by-mi-30-days-miracle-ac-sos-kit-1","title":"SOME by MI AHA BHA PHA 30 Days Miracle AC SOS Kit","description":"\u003cdiv class=\"some-by-mi-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .some-by-mi-container {\n direction: ltr;\n text-align: left;\n max-width: 100%;\n margin: 0 auto;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n min-height: 100vh;\n }\n\n .some-by-mi-container * {\n box-sizing: border-box;\n }\n\n \/* Premium floating particles background *\/\n .some-by-mi-container::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 15% 25%, rgba(156, 129, 2, 0.03) 2px, transparent 2px),\n radial-gradient(circle at 85% 75%, rgba(212, 175, 55, 0.04) 1px, transparent 1px),\n radial-gradient(circle at 45% 60%, rgba(156, 129, 2, 0.02) 1px, transparent 1px),\n linear-gradient(135deg, rgba(250, 250, 250, 0.8) 0%, rgba(240, 240, 240, 0.9) 100%);\n animation: premiumFloat 25s ease-in-out infinite;\n pointer-events: none;\n z-index: -1;\n }\n\n .main-title {\n color: #9C8102;\n font-size: 3.2em;\n font-weight: 900;\n margin-bottom: 40px;\n text-shadow: 0 4px 12px rgba(156, 129, 2, 0.3);\n text-align: center;\n opacity: 0;\n transform: translateY(50px);\n animation: premiumFadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n position: relative;\n letter-spacing: -0.02em;\n background: linear-gradient(135deg, #9C8102 0%, #d4af37 50%, #9C8102 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .main-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n right: 50%;\n transform: translateX(50%);\n width: 0;\n height: 4px;\n background: linear-gradient(90deg, transparent 0%, #9C8102 20%, #d4af37 50%, #9C8102 80%, transparent 100%);\n box-shadow: 0 2px 10px rgba(156, 129, 2, 0.4);\n animation: premiumUnderline 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;\n }\n\n .hero-image {\n width: 100%;\n max-width: 650px;\n height: auto;\n margin: 50px auto;\n display: block;\n border-radius: 25px;\n box-shadow: \n 0 25px 60px rgba(0,0,0,0.15),\n 0 10px 30px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.6);\n opacity: 0;\n transform: scale(0.85) rotateY(8deg) translateZ(0);\n animation: premiumImageReveal 2s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n }\n\n .hero-image::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n border-radius: 28px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.05) rotateY(0deg) translateZ(20px);\n box-shadow: \n 0 35px 80px rgba(0,0,0,0.2),\n 0 15px 40px rgba(156, 129, 2, 0.2),\n inset 0 1px 0 rgba(255,255,255,0.8);\n }\n\n .hero-image:hover::before {\n opacity: 0.7;\n }\n\n .challenge-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 60px;\n border-radius: 25px;\n margin: 60px 0;\n text-align: center;\n opacity: 0;\n transform: scale(0.9) translateZ(0);\n animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.3),\n 0 10px 30px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .challenge-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: \n radial-gradient(circle at 30% 40%, rgba(156, 129, 2, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 70%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n animation: premiumGlow 6s ease-in-out infinite;\n z-index: 1;\n }\n\n .challenge-section::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n animation: premiumShimmer 4s ease-in-out infinite;\n z-index: 2;\n }\n\n .challenge-title {\n color: #d4af37;\n font-size: 2.8em;\n font-weight: 800;\n margin-bottom: 30px;\n position: relative;\n z-index: 3;\n text-shadow: 0 2px 10px rgba(212, 175, 55, 0.5);\n letter-spacing: -0.01em;\n }\n\n .challenge-text {\n font-size: 1.2em;\n line-height: 1.9;\n opacity: 0.95;\n position: relative;\n z-index: 3;\n font-weight: 400;\n }\n\n .section-header {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 40px;\n margin: 60px 0 40px 0;\n border-radius: 20px;\n text-align: center;\n opacity: 0;\n transform: scale(0.9);\n animation: premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.2);\n box-shadow: \n 0 20px 40px rgba(0,0,0,0.2),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .section-title {\n color: #d4af37;\n font-size: 2.4em;\n font-weight: 800;\n margin-bottom: 15px;\n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n letter-spacing: -0.01em;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 40px;\n margin: 60px 0;\n padding: 0 20px;\n }\n\n .product-card {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 40px;\n border-radius: 25px;\n box-shadow: \n 0 20px 50px rgba(0,0,0,0.08),\n 0 8px 25px rgba(156, 129, 2, 0.06),\n inset 0 1px 0 rgba(255,255,255,0.9);\n border: 1px solid rgba(156, 129, 2, 0.1);\n opacity: 0;\n transform: translateY(50px) translateZ(0);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n overflow: hidden;\n }\n\n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n .product-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n border-radius: 27px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .product-card:hover {\n transform: translateY(-15px) translateZ(30px);\n box-shadow: \n 0 35px 70px rgba(0,0,0,0.15),\n 0 15px 35px rgba(156, 129, 2, 0.12),\n inset 0 1px 0 rgba(255,255,255,1);\n }\n\n .product-card:hover::before {\n left: 100%;\n }\n\n .product-card:hover::after {\n opacity: 0.3;\n }\n\n .product-image {\n width: 100%;\n max-width: 220px;\n height: auto;\n margin: 0 auto 30px auto;\n display: block;\n border-radius: 15px;\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .product-card:hover .product-image {\n transform: scale(1.08) translateZ(10px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n }\n\n .product-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n }\n\n .product-description {\n text-align: center;\n margin-bottom: 25px;\n font-weight: 600;\n color: #666;\n font-size: 1.05em;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 25px 0;\n }\n\n .feature-item {\n background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n margin-bottom: 12px;\n padding: 16px 20px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n display: flex;\n align-items: flex-start;\n gap: 15px;\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n color: #333;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, #e8f4f8 0%, #e1f0f5 100%);\n transform: translateX(-8px);\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n border-right-color: #d4af37;\n }\n\n .feature-bullet {\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n margin-top: 10px;\n flex-shrink: 0;\n box-shadow: 0 2px 4px rgba(156, 129, 2, 0.3);\n }\n\n .science-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n color: white;\n padding: 70px;\n border-radius: 30px;\n margin: 80px 0;\n opacity: 0;\n transform: rotateX(15deg) translateZ(0);\n animation: premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n box-shadow: \n 0 40px 80px rgba(0,0,0,0.3),\n 0 15px 40px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,0.1);\n position: relative;\n overflow: hidden;\n }\n\n .science-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212, 175, 55, 0.08) 0%, transparent 50%);\n animation: premiumScienceGlow 8s ease-in-out infinite;\n }\n\n .acid-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 35px;\n margin: 50px 0;\n position: relative;\n z-index: 2;\n }\n\n .acid-card {\n background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n padding: 35px;\n border-radius: 20px;\n border-top: 5px solid #9C8102;\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 15px 35px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n position: relative;\n overflow: hidden;\n }\n\n .acid-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.05) 0%, transparent 50%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .acid-card:hover {\n background: linear-gradient(135deg, #404040 0%, #353535 100%);\n transform: translateY(-10px);\n box-shadow: \n 0 25px 50px rgba(0,0,0,0.4),\n 0 10px 25px rgba(156, 129, 2, 0.2),\n inset 0 1px 0 rgba(255,255,255,0.15);\n border-top-color: #d4af37;\n }\n\n .acid-card:hover::before {\n opacity: 1;\n }\n\n .acid-title {\n color: #d4af37;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n text-shadow: 0 1px 3px rgba(212, 175, 55, 0.5);\n }\n\n .timeline-section {\n background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n padding: 60px;\n border-radius: 25px;\n margin: 60px 0;\n border: 1px solid rgba(156, 129, 2, 0.1);\n box-shadow: \n 0 20px 40px rgba(0,0,0,0.08),\n inset 0 1px 0 rgba(255,255,255,0.9);\n }\n\n .timeline-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 35px;\n margin: 50px 0;\n }\n\n .timeline-week {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 35px;\n border-radius: 20px;\n border-right: 5px solid #9C8102;\n position: relative;\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 12px 30px rgba(0,0,0,0.08),\n inset 0 1px 0 rgba(255,255,255,0.9);\n }\n\n .timeline-week:hover {\n transform: translateX(-10px);\n box-shadow: \n 0 20px 45px rgba(0,0,0,0.12),\n 0 8px 25px rgba(156, 129, 2, 0.1),\n inset 0 1px 0 rgba(255,255,255,1);\n border-right-color: #d4af37;\n }\n\n .week-number {\n position: absolute;\n top: -20px;\n right: 30px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n color: white;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.3em;\n box-shadow: \n 0 8px 20px rgba(156, 129, 2, 0.3),\n inset 0 1px 0 rgba(255,255,255,0.3);\n text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n }\n\n .week-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin: 25px 0 20px 0;\n text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n }\n\n .value-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 70px;\n border-radius: 25px;\n margin: 80px 0;\n opacity: 0;\n transform: scale(0.85);\n animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.3);\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 35px;\n margin: 50px 0;\n }\n\n .value-item {\n background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n padding: 35px;\n border-radius: 20px;\n border-top: 5px solid #9C8102;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: \n 0 15px 35px rgba(0,0,0,0.3),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .value-item:hover {\n transform: translateY(-10px);\n box-shadow: \n 0 25px 50px rgba(0,0,0,0.4),\n 0 10px 25px rgba(156, 129, 2, 0.2);\n border-top-color: #d4af37;\n }\n\n .value-item h3 {\n color: #d4af37;\n margin-bottom: 20px;\n font-weight: 700;\n font-size: 1.3em;\n text-shadow: 0 1px 3px rgba(212, 175, 55, 0.4);\n }\n\n .cta-final {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n color: white;\n padding: 80px;\n border-radius: 30px;\n text-align: center;\n margin: 80px 0;\n opacity: 0;\n transform: scale(0.8) translateZ(0);\n animation: premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 1px solid rgba(156, 129, 2, 0.4);\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 40px 80px rgba(0,0,0,0.4),\n 0 15px 40px rgba(156, 129, 2, 0.15),\n inset 0 1px 0 rgba(255,255,255,0.1);\n }\n\n .cta-final::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n transform: translate(-50%, -50%);\n animation: premiumPulse 4s ease-in-out infinite;\n }\n\n .cta-title {\n color: #d4af37;\n font-size: 3em;\n font-weight: 900;\n margin-bottom: 30px;\n position: relative;\n z-index: 1;\n text-shadow: 0 3px 12px rgba(212, 175, 55, 0.6);\n letter-spacing: -0.02em;\n }\n\n .cta-text {\n font-size: 1.3em;\n margin: 30px 0;\n opacity: 0.95;\n position: relative;\n z-index: 1;\n font-weight: 400;\n line-height: 1.7;\n }\n\n .highlight-text {\n font-size: 1.6em;\n font-weight: 800;\n color: #d4af37;\n margin: 35px 0;\n animation: premiumTextGlow 3s ease-in-out infinite;\n position: relative;\n z-index: 1;\n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5);\n }\n\n @keyframes premiumFadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes premiumScaleIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes premiumImageReveal {\n to {\n opacity: 1;\n transform: scale(1) rotateY(0deg) translateZ(0);\n }\n }\n\n @keyframes premiumRotateIn {\n to {\n opacity: 1;\n transform: rotateX(0deg) translateZ(0);\n }\n }\n\n @keyframes premiumUnderline {\n to { width: 120px; }\n }\n\n @keyframes premiumFloat {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-15px) rotate(180deg); }\n }\n\n @keyframes premiumGlow {\n 0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n 50% { opacity: 1; transform: scale(1.05) rotate(180deg); }\n }\n\n @keyframes premiumShimmer {\n 0% { transform: translateX(-100%) skewX(-15deg); }\n 100% { transform: translateX(200%) skewX(-15deg); }\n }\n\n @keyframes premiumScienceGlow {\n 0%, 100% { opacity: 0.6; transform: scale(1); }\n 50% { opacity: 0.9; transform: scale(1.02); }\n }\n\n @keyframes premiumPulse {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1); \n opacity: 0.4; \n }\n 50% { \n transform: translate(-50%, -50%) scale(1.3); \n opacity: 0.1; \n }\n }\n\n @keyframes premiumTextGlow {\n 0%, 100% { \n text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5); \n transform: scale(1);\n }\n 50% { \n text-shadow: 0 4px 20px rgba(212, 175, 55, 0.8); \n transform: scale(1.02);\n }\n }\n\n @media (max-width: 768px) {\n .main-title {\n font-size: 2.2em;\n }\n\n .hero-image {\n max-width: 90%;\n border-radius: 15px;\n }\n \n .products-grid,\n .acid-grid,\n .timeline-grid,\n .value-grid {\n grid-template-columns: 1fr;\n }\n \n .challenge-section,\n .science-section,\n .value-section,\n .cta-final {\n padding: 30px 20px;\n }\n\n .challenge-title {\n font-size: 1.8em;\n }\n\n .cta-title {\n font-size: 2em;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eSet Perfect Skin Challenge - Some By Mi AHA\/BHA\/PHA 30Days Miracle Starter Kit\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"Set Perfect Skin Challenge von Some By Mi\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_sos_kit.avif?v=1753592497\"\/\u003e\n\u003c!-- Challenge Section --\u003e\n\u003cdiv class=\"challenge-section\"\u003e\n\u003ch2 class=\"challenge-title\"\u003e30-Tage-Challenge - Hast du den Mut, deine Haut dauerhaft zu verändern?\u003c\/h2\u003e\n\u003cdiv class=\"challenge-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eDie schwierige Frage: Seit wie vielen Jahren kämpfst du mit denselben Hautproblemen?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePickel... erweiterte Poren... Entzündung... dunkle Flecken... jeden Tag dasselbe Leiden.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDas Problem ist nicht, dass du deine Haut nicht pflegst... das Problem ist, dass jedes Produkt für sich allein wirkt, ohne sich mit den anderen abzustimmen.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e Es ist nicht nur eine Produktgruppe... das ist alles \u003cstrong\u003eIntegriertes Behandlungssystem\u003c\/strong\u003e Jedes Produkt hat einen Designer, der den anderen für ein einzigartiges Ergebnis ergänzt: \u003cstrong\u003ePerfekte Haut in 30 Tagen\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why 4 Products Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eWarum 4 Produkte besser sind als nur ein Produkt?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eWarum Hautprobleme komplex sind... und die Lösungen umfassend sein müssen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eTiefenreinigung (Ätznatron)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEs ist keine einfache Reinigung... dies ist eine intelligente Reinigung, die die Haut auf die Behandlung vorbereitet\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eGleichgewicht und Vorbereitung (Tonikum))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eStellt das Gleichgewicht der Haut wieder her und bereitet sie auf eine bessere Aufnahme der Behandlung vor\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eKonzentrierte Behandlung (Serum))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eHöhere Konzentration aktiver Inhaltsstoffe für eine intensive Behandlung\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eSchützt und repariert (Creme)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSchützt die Ergebnisse und repariert die Haut über Nacht\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: white; border-radius: 10px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003eDas Ergebnis: ein doppelter Effekt, den man mit nur einem Produkt nicht erzielen kann\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Details Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eDetails zu jedem Produkt - integriertes Arbeitsteam\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003c!-- Cleanser --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Some By Mi Sonnenlotion\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_acne_clear_foam.png?v=1753593938\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eWundersame Reinigung (30ml))\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cleansing Foam\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eEs ist nicht nur Reinigung... es ist eine intelligente Vorbereitung für die Behandlung\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNiedriger pH-Wert\u003c\/strong\u003e Erhält die natürliche Hautschutzbarriere\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTiefenreinigung\u003c\/strong\u003e Entfernt Unreinheiten, Schmutz und Make-up\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSanftes Peeling\u003c\/strong\u003e Bereite die Haut für eine bessere Aufnahme vor\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTruecica™\u003c\/strong\u003e Beruhigt die Haut und gleicht die Sekrete aus\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Toner --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Tonikum Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_9706a063-9b15-4a89-8f3a-0b4e1bb41936.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eAusgleichendes Tonikum (30 ml))\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Toner\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eDie Brücke zwischen Reinigung und Pflege\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003epH 5.5\u003c\/strong\u003e Stellt das Gleichgewicht der Haut nach der Reinigung wieder her\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHamamelisextrakt\u003c\/strong\u003e Verkleinert die Poren und strafft die Haut\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNatürliche Papaya\u003c\/strong\u003e Löst Fette und beruhigt die Haut\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLotos-Extrakt\u003c\/strong\u003e Lässt die Haut strahlen und gleicht den Hautton aus\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSojasamen\u003c\/strong\u003e Nährt die Haut und stärkt ihre Immunität\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Serum --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Serum Some By Mi\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2_08531341-6157-4a31-9d06-bb318b163a4d.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eWunderserum (10ml))\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Serum\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eDas pulsierende Herz der Behandlung\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e14,5% Extrakt aus Centella Asiatica\u003c\/strong\u003e Um die Haut zu beruhigen und zu reparieren\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e Reguliert das Fett und hellt dunkle Flecken auf\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHohe Säurekonzentration\u003c\/strong\u003e Für Tiefenbehandlung\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAktiviert den Zellerneuerungszyklus\u003c\/strong\u003e Fördert die Heilung der Haut.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Cream --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cimg alt=\"Some By Mi Creme\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3_9816bace-b39f-48c7-978f-acce31383091.webp?v=1753593603\"\/\u003e\n\u003ch3 class=\"product-title\"\u003eSchutzcreme (20 g))\u003c\/h3\u003e\n\u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cream\u003c\/h4\u003e\n\u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eL'ultimo guardiano dei risultati\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e4 Arten von CICA-Extrakt\u003c\/strong\u003e Für eine vollständige Reparatur\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBildet eine starke Schutzbarriere\u003c\/strong\u003e Gegen äußere Faktoren\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRegt die Kollagenproduktion an\u003c\/strong\u003e Für eine stärkere und elastischere Haut\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTiefenfeuchtigkeit\u003c\/strong\u003e Hält die ganze Nacht\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLeicht und schnell einziehend\u003c\/strong\u003e Ideal für alle Hauttypen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eTriple AHA\/BHA\/PHA-Technologie - eine Massenvernichtungswaffe gegen Pickel\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eJede Säure hat eine spezifische Aufgabe bei der Beseitigung der Probleme deiner Haut\u003c\/p\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eAHA (Alphahydroxysäure) - oberflächliches Peeling\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLöst abgestorbene Hautzellen\u003c\/strong\u003e Die die Poren verstopft\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRegt die Zellregeneration an\u003c\/strong\u003e Für eine glattere Haut\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEs hellt dunkle Flecken auf\u003c\/strong\u003e Und Spuren von alten Getreidesorten\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003eBHA (Beta-Hydroxysäure) - tief eindringend\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDringt in die Poren ein\u003c\/strong\u003e Löst angesammeltes Fett\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReinigt von innen\u003c\/strong\u003e Verhindert die Bildung neuer Pickel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eVerkleinert die Poren\u003c\/strong\u003e Verbessert die Hauttextur\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card\"\u003e\n\u003ch4 class=\"acid-title\"\u003ePHA (Polyhydroxysäure) - der intelligente Beruhiger\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSanftes Peeling\u003c\/strong\u003e Geeignet für empfindliche Haut\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHält die Feuchtigkeit\u003c\/strong\u003e Während des Peelings\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLindert Entzündungen\u003c\/strong\u003e Reduziert die Rötung\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 25px; background: #404040; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.3em; font-weight: bold; color: #9C8102;\"\u003eErgebnis: vollständiges Peeling ohne Reizungen + tiefgehende Porenbehandlung + ausgewogene Feuchtigkeitsversorgung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px; text-align: center;\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eTeebaum-Extrakt 100ppm - Super natürliches Desinfektionsmittel\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003eWarum gerade der Teebaum? Warum ist er der natürliche Arzt für problematische Haut\u003c\/p\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 25px;\"\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eStark antibakteriell\u003c\/strong\u003e\u003cbr\/\u003eBeseitigen Sie die Ursache von Pickeln\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eNatürlich entzündungshemmend\u003c\/strong\u003e\u003cbr\/\u003eLindert Rötung und Reizung\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eReguliert die Fettsekretion\u003c\/strong\u003e\u003cbr\/\u003eVerhindert übermäßigen Glanz der Haut\n \u003c\/div\u003e\n\u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n\u003cstrong\u003eReinigt die Poren\u003c\/strong\u003e\u003cbr\/\u003eVon innen und verhindert Verstopfung\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003e100 ppm in jedem Produkt = optimale therapeutische Dosis Stark genug, um wirksam zu sein, sanft genug, um sicher zu sein\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Journey Timeline --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eChallenge Journey - 30 Tage für eine neue Haut\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eDie erste Woche: der erste Schock\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTiefere Reinigung\u003c\/strong\u003e Mai\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSofortige Reduzierung des Glanzes\u003c\/strong\u003e Und fettige Sekrete\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEntzündungen lindern\u003c\/strong\u003e bestehend und reduziert Rötungen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eDie zweite Woche: der Beginn der Verbesserung\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDeutliche Verringerung neuer Pickel\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eVerbesserung der Hautstruktur\u003c\/strong\u003e Und ihre Weichheit\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eL'inizio della scomparsa dei punti neri\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eWoche 3: Die deutliche Verwandlung\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePorengröße reduzieren\u003c\/strong\u003e Signifikant\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDie meisten Pickel verschwinden\u003c\/strong\u003e bestehend\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eVerbesserung des Teints\u003c\/strong\u003e Und ihr Glanz\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-week\"\u003e\n\u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"week-title\"\u003eWoche vier: Das vollständige Wunder\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHelle Haut ohne Pickel\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eKleinere und saubere Poren\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eGleichmäßige Farbe und natürlicher Glanz\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSeidige und glatte Textur\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 30px; background: white; border-radius: 15px; border: 3px solid #9C8102;\"\u003e\n\u003cp style=\"font-size: 1.4em; font-weight: bold; color: #9C8102;\"\u003eDas Endergebnis: perfekte Haut, die jede Herausforderung wert ist\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eAußergewöhnlicher Wert für den Preis\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eEine echte Investition in die Gesundheit der Haut\u003c\/p\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eEine komplette Routine in einem einzigen Set\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEs ist nicht nötig, separate Produkte zu kaufen oder die richtige Kombination zu suchen\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eErgebnis:\u003c\/strong\u003e Eine gut durchdachte wissenschaftliche Routine, die als eine einzige integrierte Einheit funktioniert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e30 Tage tägliche Anwendung\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDeckt alle Bedürfnisse deiner Haut für einen ganzen Monat.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003eDie besten Inhaltsstoffe der Welt\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEine weltklasse Formel mit den besten Inhaltsstoffen für die Hautpflege:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"margin-top: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAHA\/BHA\/PHA-Technologie:\u003c\/strong\u003e Die neuesten Entdeckungen der Wissenschaft\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReiner Teebaum-Extrakt\u003c\/strong\u003e Die wertvollsten Typen aus Australien\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCentella Asiatica Zentrum:\u003c\/strong\u003e Grünes Gold zur Beruhigung der Haut\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHochwertiges Niacinamid:\u003c\/strong\u003e Vitamin B3 in seiner reinsten Form\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e Exklusive Technologie zur Reparatur der hydro-lipidischen Barriere\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa dura verità\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eHautprobleme lösen sich nicht von selbst\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n Jeder Tag des Verzögerns = neue Pickel, tiefere Narben und größere Poren.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e Es ist nicht nur eine Produktgruppe... das ist alles \u003cstrong\u003eEine echte Herausforderung, deine Haut dauerhaft zu verändern\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n Nur 30 Tage... werden einen großen Unterschied machen oder du wirst es bereuen, es nicht ausprobiert zu haben\n \u003c\/div\u003e\n\u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n Bist du bereit für die Herausforderung?\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBestelle jetzt das Set... und beginne den 30-Tage-Weg zu deiner Traumhaut.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n Merke: Perfekte Haut ist kein Traum... es ist eine Entscheidung\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Enhanced Intersection Observer for premium animations\n const premiumObserverOptions = {\n threshold: 0.15,\n rootMargin: '0px 0px -80px 0px'\n };\n\n const premiumObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n \n if (element.classList.contains('product-card')) {\n element.style.animation = 'premiumFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('section-header')) {\n element.style.animation = 'premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('science-section')) {\n element.style.animation = 'premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('acid-card')) {\n element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('timeline-week')) {\n element.style.animation = 'slideInRight 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('value-item')) {\n element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('challenge-section')) {\n element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('value-section')) {\n element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('cta-final')) {\n element.style.animation = 'premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n }\n }\n });\n }, premiumObserverOptions);\n\n \/\/ Premium initialization\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const animatedElements = document.querySelectorAll('.product-card, .section-header, .science-section, .acid-card, .timeline-week, .value-item, .challenge-section, .value-section, .cta-final');\n \n animatedElements.forEach(el =\u003e {\n premiumObserver.observe(el);\n });\n\n \/\/ Premium staggered delays with more sophisticated timing\n const productCards = document.querySelectorAll('.product-card');\n productCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.25 + 0.1}s`;\n });\n\n const acidCards = document.querySelectorAll('.acid-card');\n acidCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2 + 0.3}s`;\n });\n\n const timelineWeeks = document.querySelectorAll('.timeline-week');\n timelineWeeks.forEach((week, index) =\u003e {\n week.style.animationDelay = `${index * 0.15 + 0.2}s`;\n });\n\n const valueItems = document.querySelectorAll('.value-item');\n valueItems.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.2 + 0.4}s`;\n });\n\n \/\/ Premium particle effects with enhanced visuals\n const productCards2 = document.querySelectorAll('.product-card');\n productCards2.forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n createPremiumParticles(card);\n });\n });\n\n \/\/ Enhanced particle creation with luxury effects\n function createPremiumParticles(element) {\n for (let i = 0; i \u003c 8; i++) {\n const particle = document.createElement('div');\n particle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 4 + 3}px;\n height: ${Math.random() * 4 + 3}px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n pointer-events: none;\n z-index: 100;\n box-shadow: 0 0 6px rgba(156, 129, 2, 0.6);\n `;\n \n const rect = element.getBoundingClientRect();\n particle.style.left = Math.random() * rect.width + 'px';\n particle.style.top = Math.random() * rect.height + 'px';\n \n element.appendChild(particle);\n \n \/\/ Premium particle animation with rotation and scaling\n particle.animate([\n { \n transform: 'translateY(0px) scale(1) rotate(0deg)', \n opacity: 1,\n filter: 'blur(0px)'\n },\n { \n transform: `translateY(-60px) scale(0) rotate(${Math.random() * 360}deg)`, \n opacity: 0,\n filter: 'blur(2px)'\n }\n ], {\n duration: 2000,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e particle.remove();\n }\n }\n\n \/\/ Premium magnetic hover effects for cards\n const allCards = document.querySelectorAll('.product-card, .acid-card, .timeline-week, .value-item');\n allCards.forEach(card =\u003e {\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 const deltaX = (x - centerX) \/ centerX;\n const deltaY = (y - centerY) \/ centerY;\n \n card.style.transform = `\n perspective(1000px) \n rotateY(${deltaX * 5}deg) \n rotateX(${-deltaY * 5}deg) \n translateZ(10px)\n `;\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = '';\n });\n });\n\n \/\/ Premium sparkle effects with golden particles\n setInterval(() =\u003e {\n const targetSections = document.querySelectorAll('.challenge-section, .science-section, .cta-final');\n targetSections.forEach(section =\u003e {\n if (Math.random() \u003e 0.7) { \/\/ 30% chance per interval\n const sparkle = document.createElement('div');\n sparkle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 3 + 2}px;\n height: ${Math.random() * 3 + 2}px;\n background: linear-gradient(135deg, #d4af37, #9C8102);\n border-radius: 50%;\n pointer-events: none;\n z-index: 10;\n left: ${Math.random() * section.offsetWidth}px;\n top: ${Math.random() * section.offsetHeight}px;\n box-shadow: 0 0 8px rgba(212, 175, 55, 0.8);\n `;\n \n section.appendChild(sparkle);\n \n sparkle.animate([\n { \n transform: 'scale(0) rotate(0deg)', \n opacity: 0,\n filter: 'brightness(1)'\n },\n { \n transform: 'scale(1) rotate(180deg)', \n opacity: 1,\n filter: 'brightness(1.5)'\n },\n { \n transform: 'scale(0) rotate(360deg)', \n opacity: 0,\n filter: 'brightness(0.5)'\n }\n ], {\n duration: 3000,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e sparkle.remove();\n }\n });\n }, 2000);\n\n \/\/ Premium ripple effect on click\n document.addEventListener('click', (e) =\u003e {\n if (e.target.closest('.product-card, .timeline-week, .acid-card')) {\n const element = e.target.closest('.product-card, .timeline-week, .acid-card');\n const rect = element.getBoundingClientRect();\n const ripple = document.createElement('div');\n \n ripple.style.cssText = `\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.3) 0%, transparent 70%);\n pointer-events: none;\n z-index: 50;\n width: 20px;\n height: 20px;\n left: ${e.clientX - rect.left - 10}px;\n top: ${e.clientY - rect.top - 10}px;\n `;\n \n element.appendChild(ripple);\n \n ripple.animate([\n { transform: 'scale(0)', opacity: 1 },\n { transform: 'scale(4)', opacity: 0 }\n ], {\n duration: 600,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e ripple.remove();\n }\n });\n\n \/\/ Premium scroll-triggered title animations\n const titles = document.querySelectorAll('.product-title, .acid-title, .week-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', () =\u003e {\n title.style.transform = 'scale(1.05)';\n title.style.textShadow = '0 2px 15px rgba(156, 129, 2, 0.4)';\n });\n \n title.addEventListener('mouseleave', () =\u003e {\n title.style.transform = '';\n title.style.textShadow = '';\n });\n });\n });\n\n \/\/ Premium slideInRight animation for timeline\n const slideInRightKeyframes = `\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n `;\n \n const style = document.createElement('style');\n style.textContent = slideInRightKeyframes;\n document.head.appendChild(style);\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44945842438341,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1753557062"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"SKIN1004 Sunscreen Water Serum mit Centella aus Madagaskar und Hyalo Cica (SPF 50+) | 50 ml)","description":"\u003c!-- SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eSonnenschutz, der Sie die Sonne vom ersten Gebrauch an lieben lässt\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eEs ist nicht nur eine gewöhnliche Sonnencreme... dies ist ein Pflegeserum mit integrierter außergewöhnlicher Sonnenschutzwirkung SPF50+ PA++++ mit Centella und Hyaluronsäure.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_5.webp?v=1754232167\"\/\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003e\n Diese Sonnencreme ist anders als jede Sonnencreme, die Sie je ausprobiert haben. Stellen Sie sich eine Sonnencreme vor, die Sie schützt, hydratisiert und gleichzeitig strahlen lässt? Stellen Sie sich vor, die Sonnencreme aufzutragen, ohne sie auf Ihrer Haut zu spüren? Stellen Sie sich einen starken Sonnenschutz ohne jegliche Fettigkeit, Weißlückigkeit oder Klebrigkeit vor? Dies ist keine Vorstellung... \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e. Es ist nicht nur eine gewöhnliche Sonnencreme... es ist ein vollständiges Pflege-Serum mit außergewöhnlichem Schutz.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Vorteile des SKIN1004 Sonnenschutzserums\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_2.webp?v=1754232166\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eSchutz + Pflege + Schönheit in einem einzigen Produkt - 6 außergewöhnliche Vorteile\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n Die mächtigsten natürlichen Inhaltsstoffe zum ersten Mal kombiniert\n \u003c\/p\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e50\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eÜberlegener Schutz SPF50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDer stärkste Schutz gegen schädliche UVA- und UVB-Strahlen mit fortschrittlicher koreanischer Schutztechnologie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTiefenfeuchtigkeit mit Hyaluronsäure\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eHält die Haut den ganzen Tag mit 3 verschiedenen Molekülgrößen hydratisiert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eLindert Hautinfektionen\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMit konzentriertem Centella-Extrakt 9800 ppm aus Madagaskar für sofortige Linderung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eW\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eLeichte wässrige Textur\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eVerschwindet in der Haut, ohne Spuren zu hinterlassen, ist vollständig transparent und für alle Hauttöne geeignet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eG\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSofortige natürliche Helligkeit\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eVerleiht der Haut ein gesundes und gleichmäßiges Aussehen dank Niacinamid\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSicher für empfindliche Haut\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eHypoallergen und dermatologisch getestet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section Header for Magic Formula --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eLa formula magica: protezione + cura + bellezza in un unico prodotto\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eDie mächtigsten natürlichen Inhaltsstoffe zum ersten Mal kombiniert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Magische Formel von SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_4.webp?v=1754232167\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eFortgeschrittene wissenschaftliche Komponenten\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n 4 kraftvolle Kombinationen von Inhaltsstoffen, die in perfekter Harmonie wirken\n \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eMadagaskar-Centella-Extrakt 9800 ppm - Al-Mahdi Natural\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eLa Centella più pura e potente del mondo dal Madagascar\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa Centella è un miracolo erboristico che ha la capacità di lenire i casi più gravi di irritazione e arrossamento in pochi secondi\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLindert Hautinfektionen:\u003c\/strong\u003e Und sofortige Rötung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeschleunigt die Heilung kleiner Wunden:\u003c\/strong\u003e Und die Wirkungen von Getreide\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärkt die natürliche Hautschutzbarriere:\u003c\/strong\u003e Gegen äußere Faktoren\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchützt vor Verschmutzung und Staub\u003c\/strong\u003e Während des Sonnenschutzes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eHyaluronsäure mit 3 molekularen Dimensionen - intensive Hydratation\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eFortschrittliche Technologie, um alle Hautschichten zu befeuchten\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eDie Magie liegt in der Vielfalt:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEinfache Hyaluronsäure:\u003c\/strong\u003e für die oberflächliche Schicht\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHyaluronsäure-Analysator:\u003c\/strong\u003e Für tiefe Schichten\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatriumhyaluronat:\u003c\/strong\u003e Für kontinuierliche Hydratation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e1000-fache Feuchtigkeit:\u003c\/strong\u003e Das Gewicht eines Moleküls in Wasser\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNiacinamid - Pigmentbehandlung\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eVitamin B3, das den Hautton ausgleicht und schützt\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eVielfache Vorteile:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduziert Pigmentierung:\u003c\/strong\u003e Abgeleitet von Sonnenschäden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReguliert die Sebumproduktion:\u003c\/strong\u003e Für fettige und Mischhaut\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVerbessert die Hauttextur:\u003c\/strong\u003e Und ihre Weichheit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärkt die Immunität der Haut:\u003c\/strong\u003e Gegen schädliche Faktoren\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNatürliche Antioxidantien - voller Schutz\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eOxidationsschäden sind die Hauptursache für vorzeitige Alterung und hartnäckige Pigmentierungen\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eAbwehrmannschaft:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGrüner Tee Extrakt:\u003c\/strong\u003e Starkes Antioxidans\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrokkoli-Extrakt:\u003c\/strong\u003e Essentielle Vitamine und Mineralstoffe\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKresseextrakt):\u003c\/strong\u003e Aktiviert die Blutzirkulation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrakt von Alfalfa:\u003c\/strong\u003e Tiefe Zellpflege\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section (Comparison) --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003eWarum SKIN1004 anders ist als andere Sonnencremes?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eRegelmäßige Sonnenbäder vs SKIN1004 - der Unterschied ist klar\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n Die meisten Sonnenschutzcremes auf dem Markt konzentrieren sich nur auf den Schutz, lassen die Haut aber trocken, fettig oder mit einem störenden weißen Film zurück. Die Sonnenstrahlen schädigen die Haut auch an bewölkten Tagen, und an jedem Tag ohne angemessenen Schutz erleiden die Hautzellen mehr Schaden.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eVollständiger Vergleich:\u003c\/h4\u003e\n\u003cdiv class=\"ph-problem-grid\"\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eTraditionelle Sonnencremes\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Fettige und klebrige Textur, die die Haut auf eine nicht sehr angenehme Weise glänzen lässt\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Weißlicher Film, der stundenlang auf der Haut erscheint\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Trockenheit und Reizungen, besonders bei empfindlicher Haut\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Nur Schutz ohne zusätzlichen Nutzen\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Schwer zu entfernen und verstopft die Poren\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Sun Serum\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Leichte, wässrige Textur, die in wenigen Sekunden verschwindet\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Vollständig transparent, für alle Hauttöne geeignet\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Befeuchtet und beruhigt mit Schutz\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Integrierte Hautpflege während des Schutzes\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Leicht zu entfernen und angenehm für den täglichen Gebrauch\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eSchutz ist kein Luxus... er ist eine Notwendigkeit für die Gesundheit und Schönheit deiner Haut\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Vergleiche SKIN1004 mit anderen Produkten\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.webp?v=1754232167\"\/\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eEine Reise des Schutzes und der Schönheit - sehen Sie den Unterschied ab dem ersten Tag\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eEs ist nicht nur Schutz... es ist eine vollständige Verbesserung für deine Haut\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eAb der ersten Anwendung\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eDie angenehme Überraschung\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eSofortiger Schutz vor den stärksten Sonnenstrahlen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eL'idratazione profonda è preferita per molte ore\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eNatürliche Helligkeit ohne Weißlichkeit oder Fettigkeit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eVollständiger Komfort auch für empfindliche Haut\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eNach einer Woche\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003edeutliche Verbesserung\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eDie Haut ist sichtbar glatter und elastischer\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eRötung und Hautentzündung reduzieren\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBesserer Hautton und natürliche Ausstrahlung\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eNachgewiesener Schutz vor Sonnenbrand\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eNach einem Monat\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eKontinuierliche Verbesserung\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eGesündere und lebendigere Haut dank intensiver Feuchtigkeitsversorgung\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eVerbesserung der Textur und Glätte der Haut\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eStarker Schutz vor allen Schäden durch Sonne und Umweltverschmutzung\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eGrößeres Vertrauen in die tägliche Anwendung des Produkts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eNach 3 Monaten\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eVollständiger Schutz und Pflege\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eZu 100 % vor Sonnenschäden und Hautalterung geschützt\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBeste allgemeine Hautgesundheit dank natürlicher Inhaltsstoffe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLanganhaltende Leuchtkraft und natürliche Vitalität\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eEine gesunde Gewohnheit, die Teil deiner täglichen Routine geworden ist\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-timeline-conclusion\"\u003e\n Es ist nicht nur Schutz... es ist eine vollständige Verbesserung für deine Haut auf lange Sicht\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Reise zur Verbesserung mit SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167\"\/\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eOptimale Anwendungsmethode - für maximalen Schutz und Schönheit\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003eEinfache Schritte für perfekte Ergebnisse\u003c\/p\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eAm Morgen\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eReinige das Gesicht mit der entsprechenden Lotion, pflege die Haut mit deiner üblichen Creme, warte 5 Minuten, bis die Creme eingezogen ist, trage eine angemessene Menge Serum und Sonnenschutz auf.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eAnwendungsmethode\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eEine Menge wie eine Münze (etwa ein Teelöffel) auspressen, sanft auf Gesicht und Hals verteilen, vorsichtig einklopfen bis zur vollständigen Aufnahme, 5 Minuten warten, bevor Make-up aufgetragen wird\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eErneutes Auftragen\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eAlle zwei Stunden, wenn direktem Sonnenlicht ausgesetzt, nach dem Schwimmen oder starkem Schwitzen. Auch über leichtem Make-up einfach aufzutragen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eWichtige Tipps\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eTäglich verwenden für beste Ergebnisse, geeignet unter Sonnenschutz und Make-up, sicher für häufige Anwendung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-usage-tips-title\"\u003eWarum Sonnenschutz eine kluge Investition ist?\u003c\/h3\u003e\n\u003cdiv class=\"ph-usage-tips-grid\"\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle advanced\"\u003eOriginal koreanische Qualität:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEine der bekanntesten koreanischen Marken\u003c\/strong\u003e Spezialisiert auf Centella-Produkte - Vertrauen und nachweisliche Qualität weltweit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAngemessener Preis für einen großen Wert\u003c\/strong\u003e - Günstiger als die meisten Luxus-Sonnencremes mit teureren Inhaltsstoffen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZufriedenheitsrate über 95%\u003c\/strong\u003e Von Benutzern aus aller Welt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eEine intelligente Investition in Ihre Haut:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEin Produkt, das großen Erfolg erzielt hat.\u003c\/strong\u003e Hervorragende Bewertungen weltweit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSonnenlicht schädigt deine Haut\u003c\/strong\u003e Auch an bewölkten Tagen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJeder Tag ohne Schutz\u003c\/strong\u003e Deine Hautzellen sind stärker geschädigt\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!-- Warning Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eWichtiger Hinweis: Deine Haut braucht jeden Tag Schutz\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eSonnenstrahlen sind schädlich für Ihre Haut, auch an bewölkten Tagen\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eJeder Tag ohne Schutz... die Zellen deiner Haut werden stärker geschädigt\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eJede Woche der Vernachlässigung... erscheinen die Zeichen des Alterns schneller\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eJeden Monat des Aufschiebens... häuft sich der Schaden an und bleibt schwer zu reparieren\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSchutz ist kein Luxus... er ist eine Notwendigkeit für die Gesundheit und Schönheit deiner Haut\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 6 --\u003e\n\u003cimg alt=\"L'importanza della protezione quotidiana\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_3.webp?v=1754232167\"\/\u003e\n\u003c!-- Social Proof --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eSKIN1004 ist nicht nur eine Sonnencreme... es ist eine Investition in die Zukunft deiner Haut\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eK\u003c\/div\u003e\n\u003ch4\u003eOriginal koreanische Qualität\u003c\/h4\u003e\n\u003cp\u003eEine der bekanntesten koreanischen Marken, spezialisiert auf Produkte mit Centella - bewährtes globales Vertrauen und Qualität mit fortschrittlichen Schutztechnologien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n\u003ch4\u003eAngemessener Preis für einen großen Wert\u003c\/h4\u003e\n\u003cp\u003eGünstiger als die meisten luxuriösen Sonnencremes mit teureren und wichtigen aktiven Inhaltsstoffen – eine kluge Investition in die Gesundheit Ihrer Haut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e95\u003c\/div\u003e\n\u003ch4\u003eWeltweit bewährter Erfolg\u003c\/h4\u003e\n\u003cp\u003eZufriedenheitsrate von über 95% der Nutzer weltweit - ein Produkt, das großen Erfolg und hervorragende Bewertungen erzielt hat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eA\u003c\/div\u003e\n\u003ch4\u003eSicher und für alle geeignet\u003c\/h4\u003e\n\u003cp\u003eHypoallergen und dermatologisch getestet - geeignet für empfindliche Haut und für den täglichen Gebrauch\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eU\u003c\/div\u003e\n\u003ch4\u003eVielseitig\u003c\/h4\u003e\n\u003cp\u003eSonnencreme + Heilserum + leichte Feuchtigkeitscreme + entzündungshemmend - alles, was die Haut in einem Produkt braucht\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-cta-title\"\u003eSchütze deine Haut heute... und lass sie dir in der Zukunft danken\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n Jeden Tag, ohne angemessenen Schutz, erleiden die Hautzellen immer mehr Schäden.\u003cbr\/\u003e\n Jede Woche vernachlässigst du die Zeichen des Alterns, die schneller erscheinen.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eGenieße die Sonne ohne Angst\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eMit dem stärksten Schutz und der weichsten Textur - die Sonnencreme, die Sie die Sonne vom ersten Gebrauch an lieben lassen wird\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eVollständige Zutatenliste\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eWirkstoffe und vollständige Formel\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003eHauptwirkstoffe:\u003c\/strong\u003e\u003cbr\/\u003e\n • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - Centella aus Madagaskar zur Beruhigung\u003cbr\/\u003e\n • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - Hyaluronsäure für intensive Feuchtigkeit\u003cbr\/\u003e\n • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamin B3 zur Angleichung der Farbe\u003cbr\/\u003e\n • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - Natürliche Antioxidantien\u003cbr\/\u003e\n • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - Erweiterte Schutzfilter\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eVollständige Zutatenliste (INCI)):\u003c\/strong\u003e\u003cbr\/\u003e\n Water, Dibutyl Adipate, Propanediol, Diethylamino Hydroxybenzoyl Hexyl Benzoate, Polymethylsilsesquioxane, Ethylhexyl Triazone, Methylene Bis-Benzotriazolyl Tetramethylbutylphenol, Niacinamide, Coco-Caprylate\/Caprate, Caprylyl Methicone, Diethylhexyl Butamido Triazone, Glycerin, 1,2-Hexanediol, Butylene Glycol, Centella Asiatica Extract(9800ppm), Betula Platyphylla Japonica Bark Extract, Ginkgo Biloba Leaf Extract, Camellia Sinensis Leaf Extract, Triticum Vulgare (Wheat) Sprout Extract, Medicago Sativa (Alfalfa) Extract, Brassica Oleracea Italica (Broccoli) Sprout Extract, Eruca Sativa Leaf Extract, Camellia Japonica Leaf Extract, Sodium Hyaluronate(10ppm), Behenyl Alcohol, Poly C10-30 Alkyl Acrylate, Polyglyceryl-3 Methylglucose Distearate, Decyl Glucoside, Tromethamine, Carbomer, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Sodium Stearoyl Glutamate, Polyacrylate Crosspolymer-6, Adenosine, Xanthan Gum, T-Butyl Alcohol, Tocopherol, Hydrolyzed Hyaluronic Acid(1ppm), Inositol, Hyaluronic Acid(0.01ppm), Pentylene Glycol, Ethylhexylglycerin\n \u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-safety\"\u003e\n\u003cp class=\"ph-ingredients-safety-text\"\u003e\n\u003cstrong\u003e✓ Hypoallergen\u003c\/strong\u003e - Dermatologisches Labor\u003cbr\/\u003e\n\u003cstrong\u003e✓ Für empfindliche Haut geeignet\u003c\/strong\u003e - Sanfte und sichere Formel\u003cbr\/\u003e\n\u003cstrong\u003e✓ Breitband-Schutz\u003c\/strong\u003e - Gegen UVA-, UVB- und schädliche Strahlen\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977044652229,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167"}],"url":"https:\/\/instachiq.com\/de\/collections\/facial-serums.oembed","provider":"Instachiq","version":"1.0","type":"link"}