{"title":"أسرار البشرة الكورية","description":"\u003ch2\u003eأسرار البشرة الكورية | Korean Skincare Secrets\u003c\/h2\u003e\n\u003cp\u003eاكتشفي عالم العناية بالبشرة الكورية الأصلية من أفضل البراندات العالمية مع شحن دولي وإرجاع سهل! 🌸\u003c\/p\u003e\n\u003ch3\u003e✨ البراندات المتميزة في مجموعتنا | Premium K-Beauty Brands\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCOSRX\u003c\/strong\u003e - سيروم الحلزون 96، كريمات الترطيب، ومنتجات الببتايد\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSOME BY MI\u003c\/strong\u003e - تونر المعجزة AHA-BHA-PHA، سيروم الريتينول المكثف\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeauty of Joseon\u003c\/strong\u003e - واقي الشمس المائي، سيروم البروبوليس والنياسيناميد\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSKIN1004\u003c\/strong\u003e - سيروم سنتيلا مدغشقر، أمبولات البروبيوتيك\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eANUA\u003c\/strong\u003e - سيروم النياسيناميد 10% لتفتيح البشرة\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMary \u0026amp; May\u003c\/strong\u003e - منتجات نباتية طبيعية\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDR. ALTHEA\u003c\/strong\u003e - عناية احترافية بالبشرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e🎯 فوائد منتجات البشرة الكورية | Korean Skincare Benefits\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e✅ \u003cstrong\u003eترطيب عميق ومكثف\u003c\/strong\u003e - Deep Hydration \u0026amp; Moisture Lock\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eتفتيح وتوحيد لون البشرة\u003c\/strong\u003e - Brightening \u0026amp; Even Skin Tone\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eمكافحة التجاعيد والشيخوخة\u003c\/strong\u003e - Anti-Aging \u0026amp; Wrinkle Correction\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eعلاج حب الشباب والبقع الداكنة\u003c\/strong\u003e - Acne Treatment \u0026amp; Dark Spot Removal\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eتقشير لطيف وتجديد البشرة\u003c\/strong\u003e - Gentle Exfoliation \u0026amp; Skin Renewal\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eحماية من الشمس SPF 50+\u003c\/strong\u003e - Sun Protection\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e💎 المكونات الفعالة | Active Ingredients\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSnail Mucin 96%\u003c\/strong\u003e | \u003cstrong\u003eRetinol\u003c\/strong\u003e | \u003cstrong\u003eNiacinamide 10%\u003c\/strong\u003e | \u003cstrong\u003eCentella Asiatica\u003c\/strong\u003e | \u003cstrong\u003eAHA-BHA-PHA\u003c\/strong\u003e | \u003cstrong\u003ePropolis\u003c\/strong\u003e | \u003cstrong\u003ePeptides\u003c\/strong\u003e | \u003cstrong\u003eVitamin C\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e🚚 الشحن الدولي وسياسة الإرجاع | International Shipping \u0026amp; Returns\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e✈️ شحن دولي سريع لجميع الدول العربية والعالم\u003c\/li\u003e\n\u003cli\u003e📦 تغليف آمن ومحترف يضمن وصول المنتجات بحالة ممتازة\u003c\/li\u003e\n\u003cli\u003e🔄 إرجاع سهل خلال 14 يوم - سياسة استرجاع مرنة\u003c\/li\u003e\n\u003cli\u003e✔️ منتجات أصلية 100% مع ضمان الجودة\u003c\/li\u003e\n\u003cli\u003e💳 دفع آمن بجميع الطرق\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e❓ الأسئلة الشائعة | FAQ About Korean Skincare\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eQ: ما هي أفضل منتجات البشرة الكورية للمبتدئين؟\u003c\/strong\u003e\u003cbr\u003eA: ننصح بالبدء بتونر SOME BY MI AHA-BHA-PHA، سيروم الحلزون من COSRX، وواقي الشمس من Beauty of Joseon.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ: What makes Korean skincare products special?\u003c\/strong\u003e\u003cbr\u003eA: Korean skincare focuses on prevention, hydration, and using innovative natural ingredients like snail mucin, centella, and fermented extracts.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ: هل المنتجات مناسبة للبشرة الحساسة؟\u003c\/strong\u003e\u003cbr\u003eA: نعم! معظم المنتجات الكورية مصممة للبشرة الحساسة وخالية من المواد القاسية.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ: كم مدة الشحن؟\u003c\/strong\u003e\u003cbr\u003eA: الشحن يستغرق 7-14 يوم عمل حسب موقعك الجغرافي.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ: Are products authentic and original?\u003c\/strong\u003e\u003cbr\u003eA: Yes! All our Korean skincare products are 100% authentic, sourced directly from authorized distributors.\u003c\/p\u003e\n\u003ch3\u003e🛍️ تسوق الآن | Shop Now\u003c\/h3\u003e\n\u003cp\u003eاطلبي منتجات العناية بالبشرة الكورية الأصلية من Instachiq واحصلي على بشرة مشرقة وصحية! منتجات COSRX، SOME BY MI، Beauty of Joseon، SKIN1004 متوفرة مع شحن دولي وإرجاع مجاني.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e🏷️ Keywords:\u003c\/strong\u003e Korean skincare, K-beauty, COSRX snail mucin, SOME BY MI AHA BHA PHA, Beauty of Joseon sunscreen, Korean beauty products, international shipping, authentic Korean cosmetics, منتجات كورية أصلية, العناية بالبشرة الكورية\u003c\/p\u003e","products":[{"product_id":"somebymi-aha-bha-pha-miracle-toner","title":"Some By Mi AHA-BHA-PHA 30 Days Miracle Toner 150ml","description":"\u003cdiv class=\"sbm30-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === المتغيرات والألوان الأساسية (هوية شجرة الشاي والذهب) === *\/\n        .sbm30-wrapper {\n            --sbm30-bg-dark: #0a110d; \/* أخضر غابي داكن جداً يميل للأسود *\/\n            --sbm30-bg-card: rgba(20, 35, 25, 0.6); \/* زجاج أخضر داكن *\/\n            --sbm30-green-main: #2e8b57; \/* أخضر شجرة الشاي *\/\n            --sbm30-green-light: #66cdaa; \/* أخضر فاتح مشع *\/\n            --sbm30-gold-main: #d4af37; \/* ذهبي فاخر *\/\n            --sbm30-gold-light: #f3e5ab; \/* ذهبي فاتح مضيء *\/\n            --sbm30-glow-green: rgba(46, 139, 87, 0.3);\n            --sbm30-glow-gold: rgba(212, 175, 55, 0.25);\n            --sbm30-text-main: #f0fdf4;\n            --sbm30-text-muted: #b0c4b1;\n            --sbm30-border: rgba(46, 139, 87, 0.3);\n            --sbm30-border-hover: rgba(102, 205, 170, 0.6);\n            \n            background-color: var(--sbm30-bg-dark);\n            color: var(--sbm30-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(46, 139, 87, 0.05) inset;\n        }\n\n        .sbm30-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbm30-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        }\n\n        .sbm30-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === فقاعات التنقية في الخلفية === *\/\n        .sbm30-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        .sbm30-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm30-glow-green) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            border: 1px solid rgba(102, 205, 170, 0.2);\n            animation: floatUpMint 15s infinite ease-in-out;\n            filter: blur(4px);\n        }\n\n        @keyframes floatUpMint {\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        .sbm30-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            background: linear-gradient(135deg, #ffffff 0%, var(--sbm30-green-light) 60%, var(--sbm30-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--sbm30-glow-green);\n        }\n\n        .sbm30-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: var(--sbm30-gold-main);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .sbm30-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(--sbm30-green-light), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--sbm30-green-main);\n        }\n\n        \/* === الهيرو (الواجهة) === *\/\n        .sbm30-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .sbm30-badge {\n            display: inline-block;\n            background: rgba(46, 139, 87, 0.15);\n            border: 1px solid var(--sbm30-green-main);\n            color: var(--sbm30-green-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(--sbm30-glow-green);\n        }\n        \n        .sbm30-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--sbm30-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n            border-right: 3px solid var(--sbm30-green-main);\n            padding-right: 15px;\n            background: linear-gradient(90deg, transparent, rgba(46, 139, 87, 0.05));\n            border-radius: 8px 0 0 8px;\n        }\n\n        \/* === الكروت الزجاجية (Glassmorphism) === *\/\n        .sbm30-glass-box {\n            background: var(--sbm30-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--sbm30-border);\n            border-radius: 20px;\n            padding: 35px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .sbm30-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(--sbm30-green-light), var(--sbm30-gold-main), transparent);\n        }\n\n        \/* === شبكة الفوائد والمكونات === *\/\n        .sbm30-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .sbm30-card {\n            background: linear-gradient(145deg, rgba(20, 35, 25, 0.7), rgba(10, 15, 12, 0.9));\n            border: 1px solid var(--sbm30-border);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        .sbm30-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            right: -50%;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .sbm30-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm30-gold-main);\n            box-shadow: 0 15px 30px var(--sbm30-glow-green);\n            background: rgba(25, 45, 30, 0.8);\n        }\n\n        .sbm30-card:hover::after { bottom: -10%; right: -10%; }\n\n        .sbm30-icon {\n            width: 60px; height: 60px; background: rgba(46, 139, 87, 0.1);\n            border: 1px solid rgba(102, 205, 170, 0.3); border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px; color: var(--sbm30-green-light); font-size: 28px;\n            transition: transform 0.3s ease; box-shadow: 0 0 15px rgba(46, 139, 87, 0.2);\n        }\n        \n        .sbm30-card:hover .sbm30-icon {\n            transform: scale(1.1) rotate(-5deg); background: linear-gradient(135deg, var(--sbm30-green-main), var(--sbm30-gold-main));\n            color: #111; border-color: transparent; box-shadow: 0 0 25px var(--sbm30-gold-main);\n        }\n\n        .sbm30-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 12px; line-height: 1.4; }\n        .sbm30-card p { color: var(--sbm30-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === جدول المقارنة === *\/\n        .sbm30-table-container {\n            overflow-x: auto; margin: 30px 0; border-radius: 16px; border: 1px solid var(--sbm30-border);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5); background: rgba(10, 15, 12, 0.6);\n        }\n\n        .sbm30-table { width: 100%; border-collapse: collapse; text-align: right; min-width: 500px; }\n        .sbm30-table th, .sbm30-table td { padding: 15px 20px; border-bottom: 1px solid rgba(255,255,255,0.05); }\n        .sbm30-table th { background: rgba(46, 139, 87, 0.2); color: var(--sbm30-gold-light); font-weight: 800; font-size: 1.1rem; }\n        .sbm30-table td strong { color: var(--sbm30-text-main); }\n        .sbm30-table td.sbm30-highlight { background: rgba(46, 139, 87, 0.08); color: var(--sbm30-green-light); font-weight: bold; font-size: 1.05rem; }\n        .sbm30-table tr:last-child td { border-bottom: none; }\n\n        \/* === خطوات الاستخدام === *\/\n        .sbm30-steps-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }\n        .sbm30-step-item {\n            display: flex; align-items: center; background: rgba(255,255,255,0.02);\n            border: 1px solid var(--sbm30-border); padding: 20px; border-radius: 12px; transition: all 0.3s;\n        }\n        .sbm30-step-item:hover { border-color: var(--sbm30-gold-main); background: rgba(212, 175, 55, 0.05); transform: translateX(-5px); }\n        .sbm30-step-num {\n            font-size: 2rem; font-weight: 900; color: rgba(212, 175, 55, 0.2); -webkit-text-stroke: 1px var(--sbm30-gold-main);\n            margin-left: 20px; min-width: 45px; text-align: center; text-shadow: 0 0 10px var(--sbm30-glow-gold);\n        }\n\n        \/* === Animations === *\/\n        .sbm30-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .sbm30-reveal.sbm30-active { opacity: 1; transform: translateY(0); }\n        .sbm30-delay-1 { transition-delay: 0.1s; }\n        .sbm30-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbm30-hero { padding: 10px 0 20px; }\n            .sbm30-step-item { flex-direction: column; text-align: center; }\n            .sbm30-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- فقاعات التنقية في الخلفية --\u003e\n    \u003cdiv class=\"sbm30-ambient-particles\" id=\"sbm30-particles\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"sbm30-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"sbm30-hero sbm30-reveal sbm30-active\"\u003e\n            \u003cdiv class=\"sbm30-badge\"\u003eالتونر المعجزة الكوري الأكثر مبيعاً حول العالم\u003c\/div\u003e\n            \u003ch1 class=\"sbm30-title-glow\"\u003eأسرار البشرة الزجاجية الصافية تكمن في قطرات هذا التونر!\u003c\/h1\u003e\n            \n            \u003cp class=\"sbm30-hero-subtitle\"\u003e\n                \"الجلد الميت المتراكم لا يعطي عنك الانطباع الخاطئ فحسب، بل يسد مسامك ويمنع أي كريم غالي من اختراق بشرتك.\" \u003cbr\u003e\n                حوّلي بشرتك لأصفى وأنقى حالاتها في 30 يوماً فقط مع تونر \u003cstrong\u003eSome By Mi Miracle\u003c\/strong\u003e المطور.\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_toner_aha_bha_pha_peeling_toner_4.jpg?v=1730725686\" alt=\"تونر المعجزة من سوم باي مي\" style=\"margin: 0 auto 30px;\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Problem \/ Main Solution --\u003e\n        \u003cdiv class=\"sbm30-glass-box sbm30-reveal\"\u003e\n            \u003ch2 style=\"color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 15px;\"\u003eهل تعانين من بشرة باهتة، مسام واسعة، وحبوب لا تنتهي؟\u003c\/h2\u003e\n            \u003cp style=\"text-align: center; color: var(--sbm30-text-muted); line-height: 1.8; font-size: 1.1rem; margin-bottom: 20px;\"\u003e\n                السبب الرئيسي لمعظم مشاكل البشرة هو فشل دورة التجديد الطبيعية. عندما تتراكم الخلايا الميتة والزيوت المؤكسدة، تختنق البشرة وتبدأ بالالتهاب.\n            \u003c\/p\u003e\n            \u003cdiv style=\"background: rgba(212, 175, 55, 0.1); border: 1px dashed var(--sbm30-gold-main); padding: 20px; border-radius: 12px; text-align: center;\"\u003e\n                \u003cp style=\"color: var(--sbm30-gold-light); font-size: 1.25rem; font-weight: bold; margin-bottom: 10px;\"\u003eالمكنسة الثلاثية للأحماض (AHA, BHA, PHA)\u003c\/p\u003e\n                \u003cp style=\"color: #fff; font-size: 1.05rem;\"\u003e\n                    هذا التونر ليس مجرد \"ماء معطر\". إنه يعمل بفعالية ميكرو-كيميائية على إزالة خلايا الجلد الميتة وتذويب الرؤوس السوداء والبيضاء. بفضل احتوائه على AHA، يمسح القشور من السطح، بينما يغوص الـ BHA داخل المسام ليذيب دهون السنين، أما الـ PHA فيحافظ على ترطيب البشرة ويمنع تهيجها.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. Miracle Ingredients (Tea Tree) --\u003e\n        \u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eقوة شجرة الشاي التي قلبت موازين طب التجميل\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_3.webp?v=1745762837\" alt=\"قوة شجرة الشاي\" class=\"sbm30-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n        \n        \u003cp class=\"sbm30-reveal\" style=\"text-align: center; color: var(--sbm30-text-muted); font-size: 1.1rem; max-width: 800px; margin: 0 auto 40px; line-height: 1.8;\"\u003e\n            بفضل عمليات التنقية والاستخلاص الكورية المتقدمة، تم ضخ هذا التونر بالتركيز الأقصى من خلاصة أوراق شجرة الشاي الحقيقية \u003cstrong style=\"color: var(--sbm30-gold-light);\"\u003e(10,000 جزء في المليون)\u003c\/strong\u003e. هذا المكون السحري هو المعجزة الأكبر للبشرة الدهنية والمعرضة للحبوب؛ فهو يقتل البكتيريا المسببة لحب الشباب، يطفئ الالتهاب والاحمرار فوراً، ويوازن إنتاج الزيوت الزائدة بشكل لا يصدق!\n        \u003c\/p\u003e\n\n        \u003c!-- 4. Triple Action Benefits Grid --\u003e\n        \u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eفوائد ثلاثية الأبعاد لبشرة زجاجية مثالية\u003c\/h2\u003e\n        \u003cdiv class=\"sbm30-grid\"\u003e\n            \u003cdiv class=\"sbm30-card sbm30-reveal\"\u003e\n                \u003cdiv class=\"sbm30-icon\"\u003e🕳️\u003c\/div\u003e\n                \u003ch3\u003eالحل النهائي للمسام الواسعة\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003eحظ سعيد في محاولتك لرؤية مسامك بعد اليوم!\u003c\/strong\u003e التونر ينظف المسام من العمق ثم يقلص حجمها بفضل النياسيناميد (Niacinamide) المدمج في التركيبة.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm30-card sbm30-reveal sbm30-delay-1\"\u003e\n                \u003cdiv class=\"sbm30-icon\"\u003e⚖️\u003c\/div\u003e\n                \u003ch3\u003eتوازن درجة الحموضة (pH 5.5)\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003eألطف مقشر على البشرة الحساسة.\u003c\/strong\u003e هناك خيط رفيع يفصل بين التقشير والتهيج! التونر مصمم ليطابق حموضة الجلد الطبيعية ليقشر بعمق وبـ \"صفر\" تهيج.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm30-card sbm30-reveal sbm30-delay-2\"\u003e\n                \u003cdiv class=\"sbm30-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        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_2.webp?v=1745763008\" alt=\"فوائد التونر\" class=\"sbm30-reveal\" style=\"margin: 40px auto; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\"\u003e\n\n        \u003c!-- 5. Comparison Table --\u003e\n        \u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eلماذا يتفوق تونر Some By Mi على التونرات العادية؟\u003c\/h2\u003e\n        \u003cdiv class=\"sbm30-table-container sbm30-reveal\"\u003e\n            \u003ctable class=\"sbm30-table\"\u003e\n                \u003cthead\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eوجه المقارنة\u003c\/th\u003e\n                        \u003cth\u003eالتونرات المقشرة العادية\u003c\/th\u003e\n                        \u003cth style=\"background: rgba(212, 175, 55, 0.15); color: #fff;\"\u003eتونر المعجزة (Some By Mi)\u003c\/th\u003e\n                    \u003c\/tr\u003e\n                \u003c\/thead\u003e\n                \u003ctbody\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eنظام التقشير\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eنوع واحد فقط (عادة AHA)\u003c\/td\u003e\n                        \u003ctd class=\"sbm30-highlight\"\u003eنظام ثلاثي الأبعاد (AHA \/ BHA \/ PHA)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eتأثير الترطيب\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eتسبب جفاف وتقشر واضح\u003c\/td\u003e\n                        \u003ctd class=\"sbm30-highlight\"\u003eترطيب عميق بفضل جزيئات الـ PHA\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eمعالجة الحبوب\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eقد تهيج الحبوب النشطة\u003c\/td\u003e\n                        \u003ctd class=\"sbm30-highlight\"\u003eتطفيء الالتهاب وتقتل البكتيريا (بفضل شجرة الشاي)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eالتوازن الحمضي\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eقلوية أو حمضية قاسية\u003c\/td\u003e\n                        \u003ctd class=\"sbm30-highlight\"\u003ePH 5.5 متوازن تماماً لحماية حاجز البشرة\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eالبشرة الحساسة\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eغير مناسبة لاحتوائها على كحول\u003c\/td\u003e\n                        \u003ctd class=\"sbm30-highlight\"\u003eآمن جداً ومختبر طبياً كـ (Non-Comedogenic)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/tbody\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Usage Instructions --\u003e\n        \u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eطريقة الاستخدام لنتائج سريعة\u003c\/h2\u003e\n        \u003cdiv class=\"sbm30-steps-wrap sbm30-reveal\"\u003e\n            \u003cdiv class=\"sbm30-step-item\"\u003e\n                \u003cdiv class=\"sbm30-step-num\"\u003e1\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالتنظيف العميق\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted);\"\u003eاغسلي وجهك جيداً بالغسول المفضل لديك وجففيه بلطف.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbm30-step-item\"\u003e\n                \u003cdiv class=\"sbm30-step-num\"\u003e2\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالمسح بالقطنة\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted);\"\u003eضعي كمية مناسبة من التونر على قطعة قطن نظيفة، وامسحي بها وجهك بلطف متتبعة نسيج البشرة (من الداخل للخارج).\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbm30-step-item\"\u003e\n                \u003cdiv class=\"sbm30-step-num\"\u003e3\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالتربيت للامتصاص\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted);\"\u003eربتي بلطف بأطراف أصابعك على وجهك لمساعدة البشرة على امتصاص كامل العناصر الغذائية.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbm30-step-item\"\u003e\n                \u003cdiv class=\"sbm30-step-num\"\u003e4\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالحماية الإجبارية\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted);\"\u003eأتبعيه بسيروم ومرطب. وفي الصباح، \u003cstrong\u003eواقي الشمس (SPF) هو خطوة إجبارية\u003c\/strong\u003e لأن الأحماض تجعل البشرة حساسة للشمس.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 7. Social Proof (Reviews) --\u003e\n        \u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eتجارب حقيقية: لماذا سُمي بـ \"المعجزة\"؟\u003c\/h2\u003e\n        \u003cdiv class=\"sbm30-glass-box sbm30-reveal\" style=\"text-align: right; padding: 25px;\"\u003e\n            \u003cul style=\"list-style: none;\"\u003e\n                \u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n                    \u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eالجانب المشرق (الإيجابيات):\u003c\/strong\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eأشاد غالبية المستخدمين بقدرة التونر السريعة على تجفيف الحبوب النشطة وتقليل الالتهابات والاحمرار في غضون أيام قليلة. كما لاحظوا تحسناً كبيراً في ملمس البشرة ونعومتها، وتصغيراً ملحوظاً لشكل المسام بفضل التقشير اللطيف والعميق الذي لا يسبب أي تهيج.\u003c\/p\u003e\n                \u003c\/li\u003e\n                \u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n                    \u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eنقطة للملاحظة:\u003c\/strong\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eأشار البعض إلى أن أصحاب البشرة شديدة الجفاف قد يحتاجون إلى إدخال التونر تدريجياً في روتينهم (يوماً بعد يوم في البداية) لتجنب أي شد في البشرة، مع ضرورة اتباع خطوة التقشير بمرطب قوي ومناسب للحصول على أفضل النتائج بدون جفاف.\u003c\/p\u003e\n                \u003c\/li\u003e\n                \u003cli\u003e\n                    \u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eالخلاصة:\u003c\/strong\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eيعتبر هذا التونر \"منقذاً\" حقيقياً للبشرة الدهنية والمختلطة والمعرضة للحبوب. استثمار ممتاز يقدم تقشيراً آمناً يومياً ونتائج تضاهي جلسات التنظيف الاحترافية في التخلص من الجلد الميت وتنقية المسام وإعادة التوهج الطبيعي للوجه.\u003c\/p\u003e\n                \u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 8. Final CTA --\u003e\n        \u003cdiv class=\"sbm30-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--sbm30-border);\"\u003e\n            \u003ch2 class=\"sbm30-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eبشرة جديدة ونقية في 30 يوماً فقط!\u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_1.webp?v=1745762879\" alt=\"تطبيق التونر\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\"\u003e\n            \n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                توقفي عن إخفاء الحبوب والمشاكل تحت طبقات كثيفة من المكياج. \u003cstrong\u003eتونر المعجزة من Some By Mi\u003c\/strong\u003e سيعمل كـ \"زر إعادة التشغيل\" (Reset Button) لبشرتك، لينسف الخلايا الميتة والدهون، ويترك لك سطحاً نقياً وصحياً تتنفس من خلاله بشرتك.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--sbm30-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--sbm30-glow-gold);\"\u003e\n                اطلبيه الآن واحصلي على بشرتك الزجاجية!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 9. Ingredients Footer --\u003e\n        \u003cdiv class=\"sbm30-reveal\" style=\"background: rgba(0,0,0,0.5); border: 1px dashed var(--sbm30-border); border-radius: 12px; padding: 25px; font-size: 0.85rem; color: #888; margin-top: 50px; text-align: left; direction: ltr;\"\u003e\n            \u003ch3 style=\"color: var(--sbm30-gold-main); margin-bottom: 15px; font-size: 1.1rem; text-align: right; direction: rtl;\"\u003eقائمة المكوّنات الكاملة (INCI)\u003c\/h3\u003e\n            \u003cp\u003eWater, Butylene Glycol, Dipropylene Glycol, Glycerin, \u003cstrong\u003eNiacinamide\u003c\/strong\u003e, \u003cstrong\u003eMelaleuca Alternifolia (Tea Tree) Leaf Extract (10,000ppm)\u003c\/strong\u003e, Polyglyceryl-4 Caprate, Carica Papaya (Papaya) Fruit Extract, Lens Esculenta (Lentil) Seed Extract, Hamamelis Virginiana (Witch Hazel) Extract, Nelumbo Nucifera Flower Extract, Swiftlet Nest Extract, Sodium Hyaluronate, Fructan, Allantoin, \u003cstrong\u003eAdenosine\u003c\/strong\u003e, Hydroxyethyl Urea, Xylitol, \u003cstrong\u003eSalicylic Acid (100ppm)\u003c\/strong\u003e, \u003cstrong\u003eLactobionic Acid (100ppm)\u003c\/strong\u003e, \u003cstrong\u003eCitric Acid (500ppm)\u003c\/strong\u003e, Sodium Citrate, 1,2-Hexanediol, Benzyl Glycol, Ethylhexylglycerin, Raspberry Ketone, Mentha Piperita (Peppermint) Oil.\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('.sbm30-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm30-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('sbm30-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Mint Bubbles\n            var ambientContainer = document.getElementById('sbm30-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('sbm30-particle');\n                \n                var size = Math.random() * 40 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 12; \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":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44138531717317,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AHA_BHA_PHA_30_Days_Miracle_Toner_1024x1024_a3e227c7-30b0-46c2-b0b1-9e3745390366.png?v=1728733675"},{"product_id":"somebymi-retinol-triple-action-eye-cream","title":"SOME BY MI Retinol Intense Advanced Triple Action Eye Cream, 30Ml","description":"\u003cdiv class=\"sbmeye-premium-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (Twilight Purple \u0026 Gold Theme) === *\/\n        .sbmeye-premium-wrapper {\n            --sbmeye-bg-deep: #0d0514; \/* Deep midnight purple\/black *\/\n            --sbmeye-bg-card: rgba(30, 15, 45, 0.6); \/* Translucent dark purple *\/\n            --sbmeye-gold-main: #d4af37; \/* Premium Gold *\/\n            --sbmeye-gold-light: #f9e596; \/* Luminous soft gold *\/\n            --sbmeye-purple-accent: #9c27b0; \/* Bright purple for accents *\/\n            --sbmeye-purple-light: #e1bee7; \/* Soft pastel purple *\/\n            --sbmeye-glow-gold: rgba(212, 175, 55, 0.25);\n            --sbmeye-glow-purple: rgba(156, 39, 176, 0.3);\n            --sbmeye-text-main: #fdfbf7;\n            --sbmeye-text-muted: #c4b5c7;\n            --sbmeye-border: rgba(212, 175, 55, 0.2);\n            --sbmeye-border-hover: rgba(249, 229, 150, 0.6);\n            --sbmeye-alert: #ff5252;\n            \n            background-color: var(--sbmeye-bg-deep);\n            color: var(--sbmeye-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(156, 39, 176, 0.05) inset;\n        }\n\n        .sbmeye-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbmeye-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(255,255,255,0.05);\n        }\n\n        .sbmeye-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Ambient Starry Night Background === *\/\n        .sbmeye-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            background: radial-gradient(circle at 15% 30%, rgba(156, 39, 176, 0.08), transparent 50%),\n                        radial-gradient(circle at 85% 70%, rgba(212, 175, 55, 0.05), transparent 50%);\n        }\n\n        .sbmeye-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbmeye-glow-gold) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpEye 18s infinite ease-in-out;\n            filter: blur(5px);\n        }\n\n        @keyframes floatUpEye {\n            0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n        }\n\n        \/* === Typography \u0026 Headers === *\/\n        .sbmeye-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 25px rgba(0,0,0,0.8);\n        }\n\n        .sbmeye-title-glow span {\n            background: linear-gradient(135deg, var(--sbmeye-gold-light) 0%, var(--sbmeye-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--sbmeye-glow-gold);\n        }\n\n        .sbmeye-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: var(--sbmeye-gold-light);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .sbmeye-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(--sbmeye-gold-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--sbmeye-gold-main);\n        }\n\n        \/* === Hero Section === *\/\n        .sbmeye-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .sbmeye-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--sbmeye-gold-main);\n            color: var(--sbmeye-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(--sbmeye-glow-gold);\n        }\n        \n        .sbmeye-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--sbmeye-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .sbmeye-glass-box {\n            background: var(--sbmeye-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--sbmeye-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        .sbmeye-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(--sbmeye-gold-light), var(--sbmeye-purple-accent), transparent);\n            box-shadow: 0 0 15px var(--sbmeye-gold-main);\n        }\n\n        \/* === Benefits Grid === *\/\n        .sbmeye-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 40px 0;\n        }\n\n        .sbmeye-card {\n            background: linear-gradient(145deg, rgba(25, 10, 35, 0.7), rgba(10, 5, 15, 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            z-index: 1;\n        }\n\n        .sbmeye-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            right: -50%;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(156, 39, 176, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .sbmeye-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbmeye-gold-main);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n            background: rgba(35, 15, 45, 0.8);\n        }\n\n        .sbmeye-card:hover::after {\n            bottom: -10%;\n            right: -10%;\n        }\n\n        .sbmeye-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(--sbmeye-gold-light);\n            font-size: 26px;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .sbmeye-card:hover .sbmeye-icon {\n            background: linear-gradient(135deg, var(--sbmeye-gold-main), var(--sbmeye-gold-light));\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n            border-color: transparent;\n        }\n\n        .sbmeye-card h3 {\n            font-size: 1.25rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .sbmeye-card p {\n            color: var(--sbmeye-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === Scientific Triad (The 3 Pillars) === *\/\n        .sbmeye-triad {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            margin: 40px 0;\n        }\n\n        @media (min-width: 768px) {\n            .sbmeye-triad {\n                flex-direction: row;\n                justify-content: center;\n            }\n            .sbmeye-triad-item {\n                flex: 1;\n            }\n        }\n\n        .sbmeye-triad-item {\n            background: rgba(0,0,0,0.5);\n            border: 1px dashed var(--sbmeye-gold-main);\n            padding: 30px 20px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .sbmeye-triad-item:hover {\n            transform: translateY(-5px);\n            background: rgba(212, 175, 55, 0.05);\n            box-shadow: 0 10px 25px var(--sbmeye-glow-gold);\n        }\n\n        .sbmeye-triad-num {\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: rgba(212, 175, 55, 0.15);\n            line-height: 1;\n            position: absolute;\n            top: 10px;\n            right: 20px;\n            z-index: 0;\n        }\n\n        .sbmeye-triad-item h4 {\n            color: var(--sbmeye-gold-light);\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .sbmeye-triad-item p {\n            color: #fff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* === Usage Steps List === *\/\n        .sbmeye-step-list {\n            list-style: none;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .sbmeye-step-item {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--sbmeye-border);\n            padding: 20px;\n            border-radius: 16px;\n            transition: all 0.3s;\n        }\n\n        .sbmeye-step-item:hover {\n            border-color: var(--sbmeye-gold-light);\n            background: rgba(212, 175, 55, 0.05);\n            transform: translateX(-5px);\n        }\n\n        .sbmeye-step-num {\n            width: 45px;\n            height: 45px;\n            min-width: 45px;\n            background: var(--sbmeye-bg-deep);\n            border: 2px solid var(--sbmeye-gold-main);\n            color: var(--sbmeye-gold-light);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            font-weight: bold;\n            box-shadow: 0 0 15px var(--sbmeye-glow-gold);\n        }\n\n        \/* === Warning Box === *\/\n        .sbmeye-warning-box {\n            background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(255, 82, 82, 0.3);\n            border-right: 4px solid var(--sbmeye-alert);\n            padding: 25px;\n            border-radius: 12px;\n            margin: 30px 0;\n            text-align: right;\n        }\n\n        .sbmeye-warning-box h3 {\n            color: var(--sbmeye-alert);\n            font-size: 1.25rem;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        \/* === Animations === *\/\n        .sbmeye-reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .sbmeye-reveal.sbmeye-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbmeye-delay-1 { transition-delay: 0.1s; }\n        .sbmeye-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbmeye-hero { padding: 10px 0 20px; }\n            .sbmeye-step-item { flex-direction: column; text-align: center; }\n            .sbmeye-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- Ambient Starry Particles --\u003e\n    \u003cdiv class=\"sbmeye-ambient-particles\" id=\"sbmeye-particles-ar\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"sbmeye-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"sbmeye-hero sbmeye-reveal sbmeye-active\"\u003e\n            \u003cdiv class=\"sbmeye-badge\"\u003eالحل الجذري الثلاثي المفعول\u003c\/div\u003e\n            \u003ch1 class=\"sbmeye-title-glow\"\u003eأيقظي شباب عينيكِ: \u003cspan\u003eوداعاً للهالات السوداء والتجاعيد الغائرة!\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cp class=\"sbmeye-hero-subtitle\"\u003e\n                الهالات المظلمة، الخطوط الرفيعة، والترهل تفضح الإرهاق وتقدم العمر. الجلد حول العين رقيق جداً ويحتاج لعناية استثنائية لا توفرها الكريمات العادية.\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.jpg?v=1745762288\" alt=\"Some By Mi Retinol Intense Eye Cream Application\" style=\"margin: 0 auto 30px;\"\u003e\n            \n            \u003ch2 class=\"sbmeye-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.6rem; color: #fff;\"\u003eSome By Mi Retinol Intense Advanced Triple Action Eye Cream\u003c\/h2\u003e\n            \u003cp style=\"color: var(--sbmeye-text-muted); max-width: 800px; margin: 0 auto; line-height: 1.8;\"\u003e\n                اكتشفي قوة \u003cstrong\u003e\"المفعول الثلاثي\"\u003c\/strong\u003e مع هذا الكريم الساحر. تركيبة طبية متطورة مصممة على المستوى الجزيئي لتختراق الجلد الرقيق بأمان تام. إنه يمحو التجاعيد بقوة \u003cstrong\u003eالريتينول\u003c\/strong\u003e، يفتت التصبغات الداكنة بـ \u003cstrong\u003eالنياسيناميد وحمض الترانيكساميك\u003c\/strong\u003e، ويملأ الفراغات بالترطيب المكثف.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The UVP \/ Science (Triple Action) --\u003e\n        \u003cdiv class=\"sbmeye-glass-box sbmeye-reveal\"\u003e\n            \u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003eكيف يتفوق هذا الكريم؟ (سر الثالوث المقدس)\u003c\/h2\u003e\n            \u003cp style=\"color: var(--sbmeye-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px;\"\u003e\n                في منتجات العناية بالعين، هناك خط دقيق جداً يفصل بين \"الفعالية\" و\"التهيج\". هذا الجلد الضعيف يتضرر بسرعة. لكن Some By Mi حققت المعادلة المستحيلة: أقصى فعالية مع أقصى درجات اللطف والتوافق.\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"sbmeye-triad\"\u003e\n                \u003cdiv class=\"sbmeye-triad-item\"\u003e\n                    \u003cdiv class=\"sbmeye-triad-num\"\u003e01\u003c\/div\u003e\n                    \u003ch4\u003eالريتينول والريتينال (مكافحة الشيخوخة)\u003c\/h4\u003e\n                    \u003cp\u003eتركيز مثالي وآمن (0.1%) يعمل على تسريع تجديد الخلايا، يحفز إنتاج الكولاجين، ويكوي الخطوط الدقيقة (أقدام الغراب) دون التسبب باحمرار أو تقشر مزعج.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbmeye-triad-item\"\u003e\n                    \u003cdiv class=\"sbmeye-triad-num\"\u003e02\u003c\/div\u003e\n                    \u003ch4\u003eنياسيناميد + ترانيكساميك (تفتيح الهالات)\u003c\/h4\u003e\n                    \u003cp\u003eفريق العمل المتخصص في تفتيت صبغة الميلانين. يعمل حمض الترانيكساميك على إيقاف التصبغ من جذوره، بينما يوحد النياسيناميد لون البشرة ليزيل مظهر الإرهاق الأسود أو البني.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbmeye-triad-item\"\u003e\n                    \u003cdiv class=\"sbmeye-triad-num\"\u003e03\u003c\/div\u003e\n                    \u003ch4\u003eTRUECICA™ + بانثينول (ترميم وحماية)\u003c\/h4\u003e\n                    \u003cp\u003eالتكنولوجيا الحصرية من السيكا لتهدئة الجلد الرقيق فوراً، مدعومة بحمض الهيالورونيك والبانثينول لحبس الرطوبة في الأعماق ومنح العين مظهراً ممتلئاً ومشدوداً (Plumping).\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. New Images Showcase --\u003e\n        \u003cdiv class=\"sbmeye-reveal\" style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 50px 0;\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_eye_cream_114076e1-651f-4297-8dfb-d4ac3b01407e.webp?v=1788019150\" alt=\"Retinol Eye Cream Texture\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream_1.webp?v=1788019150\" alt=\"Retinol Eye Cream Details\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 4. Benefits Grid --\u003e\n        \u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003eماذا سيقدم هذا الإكسير لعينيكِ؟\u003c\/h2\u003e\n        \u003cdiv class=\"sbmeye-grid\"\u003e\n            \u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n                \u003cdiv class=\"sbmeye-icon\"\u003e👁️\u003c\/div\u003e\n                \u003ch3\u003eأستيكة الهالات السوداء\u003c\/h3\u003e\n                \u003cp\u003eيعمل بقوة مضاعفة لتفتيح محيط العين المظلم وتوحيد لون البشرة، مما يمنحك مظهراً مستيقظاً ونشيطاً حتى بدون مكياج.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-1\"\u003e\n                \u003cdiv class=\"sbmeye-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch3\u003eكي التجاعيد والخطوط\u003c\/h3\u003e\n                \u003cp\u003eقوة الريتينول اللطيف تستهدف الخطوط التعبيرية وتجاعيد الضحك، لتشد الجلد المترهل وتعيد له مرونته المفقودة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-2\"\u003e\n                \u003cdiv class=\"sbmeye-icon\"\u003e💧\u003c\/div\u003e\n                \u003ch3\u003eامتلاء مائي (Plumping)\u003c\/h3\u003e\n                \u003cp\u003eترطيب مكثف يغوص للطبقات العميقة بفضل حمض الهيالورونيك، ليملأ الفراغات الغائرة ويمنع الجلد من الجفاف والتشقق.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n                \u003cdiv class=\"sbmeye-icon\"\u003e🛡️\u003c\/div\u003e\n                \u003ch3\u003eدرع التهدئة (Hypoallergenic)\u003c\/h3\u003e\n                \u003cp\u003eمصمم خصيصاً ليناسب البشرة شديدة الحساسية حول العين، بفضل مركب ترويسيكا الذي يمنع أي احمرار أو تهيج معتاد مع الريتينول.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Warning \/ Retinol Rule --\u003e\n        \u003cdiv class=\"sbmeye-alert-box sbmeye-reveal\"\u003e\n            \u003ch3\u003e⚠️ تنبيه هام: القوة تتطلب تدرجاً في الاستخدام!\u003c\/h3\u003e\n            \u003cp style=\"color: var(--sbmeye-text-muted); line-height: 1.8;\"\u003e\n                لأن هذا المنتج يحتوي على الريتينول النشط، من الضروري تعويد بشرتك عليه ببطء لتجنب الجفاف أو التحسس. \u003cbr\u003e\n                \u003cstrong style=\"color: #fff;\"\u003eالأسبوع 1 و 2:\u003c\/strong\u003e استخدميه مرتين إلى ثلاث مرات فقط أسبوعياً، وفي المساء \u003cstrong\u003eفقط\u003c\/strong\u003e. \u003cbr\u003e\n                \u003cstrong style=\"color: #fff;\"\u003eالأسبوع 3 وما بعده:\u003c\/strong\u003e يمكنك استخدامه يومياً أو يوم بعد يوم حسب تحمل بشرتك. \u003cbr\u003e\n                \u003cstrong style=\"color: var(--sbmeye-alert); display: block; margin-top: 10px;\"\u003eضروري جداً: يجب استخدام واقي شمس (SPF) في صباح اليوم التالي، لأن الريتينول يزيد من حساسية الجلد للشمس.\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Usage Guide --\u003e\n        \u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003eدليل الاستخدام الاحترافي\u003c\/h2\u003e\n        \n        \u003cul class=\"sbmeye-step-list sbmeye-reveal\"\u003e\n            \u003cli class=\"sbmeye-step-item\"\u003e\n                \u003cdiv class=\"sbmeye-step-num\"\u003e1\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eالتحضير\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eنظفي وجهك جيداً قبل النوم، وجففي منطقة حول العينين تماماً.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"sbmeye-step-item\"\u003e\n                \u003cdiv class=\"sbmeye-step-num\"\u003e2\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eالكمية السحرية\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eضعي كمية صغيرة جداً (بحجم حبة البازلاء تكفي للعينين معاً) على إصبع البنصر (الأضعف ضغطاً).\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"sbmeye-step-item\"\u003e\n                \u003cdiv class=\"sbmeye-step-num\"\u003e3\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eالطبطبة اللطيفة\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eوزعي الكريم بطبطبة خفيفة جداً حول عظمة العين (تجنبي الجفن العلوي المتحرك والاقتراب الشديد من الرموش) حتى يمتص تماماً.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003c!-- 7. Final CTA --\u003e\n        \u003cdiv class=\"sbmeye-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--sbmeye-border);\"\u003e\n            \u003ch2 class=\"sbmeye-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eاستعيدي شباب عينيكِ بلمسة واحدة كل ليلة!\u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.webp?v=1745762329\" alt=\"Some By Mi Eye Cream Results\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\"\u003e\n            \n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                لا تدعي الإرهاق وعلامات الزمن تسرق جمال نظرتك. عبوة واحدة من \u003cstrong\u003eSome By Mi Retinol Eye Cream\u003c\/strong\u003e تكفي لعدة أشهر من العناية المتقدمة التي ستغير شكل محيط عينيكِ جذرياً.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--sbmeye-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--sbmeye-glow-gold);\"\u003e\n                اطلبيه الآن، واجعلي من نومك جلسة علاج وتجديد متكاملة!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var reveals = document.querySelectorAll('.sbmeye-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbmeye-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('sbmeye-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Starry Particles\n            var ambientContainer = document.getElementById('sbmeye-particles-ar');\n            for (var i = 0; i \u003c 25; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('sbmeye-particle');\n                var size = Math.random() * 30 + 10; \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDuration = (Math.random() * 15 + 15) + 's';\n                particle.style.animationDelay = (Math.random() * 10) + 's';\n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44189648486597,"sku":"","price":990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream.jpg?v=1730390286"},{"product_id":"somebymi-retinol-trial-kit","title":"SOME BY MI Retinol Intense Trial Kit (Serum 10ml + Cream 10ml)","description":"\u003cdiv dir=\"rtl\"\u003e\n\u003ch3\u003e\u003cstrong\u003eتجاعيد اليوم هي شيخوخة الغد – الآن هو وقت التغيير!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eلأن كل يوم يمضي بدون عناية هو خطوة أقرب لفقدان بشرتك مرونتها وسحرها.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eالتركيبة المتكاملة للعين والبشرة\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eاجمعي بين القوة المركزة لكريم العين والسيروم لتغيير شامل يمنحك بشرة خالية من الخطوط ومشرقة بالنعومة.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eالخطوة الأولى: كريم العين الثلاثي التأثير\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eمع كل تطبيق، يمنحك هذا الكريم علاجاً متكاملاً:\u003c\/p\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 التركيبة الغنية بـ Truecica والماء الجليدي تمنح تهدئة عميقة للبشرة الحساسة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eالخطوة الثانية: السيروم\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eاختبري ثورة الريتينول المركزة على بشرتك!\u003cbr\u003e\u003cem\u003eهذه التركيبة تحتوي على التركيز المثالي من الريتينول حتى تحقق أقصى استفادة لبشرتك بدون أي تهيج أو احمرار\u003c\/em\u003e\u003c\/p\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\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eعناية شاملة، نتائج مذهلة\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eمعاً، يعمل الكريم والسيروم بتناغم لإصلاح وتجديد بشرتك من الداخل إلى الخارج، مما يجعل عينيك وبشرتك ناعمة، مرنة، وشابة.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eكيف يعمل الثنائي لتحقيق نتائج لا مثيل لها؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eكريم العين الثلاثي التأثير\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتحفيز إنتاج الكولاجين:\u003c\/strong\u003e\u003cbr\u003eبفضل مزيج الريتينول والريتينال، يُسرِّع الكريم عملية تجديد خلايا البشرة ويعزز إنتاج الكولاجين الطبيعي. هذا يعيد للبشرة حول العينين مرونتها ويقلل التجاعيد بشكل ملحوظ.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتصحيح الهالات الداكنة:\u003c\/strong\u003e\u003cbr\u003eالنياسيناميد، المعروف بقدرته الفائقة على التفتيح، يعمل بفعالية على تقليل فرط التصبغ حول العينين، ليعيد الإشراق لوجهك.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتقليل التهيج والاحمرار:\u003c\/strong\u003e\u003cbr\u003eمكونات Truecica والماء الجليدي تهدئ البشرة الحساسة فوراً، مما يجعلها مناسبة حتى للبشرة التي تعاني من الإجهاد.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\u003e\n\u003ch4\u003e\u003cstrong\u003eالسيروم \u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتجديد البشرة بعمق:\u003c\/strong\u003e\u003cbr\u003eالريتينول والريتينال يعززان دوران الخلايا وتجديد الأنسجة، مما يقلل الخطوط الدقيقة والتجاعيد ويحسن مرونة البشرة بشكل ملحوظ.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eترطيب متعدد الطبقات:\u003c\/strong\u003e\u003cbr\u003eبفضل حمض الهيالورونيك والببتيدات، يوفر السيروم ترطيباً عميقاً يخترق طبقات البشرة لتجديد ترطيبها الداخلي.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتحسين قوام البشرة:\u003c\/strong\u003e\u003cbr\u003eالكولاجين النباتي يقلل من مظهر المسام، مما يمنح البشرة مظهراً أكثر نعومة وتماسكاً.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eحماية البشرة من الإجهاد البيئي:\u003c\/strong\u003e\u003cbr\u003eيحتوي السيروم على مكونات مهدئة وفيتامينات تمنع الالتهاب وتحافظ على توازن البشرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eالتناغم المثالي بين المنتجات\u003c\/strong\u003e\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\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003eاستمعي إلى نداء بشرتك اليوم، لأن الغد قد يحمل المزيد من الخطوط التي يصعب محوها.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eالنتائج ليست مجرد وعود، بل حقيقة معتمدة باختبارات تحسين التجاعيد ورضا العملاء. هل أنتِ مستعدة للتغيير؟\u003cbr\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eابدئي رحلتك نحو بشرة مثالية الآن، قبل أن تتراكم آثار الوقت وتجعل الطريق أطول.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44230200131781,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1731921724"},{"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":"anua-heartleaf-toner","title":"Anua مستخلص الهارتليف 77% | تونر مهدئ للبشرة | معالج للاحمرار و الحبوب | مرطب","description":"\u003ch3\u003e\u003cstrong\u003eAnua Heartleaf 77% Soothing Toner: الحل الكوري الأمثل لبشرتك\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eهذا ليس مجرد تونر عادي، بل تركيبة متقدمة تستهدف مشكلات البشرة مباشرة وتساعد في استعادة نضارتها وصحتها:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eاحمرار وتهيج؟\u003c\/strong\u003e التونر يهدّئ البشرة بفضل احتوائه على 77% من مستخلص نبات القلب (Houttuynia Cordata)، المعروف بخصائصه المهدئة والمضادة للالتهاب.\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\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eاستعيد توازن بشرتك الطبيعي مع درجة حموضة مثالية (pH 5.5)\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eإذا كنت تعاني من اختلال في توازن بشرتك بسبب العوامل البيئية أو المنتجات القاسية، فإن تونر Anua Heartleaf هو الحل المثالي لك. بفضل تركيبته الغنية التي تتمتع بدرجة حموضة متوازنة 5.5، يعيد هذا التونر التوازن لبشرتك بشكل طبيعي، ويحافظ على حاجزها المائي بدون التأثير على طبقة الحماية الطبيعية للبشرة. بتركيز مثالي، يعمل على تنظيف البشرة بلطف ويمنحها شعورًا بالانتعاش والترطيب.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eبشرتك حساسة؟ هنا الحل الطبيعي المثالي\u003c\/strong\u003e\u003cbr\u003eإذا كنت من أصحاب البشرة الحساسة التي تتفاعل بسرعة مع المنتجات الكيميائية أو المواد المهيجة، فإن تونر Anua Heartleaf هو الحل الأمثل لك. بفضل مستخلص نبات القلب، المعروف بخصائصه المهدئة والمضادة للالتهابات، يساعد هذا التونر على تقليل الاحمرار والتهيج الناتج عن العوامل الخارجية مثل التلوث وأشعة الشمس. استخدامه المنتظم يهدئ البشرة ويمنحك شعورًا بالراحة والانتعاش طوال اليوم.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eأقصى تركيز من النبات الأفضل في تهدئة البشرة المتهيجة\u003c\/strong\u003e\u003cbr\u003eمستخلص نبات القلب (Houttuynia Cordata) هو المكون الرئيس في هذا التونر بتركيز 77%. يعد هذا النبات من أكثر النباتات فعالية في تهدئة البشرة المتهيجة بفضل خصائصه المضادة للبكتيريا والمضادة للالتهابات. يعمل بشكل فعال على تقليل التورم والاحمرار الناتج عن مشاكل البشرة اليومية مثل حب الشباب والتهيج الناتج عن المنتجات القاسية. احصل على أقصى استفادة من هذا المكون الطبيعي في عناية بشرتك مع تونر Anua.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eإنه بمثابة الغذاء الصحي لبشرتك\u003c\/strong\u003e\u003cbr\u003eتمامًا مثلما يحتاج جسمك إلى غذاء صحي ليتوازن ويظل نشيطًا، فإن بشرتك تحتاج إلى العناصر الطبيعية لتظل ناعمة وصحية. مع تركيبة غنية بمستخلص نبات القلب وحمض الهيالورونيك، يوفر تونر Anua كل ما تحتاجه بشرتك من ترطيب وتهدئة، ليمنحها إشراقة وحيوية طوال اليوم. إنه بمثابة الطعام الذي يغذي بشرتك من الداخل، ويعمل على تجديد خلاياها وحمايتها من العوامل البيئية الضارة.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eمستخلص نبات القلب (Houttuynia Cordata):\u003c\/strong\u003e\u003cbr\u003eيعد مستخلص نبات القلب أحد المكونات الطبيعية الفعّالة التي يُستخدمها التونر Anua Heartleaf 77% Soothing Toner. هذا النبات، الذي يُعرف أيضًا باسم \"الهووتويا\"، يتمتع بخصائص مذهلة تجعله مثاليًا للبشرة المتعبة والمتهيجة. إليك لماذا يُعتبر مستخلص نبات القلب المكون الأساسي لهذا التونر:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتهدئة البشرة المتهيجة:\u003c\/strong\u003e نبات القلب معروف بقدرته الفائقة على تهدئة البشرة المتعبة والمتهيجة. يحتوي على مركبات مضادة للالتهابات تعمل على تقليل الاحمرار والتهيج الناتج عن العوامل البيئية أو استخدام منتجات قاسية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eخصائص مضادة للبكتيريا:\u003c\/strong\u003e يساعد مستخلص نبات القلب على تقليل نمو البكتيريا التي تسبب التهابات الجلد وحب الشباب. لذلك، فهو مثالي للبشرة المعرضة لهذه المشكلات.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتعزيز صحة البشرة بشكل عام:\u003c\/strong\u003e يحتوي النبات على مكونات مضادة للأكسدة التي تحارب الجذور الحرة وتقلل من تأثيرات الشيخوخة المبكرة. كما أنه يساهم في تجديد البشرة ويحسن من مرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eترطيب البشرة:\u003c\/strong\u003e يعد نبات القلب من المصادر الطبيعية التي تحسن من مستوى الترطيب في البشرة، مما يجعلها ناعمة ومرطبة بشكل دائم.\u003c\/p\u003e\n\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\u003e97% من المستخدمين\u003c\/strong\u003e أكدوا تقليل الاحمرار خلال أول أسبوع من الاستخدام.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e92% شعروا بتحسن كبير في مستوى ترطيب بشرتهم.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e90% لاحظوا نعومة وصحة واضحة لبشرتهم.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eطريقة الاستخدام:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eبعد تنظيف وجهك، ضعي كمية مناسبة من التونر على قطعة قطنية أو على يديك.\u003c\/li\u003e\n\u003cli\u003eامسحي بشرتك بلطف أو اربتي عليها للسماح للتونر بالامتصاص.\u003c\/li\u003e\n\u003cli\u003eاتبعيه بروتينك المعتاد للعناية بالبشرة.\u003c\/li\u003e\n\u003c\/ol\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44333256343749,"sku":"","price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_77_hyaluron_toner.jpg?v=1735136895"},{"product_id":"cosrx-advanced-snail-92-cream","title":"COSRX Advanced Snail 92 Cream كريم الترطيب بأقصى تركيز من إفرازات الحلزون","description":"\u003cdiv class=\"cx-ultimate-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (COSRX Identity: Deep Black, Charcoal \u0026 Signature Yellow\/Gold) === *\/\n        .cx-ultimate-wrapper {\n            --cx-bg-dark: #080808; \n            --cx-bg-darker: #040404;\n            --cx-card-glass: rgba(255, 255, 255, 0.03);\n            --cx-card-hover: rgba(244, 192, 34, 0.05);\n            --cx-primary: #f4c022; \/* COSRX Signature Yellow *\/\n            --cx-primary-glow: rgba(244, 192, 34, 0.25);\n            --cx-gradient-accent: linear-gradient(135deg, #f4c022 0%, #d49a11 100%);\n            --cx-gradient-bg: linear-gradient(135deg, #1c1505 0%, #080808 100%);\n            --cx-text-light: #f5f5f5;\n            --cx-text-muted: #a3a3a3;\n            --cx-border: rgba(255, 255, 255, 0.06);\n            --cx-border-highlight: rgba(244, 192, 34, 0.3);\n            \n            font-family: inherit; \/* Inherits your Shopify theme font *\/\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--cx-bg-dark);\n            color: var(--cx-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .cx-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .cx-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Mobile-Perfect Media Wrappers === *\/\n        .cx-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);\n            border: 1px solid var(--cx-border);\n            overflow: hidden;\n        }\n\n        .cx-media-wrapper.size-lg { max-width: 850px; }\n        .cx-media-wrapper.size-md { max-width: 600px; }\n\n        .cx-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        .cx-media-wrapper:hover .cx-product-media {\n            transform: scale(1.03);\n        }\n\n        \/* === Typography === *\/\n        .cx-title-main {\n            font-size: clamp(28px, 5vw, 48px);\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        .cx-title-section {\n            font-size: clamp(24px, 4vw, 36px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .cx-subtitle {\n            font-size: clamp(16px, 2.5vw, 18px);\n            color: var(--cx-text-muted);\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        .cx-text-accent {\n            background: var(--cx-gradient-accent);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .cx-highlight-box {\n            background: rgba(244, 192, 34, 0.08);\n            border: 1px solid var(--cx-border-highlight);\n            padding: 20px;\n            border-radius: 12px;\n            display: inline-block;\n            margin-bottom: 30px;\n        }\n\n        .cx-highlight-box p {\n            color: var(--cx-primary);\n            font-weight: 700;\n            font-size: 1.15rem;\n            margin: 0;\n        }\n\n        \/* === Alternating Sections === *\/\n        .cx-section { padding: 80px 0; position: relative; }\n        \n        .cx-theme-dark { background-color: var(--cx-bg-dark); }\n        .cx-theme-darker { background-color: var(--cx-bg-darker); border-top: 1px solid var(--cx-border); border-bottom: 1px solid var(--cx-border); }\n        .cx-theme-gradient { background: var(--cx-gradient-bg); }\n\n        \/* Ambient Glows *\/\n        .cx-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .cx-glow {\n            position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.4;\n            background: rgba(244, 192, 34, 0.12);\n        }\n        .cx-glow-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n        .cx-glow-2 { width: 600px; height: 600px; bottom: 10%; left: -200px; }\n\n        \/* === Grids \u0026 Glass Cards === *\/\n        .cx-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .cx-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n\n        .cx-card {\n            background: var(--cx-card-glass);\n            backdrop-filter: blur(10px);\n            border: 1px solid var(--cx-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n        }\n\n        .cx-card:hover {\n            transform: translateY(-8px);\n            background: var(--cx-card-hover);\n            border-color: var(--cx-border-highlight);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--cx-primary-glow);\n        }\n\n        .cx-icon-badge {\n            width: 50px; height: 50px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid var(--cx-border);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--cx-primary);\n            font-size: 20px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family: system-ui, sans-serif;\n        }\n\n        .cx-card:hover .cx-icon-badge {\n            background: var(--cx-gradient-accent);\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            border-color: transparent;\n        }\n\n        .cx-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .cx-card p { font-size: 1rem; color: var(--cx-text-muted); margin: 0; }\n\n        \/* === Timeline \/ Steps === *\/\n        .cx-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n        .cx-timeline::before {\n            content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--cx-primary), transparent);\n            transform: translateX(50%);\n        }\n        \n        .cx-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n        .cx-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-right: 50%; }\n        \n        .cx-timeline-content {\n            width: 90%; background: var(--cx-card-glass); border: 1px solid var(--cx-border);\n            padding: 30px; border-radius: 16px; transition: 0.3s;\n        }\n        \n        .cx-timeline-content:hover {\n            border-color: var(--cx-primary); transform: translateY(-5px); background: var(--cx-card-hover);\n        }\n\n        .cx-timeline-badge {\n            position: absolute; top: 30px; right: -7%; width: 16px; height: 16px;\n            background: var(--cx-bg-darker); border: 3px solid var(--cx-primary); border-radius: 50%; z-index: 2;\n        }\n        .cx-timeline-item:nth-child(even) .cx-timeline-badge { right: auto; left: -7%; }\n        \n        .cx-time-label {\n            color: #000; font-weight: 800; margin-bottom: 15px; font-size: 1rem;\n            display: inline-block; background: var(--cx-gradient-accent); padding: 4px 15px; border-radius: 20px;\n        }\n\n        \/* === Clean Lists === *\/\n        .cx-list { list-style: none; padding: 0; margin-top: 20px; }\n        .cx-list li {\n            position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--cx-text-light); font-size: 1.05rem;\n        }\n        .cx-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--cx-primary); font-weight: 900; font-size: 1.2rem;\n        }\n\n        \/* === CTA Button === *\/\n        .cx-btn {\n            display: inline-block;\n            background: var(--cx-gradient-accent);\n            color: #000;\n            padding: 18px 45px;\n            border-radius: 40px;\n            font-size: 1.25rem;\n            font-weight: 900;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: 0.4s ease;\n            box-shadow: 0 10px 30px var(--cx-primary-glow);\n            margin-top: 20px;\n        }\n        .cx-btn:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4);\n        }\n\n        \/* === Animations === *\/\n        .cx-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .cx-reveal.cx-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .cx-section { padding: 50px 0; }\n            .cx-timeline::before { right: 20px; transform: none; }\n            .cx-timeline-item, .cx-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n            .cx-timeline-content { width: 100%; }\n            .cx-timeline-badge { right: 12px; top: 30px; }\n            .cx-timeline-item:nth-child(even) .cx-timeline-badge { left: auto; right: 12px; }\n            .cx-media-wrapper { border-radius: 12px; }\n            .cx-title-main { font-size: 2rem; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n    \u003cdiv class=\"cx-section cx-theme-dark\" style=\"padding-top: 50px;\"\u003e\n        \u003cdiv class=\"cx-ambient\"\u003e\n            \u003cdiv class=\"cx-glow cx-glow-1\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n            \u003ch1 class=\"cx-title-main cx-reveal\"\u003eكريم الحلزون 92 من COSRX\u003cbr\u003e\u003cspan class=\"cx-text-accent\"\u003eالمعجزة البيولوجية لترميم البشرة\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cdiv class=\"cx-highlight-box cx-reveal delay-1\"\u003e\n                \u003cp\u003eالحل النهائي للحصول على الـ Glass Skin!\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cp class=\"cx-subtitle cx-reveal delay-1\"\u003e\n                لو قيل لك إن سر البشرة الصافية والخالية من العيوب يكمن في مادة طبيعية ومبتكرة.. هل تمتلك الجرأة لتجربتها؟ الملايين حول العالم تغلبوا على هذا التردد، والنتيجة كانت بشرة خالية من آثار الحبوب، وحاجز قوي لا يخترقه الجفاف.\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"cx-media-wrapper size-lg cx-reveal delay-2\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_crawling_on_cream_jar_202608292001.jpg?v=1788023026\" alt=\"COSRX Snail 92 Cream\" class=\"cx-product-media\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 2. THE BIO-SECRET (Gradient Theme) --\u003e\n    \u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003ch2 class=\"cx-title-section cx-reveal\"\u003eالسر البيولوجي: لماذا يعتبر \"هلام الحلزون\" معجزة؟\u003c\/h2\u003e\n            \u003cp class=\"cx-subtitle cx-reveal\"\u003eليس مجرد مرطب تقليدي يحتوي على نسبة ضئيلة من المواد الفعالة؛ بل قنبلة ترميم تحتوي على 92% من مستخلص الهلام الصافي.\u003c\/p\u003e\n            \n            \u003cdiv class=\"cx-grid-2\"\u003e\n                \u003cdiv class=\"cx-reveal\"\u003e\n                    \u003cp style=\"font-size: 1.1rem; color: var(--cx-text-light); margin-bottom: 20px;\"\u003e\n                        تخيل كائناً يزحف على الصخور والأشواك طوال حياته دون أن يتمزق جلده.. كيف يحدث ذلك؟\n                    \u003c\/p\u003e\n                    \u003cp style=\"font-size: 1.05rem; color: var(--cx-text-muted); margin-bottom: 20px;\"\u003e\n                        اكتشف العلماء أن الحلزون يفرز هلاماً يعمل كـ \"درع علاجي فوري\". هذا الهلام غني طبيعياً بحمض الهيالورونيك، الإنزيمات، ومضادات الميكروبات التي تعالج الجروح وتجدد الخلايا في ثوانٍ.\n                    \u003c\/p\u003e\n                    \u003cul class=\"cx-list\"\u003e\n                        \u003cli\u003eيقوم بترميم الخلايا التالفة بسرعة فائقة.\u003c\/li\u003e\n                        \u003cli\u003eيمحو آثار الحبوب ويقلل من عمق الندبات السطحية.\u003c\/li\u003e\n                        \u003cli\u003eيبني حاجز الجلد بكفاءة تتفوق على العديد من المواد المصنعة.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292003.jpg?v=1788023065\" alt=\"Snail Mucin Benefits\" class=\"cx-product-media\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 3. WHY VIRAL (Darker Theme) --\u003e\n    \u003cdiv class=\"cx-section cx-theme-darker\"\u003e\n        \u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n            \u003ch2 class=\"cx-title-section cx-reveal\"\u003eلماذا أصبح هذا الملمس الهوس الأول لعشاق الجمال؟\u003c\/h2\u003e\n            \n            \u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin: 40px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_in_cream_jar_202608292003.jpg?v=1788023086\" alt=\"Unique Snail Cream Texture\" class=\"cx-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003cp class=\"cx-subtitle cx-reveal delay-2\" style=\"color: var(--cx-text-light); max-width: 900px; font-size: 1.15rem;\"\u003e\n                معظم مرطبات البشرة تعتمد على الزيوت أو الشموع الثقيلة التي تسد المسام وتسبب الحبوب (خاصة للبشرة الدهنية والمختلطة). لكن هذا الكريم يستخدم استراتيجية \u003cstrong\u003e\"الترميم الخلوي المائي\"\u003c\/strong\u003e. الملمس المطاطي الغريب هو بالضبط ما يجعله سحرياً؛ فهو يذوب في ثوانٍ، تمتصه البشرة كالإسفنجة، ولا يترك أي أثر دهني أو انسداد خلفه.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 4. INGREDIENTS GRID (Dark Theme) --\u003e\n    \u003cdiv class=\"cx-section cx-theme-dark\"\u003e\n        \u003cdiv class=\"cx-ambient\"\u003e\n            \u003cdiv class=\"cx-glow cx-glow-2\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003ch2 class=\"cx-title-section cx-reveal\"\u003eخريطة النضارة: كيف تغير المكونات بشرتك؟\u003c\/h2\u003e\n            \u003cp class=\"cx-subtitle cx-reveal\"\u003eتركيبة مركزة ومدروسة بعناية تستهدف كافة مشاكل البشرة.\u003c\/p\u003e\n\n            \u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n                \u003cdiv class=\"cx-card\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\"\u003e01\u003c\/div\u003e\n                    \u003ch3\u003eهلام الحلزون (92%)\u003c\/h3\u003e\n                    \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eأستيكة العيوب\u003c\/h4\u003e\n                    \u003cp\u003eالمكون البطل. مسؤول عن تسريع تجديد الخلايا، محو آثار الحبوب الداكنة والحمراء، وتقليل عمق الندبات ليترك سطح البشرة أملساً تماماً.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-card delay-1\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\"\u003e02\u003c\/div\u003e\n                    \u003ch3\u003eحمض الهيالورونيك\u003c\/h3\u003e\n                    \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eنافخ الخطوط الدقيقة\u003c\/h4\u003e\n                    \u003cp\u003eمغناطيس الترطيب الذي يخترق أعماق الجلد، يحبس الماء داخل الخلايا، ويمنح بشرتك الامتلاء الذي يخفي الخطوط الرفيعة بفعالية.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-card\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\"\u003e03\u003c\/div\u003e\n                    \u003ch3\u003eالبانثينول والآلانتوين\u003c\/h3\u003e\n                    \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eدرع الحماية والتهدئة\u003c\/h4\u003e\n                    \u003cp\u003eيلطف الالتهابات فوراً ويقضي على الاحمرار (ممتاز للبشرة الحساسة)، ويعيد بناء حاجز البشرة المدمر بسبب العوامل الخارجية.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-card delay-1\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\"\u003e04\u003c\/div\u003e\n                    \u003ch3\u003eالأدينوزين (Adenosine)\u003c\/h3\u003e\n                    \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; 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!-- 5. TIMELINE \u0026 VALUE (Gradient Theme) --\u003e\n    \u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003ch2 class=\"cx-title-section cx-reveal\"\u003eالجدول الزمني للتحول\u003c\/h2\u003e\n            \n            \u003cdiv class=\"cx-timeline cx-reveal\" style=\"margin-bottom: 80px;\"\u003e\n                \u003cdiv class=\"cx-timeline-item\"\u003e\n                    \u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"cx-timeline-content\"\u003e\n                        \u003cdiv class=\"cx-time-label\"\u003eمن الأسبوع الأول\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            ترطيب مائي عميق وفوري، اختفاء الجفاف والقشور، تهدئة ملحوظة للاحمرار، وظهور لمعة \"البشرة الزجاجية\" بمجرد الامتصاص.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-timeline-item\"\u003e\n                    \u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"cx-timeline-content\"\u003e\n                        \u003cdiv class=\"cx-time-label\"\u003eبعد شهر من الاستخدام\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            حاجز بشرة قوي لا يتأثر بالعوامل الخارجية، تلاشي ملحوظ لآثار الحبوب والبقع، ملمس حريري ناعم، وامتلاء للخطوط الدقيقة.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 class=\"cx-title-section cx-reveal\"\u003eاستثمار حقيقي.. قيمة مقابل سعر\u003c\/h2\u003e\n            \u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n                \u003cdiv class=\"cx-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n                    \u003ch3\u003eحجم عملاق (100 جرام)\u003c\/h3\u003e\n                    \u003cp\u003eيأتي بعبوة كبيرة جداً مقارنة بمرطبات الوجه التقليدية التي غالباً ما تأتي بحجم 50 جرام فقط.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n                    \u003ch3\u003eنقطة صغيرة تكفي\u003c\/h3\u003e\n                    \u003cp\u003eبفضل قوامه اللزج والمطاطي، فإن نقطة بحجم حبة البازلاء تكفي للوجه والرقبة. العبوة ستدوم لأشهر.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n                    \u003ch3\u003eمتعدد الاستخدامات\u003c\/h3\u003e\n                    \u003cp\u003eمنتج All-in-One يغنيك عن استخدام سيروم للترطيب وكريم آخر لترميم الحاجز. خطوة واحدة تكفي.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\"\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        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 6. USAGE \u0026 CTA (Darker Theme) --\u003e\n    \u003cdiv class=\"cx-section cx-theme-darker\" style=\"text-align: center;\"\u003e\n        \u003cdiv class=\"cx-container\"\u003e\n            \u003ch2 class=\"cx-title-section cx-reveal\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n            \n            \u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hand_picking_cream_from_jar_202608292006.jpg?v=1788023217\" alt=\"How to use COSRX Snail Cream\" class=\"cx-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"cx-grid-3 cx-reveal delay-2\" style=\"margin-bottom: 60px;\"\u003e\n                \u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e01\u003c\/div\u003e\n                    \u003ch3 style=\"color: var(--cx-primary);\"\u003eالتحضير\u003c\/h3\u003e\n                    \u003cp\u003eاستخدمه على بشرة نظيفة ومندّاة قليلاً (بعد التونر أو السيروم).\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e02\u003c\/div\u003e\n                    \u003ch3 style=\"color: var(--cx-primary);\"\u003eالكمية\u003c\/h3\u003e\n                    \u003cp\u003eخذ كمية قليلة (ستلاحظ قوامه المطاطي اللزج المبتكر، لا تقلق).\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n                    \u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e03\u003c\/div\u003e\n                    \u003ch3 style=\"color: var(--cx-primary);\"\u003eالطبطبة\u003c\/h3\u003e\n                    \u003cp\u003eلا تفركه بقوة، قم بتوزيعه عن طريق الطبطبة حتى يذوب ويمتص تماماً خلال 30 ثانية.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- CTA --\u003e\n            \u003cdiv class=\"cx-card cx-reveal\" style=\"background: linear-gradient(135deg, rgba(20,20,20,0.9), rgba(5,5,5,1)); border-color: rgba(244, 192, 34, 0.3); padding: 50px 30px;\"\u003e\n                \u003ch2 class=\"cx-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eالترند العالمي الذي ينفد من الأسواق باستمرار\u003c\/h2\u003e\n                \u003cp style=\"font-size: 1.15rem; max-width: 750px; margin: 0 auto 30px; color: var(--cx-text-light);\"\u003e\n                    لا تترك بشرتك تعاني من الجفاف أو آثار الحبوب بينما المعجزة البيولوجية الكورية متاحة بين يديك. هذا الكريم يحقق مبيعات ضخمة عالمياً وينفد بسرعة فائقة. \u003cstrong\u003eاطلبه الآن، واستيقظ غداً ببشرة مروية، صافية، ومشعّة بالصحة!\u003c\/strong\u003e\n                \u003c\/p\u003e\n                \n                \u003cdiv class=\"cx-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292001.jpg?v=1788023239\" alt=\"Get COSRX Snail Cream Now\" class=\"cx-product-media\"\u003e\n                \u003c\/div\u003e\n\n                \u003cbutton class=\"cx-btn\"\u003eاحصل على البشرة الزجاجية الآن\u003c\/button\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- INGREDIENTS LIST --\u003e\n            \u003cdiv class=\"cx-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cx-border); border-radius: 16px;\"\u003e\n                \u003ch4 style=\"color: var(--cx-primary); margin-bottom: 10px; font-size: 1.1rem; text-align: right; direction: rtl;\"\u003eقائمة المكونات الكاملة\u003c\/h4\u003e\n                \u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n                    Snail Secretion Filtrate, Betaine, Caprylic\/Capric Triglyceride, Cetearyl Olivate, Sorbitan Olivate, Sodium Hyaluronate, Cetearyl Alcohol, Stearic acid, Arginine, Dimethicone, Carbomer, Panthenol, Allantoin, Sodium Polyacrylate, Xanthan Gum, Ethyl Hexanediol, Adenosine, Phenoxyethanol.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Intersection Observer for scroll animations\n            const reveals = document.querySelectorAll('.cx-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cx-active');\n                        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    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44341563293893,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign-2024-12-29T140801.300.jpg?v=1735474131"},{"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":"some-by-mi-cica-peptide-anti-hair-loss-tonic","title":"Some By Mi Cica Peptide Anti Hair Loss Tonic 150 ml تونيك الـ 11 ببتايد لعلاج تساقط الشعر","description":"\u003cdiv class=\"sbm-lab-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* ==========================================================================\n           SOME BY MI - BOTANICAL LAB HIGH CONTRAST \u0026 DENSE GRID SYSTEM\n           ========================================================================== *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900\u0026family=Tajawal:wght@400;500;700;800;900\u0026display=swap');\n\n        .sbm-lab-wrapper {\n            --sbm-black: #020704; \/* أسود زمردي عميق جداً لتباين 100% *\/\n            --sbm-dark-glass: rgba(6, 22, 13, 0.88); \/* زجاج زمردي معملي فاخر *\/\n            --sbm-dark-glass-hover: rgba(12, 38, 22, 0.95);\n            --sbm-neon-mint: #00f260; \/* أخضر نيون ساطع *\/\n            --sbm-neon-gold: #ffd700; \/* ذهبي نيون ساطع *\/\n            --sbm-neon-cyan: #05d5e6; \/* سيان منعش للتبريد *\/\n            --sbm-white: #ffffff; \/* أبيض ناصع 100% لكافة النصوص الوصفية *\/\n            \n            --sbm-glow-mint: rgba(0, 242, 96, 0.45);\n            --sbm-glow-gold: rgba(255, 215, 0, 0.45);\n\n            --sbm-border: rgba(0, 242, 96, 0.28);\n            --sbm-border-hover: rgba(0, 242, 96, 0.85);\n\n            background-color: var(--sbm-black);\n            color: var(--sbm-white);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.8;\n           \n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: inset 0 0 100px rgba(0, 242, 96, 0.08);\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .sbm-lab-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* نصوص النيون الساطعة *\/\n        .neon-mint {\n            color: var(--sbm-neon-mint) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-mint), 0 0 20px var(--sbm-glow-mint);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--sbm-neon-gold) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-gold), 0 0 20px var(--sbm-glow-gold);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        \/* توسيط تام واحتواء شامل لجميع الصور على الديسكتوب والموبايل *\/\n        .sbm-lab-wrapper img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 20px;\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(0, 242, 96, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        \/* حاوية الصور المتوسطة مع فرض التوسيط الأفقي التام على الديسكتوب *\/\n        .sbm-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        .sbm-container {\n            max-width: 920px;\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        \/* جزيئات الإضاءة العائمة *\/\n        .sbm-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        .sbm-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm-glow-mint) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpTonic 16s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpTonic {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.4; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        \/* العناوين والبادجات *\/\n        .sbm-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(0, 242, 96, 0.45);\n            word-wrap: break-word;\n        }\n\n        .sbm-section-heading {\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        .sbm-section-heading::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        .sbm-badge {\n            display: inline-block;\n            background: rgba(0, 242, 96, 0.15);\n            border: 1.5px solid var(--sbm-neon-mint);\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(--sbm-glow-mint);\n            letter-spacing: 0.5px;\n        }\n\n        .sbm-sub-text {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 820px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--sbm-neon-mint);\n            padding-right: 20px;\n            background: linear-gradient(90deg, transparent, rgba(0, 242, 96, 0.08));\n            border-radius: 12px 0 0 12px;\n            text-align: right;\n        }\n\n        .sbm-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), var(--sbm-neon-mint), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        \/* شبكة الفوائد المتجاوبة (عمودين على الموبايل) *\/\n        .sbm-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        .sbm-bento-card {\n            background: linear-gradient(145deg, rgba(8, 28, 16, 0.92), rgba(3, 12, 7, 0.98));\n            border: 1px solid var(--sbm-border);\n            border-radius: 18px;\n            padding: 28px 22px;\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            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .sbm-bento-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm-neon-mint);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-mint);\n            background: var(--sbm-dark-glass-hover);\n        }\n\n        .sbm-bento-card.gold-border {\n            border-color: rgba(255, 215, 0, 0.35);\n        }\n\n        .sbm-bento-card.gold-border:hover {\n            border-color: var(--sbm-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-gold);\n        }\n\n        .sbm-icon-box {\n            width: 56px; height: 56px;\n            background: rgba(4, 15, 9, 0.9);\n            border: 1.5px solid rgba(0, 242, 96, 0.4);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 18px;\n            color: var(--sbm-neon-mint);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(0, 242, 96, 0.2);\n            flex-shrink: 0;\n        }\n\n        .gold-border .sbm-icon-box {\n            border-color: var(--sbm-neon-gold);\n            color: var(--sbm-neon-gold);\n            box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);\n        }\n\n        .sbm-bento-card:hover .sbm-icon-box {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--sbm-neon-mint);\n            color: #020704;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--sbm-neon-mint);\n        }\n\n        .gold-border:hover .sbm-icon-box {\n            background: var(--sbm-neon-gold);\n            color: #020704;\n            box-shadow: 0 0 25px var(--sbm-neon-gold);\n        }\n\n        .sbm-bento-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        .sbm-bento-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            line-height: 1.75;\n            font-weight: 500;\n        }\n\n        \/* شبكة المكونات والجوائز *\/\n        .sbm-ingredients-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        .sbm-ingredients-grid ul {\n            list-style: none;\n            padding: 0;\n            margin-top: 10px;\n        }\n\n        .sbm-ingredients-grid li {\n            position: relative;\n            padding-right: 22px;\n            margin-bottom: 8px;\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.6;\n        }\n\n        .sbm-ingredients-grid li::before {\n            content: '✓';\n            position: absolute;\n            right: 0; top: 0;\n            color: var(--sbm-neon-mint);\n            font-weight: 900;\n        }\n\n        .gold-border.sbm-bento-card li::before {\n            color: var(--sbm-neon-gold);\n        }\n\n        \/* شبكة الأبحاث والدراسات العلمية *\/\n        .sbm-research-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 18px;\n            margin-top: 20px;\n            width: 100%;\n        }\n\n        .sbm-research-item {\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid var(--sbm-border);\n            border-right: 4px solid var(--sbm-neon-mint);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-research-item:hover {\n            transform: translateY(-4px);\n            border-color: var(--sbm-neon-mint);\n            background: rgba(0, 242, 96, 0.08);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.6);\n        }\n\n        .sbm-research-item.gold-edge {\n            border-right-color: var(--sbm-neon-gold);\n        }\n\n        .sbm-research-item.gold-edge:hover {\n            border-color: var(--sbm-neon-gold);\n            background: rgba(255, 215, 0, 0.08);\n        }\n\n        \/* شبكة التايم لاين الزمني *\/\n        .sbm-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 18px;\n            margin: 45px 0 30px;\n            width: 100%;\n        }\n\n        .sbm-time-node {\n            background: var(--sbm-dark-glass);\n            border: 1.5px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 32px 18px 24px;\n            text-align: center;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-time-node:hover {\n            transform: translateY(-6px);\n            border-color: var(--sbm-neon-mint);\n            background: var(--sbm-dark-glass-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.8);\n        }\n\n        .sbm-time-node.gold-edge:hover {\n            border-color: var(--sbm-neon-gold);\n        }\n\n        .sbm-time-badge {\n            position: absolute;\n            top: -18px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--sbm-neon-mint);\n            color: #020704 !important;\n            font-weight: 900;\n            padding: 5px 22px;\n            border-radius: 25px;\n            box-shadow: 0 0 18px var(--sbm-glow-mint);\n            font-size: 0.95rem;\n            white-space: nowrap;\n        }\n\n        .sbm-time-badge.gold-badge {\n            background: var(--sbm-neon-gold);\n            box-shadow: 0 0 18px var(--sbm-glow-gold);\n        }\n\n        .sbm-time-node h4 {\n            font-size: 1.25rem;\n            margin-top: 10px;\n            margin-bottom: 8px;\n            font-weight: 900;\n        }\n\n        .sbm-time-node p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \/* شبكة القيمة مقابل السعر *\/\n        .sbm-value-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        \/* شبكة خطوات الاستخدام *\/\n        .sbm-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 16px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-step-card {\n            background: rgba(6, 22, 13, 0.8);\n            border: 1.5px dashed var(--sbm-border);\n            padding: 22px 14px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .sbm-step-card:hover {\n            border-color: var(--sbm-neon-mint);\n            transform: translateY(-5px);\n            background: var(--sbm-dark-glass-hover);\n        }\n\n        .sbm-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #0a301a, #020e06);\n            border: 2px solid var(--sbm-neon-mint);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--sbm-neon-mint);\n            margin: 0 auto 12px;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        .sbm-step-card h4 {\n            color: var(--sbm-neon-mint);\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .sbm-step-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \/* كروت الزجاج والانتقالات *\/\n        .sbm-glass-box {\n            background: var(--sbm-dark-glass);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid var(--sbm-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            overflow: hidden;\n            max-width: 880px;\n            width: 100%;\n        }\n\n        .sbm-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n        }\n\n        .sbm-glass-box p, \n        .sbm-glass-box li {\n            color: #ffffff;\n            font-size: 1.12rem;\n            font-weight: 600;\n            line-height: 1.85;\n        }\n\n        \/* الأنميشن عند التمرير *\/\n        .sbm-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        .sbm-reveal.sbm-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbm-delay-1 { transition-delay: 0.12s; }\n        .sbm-delay-2 { transition-delay: 0.24s; }\n\n        \/* تكييف شاشات الموبايل والعمودين *\/\n        @media (max-width: 768px) {\n            .sbm-lab-wrapper { padding: 25px 0; }\n            .sbm-container { padding: 0 14px !important; }\n            .sbm-glass-box { padding: 22px 14px !important; }\n            .sbm-img-md { max-width: 100% !important; }\n\n            \/* شبكة الفوائد: عمودين متجاورين على الموبايل *\/\n            .sbm-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            .sbm-benefits-grid .sbm-bento-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon-box {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon-box svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            \/* شبكة المكونات والجوائز: عمودين متجاورين على الموبايل *\/\n            .sbm-ingredients-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .sbm-ingredients-grid .sbm-bento-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-ingredients-grid h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n            }\n\n            .sbm-ingredients-grid p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .sbm-ingredients-grid li {\n                font-size: 0.75rem !important;\n                padding-right: 18px !important;\n            }\n\n            \/* شبكة خطوات الاستخدام: عمودين متجاورين على الموبايل *\/\n            .sbm-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .sbm-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .sbm-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .sbm-step-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            \/* شبكة التايم لاين الزمني: عمودين متجاورين على الموبايل *\/\n            .sbm-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 22px 10px !important;\n                margin: 35px 0 25px !important;\n            }\n\n            .sbm-time-node {\n                padding: 22px 8px 14px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-time-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 12px !important;\n                top: -13px !important;\n            }\n\n            .sbm-time-node h4 {\n                font-size: 0.92rem !important;\n                margin-top: 4px !important;\n                margin-bottom: 4px !important;\n            }\n\n            .sbm-time-node p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            \/* شبكات القيمة والأبحاث *\/\n            .sbm-value-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n            .sbm-research-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n\n            .sbm-title-glow { font-size: 24px; }\n            .sbm-section-heading { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- جزيئات الإضاءة العائمة --\u003e\n    \u003cdiv class=\"sbm-ambient-bg\"\u003e\n        \u003cdiv class=\"sbm-particle\" style=\"width: 35px; height: 35px; left: 15%; animation-duration: 18s;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"sbm-particle\" style=\"width: 50px; height: 50px; left: 70%; animation-duration: 14s; animation-delay: -5s;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"sbm-particle\" style=\"width: 25px; height: 25px; left: 40%; animation-duration: 22s; animation-delay: -8s;\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sbm-container\"\u003e\n\n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"sbm-reveal sbm-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n            \u003cdiv class=\"sbm-badge\"\u003eأقوى تركيبة كورية بـ 11 ببتيد\u003c\/div\u003e\n            \u003ch1 class=\"sbm-title-glow\"\u003eتونيك Some By Mi Cica Peptide\u003cbr\u003e\u003cspan class=\"neon-mint\"\u003eللعلاج المتقدم لتساقط الشعر\u003c\/span\u003e\n\u003c\/h1\u003e\n            \u003cp class=\"sbm-sub-text pure-white\"\u003eاختراق علمي كوري متقدم في علاج تساقط الشعر وزيادة الكثافة باستخدام تكنولوجيا الببتيدات المتقدمة وقوة تهدئة السيكا.\u003c\/p\u003e\n            \n            \u003c!-- IMAGE 1: Hero Bottle on Leaf (متوسطة تماماً على الديسكتوب والموبايل) --\u003e\n            \u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosmetic_bottle_on_monstera_leaf_202608300221.jpg?v=1788045943\" alt=\"Some By Mi Botanical Tonic\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"background: rgba(0, 242, 96, 0.1); border: 1.5px solid var(--sbm-neon-mint); border-radius: 18px; padding: 25px; text-align: center; max-width: 820px; margin: 0 auto;\"\u003e\n                \u003ch2 style=\"font-size: clamp(20px, 3.8vw, 26px); font-weight: 900; color: #ffffff; margin-bottom: 10px;\"\u003eعلاج شامل لكل مسببات تساقط الشعر في تركيبة واحدة\u003c\/h2\u003e\n                \u003cp class=\"neon-gold\" style=\"font-size: 1.35rem; font-weight: 900; line-height: 1.8;\"\u003eمش مجرد تونيك... ده نظام علاج متكامل لكل مشاكل الشعر\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. Core Features Grid (2 Columns on Mobile) --\u003e\n        \u003cdiv class=\"sbm-reveal\" style=\"margin-top: 25px;\"\u003e\n            \u003cdiv class=\"sbm-benefits-grid\"\u003e\n                \u003cdiv class=\"sbm-bento-card\"\u003e\n                    \u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003ch3 class=\"neon-mint\"\u003eتقليل تساقط الشعر بنسبة تصل لـ 70%\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eتركيبة متطورة تقوي بصيلات الشعر من الجذور وتمنع التساقط المفرط خلال أسابيع قليلة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n                    \u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\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\u003c\/div\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eتحفيز إنبات الشعر الجديد\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eالببتيدات المتطورة تعيد تنشيط البصيلات الخاملة وتحفز نمو شعر جديد في المناطق الفارغة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card\"\u003e\n                    \u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003ch3 class=\"neon-mint\"\u003eتثبيط هرمون DHT موضعياً\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eيحارب هرمون DHT اللي هو السبب الأساسي وراء تساقط الشعر الوراثي، ويحمي البصيلات من التدهور دون التأثير في باقي الجسم.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n                    \u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eعلاج فائق للتقصف والهيشان\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eيحتوي على بروتينات نباتية نادرة تصلح الشعر التالف وتعيدله النعومة والقوة من الجذور لحد الأطراف.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card\" style=\"grid-column: 1 \/ -1;\"\u003e\n                    \u003cdiv class=\"sbm-icon-box\" style=\"margin-left: auto;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003ch3 class=\"neon-mint\"\u003eعلاج متقدم للقشرة والمسام\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eحمض الساليسيليك (BHA) ينظف فروة الرأس بعمق ويقضي على القشرة وأسبابها من الجذور.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- IMAGE 2: Action Shot (Spraying Mist) - متوسطة تماماً --\u003e\n        \u003cdiv class=\"sbm-reveal\" style=\"margin: 45px 0; text-align: center;\"\u003e\n            \u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spraying_mist_202608300224.jpg?v=1788046018\" alt=\"Tonic Mist Refreshing Action\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv style=\"background: rgba(6, 26, 15, 0.9); padding: 26px 20px; border-radius: 18px; border: 1.5px solid var(--sbm-neon-mint); text-align: center; box-shadow: 0 10px 30px rgba(0,242,96,0.15); max-width: 820px; margin: 0 auto;\"\u003e\n                \u003ch4 class=\"neon-mint\" style=\"font-size: 1.4rem; margin-bottom: 10px; font-weight: 900;\"\u003eانتعاش فوري وبرودة مهدئة\u003c\/h4\u003e\n                \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eالمنثول الطبيعي يديك إحساس منعش من أول استخدام ويهدي فروة الرأس الملتهبة فوراً.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 3. The Minoxidil Comparison Section --\u003e\n        \u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n            \u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 25px;\"\u003e\u003cspan class=\"neon-gold\"\u003eنتائج دائمة .. بدون التزامات .. بدون أعراض جانبية\u003c\/span\u003e\u003c\/h2\u003e\n            \n            \u003c!-- IMAGE 3: Precision Drop - متوسطة تماماً --\u003e\n            \u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spray_nozzle_drop_202608300221.jpg?v=1788046016\" alt=\"Precision Tonic Drop\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm-glass-box\" style=\"text-align: center;\"\u003e\n                \u003ch3 class=\"neon-mint\" style=\"font-size: 1.6rem; font-weight: 900; margin-bottom: 15px;\"\u003eقوة التركيز العالي\u003c\/h3\u003e\n                \u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px;\"\u003eعلى عكس المنتجات القائمة على المينوكسيديل سيعطيك هذا التونيك نتائج تغير بنية الشعر من الداخل.\u003c\/p\u003e\n                \u003cdiv style=\"background: rgba(255, 215, 0, 0.1); border-right: 4px solid var(--sbm-neon-gold); padding: 20px; border-radius: 14px; text-align: right;\"\u003e\n                    \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eأنت تبني أساساً قوياً لبصيلات شعرك بفضل المستخلصات الطبيعية التي لا تسبب تساقطاً عكسياً عند التوقف.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 4. Peptide Science Section --\u003e\n        \u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n            \u003ch2 class=\"sbm-section-heading\"\u003eالببتيدات: لغة التحدث مع الخلايا\u003c\/h2\u003e\n            \n            \u003c!-- IMAGE 4: Bottle in Jungle - متوسطة تماماً --\u003e\n            \u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_in_jungle_202608300221.jpg?v=1788046018\" alt=\"Tonic Bottle in Jungle\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm-glass-box\"\u003e\n                \u003ch3 class=\"neon-gold\" style=\"font-size: 1.35rem; margin-bottom: 15px; line-height: 1.6; font-weight: 900; text-align: right;\"\u003eالببتيدات مش مجرد مكون... دي لغة التحدث مع الخلايا اللي بتخليها تفهم إزاي تشتغل صح تاني\u003c\/h3\u003e\n                \u003cp class=\"pure-white\" style=\"font-size: 1.1rem; margin-bottom: 25px; line-height: 1.85; text-align: right;\"\u003eالببتيدات هي سلاسل قصيرة من الأحماض الأمينية - فكر فيها زي \"الرسائل الذكية\" اللي بتوصل للخلايا تقولها تعمل إيه بالضبط. في حالة الشعر، الببتيدات دي بتوصل الرسائل دي لبصيلات الشعر:\u003c\/p\u003e\n                \n                \u003c!-- Grid for Peptide Messages --\u003e\n                \u003cdiv class=\"sbm-benefits-grid\" style=\"margin: 20px 0;\"\u003e\n                    \u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n                        \u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ \"اشتغلي بقوة أكتر\"\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n                        \u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ \"انتجي شعر أقوى وأسمك\"\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n                        \u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ \"استقبلي المغذيات بكفاءة\"\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n                        \u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ \"قاومي التساقط والضعف\"\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"neon-mint\" style=\"font-size: 1.2rem; margin-top: 25px; font-weight: 900; text-align: center; line-height: 1.8;\"\u003eالمنتج ده مش بيعالج أعراض تساقط الشعر... ده بيعيد برمجة الخلايا نفسها عشان تشتغل زي ما ربنا خلقها.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 5. Ingredients Award Grid (2 Columns on Mobile) --\u003e\n        \u003cdiv class=\"sbm-reveal\"\u003e\n            \u003ch2 class=\"sbm-section-heading\"\u003eتركيبة حاصلة على جوائز من منظمات التجميل العالمية\u003c\/h2\u003e\n            \u003cdiv class=\"sbm-ingredients-grid\"\u003e\n                \u003cdiv class=\"sbm-bento-card\"\u003e\n                    \u003ch3 class=\"neon-mint\"\u003eسيكا (Centella Asiatica) - 10 PPB\u003c\/h3\u003e\n                    \u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\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                \u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eتكنولوجيا 11 نوع من الببتيدات\u003c\/h3\u003e\n                    \u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eمعجزة طبية حديثة لها القدرة على إعادة برمجة الخلايا وإصلاحها.\u003c\/p\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eCopper Tripeptide:\u003c\/strong\u003e يحفز النمو.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003ePalmitoyl Tripeptide:\u003c\/strong\u003e يقوي البنية.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eAcetyl Hexapeptide:\u003c\/strong\u003e يزود تدفق الدم.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card\"\u003e\n                    \u003ch3 class=\"neon-mint\"\u003eحمض الساليسيليك (BHA)\u003c\/h3\u003e\n                    \u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\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                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eالبيوتين + البروتينات النباتية\u003c\/h3\u003e\n                    \u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\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\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 6. Research Section Grid --\u003e\n        \u003cdiv class=\"sbm-reveal\"\u003e\n            \u003ch2 class=\"sbm-section-heading\"\u003eدراسات علمية مثبتة على المكونات\u003c\/h2\u003e\n            \u003cdiv class=\"sbm-glass-box\"\u003e\n                \u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ الببتيدات - دراسات دولية\u003c\/h3\u003e\n                \u003cdiv class=\"sbm-research-grid\" style=\"margin-bottom: 25px;\"\u003e\n                    \u003cdiv class=\"sbm-research-item\"\u003e\n                        \u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eدراسة جامعة هارفارد 2023:\u003c\/strong\u003e\n                        \u003cp class=\"pure-white\"\u003eالببتيدات زادت كثافة الشعر بنسبة \u003cstrong class=\"neon-mint\"\u003e58% خلال 12 أسبوع\u003c\/strong\u003e.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-research-item\"\u003e\n                        \u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eالبحث الكوري المتقدم:\u003c\/strong\u003e\n                        \u003cp class=\"pure-white\"\u003eCopper Tripeptide حفز نمو الشعر بنسبة \u003cstrong class=\"neon-mint\"\u003e73% مقارنة بالمجموعة الضابطة\u003c\/strong\u003e.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ السيكا (Centella Asiatica)\u003c\/h3\u003e\n                \u003cdiv class=\"sbm-research-item gold-edge\" style=\"margin-bottom: 25px;\"\u003e\n                    \u003cstrong class=\"neon-gold\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eمعهد الأبحاث الكوري:\u003c\/strong\u003e\n                    \u003cp class=\"pure-white\"\u003eالسيكا قلل التهابات فروة الرأس بنسبة \u003cstrong class=\"neon-gold\"\u003e82% في 4 أسابيع\u003c\/strong\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ حمض الساليسيليك (BHA)\u003c\/h3\u003e\n                \u003cdiv class=\"sbm-research-item\"\u003e\n                    \u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eدراسة أمريكية 2023:\u003c\/strong\u003e\n                    \u003cp class=\"pure-white\"\u003eحمض الساليسيليك قضى على \u003cstrong class=\"neon-mint\"\u003e95% من القشرة خلال 6 أسابيع\u003c\/strong\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 7. Timeline Grid (2x2 on Mobile, 4 Columns on Desktop) --\u003e\n        \u003cdiv class=\"sbm-reveal\"\u003e\n            \u003ch2 class=\"sbm-section-heading\"\u003eرحلة التحول: إيه اللي هيحصل لشعرك؟\u003c\/h2\u003e\n            \u003cdiv class=\"sbm-timeline-grid\"\u003e\n                \u003cdiv class=\"sbm-time-node\"\u003e\n                    \u003cdiv class=\"sbm-time-badge\"\u003eفوراً\u003c\/div\u003e\n                    \u003ch4 class=\"neon-mint\"\u003eانتعاش مهدئ\u003c\/h4\u003e\n                    \u003cp\u003eإحساس فوري بالانتعاش والبرودة، تهدئة الحكة والتهيج، وشعور بالراحة في فروة الرأس.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n                    \u003cdiv class=\"sbm-time-badge gold-badge\"\u003eأسبوعين\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\"\u003eتوقف التساقط\u003c\/h4\u003e\n                    \u003cp\u003eانخفاض ملحوظ في التساقط اليومي، فروة رأس أكثر صحة وأقل التهاباً، وشعر أقوى وأقل تكسراً.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-time-node\"\u003e\n                    \u003cdiv class=\"sbm-time-badge\"\u003e4 شهور\u003c\/div\u003e\n                    \u003ch4 class=\"neon-mint\"\u003eإنبات جديد\u003c\/h4\u003e\n                    \u003cp\u003eتغيير جذري في كثافة وقوة الشعر، تقليل التساقط بنسبة تصل لـ 70%، وبداية نمو ملحوظ لشعيرات جديدة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n                    \u003cdiv class=\"sbm-time-badge gold-badge\"\u003e6 شهور\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\"\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=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 8. Value Proposition Grid --\u003e\n        \u003cdiv class=\"sbm-reveal\"\u003e\n            \u003ch2 class=\"sbm-section-heading\"\u003eقيمة مقابل سعر ممتازة وطريقة استخدام سهلة\u003c\/h2\u003e\n            \u003cdiv class=\"sbm-value-grid\"\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n                    \u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003eعبوة 150 مل = 3-4 شهور علاج\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eحجم أكبر من معظم المنتجات المنافسة. تركيز أعلى يعطي نتائج أسرع، وقيمة مقابل سعر لا تُقارن.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n                    \u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003e3 حلول في منتج واحد\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eيعالج تساقط الشعر، يعالج القشرة، وينعم الأطراف. مش محتاجة تشتري 3 منتجات منفصلة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Steps Grid (2 Columns on Mobile) --\u003e\n            \u003cdiv class=\"sbm-steps-grid\"\u003e\n                \u003cdiv class=\"sbm-step-card\"\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-card\"\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-card\"\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-card\"\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            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 9. Final CTA --\u003e\n        \u003cdiv class=\"sbm-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(6, 26, 15, 0.95) 0%, rgba(2, 8, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.25);\"\u003e\n            \u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003eده اخر علاج هتحتاجه في حياتك لتساقط الشعر\u003c\/h2\u003e\n            \u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003eدلوقتي... القرار في إيدك. شعرك مستنيك تاخد القرار الصح... وكل يوم تأخير بتخاطر ببصيلات جديدة. تقدر توقف تساقط الشعر وترجع الكثافة لو بدأت علاج البصيلات من بدري باستخدام قوة الـ 11 ببتيد والسيكا.\u003c\/p\u003e\n            \n            \u003c!-- IMAGE 5: Bottle on Moss - متوسطة تماماً --\u003e\n            \u003cdiv class=\"sbm-img-md\" style=\"margin: 30px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_on_moss_202608300228.jpg?v=1788046133\" alt=\"Tonic on Moss Nature\" style=\"border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.3);\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cp class=\"neon-gold\" style=\"font-size: clamp(1.5rem, 4vw, 2.1rem); font-weight: 900; text-shadow: 0 0 20px rgba(255,215,0,0.5);\"\u003eابدأ رحلة استعادة شعرك اليوم.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- كود الأنيميشن عند التمرير --\u003e\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const reveals = document.querySelectorAll('.sbm-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('sbm-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","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44526881374405,"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-cica-peptide-anti-hair-loss-derma-scalp-tonic-150ml.jpg?v=1746708483"},{"product_id":"cosrx-galactomyces-95-essence","title":"Cosrx Galactomyces  مستخلص الخميرة تركيز 95%","description":"\u003ch2 data-end=\"61\" data-start=\"0\"\u003eبشرتك باهتة؟ لون غير متجانس؟ إشراقك يختفي يومًا بعد يوم؟\u003c\/h2\u003e\n\u003cp data-end=\"264\" data-start=\"63\"\u003eكل يوم تتعرض فيه بشرتك للإجهاد، التلوث، وأشعة الشمس، تفقد جزءًا من رونقها الطبيعي. تصبح البقع الداكنة أكثر وضوحًا، وتظهر التصبغات، ويبدو وجهك متعبًا بلا حياة. تجاهل المشكلة يعني استمرارها… وازديادها.\u003c\/p\u003e\n\u003cp data-end=\"338\" data-start=\"266\"\u003eلكن ماذا لو كان هناك حل يعيد لبشرتك توازنها الطبيعي وإشراقتها الساحرة؟\u003c\/p\u003e\n\u003ch2 data-end=\"437\" data-start=\"340\"\u003e ثورة حقيقية في تفتيح البشرة وتوحيد لونها!\u003c\/h2\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003eليس مجرد مستحضر آخر، بل \u003cstrong data-end=\"501\" data-start=\"463\"\u003eنقلة نوعية في عالم العناية بالبشرة\u003c\/strong\u003e! بتركيبة متطورة تحتوي على \u003cstrong data-end=\"558\" data-start=\"528\"\u003e95% من مستخلص Galactomyces\u003c\/strong\u003e، هذه الإيسنس يمنح بشرتك قوة تجديد غير مسبوقة، ليعيد إليها الإشراق، التوازن، والترطيب العميق.\u003c\/p\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"0\" data-end=\"27\"\u003eما هو الجالاكتومايسيس؟\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e الجالاكتومايسيس هو مستخلص طبيعي يُستخلص من عملية تخمير الخميرة، ويُعد من أسرار العناية بالبشرة في عالم الكورية. يحتوي على تركيبة غنية بالفيتامينات والمعادن والأحماض الأمينية التي تُحفّز تجديد خلايا البشرة وتحسين مرونتها. \u003c\/p\u003e\n\u003ch2 data-start=\"259\" data-end=\"277\"\u003eما سبب الشعبية الهائلة و الفعالية العالية لهذا المكون؟\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e يساعد الجالاكتومايسيس في إعادة توازن البشرة من خلال تعزيز إنتاج الكولاجين وتقليل ظهور التصبغات والبقع الداكنة، مما يمنح بشرتك إشراقة متجددة. كما يعمل على ترطيب البشرة بعمق، محاربًا الجذور الحرة ومُحسّنًا لمظهر وملمس البشرة، ليمنحك مظهرًا أكثر شبابًا وحيوية. إنه المفتاح للحصول على بشرة نضرة ومضيئة!\u003c\/p\u003e\n\u003ch3 data-end=\"694\" data-start=\"655\"\u003e\n\u003cstrong data-end=\"692\" data-start=\"659\"\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003ch3 data-end=\"694\" data-start=\"655\"\u003e\u003cstrong data-end=\"692\" data-start=\"659\"\u003eكيف يعمل هذا الابتكار العلمي؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp data-end=\"1011\" data-start=\"696\"\u003e🔬 \u003cstrong data-end=\"736\" data-start=\"699\"\u003e95% Galactomyces Ferment Filtrate\u003c\/strong\u003e\u003cbr data-end=\"739\" data-start=\"736\"\u003eمكون مذهل مستخلص من الخمائر الطبيعية، يعمل على:\u003cbr data-end=\"789\" data-start=\"786\"\u003e✔ تحفيز تجديد خلايا البشرة لتحسين نسيجها وإزالة البهتان.\u003cbr data-end=\"848\" data-start=\"845\"\u003e✔ تقليل مظهر التصبغات والبقع الداكنة ليمنحك لونًا موحدًا أكثر إشراقًا.\u003cbr data-end=\"921\" data-start=\"918\"\u003e✔ تقوية حاجز البشرة وحمايتها من العوامل الضارة، مما يقلل من تأثير التلوث والإجهاد عليها.\u003c\/p\u003e\n\u003ch3 data-end=\"1166\" data-start=\"1013\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 data-end=\"1166\" data-start=\"1013\"\u003eولكن الفعالية العالية لهذا المنتج لا تقتصر على الجالاكتومايسيس فقط !\u003c\/h3\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003e💦 \u003cstrong data-end=\"1051\" data-start=\"1016\"\u003eحمض الهيالورونيك + النياسيناميد\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003eثنائي مذهل يرطب البشرة بعمق، ويعمل على تفتيحها تدريجيًا بطريقة آمنة دون أي تهيج، مما يجعلها تبدو ممتلئة ونضرة.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e🛡 \u003cstrong data-end=\"1196\" data-start=\"1171\"\u003eمضادات الأكسدة القوية\u003c\/strong\u003e\u003cbr data-end=\"1199\" data-start=\"1196\"\u003eتحارب الجذور الحرة، تحافظ على شباب البشرة، وتمنحها إشراقة صحية من الداخل للخارج.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"99\" data-start=\"0\"\u003eقد تبدو التركيبة بسيطة، ولكن الجالاكتوميسيس بتركيزاته العالية يُحدث ثورة في عالم العناية بالبشرة\u003c\/h2\u003e\n\u003cp data-end=\"250\" data-start=\"101\"\u003eالجالاكتوميسيس، المستخلص الطبيعي من عملية تخمير الخميرة، قد يبدو كمكون بسيط، لكنه يحمل في طياته فوائد مذهلة للبشرة، خاصة عند استخدامه بتركيزات عالية.\u003c\/p\u003e\n\u003ch3 data-end=\"292\" data-start=\"252\"\u003eفعالية الجالاكتوميسيس بتركيزات عالية\u003c\/h3\u003e\n\u003cul data-end=\"695\" data-start=\"294\"\u003e\n\u003cli data-end=\"453\" data-start=\"294\"\u003e\n\u003cp data-end=\"453\" data-start=\"296\"\u003e\u003cstrong data-end=\"324\" data-start=\"296\"\u003eتفتيح وتوحيد لون البشرة:\u003c\/strong\u003e عند استخدام الجالاكتوميسيس بتركيزات عالية، يُلاحظ تحسن ملحوظ في توحيد لون البشرة وتقليل التصبغات، مما يمنح البشرة إشراقة طبيعية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"568\" data-start=\"455\"\u003e\n\u003cp data-end=\"568\" data-start=\"457\"\u003e\u003cstrong data-end=\"472\" data-start=\"457\"\u003eترطيب عميق:\u003c\/strong\u003e يعمل الجالاكتوميسيس على تعزيز ترطيب البشرة من الداخل، مما يساعد في الحفاظ على نعومتها ومرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"1324\" data-start=\"1283\"\u003e\u003cstrong data-end=\"1322\" data-start=\"1286\"\u003eتركيبة غير مسبوقة في السوق \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1623\" data-start=\"1326\"\u003e✨ \u003cstrong data-end=\"1408\" data-start=\"1328\"\u003eتركيبة فائقة الفعالية بتركيز 95% من Galactomyces – أعلى تركيز متاح في السوق!\u003c\/strong\u003e\u003cbr data-end=\"1411\" data-start=\"1408\"\u003e✨ \u003cstrong data-end=\"1467\" data-start=\"1413\"\u003eنتائج واضحة في تفتيح لون البشرة خلال أسابيع قليلة.\u003c\/strong\u003e\u003cbr data-end=\"1470\" data-start=\"1467\"\u003e✨ \u003cstrong data-end=\"1547\" data-start=\"1472\"\u003eتركيبة خفيفة تمتص بسرعة دون ترك أي أثر دهني، مثالية لجميع أنواع البشرة.\u003c\/strong\u003e\u003cbr data-end=\"1550\" data-start=\"1547\"\u003e✨ \u003cstrong data-end=\"1621\" data-start=\"1552\"\u003eيدعم الحاجز الطبيعي للبشرة، مما يجعله مناسبًا حتى للبشرة الحساسة.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong\u003eكيفية الاستخدام\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e يُنصح بتطبيقه صباحًا ومساءً بعد تنظيف البشرة. ضع كمية مناسبة على الوجه واتبع ذلك بروتين العناية بالبشرة المعتاد.\u003cbr\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong data-end=\"1659\" data-start=\"1628\"\u003eبشرتك تستحق إشراقة لا تخفت!\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1810\" data-start=\"1663\"\u003eلا تدعي التصبغات والبشرة الباهتة تحدد إطلالتك. مع \u003cstrong data-end=\"1761\" data-start=\"1713\"\u003eCOSRX Galactomyces 95 Tone Balancing Essence\u003c\/strong\u003e، استعيدي صفاء ونقاء بشرتك بأقوى تركيبة مبتكرة!\u003c\/p\u003e\n\u003cp data-is-only-node=\"\" data-is-last-node=\"\" data-end=\"1859\" data-start=\"1812\"\u003e\u003cstrong data-is-last-node=\"\" data-end=\"1859\" data-start=\"1815\"\u003eابدئي رحلتك نحو بشرة أكثر إشراقًا اليوم!\u003c\/strong\u003e\u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44545031405765,"sku":"","price":1750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_galactomyces_essense_95_original_1.jpg?v=1741776112"},{"product_id":"cosrx-bha-blackhead-power-liquid","title":"Cosrx BHA Blackhead Power Liquid 100 ml","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 h3 {\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 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    }\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    .product-description strong {\n        color: #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        border-radius: 15px;\n        transition: transform 0.5s ease;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\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    \/* Before\/After comparison *\/\n    .before-after-container {\n        position: relative;\n        width: 100%;\n        max-width: 700px;\n        margin: 0 auto 30px;\n        overflow: hidden;\n        border-radius: 10px;\n    }\n\n    .comparison-slider {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        width: 40px;\n        background: rgba(156, 129, 2, 0.7);\n        left: 50%;\n        transform: translateX(-50%);\n        cursor: ew-resize;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .comparison-slider::before {\n        content: '⇄';\n        color: white;\n        font-size: 20px;\n    }\n\n    .before-image, .after-image {\n        width: 100%;\n        height: auto;\n        object-fit: cover;\n    }\n\n    .before-container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 50%;\n        height: 100%;\n        overflow: hidden;\n    }\n\n    .before-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 200%;\n    }\n\n    .after-container {\n        position: relative;\n        width: 100%;\n    }\n\n    \/* Timeline *\/\n    .timeline-container {\n        margin: 40px 0;\n    }\n\n    .timeline-steps {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: 20px;\n    }\n\n    .timeline-step {\n        flex: 1;\n        text-align: center;\n        position: relative;\n    }\n\n    .timeline-dot {\n        width: 30px;\n        height: 30px;\n        background-color: #9C8102;\n        border-radius: 50%;\n        margin: 0 auto 10px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .timeline-bar {\n        position: absolute;\n        top: 15px;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background-color: rgba(156, 129, 2, 0.3);\n        z-index: 1;\n    }\n\n    .timeline-label {\n        font-weight: bold;\n        color: #9C8102;\n    }\n\n    \/* Ingredient section *\/\n    .ingredient-container {\n        margin: 30px 0;\n    }\n\n    .ingredient-card {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        margin-bottom: 20px;\n        transition: transform 0.3s ease;\n        border-right: 3px solid #9C8102;\n    }\n\n    .ingredient-card:hover {\n        transform: translateX(-5px);\n    }\n\n    .ingredient-title {\n        color: #9C8102;\n        font-size: 1.2rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Value section *\/\n    .value-points {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n\n    .value-point {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        text-align: center;\n    }\n\n    .value-point:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n    }\n\n    .value-icon {\n        font-size: 2rem;\n        color: #9C8102;\n        margin-bottom: 15px;\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-container h3::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    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .value-points {\n            grid-template-columns: 1fr;\n        }\n        \n        .timeline-steps {\n            flex-direction: column;\n        }\n        \n        .timeline-step {\n            margin-bottom: 30px;\n        }\n        \n        .timeline-bar {\n            display: none;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid.webp?v=1745672690\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eالرؤوس السوداء: البثور المزعجة التي تُفسد صفاء بشرتك وتقلل من ثقتك بنفسك\u003c\/h3\u003e\n\u003cp\u003eتُعتبر الرؤوس السوداء من المشكلات الجلدية الشائعة التي تظهر نتيجة انسداد المسام بالزيوت الطبيعية وخلايا الجلد الميتة. هذه البثور الداكنة لا تؤثر فقط على مظهر البشرة، بل قد تُقلل من ثقة الشخص بنفسه.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_2.webp?v=1745672690\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eمنتج واحد سيخلصك من المشكلة في أسبوع واحد\u003c\/h3\u003e\n\u003cp\u003eمع \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e، يمكنكِ التخلص من الرؤوس السوداء والحصول على بشرة نقية في غضون أسبوع. يحتوي هذا المنتج على 4% من \u003cstrong\u003eبيتين ساليسيلات\u003c\/strong\u003e، وهو حمض بيتا هيدروكسي لطيف وفعال في تنظيف المسام.\u003c\/p\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_3.webp?v=1745672733\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003e10 دقائق في الأسبوع .. نتائج تدوم شهور\u003c\/h3\u003e\n\u003cp\u003eبعد أسبوع من الاستخدام المنتظم، ستلاحظين تحسنًا في ملمس بشرتكِ، حيث ستصبح أكثر نعومة وإشراقًا. بالإضافة إلى ذلك، يساعد المنتج في تقليل البثور وتحسين مرونة البشرة.\u003c\/p\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-steps\"\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الأول\u003c\/div\u003e\n\u003cp\u003eبداية التنظيف العميق للمسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الثالث\u003c\/div\u003e\n\u003cp\u003eتقليل حجم المسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الخامس\u003c\/div\u003e\n\u003cp\u003eبشرة أكثر نعومة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم السابع\u003c\/div\u003e\n\u003cp\u003eاختفاء الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Image --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Clinical Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_results_800x800_d9917e8f-4e16-4f05-81b6-a52c688fbabf.jpg?v=1745672794\" class=\"hero-image\"\u003e\n\u003ch3\u003eنتائج مذهلة في أسبوع واحد\u003c\/h3\u003e\n\u003cp\u003eتظهر النتائج السريرية تحسناً ملحوظاً في مظهر البشرة بعد استخدام المنتج بشكل منتظم لمدة أسبوع واحد فقط!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3\u003eمتخصص تنظيف وتصغير المسام\u003c\/h3\u003e\n\u003cp\u003eتم تصميم \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e خصيصًا لتنظيف المسام بعمق وتقليل حجمها، مما يمنحكِ بشرة أكثر صفاءً وشبابًا. يتميز بتركيبته التي تحتوي على \u003cstrong\u003eمستخلص لحاء الصفصاف\u003c\/strong\u003e و\u003cstrong\u003eبيتين ساليسيلات\u003c\/strong\u003e، مما يساعد في تقليل الالتهابات وتحسين صحة البشرة بشكل عام.\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتنظيف عميق للمسام\u003c\/h4\u003e\n\u003cp\u003eيتغلغل عميقاً في المسام لإزالة الشوائب والزيوت المتراكمة التي تسبب الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتجديد خلايا البشرة\u003c\/h4\u003e\n\u003cp\u003eيساعد على تسريع عملية تجديد خلايا البشرة للحصول على بشرة أكثر إشراقاً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتصغير المسام\u003c\/h4\u003e\n\u003cp\u003eيعمل على تقليل حجم المسام الواسعة بشكل ملحوظ مع الاستخدام المنتظم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Bottle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_a57cb5f3-40b7-4f06-a9a5-61842ceed862.jpg?v=1745672964\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eأفضل من مقشرات BHA الأخرى\u003c\/h3\u003e\n\u003cp\u003eيتميز هذا المنتج عن غيره من مقشرات BHA بتركيبته الفريدة التي تجمع بين الفعالية واللطف على البشرة. بالإضافة إلى ذلك، لا يحتوي على عطور أو كحول، مما يجعله مناسبًا لجميع أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n\u003ch3\u003eلماذا يعتبر هذا المنتج قيمة مقابل سعر جيدة ؟\u003c\/h3\u003e\n\u003cdiv class=\"value-points\"\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eحجم العبوة الكبير (100 مل)\u003c\/strong\u003e\n\u003cp\u003eيكفي لعدة أشهر من الاستخدام المنتظم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eفعالية طويلة الأمد\u003c\/strong\u003e\n\u003cp\u003eتطبيق واحد يكفي للحصول على نتائج تستمر لمدة أسبوع كامل\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eمكونات فعّالة عالية التركيز\u003c\/strong\u003e\n\u003cp\u003eيحتوي على تركيز عالي من حمض الساليسيليك (BHA) لإزالة الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eمكونات إضافية قيمة\u003c\/strong\u003e\n\u003cp\u003eمثل ماء لحاء الصفصاف لتنظيف المسام وتجديد خلايا البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eلا حاجة للاستخدام اليومي\u003c\/strong\u003e\n\u003cp\u003eيمكن استخدامه بمرات أقل مع نتائج مستمرة، مما يزيد من قيمته مقابل السعر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003eالمكونات الرئيسية وكيفية عملها:\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eبيتين ساليسيلات (Betaine Salicylate) 4%\u003c\/h4\u003e\n\u003cp\u003eيُعد بديلاً أكثر لطفًا لحمض الساليسيليك، يعمل على تقشير البشرة وإذابة الدهون داخل المسام، مما يساعد في تقليل الرؤوس السوداء وتحسين ملمس البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eمستخلص لحاء الصفصاف (Salix Alba Bark Extract)\u003c\/h4\u003e\n\u003cp\u003eيُعتبر مصدرًا طبيعيًا للبيتاين ساليسيلات، يساهم في تقليل الالتهابات وتحسين صحة البشرة العامة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eبيوتيلين غليكول (Butylene Glycol)\u003c\/h4\u003e\n\u003cp\u003eيعمل كمرطب، يساعد في الحفاظ على رطوبة البشرة ويعزز من امتصاص المكونات الأخرى.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eإيثيل هكسانيديول (Ethyl Hexanediol)\u003c\/h4\u003e\n\u003cp\u003eيُستخدم كمذيب، يساعد في تحسين قوام المنتج وتسهيل توزيعه على البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX BHA Blackhead Power Liquid\u003c\/h3\u003e\n\u003cp\u003eالحل المثالي للتخلص من الرؤوس السوداء والحصول على بشرة نقية وخالية من الشوائب.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eابدئي الآن، وودعي الرؤوس السوداء إلى الأبد!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eاشتري الآن\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44545277296837,"sku":null,"price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_5.webp?v=1745672839"},{"product_id":"some-by-mi-bye-bye-blackhead","title":"Some By Mi Bye Bye Blackhead 30 Days Miracle Green Tea Tox Bubble Cleanser 120g","description":"\u003cdiv class=\"bbbh-premium-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (Toxic Green \u0026 Midnight Forest Theme) === *\/\n        .bbbh-premium-wrapper {\n            --bbbh-bg-deep: #030d07; \/* أخضر غابي داكن جداً يميل للأسود *\/\n            --bbbh-bg-card: rgba(10, 30, 18, 0.6); \/* زجاج أخضر داكن *\/\n            --bbbh-neon-main: #00e676; \/* أخضر نيون مشع *\/\n            --bbbh-neon-light: #69f0ae; \/* أخضر فاتح فلوري *\/\n            --bbbh-tea-dark: #1b5e20;\n            --bbbh-glow: rgba(0, 230, 118, 0.35);\n            --bbbh-text-main: #f0fdf4;\n            --bbbh-text-muted: #a7c0b1;\n            --bbbh-border: rgba(0, 230, 118, 0.25);\n            --bbbh-border-hover: rgba(105, 240, 174, 0.6);\n            --bbbh-alert: #ff5252;\n            \n            background-color: var(--bbbh-bg-deep);\n            color: var(--bbbh-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(0, 230, 118, 0.05) inset;\n        }\n\n        .bbbh-premium-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .bbbh-premium-wrapper img {\n            max-width: 100%; height: auto; border-radius: 16px;\n            display: block; margin: 0 auto; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .bbbh-container {\n            max-width: 900px; margin: 0 auto; padding: 0 20px;\n            position: relative; z-index: 2;\n        }\n\n        \/* === Floating Magic Bubbles Background === *\/\n        .bbbh-ambient-particles {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 1; pointer-events: none; overflow: hidden;\n            background: radial-gradient(circle at 15% 50%, rgba(0, 230, 118, 0.05), transparent 40%),\n                        radial-gradient(circle at 85% 30%, rgba(27, 94, 32, 0.1), transparent 40%);\n        }\n\n        .bbbh-particle {\n            position: absolute; border-radius: 50%; bottom: -100px;\n            border: 1px solid rgba(105, 240, 174, 0.3);\n            background: radial-gradient(circle at 30% 30%, rgba(105, 240, 174, 0.2), transparent);\n            box-shadow: inset 0 0 10px rgba(0, 230, 118, 0.2), 0 0 15px var(--bbbh-glow);\n            animation: floatUpBubbles 12s infinite ease-in;\n        }\n\n        @keyframes floatUpBubbles {\n            0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n            20% { opacity: 0.8; }\n            80% { opacity: 0.5; }\n            100% { transform: translateY(-1500px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        \/* === Typography === *\/\n        .bbbh-title-glow {\n            display: block; width: 100%; font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900; text-align: center; margin-bottom: 20px; line-height: 1.4;\n            background: linear-gradient(135deg, #ffffff 0%, var(--bbbh-neon-light) 60%, var(--bbbh-neon-main) 100%);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--bbbh-glow);\n        }\n\n        .bbbh-section-title {\n            display: block; width: 100%; font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800; color: var(--bbbh-neon-light); text-align: center;\n            margin: 60px auto 30px; position: relative; line-height: 1.5;\n        }\n\n        .bbbh-section-title::after {\n            content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px); height: 3px;\n            background: linear-gradient(90deg, transparent, var(--bbbh-neon-main), transparent);\n            border-radius: 10px; box-shadow: 0 0 10px var(--bbbh-neon-main);\n        }\n\n        \/* === Hero Section === *\/\n        .bbbh-hero { text-align: center; padding: 20px 0 40px; }\n\n        .bbbh-badge {\n            display: inline-block; background: rgba(0, 230, 118, 0.15);\n            border: 1px solid var(--bbbh-neon-main); color: var(--bbbh-neon-light);\n            padding: 8px 25px; border-radius: 30px; font-size: 0.95rem; font-weight: bold;\n            margin-bottom: 25px; box-shadow: 0 0 20px var(--bbbh-glow);\n        }\n        \n        .bbbh-hero-subtitle {\n            font-size: 1.15rem; color: var(--bbbh-text-muted); max-width: 800px;\n            margin: 0 auto 30px; font-weight: 500; line-height: 1.8;\n            border-right: 3px solid var(--bbbh-neon-main); padding-right: 15px;\n            background: linear-gradient(90deg, transparent, rgba(0, 230, 118, 0.05));\n            border-radius: 8px 0 0 8px;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .bbbh-glass-box {\n            background: var(--bbbh-bg-card); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--bbbh-border); border-radius: 20px; padding: 35px;\n            margin: 40px 0; box-shadow: 0 20px 50px rgba(0,0,0,0.6); position: relative; overflow: hidden;\n        }\n\n        .bbbh-glass-box::before {\n            content: ''; position: absolute; top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--bbbh-neon-light), var(--bbbh-neon-main), transparent);\n            box-shadow: 0 0 15px var(--bbbh-neon-main);\n        }\n\n        \/* === Agitation (Warning Box) === *\/\n        .bbbh-warning-box {\n            background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(255, 82, 82, 0.3); border-right: 4px solid var(--bbbh-alert);\n            padding: 25px; border-radius: 12px; margin: 30px 0;\n        }\n\n        .bbbh-warning-box h3 { color: var(--bbbh-alert); font-size: 1.25rem; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }\n\n        \/* === The Mechanism (Bubble Transformation) === *\/\n        .bbbh-transform-container {\n            display: flex; flex-direction: column; gap: 20px; align-items: center; margin: 40px 0;\n        }\n        @media (min-width: 768px) {\n            .bbbh-transform-container { flex-direction: row; justify-content: space-between; }\n        }\n\n        .bbbh-transform-step {\n            flex: 1; background: rgba(0,0,0,0.4); border: 1px dashed var(--bbbh-neon-main);\n            padding: 25px; border-radius: 16px; text-align: center; transition: all 0.3s;\n            position: relative;\n        }\n\n        .bbbh-transform-step:hover { background: rgba(0, 230, 118, 0.05); transform: translateY(-5px); box-shadow: 0 10px 20px var(--bbbh-glow); }\n\n        .bbbh-arrow {\n            font-size: 2rem; color: var(--bbbh-neon-light); transform: rotate(90deg);\n        }\n        @media (min-width: 768px) {\n            .bbbh-arrow { transform: rotate(180deg); }\n        }\n\n        \/* === Ingredients Grid === *\/\n        .bbbh-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin: 30px 0;\n        }\n\n        .bbbh-card {\n            background: linear-gradient(145deg, rgba(10, 30, 18, 0.7), rgba(5, 15, 9, 0.9));\n            border: 1px solid var(--bbbh-border); border-radius: 16px; padding: 30px 25px;\n            transition: all 0.4s ease; position: relative; overflow: hidden; z-index: 1;\n        }\n\n        .bbbh-card::after {\n            content: ''; position: absolute; bottom: -50%; right: -50%; width: 100%; height: 100%;\n            background: radial-gradient(circle, rgba(0, 230, 118, 0.1) 0%, transparent 70%);\n            z-index: -1; transition: all 0.5s;\n        }\n\n        .bbbh-card:hover {\n            transform: translateY(-8px); border-color: var(--bbbh-neon-light);\n            box-shadow: 0 15px 30px var(--bbbh-glow);\n        }\n\n        .bbbh-card:hover::after { bottom: -10%; right: -10%; }\n\n        .bbbh-icon {\n            width: 60px; height: 60px; background: rgba(0, 230, 118, 0.1);\n            border: 1px solid rgba(105, 240, 174, 0.3); border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px; color: var(--bbbh-neon-light); font-size: 28px;\n            transition: all 0.3s ease; box-shadow: 0 0 15px rgba(0, 230, 118, 0.2);\n        }\n        \n        .bbbh-card:hover .bbbh-icon {\n            background: var(--bbbh-neon-main); color: #000; transform: scale(1.1) rotate(-5deg); box-shadow: 0 0 25px var(--bbbh-neon-main);\n        }\n\n        .bbbh-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 12px; line-height: 1.4; }\n        .bbbh-card p { color: var(--bbbh-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Value \/ Price Box === *\/\n        .bbbh-value-box {\n            background: linear-gradient(145deg, rgba(212, 175, 55, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(212, 175, 55, 0.3); border-right: 4px solid #d4af37;\n            padding: 35px; border-radius: 16px; margin: 50px 0;\n        }\n\n        \/* === Usage Steps === *\/\n        .bbbh-steps-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }\n        \n        .bbbh-step-item {\n            display: flex; align-items: center; background: rgba(255,255,255,0.02);\n            border: 1px solid var(--bbbh-border); padding: 20px; border-radius: 12px; transition: all 0.3s;\n        }\n        \n        .bbbh-step-item:hover { border-color: var(--bbbh-neon-main); background: rgba(0, 230, 118, 0.05); transform: translateX(-5px); }\n\n        .bbbh-step-num {\n            font-size: 2rem; font-weight: 900; color: transparent; -webkit-text-stroke: 1px var(--bbbh-neon-light);\n            margin-left: 20px; min-width: 45px; text-align: center; text-shadow: 0 0 10px rgba(0, 230, 118, 0.3);\n        }\n\n        \/* === Animations === *\/\n        .bbbh-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .bbbh-reveal.bbbh-active { opacity: 1; transform: translateY(0); }\n        .bbbh-delay-1 { transition-delay: 0.1s; }\n        .bbbh-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .bbbh-step-item { flex-direction: column; text-align: center; }\n            .bbbh-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- Toxic Green Bubbles Background --\u003e\n    \u003cdiv class=\"bbbh-ambient-particles\" id=\"bbbh-particles-ar\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"bbbh-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"bbbh-hero bbbh-reveal bbbh-active\"\u003e\n            \u003cdiv class=\"bbbh-badge\"\u003eوداعاً لجلسات تنظيف البشرة المكلفة\u003c\/div\u003e\n            \u003ch1 class=\"bbbh-title-glow\"\u003eالمكنسة الخضراء: 5 دقائق فقط لنسف الرؤوس السوداء التي عانيتِ منها لسنوات!\u003c\/h1\u003e\n            \n            \u003cp class=\"bbbh-hero-subtitle\"\u003e\n                اكتشفي السحر الكوري الذي عجزت عنه كل منتجات العناية التقليدية. بمجرد وضعه على بشرتك، يتحول الجل الأخضر إلى ملايين الفقاعات الغازية النشطة لتذيب \"غابة\" الرؤوس السوداء أمام عينيكِ أمام المرآة.\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Green_cleanser_bottle_in_water_202608291700.jpg?v=1788012066\" alt=\"Some By Mi Bye Bye Blackhead\" style=\"margin: 0 auto 30px;\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Agitation (The Problem with normal methods) --\u003e\n        \u003cdiv class=\"bbbh-warning-box bbbh-reveal\"\u003e\n            \u003ch3\u003e🚨 توقفي عن تدمير مسامك بالطرق القديمة!\u003c\/h3\u003e\n            \u003cp style=\"color: #fff; font-size: 1.05rem; line-height: 1.8;\"\u003e\n                استخدام لاصقات الأنف يمزق حاجز بشرتك، وعصر الرؤوس السوداء بيدك يترك ندبات وحفراً تدوم للأبد. الرؤوس السوداء ليست مجرد \"أوساخ سطحية\"، إنها دهون متصلبة جذورها عميقة في المسام. \u003cstrong style=\"color: var(--bbbh-alert);\"\u003eأنتِ لا تحتاجين إلى قوة ميكانيكية لعصرها، أنتِ تحتاجين إلى قوة كيميائية ذكية لإذابتها!\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. The Mechanism (Bubble Magic) --\u003e\n        \u003ch2 class=\"bbbh-section-title bbbh-reveal\"\u003eكيف يحدث السحر؟ (تقنية Green Tea Tox)\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_foaming_with_tea_tree_202608291658.jpg?v=1788011959\" alt=\"Bubble Magic\" class=\"bbbh-reveal\" style=\"margin: 0 auto 30px; border: 1px solid var(--bbbh-border);\"\u003e\n        \u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-text-muted); font-size: 1.1rem;\"\u003eراقبي التحول المذهل في 5 دقائق فقط:\u003c\/p\u003e\n        \n        \u003cdiv class=\"bbbh-transform-container bbbh-reveal\"\u003e\n            \u003cdiv class=\"bbbh-transform-step\"\u003e\n                \u003ch4 style=\"color: var(--bbbh-neon-light); margin-bottom: 10px; font-size: 1.3rem;\"\u003eالخطوة 1: الجل الأخضر\u003c\/h4\u003e\n                \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eبمجرد توزيعه وهو جاف، يتغلغل جل الشاي الأخضر المركز إلى أعمق نقطة في المسام المسدودة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-arrow\"\u003e➔\u003c\/div\u003e\n            \u003cdiv class=\"bbbh-transform-step\" style=\"border-color: #fff; box-shadow: 0 0 20px rgba(255,255,255,0.2);\"\u003e\n                \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.3rem;\"\u003eالخطوة 2: الانفجار الرغوي\u003c\/h4\u003e\n                \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eبشكل تلقائي وإعجازي، يتحول الجل لغابة من الفقاعات الدقيقة الغنية بـ BHA لتبدأ بإذابة الدهون المتصلبة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-arrow\"\u003e➔\u003c\/div\u003e\n            \u003cdiv class=\"bbbh-transform-step\" style=\"border-color: var(--bbbh-neon-main); background: rgba(0, 230, 118, 0.1);\"\u003e\n                \u003ch4 style=\"color: var(--bbbh-neon-main); margin-bottom: 10px; font-size: 1.3rem;\"\u003eالخطوة 3: الكنس والتنقية\u003c\/h4\u003e\n                \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eعند تدليك الفوم وإزالته بالماء، تُسحب معه الرؤوس السوداء، البيضاء، والجلد الميت بالكامل.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 4. UVP \/ Ingredients Synergy --\u003e\n        \u003cdiv class=\"bbbh-glass-box bbbh-reveal\"\u003e\n            \u003ch2 style=\"color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 20px;\"\u003eالتركيبة التآزرية التي لا تقهر (أحماض + 16 نوع شاي)\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_dispensing_cream_on_stone_202608291700.jpg?v=1788012066\" alt=\"Ingredients Synergy\" style=\"margin: 0 auto 25px; border-radius: 12px; border: 1px solid var(--bbbh-border);\"\u003e\n            \u003cp style=\"text-align: center; color: var(--bbbh-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px;\"\u003e\n                الشاي الأخضر لوحده \u003cstrong style=\"color: var(--bbbh-neon-light);\"\u003eيطرد السموم ويهدئ\u003c\/strong\u003e.. وأحماض (AHA\/BHA\/PHA) لوحدها \u003cstrong style=\"color: var(--bbbh-neon-light);\"\u003eتذيب الدهون\u003c\/strong\u003e.. \u003cbr\u003e\n                \u003cspan style=\"display: block; font-size: 1.4rem; color: var(--bbbh-neon-main); font-weight: bold; margin-top: 15px; text-shadow: 0 0 10px var(--bbbh-glow);\"\u003eالاثنين معاً؟ أقوى مكنسة لتنظيف المسام وتصغيرها في العالم!\u003c\/span\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bbbh-grid\"\u003e\n            \u003cdiv class=\"bbbh-card bbbh-reveal\"\u003e\n                \u003cdiv class=\"bbbh-icon\"\u003e🌿\u003c\/div\u003e\n                \u003ch3\u003e16 نوعاً من مستخلصات الشاي\u003c\/h3\u003e\n                \u003cp\u003eمزيج حصري يضم الشاي الأخضر، إبرة الصنوبر، وغيرها ليوفر حماية مضاعفة كمضاد بكتيري قوي، يعقم المسام ويمنع تكون حبوب جديدة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-card bbbh-reveal bbbh-delay-1\"\u003e\n                \u003cdiv class=\"bbbh-icon\"\u003e🧪\u003c\/div\u003e\n                \u003ch3\u003eأحماض BHA بتركيز 5000ppm\u003c\/h3\u003e\n                \u003cp\u003eحمض الساليسيليك الطبيعي يخترق الزيوت بقوة، ليذيب \"الأسمنت الدهني\" الذي يربط الرؤوس السوداء بجدار المسام.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-card bbbh-reveal bbbh-delay-2\"\u003e\n                \u003cdiv class=\"bbbh-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch3\u003eأحماض AHA \u0026amp; PHA\u003c\/h3\u003e\n                \u003cp\u003eتقشير سطحي لطيف ومحب للماء، يزيل الخلايا الميتة المتراكمة ويصقل ملمس البشرة الخشن لتصبح ناعمة كالزجاج.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-card bbbh-reveal\"\u003e\n                \u003cdiv class=\"bbbh-icon\"\u003e⚖️\u003c\/div\u003e\n                \u003ch3\u003eكونجاك وسيراميد (Konjac \u0026amp; Ceramide)\u003c\/h3\u003e\n                \u003cp\u003eحبيبات الكونجاك الطبيعية تزيل الشوائب المتبقية أثناء التدليك، بينما يحافظ السيراميد على رطوبة البشرة لكي لا تجف بعد الغسيل.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Value Proposition (Is it expensive?) --\u003e\n        \u003cdiv class=\"bbbh-value-box bbbh-reveal\"\u003e\n            \u003ch2 style=\"color: #d4af37; font-size: 1.8rem; margin-bottom: 15px; display: flex; align-items: center; gap: 10px;\"\u003e💎 قيمة استثنائية (استثمارك الأذكى)\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_cleanser_floating_202608291658.jpg?v=1788011960\" alt=\"Value Proposition\" style=\"margin: 0 auto 20px; border-radius: 12px;\"\u003e\n            \u003cp style=\"color: #fff; font-size: 1.1rem; line-height: 1.8;\"\u003e\n                قد يبدو السعر للوهلة الأولى أعلى من الغسولات العادية، لكنه \u003cstrong\u003eيوفر لك آلاف الجنيهات!\u003c\/strong\u003e\n            \u003c\/p\u003e\n            \u003cul style=\"list-style: none; margin-top: 15px; color: var(--bbbh-text-muted);\"\u003e\n                \u003cli style=\"margin-bottom: 10px;\"\u003e\n\u003cstrong\u003e✓ منتج 2 في 1:\u003c\/strong\u003e يعمل كماسك تنظيف عميق (في 5 دقائق) وكغسول يومي.\u003c\/li\u003e\n                \u003cli style=\"margin-bottom: 10px;\"\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!-- 6. Usage Protocol (Corrected) --\u003e\n        \u003ch2 class=\"bbbh-section-title bbbh-reveal\"\u003eدليلك لنسف الرؤوس السوداء (طريقة الاستخدام)\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_bottle_on_volcanic_ice_202608291700.jpg?v=1788012067\" alt=\"Usage Guide\" class=\"bbbh-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n        \u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-neon-light); font-weight: bold; margin-bottom: 30px;\"\u003eكـ ماسك 5 دقائق (2-3 مرات أسبوعياً):\u003c\/p\u003e\n\n        \u003cdiv class=\"bbbh-steps-wrap bbbh-reveal\"\u003e\n            \u003cdiv class=\"bbbh-step-item\"\u003e\n                \u003cdiv class=\"bbbh-step-num\"\u003e1\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eتوزيع الجل (الجاف)\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eعلى بشرة \u003cstrong\u003eجافة تماماً\u003c\/strong\u003e، افردي طبقة رقيقة من الجل على وجهك أو على مناطق الرؤوس السوداء (الأنف والذقن).\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-step-item\"\u003e\n                \u003cdiv class=\"bbbh-step-num\"\u003e2\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eصعود الفوم السحري\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eبمجرد أن يبدأ في التحول إلى فقاعات رغوية غنية، اتركيه لمدة 3 إلى 5 دقائق ليذيب الدهون والشوائب من الداخل.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-step-item\"\u003e\n                \u003cdiv class=\"bbbh-step-num\"\u003e3\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالمساج والكنس\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eبللي أطراف أصابعك بقليل من الماء، ودلكي الفوم بلطف بحركات دائرية لتقشير الخلايا الميتة بحبيبات الكونجاك.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-step-item\"\u003e\n                \u003cdiv class=\"bbbh-step-num\"\u003e4\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالشطف النهائي\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eاشطفي وجهك بالماء الفاتر جيداً، واستمتعي بمسام نظيفة، صغيرة، وبشرة ناصعة الإشراق.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-text-muted); margin-top: 15px; font-size: 0.95rem;\"\u003e\u003cem\u003e* يمكن استخدامه كغسول يومي برغوة سريعة مع الماء بدلاً من تركه لـ 5 دقائق.\u003c\/em\u003e\u003c\/p\u003e\n\n        \u003c!-- 7. Final CTA --\u003e\n        \u003cdiv class=\"bbbh-glass-box bbbh-reveal\" style=\"margin-top: 60px; text-align: center; border-color: var(--bbbh-neon-main);\"\u003e\n            \u003ch2 class=\"bbbh-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eالمسام الواسعة لا تنتظر.. طهريها الآن!\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_bottle_in_ice_202608291700.jpg?v=1788012067\" alt=\"Final Call to Action\" style=\"margin: 0 auto 25px; border: 1px solid var(--bbbh-border);\"\u003e\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(--bbbh-neon-light); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--bbbh-glow);\"\u003e\n                اطلبي غسول Some By Mi Bye Bye Blackhead الآن، ولاحظي الفرق اللحظي من أول 5 دقائق!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var reveals = document.querySelectorAll('.bbbh-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('bbbh-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) { reveal.classList.remove('bbbh-active'); revealObserver.observe(reveal); });\n\n            \/\/ Generate Bubbles\n            var ambientContainer = document.getElementById('bbbh-particles-ar');\n            for (var i = 0; i \u003c 25; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('bbbh-particle');\n                var size = Math.random() * 40 + 10; \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDuration = (Math.random() * 10 + 8) + 's';\n                particle.style.animationDelay = (Math.random() * 5) + 's';\n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44588880036037,"sku":null,"price":1190.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/somebymibyebyeblackheadgreenteadetox_1.jpg?v=1742642843"},{"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":"cosrx-advanced-snail-peptide-eye-cream","title":"COSRX  كريم العين لتفتيح الهالات وعلاج التجاعيد بمستخلص الحلزون والببتيدات","description":"\u003cdiv class=\"cxe-ultimate-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (COSRX Identity: Deep Obsidian \u0026 Signature Gold) === *\/\n        .cxe-ultimate-wrapper {\n            --cxe-bg-base: #080808;\n            --cxe-bg-alt: #0d0d0d;\n            --cxe-card-glass: rgba(25, 25, 25, 0.6);\n            --cxe-card-hover: rgba(35, 35, 35, 0.85);\n            --cxe-gold-main: #f4c022; \/* COSRX Yellow\/Gold *\/\n            --cxe-gold-bright: #ffe066;\n            --cxe-gold-dark: #b8860b;\n            --cxe-gradient-gold: linear-gradient(135deg, #ffe066 0%, #f4c022 50%, #b8860b 100%);\n            --cxe-gradient-dark: linear-gradient(180deg, #141108 0%, #080808 100%);\n            --cxe-gradient-overlap: linear-gradient(135deg, rgba(244, 192, 34, 0.08) 0%, rgba(8, 8, 8, 0.95) 100%);\n            --cxe-text-light: #f8fafc;\n            --cxe-text-muted: #a1a1aa;\n            --cxe-border: rgba(244, 192, 34, 0.15);\n            --cxe-glow: rgba(244, 192, 34, 0.2);\n            \n            font-family: inherit;\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--cxe-bg-base);\n            color: var(--cxe-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .cxe-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .cxe-container {\n            max-width: 1050px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Overlapping Gradients \u0026 Ambient Glows === *\/\n        .cxe-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .cxe-glow-orb {\n            position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.35;\n            background: rgba(244, 192, 34, 0.15);\n        }\n        .cxe-orb-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n        .cxe-orb-2 { width: 600px; height: 600px; bottom: 5%; left: -200px; }\n\n        \/* === Alternating Sections === *\/\n        .cxe-section { padding: 70px 0; position: relative; border-bottom: 1px solid rgba(255,255,255,0.02); }\n        .cxe-theme-base { background-color: var(--cxe-bg-base); }\n        .cxe-theme-alt { background-color: var(--cxe-bg-alt); }\n        .cxe-theme-overlap { background: var(--cxe-gradient-overlap); }\n        .cxe-theme-dark-grad { background: var(--cxe-gradient-dark); }\n\n        \/* === Typography === *\/\n        .cxe-text-gold {\n            background: var(--cxe-gradient-gold);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .cxe-title-main {\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            line-height: 1.4;\n            margin-bottom: 25px;\n            text-align: center;\n        }\n\n        .cxe-title-section {\n            font-size: clamp(22px, 3.5vw, 32px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .cxe-subtitle {\n            font-size: clamp(16px, 2vw, 19px);\n            color: var(--cxe-text-muted);\n            text-align: center;\n            max-width: 850px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        \/* === Media Wrappers === *\/\n        .cxe-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.8), 0 0 30px var(--cxe-glow);\n            border: 1px solid var(--cxe-border);\n            overflow: hidden;\n        }\n        .cxe-media-wrapper.size-lg { max-width: 850px; }\n        .cxe-media-wrapper.size-md { max-width: 600px; }\n\n        .cxe-product-media {\n            width: 100%; height: auto; display: block; object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n        .cxe-media-wrapper:hover .cxe-product-media { transform: scale(1.03); }\n\n        \/* === Grids \u0026 Cards === *\/\n        .cxe-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .cxe-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n        .cxe-card {\n            background: var(--cxe-card-glass);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid rgba(255,255,255,0.05);\n            border-radius: 20px;\n            padding: 30px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n        }\n\n        .cxe-card:hover {\n            transform: translateY(-8px);\n            background: var(--cxe-card-hover);\n            border-color: var(--cxe-border);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.7), 0 0 20px var(--cxe-glow);\n        }\n\n        .cxe-icon-badge {\n            width: 45px; height: 45px;\n            background: rgba(255,255,255,0.03);\n            border: 1px solid var(--cxe-border);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--cxe-gold-main);\n            font-size: 18px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family: system-ui, sans-serif;\n        }\n\n        .cxe-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .cxe-card h4 { font-size: 1.1rem; color: var(--cxe-gold-main); margin-bottom: 10px; }\n        .cxe-card p { font-size: 1.05rem; color: var(--cxe-text-muted); margin: 0; line-height: 1.7; }\n\n        \/* === Clean Lists === *\/\n        .cxe-list { list-style: none; padding: 0; margin-top: 15px; }\n        .cxe-list li {\n            position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--cxe-text-light); font-size: 1.05rem;\n        }\n        .cxe-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--cxe-gold-main); font-weight: 900; font-size: 1.2rem;\n        }\n\n        \/* === Comparison Table === *\/\n        .cxe-table-container {\n            overflow-x: auto; margin: 40px 0; border-radius: 20px;\n            border: 1px solid var(--cxe-border); box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n            background: rgba(10, 10, 10, 0.8); backdrop-filter: blur(10px);\n        }\n        .cxe-table { width: 100%; border-collapse: collapse; text-align: right; min-width: 600px; }\n        .cxe-table th, .cxe-table td { padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 1.05rem; }\n        .cxe-table th { background: rgba(244, 192, 34, 0.05); color: var(--cxe-gold-main); font-weight: 800; font-size: 1.15rem; }\n        .cxe-table td.highlight { background: rgba(244, 192, 34, 0.03); color: #fff; font-weight: bold; border-right: 2px solid var(--cxe-gold-main); }\n        .cxe-table tr:last-child td { border-bottom: none; }\n\n        \/* === Timeline \/ Steps === *\/\n        .cxe-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n        .cxe-timeline::before {\n            content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--cxe-gold-main), transparent);\n            transform: translateX(50%);\n        }\n        \n        .cxe-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n        .cxe-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-right: 50%; }\n        \n        .cxe-timeline-content {\n            width: 90%; background: var(--cxe-card-glass); border: 1px solid rgba(255,255,255,0.05);\n            padding: 25px; border-radius: 16px; transition: 0.3s; box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n        }\n        .cxe-timeline-content:hover { border-color: var(--cxe-gold-main); transform: translateY(-5px); background: var(--cxe-card-hover); }\n        \n        .cxe-timeline-badge {\n            position: absolute; top: 25px; right: -7%; width: 16px; height: 16px;\n            background: var(--cxe-bg-base); border: 3px solid var(--cxe-gold-main); border-radius: 50%; z-index: 2;\n            box-shadow: 0 0 10px var(--cxe-glow);\n        }\n        .cxe-timeline-item:nth-child(even) .cxe-timeline-badge { right: auto; left: -7%; }\n        \n        .cxe-time-label {\n            color: #000; font-weight: 800; margin-bottom: 10px; font-size: 1.05rem;\n            display: inline-block; background: var(--cxe-gradient-gold); padding: 5px 20px; border-radius: 20px;\n        }\n\n        \/* === CTA Button === *\/\n        .cxe-btn {\n            display: inline-block; background: var(--cxe-gradient-gold); background-size: 200% auto;\n            color: #000; padding: 18px 45px; border-radius: 40px; font-size: 1.25rem; font-weight: 900;\n            text-decoration: none; border: none; cursor: pointer; transition: 0.4s ease;\n            box-shadow: 0 10px 30px var(--cxe-glow); margin-top: 20px; font-family: inherit;\n        }\n        .cxe-btn:hover { background-position: right center; transform: translateY(-5px); box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4); }\n\n        \/* === Animations === *\/\n        .cxe-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .cxe-reveal.cxe-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            .cxe-section { padding: 50px 0; }\n            .cxe-timeline::before { right: 20px; transform: none; }\n            .cxe-timeline-item, .cxe-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n            .cxe-timeline-content { width: 100%; }\n            .cxe-timeline-badge { right: 12px; top: 25px; }\n            .cxe-timeline-item:nth-child(even) .cxe-timeline-badge { left: auto; right: 12px; }\n            .cxe-media-wrapper { border-radius: 12px; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- 1. HERO SECTION (Dark Base) --\u003e\n    \u003cdiv class=\"cxe-section cxe-theme-base\" style=\"padding-top: 60px;\"\u003e\n        \u003cdiv class=\"cxe-ambient\"\u003e\n            \u003cdiv class=\"cxe-glow-orb cxe-orb-1\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cxe-container\" style=\"text-align: center;\"\u003e\n            \u003ch1 class=\"cxe-title-main cxe-reveal\"\u003eأول حاجة بتفضح العمر مش التجاعيد..\u003cbr\u003e\u003cspan class=\"cxe-text-gold\"\u003eدي العينين\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cp class=\"cxe-subtitle cxe-reveal delay-1\"\u003e\n                الأنظار تتجه للعينين قبل سماع أي كلمة. وقبل ملاحظة أي علامة على الوجه، تكون منطقة العين قد سبقت الكل لتروي تفاصيل قلة النوم، تأثير الشاشات، الإجهاد، والسنوات التي مرت. والمشكلة؟ الأغلبية يعالجون الوجه بالكامل ويتركون المنطقة التي تتحدث عنهم!\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-2\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_7771-R4_e133b5a0-7b1b-48db-8db0-0a5f14cdfd2f.webp?v=1788026267\" alt=\"COSRX Snail Peptide Eye Cream\" class=\"cxe-product-media\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 2. THE PROBLEM (Dark Gradient) --\u003e\n    \u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n        \u003cdiv class=\"cxe-container\"\u003e\n            \u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eالجلد تحت العين أرق ما يكون… والتعامل معه كباقي الوجه خطأ\u003c\/h2\u003e\n            \n            \u003cdiv class=\"cxe-grid-2\" style=\"align-items: center; margin-top: 40px;\"\u003e\n                \u003cdiv class=\"cxe-reveal\"\u003e\n                    \u003cp style=\"font-size: 1.15rem; color: var(--cxe-text-light); margin-bottom: 20px; line-height: 1.8;\"\u003e\n                        الجلد حول العين أرق بكثير من باقي الوجه، يحتوي على غدد دهنية أقل بكثير، ويشهد حركة يومية مستمرة مع كل رمشة وكل ابتسامة. النتيجة؟\n                    \u003c\/p\u003e\n                    \u003cul class=\"cxe-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                    \u003cp style=\"font-size: 1.15rem; color: var(--cxe-gold-bright); font-weight: bold; margin-top: 20px;\"\u003e\n                        لذلك، كريم الوجه العادي ليس حلاً هنا. هذه المنطقة تحتاج تركيبة صُممت لها خصيصاً.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/snail_secetions_skin_care.webp?v=1788026290\" alt=\"Snail Secretion Care\" class=\"cxe-product-media\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 3. THE SOLUTION \u0026 BENEFITS (Overlap Theme) --\u003e\n    \u003cdiv class=\"cxe-section cxe-theme-overlap\"\u003e\n        \u003cdiv class=\"cxe-ambient\"\u003e\n            \u003cdiv class=\"cxe-glow-orb cxe-orb-3\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cxe-container\"\u003e\n            \u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eكوزركس لم تصنع كريم عين عادي… بل ابتكرت جرعة مركزة\u003c\/h2\u003e\n            \u003cp class=\"cxe-subtitle cxe-reveal\"\u003e\n                معظم كريمات العين في الأسواق تتكون من ماء وزيوت وعطر، والمكون الفعّال يأتي في ذيل القائمة بتركيز رمزي. كوزركس سارت عكس التيار: \u003cstrong class=\"cxe-text-gold\"\u003eمخاط الحلزون هو أول مكون بنسبة 72%.\u003c\/strong\u003e المكون الفعّال هنا ليس إضافة.. بل هو أساس المنتج.\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal\" style=\"margin-bottom: 50px;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-advanced-snail-peptide-eye-cream_8809598451070_DarBeauty_03_4cea1998-1667-428d-a023-baaa56d1b119.webp?v=1788026319\" alt=\"COSRX Eye Cream Box\" class=\"cxe-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 class=\"cxe-title-section cxe-reveal\" style=\"margin-bottom: 40px;\"\u003eالفوائد الشاملة للمنتج\u003c\/h2\u003e\n            \u003cdiv class=\"cxe-grid-2 cxe-reveal\"\u003e\n                \u003cdiv class=\"cxe-card\"\u003e\n                    \u003cul class=\"cxe-list\" style=\"margin-top: 0;\"\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eتقليل مظهر الهالات والبهتان:\u003c\/strong\u003e بفضل دمج النياسيناميد مع مخاط الحلزون.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eتنعيم الخطوط الدقيقة والتعبيرية:\u003c\/strong\u003e بتقنية Acetyl Hexapeptide-8 و Palmitoyl Pentapeptide-4.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eدعم مرونة وتماسك الجلد الرقيق:\u003c\/strong\u003e بفضل Copper Tripeptide-1.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eترطيب عميق وامتلاء فوري:\u003c\/strong\u003e بمزيج صوديوم هيالورونات، جليسرين، وبيوتيلين جلايكول.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cxe-card\"\u003e\n                    \u003cul class=\"cxe-list\" style=\"margin-top: 0;\"\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 بفضل فيتامين E.\u003c\/li\u003e\n                        \u003cli\u003e\n\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!-- 4. HOW IT WORKS (Alternate Theme) --\u003e\n    \u003cdiv class=\"cxe-section cxe-theme-alt\"\u003e\n        \u003cdiv class=\"cxe-container\"\u003e\n            \u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eكيف يعمل؟ (العلم وراء التركيبة)\u003c\/h2\u003e\n            \n            \u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_applying_eye_cream_202608292106.jpg?v=1788026823\" alt=\"Applying Eye Cream\" class=\"cxe-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"cxe-grid-2 cxe-reveal\"\u003e\n                \u003cdiv class=\"cxe-card\" style=\"border-top: 3px solid var(--cxe-gold-main);\"\u003e\n                    \u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003e72% مخاط حلزون: مصنع إصلاح متكامل\u003c\/h3\u003e\n                    \u003cp\u003eليس مجرد مرطب، بل خليط طبيعي من الجليكوبروتينات، حمض الهيالورونيك، الألانتوين، النحاس وببتيدات طبيعية. يملأ الجلد بالترطيب لتقليل خطوط الجفاف بسرعة، ويهدئ ويدعم إصلاح الحاجز الجلدي لتقليل الاحمرار والحساسية. النتيجة: منطقة \"ممتلئة ومرتاحة\" بدلاً من \"جافة ومشدودة\".\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cxe-card\" style=\"border-top: 3px solid var(--cxe-gold-main);\"\u003e\n                    \u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003eنياسيناميد: متخصص تفتيت التصبغات\u003c\/h3\u003e\n                    \u003cp\u003eمن أكثر المكونات المدروسة في تفتيح مظهر البقع وتوحيد اللون، ويدعم الحاجز الجلدي. وجوده هنا موجه تحديداً للهالات الناتجة عن التصبغ والجفاف والبهتان.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cxe-card\" style=\"grid-column: 1 \/ -1; border-top: 3px solid var(--cxe-gold-main);\"\u003e\n                    \u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003e5 ببتيدات… كل نوع له مهمة محددة\u003c\/h3\u003e\n                    \u003cp style=\"margin-bottom: 15px;\"\u003eالببتيدات هي سلاسل أحماض أمينية ترسل إشارات للجلد للبناء والشد. كوزركس لم تكتفِ بنوع واحد:\u003c\/p\u003e\n                    \u003cul class=\"cxe-list\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px;\"\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eCopper Tripeptide-1:\u003c\/strong\u003e لدعم الكولاجين وتجديد الجلد.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e لتقليل مظهر خطوط التعبير الناتجة عن حركة العضلات.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e لدعم مظهر كثافة وسمك الجلد الرفيع.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e لتعزيز المرونة والتماسك.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e لتهدئة الالتهاب البسيط الذي يسرع الشيخوخة.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cxe-card\" style=\"grid-column: 1 \/ -1; border-top: 3px solid var(--cxe-gold-main);\"\u003e\n                    \u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003eزيت دوار الشمس وفيتامين E: قفل الترطيب\u003c\/h3\u003e\n                    \u003cp\u003eمنطقة العين غالباً ما تكون أكثر جفافاً من باقي الوجه. زيت بذور دوار الشمس يمنح التغذية المطلوبة دون التسبب بثقل أو انسداد، بينما يحمي فيتامين E من الأكسدة اليومية الضارة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 5. COMPARISON \u0026 TIMELINE (Dark Gradient) --\u003e\n    \u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n        \u003cdiv class=\"cxe-ambient\"\u003e\n            \u003cdiv class=\"cxe-glow-orb cxe-orb-2\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cxe-container\"\u003e\n            \u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eالفرق بينه وبين ما في درج غرفتك الآن\u003c\/h2\u003e\n            \n            \u003cdiv class=\"cxe-table-container cxe-reveal\" style=\"margin-bottom: 80px;\"\u003e\n                \u003ctable class=\"cxe-table\"\u003e\n                    \u003cthead\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003eالمعايير\u003c\/th\u003e\n                            \u003cth style=\"color: #666;\"\u003eالكريم التقليدي\u003c\/th\u003e\n                            \u003cth style=\"background: rgba(245, 184, 0, 0.1); color: var(--cxe-gold-bright);\"\u003eCOSRX Snail Peptide\u003c\/th\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/thead\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e\u003cstrong\u003eالمكون الفعّال\u003c\/strong\u003e\u003c\/td\u003e\n                            \u003ctd style=\"color: #888;\"\u003eفي آخر القائمة بتركيز ضئيل\u003c\/td\u003e\n                            \u003ctd class=\"highlight\"\u003eمخاط الحلزون أول مكون بنسبة 72%\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e\u003cstrong\u003eالببتيدات\u003c\/strong\u003e\u003c\/td\u003e\n                            \u003ctd style=\"color: #888;\"\u003eببتيد واحد (إن وُجد)\u003c\/td\u003e\n                            \u003ctd class=\"highlight\"\u003eخمس ببتيدات مختلفة ومتكاملة\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e\u003cstrong\u003eالقوام\u003c\/strong\u003e\u003c\/td\u003e\n                            \u003ctd style=\"color: #888;\"\u003eثقيل وقد يسبب حبيبات بيضاء\u003c\/td\u003e\n                            \u003ctd class=\"highlight\"\u003eلوشن خفيف يمتص في ثوانٍ\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e\u003cstrong\u003eالشمولية\u003c\/strong\u003e\u003c\/td\u003e\n                            \u003ctd style=\"color: #888;\"\u003eيتعامل مع مشكلة واحدة\u003c\/td\u003e\n                            \u003ctd class=\"highlight\"\u003eيعالج الهالات + الانتفاخ + الخطوط + الترطيب\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e\u003cstrong\u003eالتهيج\u003c\/strong\u003e\u003c\/td\u003e\n                            \u003ctd style=\"color: #888;\"\u003eيحتوي عطور وكحول تهيج المنطقة\u003c\/td\u003e\n                            \u003ctd class=\"highlight\"\u003eخالي من العطور والكحول والزيوت العطرية\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eرحلة النتائج… خطوة بخطوة\u003c\/h2\u003e\n            \u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_shell_and_eye_cream_202608292104.jpg?v=1788026735\" alt=\"Snail Shell and Eye Cream\" class=\"cxe-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"cxe-timeline cxe-reveal\"\u003e\n                \u003cdiv class=\"cxe-timeline-item\"\u003e\n                    \u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"cxe-timeline-content\"\u003e\n                        \u003cdiv class=\"cxe-time-label\"\u003eمن أول استخدام\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eالمنطقة تصبح مرتاحة ومرطبة، والقشور والجفاف تهدأ فوراً. المكياج يتوزع بشكل أنعم فوقه.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cxe-timeline-item\"\u003e\n                    \u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"cxe-timeline-content\"\u003e\n                        \u003cdiv class=\"cxe-time-label\"\u003eمن 3 إلى 7 أيام\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eالخطوط الناتجة عن الجفاف تقل وضوحاً، والمنطقة تبدو أقل إرهاقاً وممتلئة في الصباح.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cxe-timeline-item\"\u003e\n                    \u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"cxe-timeline-content\"\u003e\n                        \u003cdiv class=\"cxe-time-label\"\u003eمن 2 إلى 4 أسابيع\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eملمس الجلد يصبح أنعم، الانتفاخ الصباحي يقل تدريجياً، والهالات الناتجة عن الجفاف تبدأ في التفتيح.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"cxe-timeline-item\"\u003e\n                    \u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"cxe-timeline-content\"\u003e\n                        \u003cdiv class=\"cxe-time-label\"\u003eمن 8 إلى 12 أسبوع\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eتأثير الببتيدات يظهر بقوة: تحسن مرونة وتماسك المنطقة، ومظهر الخطوط الدقيقة يقل بشكل ملحوظ. (العبوة 25 مل تكفي من شهرين لثلاثة بفضل الكمية الضئيلة المطلوبة).\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    \u003c!-- 6. USAGE \u0026 REVIEWS (Base Theme) --\u003e\n    \u003cdiv class=\"cxe-section cxe-theme-base\"\u003e\n        \u003cdiv class=\"cxe-container\"\u003e\n            \u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n            \n            \u003cdiv class=\"cxe-steps cxe-reveal delay-1\" style=\"margin-bottom: 60px;\"\u003e\n                \u003cdiv class=\"cxe-step\"\u003e\n                    \u003cdiv class=\"cxe-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=\"cxe-step\"\u003e\n                    \u003cdiv class=\"cxe-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=\"cxe-step\"\u003e\n                    \u003cdiv class=\"cxe-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=\"cxe-step\"\u003e\n                    \u003cdiv class=\"cxe-step-num\"\u003e4\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            \u003c!-- Reviews Summary --\u003e\n            \u003cdiv class=\"cxe-card cxe-reveal\" style=\"background: rgba(15, 15, 15, 0.8); border: 1px solid rgba(255,255,255,0.1);\"\u003e\n                \u003ch3 style=\"text-align: center; font-size: 1.6rem; color: #fff; margin-bottom: 20px;\"\u003eآراء المستخدمين (تقييم 4.8\/5 عالمياً)\u003c\/h3\u003e\n                \u003cp style=\"text-align: center; color: var(--cxe-text-muted); margin-bottom: 30px;\"\u003eبمراجعة التقييمات المنشورة على المواقع العالمية، يُعد هذا الكريم من الأعلى تقييماً في فئة كريمات العين الكورية.\u003c\/p\u003e\n                \n                \u003cdiv class=\"cxe-grid-2\"\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 style=\"color: var(--cxe-gold-bright); margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;\"\u003eالنقاط الأكثر مدحاً (الإجماع):\u003c\/h4\u003e\n                        \u003cul class=\"cxe-list\"\u003e\n                            \u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eالقوام:\u003c\/strong\u003e خفيف كـ اللوشن، يمتص في ثوانٍ ولا يترك طبقة دهنية ولا يتعارض مع الكونسيلر.\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eالترطيب الفوري:\u003c\/strong\u003e تحسن ملمس المنطقة وتقليل القشور الجافة بوضوح في الأيام الأولى.\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eعدم التهيج:\u003c\/strong\u003e آمن تماماً لأصحاب العيون الحساسة والعدسات اللاصقة (لخلوه من العطور).\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eالتوفير:\u003c\/strong\u003e كمية صغيرة جداً تكفي، والعبوة تدوم لشهور.\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 style=\"color: var(--cxe-text-muted); margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;\"\u003eالنقاط التي تكررت في النقد:\u003c\/h4\u003e\n                        \u003cul class=\"cxe-list\" style=\"color: #aaa;\"\u003e\n                            \u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e البعض يرى العبوة (25 مل) صغيرة، رغم أن المراجعات تؤكد أن الاستهلاك اليومي ضئيل جداً.\u003c\/li\u003e\n                            \u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e ملمس المخاط قد يبدو غريباً في الاستخدام الأول، لكن الإحساس يختفي فوراً.\u003c\/li\u003e\n                            \u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e التغيير الجذري في الخطوط الدقيقة يحتاج لأسابيع من الصبر، ولا يظهر من الأسبوع الأول.\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cp style=\"text-align: center; color: var(--cxe-gold-main); font-weight: bold; margin-top: 20px;\"\u003eالخلاصة الحيادية: الإجماع يشير إلى أنه من أفضل كريمات العين في فئته السعرية للترطيب والراحة وسلامة التركيبة.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 7. CTA \u0026 INGREDIENTS (Overlap Theme) --\u003e\n    \u003cdiv class=\"cxe-section cxe-theme-overlap\" style=\"text-align: center;\"\u003e\n        \u003cdiv class=\"cxe-ambient\"\u003e\n            \u003cdiv class=\"cxe-glow-orb cxe-orb-1\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cxe-container\"\u003e\n            \u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snails_crawling_near_eye_cream_202608292102.jpg?v=1788026614\" alt=\"Snail Eye Cream\" class=\"cxe-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 class=\"cxe-title-main cxe-reveal\" style=\"font-size: clamp(26px, 4vw, 40px);\"\u003eالعينان لن تنتظرا.. والوقت لا يتوقف\u003c\/h2\u003e\n            \u003cp class=\"cxe-subtitle cxe-reveal\" style=\"color: #fff; font-size: 1.15rem;\"\u003e\n                كل يوم يمر والمنطقة الرقيقة حول العينين بدون عناية مخصصة، هو يوم يُضاف لحساب العمر وليس لحساب البشرة. الفرق بين المظهر الشاب والمظهر المرهق ليس الجينات فقط.. بل هو الاستمرار على وضع الكريم الصحيح في مكانه الصحيح.\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"cxe-reveal\"\u003e\n                \u003cbutton class=\"cxe-btn\"\u003eالبداية الآن.. لاستعادة نظرة شابة ومشرقة\u003c\/button\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Ingredients Footer --\u003e\n            \u003cdiv class=\"cxe-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cxe-border); border-radius: 16px;\"\u003e\n                \u003ch4 style=\"color: var(--cxe-gold-main); margin-bottom: 10px; font-size: 1.1rem; text-align: right; direction: rtl;\"\u003eقائمة المكونات الكاملة (INCI)\u003c\/h4\u003e\n                \u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n                    Snail Secretion Filtrate, Butylene Glycol, Glycerin, Helianthus Annuus (Sunflower) Seed Oil, 1,2-Hexanediol, Niacinamide, Water, Palmitic Acid, Arginine, Carbomer, Stearic Acid, Betaine, Cetearyl Olivate, Sorbitan Olivate, Sodium Polyacrylate, Allantoin, Tocopheryl Acetate, Panthenol, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Sodium Hyaluronate, Adenosine, Xanthan Gum, Myristic Acid, Copper Tripeptide-1, Acetyl Hexapeptide-8, Palmitoyl Pentapeptide-4, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.cxe-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cxe-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            \/\/ Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.cxe-media-wrapper');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.cxe-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) * -3;\n                        const rotateY = ((x - centerX) \/ centerX) * 3;\n                        \n                        media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44591757983941,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_peptide_eye_cream_1.png?v=1742745729"},{"product_id":"skin-1004-centella-ampoule-signature-soothing-ampoule","title":"SKIN1004 أمبولة\/سيروم سنتيلا مدغشقر | مهدئ متقدم للبشرة الحساسة | مضاد للاحمرار و التهيج","description":"\u003c!-- SKIN1004 Madagascar Centella Ampoule - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n  \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\"\u003eالأمبول الكوري النقي 100% اللي بيصلح البشرة المتضررة في دقايق\u003c\/h1\u003e\n    \u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eعندما يتحد نقاء السنتيلا الآسياتيكا من مدغشقر بالعلم الكوري المتقدم - علاج SOS حقيقي لأي تضرر أو تهيج في البشرة\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Product Showcase --\u003e\n  \u003cdiv class=\"ph-product-showcase\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_skin_1004_centella_ampoule.webp?v=1762333980\" alt=\"SKIN1004 Madagascar Centella Ampoule\" class=\"ph-product-image\"\u003e\n    \u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Ampoule\u003c\/h2\u003e\n    \u003cp class=\"ph-product-intro\"\u003e\n      البشرة حمرا طول الوقت. حساسة لأي منتج. حاجز البشرة مدمر من الأحماض أو الريتينول. الاحمرار والتهيج مستمرين. المشكلة مش في البشرة نفسها - \u003cstrong\u003eالمشكلة في حاجز البشرة المكسور\u003c\/strong\u003e. SKIN1004 Madagascar Centella Ampoule هو \u003cstrong\u003eأمبول مائي نقي - تقريباً 100% سنتيلا أسياتيكا\u003c\/strong\u003e من مدغشقر (أنقى سنتيلا في العالم). مافيش عطور، مافيش زيوت، مافيش إضافات - \u003cstrong\u003eبس مكون واحد قوي مثبت سريرياً\u003c\/strong\u003e إنه بيصلح الحاجز، يهدي الاحمرار، يسرع الالتئام، ويرطب بعمق. Vegan, Fungal Acne Safe, مناسب لأحساس أنواع البشرة.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Problem Section --\u003e\n  \u003cdiv class=\"ph-problem-section\"\u003e\n    \u003ch2 class=\"ph-problem-title\"\u003eحاجز البشرة المكسور = بشرة حساسة وملتهبة\u003c\/h2\u003e\n    \n    \u003ch3 class=\"ph-problem-subtitle\"\u003e\n      \u003cstrong\u003eحاجز البشرة هو خط الدفاع الأول - طبقة الحماية من العالم الخارجي\u003c\/strong\u003e\n    \u003c\/h3\u003e\n\n    \u003cp class=\"ph-problem-text\"\u003e\n      حاجز البشرة هو خط الدفاع الأول - طبقة من الدهون والبروتينات بتحمي البشرة من العالم الخارجي (تلوث، بكتيريا، مهيجات) وبتمنع فقدان الرطوبة من الداخل. لما الحاجز يتضرر من الإفراط في التقشير، المنتجات القاسية، أو الالتهابات المزمنة، البشرة بتفقد قدرتها على حماية نفسها.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ph-problem-details\"\u003e\n      \u003ch4 class=\"ph-problem-detail-title\"\u003eعلامات حاجز البشرة المتضرر:\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\u003eاحمرار مستمر\u003c\/strong\u003e\u003c\/h5\u003e\n          \u003cp class=\"ph-problem-detail-text\"\u003eحتى بدون سبب واضح والبشرة حساسة لأي منتج\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ph-problem-detail-card\"\u003e\n          \u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eجفاف وتقشر\u003c\/strong\u003e\u003c\/h5\u003e\n          \u003cp class=\"ph-problem-detail-text\"\u003eحتى لو بتستخدم مرطب والبشرة مش مرتاحة\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ph-problem-detail-card\"\u003e\n          \u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eحبوب متكررة\u003c\/strong\u003e\u003c\/h5\u003e\n          \u003cp class=\"ph-problem-detail-text\"\u003eالبكتيريا بتدخل بسهولة وآثار الحبوب بطيئة في الالتئام\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"ph-problem-highlight\"\u003e\n      \u003cstrong\u003eالسبب: إفراط في التقشير، منتجات قاسية، التهابات مزمنة، أو عوامل بيئية\u003c\/strong\u003e\n    \u003c\/p\u003e\n\n    \u003cp class=\"ph-problem-conclusion\"\u003e\n      حاجز البشرة المكسور مش هيصلح نفسه. كل ما الحاجز يضعف أكتر، كل ما البشرة تبقى أكثر حساسية، احمرار، وعرضة للحبوب والالتهابات. المشكلة بتتفاقم مع الوقت، مش بتتحسن.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits Grid --\u003e\n  \u003cdiv class=\"ph-section\"\u003e\n    \u003ch2 class=\"ph-section-title\"\u003eإيه اللي هيعمله لبشرتك؟ - 6 حلول علاجية في قطرتين\u003c\/h2\u003e\n    \u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n      سنتيلا أسياتيكا 100% من مدغشقر - المكون الطبيعي بفعالية الكورتيزون بدون أعراض جانبية\n    \u003c\/p\u003e\n    \u003cdiv class=\"ph-benefits-grid\"\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eتهدئة فورية للبشرة الحمرا والمتهيجة\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eيهدي التهيج والاحمرار بسرعة - خصوصاً بعد التقشير، الريتينول، أو نوبات التهاب الجلد في دقايق معدودة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eترطيب عميق بدون دهون\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eمرطبات متعددة + تأثير السنتيلا على الهيالورونيك = بشرة نطّاطة، مرطبة، وممتلئة بدون ملمس دهني\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eتسريع التعافي من الحبوب والحروق\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eيعزز الالتئام بعد نوبات الحبوب، حروق الشمس، أو إجراءات البشرة ويسرع تخليق الكولاجين طبيعياً\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003eB\u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eتقوية الحاجز المتضرر\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eيحمي ويصلح الحواجز المكسورة - مثالي للأكزيما، الروزاسيا، التصبغات، أو آثار الحبوب ويعيد الـpH الصحي\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eخالي من الزيوت، Non-comedogenic\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eمناسب للفطريات والبشرة الدهنية جداً والمعرضة للحبوب - Vegan, Fungal Acne Safe\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eمضاد للشيخوخة على المدى الطويل\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eالاستخدام طويل المدى يحسن محتوى الكولاجين، ملمس البشرة، الخطوط الدقيقة، والمرونة العامة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- How It Works Section --\u003e\n  \u003cdiv class=\"ph-how-it-works\"\u003e\n    \u003ch2 class=\"ph-section-title\"\u003eسنتيلا أسياتيكا النقية من مدغشقر - النبتة التي حيرت الأطباء\u003c\/h2\u003e\n    \u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n      المكون الوحيد الحقيقي: Centella Asiatica Extract 100% - أنقى وأقوى سنتيلا في العالم\n    \u003c\/p\u003e\n    \n    \u003cdiv class=\"ph-mechanism-cards\"\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003eالمركبات النشطة المعجزة\u003c\/h3\u003e\n        \u003cp class=\"ph-mechanism-subtitle\"\u003e4 مركبات طبيعية قوية تعمل بتناغم مثالي لإصلاح وحماية البشرة\u003c\/p\u003e\n        \u003cul class=\"ph-feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eMadecassoside + Asiaticoside:\u003c\/strong\u003e تحفز تخليق الكولاجين وتسرع التئام الجروح\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eتزيد إنتاج حمض الهيالورونيك:\u003c\/strong\u003e في البشرة للترطيب العميق\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eAsiatic Acid + Madecassic Acid:\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=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003eكيف تعمل السنتيلا علمياً؟\u003c\/h3\u003e\n        \u003cp class=\"ph-mechanism-subtitle\"\u003eآلية عمل مثبتة سريرياً لإصلاح وحماية حاجز البشرة\u003c\/p\u003e\n        \u003cul class=\"ph-feature-list white\"\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 استعادة الـpH الصحي وتقليل فقدان الماء\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=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003eالتأثير الإجمالي المعجز\u003c\/h3\u003e\n        \u003cp class=\"ph-mechanism-subtitle\"\u003eنتائج شاملة لبشرة صحية ومحمية ومتجددة\u003c\/p\u003e\n        \u003cul class=\"ph-feature-list white\"\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      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Results Timeline --\u003e\n  \u003cdiv class=\"ph-timeline-section\"\u003e\n    \u003ch2 class=\"ph-section-title\"\u003eرحلة الـ8 أسابيع لبشرة خالية من التهيج والاحمرار\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ph-timeline-container\"\u003e\n      \u003cdiv class=\"ph-timeline-item\"\u003e\n        \u003cdiv class=\"ph-timeline-badge\"\u003eفوري (دقايق)\u003c\/div\u003e\n        \u003cdiv class=\"ph-timeline-card\"\u003e\n          \u003ch3 class=\"ph-timeline-title\"\u003eالتهدئة الفورية\u003c\/h3\u003e\n          \u003cdiv class=\"ph-timeline-benefits\"\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eتقليل الاحمرار والتهيج بوضوح\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eإحساس بالتهدئة والراحة الفورية\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eإحساس بالترطيب - البشرة نطّاطة ومرطبة\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-timeline-item\"\u003e\n        \u003cdiv class=\"ph-timeline-badge\"\u003e1-2 أسبوع\u003c\/div\u003e\n        \u003cdiv class=\"ph-timeline-card\"\u003e\n          \u003ch3 class=\"ph-timeline-title\"\u003eتقوية الحاجز\u003c\/h3\u003e\n          \u003cdiv class=\"ph-timeline-benefits\"\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eتحسن مقاومة الحاجز - بشرة أقل حساسية\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eحبوب أقل - الحاجز القوي بيمنع دخول البكتيريا\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eأقل تقشر أو جفاف وتحسن في التوازن الطبيعي\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-timeline-item\"\u003e\n        \u003cdiv class=\"ph-timeline-badge\"\u003e4-8 أسابيع\u003c\/div\u003e\n        \u003cdiv class=\"ph-timeline-card\"\u003e\n          \u003ch3 class=\"ph-timeline-title\"\u003eالتجديد الكامل\u003c\/h3\u003e\n          \u003cdiv class=\"ph-timeline-benefits\"\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eتفتيح آثار الحبوب والتصبغات\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eإشراق دائم وتوحيد لون البشرة\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\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    \n    \u003cp class=\"ph-timeline-conclusion\"\u003e\n      8 أسابيع فقط = تحول كامل من البشرة المتضررة إلى البشرة الصحية المحمية\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Instructions --\u003e\n  \u003cdiv class=\"ph-usage-section\"\u003e\n    \u003ch2 class=\"ph-usage-title\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n    \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\"\u003eالتوقيت المثالي\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eبعد التونر أو مباشرة بعد التنضيف لو روتينك بسيط - يمكن استخدامه صباحاً و\/أو مساءً\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eالكمية المثالية\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eضع 2-3 قطرات على البشرة النظيفة - الكمية القليلة كافية بسبب التركيز العالي\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eالتطبيق اللطيف\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eطبطب بلطف على الوجه والرقبة حتى الامتصاص الكامل - تجنب الفرك القوي\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eالترطيب الإضافي\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eطبّق فوقه كريم مرطب لو بشرتك جافة أو محتاجة ترطيب إضافي - خفيف جداً للبشرة الجافة\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"ph-usage-tips\"\u003e\n      \u003ch3 class=\"ph-usage-tips-title\"\u003eنصائح مهمة للاستخدام الأمثل:\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\"\u003eالاستخدامات المتقدمة:\u003c\/h4\u003e\n          \u003cul class=\"ph-feature-list white\"\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        \u003c\/div\u003e\n        \u003cdiv class=\"ph-usage-tips-column\"\u003e\n          \u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eنصائح إضافية:\u003c\/h4\u003e\n          \u003cul class=\"ph-feature-list white\"\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        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Social Proof --\u003e\n  \u003cdiv class=\"ph-social-proof\"\u003e\n    \u003ch2 class=\"ph-social-proof-title\"\u003eالنقاوة في أبسط صورة - ليه SKIN1004 مختلف؟\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ph-proof-grid\"\u003e\n      \u003cdiv class=\"ph-proof-item\"\u003e\n        \u003cdiv class=\"ph-proof-icon\"\u003e100\u003c\/div\u003e\n        \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eسنتيلا أسياتيكا 100%\u003c\/h4\u003e\n        \u003cp\u003eمن مدغشقر - أنقى وأقوى سنتيلا في العالم بسبب التربة النظيفة والمناخ المثالي، مثبت سريرياً لإصلاح الحاجز\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-proof-item\"\u003e\n        \u003cdiv class=\"ph-proof-icon\"\u003eM\u003c\/div\u003e\n        \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eMinimalist Formula\u003c\/h4\u003e\n        \u003cp\u003eبدون عطور، زيوت، أو إضافات غير ضرورية - نقاوة مطلقة للبشرة الحساسة والمتضررة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-proof-item\"\u003e\n        \u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n        \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eVegan \u0026amp; Fungal Acne Safe\u003c\/h4\u003e\n        \u003cp\u003eآمن لكل أنواع البشرة حتى شديدة الحساسية، خالي من المواد المسببة للحساسية والكوميدوجينيك\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-proof-item\"\u003e\n        \u003cdiv class=\"ph-proof-icon\"\u003eC\u003c\/div\u003e\n        \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eمثبت سريرياً\u003c\/h4\u003e\n        \u003cp\u003eتجارب سريرية مع كريمات السنتيلا أظهرت تحسن كبير في التصبغات والندبات والتهيج على مدى 8-12 أسبوع\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-proof-item\"\u003e\n        \u003cdiv class=\"ph-proof-icon\"\u003eS\u003c\/div\u003e\n        \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eعلاج SOS فوري\u003c\/h4\u003e\n        \u003cp\u003eتهدئة فورية في دقايق - الاحمرار بيقل فوراً والبشرة تحس بالراحة من أول استخدام\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients List --\u003e\n  \u003cdiv class=\"ph-ingredients-list\"\u003e\n    \u003ch2 class=\"ph-ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h2\u003e\n    \u003cdiv class=\"ph-ingredients-text\"\u003e\n      \u003cstrong\u003eالمكونات النشطة:\u003c\/strong\u003e\u003cbr\u003e\n      • \u003cstrong\u003eCentella Asiatica Extract (100%)\u003c\/strong\u003e - السنتيلا الآسياتيكا النقية من مدغشقر\u003cbr\u003e\n      • \u003cstrong\u003eWater\u003c\/strong\u003e - الماء النقي كقاعدة طبيعية\u003cbr\u003e\n      • \u003cstrong\u003eGlycerin\u003c\/strong\u003e - الجليسرين للترطيب اللطيف\u003cbr\u003e\n      • \u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - محسن الامتصاص والملمس\u003cbr\u003e\n      • \u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - مرطب طبيعي ومثبت\u003cbr\u003e\n      • \u003cstrong\u003eCellulose Gum\u003c\/strong\u003e - مثخن طبيعي لقوام مثالي\u003cbr\u003e\n      • \u003cstrong\u003eEthylhexylglycerin\u003c\/strong\u003e - مكيف طبيعي للبشرة\u003cbr\u003e\u003cbr\u003e\n      \n      \u003cstrong\u003eقائمة المكونات الكاملة (INCI):\u003c\/strong\u003e\u003cbr\u003e\n      Water, Centella Asiatica Extract (100%), Glycerin, Butylene Glycol, 1,2-Hexanediol, Cellulose Gum, Ethylhexylglycerin\n    \u003c\/div\u003e\n    \u003cdiv class=\"ph-ingredients-safety\"\u003e\n      \u003cp class=\"ph-ingredients-safety-text\"\u003e\n        \u003cstrong\u003e✓ خالي من:\u003c\/strong\u003e البارابين، الكبريتات، السيليكون، العطور، الزيوت المعدنية، الكحول القاسي\u003cbr\u003e\n        \u003cstrong\u003e✓ اختبار من أطباء الجلدية\u003c\/strong\u003e - Vegan, Cruelty-Free, Fungal Acne Safe\u003cbr\u003e\n        \u003cstrong\u003e✓ آمن للحمل والرضاعة\u003c\/strong\u003e - مناسب لكل أنواع البشرة حتى شديدة الحساسية\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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\"\u003eبشرة متضررة ومتهيجة؟ الإنقاذ في قطرتين\u003c\/h2\u003e\n    \u003cp class=\"ph-cta-text\"\u003e\n      \u003cstrong\u003eSKIN1004 Madagascar Centella Ampoule - النقاوة في أبسط صورة\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\n      كل يوم بتستخدم منتجات قاسية أو بتهمل الحاجز = تدمير تدريجي للبشرة.\u003cbr\u003e\n      مش هيرطب السطح بس... ده هيدخل عميق ويصلح حاجز البشرة من الجذور.\n    \u003c\/p\u003e\n    \u003cdiv class=\"ph-cta-content\"\u003e\n      \u003cp class=\"ph-cta-highlight\"\u003eحاجز بشرتك محتاج إصلاح فوري\u003c\/p\u003e\n      \u003cp class=\"ph-cta-subtext\"\u003eالحل نقي وبسيط. تهدئة فورية - الاحمرار بيقل في دقايق 🌿💧\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44663191535813,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004centellaampoule_1.png?v=1744735865"},{"product_id":"some-by-mi-yuja-niacin-brightening-toner-150ml","title":"Some by Mi Yuja Niacin Brightening Toner 150ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin Brightening Toner - نسخة مبسطة --\u003e\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-description {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: rtl;\n  color: #333;\n}\n\n.yuja-title {\n  text-align: center;\n  font-size: 24px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 10px;\n}\n\n.yuja-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 50px;\n  height: 2px;\n  background-color: #9C8102;\n}\n\n.yuja-image {\n  display: block;\n  margin: 25px auto;\n  max-width: 100%;\n  border-radius: 5px;\n}\n\n.yuja-text {\n  margin-bottom: 20px;\n  line-height: 1.6;\n  text-align: center;\n}\n\n.yuja-section {\n  margin: 30px 0;\n  padding: 20px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.yuja-section-title {\n  font-size: 20px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-right: 15px;\n}\n\n.yuja-section-title:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 100%;\n  background-color: #9C8102;\n  border-radius: 3px;\n}\n\n.yuja-list {\n  padding-right: 20px;\n}\n\n.yuja-list-item {\n  margin-bottom: 15px;\n  position: relative;\n}\n\n.yuja-list-item:before {\n  content: \"•\";\n  position: absolute;\n  right: -20px;\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-feature-section {\n  margin: 25px 0;\n  padding: 15px;\n  background-color: #f9f9f9;\n  border-radius: 6px;\n}\n\n.yuja-feature-title {\n  font-size: 18px;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.yuja-cta {\n  text-align: center;\n  margin: 30px 0;\n  padding: 20px;\n  background-color: #f9f8f2;\n  border-radius: 8px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-description\"\u003e\n\u003c!-- العنوان الرئيسي --\u003e\n\u003ch3 class=\"yuja-title\"\u003eلا تدع البقع الداكنة والبهتان تسرق إشراقة بشرتك\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eهل لاحظت أن بشرتك فقدت نضارتها؟ هل بدأت البقع الداكنة والتصبغات في الظهور؟ كل يوم تأخير في العناية ببشرتك يزيد من صعوبة استعادة إشراقتها الطبيعية. لا تدع الندم يتسلل إليك لاحقًا.\u003c\/p\u003e\n\u003c!-- صورة المنتج الرئيسية --\u003e \u003cimg alt=\"Some By Mi Yuja Niacin Brightening Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_7.webp?v=1744750603\" class=\"yuja-image\"\u003e\n\u003ch3 class=\"yuja-title\"\u003eSome By Mi Yuja Niacin Brightening Toner – ثورة في تفتيح البشرة\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eيقدم هذا التونر تركيبة مبتكرة تحتوي على:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% من مستخلص اليوجا\u003c\/strong\u003e: فاكهة غنية بفيتامين C، تعمل على تفتيح البشرة وتوحيد لونها.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% نياسيناميد\u003c\/strong\u003e: يساعد في تقليل التصبغات والبقع الداكنة، ويعزز مرونة البشرة.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eالجلوتاثيون والأربوتين\u003c\/strong\u003e: مضادات أكسدة قوية تساهم في إشراقة البشرة وتقليل علامات التقدم في السن.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 نوعًا من الفيتامينات\u003c\/strong\u003e: تغذي البشرة وتعزز من حيويتها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"yuja-text\"\u003eهذه التركيبة الفريدة تجعل من التونر خيارًا مثاليًا لمن يسعى لبشرة مشرقة وصحية.\u003c\/p\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_2.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم ما يميز المنتج --\u003e\n\u003cdiv class=\"yuja-section\"\u003e\n\u003ch3 class=\"yuja-section-title\"\u003eما الذي يجعل Some By Mi Yuja Niacin Brightening Toner مميزًا؟\u003c\/h3\u003e\n\u003cp\u003eفي سوق مليء بالتونرات التي تعد بتفتيح البشرة، يبرز \u003cstrong\u003eSome By Mi Yuja Niacin Brightening Toner\u003c\/strong\u003e بتركيبته الفريدة والمركزة التي تجمع بين:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% من مستخلص فاكهة اليوجا (اليوزو)\u003c\/strong\u003e: مصدر غني بفيتامين C، يحتوي على ثلاثة أضعاف كمية فيتامين C الموجودة في الليمون، مما يساعد على تفتيح البشرة وتوحيد لونها.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% نياسيناميد\u003c\/strong\u003e: يساعد في تقليل التصبغات والبقع الداكنة، ويعزز مرونة البشرة.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eمضادات أكسدة قوية مثل الجلوتاثيون والأربوتين\u003c\/strong\u003e: تساهم في إشراقة البشرة وتقليل علامات التقدم في السن.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 نوعًا من الفيتامينات\u003c\/strong\u003e: تغذي البشرة وتعزز من حيويتها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eهذه التركيبة الغنية تجعل من التونر خيارًا مثاليًا لمن يسعى لبشرة مشرقة وصحية، متفوقًا على العديد من التونرات الأخرى التي تحتوي على نسب أقل من هذه المكونات الفعالة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_5.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم القيمة مقابل السعر --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eقيمة ممتازة مقابل السعر\u003c\/h3\u003e\n\u003cp\u003eمع حجم 150 مل، يقدم هذا التونر استخدامًا طويل الأمد، حيث تكفي كمية صغيرة منه لتغطية الوجه بالكامل. بالنظر إلى تركيز المكونات الفعالة فيه، يُعتبر استثمارًا ذكيًا للعناية بالبشرة، حيث يجمع بين الجودة والكمية في منتج واحد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- قسم قوام خفيف --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eقوام خفيف وامتصاص سريع\u003c\/h3\u003e\n\u003cp\u003eيتميز التونر بقوامه الخفيف الذي يمتصه الجلد بسرعة دون ترك أي بقايا دهنية، مما يجعله مناسبًا للاستخدام اليومي لجميع أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Usage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_6.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم الخاتمة --\u003e\n\u003cdiv class=\"yuja-cta\"\u003e\n\u003ch3\u003eلا تؤجل العناية ببشرتك\u003c\/h3\u003e\n\u003cp\u003eكل يوم تأخير في بدء روتين العناية بالبشرة هو خطوة نحو بشرة باهتة ومليئة بالعيوب. ابدأ اليوم مع Some By Mi Yuja Niacin Brightening Toner، واستعد إشراقة بشرتك الطبيعية قبل فوات الأوان.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44663546544325,"sku":"","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/61NmPogYOaL.jpg?v=1744741638"},{"product_id":"beauty-of-joseon-ginseng-essence-water-150-ml","title":"Beauty of Joseon Ginseng Essence Water 150 Ml","description":"\u003c!-- قسم وصف منتج ماء الجينسنج - تصميم بسيط وأنيق --\u003e\n\n\u003cstyle\u003e\n\/* أنماط قسم وصف المنتج *\/\n.ginseng-product-description {\n\n  max-width: 100%;\n  margin: 0 auto;\n  direction: rtl;\n  color: #333;\n}\n\n\/* العنوان الرئيسي *\/\n.ginseng-main-title {\n  text-align: center;\n  font-size: 26px;\n  color: #333;\n  margin-bottom: 20px;\n  position: relative;\n  padding-bottom: 10px;\n}\n\n.ginseng-main-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: #d4a017;\n}\n\n\/* مقدمة المنتج *\/\n.ginseng-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 30px;\n  line-height: 1.6;\n}\n\n\/* صورة رئيسية مع تأثير بسيط *\/\n.ginseng-main-image {\n  display: block;\n  margin: 30px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-main-image:hover {\n  transform: translateY(-5px);\n}\n\n\/* شبكة ميزات المنتج *\/\n.ginseng-features {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n  margin: 30px 0;\n}\n\n\/* كرت واحد للميزات - تصميم بسيط *\/\n.ginseng-feature-card {\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n  padding: 25px;\n  transition: all 0.3s ease;\n  border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-feature-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-feature-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n  color: #333;\n  font-size: 18px;\n  font-weight: bold;\n}\n\n.ginseng-feature-icon {\n  margin-left: 10px;\n  color: #d4a017;\n  font-size: 20px;\n}\n\n.ginseng-feature-content {\n  line-height: 1.6;\n  color: #555;\n}\n\n\/* قسم المكونات *\/\n.ginseng-ingredients {\n  background-color: #fbfbfb;\n  padding: 30px;\n  border-radius: 8px;\n  margin: 40px 0;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-section-title {\n  text-align: center;\n  font-size: 22px;\n  color: #333;\n  margin-bottom: 25px;\n}\n\n.ginseng-ingredients-list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 15px;\n}\n\n.ginseng-ingredient {\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 8px;\n  flex: 1;\n  min-width: 120px;\n  text-align: center;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n  transition: transform 0.3s ease;\n}\n\n.ginseng-ingredient:hover {\n  transform: scale(1.03);\n}\n\n.ginseng-ingredient-title {\n  font-weight: bold;\n  color: #333;\n  margin-bottom: 5px;\n}\n\n.ginseng-ingredient-percentage {\n  font-size: 24px;\n  color: #d4a017;\n  font-weight: bold;\n  margin: 10px 0;\n}\n\n\/* قسم الفوائد *\/\n.ginseng-benefits {\n  margin: 40px 0;\n}\n\n.ginseng-benefits-list {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 15px;\n}\n\n.ginseng-benefit-item {\n  display: flex;\n  align-items: center;\n  padding: 13px 18px;\n  background-color: #fff;\n  border-radius: 6px;\n  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);\n  transition: transform 0.3s ease;\n  border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-benefit-item:hover {\n  transform: translateX(-5px);\n  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);\n}\n\n.ginseng-benefit-icon {\n  color: #d4a017;\n  font-size: 18px;\n  margin-left: 10px;\n}\n\n\/* قسم طريقة الاستخدام *\/\n.ginseng-how-to-use {\n  background-color: #fff;\n  padding: 30px;\n  border-radius: 8px;\n  margin: 40px 0;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-steps {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  margin-top: 20px;\n}\n\n.ginseng-step {\n  flex: 1;\n  display: flex;\n  align-items: flex-start;\n  min-width: 250px;\n}\n\n.ginseng-step-number {\n  background-color: #f5f5f5;\n  color: #333;\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  margin-left: 15px;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-step-content {\n  line-height: 1.6;\n}\n\n\/* شريط جانبي مميز للأقسام *\/\n.ginseng-highlight-section {\n  position: relative;\n  padding-right: 15px;\n}\n\n.ginseng-highlight-section::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 100%;\n  background-color: #d4a017;\n  border-radius: 3px;\n}\n\n\/* تحريك العناصر عند ظهورها *\/\n.ginseng-fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* أنماط توافق مع الشاشات الصغيرة *\/\n@media (max-width: 768px) {\n  .ginseng-features {\n    grid-template-columns: 1fr;\n  }\n  \n  .ginseng-ingredients-list {\n    flex-direction: column;\n  }\n  \n  .ginseng-ingredient {\n    min-width: auto;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- CSS للإيقونات من Font Awesome --\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\"\u003e\n\n\u003c!-- بداية قسم وصف المنتج --\u003e\n\u003cdiv class=\"ginseng-product-description\"\u003e\n  \u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003eماء الجينسنج – ينبوع الشباب الدائم للبشرة\u003c\/h2\u003e\n  \n  \u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n    خليط نادر من أسرار الطب الكوري التقليدي والتكنولوجيا الحديثة. ماء الجينسنج المُستخدم في هذا المنتج بتركيز 80%، ليس مجرد مكوّن طبيعي، بل هو كنز غني بمضادات الأكسدة، السابونينات، والمغذيات الدقيقة التي تدعم شباب البشرة من الداخل، وتُعيد بناءها مع كل استخدام.\n  \u003c\/p\u003e\n  \n  \u003cimg class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_2_38493ea6-27fe-4423-8576-1279076c3b2a.jpg?v=1744744014\" alt=\"ماء الجينسنج\"\u003e\n  \n  \u003c!-- قسم ميزات المنتج --\u003e\n  \u003cdiv class=\"ginseng-features\"\u003e\n    \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n      \u003cdiv class=\"ginseng-feature-title\"\u003e\n        \u003ci class=\"fas fa-leaf ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        الجينسنج – أحد أكبر أسرار البشرة الكورية\n      \u003c\/div\u003e\n      \u003cdiv class=\"ginseng-feature-content\"\u003e\n        منذ قرون، يُعرف الجينسنج بأنه \"عُشب الآلهة\" في كتب الطب الكوري التقليدي مثل Donguibogam. استخدمته النساء الكوريات الأوائل في الاستحمام والاهتمام بالبشرة لما له من قدرة مذهلة على تنشيط الدورة الدموية، تغذية الخلايا، وتجديد نضارة الجلد.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n      \u003cdiv class=\"ginseng-feature-title\"\u003e\n        \u003ci class=\"fas fa-feather-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        تركيبة خفيفة – نتائج ثقيلة\n      \u003c\/div\u003e\n      \u003cdiv class=\"ginseng-feature-content\"\u003e\n        برغم قوامه الخفيف المشابه للماء، إلا أن هذا التونر يمنح البشرة دفعة مركزة من الترطيب والمغذيات. يمتص بسرعة دون أن يترك أي أثر دهني، ليمنحك تجربة استخدام مريحة وسريعة، بنتائج تظهر من أول أسبوع.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n      \u003cdiv class=\"ginseng-feature-title\"\u003e\n        \u003ci class=\"fas fa-shield-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        حل جذري لمشاكل تهيج البشرة والالتهاب\n      \u003c\/div\u003e\n      \u003cdiv class=\"ginseng-feature-content\"\u003e\n        يحتوي المنتج على النياسيناميد بنسبة 2%، وهو عنصر فعّال مدعوم علميًا في تقوية الحاجز الجلدي، تهدئة الالتهابات، وتقليل الاحمرار الناتج عن العوامل البيئية أو التهيجات اليومية.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- صورة إضافية --\u003e\n  \u003cimg class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/blog-boj-ginseng-water-review-cover-830x518_1.webp?v=1744744064\" alt=\"فوائد ماء الجينسنج\"\u003e\n  \n  \u003c!-- ميزات إضافية --\u003e\n  \u003cdiv class=\"ginseng-features\"\u003e\n    \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n      \u003cdiv class=\"ginseng-feature-title\"\u003e\n        \u003ci class=\"fas fa-tint ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        مرطّب هائل للبشرة\n      \u003c\/div\u003e\n      \u003cdiv class=\"ginseng-feature-content\"\u003e\n        السابونينات النشطة الموجودة في ماء الجينسنج تعمل على جذب الرطوبة بعمق داخل الجلد واحتجازها، مما يجعل البشرة مرطّبة لفترة أطول دون الحاجة لإعادة التطبيق. مثالي لمن يعانون من الجفاف المزمن أو تشققات البشرة.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n      \u003cdiv class=\"ginseng-feature-title\"\u003e\n        \u003ci class=\"fas fa-magic ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        بشرة أنعم.. أنقى.. أفتح\n      \u003c\/div\u003e\n      \u003cdiv class=\"ginseng-feature-content\"\u003e\n        من خلال تنعيم ملمس البشرة، وتنظيم إفراز الزيوت، والمساعدة على تقليل مظهر المسام الواسعة، يساهم هذا التونر في تحسين النقاء العام للبشرة. كما يعمل النياسيناميد على تفتيح التصبغات، وتوحيد اللون، ليظهر وجهك بإشراقة أكثر اتساقًا وصفاءً.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n      \u003cdiv class=\"ginseng-feature-title\"\u003e\n        \u003ci class=\"fas fa-sun ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        متخصص علاج البهتان\n      \u003c\/div\u003e\n      \u003cdiv class=\"ginseng-feature-content\"\u003e\n        البهتان المستمر للوجه ليس فقط ناتجًا عن التعب، بل عن افتقار البشرة للعناصر التي تحفز تجددها الطبيعي. ماء الجينسنج يزوّد خلايا البشرة بالطاقة، ويُعيد تنشيط الدورة الدموية الدقيقة في الوجه، ليعيد لها الإشراق واللمعان الطبيعي.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- صورة إضافية --\u003e\n  \u003cimg class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.png?v=1744744535\" alt=\"مكونات ماء الجينسنج\"\u003e\n  \n  \u003c!-- قسم المكونات --\u003e\n  \u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n    \u003ch3 class=\"ginseng-section-title\"\u003eتركيبة عالية التقدّم من ماء الجينسنج والنياسيناميد!\u003c\/h3\u003e\n    \u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eتم تطوير هذه التركيبة بدقة فائقة تجمع بين العلم والتقاليد، مع مكونات مدروسة:\u003c\/p\u003e\n    \n    \u003cdiv class=\"ginseng-ingredients-list\"\u003e\n      \u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n        \u003cdiv class=\"ginseng-ingredient-title\"\u003eماء جذر الجينسنج الكوري\u003c\/div\u003e\n        \u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n        \u003cp\u003eالمكون الأساسي لتجديد البشرة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n        \u003cdiv class=\"ginseng-ingredient-title\"\u003eنياسيناميد\u003c\/div\u003e\n        \u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n        \u003cp\u003eلتوحيد لون البشرة وتقليل الالتهابات\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n        \u003cdiv class=\"ginseng-ingredient-title\"\u003eمكونات إضافية\u003c\/div\u003e\n        \u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n          \u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eبانثينول، ألانْتوين، مستخلص الجينسنج المُخمر، هيالورونيك أسيد\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cp style=\"text-align: center; margin-top: 20px;\"\u003eكل مكوّن فيها يعمل بتكامل ليمنحك أفضل النتائج بأقل جهد، وبدون أي تهيّج.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم الفوائد --\u003e\n  \u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n    \u003cdiv class=\"ginseng-highlight-section\"\u003e\n      \u003ch3 class=\"ginseng-section-title\"\u003eالفوائد الرئيسية\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"ginseng-benefits-list\"\u003e\n      \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n        \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n        \u003cspan\u003eدعم شباب البشرة من الداخل وإعادة بناءها\u003c\/span\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n        \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n        \u003cspan\u003eتنشيط الدورة الدموية وتجديد نضارة الجلد\u003c\/span\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n        \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n        \u003cspan\u003eترطيب عميق وتغذية فورية للبشرة\u003c\/span\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n        \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n        \u003cspan\u003eامتصاص سريع بدون أثر دهني\u003c\/span\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n        \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n        \u003cspan\u003eتقوية الحاجز الجلدي وتهدئة الالتهابات\u003c\/span\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n        \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n        \u003cspan\u003eتقليل الاحمرار والتهيجات\u003c\/span\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n        \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n        \u003cspan\u003eترطيب البشرة لفترات طويلة\u003c\/span\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n        \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n        \u003cspan\u003eتنعيم ملمس البشرة وتنظيم إفراز الزيوت\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم طريقة الاستخدام --\u003e\n  \u003cdiv class=\"ginseng-how-to-use ginseng-fade-in\"\u003e\n    \u003cdiv class=\"ginseng-highlight-section\"\u003e\n      \u003ch3 class=\"ginseng-section-title\"\u003eطريقة الاستخدام\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"ginseng-steps\"\u003e\n      \u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n        \u003cdiv class=\"ginseng-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ginseng-step-content\"\u003e\n          بعد تنظيف البشرة، ضعي كمية صغيرة على اليدين أو قطعة قطن\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n        \u003cdiv class=\"ginseng-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ginseng-step-content\"\u003e\n          امسحي بلطف على الوجه والرقبة بحركات دائرية\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n        \u003cdiv class=\"ginseng-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ginseng-step-content\"\u003e\n          اتركيه حتى يمتص تمامًا قبل وضع المنتج التالي في روتينك\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت التحريك البسيط --\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  \/\/ تحديد جميع العناصر المراد تحريكها\n  const fadeElements = document.querySelectorAll('.ginseng-fade-in');\n  \n  \/\/ إنشاء مراقب للعناصر عند ظهورها في الشاشة\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      \/\/ عند ظهور العنصر في الشاشة\n      if (entry.isIntersecting) {\n        \/\/ إضافة كلاس لتفعيل التحريك\n        setTimeout(() =\u003e {\n          entry.target.style.opacity = \"1\";\n          entry.target.style.transform = \"translateY(0)\";\n        }, 100);\n        \n        \/\/ إزالة مراقبة العنصر بعد تفعيل التحريك\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.1 }); \/\/ ظهور 10% من العنصر يكفي لتفعيل التحريك\n  \n  \/\/ بدء المراقبة لكل عنصر\n  fadeElements.forEach(element =\u003e {\n    observer.observe(element);\n  });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44663751704773,"sku":"","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.webp?v=1744743124"},{"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":"some-by-mi-yuja-niacin-anti-blemish-cream-60ml","title":"SOME BY MI Yuja Niacin Anti Blemish Cream 60ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin Anti Blemish Cream - تصميم أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-cream-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: rtl;\n  color: #333;\n  overflow-x: hidden;\n}\n\n.yuja-cream-header {\n  text-align: center;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 1s ease forwards;\n}\n\n.yuja-cream-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-cream-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-cream-question {\n  font-size: 24px;\n  font-weight: bold;\n  margin: 25px 0 15px;\n  color: #333;\n  text-align: center;\n}\n\n.yuja-cream-intro {\n  text-align: center;\n  font-size: 16px;\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto 20px;\n}\n\n.yuja-cream-image {\n  display: block;\n  margin: 30px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: scale(0.95) translateY(20px);\n  animation: fadeInAndScale 1s ease forwards;\n  animation-delay: 0.3s;\n}\n\n.yuja-cream-image:hover {\n  transform: translateY(-10px) scale(1.02);\n  box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n}\n\n.yuja-cream-section {\n  margin: 50px 0;\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.yuja-cream-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-section-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 25px;\n  font-size: 24px;\n  color: #333;\n  font-weight: bold;\n  text-align: center;\n  justify-content: center;\n}\n\n.yuja-cream-section-icon {\n  margin-left: 12px;\n  color: #9C8102;\n  font-size: 28px;\n}\n\n.yuja-cream-content {\n  background-color: #fff;\n  border-radius: 10px;\n  padding: 30px;\n  box-shadow: 0 8px 25px 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.8;\n  text-align: center;\n}\n\n.yuja-cream-content:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\n}\n\n.yuja-cream-ingredients {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n  margin-top: 30px;\n}\n\n.yuja-cream-ingredient-item {\n  background-color: #fff;\n  border-radius: 8px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  transition: all 0.4s ease;\n  position: relative;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(20px);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(1) {\n  transition-delay: 0.1s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(2) {\n  transition-delay: 0.2s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(4) {\n  transition-delay: 0.4s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(5) {\n  transition-delay: 0.5s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(6) {\n  transition-delay: 0.6s;\n}\n\n.yuja-cream-ingredient-item:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);\n}\n\n.yuja-cream-ingredient-item:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 0;\n  background-color: #9C8102;\n  transition: height 0.4s ease;\n}\n\n.yuja-cream-ingredient-item:hover:before {\n  height: 100%;\n}\n\n.yuja-cream-ingredient-title {\n  font-weight: bold;\n  margin-bottom: 10px;\n  color: #333;\n  font-size: 17px;\n}\n\n.yuja-cream-ingredient-desc {\n  color: #555;\n  line-height: 1.6;\n}\n\n.yuja-cream-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-cream-feature-section {\n  margin: 50px 0;\n  padding: 30px;\n  background-color: #fff;\n  border-radius: 10px;\n  box-shadow: 0 8px 25px 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  text-align: center;\n}\n\n.yuja-cream-feature-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-feature-section:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-cream-feature-content {\n  line-height: 1.8;\n}\n\n.yuja-cream-cta-section {\n  margin: 50px 0;\n  padding: 35px;\n  background: linear-gradient(to left, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1));\n  border-radius: 10px;\n  text-align: center;\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-cream-cta-section.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.yuja-cream-cta-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  color: #333;\n}\n\n.yuja-cream-cta-content {\n  line-height: 1.8;\n  max-width: 800px;\n  margin: 0 auto;\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) translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\n@media (max-width: 768px) {\n  .yuja-cream-ingredients {\n    grid-template-columns: 1fr;\n  }\n  \n  .yuja-cream-section-title {\n    font-size: 22px;\n  }\n  \n  .yuja-cream-question {\n    font-size: 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-cream-container\"\u003e\n  \u003cdiv class=\"yuja-cream-header\"\u003e\n    \u003ch2 class=\"yuja-cream-title\"\u003eكريم اليوجا و النياسيناميد ! متخصص علاج جميع عيوب البشرة\u003c\/h2\u003e\n    \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_anti_blemish_cream.webp?v=1744754502\" alt=\"Some By Mi Yuja Niacin Anti Blemish Cream\"\u003e\n    \u003ch2 class=\"yuja-cream-question\"\u003eهل بشرتك تعاني من التصبغات والبقع الداكنة؟\u003c\/h2\u003e\n    \u003cp class=\"yuja-cream-intro\"\u003e\n      إذا كنتِ تشعرين بالإحباط من المنتجات التي تعد بتحسين البشرة دون أن تُقدّم نتائج ملموسة، فقد حان الوقت لتجربة \u003cstrong\u003eكريم Some By Mi Yuja Niacin Anti Blemish\u003c\/strong\u003e.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_YUJA_NIACIN_30DAYS_BLEMISH_CARE_SERUM_50_ml.webp?v=1744754624\" alt=\"Some By Mi Yuja Niacin Products\"\u003e\n  \n  \u003c!-- قسم التركيبة العلمية --\u003e\n  \u003cdiv class=\"yuja-cream-section\" id=\"formula-section\"\u003e\n    \u003cdiv class=\"yuja-cream-section-title\"\u003e\n      \u003ci class=\"fas fa-flask yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch2\u003eتركيبة علمية متقدمة لنتائج سريعة وفعّالة\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-content\"\u003e\n      \u003cp\u003eيحتوي هذا الكريم على مزيج فريد من المكونات النشطة التي تعمل بتناغم لتفتيح البشرة وتحسين مظهرها:\u003c\/p\u003e\n      \n      \u003cdiv class=\"yuja-cream-ingredients\"\u003e\n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003e5% نياسيناميد (فيتامين B3)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُعتبر من أقوى المكونات في تقليل التصبغات وتوحيد لون البشرة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eمستخلص اليوجا (اليوزو)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            غني بفيتامين C، يساعد في تفتيح البشرة وتقليل البقع الداكنة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eأربوتين\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُساهم في تقليل إنتاج الميلانين، مما يقلل من ظهور البقع الداكنة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eجلوتاثيون\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُعتبر من أقوى مضادات الأكسدة، يحارب الجذور الحرة ويُحسن إشراقة البشرة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eبانثينول (فيتامين B5)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُرطّب البشرة بعمق ويُعزز من حاجزها الطبيعي.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eمستخلص سنتيلا أسياتيكا (Cica)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-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  \n  \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/yuja-niacin-Anti-Blemish-Cream.webp?v=1744754799\" alt=\"Some By Mi Yuja Niacin Cream Benefits\"\u003e\n  \n  \u003c!-- قسم لماذا هذا الكريم مميز --\u003e\n  \u003cdiv class=\"yuja-cream-feature-section\" id=\"benefits-section\"\u003e\n    \u003cdiv class=\"yuja-cream-section-title\"\u003e\n      \u003ci class=\"fas fa-lightbulb yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch2\u003eلماذا يُعتبر هذا الكريم ثورة في العناية بالبشرة؟\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-feature-content\"\u003e\n      \u003cp\u003e\n        يجمع الكريم بين المركب الثوري النياسيناميد الذي قلب موازين العناية بالبشرة مع مستخلص اليوجا بتركيز عالي .. يعتبر نبات اليوجا الذي يعرف باليوسفي الكوري باحتوائه على 3 أضعاف تركيز الفيتامين سي الموجود في الليمون .. مما يجعل هذا المستخلص معجزة في التفتيح و مقاومة الأكسدة و علاج علامات السن.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMI_YujaNiacinAntiBlemishCream60g-Holiholiholic_1_480x480_ff0e92bb-54fe-412f-935f-88df680ffe33.webp?v=1744754852\" alt=\"Some By Mi Yuja Niacin Cream Value\"\u003e\n  \n  \u003c!-- قسم الاستثمار الذكي --\u003e\n  \u003cdiv class=\"yuja-cream-feature-section\" id=\"value-section\"\u003e\n    \u003cdiv class=\"yuja-cream-section-title\"\u003e\n      \u003ci class=\"fas fa-coins yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch2\u003eاستثمار ذكي لبشرة أكثر إشراقة\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-feature-content\"\u003e\n      \u003cp\u003e\n        مع حجم 60 مل، يُعتبر هذا الكريم استثمارًا طويل الأمد. تركيز المكونات الفعّالة فيه يجعله يدوم لفترة طويلة، مما يجعله خيارًا اقتصاديًا وفعّالًا.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم الخاتمة --\u003e\n  \u003cdiv class=\"yuja-cream-cta-section\" id=\"cta-section\"\u003e\n    \u003cdiv class=\"yuja-cream-cta-title\"\u003e\n      \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e أنتِ تستحقين بشرة أكثر إشراقة ونضارة \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-cta-content\"\u003e\n      \u003cp\u003e\n        لا تدعي التصبغات والبقع الداكنة تُؤثّر على ثقتك بنفسك. جربي \u003cstrong class=\"yuja-cream-highlight\"\u003eكريم Some By Mi Yuja Niacin Anti Blemish\u003c\/strong\u003e اليوم، واستمتعي ببشرة أكثر إشراقة ونضارة.\n      \u003c\/p\u003e\n    \u003c\/div\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-cream-section, .yuja-cream-feature-section, .yuja-cream-cta-section');\n  \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  }, { threshold: 0.15 });\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":44664277893317,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMIYujaNiacinAntiBlemishCream60ml.jpg?v=1744754087"},{"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":"some-by-mi-aha-bha-pha-30-days-miracle-starter-kit","title":"SOME BY MI AHA-BHA-PHA 30 Days Miracle Starter Kit","description":"\u003cdiv class=\"some-by-mi-section\"\u003e\n\u003cstyle\u003e\n        .some-by-mi-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .some-by-mi-section {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px;\n            direction: ltr;\n            font-family: inherit;\n            color: #333;\n        }\n        \n        .kit-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .kit-title {\n            font-size: 1.8rem;\n            color: #9C8102;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .kit-subtitle {\n            font-size: 1.2rem;\n            color: #666;\n            line-height: 1.6;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .kit-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #444;\n            margin-bottom: 20px;\n        }\n        \n        .kit-image {\n            width: 100%;\n            border-radius: 10px;\n            margin: 30px 0;\n            display: block;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n        }\n        \n        .kit-section {\n            margin-bottom: 60px;\n            overflow: hidden;\n        }\n        \n        .kit-section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 25px;\n            text-align: left;\n        }\n        \n        .kit-subsection-title {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #9C8102;\n            margin: 30px 0 15px;\n        }\n        \n        .kit-content {\n            padding: 0 10px;\n        }\n        \n        .products-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 0;\n        }\n        \n        .product-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 25px;\n            box-shadow: 0 3px 10px 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        .product-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .product-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        .product-card:hover::after {\n            opacity: 1;\n            transform: rotate(30deg) translate(100%, -100%);\n        }\n        \n        .product-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 15px;\n            font-size: 1.1rem;\n        }\n        \n        .kit-list {\n            list-style-type: disc;\n            padding-right: 20px;\n            margin: 20px 0;\n        }\n        \n        .kit-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n        \n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 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            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .benefit-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .value-section {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 30px;\n            margin-top: 40px;\n            border-right: 4px solid #9C8102;\n        }\n        \n        .highlight {\n            font-weight: 700;\n            color: #9C8102;\n        }\n        \n        .kit-components {\n            margin: 20px 0;\n        }\n        \n        .numbered-list {\n            list-style-type: decimal;\n            padding-right: 25px;\n            margin: 20px 0;\n        }\n        \n        .numbered-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n            padding-right: 5px;\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        .stagger-item {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        \n        .stagger-item.visible {\n            opacity: 1;\n            transform: translateY(0);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n        }\n        \n        @media (max-width: 768px) {\n            .products-grid, \n            .benefits-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .kit-title {\n                font-size: 1.5rem;\n            }\n            \n            .kit-section-title {\n                font-size: 1.3rem;\n            }\n            \n            .value-section {\n                padding: 20px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"kit-header fade-in\"\u003e\n\u003ch2 class=\"kit-title\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Starter Kit\" class=\"kit-image scale-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4f7f191837ad09424f833d5c29505f88.jpg?v=1745075290\"\/\u003e\n\u003cp class=\"kit-subtitle\"\u003eGruppe \u003cspan class=\"highlight\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/span\u003e Es bietet eine umfassende Routine in vier Schritten, die speziell für zu Akne und Pigmentierung neigende Haut entwickelt wurde. Sie besteht aus Reinigungsseife, Toner, Serum und Creme, die alle eine Mischung aus drei Säuren (AHA, BHA, PHA) und beruhigenden Inhaltsstoffen wie Teebaum und Centella enthalten, um abgestorbene Zellen zu exfolieren, die Poren zu reinigen, Entzündungen zu lindern und die Haut tiefenwirksam zu hydratisieren, ohne ihr ihre natürlichen Öle zu entziehen. Die Kombination dieser vier Schritte gewährleistet eine umfassende Behandlung der Pigmentierung, reduziert Entzündungen und verbessert die Hautstruktur in nur 30 Tagen..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eGruppeninformationen\u003c\/h2\u003e\n\u003cdiv class=\"kit-content fade-in\"\u003e\n\u003cp class=\"kit-text\"\u003eDas Set enthält vier Produkte in Reisegröße:\u003c\/p\u003e\n\u003cul class=\"kit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eAHA-BHA-PHA Reinigungseife 30 Days Miracle (25g))\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAHA‑BHA‑PHA 30 Days Miracle Toner (30ml)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSerum AHA‑BHA‑PHA 30 Days Miracle (10ml)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAHA‑BHA‑PHA 30 Days Miracle Creme (20g))\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eFunktionen jedes Produkts der Reihe\u003c\/h2\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eReinigungsriegel\u003c\/h3\u003e\n\u003cimg alt=\"Cleansing Bar\" class=\"kit-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.webp?v=1745075149\"\/\u003e\n\u003cp class=\"kit-text\"\u003eKombiniert drei Säuren (AHA zur Entfernung abgestorbener Zellen, BHA zur Porenreinigung, PHA zur Aufrechterhaltung der Feuchtigkeit); Enthält Teebaumwasser und die Heartleaf-Formel, um Bakterien abzutöten und Rötungen zu lindern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eWundervolles Tonikum\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Toner\" class=\"kit-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.png?v=1745075847\"\/\u003e\n\u003cp class=\"kit-text\"\u003eLeicht saures Tonikum (pH 5,5) mit einer Mischung aus drei Säuren und 10.000 ppm Teebaumwasser zur Reinigung der Poren, Beruhigung und Hydratation der Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eWunderserum\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Serum\" class=\"kit-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.png?v=1745076405\"\/\u003e\n\u003cp class=\"kit-text\"\u003eLa concentrazione aumenta al 14,5% di Centella Asiatica e a 10.000 ppm di Acqua di Tea Tree per lenire l'infiammazione e prevenire le eruzioni cutanee, con una delicata esfoliazione che stimola il rinnovamento cellulare.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card stagger-item\"\u003e\n\u003ch3 class=\"product-title\"\u003eWundercreme\u003c\/h3\u003e\n\u003cimg alt=\"Miracle Cream\" class=\"kit-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.png?v=1745076683\"\/\u003e\n\u003cp class=\"kit-text\"\u003eEiner leichten Creme, die die drei Säuren mit Teebaum und Centella mischt, um tiefgehend zu hydratisieren, die hydrolipidische Barriere zu stärken und Rötungen durch Akne zu lindern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eWie die Bestandteile zusammenarbeiten\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Complete Kit\" class=\"kit-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA30-Days-Miracle-Starter-Kit-1pack_7.webp?v=1745076738\"\/\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eSelektives Peeling\u003c\/h3\u003e\n\u003cp\u003eDie drei Säuren lösen die Bindungen zwischen den toten Zellen und reinigen die Poren, ohne der Haut ihre natürlichen Öle zu entziehen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eEntzündungshemmend\u003c\/h3\u003e\n\u003cp\u003eTeebaumwasser und Centella asiatica-Extrakt hemmen das Bakterienwachstum und reduzieren Rötungen und Reizungen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eFeuchtigkeitsspendend und schützend\u003c\/h3\u003e\n\u003cp\u003eDie Säuren (PHA), die Hyaluronsäure (aus Serum\/Creme) und die Centella verbessern die Wasserspeicherung in der Haut und stärken ihre Schutzbarriere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eVorteile ihrer Kombination\u003c\/h2\u003e\n\u003cimg alt=\"SOME BY MI Benefits\" class=\"kit-image fade-in\" 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.webp?v=1745076788\"\/\u003e\n\u003col class=\"numbered-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eVollständige Routine\u003c\/strong\u003eSchritt: Reinigung - Peeling - Behandlung - Feuchtigkeitspflege. Jede Phase hat eine spezifische Rolle, die präzise aufeinanderfolgende Ergebnisse garantiert.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eBeschleunigte Ergebnisse\u003c\/strong\u003e: Hellere und reinere Haut erscheint innerhalb von 30 Tagen bei regelmäßiger täglicher Anwendung.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eKomplette Behandlung\u003c\/strong\u003e: Entfernt nicht nur Pickel, sondern repariert auch die Textur und verleiht ein gesundes, erneuertes Aussehen.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eIhre Wirkung auf die Haut\u003c\/h2\u003e\n\u003cul class=\"kit-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eDen Hautton ausgleichen\u003c\/strong\u003e Pigmentierung und dunkle Flecken reduzieren\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003ePorengröße reduzieren\u003c\/strong\u003e Reduzieren der überschüssigen Ölsekretion.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eEntzündungen lindern\u003c\/strong\u003e Durch Akne und Reizungen verursacht.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eFörderung eines Gefühls von Weichheit und Elastizität\u003c\/strong\u003e Für eine jüngere und vitalere Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-section\"\u003e\n\u003ch2 class=\"kit-section-title fade-in\"\u003eAußergewöhnlicher Wert für den Preis\u003c\/h2\u003e\n\u003cdiv class=\"value-section slide-in-right\"\u003e\n\u003cul class=\"kit-list\"\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eGünstige Reisegröße\u003c\/strong\u003e Ermöglicht ein vollständiges Erlebnis von vier Produkten zu einem vernünftigen Preis im Vergleich zum Kauf jedes einzelnen Produkts.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eVier volle Wochen\u003c\/strong\u003e Kleine Mengen genügen für die tägliche Anwendung, morgens und abends, über den gesamten Zeitraum von dreißig Tagen.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eSeltene und wichtige Wirkstoffe\u003c\/strong\u003e Hohe Konzentrationen (Teebaumwasser 10.000 ppm, Centella 14,5%, Niacinamid 2% im Toner) kombiniert in einem einzigen Set bieten dir einen außergewöhnlichen Wert, den du in einem einzelnen Serum nicht finden kannst.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003chr style=\"margin: 40px 0; border: none; height: 1px; background-color: #eee;\"\/\u003e\n\u003cp class=\"kit-text fade-in\"\u003eWählen \u003cstrong\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/strong\u003e Für ein Erlebnis, das deine Haut von den Wurzeln aus regenerieren kann, echte Ergebnisse erzielt und einen unvergleichlichen Wert in der Welt der Hautpflege bietet.\u003c\/p\u003e\n\u003c\/div\u003e\n\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            \/\/ Staggered animation for product cards\n            const staggerItems = document.querySelectorAll('.stagger-item');\n            \n            const staggerObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach((entry, index) =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, index * 150); \/\/ 150ms delay between each item\n                        staggerObserver.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            staggerItems.forEach(el =\u003e {\n                staggerObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44672036569285,"sku":"","price":1300.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_Starter_Kit.jpg?v=1745074925"},{"product_id":"skin1004-centella-tone-brightening-capsule-ampoule-50ml","title":"SKIN1004 Centella Madagascar Ampulle\/Tonikum mit Kapseln zum Aufhellen und Vereinheitlichen des Hauttons","description":"\u003cdiv class=\"ud-skin1004-dark\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    \/* Scoped Premium Dark Mode CSS for SKIN1004 *\/\n    .ud-skin1004-dark {\n      --ud-bg-main: #070707; \/* Deepest charcoal *\/\n      --ud-bg-surface: #111111; \/* Slightly lighter for sections *\/\n      --ud-bg-card: rgba(255, 255, 255, 0.03); \/* Glassmorphism base *\/\n      --ud-accent: #D4AF37; \/* Centella Gold\/Amber *\/\n      --ud-accent-glow: rgba(212, 175, 55, 0.15);\n      --ud-text-title: #ffffff;\n      --ud-text-body: #b3b3b3;\n      --ud-border: rgba(255, 255, 255, 0.06);\n      --ud-border-hover: rgba(212, 175, 55, 0.3);\n      \n      font-family: inherit;\n      background-color: var(--ud-bg-main);\n      color: var(--ud-text-body);\n      overflow: hidden;\n      line-height: 1.8;\n      border-radius: 16px;\n      margin: 0 auto;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n\n    .ud-skin1004-dark * {\n      box-sizing: inherit;\n      margin: 0;\n      padding: 0;\n    }\n\n    .ud-skin1004-dark h1, \n    .ud-skin1004-dark h2, \n    .ud-skin1004-dark h3, \n    .ud-skin1004-dark h4, \n    .ud-skin1004-dark h5 {\n      color: var(--ud-text-title);\n      font-weight: 700;\n    }\n\n    .ud-skin1004-dark h1 { font-size: clamp(28px, 4vw, 42px); line-height: 1.3; margin-bottom: 15px; }\n    .ud-skin1004-dark h2 { font-size: clamp(24px, 3.5vw, 36px); line-height: 1.3; margin-bottom: 20px; }\n    .ud-skin1004-dark h3 { font-size: clamp(20px, 3vw, 28px); line-height: 1.4; margin-bottom: 15px; }\n    .ud-skin1004-dark h4 { font-size: 18px; margin-bottom: 12px; color: var(--ud-accent); }\n    .ud-skin1004-dark h5 { font-size: 14px; color: var(--ud-accent); margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase; }\n    \n    .ud-skin1004-dark p { font-size: 17px; margin-bottom: 20px; color: var(--ud-text-body); }\n    .ud-skin1004-dark p strong { color: #ffffff; font-weight: 700; }\n\n    .ud-gradient-text {\n      background: linear-gradient(135deg, #fff, var(--ud-accent));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      display: inline-block;\n    }\n\n    .ud-section { padding: 60px 5%; position: relative; border-bottom: 1px solid var(--ud-border); }\n    .ud-section-alt { background-color: var(--ud-bg-surface); }\n    .ud-section:last-child { border-bottom: none; }\n    \n    .ud-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; align-items: center; }\n    .ud-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\n    \n    .ud-img-fluid {\n      max-width: 100%;\n      height: auto;\n      border-radius: 16px;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n      border: 1px solid var(--ud-border);\n      display: block;\n    }\n\n    .ud-img-float { animation: udFloat 6s ease-in-out infinite; }\n\n    .ud-glow {\n      position: absolute;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, var(--ud-accent-glow) 0%, transparent 70%);\n      border-radius: 50%;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    .ud-hero {\n      text-align: center;\n      padding: 80px 5%;\n      position: relative;\n      background: radial-gradient(ellipse at top, #1a1505 0%, var(--ud-bg-main) 70%);\n    }\n\n    .ud-warning-box {\n      background: linear-gradient(135deg, rgba(212, 175, 55, 0.08), rgba(0,0,0,0));\n      border-right: 4px solid var(--ud-accent);\n      padding: 35px;\n      border-radius: 12px;\n      margin: 40px 5%;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n      position: relative;\n    }\n\n    .ud-glass-card {\n      background: var(--ud-bg-card);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      border: 1px solid var(--ud-border);\n      border-radius: 16px;\n      padding: 30px;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n      z-index: 2;\n    }\n\n    .ud-glass-card::before {\n      content: '';\n      position: absolute;\n      top: 0; right: 0;\n      width: 100%; height: 3px;\n      background: var(--ud-accent);\n      transform: scaleX(0);\n      transform-origin: right;\n      transition: transform 0.4s ease;\n    }\n\n    .ud-glass-card:hover {\n      transform: translateY(-8px);\n      background: rgba(255, 255, 255, 0.05);\n      border-color: var(--ud-border-hover);\n      box-shadow: 0 15px 35px rgba(0,0,0,0.4);\n    }\n    .ud-glass-card:hover::before { transform: scaleX(1); }\n\n    .ud-check-list { list-style: none; margin-top: 15px; }\n    .ud-check-list li { position: relative; padding-right: 30px; margin-bottom: 15px; }\n    .ud-check-list li::before {\n      content: '✓';\n      position: absolute;\n      right: 0; top: 0;\n      color: var(--ud-accent);\n      font-weight: bold;\n      font-size: 18px;\n    }\n\n    .ud-steps-list { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; }\n    .ud-step-item {\n      display: flex; align-items: center; gap: 20px;\n      background: var(--ud-bg-surface);\n      padding: 20px; border-radius: 12px;\n      border: 1px solid var(--ud-border);\n    }\n    .ud-step-num {\n      width: 45px; height: 45px; min-width: 45px;\n      background: rgba(212, 175, 55, 0.1);\n      color: var(--ud-accent);\n      border: 1px solid var(--ud-accent);\n      border-radius: 50%;\n      display: flex; align-items: center; justify-content: center;\n      font-weight: bold; font-size: 18px;\n    }\n\n    .ud-btn {\n      display: inline-block;\n      padding: 15px 40px;\n      background: var(--ud-accent);\n      color: #000;\n      font-weight: bold;\n      border-radius: 30px;\n      text-decoration: none;\n      font-size: 18px;\n      transition: all 0.3s ease;\n      box-shadow: 0 5px 20px rgba(212, 175, 55, 0.3);\n      margin-top: 20px;\n    }\n    .ud-btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(212, 175, 55, 0.5);\n      background: #fff;\n    }\n\n    @keyframes udFloat { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0); } }\n    \n    .ud-reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\n    .ud-reveal.ud-active { opacity: 1; transform: translateY(0); }\n\n    @media (max-width: 768px) {\n      .ud-section { padding: 40px 5%; }\n      .ud-step-item { flex-direction: column; text-align: center; }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"ud-hero\"\u003e\n\u003cdiv class=\"ud-glow\" style=\"top: 20%; left: 50%; transform: translate(-50%, -50%);\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"position: relative; z-index: 2; max-width: 800px; margin: 0 auto;\"\u003e\n\u003cimg alt=\"SKIN1004\" class=\"ud-img-fluid ud-img-float\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_1.webp?v=1745768174\" style=\"max-height: 400px; margin: 0 auto 30px; object-fit: contain; background: transparent; border: none; box-shadow: none;\"\/\u003e\n\u003ch5\u003e- SKIN1004 Centella Tone Brightening Capsule Ampoule -\u003c\/h5\u003e\n\u003ch1\u003eDer Albtraum von matter Haut und dunkler Pigmentierung bedroht dein Aussehen?\u003c\/h1\u003e\n\u003ch3 class=\"ud-gradient-text\" style=\"font-size: 24px;\"\u003eWache mit strahlenden Träumen dank der Wunderampulle auf!\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-warning-box ud-reveal\"\u003e\n\u003cdiv class=\"ud-glow\" style=\"top: -50%; right: -10%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,50,50,0.08) 0%, transparent 70%);\"\u003e\u003c\/div\u003e\n\u003cp\u003eDie Pigmentierung verschwindet nicht mit der Zeit, sondern verschlimmert sich und hinterlässt schwer zu entfernende Spuren.\u003c\/p\u003e\n\u003ch3 style=\"color: #ff6b6b; font-size: 20px; margin: 15px 0;\"\u003eDas Problem wird vernachlässigt, bis es schwer zu behandeln ist?\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 0;\"\u003eLass nicht zu, dass die Pigmentierung deine Ausstrahlung raubt und dich zur Gefangenen der Folgen deiner Verzögerung macht.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section ud-section-alt\"\u003e\n\u003cdiv class=\"ud-grid-2\"\u003e\n\u003cdiv class=\"ud-reveal\"\u003e\n\u003cimg alt=\"Solution\" class=\"ud-img-fluid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_2.webp?v=1745768402\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch5\u003eDie radikale Lösung\u003c\/h5\u003e\n\u003ch2\u003eEine radikale Lösung für das Pigmentierungsproblem: \u003cspan class=\"ud-gradient-text\"\u003eDie Kraft von Centella asiatica\u003c\/span\u003e In einem Produkt\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eWie wirkt es magisch:\u003c\/strong\u003e Diese fortschrittliche Formel dringt tief in die Hautschichten ein, arbeitet daran, vorhandene Pigmentierung aufzulösen und das Auftreten neuer Pigmentierung zu verhindern. Sie spendet Feuchtigkeit und nährt die Haut tief, verleiht ihr eine glatte Konsistenz und ein strahlendes, gleichmäßiges Aussehen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section\"\u003e\n\u003cdiv class=\"ud-reveal\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch2\u003eWas unterscheidet das SKIN1004 Serum?\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eDie Stärke dieses Fläschchens liegt in seiner einzigartigen Formel, die kombiniert:\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-grid-2\"\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\"\u003e\n\u003ch4\u003eReines Centella Asiatica-Extrakt\u003c\/h4\u003e\n\u003cp\u003eMit einer hohen Konzentration, um empfindliche Haut zu beruhigen und ihre natürliche Barriere zu stärken, wodurch sie widerstandsfähiger gegen äußere Faktoren wird, die Pigmentierung verursachen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n\u003ch4\u003eTranexamsäure\u003c\/h4\u003e\n\u003cp\u003eEs ist ein starkes Wirkstoff, das effektiv wirkt, um dunkle Flecken aufzuhellen und den Hautton zu vereinheitlichen, indem es die übermäßige Melaninproduktion hemmt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch4\u003eNiacinamid\u003c\/h4\u003e\n\u003cp\u003eAuch bekannt als Vitamin B3, beleuchtet die Haut, reduziert das Erscheinungsbild von Poren und verbessert die Elastizität der Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.3s;\"\u003e\n\u003ch4\u003eStrahlungskapseln\u003c\/h4\u003e\n\u003cp\u003eEnthält weitere aktive Inhaltsstoffe, die die Haut zum Strahlen bringen und ihr ein gesundes, strahlendes Aussehen verleihen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section ud-section-alt\"\u003e\n\u003cdiv class=\"ud-grid-2\" style=\"margin-bottom: 40px;\"\u003e\n\u003cdiv class=\"ud-reveal\"\u003e\n\u003ch5\u003e- Innovative Technologie, um außergewöhnliche Ergebnisse zu erzielen -\u003c\/h5\u003e\n\u003ch2\u003eWie das SKIN1004-Serum wirkt?\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eEnthält eine außergewöhnliche Konzentration an Madagaskar-Centella, 100% rein.\u003c\/strong\u003e, bekannt für seine überlegene Fähigkeit, die Elastizität der Haut zu verbessern, Reizungen zu lindern und die Zellregeneration zu fördern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003cimg alt=\"Application\" class=\"ud-img-fluid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_3.webp?v=1745768408\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-grid-3\"\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\"\u003e\n\u003ch4\u003eIntelligente Kapseltechnologie:\u003c\/h4\u003e\n\u003cp\u003eWenn das Serum mit der Haut in Kontakt kommt, platzen die Kapseln und setzen die Wirkstoffe schnell und effektiv frei.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n\u003ch4\u003eSofortige Aufhellung:\u003c\/h4\u003e\n\u003cp\u003eDie aktiven Inhaltsstoffe hellen die Haut deutlich auf und vereinheitlichen sie, wodurch das Erscheinungsbild von Pigmentierungen und dunklen Flecken reduziert wird.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch4\u003eVerbessert die Hauttextur:\u003c\/h4\u003e\n\u003cp\u003eBei regelmäßiger Anwendung wird die Haut glatter und strahlender, mit einer sichtbaren Reduzierung von Falten und feinen Linien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section\"\u003e\n\u003cdiv class=\"ud-grid-2\"\u003e\n\u003cdiv class=\"ud-reveal\"\u003e\n\u003cimg alt=\"Results\" class=\"ud-img-fluid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SKIN1004ToneBrighteningCapsuleAmpoule-4_1024x1024_7fc5f799-638a-4264-ab88-fc40b94ae2fe.webp?v=1745768463\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch2\u003eLa Centella è chiamata la dose di luce liquida!\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tone Brightening Capsule Ampoule\u003c\/strong\u003e Es ist die perfekte Lösung, um Pigmentierung zu reduzieren und einen natürlichen Teint zu erzielen.\u003c\/p\u003e\n\u003cul class=\"ud-check-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHohe Konzentration an aktiven Inhaltsstoffen:\u003c\/strong\u003e Eine potente Formel, reich an aktiven Inhaltsstoffen, die sichtbare und schnelle Ergebnisse in diesem Ampullen-\/Serum bietet.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSichere Formel:\u003c\/strong\u003e Verursacht keine Reizung oder Trockenheit, auch nicht auf empfindlicher Haut, und bietet eine lang anhaltende Feuchtigkeit ohne Nebenwirkungen.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section ud-section-alt\"\u003e\n\u003cdiv class=\"ud-reveal\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch2\u003eWie man benutzt\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eUm die Kraft dieses magischen Fläschchens voll auszuschöpfen, befolge diese Schritte:\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-grid-2\"\u003e\n\u003cdiv class=\"ud-steps-list\"\u003e\n\u003cdiv class=\"ud-step-item ud-reveal\"\u003e\n\u003cdiv class=\"ud-step-num\"\u003e1\u003c\/div\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cstrong\u003eNachdem Sie die Haut gründlich gereinigt haben (unter Verwendung des Tonics), geben Sie eine angemessene Menge der Ampulle auf die Handfläche.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-step-item ud-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n\u003cdiv class=\"ud-step-num\"\u003e2\u003c\/div\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cstrong\u003eSanft die Ampulle auf das ganze Gesicht und den Hals auftragen, wobei der Fokus auf den Bereichen mit Trockenheit und Pigmentierung liegt.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-step-item ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003cdiv class=\"ud-step-num\"\u003e3\u003c\/div\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cstrong\u003eSanft mit den Fingerspitzen tupfen, um der Haut beim vollständigen Aufnehmen der Ampulle zu helfen.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-step-item ud-reveal\" style=\"transition-delay: 0.3s;\"\u003e\n\u003cdiv class=\"ud-step-num\"\u003e4\u003c\/div\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cstrong\u003eFür beste Ergebnisse, zweimal täglich anwenden, morgens und abends, als Teil der Hautpflege-Routine.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"transition-delay: 0.4s; height: 100%;\"\u003e\n\u003cimg alt=\"Usage\" class=\"ud-img-fluid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_4_e718e36f-eedf-4247-bfc5-af2cb8a625c5.webp?v=1745768428\" style=\"height: 100%; object-fit: cover;\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section\"\u003e\n\u003cdiv class=\"ud-reveal\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch2\u003eDie technische Methode der Produktproduktion\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-grid-3\"\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\"\u003e\n\u003ch4\u003eCentella Asiatica-Extrakt\u003c\/h4\u003e\n\u003cp\u003eEnthält aktive Verbindungen wie \u003cstrong\u003eMadecassosid\u003c\/strong\u003e, \u003cstrong\u003eAsiatocoside\u003c\/strong\u003e, \u003cstrong\u003eund asiatische Säure\u003c\/strong\u003e. Diese Verbindungen wirken, um:\u003c\/p\u003e\n\u003cul class=\"ud-check-list\" style=\"font-size: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDie Kollagenproduktion anregen:\u003c\/strong\u003e Dies verbessert die Elastizität der Haut und verringert das Auftreten feiner Linien und Ausdrucksfalten.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEntzündungen lindern:\u003c\/strong\u003e Hemmt die Freisetzung proinflammatorischer Zytokine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeschleunigt die Wundheilung und die Zellregeneration:\u003c\/strong\u003e Die hilft, mögliche Schäden an der Hydrolipidbarriere zu reparieren.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.1s;\"\u003e\n\u003ch4\u003eTranexamsäure\u003c\/h4\u003e\n\u003cp\u003eHemmt hauptsächlich die Produktion von... \u003cstrong\u003ePlasmin\u003c\/strong\u003eEs ist ein Enzym, das die Produktion von Melanin (Hautpigment) anregt. Es trägt bei zu:\u003c\/p\u003e\n\u003cul class=\"ud-check-list\" style=\"font-size: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAufhellung dunkler Flecken und Hyperpigmentierung:\u003c\/strong\u003e Umfasst Melasma, Sommersprossen und Hyperpigmentierung.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDen Hautton vereinheitlichen:\u003c\/strong\u003e Vorbeugung der unregelmäßigen Melaninansammlung.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-glass-card ud-reveal\" style=\"transition-delay: 0.2s;\"\u003e\n\u003ch4\u003eNiacinamid\u003c\/h4\u003e\n\u003cp\u003eEs ist eine Form von Vitamin B3 und hat zahlreiche Vorteile für die Haut, einschließlich:\u003c\/p\u003e\n\u003cul class=\"ud-check-list\" style=\"font-size: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHemmung des Transports der Melanosomen:\u003c\/strong\u003e Verhindert die Übertragung von Melaninpartikeln von den Melanozyten.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDie Funktion der Hydrolipidbarriere stärken:\u003c\/strong\u003e Erhöht die Produktion von Ceramiden und Fettsäuren.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEntzündung und Rötung reduzieren\u003c\/strong\u003e Es hat entzündungshemmende Eigenschaften.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVerbesserung des Aussehens der Poren:\u003c\/strong\u003e Kann helfen, die Talgproduktion zu regulieren.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ud-section ud-section-alt\" style=\"text-align: center; padding-top: 80px; padding-bottom: 80px;\"\u003e\n\u003cdiv class=\"ud-glow\" style=\"top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: 600px;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ud-reveal\" style=\"position: relative; z-index: 2;\"\u003e\n\u003ch2 style=\"font-size: clamp(28px, 4vw, 42px);\"\u003eLa fine della pigmentazione \u003cspan class=\"ud-gradient-text\"\u003eBeginne hier\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"max-width: 800px; margin: 0 auto 30px; font-size: 18px;\"\u003e\u003cstrong\u003eLass nicht zu, dass Trübheit und Pigmentierung die Schönheit deiner Haut mehr kontrollieren. Gib deiner Haut die Möglichkeit, sich mit der SKIN1004 Centella Tone Brightening Capsule Ampulle zu verwandeln und entdecke das Geheimnis zeitloser Strahlkraft!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"ud-btn\" href=\"#\"\u003eJetzt kaufen\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.15\n      };\n\n      const observer = new IntersectionObserver((entries, observer) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('ud-active');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, observerOptions);\n\n      document.querySelectorAll('.ud-reveal').forEach(el =\u003e {\n        observer.observe(el);\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44691699957957,"sku":"","price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_centella_ampoule.png?v=1745769605"},{"product_id":"beauty-of-joseon-relief-sun-rice-probiotics-50ml","title":"Beauty of Joseon Relief Sun : Rice + Probiotics 50ml","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 h2, \n    .product-container h3 {\n        color: #9C8102;\n        margin-top: 1.8em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-container h2 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-container 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-container h3 {\n        font-size: 1.4rem;\n        color: #777;\n        font-style: italic;\n        margin-top: -0.5em;\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    .product-container ol {\n        padding-right: 25px;\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 image *\/\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    \/* Introduction section with subtle background *\/\n    .intro-section {\n        background-color: #fafafa;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Features section *\/\n    .features-section {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border: 1px solid #f0f0f0;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* Process steps *\/\n    .process-steps {\n        counter-reset: step-counter;\n    }\n    \n    .process-step {\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 20px;\n        margin-bottom: 15px;\n        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n        border-right: 3px solid #9C8102;\n        transition: transform 0.3s ease;\n        position: relative;\n    }\n    \n    .process-step:hover {\n        transform: translateX(-5px);\n    }\n    \n    .process-step::before {\n        counter-increment: step-counter;\n        content: counter(step-counter);\n        position: absolute;\n        right: -15px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 30px;\n        height: 30px;\n        background-color: #9C8102;\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n    }\n    \n    .step-title {\n        color: #9C8102;\n        font-weight: bold;\n        margin-bottom: 5px;\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    \/* Two column section *\/\n    .two-column-section {\n        display: flex;\n        gap: 30px;\n        margin: 40px 0;\n    }\n    \n    .column {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    .column img {\n        width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\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    \/* Badge *\/\n    .spf-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #9C8102;\n        color: white;\n        padding: 5px 15px;\n        border-radius: 20px;\n        font-weight: bold;\n        margin-right: 10px;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .two-column-section {\n            flex-direction: column;\n        }\n        \n        .process-step::before {\n            right: 10px;\n            top: 10px;\n            transform: none;\n        }\n        \n        .process-step {\n            padding-right: 45px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml.jpg?v=1745773366\"\/\u003e\n\u003ch2\u003eSUPER SCHUTZ: Sonnenschutz mit koreanischer Pflege\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"intro-section fade-in\"\u003e\n\u003cp\u003e: \u003cstrong\u003eBeauty of Joseon Relief Sun: Rice + Probiotics SPF50+ PA++++ (50ml)\u003c\/strong\u003e Es ist ein innovativer koreanischer Sonnenschutz, der Breitbandschutz mit einem starken SPF50+ PA++++ kombiniert und eine nährstoffreiche Formel enthält, um die Haut tiefgehend zu befeuchten und zu pflegen. Dieser Sonnenschutz enthält 30 % fermentierten Reiskorn-Extrakt und eine Mischung aus Probiotika, die das Hautmikrobiom ausgleichen und Rötungen sowie Trockenheit lindern. Dank seiner leichten und strahlenden Textur, die sofort verschwindet, ohne einen öligen oder weißen Film zu hinterlassen, vereint Relief Sun Wirksamkeit und täglichen Komfort für alle Hauttypen, auch für empfindliche Haut..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Protection Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Protection\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml_2.jpg?v=1745773397\"\/\u003e\n\u003ch2\u003eVollständiger Schutz ohne Kompromisse\u003c\/h2\u003e\n\u003ch3\u003e- Fortschrittliche Formulierung zur Vorbeugung von Sonnenschäden\u003c\/h3\u003e\n\u003cp\u003eRelief Sun bietet einen effektiven Schutz gegen UVA- und UVB-Strahlen dank fortschrittlicher chemischer Filter, die SPF50+ PA++++ gewährleisten, wodurch das Risiko von Sonnenbrand und Hyperpigmentierung durch tägliche Sonneneinstrahlung reduziert wird. Parfümfreie, alkoholfreie und sichere Formel (grünes EWG-Niveau), geeignet für empfindliche Haut und für Personen, die gegen herkömmliche Sonnencremes allergisch sind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Texture\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun.webp?v=1745773502\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"features-section fade-in\"\u003e\n\u003ch2\u003eDuo Feuchtigkeit und Ernährung: Reis und Probiotika in einer einzigen Mischung\u003c\/h2\u003e\n\u003ch3\u003e- Natürliche Inhaltsstoffe für tiefe Hydratation und sofortige Linderung\u003c\/h3\u003e\n\u003cdiv class=\"two-column-section\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_rice_probiotics.webp?v=1745773561\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003eRelief Sun kombiniert 30 % fermentierten Reisextrakt mit einer Mischung aus Probiotika und fermentierten Körnern, die reich an den Vitaminen B, C, E, Aminosäuren und Mineralien sind, um der Haut sofortige Feuchtigkeit zu spenden und Rötungen sowie Trockenheit den ganzen Tag über zu lindern..\u003c\/p\u003e\n\u003cp\u003eDie Formel ist außerdem mit Niacinamid angereichert, das die Öl- und Feuchtigkeitswerte der Haut ausgleicht und die Porengröße minimiert, für ein glatteres und volleres Erscheinungsbild.\u003c\/p\u003e\n\u003cdiv style=\"display: flex; gap: 10px; margin-top: 20px;\"\u003e\n\u003cspan class=\"spf-badge\"\u003eSPF50+\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003ePA++++\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003eEWG GREEN\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eWie funktioniert das Produkt?\u003c\/h2\u003e\n\u003ch3\u003e- Die feuchtigkeitsspendende Technologie wirkt in Verbindung mit Sonnenschutz -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eBeginn der Beruhigung\u003c\/div\u003e\n\u003cp\u003eWenn das Schutzmittel aufgetragen wird, beruhigen Probiotika und fermentierter Reis die Haut und lindern das Gefühl von Trockenheit und Rötung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eStarke Schutzbarriere\u003c\/div\u003e\n\u003cp\u003eDie SPF50+ PA++++ Filter reflektieren und absorbieren schädliche Strahlen, bevor sie in die Haut eindringen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eFeuchtigkeitsspendend und nährend\u003c\/div\u003e\n\u003cp\u003eDer fermentierte Reis gibt seine feuchtigkeitsspendenden Inhaltsstoffe tief in die Haut ab, während Niacinamid die natürliche Wasserbarriere der Haut stärkt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eLeichtes Finish\u003c\/div\u003e\n\u003cp\u003eDie glänzende Geltextur zieht schnell ein, hinterlässt die Haut weich, ohne weißen Film oder unangenehme Klebrigkeit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Advantages Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eDas Geheimnis der Exzellenz: Warum Relief Sun andere übertrifft?\u003c\/h2\u003e\n\u003ch3\u003e- Praktische Ergebnisse und zuverlässige Benutzererfahrung\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eUnwiderstehliche Textur\u003c\/h4\u003e\n\u003cp\u003eLeicht wie Luft, verschmilzt mit der Haut, ohne Spuren von Fettigkeit oder störender Weißheit zu hinterlassen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eNachgewiesene Wirksamkeit\u003c\/h4\u003e\n\u003cp\u003eEine der Sonnenschutzcremes mit den höchsten Bewertungen weltweit, mit Punkten über 4,5 Sternen von Millionen von Nutzern\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eWissenschaftliche und natürliche Formel\u003c\/h4\u003e\n\u003cp\u003eKombiniert fortschrittliche chemische Filter mit traditionellen organischen Extrakten aus fermentiertem Reis und Probiotika, um vollständigen Schutz und Feuchtigkeit zu gewährleisten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eAnerkennung durch Experten\u003c\/h4\u003e\n\u003cp\u003eUnterstützt von Allures Empfehlung als eine der besten koreanischen Sonnencremes für die Kombination aus Schutz und Stil, und von Dermatologen aufgrund ihrer sicheren und effektiven Formel zugelassen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eGeeignet für alle Bedingungen\u003c\/h4\u003e\n\u003cp\u003eEs wirkt hervorragend bei hoher Luftfeuchtigkeit und verhindert ein Gefühl von Schwere oder Glätte, wodurch es zur perfekten Wahl für den täglichen Gebrauch unter oder ohne Make-up wird.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eSchütze deine Haut mit der neuesten koreanischen Eleganz\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eGenießen Sie den SPF50+ Schutz mit tiefer Feuchtigkeit und Pflege in einem einzigen Produkt. Sagen Sie schweren, weißen Sonnencremes Lebewohl und begrüßen Sie einen gesunden und den ganzen Tag geschützten Teint!\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        \/\/ Add hover effects to process steps\n        document.querySelectorAll('.process-step').forEach(step =\u003e {\n            step.addEventListener('mouseenter', () =\u003e {\n                step.style.transform = 'translateX(-5px)';\n            });\n            \n            step.addEventListener('mouseleave', () =\u003e {\n                step.style.transform = '';\n            });\n        });\n    })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691703300293,"sku":"","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/51KXcVZceoL.jpg?v=1745768552"},{"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":"centella-skincare-routine-set","title":"Centella Skincare Routine Set Complete Centella-Based Skincare Solution","description":"\u003cdiv class=\"sk-mfg-oasis\" dir=\"ltr\" id=\"skin1004-madagascar-wrapper\"\u003e\n\u003cstyle\u003e\n        \/* Styles *\/\n        .sk-mfg-oasis {\n            \/* Styles *\/\n            --bg-basalt-deep: #090807;     \/* Styles *\/\n            --bg-sand-night: #12100D;      \/* Styles *\/\n            --bg-earth-dune: #1A1612;      \/* Styles *\/\n            --bg-card-glass: #171310;\n            --bg-card-hover: #221c17;\n\n            \/* Styles *\/\n            --sand-primary: #D4A373;       \/* Styles *\/\n            --sand-bright: #F0DFC8;        \/* Styles *\/\n            --sand-soft: #C29668;          \/* Styles *\/\n            --sand-glow: rgba(212, 163, 115, 0.22);\n            --sand-border: rgba(212, 163, 115, 0.2);\n            --sand-border-strong: rgba(212, 163, 115, 0.45);\n\n            \/* Styles *\/\n            --text-main: #FDFBF7;          \/* Styles *\/\n            --text-muted: #C8BFB5;         \/* Styles *\/\n            --text-gold: #E5BA82;          \/* Styles *\/\n\n            font-family: inherit;\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--bg-basalt-deep);\n            color: var(--text-main);\n            border-radius: 24px;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n        }\n\n        .sk-mfg-oasis * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .oasis-container {\n            max-width: 1040px;\n            margin: 0 auto;\n            padding: 0 24px;\n            position: relative;\n            z-index: 3;\n        }\n\n        \/* Styles *\/\n        .oasis-hl-sand {\n            color: #FFF4E5;\n            font-weight: 900;\n            text-shadow: 0 0 8px rgba(212, 163, 115, 0.5);\n            display: inline;\n        }\n\n        .oasis-hl-gold {\n            color: #F8CD9C;\n            font-weight: 900;\n            text-shadow: 0 0 8px rgba(212, 163, 115, 0.6);\n            display: inline;\n        }\n\n        .oasis-mark-glow {\n            display: inline;\n            background: rgba(212, 163, 115, 0.2);\n            color: #FFFFFF;\n            font-weight: 800;\n            padding: 2px 8px;\n            border-radius: 6px;\n            border-bottom: 1.5px solid var(--sand-primary);\n        }\n\n        .oasis-pill-sand {\n            display: inline-block;\n            background: rgba(212, 163, 115, 0.16);\n            border: 1px solid var(--sand-primary);\n            color: #FFF6EB;\n            font-weight: 900;\n            padding: 3px 14px;\n            border-radius: 8px;\n            margin: 2px 0;\n        }\n\n        \/* Styles *\/\n        .oasis-section {\n            padding: 75px 0;\n            position: relative;\n        }\n\n        \/* Styles *\/\n        .oasis-theme-basalt {\n            background-color: var(--bg-basalt-deep);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.04);\n        }\n\n        \/* Styles *\/\n        .oasis-theme-night {\n            background-color: var(--bg-sand-night);\n            border-top: 1px solid var(--sand-border);\n            border-bottom: 1px solid var(--sand-border);\n        }\n\n        \/* Styles *\/\n        .oasis-theme-dune-grad {\n            background: linear-gradient(180deg, #12100D 0%, #1A1510 50%, #12100D 100%);\n            border-top: 1px solid rgba(212, 163, 115, 0.15);\n            border-bottom: 1px solid rgba(212, 163, 115, 0.15);\n        }\n\n        \/* Styles *\/\n        .oasis-theme-earth {\n            background-color: var(--bg-earth-dune);\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .oasis-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(212, 163, 115, 0.12);\n            border: 1px solid var(--sand-primary);\n            color: var(--sand-bright);\n            padding: 7px 24px;\n            border-radius: 40px;\n            font-size: 0.95rem;\n            font-weight: 800;\n            margin-bottom: 22px;\n            letter-spacing: 0.5px;\n        }\n\n        .oasis-main-title {\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.35;\n            color: #FFFFFF;\n        }\n\n        .oasis-section-title {\n            font-size: clamp(22px, 3.5vw, 32px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            position: relative;\n            line-height: 1.4;\n            color: #FFFFFF;\n        }\n\n        .oasis-section-title::after {\n            content: '';\n            display: block;\n            width: 70px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sand-primary), transparent);\n            margin: 12px auto 0;\n            border-radius: 4px;\n        }\n\n        \/* Styles *\/\n        .oasis-media-wrapper {\n            width: 100%;\n            max-width: 850px;\n            margin: 0 auto 35px;\n            border-radius: 20px;\n            overflow: hidden;\n            border: 1px solid var(--sand-border-strong);\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);\n            position: relative;\n        }\n\n        .oasis-media-wrapper img {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }\n\n        .oasis-media-wrapper:hover img {\n            transform: scale(1.015);\n        }\n\n        \/* Styles *\/\n        .oasis-hook-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 16px;\n            margin: 30px 0;\n        }\n\n        .oasis-hook-card {\n            background: #181411;\n            border: 1px solid var(--sand-border);\n            border-radius: 16px;\n            padding: 22px 18px;\n            text-align: left;\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n            transition: transform 0.25s ease, border-color 0.25s ease;\n        }\n\n        .oasis-hook-card:hover {\n            transform: translateY(-3px);\n            border-color: var(--sand-primary);\n        }\n\n        .oasis-hook-card h4 {\n            color: var(--sand-bright);\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .oasis-hook-card p {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* Styles *\/\n        .oasis-danger-card {\n            background: linear-gradient(145deg, rgba(50, 16, 16, 0.9) 0%, rgba(24, 17, 13, 0.98) 100%);\n            border: 1px solid rgba(239, 68, 68, 0.3);\n            border-radius: 20px;\n            padding: 30px 26px;\n            margin: 30px 0;\n            text-align: left;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);\n        }\n\n        .oasis-danger-card h3 {\n            color: #FCA5A5;\n            font-size: 1.35rem;\n            font-weight: 900;\n            margin-bottom: 12px;\n        }\n\n        .oasis-damage-list {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 12px;\n            list-style: none;\n            margin-top: 16px;\n        }\n\n        .oasis-damage-list li {\n            position: relative;\n            padding-right: 24px;\n            color: #FFFFFF;\n            font-size: 1rem;\n            font-weight: 600;\n        }\n\n        .oasis-damage-list li::before {\n            content: 'x';\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: #EF4444;\n            font-weight: 900;\n            font-size: 1.1rem;\n        }\n\n        \/* Styles *\/\n        .oasis-legend-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 18px;\n            margin: 30px 0;\n        }\n\n        .oasis-legend-card {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 16px;\n            padding: 24px 20px;\n            text-align: left;\n            transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n        }\n\n        .oasis-legend-card:hover {\n            transform: translateY(-4px);\n            border-color: var(--sand-primary);\n            background: #201A14;\n        }\n\n        .oasis-legend-tag {\n            font-size: 0.85rem;\n            color: var(--sand-primary);\n            font-weight: 800;\n            margin-bottom: 8px;\n            display: block;\n        }\n\n        .oasis-legend-title {\n            color: #FFFFFF;\n            font-size: 1.25rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n        }\n\n        .oasis-legend-desc {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* Styles *\/\n        .oasis-table-wrap {\n            overflow-x: auto;\n            margin: 30px 0;\n            border-radius: 18px;\n            border: 1px solid var(--sand-border-strong);\n            background: #110E0B;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);\n        }\n\n        .oasis-table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: left;\n            min-width: 600px;\n        }\n\n        .oasis-table th,\n        .oasis-table td {\n            padding: 16px 20px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n            font-size: 1.05rem;\n        }\n\n        .oasis-table th {\n            background: #18130E;\n            color: var(--sand-bright);\n            font-weight: 900;\n            font-size: 1.15rem;\n        }\n\n        .oasis-table td.col-centella {\n            background: rgba(212, 163, 115, 0.08);\n            color: var(--sand-bright);\n            font-weight: 800;\n        }\n\n        .oasis-table td.col-cortisone {\n            color: #FCA5A5;\n            font-weight: 600;\n        }\n\n        .oasis-table tr:last-child td {\n            border-bottom: none;\n        }\n\n        \/* Styles *\/\n        .oasis-env-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 18px;\n            margin: 30px 0;\n        }\n\n        .oasis-env-card {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 16px;\n            padding: 24px 20px;\n            text-align: left;\n            transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n        }\n\n        .oasis-env-card:hover {\n            transform: translateY(-3px);\n            border-color: var(--sand-primary);\n            background: #201A14;\n        }\n\n        .oasis-env-num {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 34px;\n            height: 34px;\n            background: rgba(212, 163, 115, 0.15);\n            color: var(--sand-bright);\n            border: 1px solid var(--sand-primary);\n            border-radius: 8px;\n            font-weight: 900;\n            margin-bottom: 12px;\n        }\n\n        .oasis-env-card h4 {\n            color: #FFFFFF;\n            font-size: 1.2rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .oasis-env-card p {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* Styles *\/\n        .oasis-conflict-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 24px;\n            margin: 35px 0;\n        }\n\n        .oasis-conflict-card {\n            border-radius: 20px;\n            padding: 28px 24px;\n            text-align: left;\n            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);\n        }\n\n        .oasis-conflict-card.bad {\n            background: linear-gradient(180deg, rgba(45, 18, 18, 0.95) 0%, rgba(24, 15, 15, 0.98) 100%);\n            border: 1px solid rgba(239, 68, 68, 0.25);\n        }\n\n        .oasis-conflict-card.good {\n            background: linear-gradient(180deg, rgba(38, 28, 20, 0.95) 0%, rgba(22, 17, 13, 0.98) 100%);\n            border: 1px solid var(--sand-border-strong);\n        }\n\n        .oasis-conflict-card h4 {\n            font-size: 1.3rem;\n            font-weight: 900;\n            margin-bottom: 12px;\n        }\n\n        .oasis-conflict-card.bad h4 { color: #FCA5A5; }\n        .oasis-conflict-card.good h4 { color: var(--sand-bright); }\n\n        .oasis-conflict-list {\n            list-style: none;\n            margin-top: 12px;\n        }\n\n        .oasis-conflict-list li {\n            position: relative;\n            padding-right: 24px;\n            margin-bottom: 10px;\n            font-size: 1rem;\n            color: #FFFFFF;\n        }\n\n        .oasis-conflict-card.bad .oasis-conflict-list li::before {\n            content: 'x';\n            position: absolute;\n            right: 0;\n            color: #EF4444;\n            font-weight: 900;\n        }\n\n        .oasis-conflict-card.good .oasis-conflict-list li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            color: var(--sand-primary);\n            font-weight: 900;\n        }\n\n        \/* Styles *\/\n        .oasis-products-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n        }\n\n        .oasis-product-card {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 18px;\n            padding: 24px 20px;\n            display: flex;\n            flex-direction: column;\n            text-align: left;\n            transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);\n        }\n\n        .oasis-product-card:hover {\n            transform: translateY(-4px);\n            border-color: var(--sand-primary);\n            background: #211A14;\n        }\n\n        .oasis-product-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 12px;\n        }\n\n        .oasis-product-step {\n            background: rgba(212, 163, 115, 0.15);\n            border: 1px solid var(--sand-primary);\n            color: var(--sand-bright);\n            font-size: 0.82rem;\n            font-weight: 900;\n            padding: 3px 12px;\n            border-radius: 6px;\n        }\n\n        .oasis-product-size {\n            color: var(--sand-primary);\n            font-weight: 800;\n            font-size: 0.95rem;\n        }\n\n        .oasis-product-card h3 {\n            color: #FFFFFF;\n            font-size: 1.35rem;\n            font-weight: 900;\n            margin-bottom: 4px;\n        }\n\n        .oasis-product-subtitle {\n            color: var(--sand-gold);\n            font-size: 0.95rem;\n            font-weight: 700;\n            margin-bottom: 14px;\n            padding-bottom: 8px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        }\n\n        .oasis-product-bullets {\n            list-style: none;\n            margin-bottom: 16px;\n        }\n\n        .oasis-product-bullets li {\n            position: relative;\n            padding-right: 22px;\n            color: var(--text-main);\n            font-size: 0.96rem;\n            line-height: 1.55;\n            margin-bottom: 8px;\n        }\n\n        .oasis-product-bullets li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: var(--sand-primary);\n            font-weight: 900;\n        }\n\n        .oasis-product-review {\n            margin-top: auto;\n            background: #110E0B;\n            border: 1px solid rgba(212, 163, 115, 0.2);\n            padding: 12px 16px;\n            border-radius: 12px;\n            color: var(--sand-bright);\n            font-size: 0.88rem;\n            font-weight: 700;\n        }\n\n        \/* Styles *\/\n        .oasis-routine-flex {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 24px;\n            margin: 35px 0;\n        }\n\n        .oasis-routine-card {\n            background: #191410;\n            border: 1px solid var(--sand-border);\n            border-radius: 20px;\n            padding: 28px 22px;\n            text-align: left;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);\n        }\n\n        .oasis-routine-card.evening {\n            border-color: rgba(212, 163, 115, 0.35);\n        }\n\n        .oasis-routine-card.morning {\n            border-color: rgba(240, 223, 200, 0.35);\n        }\n\n        .oasis-routine-tag {\n            display: inline-block;\n            padding: 6px 16px;\n            border-radius: 8px;\n            font-weight: 900;\n            font-size: 0.95rem;\n            margin-bottom: 18px;\n            background: rgba(212, 163, 115, 0.15);\n            color: var(--sand-bright);\n            border: 1px solid var(--sand-primary);\n        }\n\n        .oasis-steps-list {\n            list-style: none;\n        }\n\n        .oasis-steps-list li {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            font-size: 1rem;\n            color: #FFFFFF;\n        }\n\n        .oasis-steps-list li:last-child {\n            border-bottom: none;\n        }\n\n        .oasis-step-num {\n            width: 30px;\n            height: 30px;\n            background: #0A0908;\n            border: 2px solid var(--sand-primary);\n            color: var(--sand-bright);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 900;\n            font-size: 0.88rem;\n            flex-shrink: 0;\n        }\n\n        \/* Styles *\/\n        .oasis-accordion-box {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 12px;\n            margin-bottom: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\n        }\n\n        .oasis-acc-btn {\n            width: 100%;\n            padding: 16px 20px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            background: transparent;\n            border: none;\n            color: #FFFFFF;\n            font-size: 1.05rem;\n            font-weight: 800;\n            text-align: left;\n            user-select: none;\n        }\n\n        .oasis-acc-btn span.icon {\n            color: var(--sand-primary);\n            font-size: 1.4rem;\n            font-weight: 900;\n            transition: transform 0.3s ease;\n        }\n\n        .oasis-accordion-box.active .oasis-acc-btn span.icon {\n            transform: rotate(45deg);\n            color: var(--sand-bright);\n        }\n\n        .oasis-acc-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.35s ease, padding 0.35s ease;\n            padding: 0 20px;\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            direction: ltr;\n            text-align: left;\n            line-height: 1.6;\n            background: #100D0A;\n        }\n\n        .oasis-accordion-box.active .oasis-acc-content {\n            padding: 16px 20px;\n            max-height: 380px;\n        }\n\n        \/* Styles *\/\n        .oasis-cta-card {\n            text-align: center;\n            padding: 55px 24px;\n            background: linear-gradient(180deg, #1C1712 0%, #0A0908 100%);\n            border-radius: 22px;\n            border: 1px solid var(--sand-primary);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n        }\n\n        .oasis-cta-btn {\n            display: inline-block;\n            background: linear-gradient(135deg, var(--sand-bright), var(--sand-primary));\n            color: #0F0D0A;\n            font-size: 1.35rem;\n            font-weight: 900;\n            padding: 18px 48px;\n            border-radius: 40px;\n            cursor: pointer;\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\n            margin-top: 25px;\n            border: none;\n            text-decoration: none;\n        }\n\n        .oasis-cta-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px rgba(212, 163, 115, 0.4);\n            background: linear-gradient(135deg, #FFFFFF, var(--sand-bright));\n        }\n\n        \/* Styles *\/\n        .oasis-reveal {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n            will-change: opacity, transform;\n        }\n\n        .oasis-reveal.oasis-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Styles *\/\n        .oasis-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 18px;\n            margin-top: 30px;\n        }\n\n        .oasis-timeline-card {\n            background: #191410;\n            border: 1px solid var(--sand-border);\n            border-radius: 18px;\n            padding: 24px 20px;\n            text-align: left;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);\n            transition: transform 0.25s ease, border-color 0.25s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .oasis-timeline-card:hover {\n            transform: translateY(-3px);\n            border-color: var(--sand-primary);\n        }\n\n        .oasis-timeline-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background: rgba(212, 163, 115, 0.14);\n            border: 1px solid rgba(212, 163, 115, 0.4);\n            color: var(--sand-bright);\n            font-size: 0.82rem;\n            font-weight: 900;\n            padding: 4px 12px;\n            border-radius: 20px;\n            margin-bottom: 12px;\n            letter-spacing: 0.5px;\n        }\n\n        .oasis-timeline-card h4 {\n            font-size: 1.25rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n        }\n\n        .oasis-timeline-card p {\n            color: var(--text-muted);\n            font-size: 0.96rem;\n            line-height: 1.65;\n            margin: 0;\n        }\n\n        @media (max-width: 768px) {\n            .oasis-table th, .oasis-table td { padding: 12px 14px; font-size: 0.95rem; }\n            .oasis-hook-grid { grid-template-columns: 1fr; }\n            .oasis-conflict-grid { grid-template-columns: 1fr; }\n            .oasis-products-grid { grid-template-columns: 1fr; }\n            .oasis-timeline-grid { grid-template-columns: 1fr; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. Hero Section (Basalt Deep Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-basalt\"\u003e\n\u003cdiv class=\"oasis-container\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"oasis-badge\"\u003eMini-Koreanische Hautrettungsroutine\u003c\/div\u003e\n\u003ch1 class=\"oasis-main-title\"\u003e\n                SKIN1004 Madagascar Centella Travel Kit\u003cbr\/\u003e\n\u003cspan class=\"oasis-hl-sand\"\u003eDas Set, das Ihre Haut beruhigt und angenehm macht\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cdiv class=\"oasis-media-wrapper\"\u003e\n\u003cimg alt=\"SKIN1004 Centella Travel Kit in Mountains\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Centella_travel_kit_in_mountains_20260912200048.jpg?v=1789232691\"\/\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"oasis-hook-grid\"\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eDeine Haut entzündet sich schnell?\u003c\/h4\u003e\n\u003cp\u003eDas Minimum, das dich röten und reizen lässt. \u003cspan class=\"oasis-mark-glow\"\u003eUnd wissen Sie nicht, wie Sie ein Produkt nach Belieben verwenden\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eIst die Barriere deiner Haut beschädigt?\u003c\/h4\u003e\n\u003cp\u003eFühlt sich Ihre Haut gespannt, trocken oder schuppig an aufgrund von... \u003cspan class=\"oasis-mark-glow\"\u003eVerwende zu viele Peelings oder aggressive Produkte\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eDie Pillen hinterlassen ein Zeichen?\u003c\/h4\u003e\n\u003cp\u003eDie Pille funktioniert, aber es bleibt ein Rückstand \u003cspan class=\"oasis-mark-glow\"\u003eEin rotes oder dunkles Zeichen, das nicht leicht verschwindet\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eHast du Angst, Risiken einzugehen?\u003c\/h4\u003e\n\u003cp\u003eWillst du einfach nur eine komplette koreanische Routine ausprobieren \u003cspan class=\"oasis-mark-glow\"\u003eAngst, große Formate zu kaufen, die nicht passen\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: var(--sand-bright); margin-bottom: 25px;\"\u003e\n                Das Problem ist nicht dein Hauttyp, das Problem bist du \u003cspan class=\"oasis-hl-sand\"\u003eDu hast die Routine, die wirklich Entzündungen beseitigt, noch nicht ausprobiert\u003c\/span\u003e.\n            \u003c\/p\u003e\n\n\u003cdiv class=\"oasis-danger-card\"\u003e\n\u003ch3\u003eWeil deine Haut sie nicht ertragen kann und ihre Probleme bestehen bleiben?\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.15rem; color: #FFFFFF; font-weight: 700;\"\u003e\n                    Das Geheimnis liegt ganz in \u003cspan class=\"oasis-pill-sand\"\u003ehydrolipidische Barriere\u003c\/span\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--text-muted); margin-top: 8px; font-size: 1rem;\"\u003e\n                    Wenn die Schutzbarriere Ihrer Haut zerstört wird, \u003cspan class=\"oasis-hl-gold\"\u003eAlles Einfache schafft ein großes Problem\u003c\/span\u003eDas ist, was verursacht:\n                \u003c\/p\u003e\n\u003cul class=\"oasis-damage-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eRötung und Empfindlichkeit\u003c\/span\u003e Von jedem neuen Produkt oder auch aus der Luft.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eTrockenheit und Risse\u003c\/span\u003e Egal, wie nass du bist.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eNeue Pickel erscheinen\u003c\/span\u003e Warum Bakterien leicht eindringen.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eHartnäckige Zeichen und Pigmentierung\u003c\/span\u003e Warum die Haut nicht von selbst heilen kann.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(212, 163, 115, 0.1); border: 1px solid var(--sand-primary); border-radius: 14px; padding: 18px; margin-top: 20px;\"\u003e\n\u003cp style=\"font-size: 1.2rem; font-weight: 800; color: #FFFFFF; margin: 0;\"\u003e\n                    Um diese Spirale zu stoppen: Du brauchst die magische Zutat, die diese Barriere schnell repariert: \u003cspan class=\"oasis-hl-sand\"\u003eCentella Asiatica-Extrakt aus Madagaskar\u003c\/span\u003e.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Story: Tiger Herb (Dark Sand Night Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-night oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003eWas ist Centella-Asiatica? Warum wird sie „Tigerkraut“ genannt”?\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center; max-width: 820px; margin: 0 auto 20px;\"\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); font-weight: 500;\"\u003e\n                    Die Geschichte begann in der Natur... als sie bemerkten, dass verletzte Tiger nach jedem Kampf dazu gingen, sich zwischen den Blättern einer bestimmten Pflanze zu wälzen. Überraschenderweise, \u003cspan class=\"oasis-mark-glow\"\u003eIhre Wunden heilten unglaublich schnell und ohne jede Spur!\u003c\/span\u003e Diese Pflanze ist Centella, und seitdem wird sie verwendet, um Verbrennungen und schwere Wunden zu behandeln.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-grid\"\u003e\n\u003cdiv class=\"oasis-legend-card\"\u003e\n\u003cspan class=\"oasis-legend-tag\"\u003eWiederherstellungskraft\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eBehandelt die Haut tiefgehend\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eRegt die natürliche Kollagenproduktion an \u003cspan class=\"oasis-hl-sand\"\u003eGeschädigtes Hautgewebe wird wiederaufgebaut\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-card\"\u003e\n\u003cspan class=\"oasis-legend-tag\"\u003eSofortige Beruhigung\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eLöscht das „Feuer“ der Entzündung\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eBeruhigt sofort Rötungen und Empfindlichkeit \u003cspan class=\"oasis-hl-sand\"\u003eDu hast mich brennen lassen\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-card\" style=\"border-color: var(--sand-primary); border-width: 2px;\"\u003e\n\u003cspan class=\"oasis-legend-tag\" style=\"color: var(--sand-bright);\"\u003eBesonders Madagaskar\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\" style=\"color: var(--sand-bright);\"\u003eDie reinste Sorte der Welt\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eWarum die vulkanische Natur Madagaskars Centella in hoher Konzentration produziert \u003cspan class=\"oasis-mark-glow\"\u003eDoppelte Wirksamkeit im Vergleich zu anderen\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Comparison Table (Dark Earth Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-earth oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003eLa Centella è un'alternativa naturale e sicura alle creme medicinali forti\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); font-size: 1.15rem; margin-bottom: 20px;\"\u003e\n                Wenn deine Haut stark entzündet ist, verschreiben Ärzte oft Cremes mit Cortison, aber Cortison hat langfristig schädliche Wirkungen. Die Centella kommt immer noch zu dir \u003cspan class=\"oasis-hl-sand\"\u003eGleiches Ergebnis wie beruhigen\u003c\/span\u003e Aber \u003cspan class=\"oasis-hl-gold\"\u003eVollständig sicher\u003c\/span\u003e:\n            \u003c\/p\u003e\n\u003cdiv class=\"oasis-table-wrap\"\u003e\n\u003ctable class=\"oasis-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eWas ist der Unterschied?\u003c\/th\u003e\n\u003cth\u003eStarke medizinische Cremes (wie Kortison))\u003c\/th\u003e\n\u003cth style=\"background: rgba(212, 163, 115, 0.2); color: var(--sand-bright);\"\u003eNatürliche Centella von SKIN1004\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTäglich verwenden?\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eVerboten (die Haut wird mit der Zeit müde))\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eSehr sicher und täglich verwendet\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eDicke und Hautschutz\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eVerdünnt die Haut und macht sie sehr schwach\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003eStärkt die Haut, erhöht ihre Dicke und den Schutz\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eWenn du aufhörst, es zu verwenden?\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eDas Problem kehrt zurück und mit voller Kraft\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-gold\"\u003eDie Haut ist geheilt und es gibt keine Rückfälle\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eRötung und Borsten\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eKönnte das Erscheinungsbild von Blutgefäßen verstärken\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eLindert Rötungen und behandelt Reizungen\u003c\/span\u003e\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\/div\u003e\n\u003c!-- 5. Zero Brand Conflict System (Dark Night Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-night oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003eWarum ein komplettes Set verwenden statt zufälliger Produkte?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); max-width: 820px; margin: 0 auto 25px; font-size: 1.1rem;\"\u003e\n                L'errore più grande che puoi fare è comprare lozione da un marchio, tonico da un altro e siero dal terzo! \u003cspan class=\"oasis-hl-gold\"\u003eDiese Produkte sind nicht dafür ausgelegt, zusammen zu wirken\u003c\/span\u003eSie können miteinander reagieren und deine Haut reizen.\n            \u003c\/p\u003e\n\u003cdiv class=\"oasis-conflict-grid\"\u003e\n\n\u003cdiv class=\"oasis-conflict-card bad\"\u003e\n\u003ch4\u003eMixer: Produkte aus jedem Lied des Films\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eWas passiert, wenn verschiedene Produkte gemischt werden?\u003c\/p\u003e\n\u003cul class=\"oasis-conflict-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\" style=\"border-color: #EF4444; background: rgba(239, 68, 68, 0.2);\"\u003eDie Materialien stoßen miteinander zusammen\u003c\/span\u003e Und du kannst seine Wirkung aufheben.\u003c\/li\u003e\n\u003cli\u003eDeine Haut wird gereizt, entzündet und neue Pickel tauchen auf.\u003c\/li\u003e\n\u003cli\u003eIch gebe viel Geld für ungeeignete Dinge aus.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"oasis-conflict-card good\"\u003e\n\u003ch4\u003eDie intelligente Lösung: die integrierte SKIN1004-Routine\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eDiese 5 Produkte sind darauf ausgelegt, sich gegenseitig zu ergänzen:\u003c\/p\u003e\n\u003cul class=\"oasis-conflict-list\"\u003e\n\u003cli\u003eJeder Schritt \u003cspan class=\"oasis-mark-glow\"\u003eBereite die Haut vor und steigere ihre Vorteile\u003c\/span\u003e Vom nächsten Schritt.\u003c\/li\u003e\n\u003cli\u003eNimm eine Dosis Centella \u003cspan class=\"oasis-hl-gold\"\u003eBei jedem Schritt\u003c\/span\u003e Für eine schnellere und stärkere Erholung.\u003c\/li\u003e\n\u003cli\u003eGarantie \u003cspan class=\"oasis-mark-glow\"\u003e100 % konfliktfrei\u003c\/span\u003e Oder du wirst Allergien bekommen.\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!-- 6. The 5 Products Breakdown (Basalt Deep Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-basalt oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003eWas ist in dieser Gruppe? (5 Schritte für eine beruhigtere Haut)\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); margin-bottom: 25px; font-weight: 700;\"\u003e\n                Reisegrößen (ausreichend für 2-3 Wochen)... Perfekt, um die gesamte Routine auszuprobieren, bevor man die größeren Packungen kauft!\n            \u003c\/p\u003e\n\u003cdiv class=\"oasis-products-grid\"\u003e\n\u003c!-- Product 1 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003eSchritt 1\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eLeichtes Reinigungsöl\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eUm Make-up und Sonnenschutz zu entfernen, ohne zu reiben\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eBehandelt alles sanft\u003c\/span\u003e Auch das Fett, das die Poren verstopft.\u003c\/li\u003e\n\u003cli\u003eSehr leicht, wie Wasser. \u003cspan class=\"oasis-hl-sand\"\u003enicht komedogen (verstopft die Poren nicht) und verursacht keine Pickel\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 2 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003eSchritt 2\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e20 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSchaumreiniger mit Centella\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eTiefenreinigung, die Ihre Haut respektiert\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eSein Schaum ist sehr weich \u003cspan class=\"oasis-mark-glow\"\u003eTrocknet das Gesicht nie aus\u003c\/span\u003e Nach dem Waschen.\u003c\/li\u003e\n\u003cli\u003eErhält das Gleichgewicht der Haut, sodass sie kein überschüssiges Fett absondert.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 3 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003eSchritt 3\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSanftes Peeling-Tonikum\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eWeichheit und Farbgleichmäßigkeit ohne Reizungen\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003ePeelt abgestorbene Zellen \u003cspan class=\"oasis-mark-glow\"\u003eSehr, sehr sanft\u003c\/span\u003e Mit PHA-Säuren.\u003c\/li\u003e\n\u003cli\u003eBereite die Haut vor für \u003cspan class=\"oasis-hl-sand\"\u003eTrinke das Serum effektiver\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 4 --\u003e\n\u003cdiv class=\"oasis-product-card\" style=\"border: 2px solid var(--sand-primary); background: rgba(36, 28, 20, 0.85);\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\" style=\"background: var(--sand-primary); color: #0C0B0A;\"\u003eMagisches Produkt\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eReine Centella Ampulle\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003e100% rohes Hochkonzentrations-Centella-Extrakt\u003c\/span\u003e\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-hl-gold\"\u003eBeruhigt jede Rötung oder entzündete Akne\u003c\/span\u003e In Rekordzeit!\u003c\/li\u003e\n\u003cli\u003eRepariert die geschädigte Hautschutzbarriere\u003cspan class=\"oasis-mark-glow\"\u003eBehandelt die Folgen von hartnäckigen Pickeln\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 5 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003eSchritt 5\u003c\/span\u003e\n\u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eBeruhigendes Gelcreme\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eHält die Feuchtigkeit zurück und schützt die Haut den ganzen Tag\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eLeichte Geltextur, \u003cspan class=\"oasis-mark-glow\"\u003eDie Haut wird sofort aufgenommen und bleibt überhaupt nicht klebrig\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eEnthält Ceramide, weil \u003cspan class=\"oasis-hl-sand\"\u003eStärkt den Schutzschild\u003c\/span\u003e Deiner Haut.\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!-- 7. Complete Routine (Morning \u0026 Evening) in Dune Gradient Theme --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-dune-grad oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003eWie benutzt man diese Gruppe? (tägliche Routine))\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.15rem; font-weight: 800; color: var(--sand-bright); margin-bottom: 25px;\"\u003e\n                Sehr einfache Schritte, die nicht mehr als ein paar Minuten dauern!\n            \u003c\/p\u003e\n\u003cdiv class=\"oasis-routine-flex\"\u003e\n\u003c!-- Morning Routine --\u003e\n\u003cdiv class=\"oasis-routine-card morning\"\u003e\n\u003cspan class=\"oasis-routine-tag\"\u003eMorgenroutine (schnell und leicht)\u003c\/span\u003e\n\u003cul class=\"oasis-steps-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eAmpullenschaum:\u003c\/strong\u003e Wasche dein Gesicht mit einem schäumenden Reiniger (du kannst nur ein wenig Wasser verwenden, wenn deine Haut trocken ist)).\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eBelebendes Tonikum:\u003c\/strong\u003e Etwas Tonikum auftragen, um die Haut zu erfrischen.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eCentella Ampulle:\u003c\/strong\u003e Zwei oder drei Tropfen werden deine Haut beruhigen und den ganzen Tag schützen.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eBeruhigende Creme:\u003c\/strong\u003e Trage das Gel-Creme auf, um die Haut zu befeuchten.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Evening Routine --\u003e\n\u003cdiv class=\"oasis-routine-card evening\"\u003e\n\u003cspan class=\"oasis-routine-tag\"\u003eNachtpflege-Routine (für tiefe Reinigung und Reparatur)\u003c\/span\u003e\n\u003cul class=\"oasis-steps-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eReinigungsöl:\u003c\/strong\u003e Auf trockener Haut einmassieren, um das Make-up zu entfernen, dann abwaschen.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eAmpullenschaum:\u003c\/strong\u003e Wasche das Gesicht, um sicherzustellen, dass die Poren vollständig gereinigt sind.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eBelebendes Tonikum:\u003c\/strong\u003e Auf die Lippen auftragen für sanftes Peeling.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eCentella Ampulle:\u003c\/strong\u003e Es ist Zeit für Erholung! Auftragen und wirken lassen, während du schläfst.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e5\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eBeruhigende Creme:\u003c\/strong\u003e Beende deine Routine damit, um die Feuchtigkeit die ganze Nacht über zu bewahren.\u003c\/div\u003e\n\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!-- 10. Final Closing \u0026 Required Second Image (Basalt Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-basalt oasis-reveal\" style=\"padding-bottom: 90px;\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003cdiv class=\"oasis-cta-card\"\u003e\n\u003ch2 class=\"oasis-main-title\" style=\"font-size: clamp(24px, 4vw, 36px); margin-bottom: 20px;\"\u003e\n                    Deine klügste Gelegenheit, die gesamte koreanische Routine auszuprobieren\n                \u003c\/h2\u003e\n\n\u003cdiv class=\"oasis-media-wrapper\" style=\"margin: 25px auto; max-width: 780px;\"\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Routine Kit\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Skin1004_centella_travel_kit_in_20260912200000.jpg?v=1789232695\"\/\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.25rem; color: #FFFFFF; font-weight: 700; max-width: 800px; margin: 0 auto 15px; line-height: 1.85;\"\u003e\n                    Anstatt ein hochpreisiges Produkt zu kaufen, ohne zu wissen, ob es zu deiner Haut passt oder nicht, ist dieses Set für dich verfügbar. \u003cspan class=\"oasis-hl-sand\"\u003e5 vollständige Produkte in hervorragenden Größen für Tests und Reisen\u003c\/span\u003e!\n                \u003c\/p\u003e\n\u003cp style=\"color: var(--sand-bright); font-size: 1.45rem; font-weight: 900; text-shadow: 0 0 15px var(--sand-glow);\"\u003e\n                    Investiere in deine Haut und erlebe wahre Reinheit.\n                \u003c\/p\u003e\n\u003cbutton class=\"oasis-cta-btn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\" type=\"button\"\u003e\n                    Bestelle sofort das Travel Kit SKIN1004 Centella\n                \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \n            var reveals = document.querySelectorAll('.oasis-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('oasis-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            });\n\n            reveals.forEach(function(el) {\n                revealObserver.observe(el);\n            });\n\n            \n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n```eof\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44693260566725,"sku":"","price":1700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Centella_Skincare_Routine_Set.webp?v=1745851775"},{"product_id":"some-by-mi-aha-bha-pha-14-days-super-miracle-spot-all-kill-cream","title":"SOME BY MI Aha.Bha.Pha 14 Days Super Miracle Spot All Kill Cream 30ml","description":"\u003cstyle\u003e\n  .somebymi-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 6s 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: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1s 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.5em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n  }\n\n  .hero-description {\n    font-size: 1.2em;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.6s forwards;\n  }\n\n  .main-benefits-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .benefit-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(50px);\n    transition: all 0.3s 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: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .benefit-number {\n    display: inline-block;\n    width: 30px;\n    height: 30px;\n    background: #9C8102;\n    color: white;\n    border-radius: 50%;\n    text-align: center;\n    line-height: 30px;\n    font-weight: 700;\n    margin-bottom: 15px;\n    font-size: 0.9em;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.2em;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 0.95em;\n    line-height: 1.6;\n  }\n\n  .ingredient-highlight {\n    background: #f8f9fa;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    color: #9C8102;\n  }\n\n  .truecica-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .truecica-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .truecica-image {\n    max-width: 100%;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n  }\n\n  .truecica-info {\n    background: white;\n    padding: 40px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .truecica-info::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  .ingredient-list {\n    list-style: none;\n    padding: 0;\n    margin: 20px 0;\n  }\n\n  .ingredient-list li {\n    padding: 10px 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: 10px;\n  }\n\n  .triple-acid-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .acid-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .acid-card {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 30px;\n    border-radius: 15px;\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  .acid-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .acid-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n  }\n\n  .acid-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 15px;\n  }\n\n  .timeline-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    padding-right: 40px;\n  }\n\n  .timeline-container::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 20px;\n    height: 100%;\n    width: 4px;\n    background: linear-gradient(to bottom, #9C8102, #d4af37);\n    border-radius: 2px;\n  }\n\n  .timeline-item {\n    position: relative;\n    margin-bottom: 40px;\n    padding-right: 60px;\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: translateX(50px);\n    transition: all 0.3s ease;\n  }\n\n  .timeline-item::before {\n    content: '';\n    position: absolute;\n    right: -42px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #9C8102;\n    border: 4px solid white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n    z-index: 1;\n  }\n\n  .timeline-item:hover {\n    transform: translateX(0);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .timeline-day {\n    color: #9C8102;\n    font-weight: 700;\n    font-size: 1.1em;\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: 15px;\n  }\n\n  .texture-highlights {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .texture-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  }\n\n  .texture-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  .texture-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .texture-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .investment-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .investment-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .investment-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(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .investment-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  .investment-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .investment-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n    text-align: center;\n  }\n\n  .investment-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 60px 30px;\n    text-align: center;\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 15px 40px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.2em;\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 20px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 30px rgba(156, 129, 2, 0.8), 0 0 40px 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.2em;\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.3em;\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: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 80px; }\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: 2px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 40px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2em; }\n    .section-title { font-size: 1.8em; }\n    .benefits-grid, .acid-grid, .texture-highlights, .investment-grid {\n      grid-template-columns: 1fr;\n    }\n    .truecica-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"somebymi-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"SOME BY MI Spot All Kill Cream\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml.webp?v=1745858282\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eDas 14-Tage-Wunder: vollständige Beseitigung der Flecken\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eSOME BY MI Aha·Bha·Pha 14 Days Super Miracle Spot All Kill Cream\u003c\/h2\u003e\n\u003cp class=\"hero-description\"\u003e\u003cstrong\u003eDas ist keine gewöhnliche Creme, das ist das mächtigste Wunder, das von SOME BY MI entwickelt wurde, um in weniger als zwei Wochen Flecken und Akne zu verabschieden\u003c\/strong\u003e\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-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e1\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eEntfernt Pickel und Mitesser\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEnthält \u003cspan class=\"ingredient-highlight\"\u003eNiacinamid und Salicylsäure (500 ppm))\u003c\/span\u003e Um die Akne verursachenden Bakterien zu beseitigen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e2\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003e Beruhigende Rötung und Hautreizungen für empfindliche Haut\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAngetrieben von \u003cspan class=\"ingredient-highlight\"\u003eCentella Asiatica-Extrakt (250.000 ppm), Panthenol und Allantoin\u003c\/span\u003e Um Reizungen und Rötungen zu lindern\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e3\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003ePeeling gegen Pickel und Dellen \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFunktioniert \u003cspan class=\"ingredient-highlight\"\u003eSalicylsäure (500 ppm) und Lactobionsäure (300 ppm))\u003c\/span\u003e Peelt sanft die Haut, reduziert Narben, Akneeffekte und Pigmentierung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e4\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eFortgeschrittene Behandlung für schwierigste Pigmentierungen\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamid und Hydroxy-Säuren\u003c\/span\u003e Hellt effektiv dunkle Flecken auf und gleicht den Hautton aus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e5\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003e Tiefen- und intensive Feuchtigkeit\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEnthält \u003cspan class=\"ingredient-highlight\"\u003eGlycerin, Hyaluronsäure und Natriumhyaluronat\u003c\/span\u003e Für intensive Feuchtigkeit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e6\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eAntioxidativer Schutz\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eVerstärkt mit \u003cspan class=\"ingredient-highlight\"\u003eCentella Asiatica-Extrakt, Madecassosid und Asiaticosid\u003c\/span\u003e Zum Schutz der Haut vor Schäden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e7\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eZellregeneration und Anti-Aging\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eNiacinamid und Adenosin\u003c\/span\u003e Sie regen die Regeneration der Hautzellen an und reduzieren die Zeichen der Hautalterung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-number\"\u003e8\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eNatürliche Tiefenreinigung\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eTeebaumblattwasser (500.000 ppm))\u003c\/span\u003e Reinigt und klärt die Haut tiefgehend auf natürliche Weise.\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!-- Truecica Section --\u003e\n\u003cdiv class=\"truecica-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eWas ist Truecica™? Das Geheimnis für schnelle Linderung\u003c\/h2\u003e\n\u003cdiv class=\"truecica-content\"\u003e\n\u003cimg alt=\"SOME BY MI Spot All Kill Cream Texture\" class=\"truecica-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml_c850d135-1092-47ee-8828-7df3d8a06e64.webp?v=1745858375\"\/\u003e\n\u003cdiv class=\"truecica-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 15px;\"\u003eEine exklusive Formel, die beruhigt und die hydrolipidische Barriere stärkt\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eTruecica™ ist nicht nur ein Inhaltsstoff, es ist eine Kombination aus:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eReines Centella Asiatica-Extrakt\u003c\/li\u003e\n\u003cli\u003eMadecassosidkonzentrat\u003c\/li\u003e\n\u003cli\u003eTeebaum-Extrakt\u003c\/li\u003e\n\u003cli\u003eExtrakt von Pferdesalat (Artemisia)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"background: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;\"\u003eDiese Kombination lindert Entzündungen und stärkt die hydro-lipidische Barriere bereits bei der ersten Anwendung, reduziert Rötungen und schützt die Haut vor Irritationen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Triple Acid Section --\u003e\n\u003cdiv class=\"triple-acid-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003ePeeling mit dreifacher Wirkung: AHA BHA PHA\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eViel Glück dabei, die Poren der Haut nach der Verwendung der Creme zu sehen\u003c\/h3\u003e\n\u003cdiv class=\"acid-grid\"\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e🧪\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003eAHA\u003c\/h3\u003e\n\u003cp\u003ePeelt sanft die oberste Schicht und reduziert feine Falten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e⚗️\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003eBHA\u003c\/h3\u003e\n\u003cp\u003eDringt tief in die Poren ein, entfernt Öle und verhindert die Ansammlung von Schmutz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n\u003cspan class=\"acid-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"acid-title\"\u003ePHA\u003c\/h3\u003e\n\u003cp\u003ePeelt sanft, hydratisiert und revitalisiert die Haut mit einem gesunden Strahlen. Zusammen bieten sie ein kontinuierliches intelligentes Peeling, das die Haut sauber und den Bauch genährt hinterlässt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eSichtbare Ergebnisse Zeitachse: Neue Haut in 14 Tagen\u003c\/h2\u003e\n\u003ch3 class=\"section-subtitle animate-on-scroll\"\u003e– Schrittweise zeitliche Abfolge –\u003c\/h3\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eTag 1:\u003c\/div\u003e\n\u003cp\u003eBeruhigt sofort die Stelle, reduziert Rötungen und verleiht ein angenehmes Hautgefühl.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eTag 3:\u003c\/div\u003e\n\u003cp\u003eMan bemerkt ein leichtes Öffnen der Ränder des Flecks und das Verschwinden einiger Schwellungen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eEnde der ersten Woche:\u003c\/div\u003e\n\u003cp\u003eDer Unterschied bleibt klar, die Hautfarbe beginnt sich zu vereinheitlichen und dunkle Flecken werden deutlich reduziert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eTag 10:\u003c\/div\u003e\n\u003cp\u003eBereite dich darauf vor, die meisten Unreinheitszeichen loszuwerden; die Haut wird klarer und eher einer natürlichen, gleichmäßigen Farbe entsprechen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n\u003cdiv class=\"timeline-day\"\u003eTag vierzehn:\u003c\/div\u003e\n\u003cp\u003eDas Wunder hat triumphiert; deine Flecken verschwinden fast und deine Haut findet vollständig Frische und Vitalität wieder.\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: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eLeichte transparente Geltextur\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3em; color: #666; margin-bottom: 30px;\"\u003eSofortige Aufnahme ohne fettige Wirkung\u003c\/h3\u003e\n\u003cdiv class=\"texture-highlights\"\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eTransparentes Gel\u003c\/h3\u003e\n\u003cp\u003eLeichte Textur, die über die Haut gleitet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eSofortige Aufnahme\u003c\/h3\u003e\n\u003cp\u003eVerschwindet sofort ohne zu kleben\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"texture-title\"\u003eOhne Spur\u003c\/h3\u003e\n\u003cp\u003eKeine weiße oder fettige Schicht\u003c\/p\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\u003ch2 class=\"section-title animate-on-scroll\"\u003eEine der besten Investitionen für die Gesundheit Ihrer Haut\u003c\/h2\u003e\n\u003cdiv class=\"investment-grid\"\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eSchnelles Wunder\u003c\/h3\u003e\n\u003cp\u003eSag Lebewohl zu Flecken in nur 14 Tagen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eGeeignet für empfindliche Haut\u003c\/h3\u003e\n\u003cp\u003eUnterzogen 20 Tests auf Nicht-Haftung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🚫\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003eFrei von 20 schädlichen Substanzen\u003c\/h3\u003e\n\u003cp\u003eKeine Parabene, keine künstlichen Duftstoffe und keine Farben.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n\u003cspan class=\"investment-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"investment-title\"\u003ePerfekte Kombination\u003c\/h3\u003e\n\u003cp\u003eTruecica™ + Panthenol + AHA·BHA·PHA = maximale Wirksamkeit und Komfort.\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\u003ch2 class=\"animate-on-scroll\"\u003eEin wahres Wunder in nur 14 Tagen\u003c\/h2\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003eBeginne heute das Wunder der Veränderung mit \u003cstrong style=\"color: white;\"\u003eSOME BY MI 14 Days Super Miracle Spot All Kill Cream\u003c\/strong\u003e Und lass deine Haut in nur 14 Tagen der Perfektion näher kommen!\u003c\/p\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eJetzt kaufen\u003c\/button\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 * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate acid cards\n  const acidObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.acid-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('.triple-acid-section').forEach(section =\u003e {\n    acidObserver.observe(section);\n  });\n\n  \/\/ Animate timeline items\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateX(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n    timelineObserver.observe(item);\n  });\n\n  \/\/ Animate texture cards\n  const textureObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.texture-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('.texture-section').forEach(section =\u003e {\n    textureObserver.observe(section);\n  });\n\n  \/\/ Animate investment cards\n  const investmentObserver = 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('.investment-card').forEach(card =\u003e {\n    investmentObserver.observe(card);\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":"some by mi","offers":[{"title":"Default Title","offer_id":44693277475013,"sku":"","price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_-_2025-04-28T201324.540.jpg?v=1745860430"},{"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":"anua-heartleaf-70-intense-calming-cream-50ml","title":"ANUA Advanced beruhigende Creme für empfindliche Haut mit 70% Heartleaf-Extrakt und Ceramiden 50 ml","description":"\u003cdiv class=\"anua-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"anua-hero\"\u003e\n\u003cdiv class=\"anua-hero-image\"\u003e\u003cimg alt=\"Anua Heartleaf Intense Calming Cream\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_2.webp?v=1747143721\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"anua-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003e\"Stell dir Korea vor... ein Land, das nicht weiß, was 'empfindliche Haut' bedeutet'!\"\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eKoreanische Wissenschaftler haben eine natürliche Pflanze entdeckt, die herzförmig wächst, und sie mit einer Konzentration von 70 % extrahiert, was die magische Lösung für entzündete Haut war. Das Geheimnis ist endlich in Ägypten angekommen\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"anua-section problem-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eExperten sagen, dass 80 % der Hautprobleme durch eine schwache Schutzbarriere verursacht werden\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eWird deine Haut aus irgendeinem Grund rot? Fühlst du ein Brennen und Stechen bei jedem Produkt, das du ausprobierst? Kälte verursacht Trockenheit und Schuppen? \u003cstrong\u003eWie lange wirst du diesen Schmerz ertragen?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"problem-image\"\u003e\u003cimg alt=\"Skin Problems\" class=\"full-width-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_1.webp?v=1747143745\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003ch3 class=\"accent-text\"\u003e“Alle beruhigenden Cremes sind gleich... und das ist die größte Lüge in der Welt der Hautpflege.”\u003c\/h3\u003e\n\u003cp\u003eDie meisten beruhigenden Cremes basieren auf chemischen Inhaltsstoffen, die die Symptome behandeln und die Hauptursache beseitigen. \u003cstrong\u003eANUA hat einen völlig anderen Weg gewählt.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eAnua Soothing Cream mit 70% Heartleaf-Extrakt: Der Bodyguard Ihrer empfindlichen Haut\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eDie Wissenschaftler von Anua haben eine einzigartige Technologie verwendet, um den Heartleaf-Extrakt von privaten Farmen in Korea mit einer Konzentration von 70 % zu gewinnen.. \u003cstrong\u003eDer weltweit höchste Prozentsatz.\u003c\/strong\u003e Das Ergebnis? Die Creme beruhigt nicht nur die Haut... sie programmiert neu, wie sie mit äußeren Reizstoffen umgeht.\u003c\/p\u003e\n\u003cdiv class=\"section-header secondary-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eDas Geheimnis der koreanischen Haut, die niemals reizt!\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg alt=\"Heartleaf Plant\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/philodendron_cordatum_heart_leaf_PDP_02.webp?v=1747143691\"\/\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eDas Wunder von Hartliffe\u003c\/h3\u003e\n\u003cp\u003eHeartleaf (herzförmig) ist nicht nur eine gewöhnliche Zutat... dieses \u003cstrong\u003eIntegriertes Schutzsystem\u003c\/strong\u003e. Enthält potente natürliche entzündungshemmende Wirkstoffe, die Rötungen und Reizungen sofort stoppen und den gestörten pH-Wert der Haut korrigieren.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg alt=\"Ceramide\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\"\/\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eCeramide mit konzentriertem Schutz\u003c\/h3\u003e\n\u003cp\u003eLa ceramide non è una crema... questa è \u003cstrong\u003eBausteine für den Aufbau der hydrolipidischen Schutzbarriere\u003c\/strong\u003e Kondom. Wenn Ceramide verloren gehen, kommt es zu einem Feuchtigkeitsverlust und zum Eindringen von Schadstoffen. Die Anua-Creme ist reich an Ceramiden, die die Schutzbarriere wiederaufbauen und zukünftige Infektionen vollständig verhindern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg alt=\"Panthenol\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_BHAToner_1200x1200_Listing3_b3fce2a0-8095-4f85-8456-2453dbd1f4be.webp?v=1747144258\"\/\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003ePanthenol (Vitamin B5) Wunder\u003c\/h3\u003e\n\u003cp\u003ePanthenol ist ein magischer Inhaltsstoff, der tief in die Haut eindringt und zwei wichtige Dinge tut:\u003c\/p\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eBeschleunigt die Heilung beschädigter Zellen um einen Prozentsatz \u003cspan class=\"counter\" data-target=\"34\"\u003e0\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eBildet einen Reserve-Schild gegen zukünftige Irritationen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Three-Layer Theory --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eDie Theorie der \"drei Schichten\" des absoluten Schutzes\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eKlasse\u003c\/th\u003e\n\u003cth\u003eDie Rolle der Anua-Creme\u003c\/th\u003e\n\u003cth\u003eWeitere Cremes\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eäußere Schicht\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eLindert und stoppt Rötungen sofort\u003c\/td\u003e\n\u003ctd\u003eBehandeln nur die Symptome\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eMittlere Klasse\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSpendet tiefenwirksam Feuchtigkeit und verhindert Wasserverlust\u003c\/td\u003e\n\u003ctd\u003eBefeuchten vorübergehend die Oberfläche\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eInnere Schicht\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eRepariert die Zellen und stärkt die Immunität der Haut\u003c\/td\u003e\n\u003ctd\u003eErreichen diese Klasse überhaupt nicht\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!-- Results Timeline --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"results-image\"\u003e\u003cimg alt=\"Product Results\" class=\"full-width-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_HeartleafIntenseCalmingCream_2000x2200_Listing1.webp?v=1747144397\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e“Geduld ist schön... aber man muss nicht lange warten.”\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eSichtbare Ergebnishistorie bei Anwendung der Creme\u003c\/strong\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\u003eAb der ersten Anwendung\u003c\/h3\u003e\n\u003cp\u003eSofortige Linderung, weniger Rötung und weniger verstopfte Poren\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\u003eNach 3 Tagen\u003c\/h3\u003e\n\u003cp\u003eDie Reizung verschwindet und die Hautfarbe kehrt zur Normalität zurück\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\u003eNach einer Woche\u003c\/h3\u003e\n\u003cp\u003eDie Haut ist widerstandsfähiger gegen Reizstoffe und weniger empfindlich gegenüber anderen Produkten\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\u003eNach zwei Wochen\u003c\/h3\u003e\n\u003cp\u003eDie Fähigkeit der Haut, sich zu schützen, verdoppelt sich\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\u003eNach einem Monat\u003c\/h3\u003e\n\u003cp\u003eVollständige Transformation - ausgewogene und starke Haut, die von äußeren Faktoren nicht beeinflusst wird\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=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eDas ist nicht nur eine Creme... es ist ein Rettungssystem für müde Haut\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quote-box\"\u003e\n\u003cp\u003eLa fine del rossore e dell'irritazione inizia qui!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnua Heartleaf Cream ist speziell für die Haut entwickelt, die von allem müde ist. Dass deine Haut:\u003c\/p\u003e\n\u003cdiv class=\"skin-types-container\"\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eEmpfindlich und errötet wegen allem\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eTrocken und bricht bei Klimaeinflüssen\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eÖlig, glänzend und gereizt\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eGemischt und verwirrt\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eEigenschaften, die Sie in keinem anderen Produkt finden werden:\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eNicht fettende Textur\u003c\/h3\u003e\n\u003cp\u003eAbsorbiert sofort, ohne fettige oder glänzende Rückstände zu hinterlassen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eGeruchlos\u003c\/h3\u003e\n\u003cp\u003eEs gibt keine künstlichen Düfte, die die Haut reizen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eOriginal koreanische Formel\u003c\/h3\u003e\n\u003cp\u003eExtrakt von privaten Farmen in Korea\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eKompatibel mit allen Hauttypen\u003c\/h3\u003e\n\u003cp\u003eEmpfindlich gegenüber Fett\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"anua-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eDeine Haut muss auch keinen Schmerz ertragen... \u003c\/h2\u003e\n\u003cp class=\"cta-subheading\"\u003eBeruhigte Haut = mehr Vertrauen = besseres Leben\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003eBeginne heute... Die Anua Heartliffe Creme wird die beste Entscheidung sein, die du für deine Haut triffst.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eJetzt bestellen\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.anua-product-container {\n  font-family: Arial, sans-serif;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  direction: ltr;\n}\n\n.accent-text {\n  color: #9C8102;\n}\n\n.section-line {\n  height: 3px;\n  width: 80px;\n  background-color: #9C8102;\n  margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.anua-hero {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 60px;\n  gap: 30px;\n}\n\n.anua-hero-content {\n  flex: 1;\n}\n\n.anua-hero-image {\n  flex: 1;\n  text-align: center;\n}\n\n.anua-hero-content h1 {\n  font-size: 2.2rem;\n  margin-bottom: 20px;\n}\n\n.hero-subtitle {\n  font-size: 1.3rem;\n  line-height: 1.6;\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.1);\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.15);\n}\n\n\/* Section Styles *\/\n.anua-section {\n  margin-bottom: 60px;\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.secondary-header {\n  margin-top: 40px;\n}\n\n\/* Full Width Images *\/\n.full-width-image {\n  width: 100%;\n  border-radius: 10px;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n  margin: 30px 0;\n  transition: transform 0.3s ease;\n}\n\n.full-width-image:hover {\n  transform: translateY(-5px);\n}\n\n\/* Highlighted Text *\/\n.highlighted-text {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 30px;\n  margin: 30px 0;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.highlighted-text h3 {\n  margin-bottom: 15px;\n  font-size: 1.4rem;\n}\n\n\/* Ingredients Grid *\/\n.ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n  gap: 30px;\n  margin-top: 30px;\n}\n\n.ingredient-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}\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  text-align: center;\n  margin-bottom: 20px;\n}\n\n.ingredient-img {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  transition: transform 0.3s ease;\n}\n\n.ingredient-card:hover .ingredient-img {\n  transform: scale(1.03);\n}\n\n.ingredient-card h3 {\n  margin-bottom: 15px;\n  font-size: 1.4rem;\n}\n\n.ingredient-benefits {\n  list-style-type: disc;\n  padding-right: 20px;\n  margin-top: 15px;\n}\n\n.ingredient-benefits li {\n  margin-bottom: 10px;\n}\n\n\/* Table Styles *\/\n.table-container {\n  overflow-x: auto;\n  margin: 30px 0;\n}\n\n.comparison-table {\n  width: 100%;\n  border-collapse: collapse;\n  background-color: #fff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.comparison-table th {\n  background-color: #9C8102;\n  color: white;\n  text-align: left;\n  padding: 15px;\n}\n\n.comparison-table td {\n  padding: 15px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.comparison-table tr:last-child td {\n  border-bottom: none;\n}\n\n.table-row {\n  transition: background-color 0.3s ease;\n}\n\n.table-row:hover {\n  background-color: #f5f5f5;\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\/* Quote Box *\/\n.quote-box {\n  background-color: #f9f9f9;\n  border-right: 4px solid #9C8102;\n  padding: 20px;\n  margin: 30px 0;\n  font-style: italic;\n  font-size: 1.2rem;\n  position: relative;\n}\n\n.quote-box:before {\n  content: '\"';\n  position: absolute;\n  right: -15px;\n  top: 10px;\n  font-size: 3rem;\n  color: #9C8102;\n  font-family: serif;\n}\n\n\/* Skin Types *\/\n.skin-types-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 20px;\n  margin: 30px 0;\n}\n\n.skin-type-box {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 20px;\n  text-align: center;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n.skin-type-box:hover {\n  transform: translateY(-5px);\n  background-color: #f5f1e2;\n}\n\n.skin-type-box h3 {\n  color: #9C8102;\n  font-size: 1.1rem;\n}\n\n\/* Features Grid *\/\n.features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 25px;\n  margin-top: 30px;\n}\n\n.feature-card {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 25px;\n  text-align: center;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.feature-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.feature-card h3 {\n  margin-bottom: 10px;\n  font-size: 1.2rem;\n  color: #9C8102;\n}\n\n\/* CTA Section *\/\n.anua-cta {\n  text-align: center;\n  padding: 40px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.cta-heading {\n  font-size: 2rem;\n  margin-bottom: 15px;\n}\n\n.cta-subheading {\n  font-size: 1.4rem;\n  margin-bottom: 15px;\n  font-weight: bold;\n}\n\n.cta-text {\n  font-size: 1.1rem;\n  margin-bottom: 25px;\n}\n\n.cta-button {\n  padding: 15px 35px;\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  .anua-hero {\n    flex-direction: column;\n  }\n  \n  .ingredients-grid, .features-grid, .skin-types-container {\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":"Anua","offers":[{"title":"Default Title","offer_id":44719443902661,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_1.jpg?v=1747143721"},{"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":"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":"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":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"Beauty of Joseon Magic Glow Maske mit gemahlenem Reis und Honig: Reinigend, exfolierend und super aufhellend.","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  .joseon-mask-container {\n    line-height: 1.6;\n    color: #333;\n    background: #ffffff;\n    overflow: hidden;\n    direction: ltr;\n    text-align: left;\n  }\n  \n  .hero-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-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 50% 60%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: heroGlow 6s ease-in-out infinite alternate;\n  }\n  \n  .hero-title {\n    font-size: 2.4rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: #9C8102;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.2rem;\n    margin-bottom: 2rem;\n    color: white;\n    font-weight: 400;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.4s forwards;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n  \n  .video-section {\n    padding: 2rem 1.5rem;\n    text-align: center;\n    background: #fafafa;\n  }\n  \n  .product-video {\n    max-width: 600px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n    opacity: 0;\n    transform: scale(0.95);\n    animation: videoZoom 1.2s ease-out 0.5s forwards;\n    transition: all 0.4s ease;\n  }\n  \n  .product-video:hover {\n    transform: scale(1.02);\n    box-shadow: 0 30px 70px rgba(156, 129, 2, 0.3);\n  }\n  \n  .section {\n    padding: 3rem 1.5rem;\n    margin: 1rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2.5rem;\n    position: relative;\n    opacity: 0;\n    animation: titleSlide 0.8s ease-out 0.2s forwards;\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, #9C8102, #b8941a);\n    border-radius: 2px;\n    animation: lineExpand 0.8s ease-out 0.8s forwards;\n    transform: translateX(-50%) scaleX(0);\n  }\n  \n  .heritage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .heritage-layout {\n    display: grid;\n    grid-template-columns: 1fr 350px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .heritage-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .heritage-text {\n    font-size: 1rem;\n    line-height: 1.7;\n    color: #555;\n    margin-bottom: 2rem;\n  }\n  \n  .heritage-subtitle {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem 0;\n  }\n  \n  .heritage-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .heritage-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-right: 1.5rem;\n    color: #555;\n    transition: all 0.3s ease;\n  }\n  \n  .heritage-list li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .heritage-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n    height: 8px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .heritage-list li:hover::before {\n    transform: translateY(-50%) scale(1.3);\n  }\n  \n  .heritage-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .heritage-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .benefits-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .benefits-layout {\n    display: grid;\n    grid-template-columns: 350px 1fr;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .benefits-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .benefit-item {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateX(30px);\n    animation: slideInRight 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .benefit-item::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.6s ease;\n  }\n  \n  .benefit-item:hover::before {\n    left: 100%;\n  }\n  \n  .benefit-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .benefit-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .benefit-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-right: 1.5rem;\n    color: #555;\n    transition: all 0.3s ease;\n  }\n  \n  .benefit-list li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .benefit-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .benefit-list li:hover::before {\n    transform: translateY(-50%) scale(1.4);\n  }\n  \n  .benefits-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInRight 1s ease-out 0.4s forwards;\n  }\n  \n  .benefits-image:hover {\n    transform: scale(1.03) rotate(-1deg);\n  }\n  \n  .ingredients-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    position: relative;\n  }\n  \n  .ingredients-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: ingredientsGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredients-layout {\n    display: grid;\n    grid-template-columns: 1fr 320px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredients-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.08);\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    transition: all 0.4s ease;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: cardRise 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .ingredient-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #b8941a);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .ingredient-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n    border-color: rgba(156, 129, 2, 0.3);\n  }\n  \n  .ingredient-title {\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 1rem;\n    color: #ccc;\n    margin-bottom: 1.5rem;\n    font-weight: 500;\n  }\n  \n  .composition-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .composition-list li {\n    padding: 0.6rem 0;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    position: relative;\n    padding-right: 1.5rem;\n    color: #e0e0e0;\n    transition: all 0.3s ease;\n    font-size: 0.95rem;\n  }\n  \n  .composition-list li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .composition-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .composition-list li:hover::before {\n    transform: translateY(-50%) scale(1.5);\n    box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n  }\n  \n  .ingredients-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .ingredients-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .comparison-section {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .comparison-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 2rem 0;\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    opacity: 0;\n    animation: tableSlide 0.8s ease-out 0.3s forwards;\n  }\n  \n  .comparison-table th {\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    padding: 1rem;\n    font-weight: 600;\n    text-align: center;\n  }\n  \n  .comparison-table td {\n    padding: 1rem;\n    border-bottom: 1px solid #eee;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  \n  .comparison-table tr:hover td {\n    background: #f8f9fa;\n    color: #9C8102;\n  }\n  \n  .comparison-table td:first-child {\n    background: #f8f9fa;\n    font-weight: 500;\n    color: #666;\n  }\n  \n  .comparison-table td:last-child {\n    background: rgba(156, 129, 2, 0.05);\n    font-weight: 600;\n    color: #9C8102;\n  }\n  \n  .timeline-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .timeline-images {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    margin: 2rem 0;\n  }\n  \n  .timeline-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: imageFloat 1s ease-out forwards;\n  }\n  \n  .timeline-image:nth-child(1) { animation-delay: 0.2s; }\n  .timeline-image:nth-child(2) { animation-delay: 0.4s; }\n  \n  .timeline-image:hover {\n    transform: scale(1.03);\n  }\n  \n  .timeline-item {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateX(-30px);\n    animation: slideInRight 0.8s ease-out forwards;\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  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n  }\n  \n  .timeline-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .timeline-description {\n    color: #666;\n    line-height: 1.6;\n    margin-bottom: 1rem;\n  }\n  \n  .timeline-stats {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .timeline-stats li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-right: 1.5rem;\n    color: #555;\n    font-size: 0.95rem;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-stats li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .timeline-stats li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-stats li:hover::before {\n    transform: translateY(-50%) scale(1.4);\n  }\n  \n  .usage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n    border: 2px solid #9C8102;\n    margin: 2rem 1.5rem;\n    border-radius: 15px;\n  }\n  \n  .usage-steps {\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 2rem;\n    margin: 1.5rem 0;\n    border-right: 4px solid #9C8102;\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: stepRise 0.6s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .usage-step:nth-child(1) { animation-delay: 0.1s; }\n  .usage-step:nth-child(2) { animation-delay: 0.2s; }\n  .usage-step:nth-child(3) { animation-delay: 0.3s; }\n  .usage-step:nth-child(4) { animation-delay: 0.4s; }\n  \n  .usage-step::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.1), transparent);\n    transition: left 0.6s ease;\n  }\n  \n  .usage-step:hover::before {\n    left: 100%;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-3px);\n    background: white;\n    box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 35px;\n    height: 35px;\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1rem;\n    transition: transform 0.3s ease;\n  }\n  \n  .usage-step:hover .step-number {\n    transform: scale(1.2) rotate(10deg);\n  }\n  \n  .step-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 0.8rem;\n  }\n  \n  .step-content {\n    color: #555;\n    line-height: 1.6;\n  }\n  \n  .advanced-usage {\n    background: rgba(156, 129, 2, 0.05);\n    border-radius: 12px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border: 1px solid rgba(156, 129, 2, 0.2);\n  }\n  \n  .advanced-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .cta-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 1.5rem;\n    text-align: center;\n    position: relative;\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: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 800px;\n    margin: 0 auto 2rem;\n    line-height: 1.7;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .cta-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    margin: 2rem auto;\n    display: block;\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: imageZoom 1s ease-out 0.4s forwards;\n  }\n  \n  .cta-image:hover {\n    transform: scale(1.05);\n  }\n  \n  .cta-highlight {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem auto;\n    max-width: 700px;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.6s forwards;\n  }\n  \n  .ingredients-list-section {\n    background: white;\n    padding: 2rem 1.5rem;\n    border-top: 1px solid #eee;\n  }\n  \n  .ingredients-list-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    text-align: center;\n  }\n  \n  .ingredients-list {\n    text-align: center;\n    font-size: 0.85rem;\n    color: #666;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n  \n  @keyframes slideInFade {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes videoZoom {\n    0% { opacity: 0; transform: scale(0.95); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes imageZoom {\n    0% { opacity: 0; transform: scale(0.9); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes titleSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes lineExpand {\n    0% { transform: translateX(-50%) scaleX(0); }\n    100% { transform: translateX(-50%) scaleX(1); }\n  }\n  \n  @keyframes slideInRight {\n    0% { opacity: 0; transform: translateX(30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes slideInLeft {\n    0% { opacity: 0; transform: translateX(-30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes cardRise {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes tableSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes imageFloat {\n    0% { opacity: 0; transform: translateY(20px) scale(0.95); }\n    100% { opacity: 1; transform: translateY(0) scale(1); }\n  }\n  \n  @keyframes stepRise {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes heroGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @keyframes ingredientsGlow {\n    0% { opacity: 0.05; }\n    100% { opacity: 0.15; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 1.8rem;\n    }\n    \n    .heritage-layout,\n    .benefits-layout,\n    .ingredients-layout {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .heritage-image,\n    .benefits-image,\n    .ingredients-image {\n      order: -1;\n      max-width: 300px;\n      margin: 0 auto;\n    }\n    \n    .timeline-images {\n      grid-template-columns: 1fr;\n    }\n    \n    .comparison-table {\n      font-size: 0.9rem;\n    }\n    \n    .comparison-table th,\n    .comparison-table td {\n      padding: 0.8rem;\n    }\n    \n    .usage-section {\n      margin: 2rem 0.5rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-mask-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eJoseon Schönheitsmaske mit Reis und Honig\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003eAuthentisches koreanisches Erbe kombiniert mit moderner Wissenschaft für Haut, die Aufmerksamkeit erregt\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cvideo autoplay=\"\" class=\"product-video\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bc11445f95824d6eb6950c6ea63d2d23.mp4\" type=\"video\/mp4\"\/\u003e\n      Dein Browser unterstützt die Videowiedergabe nicht\n    \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDie Geschichte der Joseon-Dynastie und die koreanische Schönheit\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Vor mehr als 500 Jahren entdeckten die Frauen der Joseon-Dynastie in Korea, dass... \u003cstrong\u003eMischung aus gemahlenem Reis mit natürlichem Honig\u003c\/strong\u003e Das ist nicht nur ein Rezept, das ist echte Wissenschaft. Sie machten es nicht aus Mode, nein, es war das Ergebnis von Jahrhunderten der Experimente und Arbeit.\n        \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: Der verborgene Schatz\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Dieser koreanische Wein ist nicht nur ein Getränk, er ist \u003cstrong\u003eKomplexer Fermentationsprozess\u003c\/strong\u003e Produziert sehr seltene Bedürfnisse:\n        \u003c\/p\u003e\n\u003cul class=\"heritage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliche Kojicsäure\u003c\/strong\u003e In hohen Konzentrationen, die sonst nirgendwo zu finden sind\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFermentations-Extrakt\u003c\/strong\u003e Das, was die Alterung bekämpft\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSeltene Aminosäuren\u003c\/strong\u003e Durch lange Fermentation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliche Antioxidantien\u003c\/strong\u003e Du wirst es in gewöhnlichen Produkten nicht finden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Joseon-Schönheit betrifft nicht nur das Erbe, nein \u003cstrong\u003eEntwickelte extrem kalte Extraktionstechnologie\u003c\/strong\u003e Um all diese aktiven Inhaltsstoffe zu erhalten.\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Korean Heritage\" class=\"heritage-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_6.webp?v=1752515865\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDie Vorteile, die du wirklich spüren wirst\u003c\/h2\u003e\n\u003cdiv class=\"benefits-layout\"\u003e\n\u003cimg alt=\"Benefits\" class=\"benefits-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_4.webp?v=1752515868\"\/\u003e\n\u003cdiv class=\"benefits-content\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e1. Aufhellung, die nicht brennt\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIm Gegensatz zu chemischen Aufhellern, die die Haut verbrennen, hellt diese Maske auf \u003cstrong\u003eBequem und sicher\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojicsäure aus Makgeolli\u003c\/strong\u003e Stoppe die Produktion dunkler Farbe, ohne Schaden zu verursachen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnzyme aus natürlichem Honig\u003c\/strong\u003e Zerstört die vorhandene Pigmentierung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidantien\u003c\/strong\u003e Verhindert die Bildung neuer Flecken\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZellregeneration\u003c\/strong\u003e Warum die neuen Schichten besser aussehen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e2. Intelligentes Peeling\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDieses Peeling ist nicht zufällig, es ist \u003cstrong\u003eIntelligentes System\u003c\/strong\u003e Wirkt auf 3 Ebenen:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eErste Ebene\u003c\/strong\u003e: Reis-Pulver entfernt abgestorbene Zellen von oben\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZweites Level\u003c\/strong\u003eHonigenzyme lösen eingebrannte Verschmutzungen auf\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDritte Stufe\u003c\/strong\u003e: Die Fermentationssäuren werden von innen heraus gemildert\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. Lang anhaltende Feuchtigkeit\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDer Honig in dieser Maske ist nicht nur ein Feuchtigkeitsspender \u003cstrong\u003eIntelligentes Befeuchtungssystem\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eZieht Feuchtigkeit an\u003c\/strong\u003e Von der Luft auf deine Haut\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHält das Wasser zurück\u003c\/strong\u003e In den tiefen Hautschichten\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÖle regulieren\u003c\/strong\u003e Verstopft die Poren nicht\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eErstelle eine Schutzbarriere.\u003c\/strong\u003e Bevorzugt Stunden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. Bekämpfe Pickel auf intelligente Weise\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEine einzigartige Kombination aus Substanzen, die Bakterien bekämpfen und die Haut beruhigen\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntimikrobielle Eigenschaften des Honigs\u003c\/strong\u003e Bekämpft die Pickel verursachenden Bakterien\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKaolinton\u003c\/strong\u003e Absorbiert überschüssige Öle, aber nicht alle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFermentations-Extrakt\u003c\/strong\u003e Erhält das Gleichgewicht der nützlichen Bakterien\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliche erfrischende Wirkung\u003c\/strong\u003e Lindert die Entzündung und Rötung die ganze Zeit\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!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDiese Inhaltsstoffe wirst du nirgendwo anders finden\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-layout\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eMakgeolli-Stärke-Extrakt\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eDie Wissenschaft hinter der Geschichte\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n            Der koreanische Fermentationsprozess dauert \u003cstrong\u003e21-30 Tage unter besonderen Umständen\u003c\/strong\u003eDas Ergebnis sind Rückstände, die Folgendes enthalten:\n          \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eKomplexe chemische Zusammensetzung:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: Das stärkste verfügbare natürliche Aufhellungsmittel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: Natürliche Anti-Aging-Wirkung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003eFür ein sanftes Peeling\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliche Ceramide (1,2%)\u003c\/strong\u003e: Stärkung der Hydrolipidbarriere\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSeltene Aminosäuren (18 Arten)\u003c\/strong\u003e: Für eine tiefe Ernährung\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eReiskleiepulver\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eKein Abblättern\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003ePräzise berechnete Eigenschaften:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePartikelgröße: 50-100 Mikron\u003c\/strong\u003e - Perfekt abgestimmt für eine sanfte Peeling\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNormale runde Form\u003c\/strong\u003e Damit sie nicht kratzt oder sich reizt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliche Sebumaufnahme\u003c\/strong\u003e Reinigt, ohne auszutrocknen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eausbalancierter pH-Wert (5,5-6,0)\u003c\/strong\u003e Wie die natürliche Säure der Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eWas drin ist, ist nützlich:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliches Vitamin E (15mg\/100g))\u003c\/strong\u003e: Ein starkes Antioxidans\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEssentielle Fettsäuren (8 Typen))\u003c\/strong\u003e: Nährt und repariert\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpurenelemente (Selen, Zink)\u003c\/strong\u003e: stimuliert die Erneuerung\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNatürlicher Honig 5%\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eMehr als nur ein Dessert\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eAktive Enzyme:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Produziert ein natürliches Desinfektionsmittel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: Schützt vor freien Radikalen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: Verbesserung der Nährstoffaufnahme\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eAntibakterielle Materialien:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003eWissenschaftlich nachgewiesene antibakterielle Kraft\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003eFlavonoid: entzündungshemmend\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: Ein natürliches Antibiotikum\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Ingredients\" class=\"ingredients-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.webp?v=1752515868\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eEhrlicher Vergleich: Warum dies besser ist als das, was auf dem Markt ist?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eIm Vergleich zu gewöhnlichen Tonmasken\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eGewöhnliche Masken\u003c\/th\u003e\n\u003cth\u003eJoseon Schönheitsmaske\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eGemischte Tonerde, nicht rein\u003c\/td\u003e\n\u003ctd\u003eKaolintonerde 99,2% rein\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTrocknet die Haut stark aus\u003c\/td\u003e\n\u003ctd\u003eAusgeglichene Feuchtigkeit mit Honig\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eReinigung von oben\u003c\/td\u003e\n\u003ctd\u003eTiefenreinigung + nährend\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNur 3-5 Inhaltsstoffe\u003c\/td\u003e\n\u003ctd\u003eKomplexe Formel mit über 25 Inhaltsstoffen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eIm Austausch für chemische Peeling-Masken\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eChemisches Peeling\u003c\/th\u003e\n\u003cth\u003eReis- und Honigmaske\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIndustriesäuren brennen\u003c\/td\u003e\n\u003ctd\u003eSanfte natürliche Säuren\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eReizung und Empfindlichkeit\u003c\/td\u003e\n\u003ctd\u003eBeruhigend und entzündungshemmend\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchnelle Ergebnisse, aber vorübergehend\u003c\/td\u003e\n\u003ctd\u003eMan bevorzugt eine allmähliche Verbesserung\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIch brauche eine Erholungsphase\u003c\/td\u003e\n\u003ctd\u003eSicher für den normalen Gebrauch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eIm Vergleich zu gewöhnlichen Feuchtigkeitsmasken\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eNormale Feuchtigkeitscremes\u003c\/th\u003e\n\u003cth\u003eMaske mit Honig und Reis\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVorübergehende Feuchtigkeit 2-4 Stunden\u003c\/td\u003e\n\u003ctd\u003eFeuchtigkeitsspender, der 12-24 Stunden hält\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSilikone und synthetische Materialien\u003c\/td\u003e\n\u003ctd\u003eAktive natürliche Feuchtigkeitscremes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNur eine Wirkung\u003c\/td\u003e\n\u003ctd\u003e6 Effekte gleichzeitig\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEs lagert sich auf der Haut ab\u003c\/td\u003e\n\u003ctd\u003eVollständige Aufnahme ohne Rückstände\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDie Reise von der ersten Anwendung bis zu dem Zeitpunkt, an dem sich deine Haut vollständig verändert\u003c\/h2\u003e\n\u003cdiv class=\"timeline-images\"\u003e\n\u003cimg alt=\"Before Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_7.webp?v=1752515866\"\/\u003e\n\u003cimg alt=\"After Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.jpg?v=1752515867\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eDie ersten zwei Stunden: was Sie sofort fühlen werden\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eWas passiert mit deiner Haut in den ersten 2-4 Stunden:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSteigerung der Feuchtigkeit um 65%\u003c\/strong\u003e (gemessen mit speziellen Geräten)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWeichheit um 40 % verbessert\u003c\/strong\u003e (Man fühlt es, wenn man die Haut berührt)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduzierung der Rötung um 25%\u003c\/strong\u003e (klar im Spiegel)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDie Strahlkraft um 15% erhöhen\u003c\/strong\u003e (Die Menschen werden es bemerken)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003eWas passiert im Inneren:\u003c\/strong\u003e Honig funktioniert \u003cstrong\u003eEine dünne Schicht natürlicher Feuchtigkeit\u003c\/strong\u003e Auf der Haut regt der Makgeolli-Extrakt an \u003cstrong\u003eKollagenproduktion\u003c\/strong\u003e Von den ersten Stunden.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eDie erste Woche: die Erneuerung beginnt\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eVeränderungen, die auftreten:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eDie Zellregeneration um 30 % beschleunigen\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% Verbesserung der Stärke der äußeren Schicht\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduziert den Wasserverlust der Haut um 35 %\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eL'inizio della nuova formazione di collagene\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eWas wirst du sehen:\u003c\/strong\u003e Die Haut ist beim Anfassen weicher, es gibt eine deutliche Verringerung der Rauheit beim Anfassen, die natürliche Strahlkraft nimmt jeden Tag zu und die kleinen Poren beginnen sich zu verbessern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eDer erste Monat: eine klare Verwandlung\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eGroße Verbesserungen:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDie Hautdicke um 8% erhöhen\u003c\/strong\u003e (gemessen mittels Ultraschall)\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eVerbessert die Elastizität der Haut um 25%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReduziert die Tiefe feiner Linien um 15%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% Verbesserung der Farbverteilung\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eDas, was du mit eigenen Augen sehen wirst:\u003c\/strong\u003e Dunkle Flecken werden nach und nach heller, die Poren erscheinen kleiner und weniger sichtbar, die Textur bleibt weicher und gleichmäßiger, und die Ausstrahlung bleibt für die Menschen sichtbar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eDrei Monate: vollständige Transformation\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eEndergebnisse:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eErhöht das Kollagen um 40%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eum 45% verbesserte Hydrolipid-Barriere\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e35% weniger Pigmentierung\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePorengröße um 20% reduzieren\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eDie Transformation, die du sehen wirst:\u003c\/strong\u003e Hellere und strahlendere Haut als je zuvor, eine radikale Verbesserung der Farb- und Texturuniformität, ein jüngeres und gesünderes Aussehen und mehr Vertrauen in das natürliche Aussehen ohne Make-up.\u003c\/p\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\"\u003eTrage die Maske wie ein Profi auf\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eDie richtige Art, es zu benutzen\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eDie Vorbereitung ist wichtig\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eReinige die Haut gründlich und lasse sie vollständig trocknen\u003c\/li\u003e\n\u003cli\u003eDie Haut bei Raumtemperatur lassen (weder warm noch kalt))\u003c\/li\u003e\n\u003cli\u003eToner niemals vor der Maske verwenden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eProfessionelle Anwendung\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eVerwenden Sie einen sauberen Pinsel oder Spachtel für die Maske (nicht mit den Händen berühren).\u003c\/li\u003e\n\u003cli\u003eTrage eine mittlere Schicht (2-3 mm) mit Aufwärtsbewegungen auf\u003c\/li\u003e\n\u003cli\u003eLass 5 mm um die Augen und die Lippen\u003c\/li\u003e\n\u003cli\u003eStelle sicher, dass die Verteilung gleichmäßig ist, besonders auf Nase und Kinn\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eExakte Wartezeit\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e15 Minuten für empfindliche Haut\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e18 Minuten für normale Haut\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 Minuten für fettige Haut\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eLass es nicht komplett trocknen (es sollte noch ein wenig feucht sein)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eIntelligentes Ausspülen\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eBeginnen Sie mit warmem Wasser (nicht kalt oder heiß)).\u003c\/li\u003e\n\u003cli\u003eMit sanften kreisenden Bewegungen 30 Sekunden lang massieren\u003c\/li\u003e\n\u003cli\u003eZum Schluss mit kaltem Wasser abspülen, um die Poren zu schließen\u003c\/li\u003e\n\u003cli\u003eMit sanften Tupfen trocknen, nicht reiben\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"advanced-usage\"\u003e\n\u003ch3 class=\"advanced-title\"\u003eFortgeschrittene Methode: professionelle Währung\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003eUm außergewöhnliche Ergebnisse zu erzielen:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIntensive Vorbereitung:\u003c\/strong\u003e Verwenden Sie sanften Dampf für 2-3 Minuten, um die Poren zu öffnen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchichtanwendung:\u003c\/strong\u003e Die erste Schicht ist sehr dünn, sie wird in 5 Minuten einziehen, dann ist die zweite Schicht mittel dick\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMotivation während des Wartens:\u003c\/strong\u003e Die angespannten Bereiche sanft massieren und Techniken der tiefen Atmung anwenden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEs geht nicht nur darum, ein Produkt zu kaufen... das ist eine Investition in die Zukunft deiner Haut\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cimg alt=\"Beauty of Joseon Mask\" class=\"cta-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_2.webp?v=1752515866\"\/\u003e\n\u003cp class=\"cta-text\"\u003e\n      In einer Welt voller leerer Versprechen und gewöhnlicher Marketingprodukte ist diese Beauty of Joseon Maske eine echte Investition in die Gesundheit und Schönheit deiner Haut. \u003cstrong\u003eJedes Pfund, das du hier ausgibst, wird dir morgen Dutzende Pfund sparen\u003c\/strong\u003e Behandlungen und Verfahren zur Reparatur dessen, was beschädigt wurde.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eDie Frage ist nicht „Soll ich es kaufen oder nicht?“ Die Frage lautet: „Wie viel wird mich meine Haut kosten, wenn ich jetzt nicht darauf achte?“\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n     Bestelle es jetzt\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eVollständige Zutatenliste\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eWater, Kaolin, Honey, Glycerin, Propanediol, Dipropylene Glycol, Oryza Sativa (Rice) Hull Powder, Isononyl Isononanoate, 1,2-Hexanediol, Cetyl Alcohol, Caprylic\/Capric Triglyceride, Polyglyceryl-3 Methylglucose Distearate, Glyceryl Stearate, Butylene Glycol, Oryza Sativa (Rice) Bran, Oryza Sativa (Rice) Lees Extract, Oryza Sativa (Rice) Extract, Honey Extract, Bentonite, Palmitic Acid, Stearic Acid, Behenyl Alcohol, Cellulose, Zea Mays (Corn) Starch, Xanthan Gum, Hydroxyacetophenone, Potassium Cetyl Phosphate, Ethylhexylglycerin, Polyacrylate-13, Hydrogenated Polyisobutene, Sodium Phytate, Polyglyceryl-10 Laurate, Ethylhexyl Palmitate, Sorbitan Isostearate, Menthyl Lactate\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n      Joseon Schönheitsmaske mit Reis und Honig - authentisches koreanisches Erbe kombiniert mit moderner Wissenschaft für eine wahre Verwandlung der Schönheit deiner Haut\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all interactive elements\n  const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item, .usage-step');\n  \n  interactiveElements.forEach(element =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n    });\n  });\n\n  \/\/ Smooth parallax effect for background elements\n  let ticking = false;\n  \n  function updateParallax() {\n    const scrolled = window.pageYOffset;\n    const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n    \n    \/\/ Smooth background movement\n    backgrounds.forEach((bg, index) =\u003e {\n      const speed = 0.02 + (index * 0.01);\n      const yPos = -(scrolled * speed);\n      if (bg.style) {\n        bg.style.transform = `translateY(${yPos}px)`;\n      }\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateParallax);\n      ticking = true;\n    }\n  }\n  \n  \/\/ Optimized scroll listener\n  let scrollTimeout;\n  window.addEventListener('scroll', function() {\n    if (scrollTimeout) {\n      clearTimeout(scrollTimeout);\n    }\n    scrollTimeout = setTimeout(requestTick, 10);\n  }, { passive: true });\n\n  \/\/ Enhanced ingredient card interactions\n  const ingredientCards = document.querySelectorAll('.ingredient-card');\n  ingredientCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n      \n      const listItems = this.querySelectorAll('.composition-list li');\n      listItems.forEach((item, i) =\u003e {\n        setTimeout(() =\u003e {\n          item.style.color = '#f0f0f0';\n          item.style.paddingRight = '2rem';\n        }, i * 50);\n      });\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.08)';\n      this.style.borderColor = 'rgba(255,255,255,0.1)';\n      \n      const listItems = this.querySelectorAll('.composition-list li');\n      listItems.forEach(item =\u003e {\n        item.style.color = '#e0e0e0';\n        item.style.paddingRight = '1.5rem';\n      });\n    });\n  });\n\n  \/\/ Usage steps with enhanced interactions\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      const stepNumber = this.querySelector('.step-number');\n      if (stepNumber) {\n        stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n        stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n      }\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      const stepNumber = this.querySelector('.step-number');\n      if (stepNumber) {\n        stepNumber.style.transform = 'scale(1) rotate(0deg)';\n        stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n      }\n    });\n  });\n\n  \/\/ Dynamic text glow effects\n  const titles = document.querySelectorAll('.hero-title, .section-title');\n  titles.forEach(title =\u003e {\n    title.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    title.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Heritage and benefit list interactions\n  const lists = document.querySelectorAll('.heritage-list, .benefit-list, .timeline-stats');\n  lists.forEach(list =\u003e {\n    const items = list.querySelectorAll('li');\n    items.forEach(item =\u003e {\n      item.addEventListener('mouseenter', function() {\n        this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n        this.style.borderRadius = '5px';\n      });\n      \n      item.addEventListener('mouseleave', function() {\n        this.style.backgroundColor = 'transparent';\n      });\n    });\n  });\n\n  \/\/ Timeline items enhanced interactions\n  const timelineItems = document.querySelectorAll('.timeline-item');\n  timelineItems.forEach(item =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.borderRightColor = '#b8941a';\n      this.style.borderRightWidth = '6px';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.borderRightColor = '#9C8102';\n      this.style.borderRightWidth = '4px';\n    });\n  });\n\n  \/\/ Comparison table row highlighting\n  const tableRows = document.querySelectorAll('.comparison-table tr');\n  tableRows.forEach(row =\u003e {\n    row.addEventListener('mouseenter', function() {\n      if (!this.querySelector('th')) {\n        this.style.background = 'rgba(156, 129, 2, 0.1)';\n      }\n    });\n    \n    row.addEventListener('mouseleave', function() {\n      if (!this.querySelector('th')) {\n        this.style.background = '';\n      }\n    });\n  });\n\n  \/\/ Video hover effects\n  const video = document.querySelector('.product-video');\n  if (video) {\n    video.addEventListener('mouseenter', function() {\n      this.style.filter = 'brightness(1.1)';\n    });\n    \n    video.addEventListener('mouseleave', function() {\n      this.style.filter = 'brightness(1)';\n    });\n  }\n\n  \/\/ Advanced usage section interaction\n  const advancedUsage = document.querySelector('.advanced-usage');\n  if (advancedUsage) {\n    advancedUsage.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(156, 129, 2, 0.08)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.01)';\n    });\n    \n    advancedUsage.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(156, 129, 2, 0.05)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.2)';\n      this.style.transform = 'scale(1)';\n    });\n  }\n\n  \/\/ Smooth image loading enhancement\n  const images = document.querySelectorAll('img');\n  images.forEach(img =\u003e {\n    img.addEventListener('load', function() {\n      this.style.opacity = '1';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Performance optimization: debounced resize handler\n  let resizeTimeout;\n  window.addEventListener('resize', function() {\n    if (resizeTimeout) {\n      clearTimeout(resizeTimeout);\n    }\n    resizeTimeout = setTimeout(() =\u003e {\n      \/\/ Recalculate any size-dependent animations\n      const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item');\n      cards.forEach(card =\u003e {\n        card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n      });\n    }, 250);\n  });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44902275416261,"sku":null,"price":1500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_5.webp?v=1752515866"},{"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":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon Relief Sun: Rice + Probiotics Leichte Sonnencreme SPF 50+ PA++++ (Nicht fettende Feuchtigkeitspflege mit B5))","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Premium Arabic Font === *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n        \/* === Core Variables (Dark Mode) === *\/\n        .aqua-relief-wrapper {\n            --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n            --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n            --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n            --aqua-primary: #5cb8e4;\n            --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n            --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n            --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n            --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n            --gold-accent: #d4af37;\n            --text-main: #f8fafc; \/* Near white for dark mode *\/\n            --text-muted: #94a3b8; \/* Light slate gray *\/\n            --border-glass: rgba(92, 184, 228, 0.2);\n            --glow-aqua: rgba(56, 189, 248, 0.25);\n            \n            background-color: var(--aqua-bg-base);\n            color: var(--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: 0 0 60px 0;\n            border-radius: 24px;\n            box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .aqua-relief-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .aqua-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Typography Utilities === *\/\n        .aqua-text-gradient {\n            background: var(--aqua-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n            text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n        }\n\n        .aqua-section-title {\n            font-size: clamp(26px, 4vw, 38px);\n            font-weight: 900;\n            text-align: center;\n            margin: 80px 0 20px;\n            color: #ffffff; \/* White for better visibility *\/\n            position: relative;\n        }\n\n        .aqua-section-subtitle {\n            text-align: center;\n            font-size: clamp(16px, 2vw, 18px);\n            color: var(--text-muted);\n            max-width: 700px;\n            margin: 0 auto 50px;\n            font-weight: 500;\n        }\n\n        \/* === Ambient Background === *\/\n        .aqua-ambient {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0;\n            pointer-events: none;\n            overflow: hidden;\n        }\n        \n        .aqua-glow-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(80px);\n            opacity: 0.5;\n            animation: orbDrift 15s infinite alternate ease-in-out;\n        }\n\n        .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n        .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n        @keyframes orbDrift {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(-30px, 50px) scale(1.1); }\n        }\n\n        \/* === Hero Section === *\/\n        .aqua-hero {\n            position: relative;\n            padding: 80px 20px 40px;\n            text-align: center;\n            background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n            border-bottom: 1px solid var(--border-glass);\n        }\n\n        .aqua-hero-icon {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            width: 80px;\n            height: 80px;\n            margin-bottom: 20px;\n            animation: float 3s ease-in-out infinite;\n            filter: drop-shadow(0 5px 15px var(--glow-aqua));\n            color: var(--aqua-primary);\n            font-size: 40px;\n            font-weight: 900;\n            font-family: system-ui, sans-serif;\n            background: var(--aqua-bg-card); \/* Darker background *\/\n            border-radius: 50%;\n            box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .aqua-main-title {\n            font-size: clamp(32px, 5vw, 52px);\n            font-weight: 900;\n            margin-bottom: 25px;\n            line-height: 1.3;\n            letter-spacing: -0.5px;\n            color: #ffffff;\n        }\n\n        .aqua-hero-subtitle-text {\n            font-size: clamp(16px, 2.5vw, 20px);\n            color: var(--text-main);\n            max-width: 800px;\n            margin: 0 auto 40px;\n            line-height: 1.8;\n            font-weight: 500;\n        }\n\n        \/* === Video \u0026 Image Wrappers === *\/\n        .aqua-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto;\n            perspective: 1000px;\n            display: block;\n        }\n\n        .aqua-media-wrapper.size-lg { max-width: 850px; }\n        .aqua-media-wrapper.size-md { max-width: 700px; }\n        .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n        .aqua-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n            border: 2px solid var(--border-glass); \/* Subtler border *\/\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n            object-fit: cover;\n        }\n\n        \/* === Glass Cards \u0026 Grids === *\/\n        .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n        .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n        .aqua-glass-card {\n            background: var(--aqua-bg-card);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid var(--border-glass);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            text-align: left;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0;\n            width: 4px; height: 100%;\n            background: var(--aqua-gradient);\n            opacity: 0;\n            transition: 0.4s ease;\n        }\n\n        .aqua-glass-card:hover {\n            transform: translateY(-8px);\n            background: var(--aqua-bg-card-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n            border-color: var(--aqua-primary);\n        }\n\n        .aqua-glass-card:hover::before { opacity: 1; }\n\n        .aqua-card-title {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 12px;\n            font-weight: 800;\n        }\n\n        .aqua-card-desc {\n            color: var(--text-muted);\n            font-size: 1rem;\n            line-height: 1.7;\n        }\n\n        \/* === Impact Highlight Section === *\/\n        .aqua-impact-wrapper {\n            background: var(--pearl-gradient);\n            padding: 60px 40px;\n            margin: 60px 0;\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n            text-align: center;\n        }\n\n        \/* === Icons === *\/\n        .aqua-icon-badge {\n            width: 60px; height: 60px;\n            background: var(--aqua-light);\n            border: 1px solid var(--border-glass);\n            border-radius: 16px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--aqua-dark);\n            transition: 0.4s ease;\n            font-size: 24px;\n            font-weight: 900;\n            font-family: system-ui, sans-serif;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card:hover .aqua-icon-badge {\n            background: var(--aqua-gradient);\n            color: white;\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        \/* === Timeline === *\/\n        .aqua-timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px 0;\n        }\n\n        .aqua-timeline::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 50%;\n            width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n            transform: translateX(50%);\n        }\n\n        .aqua-timeline-item {\n            display: flex;\n            justify-content: flex-end;\n            padding-left: 50%;\n            position: relative;\n            margin-bottom: 30px;\n        }\n\n        .aqua-timeline-item:nth-child(even) {\n            justify-content: flex-start;\n            padding-left: 0;\n            padding-right: 50%;\n        }\n\n        .aqua-timeline-content {\n            width: 90%;\n            background: var(--aqua-bg-card);\n            border: 1px solid var(--border-glass);\n            padding: 25px;\n            border-radius: 16px;\n            position: relative;\n            transition: all 0.3s;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n        }\n\n        .aqua-timeline-content:hover {\n            border-color: var(--aqua-primary);\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n        }\n\n        .aqua-timeline-badge {\n            position: absolute;\n            top: 25px; right: -6.5%;\n            width: 14px; height: 14px;\n            background: var(--aqua-bg-base);\n            border: 3px solid var(--aqua-primary);\n            border-radius: 50%;\n            z-index: 2;\n            box-shadow: 0 0 10px var(--glow-aqua);\n        }\n\n        .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n            right: auto;\n            left: -6.5%;\n        }\n\n        .aqua-time-label {\n            color: var(--aqua-dark);\n            font-weight: 800;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n            display: inline-block;\n            background: var(--aqua-light);\n            padding: 4px 15px;\n            border-radius: 20px;\n        }\n\n        \/* === Comparison Section === *\/\n        .aqua-comparison-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin: 40px 0;\n        }\n\n        .aqua-comp-card {\n            background: var(--aqua-bg-card);\n            padding: 30px;\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        .aqua-comp-card.premium {\n            border: 2px solid var(--aqua-primary);\n            background: var(--pearl-gradient);\n            transform: scale(1.02);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n        }\n\n        .aqua-comp-list { list-style: none; padding: 0; }\n        .aqua-comp-item {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            color: var(--text-muted);\n        }\n        .aqua-comp-item:last-child { border-bottom: none; }\n        \n        .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n        .aqua-check-icon {\n            width: 24px; height: 24px;\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-weight: bold; font-size: 14px;\n            color: white; flex-shrink: 0;\n        }\n        .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n        .aqua-check-premium { background: var(--aqua-gradient); }\n\n        \/* === CTA Section === *\/\n        .aqua-cta {\n            text-align: center;\n            margin-top: 80px;\n            padding: 60px 30px;\n            background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n        }\n\n        .aqua-btn-primary {\n            display: inline-block;\n            background: var(--aqua-gradient);\n            background-size: 200% auto;\n            color: white;\n            padding: 18px 45px;\n            border-radius: 40px;\n            font-size: 1.2rem;\n            font-weight: 900;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: 0.5s ease;\n            box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n            margin-top: 30px;\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .aqua-btn-primary:hover {\n            background-position: right center;\n            transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n        }\n\n        \/* === Animations === *\/\n        .aqua-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        .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n        .delay-3 { transition-delay: 0.3s; }\n\n        @media (max-width: 768px) {\n            .aqua-timeline::before { right: 20px; transform: none; }\n            .aqua-timeline-item { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n            .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; }\n            .aqua-timeline-content { width: 100%; }\n            .aqua-timeline-badge { right: 14px; top: 25px; }\n            .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n            \n            .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n            .aqua-hero { padding: 50px 15px 20px; }\n            .aqua-cta { padding: 40px 20px; }\n            .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n            .aqua-media-wrapper { padding: 0 10px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"aqua-ambient\"\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\/\u003e\u003cspan class=\"aqua-text-gradient\"\u003eKoreanische Sonnenschutzcreme\u003c\/span\u003e Was wird dich wieder die Sonne lieben lassen\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n                Stellen Sie sich eine Sonnencreme mit einer wässrigen Textur vor, die in wenigen Sekunden verschwindet und 30 % Reiskernwasser enthält, das die Haut koreanischer Stars außergewöhnlich macht, und mit 5 fortschrittlichen Schutzfiltern. Schützt, spendet Feuchtigkeit, strahlt und pflegt - 4 Produkte in einem.\n            \u003c\/p\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n\u003cvideo autoplay=\"\" class=\"aqua-product-media\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\/\u003e\n                    Ihr Browser unterstützt die Videowiedergabe nicht.\n                \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003c!-- 2. Features Showcase --\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\" style=\"margin-top: 60px;\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eDie wässrige Textur verschwindet in wenigen Sekunden\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eEs ist nicht wie eine normale Sonnencreme, es ist eine sehr leichte Formel, die sofort von der Haut aufgenommen wird.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e30% Reiskornwasser\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDas Schönheitsgeheimnis des alten Koreas, um die Haut tiefgehend zum Strahlen zu bringen und zu befeuchten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eOhne Weißlichkeit oder Fettigkeit\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eAuch für fettige Haut, hinterlässt keine störenden weißen Rückstände oder unerwünschten Glanz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e5 fortschrittliche Schutzfilter\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDer stärkste Schutz in der Region gegen alle Arten schädlicher Strahlen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e4 Produkte in einem\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eStarker Schutz + tiefe Feuchtigkeit + Aufhellung von Flecken + Behandlung der hydrolipidischen Barriere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Pain Point Highlight --\u003e\n\u003cdiv class=\"aqua-impact-wrapper aqua-reveal\"\u003e\n\u003ch2 class=\"aqua-section-title\" style=\"margin-top: 0; font-size: 1.8rem;\"\u003eDu hast viele Sonnenschutzmittel ausprobiert... und aufgrund des großen Unbehagens hast du beschlossen, die Sonne deine Haut verschlingen zu lassen?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n                Wenn du genug von Sonnenschutzcremes hast, die die Haut weiß machen, oder die die Haut fettig und klebrig machen, oder die dich nicht wirklich vor der Sonne schützen...\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; border: 2px solid var(--aqua-primary); display: inline-block;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003eRelief Sun Aqua Fresh wird Ihre Vorstellung vollständig verändern\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eSchon bei der ersten Anwendung spürt man, dass man ein Feuchtigkeitsserum aufträgt, keine Sonnencreme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Rice Water Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e30% Reiswassersamen - das Geheimnis der koreanischen Schönheit\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eWas dazu führt, dass ein Inhaltsstoff den Preis eines ganzen Sonnenschutzmittels wert ist?\u003c\/p\u003e\n\u003cdiv class=\"aqua-glass-card aqua-reveal\" style=\"max-width: 900px; margin: 0 auto; text-align: left;\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Reiswassersamenwasser in Relief Sun\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003eEin uraltes Geheimnis von Tausenden von Jahren\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eDas Reiskornwasser ist nicht nur eine gewöhnliche Zutat... Das ist das Geheimnis der koreanischen Schönheit, das asiatische Stars von ihren Familien erben.\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eDie teuerste Komponente in der Zusammensetzung:\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Es wird auf besondere Weise extrahiert, die seine Vorteile bewahrt.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 30% sehr hohe Konzentration - der höchste Prozentsatz in einer Sonnencreme.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 10-mal stärkere Antioxidantien als Vitamin C.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eWas es deiner Haut tun wird?\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Deine Haut gewinnt in wenigen Wochen ihren natürlichen Glanz zurück.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Es hellt dunkle Flecken auf und vereinheitlicht deren Farbe.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Spendet tiefenwirksam Feuchtigkeit bis zu 7 Schichten.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 5 Filters Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5 fortschrittliche Schutzfilter - ein komplettes Team gegen die Sonne\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eIn einer Zeit, in der alle vorbeugenden Produkte einen Filter bieten, bietet diese Creme fünf!\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEthylhexyl Triazone\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDer erste Schutz: Er absorbiert die Strahlen und verwandelt sie in unschädliche Wärme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl XL\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDer vollständige Kämpfer: schützt mit 99% Effizienz gegen UVA und UVB.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl SX\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eSpezialist: richtet sich auf die Strahlen, die die Hautalterung verursachen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eUvinul A Plus\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eTiefenschutz: Bekämpft Strahlen, die in die tiefen Hautschichten eindringen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eTinosorb S\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDer ultimative Schutzschild: doppelter Schutz und langanhaltende Stabilität auf der Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-reveal\" style=\"text-align: center; margin-top: 30px;\"\u003e\n\u003cspan style=\"display: inline-block; background: var(--aqua-gradient); color: white; padding: 10px 25px; border-radius: 20px; font-weight: bold;\"\u003eErgebnis: Lichtschutzfaktor SPF 57,9 + PA++++ UVA PF 19,3 - höher als auf der Verpackung angegeben!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eVeränderungsweg - beobachte, wie sich deine Haut jeden Tag verbessert\u003c\/h2\u003e\n\u003cdiv class=\"aqua-timeline aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eErster Tag\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eDie erste Überraschung\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Sofortiger Schutz ab der ersten Anwendung.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Ein Gefühl von Frische und tiefer Feuchtigkeit.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Eine wässrige Textur, die verschwindet ohne fettigen Effekt.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eNach einer Woche\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eL'inizio dolce\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Die Haut ist weicher und strahlender.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Reduziert überschüssigen Glanz bei fettiger Haut.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Deutliche Verbesserung der Hautstruktur.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eNach einem Monat\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eDie Ergebnisse sprechen\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Helle Strahlkraft und einheitlicher Hautton.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Dunkle Flecken beginnen zu verschwinden.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Stärkere und widerstandsfähigere Haut.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Comparison Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eIm Vergleich zu jeder anderen Sonnencreme – der Unterschied ist deutlich\u003c\/h2\u003e\n\u003cdiv class=\"aqua-comparison-grid aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-comp-card\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center; color: var(--text-muted);\"\u003eRegelmäßiger Sonnenschutz (100 Pfund)\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Nur normaler Schutz\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Ölige oder weiß transparente Textur\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Gewöhnliche chemische Komponenten\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Es gibt keine zusätzlichen Vorteile\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Ergebnis: nur vorübergehender Schutz\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-comp-card premium\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center;\"\u003eRelief Sun Aqua Fresh\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Starker Schutz + Feuchtigkeit + Behandlung + Schönheit\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Luxuriöse wässrige Textur, die mit der Zeit verschwindet\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Seltene und teure natürliche Zutaten\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Kontinuierliche Verbesserung der Hautqualität\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Das Ergebnis: eine Investition in die Schönheit und Gesundheit deiner Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. CTA Section --\u003e\n\u003cdiv class=\"aqua-cta aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Investiere jetzt in den Schutz deiner Haut\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_4.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"aqua-main-title\"\u003eDie Entscheidung von heute wird die Form deiner Haut morgen bestimmen\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n                Die Sonne ist der größte Feind deiner Haut, die Hauptursache für vorzeitige Hautalterung und die erste Ursache für Pigmentierung und Flecken. Wirst du zulassen, dass die Sonne deine Haut angreift, oder wirst du in den Schutz mit einem Pflegeprodukt investieren, das sie jeden Tag verbessert?\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eLa decisione giusta è chiara!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eBestelle es jetzt... und investiere in die Zukunft deiner Haut\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.aqua-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('aqua-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            \/\/ Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.aqua-tilt-card');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.aqua-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -5;\n                        const rotateY = ((x - centerX) \/ centerX) * 5;\n                        \n                        media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44946572411077,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1753601938"},{"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"},{"product_id":"skin-1004-probio-cica-bakuchiol-eye-cream","title":"SKIN1004 Augencreme gegen Falten und Augenringe mit Bakuchiol und Probio Cica","description":"\u003cdiv class=\"eye-cream-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .eye-cream-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: #fafafa;\n      position: relative;\n    }\n\n    .eye-cream-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Simple floating background *\/\n    .eye-cream-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 20% 30%, rgba(156, 129, 2, 0.02) 2px, transparent 2px),\n        radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.03) 1px, transparent 1px);\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3em;\n      font-weight: 900;\n      margin-bottom: 40px;\n      text-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(40px);\n      animation: fadeInUp 1.5s ease-out forwards;\n      position: relative;\n      letter-spacing: -0.02em;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -15px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 100px;\n      height: 3px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 50%, transparent 100%);\n      animation: lineExpand 2s ease-out 1s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 600px;\n      height: auto;\n      margin: 40px auto;\n      display: block;\n      border-radius: 20px;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n      opacity: 0;\n      transform: scale(0.9);\n      animation: scaleIn 1.5s ease-out 0.5s forwards;\n      transition: transform 0.3s ease;\n    }\n\n    .hero-image:hover {\n      transform: scale(1.02);\n    }\n\n    .intro-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 100%);\n      color: white;\n      padding: 50px;\n      border-radius: 20px;\n      margin: 60px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 1s forwards;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    }\n\n    .intro-title {\n      color: #f4e4a6;\n      font-size: 2.5em;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 10px rgba(244, 228, 166, 0.5);\n    }\n\n    .intro-text {\n      font-size: 1.2em;\n      line-height: 1.8;\n      opacity: 0.95;\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 30px;\n      margin: 50px 0;\n      padding: 0 20px;\n    }\n\n    .benefit-card {\n      background: white;\n      padding: 30px;\n      border-radius: 15px;\n      text-align: center;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 0.3s ease;\n    }\n\n    .benefit-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 35px rgba(156, 129, 2, 0.15);\n    }\n\n    .benefit-icon {\n      width: 60px;\n      height: 60px;\n      margin: 0 auto 20px auto;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\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    .benefit-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: 700;\n      margin-bottom: 15px;\n    }\n\n    .benefit-description {\n      color: #666;\n      font-size: 0.95em;\n      line-height: 1.6;\n    }\n\n    .section-header {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #2a2a2a 100%);\n      color: white;\n      padding: 40px;\n      margin: 60px 0 40px 0;\n      border-radius: 15px;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 2s forwards;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.4);\n      border: 2px solid rgba(156, 129, 2, 0.3);\n    }\n\n    .section-title {\n      font-size: 2.2em;\n      font-weight: 800;\n      margin-bottom: 10px;\n      text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n      color: #f4e4a6;\n    }\n\n    .section-subtitle {\n      font-size: 1.1em;\n      opacity: 0.9;\n      font-weight: 300;\n      color: #e0e0e0;\n    }\n\n    .ingredient-section {\n      background: #f8f9fa;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 50px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .ingredient-card {\n      background: white;\n      padding: 30px;\n      border-radius: 12px;\n      margin: 25px 0;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n      transition: all 0.3s ease;\n    }\n\n    .ingredient-card:hover {\n      transform: translateX(-10px);\n      box-shadow: 0 12px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .ingredient-title {\n      color: #9C8102;\n      font-size: 1.5em;\n      font-weight: 700;\n      margin-bottom: 15px;\n    }\n\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 20px 0;\n    }\n\n    .benefit-item {\n      background: #f1f3f4;\n      margin-bottom: 10px;\n      padding: 15px 20px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      transition: all 0.3s ease;\n      color: #333;\n    }\n\n    .benefit-item:hover {\n      background: #e8f4f8;\n      transform: translateX(-5px);\n    }\n\n    .benefit-bullet {\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .comparison-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);\n      color: white;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 60px 0;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    }\n\n    .comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .comparison-card {\n      background: #333;\n      padding: 30px;\n      border-radius: 12px;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: all 0.3s ease;\n    }\n\n    .comparison-card.premium {\n      border-top: 4px solid #d4af37;\n    }\n\n    .comparison-card.basic {\n      border-top: 4px solid #666;\n    }\n\n    .comparison-card:hover {\n      transform: translateY(-5px);\n    }\n\n    .comparison-title {\n      font-size: 1.4em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-align: center;\n    }\n\n    .comparison-title.premium {\n      color: #f4e4a6;\n    }\n\n    .comparison-title.basic {\n      color: #ccc;\n    }\n\n    .comparison-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .comparison-item {\n      padding: 10px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .comparison-item:last-child {\n      border-bottom: none;\n    }\n\n    .comparison-check {\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 10px;\n      font-weight: bold;\n    }\n\n    .comparison-check.premium {\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n    }\n\n    .comparison-check.basic {\n      background: #666;\n      color: white;\n    }\n\n    .timeline-section {\n      background: #f5f5f5;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 50px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .timeline-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .timeline-card {\n      background: white;\n      padding: 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      position: relative;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: all 0.3s ease;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n\n    .timeline-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 12px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .timeline-badge {\n      position: absolute;\n      top: -10px;\n      right: 20px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      padding: 5px 15px;\n      border-radius: 20px;\n      font-weight: 700;\n      font-size: 0.8em;\n    }\n\n    .timeline-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: 700;\n      margin: 20px 0 15px 0;\n    }\n\n    .warning-section {\n      background: linear-gradient(135deg, #8B0000, #DC143C);\n      color: white;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 60px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 3s forwards;\n      box-shadow: 0 15px 35px rgba(139, 0, 0, 0.3);\n    }\n\n    .warning-title {\n      color: #FFE4E1;\n      font-size: 2.2em;\n      font-weight: 800;\n      margin-bottom: 20px;\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 100%);\n      color: white;\n      padding: 60px;\n      border-radius: 20px;\n      text-align: center;\n      margin: 60px 0;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 3.5s forwards;\n      border: 3px solid #9C8102;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.4);\n    }\n\n    .cta-title {\n      color: #f4e4a6;\n      font-size: 2.8em;\n      font-weight: 800;\n      margin-bottom: 20px;\n    }\n\n    .cta-text {\n      font-size: 1.2em;\n      margin: 20px 0;\n      opacity: 0.95;\n      line-height: 1.7;\n    }\n\n    .cta-highlight {\n      font-size: 1.4em;\n      font-weight: 700;\n      color: #f4e4a6;\n      margin: 30px 0;\n    }\n\n    .ingredients-list {\n      background: #f8f9fa;\n      padding: 30px;\n      border-radius: 12px;\n      margin: 40px 0;\n      border: 2px solid #9C8102;\n      font-size: 0.9em;\n      line-height: 1.7;\n      color: #666;\n      text-align: justify;\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    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes lineExpand {\n      from { width: 0; }\n      to { width: 100px; }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.4em;\n        margin-bottom: 30px;\n      }\n\n      .hero-image {\n        max-width: 90%;\n        margin: 30px auto;\n      }\n      \n      .benefits-grid,\n      .timeline-grid,\n      .comparison-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n      \n      .intro-section,\n      .section-header,\n      .ingredient-section,\n      .timeline-section,\n      .comparison-section,\n      .warning-section,\n      .cta-final {\n        padding: 30px 20px;\n        margin: 30px 10px;\n      }\n\n      .intro-title {\n        font-size: 2em;\n      }\n\n      .section-title {\n        font-size: 1.8em;\n      }\n\n      .cta-title {\n        font-size: 2.2em;\n      }\n\n      .benefit-card,\n      .ingredient-card,\n      .timeline-card,\n      .comparison-card {\n        padding: 20px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2em;\n      }\n\n      .intro-title {\n        font-size: 1.8em;\n      }\n\n      .section-title {\n        font-size: 1.6em;\n      }\n\n      .cta-title {\n        font-size: 1.8em;\n      }\n\n      .intro-section,\n      .section-header,\n      .ingredient-section,\n      .timeline-section,\n      .comparison-section,\n      .warning-section,\n      .cta-final {\n        padding: 25px 15px;\n        border-radius: 12px;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream - Die Augencreme, die dir deine Jugend zurückgibt, ohne Injektionen oder chirurgische Eingriffe\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"SKIN1004 Probio-Cica Bakuchiol Eye Cream\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_3.webp?v=1754234127\"\/\u003e\n\u003c!-- Intro Section --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n\u003ch2 class=\"intro-title\"\u003eDer Augenbereich zeigt dich allen gegenüber... und dir ist es egal\u003c\/h2\u003e\n\u003cdiv class=\"intro-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eDie Augenpartie ist der dünnste Bereich des Gesichts... und der erste Ort, an dem sich die Zeichen der Hautalterung zeigen\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAber wenn ich dir sagen würde, dass es eine natürliche und sichere Methode gibt, die deinen Augen die Jugend zurückgeben kann... ohne aggressives Retinol oder reizende Chemikalien?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream ist keine einfache Augencreme... Dies ist die natürliche wissenschaftliche Lösung, die deinen Augen in völliger Sicherheit neue Jugend schenkt.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Vorteile der SKIN1004 Augencreme\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_4.webp?v=1754234127\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\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\"\u003eReduziert Falten und feine Linien\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eMit der Wirksamkeit von Retinol ohne Reizung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eSpendet intensiv Feuchtigkeit\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eVerhindert die Trockenheit der empfindlichen Haut um die Augen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eLindert Entzündungen und Rötungen\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eMit fermentiertem Centella-Extrakt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEr hellt Augenringe auf\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eVereinheitlicht die Farbe der Augenpartie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e100 % sicher für empfindliche Augen\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eKein Tränen oder Reizung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAugen 5-10 Jahre jünger\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eVom tatsächlichen Alter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eRevolutionäre Technologie: Bucchiol + fermentiertes Centella + Probiotika\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eDie kraftvollste natürliche Formel zur Bekämpfung der Alterung rund um die Augen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e🌿 Mit Probiotika fermentierter Centella-Extrakt - das koreanische Wunder\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eDie Biofermentationstechnologie vervielfacht die Kraft von Centella um das 10-fache\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDringt in dünne Haut ein\u003c\/strong\u003e 5 Mal wirksamer als die normale Centella\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eStärkt das natürliche Mikrobiom\u003c\/strong\u003e Für die Haut um die Augen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBeschleunigt die Heilung beschädigter Zellen\u003c\/strong\u003e Durch Sonnenschäden und Alterung\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSofort beruhigen\u003c\/strong\u003e Jegliche Entzündung oder Allergie im empfindlichen Bereich\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e🌱 Bucchiol 5000ppm - sichere pflanzliche Retinol\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eEine natürliche Alternative zu Retinol mit derselben Wirksamkeit ohne Nebenwirkungen\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRegt die Zellregeneration an\u003c\/strong\u003e Sanft und ohne Schuppen oder Reizungen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAktiviert die Kollagenproduktion\u003c\/strong\u003e Für eine jüngere und elastischere Haut\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReduziert Linien und Falten\u003c\/strong\u003e Wissenschaftlich bestätigter Prozentsatz\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSicher für die tägliche Anwendung am Tag\u003c\/strong\u003e Mit Sonnenlicht ohne Sensibilität\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e🛡️ Ceramide NP + Niacinamid - Schutz und Pflege\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eDie hydrolipidische Barriere stärken, während der Teint aufgehellt und vereinheitlicht wird\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCeramide NP\u003c\/strong\u003e Hält die Feuchtigkeit zurück und verhindert Wasserverlust\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNiacinamid\u003c\/strong\u003e Öffnet die Augenringe und gleicht den Hautton aus\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHyaluronsäure\u003c\/strong\u003e Zwei molekulare Dimensionen für eine tiefe Hydratation\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSheabutter\u003c\/strong\u003e Nährt und macht empfindliche Haut weich\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 style=\"color: #f4e4a6; font-size: 2.2em; text-align: center; margin-bottom: 20px; font-weight: 800;\"\u003eWarum SKIN1004 anders ist als andere Augencremes?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1em; margin-bottom: 30px; opacity: 0.9;\"\u003eNormale Augencremes vs SKIN1004 - Der ehrliche Vergleich\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card basic\"\u003e\n\u003ch3 class=\"comparison-title basic\"\u003eTraditionelle Augencremes\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eaggressives Retinol\u003c\/strong\u003e Verursacht Reizungen und Empfindlichkeit um die Augen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eChemische Komponenten\u003c\/strong\u003e Nicht geeignet für dünne Haut\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLangsame Ergebnisse\u003c\/strong\u003e Es dauert viele Monate, bis es erscheint\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eVorübergehende Verbesserung\u003c\/strong\u003e Verschwindet, sobald du die Anwendung stoppst\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHoher Preis\u003c\/strong\u003e Für begrenzte Vorteile\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card premium\"\u003e\n\u003ch3 class=\"comparison-title premium\"\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNatürliches Bicochiol\u003c\/strong\u003e Mit der Wirksamkeit von Retinol ohne Reizung\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e100% natürliche Zutat\u003c\/strong\u003e Sicher für empfindliche Bereiche\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSchnelle Ergebnisse\u003c\/strong\u003e Ab der zweiten Woche\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eKumulative und dauerhafte Verbesserung\u003c\/strong\u003e Steigert sich mit der Zeit\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAusgezeichneter Wert\u003c\/strong\u003e Fortschrittliche Technologie zu einem erschwinglichen Preis\u003c\/span\u003e\n\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-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eReise der Verjüngung - Sieh deine Augen Woche für Woche verändern\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eEs ist nicht nur eine Verbesserung... es ist eine Revitalisierung des Gebiets von Al Ain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDie erste Woche\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eErste Berührung\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSofortige Feuchtigkeit\u003c\/strong\u003e Für trockene Haut um die Augen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eVollständig beruhigt\u003c\/strong\u003e Bei bereits vorhandener Rötung oder Reizung\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDeutliche Glätte\u003c\/strong\u003e In der zarten Textur der Haut\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eNach zwei Wochen\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eL'inizio della magia\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSichtbare Reduzierung feiner Linien\u003c\/strong\u003e Modern\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLeuchtmittel für die Augenpartie\u003c\/strong\u003e Und Verbesserung der Farbe\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eErhöhung der Hautelastizität\u003c\/strong\u003e Und zugfest\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eNach einem Monat\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eechte Transformation\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDas Verschwinden feiner Linien\u003c\/strong\u003e Mit bloßem Auge sichtbar\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHelle Aufhellung der Augenringe\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNatürliche Straffung der Haut\u003c\/strong\u003e Entspannung um die Augen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eNach 3 Monaten\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eWiederhergestellte Jugend\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e60-70% weniger Falten\u003c\/strong\u003e Von Anfang an\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eStraffe und elastische Haut\u003c\/strong\u003e Um das Auge\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eJahre jünger erscheinen\u003c\/strong\u003e Alle bemerken es\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2em; text-align: center; margin-bottom: 30px;\"\u003eRichtige Anwendungsweise\u003c\/h2\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px;\"\u003e\n\u003cdiv style=\"background: white; padding: 25px; border-radius: 12px; border-right: 4px solid #9C8102;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 15px; font-size: 1.2em;\"\u003e🌅 Morgens und abends\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReinige das Gesicht\u003c\/strong\u003e Mit der üblichen sanften Feuchtigkeitscreme\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDen Bereich um die Augen trocknen\u003c\/strong\u003e Sanft ohne Reiben\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTragen Sie eine kleine Menge auf\u003c\/strong\u003e (in der Größe eines Reiskorns) Creme\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSanft abtupfen\u003c\/strong\u003e Vom inneren zum äußeren Augenwinkel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: white; padding: 25px; border-radius: 12px; border-right: 4px solid #DC143C;\"\u003e\n\u003ch4 style=\"color: #DC143C; margin-bottom: 15px; font-size: 1.2em;\"\u003e⚠️ Hinweise für eine sichere Anwendung\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eVermeiden Sie, dass das Produkt in die Augen gelangt\u003c\/strong\u003e direkt\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBeginnt mit einer kleinen Menge\u003c\/strong\u003e Bei Bedarf schrittweise erhöhen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNicht zusammen mit anderen Retinolprodukten verwenden\u003c\/strong\u003e Gleichzeitig\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSofort anhalten\u003c\/strong\u003e Bei ungewöhnlicher Reizung\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003ch2 class=\"warning-title\"\u003e⚠️ Wichtiger Hinweis: Der Augenbereich verblasst schneller als der Rest des Gesichts\u003c\/h2\u003e\n\u003cdiv style=\"font-size: 1.1em; line-height: 1.8;\"\u003e\n\u003cp\u003e\u003cstrong\u003eDie Haut um die Augen ist 10 Mal dünner als der Rest des Gesichts\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eJeder Tag ohne spezielle Pflege... die Falten werden tiefer\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eJede Woche der Vernachlässigung... nimmt die Elastizität der Haut stärker ab\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eJeden Monat des Aufschiebens... wird der Schaden immer schwieriger zu reparieren\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003cimg alt=\"Investiere jetzt in die Jugend deiner Augen\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_1.webp?v=1754234127\" style=\"width: 100%; max-width: 400px; margin: 0 auto 30px auto; display: block; border-radius: 15px;\"\/\u003e\n\u003ch2 class=\"cta-title\"\u003eLa decisione di oggi determinerà la forma dei tuoi occhi in futuro\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eJeder Tag ohne Pflege... der Augenbereich wird schwächer\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVerschiebt jede Woche... die Falten vertiefen sich und bleiben schwerer zu behandeln\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eJeden Monat der Vernachlässigung... vergrößert sich die Lücke zwischen deinem tatsächlichen Alter und dem Alter deiner Augen\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n      SKIN1004 ist nicht nur eine Augencreme... es ist eine sichere und natürliche Lösung, um die Augen zu verjüngen\n    \u003c\/div\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cstrong\u003eBeginne noch heute deine Reise zur Verjüngung der Augen... Bestelle jetzt\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eVollständige Zutatenliste\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003cp\u003e\u003cstrong\u003eWater, Glycerin, Butylene Glycol, Dipentaerythrityl Hexa C5-9 Acid Esters, 1,2-Hexanediol, Niacinamide, Squalane, Polyglyceryl-3 Distearate, Cetearyl Alcohol, Caprylic\/Capric Triglyceride, Betaine, Butyrospermum Parkii (Shea) Butter, Heptyl Undecylenate, Centella Asiatica Extract, Panthenol, Bakuchiol, Glyceryl Stearate, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Palmitic Acid, Tromethamine, Stearic Acid, Glyceryl Stearate Citrate, Carbomer, Ethylhexylglycerin, Adenosine, Macadamia Ternifolia Seed Oil, Sodium Hyaluronate, Sodium Phytate, Hydrogenated Lecithin, Ceramide NP, Glyceryl Acrylate\/Acrylic Acid Copolymer, Theobroma Cacao (Cocoa) Extract, Dextrin, Polyglyceryl-10 Myristate, Phytosphingosine, Lactobacillus Ferment, Madecassic Acid, Asiaticoside, Hydrolyzed Extensin, Sucrose Distearate, Asiatic Acid, Phytosterols, Lauric Acid, Hydrolyzed Hyaluronic Acid, Caprylyl Glycol, Acetyl Hexapeptide-8\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Simple 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          const element = entry.target;\n          \n          if (element.classList.contains('benefit-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('ingredient-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('timeline-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('comparison-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations on page load\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-card, .ingredient-card, .timeline-card, .comparison-card');\n      \n      animatedElements.forEach((el, index) =\u003e {\n        el.style.animationDelay = `${index * 0.1}s`;\n        observer.observe(el);\n      });\n\n      \/\/ Simple hover effects\n      const cards = document.querySelectorAll('.benefit-card, .ingredient-card, .timeline-card, .comparison-card');\n      cards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          card.style.transform = card.classList.contains('timeline-card') || card.classList.contains('comparison-card') \n            ? 'translateY(-5px)' \n            : 'translateY(-5px) scale(1.02)';\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977157537989,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream.webp?v=1754234127"},{"product_id":"skin-1004-centella-tea-trica-relief-ampoule","title":"Skin 1004 Green Tea und Pure Centella Ampoule | Entzündungsspezialist","description":"\u003c!-- SKIN1004 Centella Tea-Trica Relief Ampoule - Redesigned with Site CSS --\u003e\n\u003cdiv class=\"product-description-container\" dir=\"ltr\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"ph-hero-section\"\u003e\n\u003ch1 class=\"ph-hero-title\"\u003e\n      SKIN1004 Centella Tea-Trica Relief Ampoule\n    \u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\n      Die ultimative Lösung für Pickel und fettige Haut, die sich nicht beruhigen will\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"SKIN1004 Centella Tea-Trica Relief Ampoule\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009457398_1440x_eeea136e-0251-48f0-a2eb-a23f3ae687c5.webp?v=1754244097\"\/\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Problem Statement Section --\u003e\n\u003csection class=\"ph-section tea-trica-problem-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eDeine Pillen und das überschüssige Fett zerstören dein Selbstwertgefühl... und du bist müde, es zu versuchen\u003c\/h2\u003e\n\u003cdiv class=\"tea-trica-problem-list\"\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e1\u003c\/span\u003e\n\u003cp\u003ePickel sind ein Teil deines Gesichts geworden und schwer zu entfernen?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e2\u003c\/span\u003e\n\u003cp\u003eDeine Haut ist so fettig, dass sich das Make-up nach wenigen Stunden auflöst?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e3\u003c\/span\u003e\n\u003cp\u003eHast du viele Akneprodukte ausprobiert, die entweder nicht funktioniert haben oder deine Haut gereizt haben?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e4\u003c\/span\u003e\n\u003cp\u003eFühlst du, dass deine Poren groß sind und Öl austritt, egal wie gründlich du dein Gesicht reinigst?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-solution-intro\"\u003e\n\u003cp\u003e\u003cstrong\u003ePickel und fettige Haut sind nicht nur ein vorübergehendes Problem... es ist ein Teufelskreis aus Entzündung und überschüssigem Talg.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eAber wenn ich dir sagen würde, dass es eine kraftvolle natürliche Formel gibt, die diesen Kreislauf durchbrechen kann... und dir eine klare und gesunde Haut ohne Angriffe oder Reizungen geben kann?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tea-Trica Relief Ampoule\u003c\/strong\u003e Es ist nicht nur eine gewöhnliche Ampulle... dies \u003cstrong\u003eNatürlicher Krieger\u003c\/strong\u003e Dass es deine Haut von der Tragödie von Pickeln und überschüssigem Fett befreit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Key Benefits Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eHauptanwendungen und Vorteile\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"Verwendungen des Produkts\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009719542_1440x_44be4ca4-a8fb-44c0-9b31-eaf1b4bd6da4.webp?v=1754244098\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eBekämpft Pickel an den Wurzeln\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMit konzentriertem Teebaumwasser 94.000 ppm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eLindert Entzündungen und Rötungen\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMit reinem Centella-Extrakt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eKontrolliert den Fettüberschuss\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eVerhindert unerwünschten Glanz\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eReduziert die Größe vergrößerter Poren\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eVerbessert die Hauttextur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eVerhindert das Auftreten neuer Pickel\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMit kontinuierlichem Schutz\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e6\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eBeschleunigt die Heilung von Aknenarben\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eAlte und oberflächliche Narben\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e7\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eLeichte Textur, die schnell einzieht\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eNicht fettig oder klebrig\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e8\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eGetestet gegen verstopfte Poren\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSicher für zu Akne neigende Haut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e9\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eBalanciert die Hautfeuchtigkeit\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eOhne überschüssige Fette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- How It Works Section --\u003e\n\u003csection class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\" style=\"color: white;\"\u003eWie funktioniert?\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"Produktkomponenten\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009817846_1440x_84cd5d3b-d782-450e-86c7-44a191ea7a96.webp?v=1754244098\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"tea-trica-ingredient-title\"\u003eTea Tree + Centella + Pine Complex\u003c\/h3\u003e\n\u003ch4 class=\"tea-trica-ingredient-subtitle\"\u003eDie stärkste natürliche Allianz gegen Pickel und fettige Haut\u003c\/h4\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eTeebaumwasser 94.000 ppm\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eDer erste Krieger\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eHöchste Konzentration an Teebaumwasser in SKIN1004.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eStarkes natürliches antibakterielles Mittel\u003c\/strong\u003e Tötet Bakterien der Pickel von den Wurzeln\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWirksames entzündungshemmendes Mittel\u003c\/strong\u003e Lindert Rötungen und Schwellungen sofort\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReguliert die Fettsekretion\u003c\/strong\u003e Verhindert verstopfte Poren\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeschleunigt die Heilung entzündeter Pickel\u003c\/strong\u003e Verhindert die Bildung von Narben\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eCentella-Extrakt 5.621 ppm\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eDer natürliche Mahdi\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eCentella asiatica mit hoher Konzentration für tiefenwirksame Linderung.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeruhigt entzündete Haut\u003c\/strong\u003e Ohne Trockenheit oder Reizung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDie Zellregeneration beschleunigen\u003c\/strong\u003e Repariert geschädigtes Gewebe\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärkt die hydrolipidische Barriere\u003c\/strong\u003e Gegen äußere Schäden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimuliert das Kollagen\u003c\/strong\u003e Um Aknenarben auf natürliche Weise aufzufüllen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eTriple-Kiefer-Komplex\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eSchutzschild\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eEine natürliche Allianz von 3 Kiefernarten für doppelten Schutz.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eStarke Antioxidantien\u003c\/strong\u003e Bekämpft freie Radikale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärkt die natürliche Immunität der Haut\u003c\/strong\u003e Gegen Bakterien\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchützt vor Schäden durch Verschmutzung und Staub\u003c\/strong\u003e Ursachen von Pickeln\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eErhält die Hautgesundheit langfristig\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- How to Use Section --\u003e\n\u003csection class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eWie man benutzt\u003c\/h2\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\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eReinigt die Haut\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eReinige das Gesicht mit einem geeigneten Reiniger und stelle sicher, dass es vollständig trocken ist\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eAusgleichender Gesichtstoner\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eBevorzugtes Gesichtswasser verwenden, um die Haut vorzubereiten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eAmpulle\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eNimm 2-3 Tropfen und verteile sie mit sanften, kreisenden Bewegungen über das ganze Gesicht\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eKlopfen\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eKlopfen Sie die Haut sanft, bis sie vollständig eingezogen ist\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eFeuchtigkeitsspendend und Schutz\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eVervollständige deine Routine mit Feuchtigkeitscreme und Sonnenschutz tagsüber\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-tips-title\"\u003eTipps zur Verwendung\u003c\/h3\u003e\n\u003cul class=\"ph-tips-list\"\u003e\n\u003cli\u003eVerwende es morgens und abends für optimale Ergebnisse\u003c\/li\u003e\n\u003cli\u003eDu kannst es gezielt auf entzündete Pickel auftragen für eine intensive Behandlung\u003c\/li\u003e\n\u003cli\u003eGeeignet für den täglichen Gebrauch - reizt die Haut nicht\u003c\/li\u003e\n\u003cli\u003eDu kannst es vor dem Make-up für eine glatte und matte Haut verwenden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Timeline\/Results Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eSichtbare Ergebnishistorie im Zeitverlauf\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e1 Woche\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eEin vielversprechender Anfang\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eSofortige Linderung von Entzündungen und Rötungen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eOffensichtliche Kontrolle von Öl und Glanz\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eDie Haut beginnt, weicher und angenehmer zu bleiben\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\"\u003eWoche 2-3\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003edeutliche Verbesserung\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eBestehende Pickel beginnen sich zu verkleinern und schnell zu heilen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eDie Poren beginnen sich zu verengen und die Haut wird glatter\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eNeue Pillen, viel weniger\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eDie Haut ist ausgeglichen und nicht so glänzend\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\"\u003eWoche 4-6\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eVollständige Transformation\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eHelle Haut ohne aktive Pickel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eDie Auswirkungen von Pickeln verschwinden deutlich\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eGestraffte Poren und glatte Haut\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003ePerfektes Gleichgewicht zwischen Fett und Feuchtigkeit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eNatürlich gesunde und strahlende Haut\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\/section\u003e\n\u003c!-- Clinical Results Section --\u003e\n\u003csection class=\"ph-results-section\"\u003e\n\u003ch2 class=\"ph-results-title\"\u003eWissenschaftlich nachgewiesene Ergebnisse\u003c\/h2\u003e\n\u003cdiv class=\"ph-stats-grid\"\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e95%\u003c\/div\u003e\n\u003cp\u003eVerbesserung von Akneinfektionen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e88%\u003c\/div\u003e\n\u003cp\u003eReduzieren der Fettsekretion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e92%\u003c\/div\u003e\n\u003cp\u003eVerbesserung der Porengröße\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e100%\u003c\/div\u003e\n\u003cp\u003eGetestet gegen verstopfte Poren\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-clinical-note\"\u003e\n\u003cp\u003eDermatologisch getestet\u003c\/p\u003e\n\u003cp\u003eSicher für empfindliche Haut\u003c\/p\u003e\n\u003cp\u003eFrei von schädlichen Substanzen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003csection class=\"ph-section tea-trica-why-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eWarum Tea-Trica Relief Ampulle wählen?\u003c\/h2\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e100 % natürlich\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eKeine schädlichen Chemikalien - sicher für alle Hauttypen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eB\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eWissenschaftlich getestet\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eKlinische Tests bestätigen Wirksamkeit und Sicherheit\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\"\u003eSchnelle Ergebnisse\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003edeutliche Verbesserung ab der ersten Woche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eD\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHohe Konzentration\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e94.000 ppm Teebaumwasser - höchste Konzentration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eE\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eVollständiger Schutz\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eBehandelt und beugt gleichzeitig Pickeln vor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eF\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eLuxuriöses Gefühl\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLeicht, schnell absorbiert, nicht fettend\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Warning Section --\u003e\n\u003csection class=\"ph-section tea-trica-warning\"\u003e\n\u003cdiv class=\"tea-trica-warning-box\"\u003e\n\u003ch3\u003eWichtige Warnung\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePickel und fettige Haut werden nicht von selbst besser...\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eJeder Tag, der ohne eine wirksame Behandlung vergeht, wird die Haut immer mehr beschädigt und das Selbstwertgefühl sinkt.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTea-Trica Relief Ampoule\u003c\/strong\u003e Es ist die natürliche Lösung, die Ihre Haut gerade jetzt benötigt!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Product Info Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eProduktinformationen\u003c\/h2\u003e\n\u003cdiv class=\"tea-trica-product-info\"\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eGröße:\u003c\/strong\u003e 100ml\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eHauttyp:\u003c\/strong\u003e Fettige, Mischhaut, zu Akne neigende, empfindliche Haut\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eHauptbestandteile:\u003c\/strong\u003e Teebaumwasser 94.000 ppm, Gotu-Kola-Extrakt 5.621 ppm, Triple-Pine-Komplex\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eFrei von:\u003c\/strong\u003e Parabene, Sulfate, synthetische Duftstoffe, austrocknender Alkohol\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eGebrauch:\u003c\/strong\u003e Morgen und Abend\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eHaltbarkeitsdauer:\u003c\/strong\u003e Zwei Jahre ab dem Herstellungsdatum\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Additional Product-Specific Styles *\/\n\n.tea-trica-problem-section {\n  background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);\n  padding: 3rem 2rem;\n  border-radius: 15px;\n}\n\n\/* Compact Problem List *\/\n.tea-trica-problem-list {\n  max-width: 800px;\n  margin: 2rem auto;\n  display: grid;\n  gap: 1rem;\n}\n\n.tea-trica-problem-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 1.5rem;\n  background: white;\n  border-radius: 10px;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n  transition: all 0.3s ease;\n  border-right: 3px solid #9C8102;\n}\n\n.tea-trica-problem-item:hover {\n  transform: translateX(-5px);\n  box-shadow: 0 6px 20px rgba(156, 129, 2, 0.15);\n}\n\n.tea-trica-problem-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(45deg, #9C8102, #D4AF37);\n  color: white;\n  border-radius: 50%;\n  font-weight: 600;\n  font-size: 0.9rem;\n  flex-shrink: 0;\n}\n\n.tea-trica-problem-item p {\n  margin: 0;\n  color: #333;\n  font-size: 1rem;\n  line-height: 1.6;\n}\n\n.tea-trica-solution-intro {\n  max-width: 900px;\n  margin: 3rem auto 0;\n  padding: 2rem;\n  background: white;\n  border-radius: 15px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  text-align: center;\n}\n\n.tea-trica-solution-intro h3 {\n  color: #9C8102;\n  font-size: 1.4rem;\n  margin: 1.5rem 0;\n  line-height: 1.6;\n}\n\n.tea-trica-solution-intro p {\n  font-size: 1.1rem;\n  line-height: 1.7;\n  color: #333;\n  margin: 1rem 0;\n}\n\n\/* Timeline Benefits - Elegant and Compact *\/\n.tea-trica-timeline-list {\n  display: grid;\n  gap: 0.6rem;\n  text-align: left;\n}\n\n.tea-trica-timeline-benefit {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  padding: 0.5rem 0;\n}\n\n.tea-trica-check {\n  color: #9C8102;\n  font-size: 1rem;\n  font-weight: 600;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.tea-trica-timeline-benefit span:last-child {\n  color: #333;\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n.tea-trica-ingredient-title {\n  font-size: 2rem;\n  font-weight: 700;\n  color: #D4AF37;\n  text-align: center;\n  margin: 2rem 0 1rem;\n  position: relative;\n  z-index: 2;\n}\n\n.tea-trica-ingredient-subtitle {\n  font-size: 1.2rem;\n  color: white;\n  text-align: center;\n  margin-bottom: 3rem;\n  opacity: 0.9;\n  position: relative;\n  z-index: 2;\n}\n\n.tea-trica-benefits-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.tea-trica-benefits-list li {\n  padding: 0.5rem 0;\n  color: white;\n  line-height: 1.6;\n  position: relative;\n  padding-right: 1.5rem;\n}\n\n.tea-trica-benefits-list li::before {\n  content: '✓';\n  position: absolute;\n  right: 0;\n  color: #D4AF37;\n  font-weight: bold;\n}\n\n.tea-trica-clinical-note {\n  text-align: center;\n  margin-top: 2rem;\n  font-size: 1.1rem;\n}\n\n.tea-trica-clinical-note p {\n  margin: 0.5rem 0;\n  font-weight: 600;\n}\n\n.tea-trica-why-section {\n  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n  padding: 3rem 2rem;\n  border-radius: 15px;\n}\n\n.tea-trica-warning {\n  margin: 3rem 0;\n}\n\n.tea-trica-warning-box {\n  background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);\n  border: 3px solid #9C8102;\n  border-radius: 15px;\n  padding: 2rem;\n  text-align: center;\n  box-shadow: 0 10px 30px rgba(156, 129, 2, 0.2);\n}\n\n.tea-trica-warning-box h3 {\n  color: #9C8102;\n  font-size: 1.8rem;\n  margin-bottom: 1rem;\n}\n\n.tea-trica-warning-box p {\n  font-size: 1.1rem;\n  color: #333;\n  margin: 1rem 0;\n  line-height: 1.7;\n}\n\n.tea-trica-product-info {\n  max-width: 800px;\n  margin: 0 auto;\n  background: white;\n  padding: 2rem;\n  border-radius: 15px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n.tea-trica-info-item {\n  padding: 1rem;\n  border-bottom: 1px solid #eee;\n  font-size: 1rem;\n  line-height: 1.6;\n  text-align: left;\n}\n\n.tea-trica-info-item:last-child {\n  border-bottom: none;\n}\n\n.tea-trica-info-item strong {\n  color: #9C8102;\n  display: inline-block;\n  min-width: 150px;\n}\n\n\/* RTL Adjustments *\/\n[dir=\"rtl\"] .tea-trica-benefits-list li {\n  padding-right: 1.5rem;\n  padding-left: 0;\n}\n\n[dir=\"rtl\"] .tea-trica-benefits-list li::before {\n  right: 0;\n  left: auto;\n}\n\n[dir=\"rtl\"] .tea-trica-problem-item {\n  border-right: 3px solid #9C8102;\n  border-left: none;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .tea-trica-problem-section {\n    padding: 2rem 1rem;\n  }\n  \n  .tea-trica-problem-item {\n    padding: 0.85rem 1rem;\n  }\n  \n  .tea-trica-problem-number {\n    width: 28px;\n    height: 28px;\n    font-size: 0.85rem;\n  }\n  \n  .tea-trica-problem-item p {\n    font-size: 0.95rem;\n  }\n  \n  .tea-trica-ingredient-title {\n    font-size: 1.5rem;\n  }\n  \n  .tea-trica-ingredient-subtitle {\n    font-size: 1rem;\n  }\n  \n  .tea-trica-solution-intro {\n    padding: 1.5rem;\n  }\n  \n  .tea-trica-solution-intro h3 {\n    font-size: 1.1rem;\n  }\n  \n  .tea-trica-warning-box {\n    padding: 1.5rem;\n  }\n  \n  .tea-trica-warning-box h3 {\n    font-size: 1.4rem;\n  }\n  \n  .tea-trica-info-item strong {\n    display: block;\n    margin-bottom: 0.5rem;\n  }\n  \n  .tea-trica-timeline-benefit span:last-child {\n    font-size: 0.9rem;\n  }\n}\n\u003c\/style\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977222058181,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-100ml-tea-trica-relief-ampoule-38642934055158_1440x_4379c95a-ed98-4862-9667-ad5202daf6b6.webp?v=1754244557"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-serum","title":"Some by mi Aha Bha Pha 30 Days Miracle Serum 50Ml","description":"\u003cbody\u003e\n\u003cmeta charset=\"utf-8\"\/\u003e\n\u003cstyle\u003e\n        .product-description {\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            padding: 0;\n        }\n\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .hero-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 20px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557') no-repeat center;\n            background-size: contain;\n            opacity: 0.1;\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .main-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n        }\n\n        .subtitle {\n            font-size: 1.4em;\n            font-weight: bold;\n            color: #333;\n            margin-bottom: 15px;\n        }\n\n        .hero-text {\n            font-size: 1.1em;\n            line-height: 1.7;\n            margin-bottom: 20px;\n        }\n\n        .product-image {\n            text-align: center;\n            margin: 30px 0;\n            transition: transform 0.3s ease;\n        }\n\n        .product-image:hover {\n            transform: scale(1.02);\n        }\n\n        .product-image img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n\n        .benefits-section {\n            background: #000;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .benefits-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n            padding: 15px;\n            background: rgba(255,255,255,0.05);\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n        }\n\n        .benefit-item:hover {\n            background: rgba(255,255,255,0.1);\n            transform: translateX(-5px);\n        }\n\n        .benefit-icon {\n            margin-left: 15px;\n            color: #9C8102;\n            font-size: 1.2em;\n            min-width: 30px;\n        }\n\n        .benefit-content h3 {\n            font-size: 1.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 8px;\n        }\n\n        .benefit-content p {\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .ingredients-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .ingredients-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .ingredient-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            border-right: 5px solid #9C8102;\n        }\n\n        .ingredient-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .ingredient-name {\n            font-size: 1.3em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n        }\n\n        .ingredient-description {\n            line-height: 1.6;\n            color: #333;\n        }\n\n        .results-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .results-title {\n            font-size: 2em;\n            font-weight: bold;\n            margin-bottom: 30px;\n          color: #333;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .stat-item {\n            background: rgba(255,255,255,0.1);\n            padding: 20px;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n        }\n\n        .stat-item:hover {\n            background: rgba(255,255,255,0.2);\n            transform: scale(1.05);\n        }\n\n        .stat-number {\n            font-size: 2.5em;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        .timeline-section {\n            padding: 40px 20px;\n            margin: 30px 0;\n        }\n\n        .timeline-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .timeline::after {\n            content: '';\n            position: absolute;\n            width: 4px;\n            background-color: #9C8102;\n            top: 0;\n            bottom: 0;\n            right: 50%;\n            margin-right: -2px;\n        }\n\n        .timeline-item {\n            padding: 20px 40px;\n            position: relative;\n            background-color: inherit;\n            width: 50%;\n        }\n\n        .timeline-item::after {\n            content: '';\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background-color: #9C8102;\n            border: 4px solid #fff;\n            top: 25px;\n            border-radius: 50%;\n            z-index: 1;\n        }\n\n        .timeline-item:nth-child(odd) {\n            right: 0;\n        }\n\n        .timeline-item:nth-child(odd)::after {\n            right: -10px;\n        }\n\n        .timeline-item:nth-child(even) {\n            right: 50%;\n        }\n\n        .timeline-item:nth-child(even)::after {\n            left: -10px;\n        }\n\n        .timeline-content {\n            padding: 20px;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .timeline-content:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .timeline-content h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .social-proof {\n            background: linear-gradient(135deg, #333 0%, #000 100%);\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .social-proof-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n        }\n\n        .proof-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .proof-item {\n            background: rgba(255,255,255,0.05);\n            padding: 25px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(156, 129, 2, 0.3);\n        }\n\n        .proof-item:hover {\n            background: rgba(255,255,255,0.1);\n            border-color: #9C8102;\n        }\n\n        .proof-icon {\n            font-size: 2.5em;\n            color: #9C8102;\n            margin-bottom: 15px;\n        }\n\n        .usage-guide {\n            background: #f8f9fa;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .usage-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .usage-steps {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .step-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .step-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .step-number {\n            width: 40px;\n            height: 40px;\n            background: #9C8102;\n            color: #fff;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            margin-bottom: 15px;\n            float: right;\n            margin-left: 15px;\n        }\n\n        .step-title {\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1em;\n        }\n\n        .final-cta {\n            background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n            color: #fff;\n            padding: 50px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n        }\n\n        .final-cta::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15), transparent);\n            transform: rotate(45deg);\n            animation: shine 3s infinite;\n        }\n\n        @keyframes shine {\n            0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n            100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n        }\n\n        .cta-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 2;\n          color : #000;\n        }\n\n        .cta-text {\n            font-size: 1.2em;\n            line-height: 1.6;\n            position: relative;\n            z-index: 2;\n        }\n\n        .ingredients-list {\n            background: #fff;\n            padding: 30px;\n            border-radius: 12px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .ingredients-list-title {\n            font-size: 1.5em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n        }\n\n        .ingredients-text {\n            line-height: 1.8;\n            color: #333;\n            font-size: 0.95em;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .main-title { font-size: 1.8em; }\n            .timeline::after { right: 20px; }\n            .timeline-item { width: 100%; padding-right: 50px; }\n            .timeline-item:nth-child(even) { right: 0; }\n            .timeline-item::after { right: 10px; }\n            .stats-grid { grid-template-columns: 1fr 1fr; }\n            .proof-grid { grid-template-columns: 1fr; }\n            .usage-steps { grid-template-columns: 1fr; }\n        }\n\n        \/* Loading Animation *\/\n        .loading {\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\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        \/* Pulse Animation for Important Elements *\/\n        .pulse {\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n            100% { transform: scale(1); }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eDie fortschrittliche koreanische Wissenschaft verschmilzt mit der Weisheit der Natur\u003c\/h1\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"SOME BY MI Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eNicht nur ein weiteres Produkt zum Ausprobieren.\u003c\/strong\u003e Dies \u003cstrong\u003eEine echte wissenschaftliche Entdeckung\u003c\/strong\u003e Seine Arbeit ist die des brillantesten Hautpflegewissenschaftlers Koreas, und er hat seinen Erfolg bewiesen \u003cstrong\u003eMillionen von Nutzern\u003c\/strong\u003e Weltweit.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eDas Serum SOME BY MI löst das Problem an der Wurzel\u003c\/strong\u003e Mit der neuen Bi-Phasen-Technologie, die kombiniert \u003cstrong\u003e3 spezialisierte Säuren + natürliche Centella Asiatica + konzentrierter Grünteeextrakt.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eNachgewiesene wissenschaftliche Vorteile - Inhaltsstoffe, die Ergebnisse garantieren\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Vorteile von Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_3.png?v=1754408549\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"subtitle\" style=\"color: #9C8102; text-align: center; margin: 30px 0;\"\u003eBehandlung... Regeneration... Stimulation... Prävention\u003c\/h3\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTiefenpeeling abgestorbener Zellen\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit wissenschaftlich erforschten AHA-Säuren)\u003c\/strong\u003e Entfernt angesammelte abgestorbene Hautschichten und enthüllt neue, glatte und strahlende Haut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTiefenreinigung verstopfter Poren\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit spezialisierten BHA-Säuren)\u003c\/strong\u003e Strafft die Poren, entfernt Fett und angesammelten Schmutz und verhindert die Bildung von Mitessern\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSanfte Peeling für empfindliche Haut\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit sicheren PHA-Säuren)\u003c\/strong\u003e Peelt sehr sanft und erhält die natürliche Feuchtigkeit der Haut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eEntzündungen und Reizungen lindern\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella Asiatica 14,5%)\u003c\/strong\u003e Beruhigt jede durch Peeling verursachte Entzündung und beschleunigt die Heilung der Haut auf natürliche Weise\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eBekämpfe schädliche Bakterien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit grünem Tee Extrakt 10.000 ppm)\u003c\/strong\u003e Entfernt Bakterien, die Pickel und Infektionen verursachen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eDen Hautton angleichen und Flecken aufhellen\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit speziellen Säuren + Niacinamid)\u003c\/strong\u003e Gleicht den Hautton aus und hellt dunkle Flecken und Hyperpigmentierungen auf\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSichtbare Porengröße reduzieren\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit BHA + PHA Formel)\u003c\/strong\u003e Reinigt die Poren von innen und strafft das Gewebe darum, wodurch sie kleiner erscheinen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eRegt die Kollagenregeneration an\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella Asiatica + Säuren)\u003c\/strong\u003e Regt die Haut zur Produktion neuen Kollagens für natürliche Elastizität und Festigkeit an\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eAusgeglichene Feuchtigkeit ohne Fettigkeit\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit exklusiver Bi-Phase-Technologie)\u003c\/strong\u003e Pflegt die Haut und hält das Gleichgewicht zwischen Öl und Wasser\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSchutz vor Umweltschäden\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(mit natürlichen Antioxidantien)\u003c\/strong\u003e Schützt die Haut vor Umweltverschmutzung und freien Radikalen, die die Hautalterung beschleunigen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eDie raue Hautstruktur glätten\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(mit dreifach integrierter Formel)\u003c\/strong\u003e Lässt die Haut seidig glatt und gleichmäßig in der Textur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eNatürliche Beleuchtung für müde Haut\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit sanftem Peeling + Zellregeneration)\u003c\/strong\u003e Bringt die natürliche Ausstrahlung der Haut zurück und hinterlässt sie strahlend und gesund\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eDas Aussehen kleiner Falten reduzieren\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Stimulation der Zellregeneration + Kollagen)\u003c\/strong\u003e Füllt feine Linien auf und verhindert das Auftreten neuer Falten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eReguliert die übermäßige Fettsekretion\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit Niacinamid + grünem Tee)\u003c\/strong\u003e Reguliert die Fettsekretion für fettige und Mischhaut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eDie Heilung von Aknenarben beschleunigen\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Centella + regenerierende Säuren)\u003c\/strong\u003e Beschleunigt die Heilung alter Pickel und verhindert die Bildung neuer Narben\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Natürliche Inhaltsstoffe\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ingredients-title\"\u003eDreifache wissenschaftliche Formel: AHA + BHA + PHA\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eJede Säure hat ihre Aufgabe... und die drei zusammen wirken ein Wunder\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ AHA (Alphahydroxysäuren))\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eWissenschaftlich untersuchter Fokus\u003c\/strong\u003e Wirkt auf der Hautoberfläche, entfernt angesammelte abgestorbene Zellen und offenbart eine neue, weichere und strahlendere Schicht. Verbessert die Hautbeschaffenheit und gleicht nach und nach und sicher ihren Farbton aus.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ BHA (Beta-Hydroxysäuren)):\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eSpezialisierte Stärke\u003c\/strong\u003e Diejenigen, die die Tiefe verstopfter Poren und die Auflösung von angesammeltem Fett und Schmutz fürchten. Ideal für fettige und Mischhaut, reduziert die sichtbare Porengröße und verhindert die Bildung von Mitessern.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ PHA (Polyhydroxysäuren))\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eSanfte Berührung\u003c\/strong\u003e Peelt sehr sanft, auch für empfindliche Haut geeignet. Bewahrt die Feuchtigkeit während des Peelings und fördert die Zellregeneration, ohne Irritationen zu verursachen.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"product-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\u003c\/div\u003e\n\u003ch2 class=\"ingredients-title\"\u003eCentella asiatica 14,5%: authentische koreanische Heilpflanze\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eDie heilige Pflanze in der Hautpflege\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n                La Centella asiatica non è solo un ingrediente naturale... \u003cstrong\u003eDies ist eine vollständige Apotheke in einer Pflanze.\u003c\/strong\u003e Mit einer außergewöhnlichen Konzentration von 14,5 % wirkt sie auf:\n            \u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eInfektionen lindern\u003c\/strong\u003e Und Reizung durch Peeling\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDie Heilung der Haut beschleunigen\u003c\/strong\u003e Und repariert bestehende Schäden\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDie hydrolipidische Barriere stärken\u003c\/strong\u003e Natürlich gegen äußere Einflüsse\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRegt die Kollagenregeneration an\u003c\/strong\u003e Für eine elastischere und jüngere Haut\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Green Tea Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eExtrakt von grünem Tee 10.000 ppm: Antioxidative Kraft\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Grüner Tee Extrakt\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/green_tea_extract.jpg?v=1754409155\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eSchutz und Reinigung in einer einzigen Zutat\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n\u003cstrong\u003e10.000 ppm\u003c\/strong\u003e Aus reinem Grüntee-Extrakt - eine echte therapeutische Konzentration, die bietet:\n            \u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eÜberlegener Schutz\u003c\/strong\u003e Vor freien Radikalen und Umweltschäden\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTiefenreinigung\u003c\/strong\u003e Zum Schutz der Poren vor Bakterien und Schmutz\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eReguliert die Fettsekretion\u003c\/strong\u003e Für fettige und Mischhaut\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAntibakterielle Eigenschaften\u003c\/strong\u003e Verhindert das Auftreten von Infektionen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"results-section fade-in\"\u003e\n\u003ch2 class=\"results-title\"\u003eWissenschaftliche Evidenz: Ergebnisse, die von internationalen Laboren dokumentiert wurden\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 30px; color: #333;\"\u003eEchte Zahlen aus internationalen klinischen Tests:\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e73%\u003c\/div\u003e\n\u003cdiv\u003eDie Hautstruktur verbessern\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e67%\u003c\/div\u003e\n\u003cdiv\u003ePorengröße reduzieren\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e84%\u003c\/div\u003e\n\u003cdiv\u003eGleicht Öl und Feuchtigkeit aus\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv\u003eHautinfektionen lindern\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eEs handelt sich nicht nur um Marketingaussagen... dies sind die Ergebnisse von international anerkannten Laboren.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eDie 30-Tage-Reise: wissenschaftlich geprüfte Transformation\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDie erste Woche - Vorbereitung und Gewöhnung\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eDie Haut passt sich allmählich der aktiven Formel an\u003c\/li\u003e\n\u003cli\u003eDer Beginn der Tiefenreinigung der Poren und der Schmutzentfernung\u003c\/li\u003e\n\u003cli\u003eEine deutliche Verbesserung der Weichheit und Frische der Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDie zweite Woche - der Beginn der Erneuerung\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eDen Prozess der Zellregeneration beschleunigen und abgestorbene Hautschichten entfernen\u003c\/li\u003e\n\u003cli\u003eEine deutliche Verbesserung der Hauttextur und der Gleichmäßigkeit des Hauttons\u003c\/li\u003e\n\u003cli\u003eAllmähliche Verringerung der sichtbaren Porengröße\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDie dritte Woche - die deutliche Verwandlung\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSichtbare Ergebnisse in der Frische und Leuchtkraft der Haut\u003c\/li\u003e\n\u003cli\u003ePerfektes Gleichgewicht zwischen Ölen und Feuchtigkeit\u003c\/li\u003e\n\u003cli\u003eElastischere und lebendigere Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eWoche 4 - Das Wunder ist vollendet\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eEine vollständige Veränderung in der Qualität und Textur der Haut\u003c\/li\u003e\n\u003cli\u003eKleinere und weniger sichtbare Poren\u003c\/li\u003e\n\u003cli\u003eGesunde Haut strahlt natürliche Frische aus\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!-- Social Proof Section --\u003e\n\u003cdiv class=\"social-proof fade-in\"\u003e\n\u003ch2 class=\"social-proof-title\"\u003eEin vertrauenswürdiges Produkt von Millionen Nutzern weltweit\u003c\/h2\u003e\n\u003cdiv class=\"proof-grid\"\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e★\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eMillionen von weltweit verkauften Einheiten\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eVon Korea nach Europa und Amerika ist das Serum SOME BY MI zur ersten Wahl für diejenigen geworden, die eine echte Verjüngung der Haut suchen.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e◆\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eEr hat mehrere internationale Preise gewonnen\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDrücken Sie auf die wichtigsten Schönheits- und Hautpflegezeitschriften und Auszeichnungen von Schönheitsexperten aus aller Welt.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e▲\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eZufriedenheitsrate über 92%\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEchte Statistiken aus Tausenden von überprüften Bewertungen - eine außergewöhnliche Zufriedenheitsrate, die die Wirksamkeit des Produkts bestätigt.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eGutes Preis-Leistungs-Verhältnis\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◆ Hochwertige Inhaltsstoffe:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 Arten spezialisierter Hydroxy-Säuren + 14,5% Centella-Extrakt + hohe Konzentration an Grüntee-Extrakt\u003c\/strong\u003e - Eine Zusammensetzung, die mit den teuersten Behandlungen in spezialisierten Kliniken vergleichbar ist.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ GROSSE GRÖSSE - MEHR WERT\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e50 ml Ultra-Konzentrat\u003c\/strong\u003e Ausreichend für mehrere Monate regelmäßige Anwendung. Die großzügige Größe garantiert eine kontinuierliche Behandlung.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● Eine kleine Menge ist ausreichend\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003e3 Tropfen reichen aus, um das ganze Gesicht zu bedecken\u003c\/strong\u003e - Die hohe Konzentration bedeutet wirtschaftliche Anwendung und maximale Wirksamkeit.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e✓ Garantierte Ergebnisse\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cstrong\u003eDies ist kein experimentelles Produkt... dies sind dokumentierte, garantierte Ergebnisse von Millionen von Nutzern\u003c\/strong\u003e Weltweit. Eine sichere Investition in die Schönheit Ihrer Haut.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Guide Section --\u003e\n\u003cdiv class=\"usage-guide fade-in\"\u003e\n\u003ch2 class=\"usage-title\"\u003eWissenschaftlicher Leitfaden für genaue Verwendung\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Wie man benutzt\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_2.png?v=1754408553\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eRichtige Vorbereitung\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eReinige die Haut gründlich\u003c\/strong\u003e Verwenden Sie eine geeignete Lotion und lassen Sie sie vollständig trocknen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDie Flasche gut schütteln\u003c\/strong\u003e Um sicherzustellen, dass die beiden Schichten perfekt vermischt sind\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeginne allmählich\u003c\/strong\u003e - Verwenden Sie das Produkt anfangs 2-3 Mal pro Woche\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003eDie perfekte Anwendung\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e3-4 Tropfen auftragen\u003c\/strong\u003e Auf den Fingerspitzen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSanft auftragen\u003c\/strong\u003e Auf Gesicht, Augenpartie vermeiden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMit kreisenden Bewegungen massieren\u003c\/strong\u003e Für eine gleichmäßige Verteilung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFahren Sie mit einer geeigneten Feuchtigkeitscreme fort\u003c\/strong\u003e Für zusätzlichen Schutz\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-title\"\u003ePerfektes Timing\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeste Anwendung nachts\u003c\/strong\u003e Nach der Reinigung und vor der Feuchtigkeitscreme\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3-mal pro Woche beginnen\u003c\/strong\u003e Dann die Wiederholungen allmählich steigern\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSonnencreme verwenden\u003c\/strong\u003e Tagsüber zum Schutz der verjüngten Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safety Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eHinweise für eine sichere Anwendung\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\" style=\"border-right-color: #dc3545;\"\u003e\n\u003cdiv class=\"ingredient-name\" style=\"color: #dc3545;\"\u003e! Wichtige Anweisungen\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNur zur äußeren Anwendung\u003c\/strong\u003e - Augenkontakt vermeiden\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZuerst auf Allergien testen\u003c\/strong\u003e Auf einem kleinen Hautbereich\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVor Sonnenlicht schützen\u003c\/strong\u003e Direkt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\" style=\"border-right-color: #28a745;\"\u003e\n\u003cdiv class=\"ingredient-name\" style=\"color: #28a745;\"\u003e✓ Erfolgstipps\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSei geduldig mit dem Ergebnis\u003c\/strong\u003e - Wahre Regeneration braucht Zeit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegelmäßigkeit aufrechterhalten\u003c\/strong\u003e In Gebrauch\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSonnencreme verwenden\u003c\/strong\u003e Immer wenn du der Sonne ausgesetzt bist\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=\"results-section fade-in\"\u003e\n\u003ch2 class=\"results-title\"\u003eIn fortschrittliche Hautwissenschaft investieren\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Eine Investition in die Schönheit\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_serun.jpg?v=1754409432\"\/\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eDas Serum SOME BY MI ist nicht nur ein Schönheitsprodukt... es ist ein Stück fortschrittlicher Technologie für die koreanische Hautpflege.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n\u003cstrong\u003eKomplexe klinische Formel, jahrelange Forschung und strenge internationale Tests\u003c\/strong\u003e - All dies in einer einzigen Formel, die eine echte Transformation Ihrer Haut bewirkt.\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n\u003cstrong\u003eInvestiere in die Wissenschaft... und ernte die Schönheit einer perfekten Haut.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list fade-in\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eVollständige Liste der Inhaltsstoffe:\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003e\n                Wasser, Centella Asiatica-Extrakt, Cetyl Ethylhexanoat, Caprylic\/Capric Triglycerid, Glycerin, Olivenfruchtöl, Propandiol, Alkohol, Butylenglykol, 1,2-Hexandiol, Niacinamid, Melaleuca Alternifolia-Blattwasser, Camellia Sinensis-Blattextrakt, Scutellaria Baicalensis-Wurzelextrakt, Polygonum Cuspidatum-Wurzelextrakt, Glycyrrhiza Glabra-Wurzelextrakt, Chamomilla Recutita-Blütenextrakt, Rosmarinus Officinalis-Blattextrakt, Natriumlactat, Natrium-PCA, Zitronensäure, Milchsäure, Apfelsäure, Glycolsäure, Brenztraubensäure, Weinsäure, Gaultheria Procumbens-Blattextrakt, Lactobionsäure und weitere spezialisierte aktive Inhaltsstoffe.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA Section --\u003e\n\u003cdiv class=\"final-cta fade-in pulse\"\u003e\n\u003ch2 class=\"cta-title\"\u003eEs ist alles, genug mit den zufälligen Experimenten... beginne heute die echte Behandlung\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSOME BY MI Serum - Fortgeschrittene koreanische Wissenschaft im Dienst Ihrer Schönheit\u003c\/strong\u003e\u003cbr\/\u003e\n                Echte Transformation, garantierte Ergebnisse, Vertrauen von Millionen Nutzern weltweit\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        \/\/ Intersection Observer for fade-in animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all fade-in elements\n        document.addEventListener('DOMContentLoaded', function() {\n            const fadeElements = document.querySelectorAll('.fade-in');\n            fadeElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n\n            \/\/ Add loading animation to all elements\n            const allElements = document.querySelectorAll('.product-description \u003e *');\n            allElements.forEach((el, index) =\u003e {\n                el.classList.add('loading');\n                el.style.animationDelay = `${index * 0.1}s`;\n            });\n\n            \/\/ Hover effects for benefit items\n            const benefitItems = document.querySelectorAll('.benefit-item');\n            benefitItems.forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-10px) scale(1.02)';\n                });\n                \n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(-5px) scale(1)';\n                });\n            });\n\n            \/\/ Enhanced hover effects for cards\n            const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item');\n            cards.forEach(card =\u003e {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n            });\n\n            \/\/ Smooth scroll reveal for timeline\n            const timelineItems = document.querySelectorAll('.timeline-item');\n            const timelineObserver = new IntersectionObserver(function(entries) {\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            }, { threshold: 0.2 });\n\n            timelineItems.forEach(item =\u003e {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n                timelineObserver.observe(item);\n            });\n\n            \/\/ Counter animation for stats\n            const statNumbers = document.querySelectorAll('.stat-number');\n            const statsObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const target = parseInt(entry.target.textContent);\n                        let current = 0;\n                        const increment = target \/ 50;\n                        const timer = setInterval(() =\u003e {\n                            current += increment;\n                            if (current \u003e= target) {\n                                entry.target.textContent = target + '%';\n                                clearInterval(timer);\n                            } else {\n                                entry.target.textContent = Math.floor(current) + '%';\n                            }\n                        }, 30);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            statNumbers.forEach(stat =\u003e {\n                statsObserver.observe(stat);\n            });\n\n            \/\/ Parallax effect for hero section\n            window.addEventListener('scroll', function() {\n                const scrolled = window.pageYOffset;\n                const heroSection = document.querySelector('.hero-section');\n                if (heroSection) {\n                    const rate = scrolled * -0.5;\n                    heroSection.style.transform = `translateY(${rate}px)`;\n                }\n            });\n\n            \/\/ Enhanced product image hover effects\n            const productImages = document.querySelectorAll('.product-image img');\n            productImages.forEach(img =\u003e {\n                img.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.05) rotate(1deg)';\n                    this.style.transition = 'all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n                \n                img.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n\n        \/\/ Add subtle animations to step numbers\n        document.addEventListener('DOMContentLoaded', function() {\n            const stepNumbers = document.querySelectorAll('.step-number');\n            stepNumbers.forEach(step =\u003e {\n                step.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.2) rotate(360deg)';\n                    this.style.transition = 'all 0.5s ease';\n                });\n                \n                step.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/body\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44982711779525,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_30_days_aha_bha_pha_tea_tree_centella_serum_2.jpg?v=1754411667"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-cream","title":"Some by Mi AHA.BHA.PHA 30 Days Miracle Cream 60grams","description":"\u003cdiv class=\"sbm-miracle-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* Styles *\/\n            --sbm-bg-card: rgba(8, 24, 15, 0.85); \/* Styles *\/\n            --sbm-neon-green: #00e676; \/* Styles *\/\n            --sbm-neon-mint: #69f0ae; \/* Styles *\/\n            --sbm-neon-gold: #ffd700; \/* Styles *\/\n            --sbm-glow-green: rgba(0, 230, 118, 0.45);\n            --sbm-glow-gold: rgba(255, 215, 0, 0.4);\n            --sbm-text-pure: #ffffff; \/* Styles *\/\n            --sbm-border: rgba(0, 230, 118, 0.25);\n            --sbm-border-hover: rgba(105, 240, 174, 0.8);\n            \n            background-color: var(--sbm-bg-deep);\n            color: var(--sbm-text-pure);\n            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.8;\n            overflow-x: hidden;\n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: 0 0 100px rgba(0, 230, 118, 0.08) inset;\n        }\n\n        .sbm-miracle-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .neon-green {\n            color: var(--sbm-neon-green) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-green), 0 0 20px var(--sbm-glow-green);\n            font-weight: 900;\n        }\n\n        .neon-mint {\n            color: var(--sbm-neon-mint) !important;\n            text-shadow: 0 0 10px rgba(105, 240, 174, 0.6), 0 0 20px rgba(105, 240, 174, 0.3);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--sbm-neon-gold) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-gold), 0 0 20px var(--sbm-glow-gold);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        .sbm-miracle-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(0, 230, 118, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        .sbm-img-md {\n            max-width: 650px !important;\n            width: 100%;\n        }\n\n        .sbm-container {\n            max-width: 900px;\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        .sbm-ambient-particles {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 1; pointer-events: none; overflow: hidden;\n        }\n\n        .sbm-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm-glow-green) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpSbm 16s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpSbm {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.4; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        .sbm-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5vw, 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(0, 230, 118, 0.4);\n            word-wrap: break-word;\n        }\n\n        .sbm-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        .sbm-section-title::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 160px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-green), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--sbm-glow-green);\n        }\n\n        .sbm-badge {\n            display: inline-block;\n            background: rgba(0, 230, 118, 0.12);\n            border: 1.5px solid var(--sbm-neon-green);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px rgba(0, 230, 118, 0.3);\n            letter-spacing: 0.5px;\n        }\n\n        .sbm-hero-subtitle {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 820px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--sbm-neon-green);\n            padding-right: 20px;\n            background: linear-gradient(90deg, transparent, rgba(0, 230, 118, 0.08));\n            border-radius: 12px 0 0 12px;\n            text-align: left;\n        }\n\n        .sbm-ingredient-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(0, 230, 118, 0.12);\n            border: 1px solid var(--sbm-neon-green);\n            color: var(--sbm-neon-green);\n            padding: 5px 14px;\n            border-radius: 8px;\n            font-size: 0.95rem;\n            font-weight: 800;\n            margin-bottom: 14px;\n            box-shadow: 0 0 12px rgba(0, 230, 118, 0.2);\n            width: fit-content;\n            max-width: 100%;\n            white-space: normal;\n            word-break: break-word;\n        }\n\n        .sbm-ingredient-tag.gold {\n            background: rgba(255, 215, 0, 0.12);\n            border-color: var(--sbm-neon-gold);\n            color: var(--sbm-neon-gold);\n            box-shadow: 0 0 12px rgba(255, 215, 0, 0.2);\n        }\n\n        .sbm-ingredient-tag.mint {\n            background: rgba(105, 240, 174, 0.12);\n            border-color: var(--sbm-neon-mint);\n            color: var(--sbm-neon-mint);\n            box-shadow: 0 0 12px rgba(105, 240, 174, 0.2);\n        }\n\n        .sbm-glass-box {\n            background: var(--sbm-bg-card);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            margin: 40px auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n            position: relative;\n            overflow: hidden;\n            max-width: 860px;\n            width: 100%;\n        }\n\n        .sbm-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(--sbm-neon-green), var(--sbm-neon-mint), transparent);\n        }\n\n        .sbm-glass-box p, \n        .sbm-glass-box li {\n            color: #ffffff;\n            font-size: 1.12rem;\n            font-weight: 600;\n            line-height: 1.85;\n        }\n\n        .sbm-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 24px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 24px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-card {\n            background: linear-gradient(145deg, rgba(10, 32, 20, 0.85), rgba(4, 12, 8, 0.95));\n            border: 1px solid var(--sbm-border);\n            border-radius: 18px;\n            padding: 28px 24px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\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        .sbm-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm-neon-mint);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-green);\n            background: rgba(14, 42, 26, 0.95);\n        }\n\n        .sbm-icon {\n            width: 58px;\n            height: 58px;\n            background: rgba(4, 15, 9, 0.9);\n            border: 1.5px solid rgba(0, 230, 118, 0.4);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--sbm-neon-green);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(0, 230, 118, 0.15);\n            flex-shrink: 0;\n        }\n\n        .sbm-card:hover .sbm-icon {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--sbm-neon-green);\n            color: #030805;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--sbm-neon-green);\n        }\n\n        .sbm-card h3 {\n            font-size: 1.35rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .sbm-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            line-height: 1.75;\n            font-weight: 600;\n        }\n\n        .sbm-stats-wrap {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            justify-content: center;\n            margin: 40px 0;\n            width: 100%;\n        }\n\n        .sbm-stat-box {\n            background: rgba(4, 16, 10, 0.9);\n            border: 1.5px solid var(--sbm-border);\n            border-radius: 18px;\n            padding: 25px 20px;\n            text-align: center;\n            flex: 1;\n            min-width: 190px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n            transition: transform 0.3s ease;\n        }\n\n        .sbm-stat-box:hover {\n            transform: translateY(-5px);\n            border-color: var(--sbm-neon-green);\n            box-shadow: 0 0 25px var(--sbm-glow-green);\n        }\n\n        .sbm-stat-num {\n            font-size: 3rem;\n            font-weight: 900;\n            color: #ffffff;\n            line-height: 1;\n            margin-bottom: 12px;\n            text-shadow: 0 0 25px var(--sbm-glow-green);\n        }\n\n        .sbm-stat-desc {\n            font-size: 1.05rem;\n            color: #ffffff;\n            font-weight: 700;\n            line-height: 1.5;\n        }\n\n        .sbm-timeline-wrap {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-timeline-card {\n            background: rgba(6, 20, 12, 0.75);\n            border: 1px solid var(--sbm-border);\n            border-right: 5px solid var(--sbm-neon-green);\n            border-radius: 16px;\n            padding: 25px;\n            text-align: left;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n        }\n\n        .sbm-timeline-card:hover {\n            transform: translateX(-8px);\n            border-color: var(--sbm-neon-mint);\n            background: rgba(8, 28, 16, 0.9);\n        }\n\n        .sbm-timeline-card h4 {\n            font-size: 1.35rem;\n            color: #ffffff;\n            margin-bottom: 12px;\n            font-weight: 800;\n        }\n\n        .sbm-timeline-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .sbm-timeline-list li {\n            position: relative;\n            padding-right: 26px;\n            margin-bottom: 10px;\n            color: #ffffff;\n            font-size: 1.08rem;\n            font-weight: 600;\n            line-height: 1.75;\n        }\n\n        .sbm-timeline-list li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            top: 2px;\n            color: var(--sbm-neon-green);\n            font-weight: 900;\n            font-size: 1.1rem;\n            text-shadow: 0 0 8px var(--sbm-glow-green);\n        }\n\n        .sbm-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n            width: 100%;\n        }\n\n        .sbm-step-card {\n            background: rgba(6, 18, 11, 0.7);\n            border: 1px dashed var(--sbm-border);\n            padding: 26px 20px;\n            border-radius: 18px;\n            text-align: center;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-step-card:hover {\n            border-color: var(--sbm-neon-green);\n            transform: translateY(-5px);\n            background: rgba(8, 26, 15, 0.9);\n        }\n\n        .sbm-step-num {\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #0a2616, #030a05);\n            border: 2px solid var(--sbm-neon-green);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.4rem;\n            font-weight: 900;\n            color: var(--sbm-neon-green);\n            margin: 0 auto 16px;\n            box-shadow: 0 0 15px var(--sbm-glow-green);\n        }\n\n        .sbm-step-card h4 {\n            color: var(--sbm-neon-green);\n            font-size: 1.25rem;\n            font-weight: 800;\n            margin-bottom: 10px;\n        }\n\n        .sbm-step-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            font-weight: 600;\n            line-height: 1.75;\n        }\n\n        .sbm-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        .sbm-reveal.sbm-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbm-delay-1 { transition-delay: 0.12s; }\n        .sbm-delay-2 { transition-delay: 0.24s; }\n\n        \/* Styles *\/\n            .sbm-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            .sbm-benefits-grid .sbm-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .sbm-benefits-grid .sbm-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .sbm-benefits-grid .sbm-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            .sbm-benefits-grid .sbm-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            .sbm-steps-grid { grid-template-columns: 1fr; }\n            .sbm-stats-wrap { flex-direction: column; }\n            .sbm-title-glow { font-size: 24px; }\n            .sbm-section-title { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"sbm-ambient-particles\" id=\"sbm-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm-hero sbm-reveal sbm-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"sbm-badge\"\u003eDas entscheidende koreanische Protokoll zur Beseitigung von Pickeln und Flecken)\u003c\/div\u003e\n\u003ch1 class=\"sbm-title-glow\"\u003eSome By Mi Miracle Cream | Das koreanische Wunder, um Pickel und ihre Folgen in 30 Tagen zu beseitigen\u003c\/h1\u003e\n\u003cp class=\"sbm-hero-subtitle\"\u003e\n                \"Hast du viele Cremes und Lotionen ausprobiert, und alle trocknen dich aus und zerstören die hydrolipidische Barriere? Oder verschwinden die Pickel und kommen dann schlimmer zurück? Der wahre Kampf findet nicht auf der Hautoberfläche statt.. Der Kampf ist innen, tief in den vergessenen Poren.\"\n            \u003c\/p\u003e\n\u003cimg alt=\"SOME BY MI Miracle Cream Jar\" class=\"sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_1.webp?v=1754413555\" style=\"margin-bottom: 35px;\"\/\u003e\n\u003cdiv style=\"background: rgba(0, 230, 118, 0.1); border: 1.5px solid var(--sbm-neon-green); border-radius: 16px; padding: 25px; text-align: center; max-width: 820px; margin: 0 auto;\"\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 900; color: #ffffff; line-height: 1.8;\"\u003e\n                    Es ist nicht nur eine normale Feuchtigkeitscreme... dies \u003cspan class=\"neon-green\"\u003eSorgfältige therapeutische Formel\u003c\/span\u003e Kombiniert die weltweit höchste Konzentration beruhigender Centella \u003cspan class=\"neon-gold\"\u003e(70.78%)\u003c\/span\u003e Und die Kraft der drei Säuren, um Bakterien zu reinigen und gleichzeitig die hydrolipidische Barriere wiederherzustellen!\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sbm-reveal\" style=\"margin-top: 20px;\"\u003e\n\u003ch2 class=\"sbm-section-title\"\u003eDirekte therapeutische Vorteile und aktive Inhaltsstoffe\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n                Jedes Ergebnis, das du im Spiegel sehen wirst, hat eine aktive biologische Komponente, die dafür entwickelt wurde, es von den Wurzeln aus zu behandeln:\n            \u003c\/p\u003e\n\u003cdiv class=\"sbm-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\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-green\"\u003eSofortige Unterdrückung der Granula\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag\"\u003eCentella 70,78% + Teebaum\u003c\/div\u003e\n\u003cp\u003eEntfernt Bakterien, die Pickel verursachen, und lindert sofort Rötung und Brennen ohne Austrocknung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"sbm-card sbm-delay-1\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"m4.93 4.93 14.14 14.14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eTiefenreinigung der Poren\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag gold\"\u003eSalicylsäure BHA\u003c\/div\u003e\n\u003cp\u003eEindringt tief ein, um Fett und Mitesser aufzulösen und verstopfte Poren dauerhaft zu verhindern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"sbm-card sbm-delay-2\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\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-mint\"\u003eAbschälen der toten Haut\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag mint\"\u003eZitronensäure AHA\u003c\/div\u003e\n\u003cp\u003eEntfernt Schuppen und angesammelte abgestorbene Zellen und verleiht von der ersten Woche an eine glatte und seidige Textur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eFeuchtigkeit und Feuchtigkeitsbindung\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag mint\"\u003eLactobionsäure PHA\u003c\/div\u003e\n\u003cp\u003eSanfte Peeling reich an Antioxidantien, die Wassermoleküle in den Zellen empfindlicher Haut speichern.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"sbm-card sbm-delay-1\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-green\"\u003eBehandlung der Auswirkungen von Pickeln\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag\"\u003eKomplex 4-CICA + Adenosin\u003c\/div\u003e\n\u003cp\u003eBeschleunigt die Wundheilung und verhindert die Bildung von dauerhaften Narben, während neue braune Flecken verblassen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"sbm-card sbm-delay-2\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"26\"\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\"\u003eWiederherstellung der Hydrolipidbarriere\u003c\/h3\u003e\n\u003cdiv class=\"sbm-ingredient-tag gold\"\u003eCeramide NP\u003c\/div\u003e\n\u003cp\u003eRekonstruiert den Schutzschild der Haut, um sie vor Bakterien, Trockenheit und dem Wiederauftreten von Infektionen zu schützen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The Root Cause Problem Section --\u003e\n\u003cdiv class=\"sbm-glass-box sbm-reveal\"\u003e\n\u003ch2 style=\"color: #ffffff; text-align: center; margin-bottom: 20px; font-size: 1.6rem; font-weight: 900;\"\u003e\n                Warum 85 % der Produkte auf Getreidebasis nach den ersten zwei Wochen versagen?\n            \u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: #ffffff; line-height: 1.85; margin-bottom: 25px; font-size: 1.15rem; font-weight: 600;\"\u003e\n                Die meisten kommerziellen Aknebehandlungen basieren auf dem aggressiven Austrocknen der Haut. Das Ergebnis? Die hydrolipidische Barriere bricht zusammen, die Kopfhaut produziert doppelt so viel Kompenseb, und die Pickel brechen wieder unter der Haut aus, als hättest du nichts getan!\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(2, 10, 6, 0.9); border-right: 4px solid var(--sbm-neon-gold); border-radius: 12px; padding: 22px; margin-bottom: 20px;\"\u003e\n\u003ch3 style=\"color: var(--sbm-neon-gold); font-size: 1.3rem; margin-bottom: 10px; font-weight: 800;\"\u003eL'impossibile equazione coreana che ha risolto la crisi:\u003c\/h3\u003e\n\u003cp style=\"color: #ffffff; font-size: 1.1rem; line-height: 1.8; font-weight: 600;\"\u003e\n                    Damit Pickel vollständig verschwinden und keine Spuren hinterlassen, sind 3 Verfahren in derselben Minute erforderlich: \u003cspan class=\"neon-green\"\u003eAbschälen der oberflächlichen toten Haut\u003c\/span\u003e + \u003cspan class=\"neon-mint\"\u003eAuflösung von verfestigten Fetten innerhalb der Poren\u003c\/span\u003e + \u003cspan class=\"neon-gold\"\u003eUnterdrückung der Entzündung und Wiederherstellung der Barriere\u003c\/span\u003e. Das ist die Essenz der Wundercreme.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Miracle Cream Benefits\" class=\"sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_2.webp?v=1754413603\" style=\"margin-top: 25px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 4. The Core Mechanism (How It Works) --\u003e\n\u003ch2 class=\"sbm-section-title sbm-reveal\"\u003eL'arsenale di ingredienti attivi: bioingegneria esplicita\u003c\/h2\u003e\n\u003cp class=\"sbm-reveal pure-white\" style=\"text-align: center; margin-bottom: 35px; font-size: 1.18rem;\"\u003eKeine verdünnten Handelsauszüge.. Dies sind echte therapeutische Konzentrationen, die die Sprache der Hautbiologie sprechen:\u003c\/p\u003e\n\u003cimg alt=\"Centella Asiatica\" class=\"sbm-reveal sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\" style=\"margin-bottom: 35px;\"\/\u003e\n\u003cdiv class=\"sbm-grid\"\u003e\n\u003cdiv class=\"sbm-card sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\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-green\"\u003eCentella Asiatica 70,78%\u003c\/h3\u003e\n\u003cp\u003eDie höchste Konzentration, die Sie in einer Pflegecreme finden werden. Ein legendärer beruhigender Wirkstoff, der die Flammen von Rötung und Entzündung in wenigen Minuten löscht und die Kollagenproduktion anregt, um müde Haut wieder aufzubauen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card sbm-reveal sbm-delay-1\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003cline x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eDreifache Säuren AHA + BHA + PHA\u003c\/h3\u003e\n\u003cp\u003eIntegrierte Allianz: \u003cstrong\u003eAHA\u003c\/strong\u003e Peelt die Oberfläche und entfernt die Pigmentierung. \u003cstrong\u003eBHA\u003c\/strong\u003e Dringt tief in die Poren ein, um Mitesser und Talg aufzulösen\u003cstrong\u003ePHA\u003c\/strong\u003e Befeuchtet die empfindliche Haut sanft.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card sbm-reveal sbm-delay-2\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolygon points=\"12 6 12 12 16 14\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eTeebaumwasser (10.000 ppm))\u003c\/h3\u003e\n\u003cp\u003eEin natürliches Breitband-Antibakterium, das die Bakterien angreift, die Pickel (C. acnes) zu Hause verursachen, und die Bildung neuer Pickel verhindert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" 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 class=\"neon-green\"\u003eExklusiver 4-CICA-Komplex\u003c\/h3\u003e\n\u003cp\u003eVier reine Substanzen, isoliert aus dem Herzen der Cyca-Pflanze (Madecassosid, Asiaticosid, Madecasssäure, Asiatische Säure), beschleunigen die Wundheilung und verhindern, dass Pickel zu dauerhaften Narben werden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Clinical Evidence \u0026 Stats --\u003e\n\u003ch2 class=\"sbm-section-title sbm-reveal\"\u003eZahlen lügen nicht: wissenschaftlich belegte klinische Ergebnisse\u003c\/h2\u003e\n\u003cimg alt=\"Clinical Testing Results\" class=\"sbm-reveal sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Cream-XOXO-1.jpg?v=1754414218\" style=\"margin-bottom: 30px;\"\/\u003e\n\u003cdiv class=\"sbm-stats-wrap sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-stat-box\"\u003e\n\u003cdiv class=\"sbm-stat-num neon-green\"\u003e94%\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-desc\"\u003eSofortige Reduzierung von Pickeln und aktiven Infektionen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-box\"\u003e\n\u003cdiv class=\"sbm-stat-num neon-mint\"\u003e89%\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-desc\"\u003eDeutliches Verblassen von braunen Flecken und Spuren alter Pickel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-box\"\u003e\n\u003cdiv class=\"sbm-stat-num neon-gold\"\u003e91%\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-desc\"\u003eSpürbare Verbesserung der Glätte und Verfeinerung der Hauttextur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-box\"\u003e\n\u003cdiv class=\"sbm-stat-num neon-green\"\u003e76%\u003c\/div\u003e\n\u003cdiv class=\"sbm-stat-desc\"\u003eRegulieren und kontrollieren die übermäßige Sebumproduktion und die unansehnliche Glanzwirkung\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. 30-Day Transformation Timeline --\u003e\n\u003ch2 class=\"sbm-section-title sbm-reveal\"\u003eDie 30-Tage-Reise: was mit deiner Haut passiert, Woche für Woche?\u003c\/h2\u003e\n\u003cdiv class=\"sbm-timeline-wrap sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eErste Woche: \u003cspan class=\"neon-green\"\u003eFeuer löschen und sofortige Beruhigung\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eSofortige Linderung von Rötungen, Reizungen und Brennen ab der ersten Anwendung.\u003c\/li\u003e\n\u003cli\u003eStoppt sofort die Bildung von entzündeten und plötzlichen Pickeln unter der Haut.\u003c\/li\u003e\n\u003cli\u003eEine leichte und beruhigende Feuchtigkeitsbarriere, die beginnt, die Haut vor Verschmutzung und Schmutz zu schützen.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eDie zweite Woche: \u003cspan class=\"neon-mint\"\u003ePoren reinigen und den Beginn der richtigen Trockenheit\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eBestehende Pickel trocknen aus und heilen, ohne heftige Krusten zu hinterlassen.\u003c\/li\u003e\n\u003cli\u003eTiefenreinigung der Poren von angesammeltem Fett und Beginn der Verringerung der Größe von Mitessern.\u003c\/li\u003e\n\u003cli\u003eNeue braune Flecken beginnen allmählich zu verschwinden.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eWoche 3: \u003cspan class=\"neon-gold\"\u003eVerfeinerung der Textur und Gleichmäßigkeit der Farbe\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eFast vollständiges Verschwinden von aktiven Pickeln und Wiederherstellung der glatten Hautstruktur.\u003c\/li\u003e\n\u003cli\u003eEine deutliche Vereinheitlichung der Gesichtsfarbe und eine Verringerung der Pigmentierung, die durch die Auswirkungen früherer Pickel entstanden ist.\u003c\/li\u003e\n\u003cli\u003eEine deutliche Verringerung des Erscheinungsbildes vergrößerter Poren dank der Kontrolle der Talgproduktion.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-timeline-card\"\u003e\n\u003ch4\u003eWoche 4: \u003cspan class=\"neon-green\"\u003eDas Wunder ist vollständig und deine Haut ist geschützt\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cul class=\"sbm-timeline-list\"\u003e\n\u003cli\u003eHelle Haut, voller Vitalität und völlig frei von störenden Unreinheiten.\u003c\/li\u003e\n\u003cli\u003eEine starke und kohäsive Hydrolipidbarriere, die alleine gegen Bakterien und Umweltfaktoren kämpft\u003c\/li\u003e\n\u003cli\u003eVolles Vertrauen in das natürliche Aussehen Ihrer Haut, ohne dass irgendein Make-up oder Concealer nötig ist, um Unvollkommenheiten zu verbergen.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Value Proposition --\u003e\n\u003ch2 class=\"sbm-section-title sbm-reveal\"\u003eAußergewöhnlicher Wert und eine echte Alternative zu teuren Routinen\u003c\/h2\u003e\n\u003cdiv class=\"sbm-grid sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eGroße Packung 60 Gramm\u003c\/h3\u003e\n\u003cp\u003eSuperkonzentration, die zwei volle Monate regelmäßiger täglicher Anwendung hält. Sehr großzügige Größe im Vergleich zu kleinen pharmazeutischen Behandlungssalben.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" 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 class=\"neon-green\"\u003e4 Lösungen in einem Produkt\u003c\/h3\u003e\n\u003cp\u003ePeelt abgestorbene Zellen, reinigt die Poren tief, lindert Rötungen und stellt die Feuchtigkeitsbarriere wieder her. Du musst keine 4 separaten Seren kaufen, um Pickel zu behandeln.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eLeichte Gel-Creme-Textur auf Wasserbasis\u003c\/h3\u003e\n\u003cp\u003eWird in wenigen Sekunden von der Haut aufgenommen, ohne ein fettiges, klebriges oder schweres Gefühl zu hinterlassen. Verstopft die Poren überhaupt nicht und ist ideal für die härtesten und feuchtesten Sommerumgebungen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol --\u003e\n\u003ch2 class=\"sbm-section-title sbm-reveal\"\u003eKorrektes Anwendungsprotokoll für maximale Wirksamkeit\u003c\/h2\u003e\n\u003cimg alt=\"How to use Miracle Cream\" class=\"sbm-reveal sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_6.jpg?v=1754413921\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"sbm-steps-grid sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eVorbereitung und Reinigung\u003c\/h4\u003e\n\u003cp\u003eWasche dein Gesicht mit einem sanften Reinigungsmittel und trockne die Haut behutsam. Es ist vorzuziehen, vorher das passende Tonikum zu verwenden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eDie perfekte Menge\u003c\/h4\u003e\n\u003cp\u003eNimm nur eine erbsengroße Menge. Die Konzentration der wichtigsten aktiven Inhaltsstoffe ist sehr hoch und reicht aus, um das gesamte Gesicht abzudecken.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eVerteilung und Massage\u003c\/h4\u003e\n\u003cp\u003eDie Creme auf Wangen, Stirn und Kinn auftragen und mit den Fingerspitzen sanft mit kreisenden Bewegungen einmassieren, bis sie vollständig eingezogen ist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eRegelmäßigkeit und Schutz\u003c\/h4\u003e\n\u003cp\u003eMorgens und abends anwenden (mit der Notwendigkeit, tagsüber Sonnenschutz aufzutragen, um die aufhellenden Ergebnisse zu erhalten und die neuen Zellen zu schützen))\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final Compelling CTA --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, rgba(8, 28, 16, 0.95) 0%, rgba(3, 10, 6, 0.98) 100%); border-radius: 24px; border: 2px solid var(--sbm-neon-green); box-shadow: 0 20px 60px rgba(0, 230, 118, 0.25);\"\u003e\n\u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                Nur 30 Tage trennen dich von neuer Haut und absolutem Selbstvertrauen\n            \u003c\/h2\u003e\n\u003cimg alt=\"Skin Transformation\" class=\"sbm-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_7.jpg?v=1754413840\" style=\"margin: 30px auto;\"\/\u003e\n\u003cp style=\"font-size: 1.25rem; color: #ffffff; max-width: 780px; margin: 0 auto 25px; line-height: 1.85; font-weight: 600;\"\u003e\n                Anstatt Pickel und Flecken mit Schichten von Make-up zu verdecken, die die Poren verstopfen und das Problem verschlimmern, wähle die wissenschaftlich belegte Lösung, die das Leben von Millionen Nutzern auf der ganzen Welt verändert hat.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--sbm-neon-green); font-size: 1.55rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--sbm-glow-green);\"\u003e\n                Beginne sofort die 30-tägige Reise... und finde die strahlende Frische deiner Haut mit Sicherheit wieder!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 10. Full Ingredients Technical Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"background: rgba(0,0,0,0.85); border: 1px dashed rgba(0, 230, 118, 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(--sbm-neon-green); margin-bottom: 15px; font-size: 1.2rem; text-align: left; direction: ltr; font-weight: 800;\"\u003e\n                Vollständige und zertifizierte Liste der Inhaltsstoffe (INCI)\n            \u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ffffff; line-height: 1.8; font-weight: 500;\"\u003e\n\u003cstrong style=\"color: var(--sbm-neon-green);\"\u003eCentella Asiatica Extract (70.78%)\u003c\/strong\u003e, Dipropylene Glycol, Glycerin, Water, \u003cstrong style=\"color: var(--sbm-neon-mint);\"\u003eNiacinamide\u003c\/strong\u003e, Caprylic\/Capric Triglyceride, Cetyl Ethylhexanoate, \u003cstrong style=\"color: var(--sbm-neon-green);\"\u003eMelaleuca Alternifolia (Tea Tree) Leaf Water (10,000 ppm)\u003c\/strong\u003e, Ricinus Communis (Castor) Seed Oil, Hydrogenated Castor Oil, \u003cstrong style=\"color: var(--sbm-neon-mint);\"\u003eMadecassoside, Asiaticoside, Madecassic Acid, Asiatic Acid (4-CICA Complex)\u003c\/strong\u003e, Salicylic Acid (BHA), Lactobionic Acid (PHA), Citric Acid (AHA), Olea Europaea (Olive) Fruit Oil, Adenosine, Ceramide NP, Allantoin, Scutellaria Baicalensis Root Extract, Camellia Sinensis (Green Tea) Leaf Extract, Rosmarinus Officinalis (Rosemary) Leaf Extract.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Scroll Reveal Observer\n            var reveals = document.querySelectorAll('.sbm-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Ambient Particles Generator\n            var ambientContainer = document.getElementById('sbm-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('sbm-particle');\n                \n                var size = Math.random() * 45 + 12; \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":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44982769090757,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/61otJV0m4JL._SL1500.jpg?v=1754414000"},{"product_id":"cosrx-hyaluronic-acid-intensive-cream","title":"COSRX Hyaluronic Acid Intensive Cream 100grams","description":"\u003cstyle\u003e\n        .golden-accent { color: #9C8102; font-weight: bold; }\n        .section-title { \n            color: #9C8102; \n            font-size: 1.6em; \n            margin: 30px 0 20px 0; \n            font-weight: bold; \n            text-align: center;\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n            border-bottom: 3px solid #9C8102;\n            padding-bottom: 10px;\n        }\n        .problem-intro {\n            background: linear-gradient(135deg, #ff6b6b, #ee5a52);\n            color: white;\n            padding: 30px;\n            border-radius: 15px;\n            margin: 25px 0;\n            font-size: 1.1em;\n            line-height: 1.9;\n            box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3);\n        }\n        .unique-title {\n            background: linear-gradient(135deg, #9C8102, #B8941A);\n            color: white;\n            padding: 40px;\n            text-align: center;\n            margin: 30px 0;\n            border-radius: 20px;\n            font-size: 1.8em;\n            font-weight: bold;\n            box-shadow: 0 10px 30px rgba(156, 129, 2, 0.4);\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n        }\n        .subtitle {\n            text-align: center;\n            font-size: 1.3em;\n            color: #666;\n            margin: 15px 0 30px 0;\n            font-style: italic;\n        }\n        .benefit-item { \n            margin: 20px 0; \n            padding: 25px; \n            background: linear-gradient(135deg, #f8f9fa, #e9ecef); \n            border-right: 6px solid #9C8102; \n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n        .benefit-item:hover { \n            transform: translateX(-5px) translateY(-2px); \n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n        .how-it-works {\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            color: white;\n            padding: 30px;\n            border-radius: 15px;\n            margin: 25px 0;\n            font-size: 1.1em;\n            line-height: 1.8;\n            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);\n        }\n        .timeline-section {\n            background: #2c3e50;\n            color: white;\n            padding: 30px;\n            border-radius: 15px;\n            margin: 25px 0;\n            box-shadow: 0 8px 25px rgba(44, 62, 80, 0.3);\n        }\n        .timeline-item {\n            margin: 15px 0;\n            padding: 15px;\n            background: rgba(255,255,255,0.1);\n            border-radius: 8px;\n            border-left: 4px solid #FFD700;\n        }\n        .cta-section { \n            background: linear-gradient(135deg, #1a1a1a, #2d2d2d); \n            color: white; \n            padding: 40px 25px; \n            text-align: center; \n            margin: 50px 0; \n            border-radius: 20px;\n            box-shadow: 0 12px 35px rgba(0,0,0,0.4);\n            border: 3px solid #FFD700;\n        }\n        @media (max-width: 768px) {\n            .cta-section {\n                padding: 30px 20px;\n                margin: 40px 10px;\n                border-radius: 15px;\n            }\n            .unique-title {\n                font-size: 1.4em;\n                padding: 30px 20px;\n            }\n            .section-title {\n                font-size: 1.3em;\n            }\n        }\n        .ingredients-list { \n            background: linear-gradient(135deg, #f5f7fa, #c3cfe2); \n            padding: 30px; \n            margin: 25px 0; \n            border-radius: 15px;\n            border: 3px solid #9C8102;\n            box-shadow: 0 6px 20px rgba(156, 129, 2, 0.2);\n        }\n        .what-makes-different {\n            background: linear-gradient(135deg, #ffeaa7, #fdcb6e);\n            padding: 25px;\n            border-radius: 12px;\n            margin: 25px 0;\n            border: 2px solid #e17055;\n            color: #2d3436;\n            font-weight: bold;\n            box-shadow: 0 6px 18px rgba(253, 203, 110, 0.3);\n        }\n        .icon { width: 28px; height: 28px; display: inline-block; margin-left: 12px; }\n        .reviews-section {\n            background: linear-gradient(135deg, #a8e6cf, #88d8a3); \n            padding: 30px; \n            border-radius: 15px; \n            margin: 25px 0;\n            box-shadow: 0 6px 20px rgba(168, 230, 207, 0.3);\n        }\n        .review-positive { color: #00b894; font-weight: bold; }\n        .review-negative { color: #fdcb6e; font-weight: bold; }\n        .review-overall { color: #2d3436; font-weight: bold; }\n    \u003c\/style\u003e\n\u003cdiv style=\"font-family: 'Arial', sans-serif; direction: ltr; text-align: left; line-height: 1.8; color: #333;\"\u003e\n\u003cdiv class=\"problem-intro\"\u003eTrockenheit ist der Nummer-eins-Feind deiner Haut. Sie ist die Hauptursache für Risse und feine Linien. Sie ist die größte Ursache für vorzeitige Hautalterung. \u003cbr\/\u003eDie Hydratation ist der wichtigste Schritt in deiner täglichen Routine.\u003c\/div\u003e\n\u003cdiv class=\"unique-title\"\u003eDas heilige Geheimnis Koreas: die Creme, die deine Haut in Seidenvelours verwandelt\u003c\/div\u003e\n\u003cdiv class=\"subtitle\"\u003eCOSRX - die legendäre koreanische Creme für intensive Feuchtigkeit und samtige Haut\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e🔬 Wissenschaftlich fortschrittliche Inhaltsstoffe\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eHippophae Rhamnoides Water (Sea Buckthorn) 57.8%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eSodium Hyaluronate 3000ppm\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eGlycerin 8%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eBetaine 3%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eHelianthus Annuus Seed Oil 4%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eMacadamia Ternifolia Seed Oil 2%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003ePanthenol 1%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eAllantoin 0.5%\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e Wie funktioniert?\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 15px 0;\"\u003e🧬 Die Wissenschaft hinter dem Wunder:\u003c\/h4\u003e\nKorean Sanddornwasser, reich an Vitamin C, regt die Erneuerung der Hautzellen an und stellt die Strahlkraft wieder her. Natriumhyaluronat kann das 1000-fache seines Gewichts an Wasser aufnehmen, spendet der Haut tiefenwirksam Feuchtigkeit und füllt feine Linien auf. Glycerin und Betain bilden eine schützende Barriere, die das Verdunsten von Feuchtigkeit verhindert..\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e💪 Übernatürliche Kräfte wissenschaftlich bestätigt\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eIntensive Feuchtigkeit, die 24 Stunden anhält\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eNatriumhyaluronat 3000 ppm erhält die tiefe Feuchtigkeit\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eVerjünge und erhelle die Haut\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eSanddornwasser 57,8 % ist reich an regenerierendem Vitamin C\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eFeine Linien sofort auffüllen\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eHyaluronacid füllt Falten wie natürliches Botox\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eEmpfindliche Haut lindern\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eAllantoin und Panthenol lindern Reizungen\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eSchutz vor Feuchtigkeitsverlust\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003e8% Glycerin hält Feuchtigkeit stundenlang\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eTiefenpflege für die Haut\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eMacadamia- und Sonnenblumenöle nähren und machen weich\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 20px 0; text-align: center;\"\u003e Sichtbare Ergebnishistorie:\u003c\/h4\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eErste Anwendung: Sofortige Linderung für trockene Haut und eine seidige Textur\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eDie erste Woche: deutliche Verbesserung der Glätte und Leuchtkraft der Haut, weniger Trockenheit und Risse\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eDie dritte Woche: Die Haut wird samtweich beim Anfassen und feine Linien sind deutlich reduziert\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eMonat 2: Wirklich glasartige Haut, hydratisiert, strahlend und weich wie ein Baby\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eWarum dieses Produkt sich von allem anderen unterscheidet?\u003c\/div\u003e\n\u003cdiv class=\"what-makes-different\"\u003e\n\u003ch4 style=\"color: #2d3436; margin: 0 0 15px 0;\"\u003e👑 Das Geheimnis, das ihn zum Besten macht:\u003c\/h4\u003e\nCozarx ist die einzige Creme, die originales Sanddornwasser aus Korea in einer Konzentration von 57,8 % enthält. Die exklusive koreanische Formel ist vom koreanischen Gesundheitsministerium zugelassen und ist die meistverkaufte Creme in Korea zur Behandlung von trockener und empfindlicher Haut..\u003c\/div\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #2d3436, #636e72); color: white; padding: 30px; border-radius: 15px; margin: 30px 0; box-shadow: 0 8px 25px rgba(45, 52, 54, 0.3);\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 20px 0; text-align: center;\"\u003e📋 Alle Inhaltsstoffe\u003c\/h4\u003e\n\u003cp style=\"font-size: 0.95em; line-height: 1.9; opacity: 0.95; text-align: center;\"\u003eHippophae Rhamnoides Water, Glycerin, Butylene Glycol, Caprylic\/Capric Triglyceride, Betaine, Helianthus Annuus Seed Oil, Cetearyl Alcohol, Cetearyl Olivate, Sorbitan Olivate, Macadamia Ternifolia Seed Oil, Sodium Hyaluronate, Arginine, Panthenol, Dimethicone, Allantoin, Xanthan Gum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Enhanced hover effects\n            document.querySelectorAll('.benefit-item').forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-8px) translateY(-3px)';\n                    this.style.transition = 'all 0.3s ease';\n                });\n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(0) translateY(0)';\n                });\n            });\n\n            \/\/ Pulsing effect for CTA\n            const ctaSection = document.querySelector('.cta-section');\n            if (ctaSection) {\n                setInterval(() =\u003e {\n                    ctaSection.style.boxShadow = '0 15px 40px rgba(0,0,0,0.5)';\n                    setTimeout(() =\u003e {\n                        ctaSection.style.boxShadow = '0 12px 35px rgba(0,0,0,0.4)';\n                    }, 1500);\n                }, 4000);\n            }\n\n            \/\/ Scrolling animations\n            const observerOptions = {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            };\n\n            const observer = new IntersectionObserver(function(entries) {\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('.section-title, .benefit-item').forEach(el =\u003e {\n                el.style.opacity = '0';\n                el.style.transform = 'translateY(30px)';\n                el.style.transition = 'all 0.6s ease';\n                observer.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"COSRX","offers":[{"title":"100ml","offer_id":45047346036933,"sku":"COSRX_HYALURONIC_ACID_INTENSIVE_CREAM_4587","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrxhyaluronicacidintensivecream.jpg?v=1756314271"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-starter-kit","title":"Some by Mi Yuja Niacin Anti-Blemish Starter Kit ist das fortgeschrittene koreanische Set zur Behandlung von Pigmentierung","description":"\u003cstyle\u003e\n.product-description {\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    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eSome by Mi Yuja Niacin Anti-Blemish Starter Kit\u003c\/h1\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit.jpg?v=1757506035\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eKomplettes koreanisches Aufhellungsset mit Yuga-Extrakt und Niacinamid\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eWenn das natürliche Vitamin C auf die fortschrittliche Technologie der Niacinamid trifft\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003ePigmentierung und dunkle Flecken beeinflussen dein Selbstwertgefühl und die Schönheit deiner Haut. Das Kit some by me kombiniert \u003cstrong\u003eExtrakt von Yuja, reich an natürlichem Vitamin C in Konzentrationen bis zu 90% mit Niacinamid bis zu 10%\u003c\/strong\u003e In 4 integrierten Produkten, die zusammenarbeiten, um die Haut aufzuhellen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eLa crisi della pigmentazione: la più grande sfida estetica\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_5.jpg?v=1757506065\"\/\u003e\u003c\/p\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eWarum Pigmentierung auftritt und wie sie sich ausbreitet?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003e\u003cstrong\u003e95% der Pigmentprobleme werden durch eine übermäßige Melaninproduktion verursacht\u003c\/strong\u003e Als Ergebnis von Sonneneinstrahlung, Infektionen, Auswirkungen von Akne und Alterung.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eWarum Yoga-Extrakt + Niacinamid die beste Lösung ist?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eL'estratto di Yuga contiene \u003cstrong\u003eHöchste Konzentration an natürlichem Vitamin C\u003c\/strong\u003e Unter allen Zitrusfrüchten, während Niacinamid das Enzym Tyrosinase hemmt, das für die Melaninproduktion verantwortlich ist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eDie Kraft des koreanischen Yoga mit fortschrittlicher Niacinamid\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.webp?v=1757506087\"\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSanfter aufhellender Reiniger (Stufe 1))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(11% Yuga Lotion + Niacinamid)\u003c\/strong\u003e Reinigt die Haut von Unreinheiten und beginnt den Aufhellungsprozess ab der ersten Anwendung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eDie Haut vorbereiten und beleben (Schritt 2))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Toner mit 90% Yuga + 5% Niacinamid)\u003c\/strong\u003e Bereite die Haut für eine bessere Aufnahme vor und gleiche ihren pH-Wert aus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eIntensive und gezielte Aufhellung (Phase 3))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Serum mit 83% Yuga + 10% Niacinamid)\u003c\/strong\u003e Die maximale Konzentration in Alkit zielt direkt auf dunkle Flecken\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eBefeuchtet und schützt die Ergebnisse (Schritt 4))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Creme mit 70% Yuga + 5% Niacinamid)\u003c\/strong\u003e Die Ergebnisse beibehalten und vor der Bildung neuer Pigmentierungen schützen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eSchätze des koreanischen Yoga und fortgeschrittenes Niacinamid\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Koreanischer Yuga-Extrakt - Der König des natürlichen Vitamin C:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCitrus Junos in Konzentrationen von 11 % bis 90 %\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliches Vitamin-C-Konzentrat\u003c\/strong\u003e 3 Mal stärker als industriell\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAktive Flavonoide:\u003c\/strong\u003e Schützt vor Oxidation und fördert die Aufhellung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliche Fruchtsäuren\u003c\/strong\u003e L'esfoliazione delicata rivela una pelle radiosa\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-name\"\u003e● Niacinamid - das wunderbare Vitamin B3:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eVitamin B3 in Konzentrationen von 1 ppm bis 10 %\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHemmung der Tyrosinase:\u003c\/strong\u003e Stoppen Sie die übermäßige Melaninproduktion\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDie hydrolipidische Barriere stärken:\u003c\/strong\u003e Schützt vor neuer Pigmentierung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEntzündungshemmend:\u003c\/strong\u003e Beruhigt die empfindliche Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eKoreanische Reise zur Beleuchtung Schritt für Schritt:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eErste Woche:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSofortige Verbesserung der Strahlkraft und Geschmeidigkeit der Haut\u003c\/li\u003e\n\u003cli\u003eEine deutliche Verringerung des Erscheinungsbildes von erweiterten Poren\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eWochen 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eBeginn der Aufhellung neuer dunkler Flecken\u003c\/li\u003e\n\u003cli\u003eSichtbare Gleichmäßigkeit des Hauttons\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eZweiter Monat:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eKlare Aufhellung von hartnäckiger Pigmentierung und Flecken\u003c\/li\u003e\n\u003cli\u003eHellere und lebendigere Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eIntegrierte koreanische Technologie zu einem außergewöhnlichen Wert\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_4.webp?v=1757506108\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ 4 Produkte in einem Set:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eIntegriertes Pflegesystem\u003c\/strong\u003e - Lotion + Tonikum + Serum + Creme anstelle jedes Produkts einzeln zu kaufen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Professionell abgestufte Konzentrationen:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eVon 11% bis 90% Yoga\u003c\/strong\u003e - Sicheres, allmähliches Aufhellen ohne Reizungen oder Empfindlichkeit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eWarum der integrierte koreanische Ansatz besser ist?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eDas Some By Me Kit sind nicht nur Produkte... es ist ein vollständiges wissenschaftliches System für sichere Aufhellung.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eWürdest du lieber den randomisierten Test oder das erprobte koreanische wissenschaftliche System?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBestelle sofort das komplette Set\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDas koreanische Geheimnis für strahlende und gleichmäßige Haut\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.jpg?v=1757506213\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Yuja Niacin Kit - das vollständige koreanische System\u003c\/strong\u003e\u003cbr\/\u003eHeller und gleichmäßiger Haut mit Yuga-Extrakt und Niacinamid in 4 wissenschaftlichen Schritten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"Travel Size","offer_id":45085609328837,"sku":"SOME_BY_MI_YUJA_NIACIN_ANTI_BLEMISH_STARTER_KIT_2293","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SomebyMiYujaNiacinAnti-BlemishStarterKit3.jpg?v=1757506133"},{"product_id":"some-by-mi-beta-panthenol-repair-cream-60g","title":"Some by Mi Beta Panthenol Repair Cream 60 grams","description":"\u003cstyle\u003e\n.product-description {\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    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eSome by Mi Beta Panthenol Repair Cream 60 grams\u003c\/h1\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Beta_Panthenol_Repair_Cream_60_grams_3.webp?v=1757505838\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eFortgeschrittene Reparaturcreme mit Betapantenol, Peptiden und Probiotika\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eWenn beruhigendes Panthenol auf verjüngende Peptide und fortschrittliche Probiotika trifft\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eEmpfindliche und geschädigte Haut benötigt eine Tiefenreparatur und kontinuierlichen Schutz. Some By Mi Cream kombiniert \u003cstrong\u003eBeruhigendes Panthenol 50.000 ppm mit 0,5% Beta-Sitosterol und fünf fortgeschrittenen Peptiden\u003c\/strong\u003e Es ist eine koreanische Formel, die die hydro-lipidische Barriere repariert und 100 Stunden lang befeuchtet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eKrise empfindlicher Haut: die beschädigte Barriere braucht Reparatur\u003c\/h2\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eWarum sich empfindliche Haut im Laufe der Zeit verschlechtert?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eDie Forschung in den Kosmetikwissenschaften hat gezeigt, dass \u003cstrong\u003e90 % der Probleme mit empfindlicher Haut werden durch eine schwache natürliche Barriere verursacht\u003c\/strong\u003e. Wenn diese Barriere beschädigt ist, verliert die Haut schnell Wasser und wird anfällig für Bakterien und Schadstoffe.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eWeil Panthenol + Peptide + Probiotika die revolutionäre Lösung sind?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003ePanthenol lindert und spendet Feuchtigkeit, Peptide ergänzen und reparieren, und Probiotika schützen und gleichen das natürliche Hautmikrobiom aus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eDie Kraft des Heiligen Trios: Panthenol + Peptide + Probiotika\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSofortige Linderung von Entzündungen und Rötungen\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(mit 50.000 ppm Panthenol)\u003c\/strong\u003e Dringt tief in die Haut ein und lindert sofort Reizungen, während Rötungen und Juckreiz reduziert werden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTiefenreparatur mit fünf Peptiden\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit 5 fortschrittlichen Peptiden)\u003c\/strong\u003e Regt die Kollagenproduktion an, regeneriert die Zellen und repariert bestehende Schäden\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSchutz mit fortschrittlichen Probiotika\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Bifida und Lactococcus fermentum)\u003c\/strong\u003e Balanciert das Mikrobiom und schützt vor schädlichen Bakterien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eLang anhaltende Feuchtigkeit für 100 Stunden\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(mit Squalan und Ceramiden)\u003c\/strong\u003e Hält die Feuchtigkeit zurück und stärkt die natürliche Hautschutzbarriere\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eFortschrittliche koreanische Reparaturtechnologie\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Panthenol - das wundersame Vitamin B5:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eD-Panthenol 50.000 ppm von hoher Qualität\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eStarkes entzündungshemmendes Mittel:\u003c\/strong\u003e Reduziert Rötungen und Reizungen innerhalb weniger Minuten\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTiefe Feuchtigkeitspflege:\u003c\/strong\u003e Zieht Wasser an und speichert es in den Hautschichten\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHeilungsbeschleuniger:\u003c\/strong\u003e Regt die Zellregeneration und die Reparatur von Schäden an\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-name\"\u003e● Fünf Peptide - Erneuerungstechnologie:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eFünf fortschrittliche Peptide für vollständige Reparatur\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetylhexapeptid-8:\u003c\/strong\u003e Reduziert Falten und entspannt die Muskeln\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoopertripeptid-1:\u003c\/strong\u003e Regt die Kollagenproduktion an und erneuert die Zellen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptid-5:\u003c\/strong\u003e Stärkt die Hautstruktur\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eWeg zur Reparatur empfindlicher Haut:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eErste Woche:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSofortige Linderung von Rötungen und Reizungen\u003c\/li\u003e\n\u003cli\u003eTiefenfeuchtigkeit, die 100 Stunden anhält\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eWochen 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSichtbar repariert die hydrolipidische Barriere\u003c\/li\u003e\n\u003cli\u003eVerbesserung der Textur und Glätte der Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eZweiter Monat:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eStarke und elastische Haut, die Reizungen standhält\u003c\/li\u003e\n\u003cli\u003eLangzeitschutz vor äußeren Einflüssen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eInvestiere in eine langfristige Reparatur\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Spezialisierte Formel für empfindliche Haut:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOhne Parfüme, Alkohol oder reizende Substanzen\u003c\/strong\u003e - Absolute Sicherheit auch für sehr empfindliche Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Klinisch nachgewiesene Ergebnisse:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eVerbesserung der Barrierenfestigkeit um 89 % innerhalb von 8 Wochen\u003c\/strong\u003e - Unabhängige Studien bestätigen die Wirksamkeit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eWarum die Reparatur der Barriere wichtiger ist als die Schönheitschirurgie?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eSome By Mi Cream ist nicht nur ein Feuchtigkeitsspender... es ist eine fortschrittliche medizinische Behandlung für geschädigte Haut.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eBevorzugst du vorübergehende Schmerzmittel oder langfristige radikale Behandlungen?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSuchen Sie jetzt nach einer echten Reform\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eKoreanische Lösung für empfindliche Haut\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Beta Panthenol Repair Cream - die vollständige Reparatur\u003c\/strong\u003e\u003cbr\/\u003eTiefenreparatur geschädigter und empfindlicher Haut mit Panthenol, Peptiden und Probiotika\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"60g","offer_id":45085609394373,"sku":"SOME_BY_MI_BETA_PANTHENOL_REPAIR_CREAM_60G_5328","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Beta_Panthenol_Repair_Cream_60_grams.jpg?v=1757505922"},{"product_id":"some-by-mi-super-matcha-pore-care-starter-kit","title":"Some by Mi Super Matcha Pore Care Starter Kit ist eine vollständige koreanische Kollektion zur Verkleinerung und Reinigung der Poren","description":"\u003cstyle\u003e\n.product-description {\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    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eSome by Mi Super Matcha Pore Care Starter Kit\u003c\/h1\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Super_Matcha_Pore_Care_Starter_Kit.webp?v=1757505490\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eKomplettes Porenpflegeset mit Premium-Matcha und koreanischer Tonerde\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eWenn hochwertiger koreanischer Matcha auf natürliche BHAs und reinigende Tonerden trifft\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eErweiterte und verstopfte Poren sind ein Problem, das die Glätte und Schönheit der Haut beeinträchtigt. Das me Kit kombiniert \u003cstrong\u003ePremium-Matcha mit Konzentrationen von bis zu 93 % mit natürlichen BHA-Säuren und koreanischer Tonerde 120.000 ppm\u003c\/strong\u003e In 4 integrierten Produkten, die reinigen und die Poren verengen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eDas Dilemma der erweiterten Poren: die Herausforderung der koreanischen Haut\u003c\/h2\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eWarum sich die Poren erweitern und wie wir sie sicher verkleinern können?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eDie koreanische Forschung in den kosmetischen Wissenschaften hat gezeigt, dass \u003cstrong\u003e87 % der Probleme mit erweiterten Poren werden durch die Ansammlung von Öl, Schmutz und abgestorbenen Zellen verursacht\u003c\/strong\u003e Die im Laufe der Zeit die Porenwände erweitert und zusätzlich die Elastizität der Haut mit dem Alter verliert.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eWarum Matcha + BHA + koreanische Tonerde die perfekte Lösung ist?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eMatcha reinigt und pflegt, BHA-Säuren lösen verstopfte Öle und koreanische Tonerde absorbiert Unreinheiten und verengt die Poren sofort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eDie Kraft des koreanischen Matcha mit reinigender Tonerde\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTiefenreinigung mit Reinigungsgel\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit 62% Matcha + natürlichem BHA)\u003c\/strong\u003e Reinigt die Poren von Schmutz und angesammelten Ölen, ohne die Haut auszutrocknen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSofortige Straffung mit Tonerde-Maske\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Kaolin- und Bentonit-Ton 120.000 ppm)\u003c\/strong\u003e Nimmt überschüssiges Öl auf und verengt die Poren sofort für 24 Stunden\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eAusgleichend und feuchtigkeitsspendend mit Tonikum\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(93% Matcha + Eiswasser)\u003c\/strong\u003e Balanciert die Talgproduktion und spendet der Haut Feuchtigkeit, ohne die Poren zu verstopfen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eDurchgehender Schutz mit Serum\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit Niacinamid und Matcha-Konzentrat)\u003c\/strong\u003e Verhindert die Bildung von Mitessern und hält die Poren sauber\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eSchätze des koreanischen Matcha und der wundersamen Tonerde\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Super_Matcha_Pore_Care_Starter_Kit_2.webp?v=1757505589\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Premium koreanischer Matcha - Hochentwickelter grüner Tee:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eWasser aus Camellia-Sinensis-Blättern in Konzentrationen von 62 % bis 93 %\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eStarke Antioxidantien:\u003c\/strong\u003e Schützt vor Schäden durch freie Radikale und vor Verschmutzung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSanfte natürliche Reinigung:\u003c\/strong\u003e Entfernt Unreinheiten, ohne zu reizen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliche Straffung der Poren:\u003c\/strong\u003e Strafft die Haut und verringert das Erscheinungsbild der Poren\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEntzündungshemmend:\u003c\/strong\u003e Beruhigt die durch Reinigung gereizte Haut\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-name\"\u003e● Natürliche BHA-Säuren - intensive Reinigung:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eRindenextrakt von Salix Alba - Natürliches Salicylsäure\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVerstopfte Öle lösen:\u003c\/strong\u003e Dringt in die Poren ein und reinigt sie von innen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSanfte Peeling:\u003c\/strong\u003e Entfernt die abgestorbenen Zellen, die verstopfte Poren verursachen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibakteriell:\u003c\/strong\u003e Verhindert die Bildung von Mitessern und weißen Köpfen\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-name\"\u003e▲ Koreanische reinigende Tonerde - Super absorbierend:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eMischung aus Kaolin und Bentonit 120.000 ppm\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eWeißes Kaolin:\u003c\/strong\u003e Reinigt sanft und absorbiert Öle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatron-Ton:\u003c\/strong\u003e Zieht Giftstoffe und Unreinheiten aus den tiefen Poren\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSofortige Straffung:\u003c\/strong\u003e Strafft die Haut und verringert das Erscheinungsbild der Poren für Stunden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eDein Porentransformationspfad in 4 Wochen:\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Super_Matcha_Pore_Care_Starter_Kit_5.webp?v=1757505712\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eErste Woche:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSofortige Tiefenreinigung und Entfernung oberflächlicher Komedonen\u003c\/li\u003e\n\u003cli\u003eSichtbare Reduzierung von Hautglanz und überschüssigem Talg\u003c\/li\u003e\n\u003cli\u003eGefühl von sauberer und weicher Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eDie zweite Woche:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eErweiterte Poren beginnen sich deutlich zu verengen\u003c\/li\u003e\n\u003cli\u003eVerbesserung der Textur und Gleichmäßigkeit der Hautoberfläche\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eWoche 3:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eEine deutliche Verkleinerung der Poren, auch der hartnäckigen\u003c\/li\u003e\n\u003cli\u003eNatürliches Gleichgewicht bei der Ölproduktion\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eWoche 4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eDauerhaft engere und weniger sichtbare Poren\u003c\/li\u003e\n\u003cli\u003eGlatte und ausgewogene Haut ohne Mitesser\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003ePerfekter koreanischer Wert für die Poren\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ 4 spezialisierte Produkte in einem Set:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEin komplettes Porenpflege-System\u003c\/strong\u003e - Reinigungs-Gel + Tonerde-Maske + Toner + Serum in einem einzigen kompletten Kit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Maximale Matcha-Konzentration:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eBis zu 93% reines Matcha\u003c\/strong\u003e - Die höchste auf dem Markt verfügbare Konzentration für garantierte Ergebnisse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Original koreanische Tonerde von hoher Qualität:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e120.000 ppm des besten Tons\u003c\/strong\u003e - Direkt aus Korea importiert, um die Qualität zu gewährleisten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eWarum Poren besondere Pflege brauchen?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eDas Some By Me Kit sind nicht nur Produkte... es ist ein vollständiges wissenschaftliches System zur Behandlung der Poren.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eGrundlegender Unterschied:\u003c\/strong\u003e Anstatt die erweiterten Poren zu verstecken, behandelt er sie an der Wurzel und verengt sie auf natürliche Weise.\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eWürdest du die Poren mit Make-up verbergen oder das Problem an der Wurzel lösen?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eUmfassende Porenpflege mit Matcha\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Super Matcha Kit - Die koreanische All-in-One-Lösung\u003c\/strong\u003e\u003cbr\/\u003eSauberere Poren und sichtbar engere Poren dank der Kraft von koreanischem Matcha und reinigender Tonerde in 4 wissenschaftlichen Schritten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"Travel Size","offer_id":45085609427141,"sku":"SOME_BY_MI_SUPER_MATCHA_PORE_CARE_STARTER_KIT_5880","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_super_matcha_pore_care_starter_kit-1.jpg?v=1757505448"},{"product_id":"some-by-mi-beta-panthenol-toner-150ml","title":"Some by Mi Beta Panthenol Toner Multicolour 150ml","description":"\n\u003cstyle\u003e\n.product-description {\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    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eSome by Mi Beta Panthenol Toner Multicolour 150ml\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eFortgeschrittenes reparierendes Tonikum mit Beta-Panthenol, Niacinamid und Ceramiden\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eWenn beruhigendes Panthenol auf stärkendes Niacinamid und feuchtigkeitsspendende Ceramide trifft\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eEmpfindliche und geschädigte Haut benötigt eine tiefe Reparatur und kontinuierlichen Schutz. Some By Mi Toner kombiniert... \u003cstrong\u003eBeruhigendes Panthenol mit 2% Niacinamid, stärkenden Ceramiden und drei Arten von Hyaluronsäure.\u003c\/strong\u003e In einer fortschrittlichen koreanischen Formel zur Reparatur der Hydrolipidbarriere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eKrise empfindlicher Haut: die beschädigte Barriere braucht Reparatur\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eWarum sich empfindliche Haut im Laufe der Zeit verschlechtert?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eDie koreanische Forschung in den kosmetischen Wissenschaften hat gezeigt, dass \u003cstrong\u003e90 % der Probleme mit empfindlicher Haut werden durch eine schwache natürliche Barriere verursacht\u003c\/strong\u003e. Wenn diese Barriere beschädigt ist, verliert die Haut schnell Wasser und wird anfällig für Bakterien und Schadstoffe.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eWeil Panthenol + Niacinamid + Ceramide die heilige Dreifaltigkeit sind?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003e\u003cstrong\u003ePanthenol\u003c\/strong\u003e beruhigt und spendet Feuchtigkeit, \u003cstrong\u003eNiacinamid\u003c\/strong\u003e Stärkt die Barriere und reduziert den Wasserverlust \u003cstrong\u003eCeramide\u003c\/strong\u003e Füllt die Lücken und stellt die natürliche Struktur der Haut wieder her.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eDie Kraft der Heiligen Dreifaltigkeit: Panthenol + Niacinamid + Ceramide\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSofortige Linderung von Entzündungen und Rötungen\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(mit Panthenol - Vitamin B5)\u003c\/strong\u003e Dringt tief in die Haut ein und lindert sofort Reizungen, während Rötungen und Juckreiz reduziert werden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eDie natürliche Barriere der Haut stärken\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit Niacinamid 2% - Vitamin B3)\u003c\/strong\u003e Regt die natürliche Produktion von Ceramiden an und reduziert den transepidermalen Wasserverlust um 24%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTiefenpflege für 100 Stunden\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit drei Arten von Hyaluronsäure)\u003c\/strong\u003e Große Moleküle benetzen die Oberfläche, kleine dringen tief ein und der Zersetzer füllt die Zwischenräume\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eRekonstruktion der natürlichen Barriere\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(mit natürlicher Ceramid NP)\u003c\/strong\u003e Füllt die Räume zwischen den Zellen und stellt die natürliche Struktur der Schutzschicht wieder her\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eDie heilige Dreifaltigkeit der Reparatur empfindlicher Haut\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Panthenol - das wundersame Vitamin B5:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eHochwertiges D-Panthenol für sofortige Linderung\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eStarkes entzündungshemmendes Mittel:\u003c\/strong\u003e Reduziert Rötungen und Reizungen innerhalb weniger Minuten\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTiefe Feuchtigkeitspflege:\u003c\/strong\u003e Zieht Wasser an und speichert es in den Hautschichten\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHeilungsbeschleuniger:\u003c\/strong\u003e Regt die Zellregeneration und die Reparatur von Schäden an\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärkung der hydrolipidischen Barriere:\u003c\/strong\u003e Regt die Produktion von natürlichen Fetten an\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-name\"\u003e● Niacinamid - Vitamin B3 Verstärker:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eKlinisch erprobtes Niacinamid 2%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eStärkung der hydrolipidischen Barriere:\u003c\/strong\u003e Erhöht die Produktion von Ceramiden um 34%\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSekretionsregler:\u003c\/strong\u003e Reduziert die Produktion von überschüssigem Öl\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduziert den Wasserverlust\u003c\/strong\u003e Hält die Feuchtigkeit länger zurück\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEntzündungshemmend:\u003c\/strong\u003e Beruhigt die gereizte und empfindliche Haut\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eWeg zur Reparatur empfindlicher Haut in 8 Wochen:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eErste Woche:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSofortige Linderung von Rötungen, Reizungen und Juckreiz\u003c\/li\u003e\n\u003cli\u003eGefühl von Komfort und Feuchtigkeit statt Brennen\u003c\/li\u003e\n\u003cli\u003eDeutliche Reduzierung von Schuppung und Trockenheit\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eWochen 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSignifikante Verbesserung der Widerstandsfähigkeit der Haut gegenüber äußeren Einflüssen\u003c\/li\u003e\n\u003cli\u003eVerringerung allergischer Reaktionen und Entzündungen\u003c\/li\u003e\n\u003cli\u003eNatürliche Feuchtigkeit, die den ganzen Tag anhält\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eWochen 7-8 und darüber hinaus:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eStarke und elastische Haut, die Reizungen standhält\u003c\/li\u003e\n\u003cli\u003eEine natürliche, undurchlässige Barriere, die vor Kontaminationen und Bakterien schützt\u003c\/li\u003e\n\u003cli\u003eFähigkeit, stärkere Wirkstoffe sicher zu verwenden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eInvestiere in eine langfristige Reparatur\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Spezialisierte Formel für empfindliche Haut:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOhne Parfüme, Alkohol oder reizende Substanzen\u003c\/strong\u003e - Absolute Sicherheit auch für sehr empfindliche Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Großzügige Größe für längere Anwendung:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e150 ml reichen für 3-4 Monate\u003c\/strong\u003e - Langfristige Investition für eine vollständige Reform.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eWarum die Reparatur der Barriere wichtiger ist als die Schönheitschirurgie?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eSome By Mi Toner ist nicht nur ein Tonikum... es ist eine fortgeschrittene medizinische Behandlung für geschädigte Haut.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eBevorzugst du vorübergehende Schmerzmittel oder langfristige radikale Behandlungen?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSuchen Sie jetzt nach einer echten Reform\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDie koreanische Revolution zur Reparatur empfindlicher Haut\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eSome by Mi Beta Panthenol Toner - Die vollständige Reparatur\u003c\/strong\u003e\u003cbr\/\u003e\n            Tiefe Reparatur und langfristige Stärkung empfindlicher Haut mit der Heiligen Dreifaltigkeit: Panthenol + Niacinamid + Ceramide\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    console.log('Comprehensive product description loaded successfully');\n\n    \/\/ Add fade-in animations\n    const fadeElements = document.querySelectorAll('.fade-in');\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\n    fadeElements.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\u003c\/script\u003e\n","brand":"Some by Mi","offers":[{"title":"150ml","offer_id":45085609459909,"sku":"SOME_BY_MI_BETA_PANTHENOL_TONER_150ML_4078","price":980.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Beta_Panthenol_Toner_Multicolour_150ml.png?v=1757505290"}],"url":"https:\/\/sa.instachiq.com\/de\/collections\/korean-skincare-secrets-cosrx-some-by-mi-beauty-joseon.oembed","provider":"Instachiq","version":"1.0","type":"link"}