{"title":"أسرار البشرة الكورية","description":"\u003cstyle\u003e.ch{background:linear-gradient(135deg,#000,#131a15);padding:50px 20px;font-family:'Cairo',sans-serif;color:#fff;line-height:1.6;direction:rtl}.cc{max-width:1000px;margin:0 auto}.cq{background:rgba(255,255,255,.03);border:1px solid rgba(128,174,147,.3);border-radius:12px;padding:16px 20px;text-align:center;margin:0 auto 26px;max-width:560px}.cq p{margin:0;font-size:1.05rem;color:#80ae93;font-weight:600;font-style:italic}.ct{font-size:2.6rem;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#fff,#80ae93);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;line-height:1.25}.cd{font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.9);text-align:center;max-width:600px;margin:0 auto 26px;font-weight:300}.cg{display:flex;gap:12px;overflow-x:auto;justify-content:center;flex-wrap:wrap;padding:6px 0}.cn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;text-align:center;min-width:120px}.cn h3{margin:0 0 4px;font-size:.95rem;font-weight:600;color:#fff}.cn p{margin:0;font-size:.75rem;color:#80ae93;font-weight:500}@media(max-width:768px){.ch{padding:36px 15px}.ct{font-size:2rem}}\u003c\/style\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"ch\"\u003e\u003cdiv class=\"cc\"\u003e\n\u003cdiv class=\"cq\"\u003e\u003cp\u003eروتين بسيط، بشرة مختلفة\u003c\/p\u003e\u003c\/div\u003e\n\u003ch1 class=\"ct\"\u003eأسرار البشرة الكورية\u003c\/h1\u003e\n\u003cp class=\"cd\"\u003eأصلي من أشهر الماركات الكورية: Medicube وSome By Mi وCOSRX وAnua وSKIN1004 وBeauty of Joseon. سيرومات ومرطبات ومقشرات لكل احتياج.\u003c\/p\u003e\n\u003cdiv class=\"cg\"\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eMedicube\u003c\/h3\u003e\n\u003cp\u003eعلاج الحبوب\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eCOSRX\u003c\/h3\u003e\n\u003cp\u003eترطيب وإصلاح\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eAnua\u003c\/h3\u003e\n\u003cp\u003eهدوء البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eSKIN1004\u003c\/h3\u003e\n\u003cp\u003eسنتيلا\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eBeauty of Joseon\u003c\/h3\u003e\n\u003cp\u003eنضارة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\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":46999386128558,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/AHA_BHA_PHA_30_Days_Miracle_Toner_1024x1024_a3e227c7-30b0-46c2-b0b1-9e3745390366.png?v=1788175418"},{"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":46999386390702,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream.jpg?v=1788175416"},{"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":46999387177134,"sku":null,"price":17.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1788175413"},{"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":46999387766958,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_reactivating_serum_caff1239-261d-443e-a421-72a340ad82ca.jpg?v=1788175412"},{"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":46999388061870,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_mucin_egypt_9f64243e-d68b-48dc-ab45-cd28c4d04562.jpg?v=1788175411"},{"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":46999388520622,"sku":"INSTA055008CHIQ","price":20.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1788175409"},{"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":46999388815534,"sku":"INSTA05ت5008CHIQ","price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1788175407"},{"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":46999389143214,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua_heartleaf_77_hyaluron_toner.jpg?v=1759854643"},{"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":46999389438126,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign-2024-12-29T140801.300_16ba6210-2605-4e72-90f8-1d3298226aa6.jpg?v=1788175399"},{"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":46999389962414,"sku":null,"price":23.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1788175397"},{"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":46999390257326,"sku":null,"price":27.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_6_peptide_skin_booster_6_6cf0efba-8a2d-426c-aa25-ba3429b1a187.jpg?v=1788175395"},{"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":46999391830190,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some-by-mi-cica-peptide-anti-hair-loss-derma-scalp-tonic-150ml.jpg?v=1759854586"},{"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":46999392026798,"sku":null,"price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_galactomyces_essense_95_original_1_1a9022e4-622f-42f3-9503-b24a99ae29ad.jpg?v=1788175385"},{"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":46999392387246,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_BHA_Blackhead_Power_Liquid_5_591e4306-fa92-4003-96db-676f98dec3ac.webp?v=1788175384"},{"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":46999392780462,"sku":null,"price":23.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/somebymibyebyeblackheadgreenteadetox_1.jpg?v=1788175383"},{"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":46999392977070,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml_ab4d3ffb-55f0-4df0-bd12-88a787a4a89b.jpg?v=1788175381"},{"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":46999393206446,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml_8983ece1-5852-4017-b948-c0b9eba55985.jpg?v=1788175380"},{"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":46999393468590,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Heading_2.png?v=1788175380"},{"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":46999393730734,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_peptide_eye_cream_1.png?v=1788175379"},{"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":46999393992878,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004centellaampoule_1.png?v=1788175377"},{"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":46999394255022,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61NmPogYOaL_f067d8a8-d1cc-4965-98cd-20f958b0296c.jpg?v=1788175376"},{"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":46999394484398,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_44852e5e-9e5d-463b-a5e8-e87bd2920fa5.webp?v=1788175375"},{"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":46999394713774,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1788175374"},{"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":46999395008686,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOMEBYMIYujaNiacinAntiBlemishCream60ml_25169074-1738-418d-b346-1413aba41b72.jpg?v=1788175373"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"Anua Niacinamide 10% and TXA 4% Dark Spot Correcting Serum 30 ml","description":"\u003cdiv class=\"anua-txa-ultimate-wrapper\" dir=\"rtl\"\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: right;\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: 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 .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: right;\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: right;\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: right; }\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\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\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\"\u003eأقوى تركيبة تفتيح وتصحيح بقع في كوريا\u003c\/div\u003e\n \u003ch1 class=\"atxa-title-glow\"\u003e\n سيروم Anua Niacinamide 10% + TXA 4%\u003cbr\u003e\n \u003cspan class=\"neon-gold\"\u003eتخلصي من الفاونديشن واسترجعي نقاء بشرتك في 30 يوم\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cp class=\"atxa-hero-subtitle\"\u003e\n زهقتي من مداراة \u003cspan class=\"neon-red\"\u003eآثار الحبوب القديمة بالكونسيلر\u003c\/span\u003e؟ الكلف وبقع الشمس مطفيين وشك مهما جربتي سيرومات تفتيح؟ \u003cspan class=\"neon-gold\"\u003eالسر مش في تقشير وشك\u003c\/span\u003e.. السر إنك توقفي البقعة نفسها من الجذور قبل ما تظهر على سطح جلدك.\n \u003c\/p\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_against_dark_backgr__202608311311.jpg?v=1788171326\" alt=\"ANUA Niacinamide 10% + TXA 4% Serum\" class=\"atxa-img-md\" style=\"margin-bottom: 30px;\"\u003e\n\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 مش مجرد سيروم تفتيح عادي.. دي \u003cspan class=\"neon-red\"\u003eثلاثية تصحيح ذكية\u003c\/span\u003e بتدمج \u003cspan class=\"neon-gold\"\u003e10% نياسيناميد + 4% ترانيكساميك + 2% أربوتين\u003c\/span\u003e عشان تمحي أغمق بقعة في وشك وتوحد لونك بدون نقطة تقشير أو لسعة حرقان واحدة!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\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 المنتج الأكثر مبيعاً في \u003cspan class=\"neon-gold\"\u003eأكثر من 30 دولة\u003c\/span\u003e لإنهاء معركة البقع العنيدة نهائياً وبأمان تام للبشرة الحساسة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 2. Core Targeted Benefits Grid --\u003e\n \u003cdiv class=\"atxa-reveal\" style=\"margin-top: 15px;\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eإيه اللي هيتغير في بشرتك بالظبط؟\u003c\/h2\u003e\n \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n الفرق الحقيقي اللي هتشوفيه كل يوم في المراية من أول أسبوع:\n \u003c\/p\u003e\n\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\"\u003eلون موحد ومسامات مشدودة\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag\"\u003eنياسيناميد 10% نقي\u003c\/div\u003e\n \u003cp\u003eبيتحكم في الدهون الزيادة، بيضيق المسام الواسعة، وبيوزع النضارة على كامل وشك عشان تستغني عن بودرة المكياج.\u003c\/p\u003e\n \u003c\/div\u003e\n\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\"\u003eإيقاف الكلف من المنبع\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag gold\"\u003eحمض الترانيكساميك 4%\u003c\/div\u003e\n \u003cp\u003eبيمنع تكوين صبغة التصبغات من جذورها العميقة، فيوقف الكلف وبقع الشمس الصيفية قبل ما تثبت في جلدك.\u003c\/p\u003e\n \u003c\/div\u003e\n\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\"\u003eمحو آثار الحبوب المستعصية\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag rose\"\u003eأربوتين نقي 2%\u003c\/div\u003e\n \u003cp\u003eشغال زي الأستيكة على العلامات البنية والحمراء اللي سايباها الحبوب القديمة، فترجع بشرتك صافية زي الفلتر.\u003c\/p\u003e\n \u003c\/div\u003e\n\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\"\u003eامتلاء مائي بدون أي جفاف\u003c\/h3\u003e\n \u003cdiv class=\"atxa-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=\"atxa-card atxa-delay-1\"\u003e\n \u003cdiv class=\"atxa-icon-wrap\"\u003e5\u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eدرع حماية يمنع عودة البقع\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag gold\"\u003eسيراميد Ceramide NP\u003c\/div\u003e\n \u003cp\u003eبيبني حاجز حماية صلب يقفل الترطيب جوة جلدك ويمنع حساسية الشمس وتقلبات الجو من حرق وشك من جديد.\u003c\/p\u003e\n \u003c\/div\u003e\n\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\"\u003eتهدئة فورية بدون أي احمرار\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag rose\"\u003eسيكا وشاي أخضر طبيعي\u003c\/div\u003e\n \u003cp\u003eإحساس انتعاش وراحة من أول قطرة، بيطفي الحرقان ويهدي التهيج فوراً حتى لو كانت بشرتك شديدة التحسس.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 3. Formula Secrets Grid --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eليه السيروم ده مش هيحرق ولا يهيج وشك؟\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_rose_petals_202608311314.jpg?v=1788171326\" alt=\"ANUA Serum Natural Ingredients\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n معظم سيرومات التفتيح بتكون قاسية وتسبب حرقان وقشور، لكن Anua حلت المعادلة:\n \u003c\/p\u003e\n\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\"\u003eقوة قصوى بدون تحسس\u003c\/h4\u003e\n \u003cp\u003eالنسبة الذهبية اللي بتفتح وتوحد اللون بسرعة، لكن مدعومة بمهدئات وسيراميد عشان وشك يفضل مرتاح 100%.\u003c\/p\u003e\n \u003c\/div\u003e\n\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\"\u003eنقاء وردي طبيعي\u003c\/h4\u003e\n \u003cp\u003eلونه الوردي الكريستالي مش صبغة صناعية، ده لون فيتامين B12 الطبيعي اللي بيغذي ويورد لون بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n \u003cdiv class=\"atxa-bignum neon-rose\"\u003e7 أيام\u003c\/div\u003e\n \u003ch4 class=\"neon-rose\"\u003eانتعاش وإشراقة ملحوظة\u003c\/h4\u003e\n \u003cp\u003eمش هتحتاجي تستني شهور عشان تشوفي نتيجة، ملمس بشرتك هينعم والبهتان هيختفي من أول أسبوع.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.15rem; font-weight: 800; margin-top: 25px;\"\u003e\n مناسب لجميع أنواع البشرة حتى \u003cspan class=\"neon-gold\"\u003eالمعرضة للحبوب والحساسة\u003c\/span\u003e، وخالٍ تماماً من العطور والكحول.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 4. Clinical Evidence \u0026 Stats Grid --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eأرقام حقيقية أثبتتها التجارب السريرية\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_abstract_shapes_202608311314.jpg?v=1788171326\" alt=\"ANUA Niacinamide TXA Serum benefits\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n نتائج موثقة بعد دراسة معملية معتمدة على \u003cspan class=\"neon-gold\"\u003e347 مستخدمة\u003c\/span\u003e:\n \u003c\/p\u003e\n\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\"\u003eتلاشي واضح للبقع والتصبغات الداكنة\u003c\/div\u003e\n \u003c\/div\u003e\n\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\"\u003eتوحيد كامل للون الوجه والرقبة\u003c\/div\u003e\n \u003c\/div\u003e\n\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\"\u003eنعومة ملحوظة واختفاء خشونة البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.1rem; font-weight: bold;\"\u003e\n نتائج موثقة من مراكز أبحاث كورية معتمدة، مش مجرد كلام إعلانات!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 5. Comparison Table --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eليه سيروم Anua بيتفوق على السيرومات العادية؟\u003c\/h2\u003e\n \u003cdiv class=\"atxa-table-wrap\"\u003e\n \u003ctable class=\"atxa-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eوجه المقارنة\u003c\/th\u003e\n \u003cth\u003eالسيرومات التقليدية\u003c\/th\u003e\n \u003cth class=\"atxa-th-win\"\u003eسيروم ANUA TXA Niacinamide\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"وجه المقارنة\"\u003eالمكونات الفعالة\u003c\/td\u003e\n \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003e5% إلى 10% نياسيناميد فقط لوحده\u003c\/td\u003e\n \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003e10% نياسيناميد + 4% ترانيكساميك + 2% أربوتين\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"وجه المقارنة\"\u003eطريقة علاج البقع\u003c\/td\u003e\n \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eتفتيح سطحي ضعيف يرجع مع أول شمس\u003c\/td\u003e\n \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eيوقف إنتاج صبغة البقع من جذورها العميقة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"وجه المقارنة\"\u003eراحة البشرة\u003c\/td\u003e\n \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eبتسبب حرقان وقشور وجفاف للبشرة\u003c\/td\u003e\n \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eترطيب مائي فوري بالسيراميد والهيالورونيك\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"وجه المقارنة\"\u003eسرعة النتيجة\u003c\/td\u003e\n \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eبتحتاجي شهرين وممكن متلاحظيش فرق\u003c\/td\u003e\n \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eنضارة واضحة وتراجع للبهتان من أول 7 أيام\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"وجه المقارنة\"\u003eالأمان للجلد الحساس\u003c\/td\u003e\n \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eمليانة كحول وعطور بتلهب الحبوب\u003c\/td\u003e\n \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\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\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 6. Timeline Transformation Grid --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eرحلة وشك خطوة بخطوة مع الاستخدام\u003c\/h2\u003e\n \u003cdiv class=\"atxa-timeline-grid\"\u003e\n \u003cdiv class=\"atxa-timeline-card\"\u003e\n \u003cdiv class=\"atxa-timeline-badge\"\u003eالأسبوع 1\u003c\/div\u003e\n \u003ch4 class=\"neon-red\" 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=\"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);\"\u003eالأسبوع 2 و 3\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=\"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);\"\u003eالشهر الأول\u003c\/div\u003e\n \u003ch4 class=\"neon-rose\" 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=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-red);\"\u003e\n \u003cdiv class=\"atxa-timeline-badge\"\u003eالشهر الثاني\u003c\/div\u003e\n \u003ch4 class=\"neon-red\" 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\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 7. Value Proposition Grid --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eليه السيروم ده أوفر استثمار لبشرتك؟\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_holding_skincare_serum_bottle_202608311314.jpg?v=1788171326\" alt=\"ANUA serum results\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n\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\"\u003eنقطتين بس بيكفوا\u003c\/h3\u003e\n \u003cp\u003eتركيزه العالي بيخلي نقطتين أو 3 يغطوا كامل وشك ورقبتك. العبوة الـ 30 مل هتقعد معاكي شهرين كاملين من الاستخدام اليومي.\u003c\/p\u003e\n \u003c\/div\u003e\n\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\"\u003eيغنيكي عن 4 منتجات\u003c\/h3\u003e\n \u003cp\u003eبدل ما تشتري سيروم تفتيح، وسيروم آثار حبوب، وسيروم هيالورونيك، وكريم سيراميد.. أنوا بيجمع كل ده في خطوة واحدة توفر ميزانيتك.\u003c\/p\u003e\n \u003c\/div\u003e\n\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\"\u003eمضمون ومجرب عالمياً\u003c\/h3\u003e\n \u003cp\u003eرقم 1 في تريندات الجمال الكوري وملايين البنات اعتمدوه في روتينهم اليومي كبديل آمن لجلسات العيادات المكلفة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 8. Usage Protocol Grid --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eطريقة الاستخدام السهلة لأقصى نتيجة\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_on_red_liquid_202608311311.jpg?v=1788171326\" alt=\"ANUA serum bottle\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n\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\u003eنظفي وجهك\u003c\/h4\u003e\n \u003cp\u003eاستخدميه صباحاً أو مساءً على بشرة نظيفة وجافة تماماً بعد خطوة التونر المفضلة ليكي.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-step-card\"\u003e\n \u003cdiv class=\"atxa-step-num\"\u003e2\u003c\/div\u003e\n \u003ch4\u003eوزعي برفق\u003c\/h4\u003e\n \u003cp\u003eحطي من 2 لـ 3 قطرات ودلكي بلطف، مع التركيز على أماكن البقع وآثار الحبوب لحد ما يتشرب تماماً.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-step-card\"\u003e\n \u003cdiv class=\"atxa-step-num\"\u003e3\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 \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\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 بشرتك مش محتاجة مكياج يداريها.. \u003cspan class=\"neon-gold\"\u003eمحتاجة سيروم يصفيها بجد\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/202608311326.jpg?v=1788172007\" alt=\"ANUA Niacinamide Serum\" class=\"atxa-img-md\" style=\"margin: 30px auto;\"\u003e\n\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;\"\u003eبدل ما تضيعي فلوسك وتتعبي بشرتك في تجارب ملهاش لازمة!\u003c\/strong\u003e\n ابدأي النهاردة مع تركيبة Anua الثلاثية المعتمدة عالمياً.. وامحي البقع وآثار الحبوب عشان تسترجعي إشراقتك الطبيعية بثقة.\n \u003c\/p\u003e\n\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 اطلبي سيروم Anua Niacinamide 10% + TXA 4% الأصلي الآن.. واستمتعي ببشرة زجاجية من أول شهر!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\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: right; direction: rtl; font-weight: 800;\"\u003eقائمة المكوّنات الكاملة والمعتمدة (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: rtl; text-align: right;\"\u003e\n تركيبة كورية علاجية نقية خالية تماماً من العطور الصناعية، الكحول القاسي، والبارابين. آمنة 100% للبشرة الحساسة والمعرضة للحبوب.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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":46999395270830,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua-niacinamide-10-txa-4-serum-30ml-1.webp?v=1789237578"},{"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: rtl;\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: right;\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\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4f7f191837ad09424f833d5c29505f88.jpg?v=1745075290\" alt=\"SOME BY MI Starter Kit\" class=\"kit-image scale-in\"\u003e\n \u003cp class=\"kit-subtitle\"\u003eمجموعة \u003cspan class=\"highlight\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/span\u003e تقدّم روتينًا متكاملاً من أربع خطوات مصممة خصيصًا للبشرة المعرضة لحبّ الشباب والتصبّغات. تتكوّن من صابون منظف، تونر، سيروم، وكريم، جميعها تحتوي على مزيج الأحماض الثلاثة (AHA, BHA, PHA) ومكوّنات مهدِّئة مثل شجرة الشاي والسنتيلا، لتقشير الخلايا الميتة، تطهير المسام، تهدئة الالتهابات، وترطيب البشرة بعمق دون تجريدها من زيوتها الطبيعية. الدمج بين هذه الخطوات الأربعة يضمن علاجًا شاملًا للتصبّغات، تقليل الالتهابات، وتحسين ملمس البشرة خلال 30 يومًا فقط.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kit-section\"\u003e\n \u003ch2 class=\"kit-section-title fade-in\"\u003eعن المجموعة\u003c\/h2\u003e\n \n \u003cdiv class=\"kit-content fade-in\"\u003e\n \u003cp class=\"kit-text\"\u003eتحتوي المجموعة على أربعة منتجات بحجم السفر:\u003c\/p\u003e\n \n \u003cul class=\"kit-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eصابون AHA‑BHA‑PHA 30 Days Miracle Cleansing Bar (25g)\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتونر AHA‑BHA‑PHA 30 Days Miracle Toner (30ml)\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eسيروم AHA‑BHA‑PHA 30 Days Miracle Serum (10ml)\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eكريم AHA‑BHA‑PHA 30 Days Miracle Cream (20g)\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kit-section\"\u003e\n \u003ch2 class=\"kit-section-title fade-in\"\u003eوظائف كل منتج في المجموعة\u003c\/h2\u003e\n \n \u003cdiv class=\"products-grid\"\u003e\n \u003cdiv class=\"product-card stagger-item\"\u003e\n \u003ch3 class=\"product-title\"\u003eمنظف Cleansing Bar\u003c\/h3\u003e\n \u003cimg 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\" alt=\"Cleansing Bar\" class=\"kit-image\"\u003e\n \u003cp class=\"kit-text\"\u003eيجمع بين الأحماض الثلاثة (AHA لإزالة الخلايا الميتة، BHA لتطهير المسام، PHA للحفاظ على الترطيب)؛ ويحتوي على ماء شجرة الشاي وتركيبة هيرتليف لقتل البكتيريا وتهدئة الاحمرار.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"product-card stagger-item\"\u003e\n \u003ch3 class=\"product-title\"\u003eتونر Miracle Toner\u003c\/h3\u003e\n \u003cimg 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\" alt=\"Miracle Toner\" class=\"kit-image\"\u003e\n \u003cp class=\"kit-text\"\u003eتونر خفيف الحموضة (pH 5.5) يحتوي على مزيج الأحماض الثلاثة و10,000 ppm من ماء شجرة الشاي لتنقية المسام وتلطيف البشرة وترطيبها.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"product-card stagger-item\"\u003e\n \u003ch3 class=\"product-title\"\u003eسيروم Miracle Serum\u003c\/h3\u003e\n \u003cimg 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\" alt=\"Miracle Serum\" class=\"kit-image\"\u003e\n \u003cp class=\"kit-text\"\u003eيزيد التركيز إلى 14.5% سنتيلا آسياتيكا و10,000 ppm ماء شجرة الشاي لتهدئة الالتهابات ومنع تكون الحبوب، مع تقشير لطيف يحفز تجديد الخلايا.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"product-card stagger-item\"\u003e\n \u003ch3 class=\"product-title\"\u003eكريم Miracle Cream\u003c\/h3\u003e\n \u003cimg 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\" alt=\"Miracle Cream\" class=\"kit-image\"\u003e\n \u003cp class=\"kit-text\"\u003eكريم خفيف يمزج الأحماض الثلاثة مع شجرة الشاي والسنتيلا لترطيب عميق، تقوية حاجز البشرة، وتهدئة الاحمرار الناتج عن حبّ الشباب.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kit-section\"\u003e\n \u003ch2 class=\"kit-section-title fade-in\"\u003eكيف تعمل المكونات سويًّا\u003c\/h2\u003e\n \n \u003cimg 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\" alt=\"SOME BY MI Complete Kit\" class=\"kit-image fade-in\"\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card slide-in-left\"\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 slide-in-right\"\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 slide-in-left\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eالترطيب والحماية\u003c\/h3\u003e\n \u003cp\u003eالأحماض (PHA) وحمض الهيالورونيك (من Serum\/Cream) والسنتيلا يعزّزون حبس الماء داخل البشرة ويقوّون حاجزها الواقي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kit-section\"\u003e\n \u003ch2 class=\"kit-section-title fade-in\"\u003eفوائد الدمج بينهم\u003c\/h2\u003e\n \n \u003cimg 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\" alt=\"SOME BY MI Benefits\" class=\"kit-image fade-in\"\u003e\n \n \u003col class=\"numbered-list fade-in\"\u003e\n \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eروتين متكامل\u003c\/strong\u003e: خطوة تنظيف – تقشير – معالجة – ترطيب، لكل مرحلة دور محدد يضمن نتائج متسلسلة مُحكمة.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eنتائج متسارعة\u003c\/strong\u003e: تظهر بشرة أوضح وأنقى في غضون 30 يومًا مع الاستخدام اليومي المنتظم.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eعلاج شامل\u003c\/strong\u003e: لا يقتصر على إزالة الحبوب، بل يُصلح النسيج ويمنح إشراقة صحية متجددة.\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kit-section\"\u003e\n \u003ch2 class=\"kit-section-title fade-in\"\u003eتأثيرهم على البشرة\u003c\/h2\u003e\n \n \u003cul class=\"kit-list fade-in\"\u003e\n \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتوحيد لون البشرة\u003c\/strong\u003e وتقليل التصبّغات والبقع الداكنة.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتقليل حجم المسام\u003c\/strong\u003e والحدّ من إفراز الزيوت الزائدة.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتهدئة الالتهابات\u003c\/strong\u003e الناتجة عن حبّ الشباب والتهيّجات.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتعزيز ملمس ناعم ومرن\u003c\/strong\u003e لبشرة أكثر شبابًا وحيوية.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kit-section\"\u003e\n \u003ch2 class=\"kit-section-title fade-in\"\u003eقيمة استثنائية مقابل السعر\u003c\/h2\u003e\n \n \u003cdiv class=\"value-section slide-in-right\"\u003e\n \u003cul class=\"kit-list\"\u003e\n \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eحجم السفر الاقتصادي\u003c\/strong\u003e يتيح تجربة كاملة لأربعة منتجات بسعر معقول مقارنةً بشراء كل منتج على حدة.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eأربعة أسابيع كاملة\u003c\/strong\u003e بجرعات صغيرة تكفي للاستخدام اليومي صباحًا ومساءً طوال فترة الثلاثين يومًا.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eمكونات نادرة وفعّالة\u003c\/strong\u003e بتركيزات عالية (ماء شجرة الشاي 10,000 ppm، سنتيلا 14.5%, Niacinamide 2% ضمن التونر) تجتمع في مجموعة واحدة تمنحك قيمة استثنائية لا تجدينها في سيروم وحيد.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003chr style=\"margin: 40px 0; border: none; height: 1px; background-color: #eee;\"\u003e\n \n \u003cp class=\"kit-text fade-in\"\u003eاختاري \u003cstrong\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/strong\u003e لتجربة قادرة على إعادة بناء بشرتكِ من الجذور، وتحصُّل نتائج حقيقية، واستمتعي بقيمة لا تضاهى في عالم العناية بالبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \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":46999395500206,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_BY_MI_AHA-BHA-PHA_30_Days_Miracle_Starter_Kit.jpg?v=1788175366"},{"product_id":"skin1004-centella-tone-brightening-capsule-ampoule","title":"SKIN1004 Madagascar Centella Tone Brightening Ampoule — أمبول تفتيح آثار الحبوب والتصبغات بـ 77% سنتيلا","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n \/* Scoped CSS for skinGeer Shopify Snippet - Luxury Dark Mode *\/\n .sg-product-description {\n \/* Core Palette - Deep Blacks \u0026 Charcoals *\/\n --sg-bg-main: #050505;\n --sg-bg-card: rgba(20, 20, 22, 0.75);\n --sg-bg-card-hover: rgba(30, 30, 32, 0.9);\n \n \/* Accents - Vibrant Emerald \u0026 Warning Gold *\/\n --sg-green-primary: #10b981;\n --sg-green-dark: #059669;\n --sg-green-glow: rgba(16, 185, 129, 0.15);\n --sg-yellow-accent: #fbbf24;\n --sg-yellow-glow: rgba(251, 191, 36, 0.15);\n \n \/* Borders \u0026 Text *\/\n --sg-border: rgba(255, 255, 255, 0.1);\n --sg-border-light: rgba(255, 255, 255, 0.2);\n --sg-text-white: #ffffff;\n --sg-text-main: #f3f4f6;\n --sg-text-muted: #9ca3af;\n \n font-family: 'Cairo', sans-serif;\n background-color: var(--sg-bg-main);\n color: var(--sg-text-main);\n line-height: 1.8;\n direction: rtl;\n text-align: right;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n padding-bottom: 3rem;\n box-sizing: border-box;\n margin: 0 auto;\n max-width: 1200px; \/* Optional constraint for wide screens *\/\n }\n\n .sg-product-description * {\n box-sizing: border-box;\n }\n\n .sg-glass-card {\n background: var(--sg-bg-card);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--sg-border);\n border-radius: 16px;\n padding: 2rem;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .sg-glass-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; height: 2px;\n background: linear-gradient(90deg, transparent, var(--sg-green-primary), transparent);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .sg-glass-card:hover {\n transform: translateY(-5px);\n background: var(--sg-bg-card-hover);\n border-color: var(--sg-border-light);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px var(--sg-green-glow);\n }\n\n .sg-glass-card:hover::before {\n opacity: 1;\n }\n\n \/* Typography \u0026 Utilities *\/\n .sg-text-gradient {\n background: linear-gradient(135deg, #ffffff 0%, var(--sg-green-primary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n }\n \n .sg-text-yellow {\n color: var(--sg-yellow-accent);\n }\n\n .sg-container {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 1.5rem;\n position: relative;\n z-index: 10;\n }\n\n \/* Layout Grids *\/\n .sg-grid-2 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }\n .sg-grid-3 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }\n\n @media (min-width: 768px) {\n .sg-grid-2 { grid-template-columns: repeat(2, 1fr); }\n .sg-grid-3 { grid-template-columns: repeat(3, 1fr); }\n }\n\n .sg-glow-bg {\n position: absolute;\n border-radius: 50%;\n filter: blur(120px);\n z-index: 0;\n pointer-events: none;\n opacity: 0.15;\n }\n\n .sg-glow-green { background: var(--sg-green-primary); width: 400px; height: 400px; top: -100px; right: -100px; }\n .sg-glow-white { background: #ffffff; width: 300px; height: 300px; bottom: 30%; left: -50px; opacity: 0.05; }\n .sg-glow-yellow { background: var(--sg-yellow-accent); width: 200px; height: 200px; top: 60%; right: 10%; opacity: 0.05; }\n\n .sg-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .sg-reveal.sg-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive Images *\/\n .sg-responsive-img {\n width: 100%;\n height: auto;\n border-radius: 16px;\n border: 1px solid var(--sg-border);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n margin: 2rem 0;\n display: block;\n }\n\n \/* Headers *\/\n .sg-hero {\n text-align: center;\n padding: 4rem 0 2rem;\n position: relative;\n }\n\n .sg-hero h1 {\n font-size: clamp(1.8rem, 4vw, 2.8rem);\n font-weight: 800;\n line-height: 1.3;\n margin-bottom: 1.5rem;\n color: var(--sg-text-white);\n }\n\n .sg-hero p {\n font-size: clamp(1.1rem, 2vw, 1.25rem);\n color: var(--sg-text-muted);\n max-width: 800px;\n margin: 0 auto;\n }\n\n .sg-section-title {\n font-size: clamp(1.5rem, 3vw, 2.2rem);\n font-weight: 800;\n text-align: center;\n margin: 4rem 0 2rem;\n color: var(--sg-text-white);\n line-height: 1.4;\n }\n\n .sg-tech-card-layout {\n display: flex;\n align-items: flex-start;\n gap: 1.2rem;\n margin-bottom: 1rem;\n }\n \n .sg-tech-icon {\n width: 56px;\n height: 56px;\n flex-shrink: 0;\n background: rgba(16, 185, 129, 0.08);\n border: 1px solid rgba(16, 185, 129, 0.3);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--sg-green-primary);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .sg-glass-card:hover .sg-tech-icon {\n background: var(--sg-green-primary);\n color: var(--sg-bg-main);\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 0 20px var(--sg-green-glow);\n }\n\n \/* Feature Lists in Cards *\/\n .sg-feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0 0 0;\n }\n \n .sg-feature-list li {\n position: relative;\n padding-right: 1.5rem;\n margin-bottom: 0.5rem;\n font-size: 1rem;\n color: var(--sg-text-main);\n }\n\n .sg-feature-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 2px;\n color: var(--sg-green-primary);\n font-weight: bold;\n }\n\n .sg-timeline {\n position: relative;\n padding-right: 2rem;\n border-right: 2px solid rgba(255, 255, 255, 0.1);\n margin: 2rem 0;\n }\n\n .sg-timeline-item {\n position: relative;\n margin-bottom: 2.5rem;\n }\n\n .sg-timeline-dot {\n position: absolute;\n right: -31px;\n top: 20px;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: var(--sg-bg-main);\n border: 2px solid var(--sg-green-primary);\n transition: all 0.3s ease;\n }\n\n .sg-timeline-item:hover .sg-timeline-dot {\n background: var(--sg-green-primary);\n box-shadow: 0 0 10px var(--sg-green-primary);\n }\n\n .sg-timeline-badge {\n display: inline-block;\n padding: 4px 14px;\n background: rgba(255, 255, 255, 0.05);\n color: var(--sg-text-main);\n font-size: 0.9rem;\n font-weight: 700;\n border-radius: 20px;\n margin-bottom: 1rem;\n border: 1px solid var(--sg-border);\n }\n\n .sg-step-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n .sg-step-number {\n display: inline-flex;\n width: 40px;\n height: 40px;\n background: rgba(16, 185, 129, 0.1);\n color: var(--sg-green-primary);\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.2rem;\n border: 1px solid var(--sg-green-primary);\n flex-shrink: 0;\n transition: all 0.3s ease;\n }\n\n .sg-glass-card:hover .sg-step-number {\n background: var(--sg-green-primary);\n color: var(--sg-bg-main);\n box-shadow: 0 0 15px var(--sg-green-glow);\n }\n\n .sg-notice-box {\n background: rgba(251, 191, 36, 0.03);\n border: 1px solid rgba(251, 191, 36, 0.2);\n border-right: 4px solid var(--sg-yellow-accent);\n border-radius: 12px;\n padding: 1.5rem;\n margin: 2rem 0;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n }\n\n .sg-notice-icon {\n color: var(--sg-yellow-accent);\n flex-shrink: 0;\n margin-top: 5px;\n }\n\n .sg-quote-box {\n text-align: center;\n padding: 2rem;\n border-top: 1px solid var(--sg-border);\n border-bottom: 1px solid var(--sg-border);\n margin: 3rem 0;\n font-style: italic;\n font-size: 1.3rem;\n color: var(--sg-green-primary);\n font-weight: 600;\n }\n\n .sg-ingredients-raw {\n font-size: 0.85rem;\n color: var(--sg-text-muted);\n line-height: 1.8;\n direction: ltr;\n text-align: left;\n font-family: monospace;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sg-product-description\" dir=\"rtl\"\u003e\n \n \u003c!-- Ambient Backgrounds --\u003e\n \u003cdiv class=\"sg-glow-bg sg-glow-green\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sg-glow-bg sg-glow-white\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sg-glow-bg sg-glow-yellow\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"sg-container\"\u003e\n \n \u003cdiv class=\"sg-hero sg-reveal\"\u003e\n \u003cspan style=\"display: inline-block; padding: 4px 16px; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 20px; color: var(--sg-green-primary); font-weight: 700; margin-bottom: 1rem; font-size: 0.9rem;\"\u003eSkin1004 Madagascar Centella\u003c\/span\u003e\n \u003ch1\u003eأخيراً... تفتيح حقيقي بدون \u003cspan class=\"sg-text-gradient\"\u003eحرقة ولا تهيج ولا جفاف\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp\u003e\u003cstrong\u003e77% سنتيلا + 3 مكونات تفتيح علمية = أقوى تركيبة تفتيح للبشرة الحساسة بدون ذرة تهيج\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_1.jpg?v=1782049817\" alt=\"Skin1004 Tone Brightening Ampoule\" class=\"sg-responsive-img sg-reveal\"\u003e\n\n \u003cdiv class=\"sg-glass-card sg-reveal\" style=\"margin-bottom: 3rem;\"\u003e\n \u003ch2 style=\"font-size: 1.5rem; color: var(--sg-text-white); margin-bottom: 1rem; font-weight: 800;\"\u003eالمعادلة المستحيلة اللي حلّها العلم الكوري: تفتيح قوي + لطف كامل\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.1rem; margin-bottom: 1rem;\"\u003eالتفتيح دايماً معضلة في عالم العناية بالبشرة، لأن معظم المكونات اللي بتفتّح (مثل فيتامين C النقي بتركيز عالي أو الأحماض القوية) بتحرق الجلد وتهيّجه، مما يسبب دورة لا متناهية من التصبغات الأعمق للبشرة الحساسة.\u003c\/p\u003e\n \u003cp style=\"font-size: 1.1rem; color: var(--sg-text-muted);\"\u003e\u003cstrong\u003eSKIN1004 قلب المعادلة:\u003c\/strong\u003e بنى هذا الأمبول على \u003cstrong\u003e77% خلاصة السنتيلا الآسياتيكا\u003c\/strong\u003e — أقوى نبتة مهدّئة في عالم العناية بالبشرة — ووضع فوقها \u003cstrong\u003e3 مكونات تفتيح علمية مدروسة\u003c\/strong\u003e، وأضاف كبسولات Madewhite™ اللي بتوصّل التفتيح بلطف. النتيجة؟ منتج بيفتّح بقوة، بينما السنتيلا بتهدّي أي تهيج قبل ما يحصل.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sg-quote-box sg-reveal\"\u003e\n \"كل منتجات التفتيح القوية بتهيّج بشرتك... وكل المنتجات اللطيفة مش بتفتّح. SKIN1004 كسر القاعدة دي\"\n \u003c\/div\u003e\n\n \u003ch2 class=\"sg-section-title sg-reveal\"\u003eفريق متكامل بيحاصر الميلانين من كل اتجاه\u003cbr\u003e\u003cspan style=\"font-size: 1.2rem; color: var(--sg-green-primary); font-weight: 600;\"\u003eتحت حماية السنتيلا\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"sg-grid-2\"\u003e\n \u003c!-- Centella --\u003e\n \u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n \u003cdiv class=\"sg-tech-card-layout\"\u003e\n \u003cdiv class=\"sg-tech-icon\"\u003e\n \u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" style=\"width:30px; height:30px;\"\u003e\u003cpath d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eسنتيلا آسياتيكا 77%\u003c\/h3\u003e\n \u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eالأساس المهدّئ الواقي\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eمش مجرد مكوّن، ده الأساس اللي بُني عليه المنتج. غنية بمركبات مهدئة تعمل كـ \"وسادة واقية\" تسمح لمكونات التفتيح بالعمل بأمان.\u003c\/p\u003e\n \u003cul class=\"sg-feature-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\n \u003c!-- Niacinamide --\u003e\n \u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n \u003cdiv class=\"sg-tech-card-layout\"\u003e\n \u003cdiv class=\"sg-tech-icon\"\u003e\n \u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" style=\"width:30px; height:30px;\"\u003e\u003cpath d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eنياسيناميد 4%\u003c\/h3\u003e\n \u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eتوحيد اللون وتصغير المسام\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eالتركيز المثالي المدروس علمياً ليوازن بين الفعالية القوية والتحمل العالي للاستخدام اليومي المستمر.\u003c\/p\u003e\n \u003cul class=\"sg-feature-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\n \u003c!-- Tranexamic Acid --\u003e\n \u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n \u003cdiv class=\"sg-tech-card-layout\"\u003e\n \u003cdiv class=\"sg-tech-icon\"\u003e\n \u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" style=\"width:30px; height:30px;\"\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 \u003cdiv\u003e\n \u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eحمض الترانيكساميك 2%\u003c\/h3\u003e\n \u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eضد التصبغات العنيدة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eجزيء طبي متقدم يُستخدم في تركيبات التفتيح الاحترافية، من أقوى المكونات ضد الميلازما والبقع الشمسية.\u003c\/p\u003e\n \u003cul class=\"sg-feature-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\n \u003c!-- Madewhite --\u003e\n \u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n \u003cdiv class=\"sg-tech-card-layout\"\u003e\n \u003cdiv class=\"sg-tech-icon\"\u003e\n \u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" style=\"width:30px; height:30px;\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 12a4 4 0 018 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eكبسولات Madewhite™\u003c\/h3\u003e\n \u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eتقنية التوصيل الذكية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eمكوّن حصري مبني على السنتيلا مغلف في كبسولات بيضاء دقيقة، لضمان اختراق المكونات بفعالية بدلاً من ضياعها على السطح.\u003c\/p\u003e\n \u003cul class=\"sg-feature-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\n \u003c!-- Vitamin C --\u003e\n \u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n \u003cdiv class=\"sg-tech-card-layout\"\u003e\n \u003cdiv class=\"sg-tech-icon\"\u003e\n \u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" style=\"width:30px; height:30px;\"\u003e\u003cpath d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eمشتق فيتامين C\u003c\/h3\u003e\n \u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eالمفتّح والمضاد المستقر\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted;\"\u003e(3-O-Ethyl Ascorbic Acid) مشتق مستقر باختراق جيد وخطر تهيج أقل بكثير من فيتامين C النقي القاسي.\u003c\/p\u003e\n \u003cul class=\"sg-feature-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\n \u003c!-- Hydration --\u003e\n \u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n \u003cdiv class=\"sg-tech-card-layout\"\u003e\n \u003cdiv class=\"sg-tech-icon\"\u003e\n \u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" style=\"width:30px; height:30px;\"\u003e\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 12 2 12 2C12 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eالماديكاسوسيد والترطيب\u003c\/h3\u003e\n \u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eيمنع التهيج ويدعم الحاجز\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eتريتيربينويد معزول يمنع التهيج قبل حدوثه، مدعوم بالجلسرين والبيتايين لحبس الرطوبة بتركيبة خفيفة جداً.\u003c\/p\u003e\n \u003cul class=\"sg-feature-list\"\u003e\n \u003cli\u003eيساعد البشرة على تحمل التفتيح بسلام\u003c\/li\u003e\n \u003cli\u003eيرطب بعمق بدون ملمس دهني ثقيل\u003c\/li\u003e\n \u003cli\u003eيعمل بسلاسة تحت السيرومات والكريمات\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Product_in_lab_with_plants_202606211712.jpg?v=1782051190\" alt=\"Skin1004 Technology\" class=\"sg-responsive-img sg-reveal\"\u003e\n\n \u003ch2 class=\"sg-section-title sg-reveal\"\u003eرحلة التحول: من البهتان لبشرة مشرقة\u003cbr\u003e\u003cspan style=\"font-size: 1.2rem; color: var(--sg-text-muted); font-weight: 400;\"\u003eتفتيح تدريجي ولطيف... لكنه حقيقي ومستدام\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"sg-timeline sg-reveal\"\u003e\n \u003cdiv class=\"sg-timeline-item\"\u003e\n \u003cdiv class=\"sg-timeline-dot\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sg-glass-card\"\u003e\n \u003cspan class=\"sg-timeline-badge\"\u003eأسبوع إلى أسبوعين\u003c\/span\u003e\n \u003ch3 style=\"color: var(--sg-text-white); font-size: 1.3rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eالتهدئة والإشراق الأولي\u003c\/h3\u003e\n \u003cp style=\"font-size: 1.05rem; color: var(--sg-text-muted); margin: 0;\"\u003eالبشرة بتحس أهدأ وأكثر ترطيباً. تفتيح خفيف عام ومظهر \"أنقى\". إشراقة طفيفة بتبدأ تظهر بدون أي احمرار.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sg-timeline-item\"\u003e\n \u003cdiv class=\"sg-timeline-dot\" style=\"border-color: var(--sg-green-primary); background: var(--sg-bg-main);\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sg-glass-card\" style=\"border-color: rgba(16, 185, 129, 0.3);\"\u003e\n \u003cspan class=\"sg-timeline-badge\" style=\"color: var(--sg-green-primary); border-color: rgba(16, 185, 129, 0.3);\"\u003e4 إلى 8 أسابيع\u003c\/span\u003e\n \u003ch3 style=\"color: var(--sg-text-white); font-size: 1.3rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eتلاشي آثار الحبوب\u003c\/h3\u003e\n \u003cp style=\"font-size: 1.05rem; color: var(--sg-text-main); margin: 0;\"\u003eتلاشٍ ملحوظ لآثار الحبوب الحديثة والبقع الخفيفة. لون أكثر توحداً، احمرار أقل بكثير، وبشرة تبدو أكثر إشراقاً ونوراً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sg-timeline-item\"\u003e\n \u003cdiv class=\"sg-timeline-dot\" style=\"background: var(--sg-green-primary); border-color: var(--sg-green-primary); box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sg-glass-card\" style=\"border-color: var(--sg-green-primary);\"\u003e\n \u003cspan class=\"sg-timeline-badge\" style=\"background: var(--sg-green-primary); color: var(--sg-bg-main); border-color: var(--sg-green-primary);\"\u003e3 أشهر فأكثر\u003c\/span\u003e\n \u003ch3 style=\"color: var(--sg-text-white); font-size: 1.3rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eالنتائج المستدامة\u003c\/h3\u003e\n \u003cp style=\"font-size: 1.05rem; color: var(--sg-text-main); margin: 0;\"\u003eتحسّن مستمر في التصبغات العنيدة. يساعد في الحفاظ على بشرة مشرقة وموحّدة كلياً عند استخدامه كجزء من روتينك اليومي مع واقي الشمس.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sg-notice-box sg-reveal\" style=\"border-color: rgba(255, 255, 255, 0.2); border-right-color: var(--sg-text-white); background: rgba(255, 255, 255, 0.05);\"\u003e\n \u003cdiv class=\"sg-notice-icon\" style=\"color: var(--sg-text-white);\"\u003e\n \u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" height=\"28\" width=\"28\"\u003e\u003cpath d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eتقييم المستخدمين: 4.4 \/ 5 (الأكثر لطفاً)\u003c\/h3\u003e\n \u003cp style=\"margin: 0; font-size: 1rem; color: var(--sg-text-muted);\"\u003eأشاد به أصحاب البشرة الحساسة لافتقاره لأي وخز أو حرقة، مع تحسن واضح في آثار الحبوب. \u003cstrong\u003eملاحظة شفافة:\u003c\/strong\u003e يتألق بشكل خاص مع آثار الحبوب الحديثة والبهتان، بينما البقع الشمسية العميقة والنمش تتحسن ببطء أكبر.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"sg-section-title sg-reveal\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \u003cdiv class=\"sg-grid-2\"\u003e\n \u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n \u003cdiv class=\"sg-step-header\"\u003e\n \u003cdiv class=\"sg-step-number\"\u003e1\u003c\/div\u003e\n \u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eالتوقيت والكمية\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 1rem; color: var(--sg-text-muted); line-height: 1.6; margin: 0;\"\u003eصباحاً و\/أو مساءً بعد الغسول والتونر، وقبل الكريمات الثقيلة. ضعي 1-2 ضغطة بالقطّارة على راحة يدك. آمن جداً للاستخدام اليومي المستمر.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n \u003cdiv class=\"sg-step-header\"\u003e\n \u003cdiv class=\"sg-step-number\"\u003e2\u003c\/div\u003e\n \u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eطريقة التطبيق (مهم جداً)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 1rem; color: var(--sg-text-muted); line-height: 1.6; margin: 0;\"\u003eوزّعي على الوجه والرقبة، \u003cstrong\u003eودلّكي بلطف لتكسير كبسولات Madewhite™\u003c\/strong\u003e البيضاء لكي تذوب وتندمج في البشرة بالكامل. ربّتي حتى الامتصاص.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n \u003cdiv class=\"sg-step-header\"\u003e\n \u003cdiv class=\"sg-step-number\"\u003e3\u003c\/div\u003e\n \u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eالختم والمرطبات\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 1rem; color: var(--sg-text-muted); line-height: 1.6; margin: 0;\"\u003eاتبعيه بمرطبك المفضل. يمكن دمجه مع الريتينول الخفيف أو الببتيدات بسلاسة لأن السنتيلا ستخفف أي تهيج محتمل.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sg-glass-card sg-reveal\" style=\"border-color: rgba(251, 191, 36, 0.4); background: rgba(251, 191, 36, 0.05);\"\u003e\n \u003cdiv class=\"sg-step-header\"\u003e\n \u003cdiv class=\"sg-step-number\" style=\"background: rgba(251, 191, 36, 0.2); color: var(--sg-yellow-accent); border-color: var(--sg-yellow-accent);\"\u003e!\u003c\/div\u003e\n \u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eالقاعدة الذهبية للتفتيح\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 1rem; color: var(--sg-text-main); line-height: 1.6; margin: 0;\"\u003eواقي الشمس مش اختياري — هو نصف العلاج. صباحاً \u003cstrong\u003eاختمي دائماً بواقي شمس SPF 30+\u003c\/strong\u003e، أي مجهود تفتيح بدون حماية = مجهود ضائع والتصبغات هترجع.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Visual_identity_product_Centella__202606211706.jpg?v=1782050838\" alt=\"Skin1004 Identity\" class=\"sg-responsive-img sg-reveal\"\u003e\n\n \u003cdiv class=\"sg-hero sg-reveal\" style=\"padding-top: 1rem;\"\u003e\n \u003ch2 style=\"font-size: 2rem; font-weight: 800; color: var(--sg-text-white); margin-bottom: 1rem;\"\u003eأمبول من النور حصرياً لبشرتك\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 1rem;\"\u003e\u003cstrong\u003eفتحي بشرتك بدون ما تعذبيها\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eSKIN1004 Madagascar Centella مش مجرد سيروم... ده إثبات إن القوة واللطف ممكن يجتمعوا. التصبغات وآثار الحبوب مش قَدَر، ابدئي رحلة بشرتك المشرقة دلوقتي بثقة وبدون خوف من التهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"sg-section-title sg-reveal\" style=\"font-size: 1.5rem; margin-top: 2rem;\"\u003eقائمة المكونات الكاملة\u003c\/h2\u003e\n \u003cdiv class=\"sg-glass-card sg-reveal sg-ingredients-raw\"\u003e\n Centella Asiatica Extract (77%), Butylene Glycol, Glycerin, \u003cstrong style=\"color: var(--sg-green-primary);\"\u003eNiacinamide (4%)\u003c\/strong\u003e, \u003cstrong style=\"color: var(--sg-green-primary);\"\u003eTranexamic Acid (2%)\u003c\/strong\u003e, 1,2-Hexanediol, Water, Betaine, Madecassoside, Hydrogenated Lecithin, Xylitylglucoside, Anhydroxylitol, Xylitol, \u003cstrong style=\"color: var(--sg-green-primary);\"\u003e3-O-Ethyl Ascorbic Acid\u003c\/strong\u003e, Hydroxyethylcellulose, Carbomer, Tromethamine, Disodium EDTA, Caprylyl Glycol\n \u003c\/div\u003e\n \n \u003cdiv class=\"sg-reveal\" style=\"margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;\"\u003e\n \u003cspan style=\"background: rgba(255, 255, 255, 0.05); border: 1px solid var(--sg-border); color: var(--sg-text-white); padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: 700;\"\u003e✓ خالي من العطور والزيوت العطرية\u003c\/span\u003e\n \u003cspan style=\"background: rgba(255, 255, 255, 0.05); border: 1px solid var(--sg-border); color: var(--sg-text-white); padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: 700;\"\u003e✓ خالي من الكحول والأحماض القاسية\u003c\/span\u003e\n \u003cspan style=\"background: rgba(255, 255, 255, 0.05); border: 1px solid var(--sg-border); color: var(--sg-text-white); padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: 700;\"\u003e✓ آمن للبشرة الحساسة جداً\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\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.classList.add('sg-active');\n }\n });\n }, observerOptions);\n\n const revealElements = document.querySelectorAll('.sg-reveal');\n revealElements.forEach(el =\u003e observer.observe(el));\n \n \/\/ Trigger immediately for elements already in viewport on load\n setTimeout(() =\u003e {\n revealElements.forEach(el =\u003e {\n const rect = el.getBoundingClientRect();\n if(rect.top \u003c window.innerHeight) {\n el.classList.add('sg-active');\n }\n });\n }, 150);\n });\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999395762350,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin_1004_centella_ampoule.png?v=1759854521"},{"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: rtl;\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\n\u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"fade-in\"\u003e\n \u003cimg 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\" alt=\"Beauty of Joseon Relief Sun\"\u003e\n \n \u003ch2\u003eالحماية الفائقة: درع أشعة الشمس بعناية كورية\u003c\/h2\u003e\n \u003c\/div\u003e\n \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 هو واقي شمس كوري مبتكر يجمع بين حماية واسعة الطيف بقوة SPF50+ PA++++ وتركيبة غنية بالعناصر الغذائية لترطيب وتغذية البشرة بعمق. يحتوي هذا الواقي على 30% من مستخلص الأرز المخمر ومزيج من البروبيوتيك التي تعيد توازن الميكروبيوم الجلدي وتهدئة الاحمرار والجفاف. بفضل قوامه الخفيف اللامع الذي يختفي فورًا دون أثر دهني أو طبقة بيضاء، يجمع Relief Sun بين الفعالية والراحة اليومية لكل أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Complete Protection Section --\u003e\n \u003cdiv class=\"fade-in\"\u003e\n \u003cimg 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\" alt=\"Beauty of Joseon Relief Sun Protection\"\u003e\n \n \u003ch2\u003eحماية شاملة بلا تنازلات\u003c\/h2\u003e\n \u003ch3\u003e- تركيب متطور لمنع أضرار الشمس -\u003c\/h3\u003e\n \n \u003cp\u003eيقدم Relief Sun حماية فعّالة ضد أشعة UVA وUVB عبر فلاتر كيميائية متقدمة تضمن SPF50+ PA++++، مما يقلل خطر حروق الشمس والتصبغات المفرطة الناتجة عن التعرض اليومي للشمس. تركيبة خالية من العطور والكحول ومُصنفة بالأمان (EWG Green Level)، مناسبة للبشرة الحساسة ولمن يعانون من مشاكل التحسس تجاه واقيات الشمس التقليدية.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"fade-in\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun.webp?v=1745773502\" alt=\"Beauty of Joseon Relief Sun Texture\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"features-section fade-in\"\u003e\n \u003ch2\u003eثنائي الترطيب والتغذية: الأرز والبروبيوتيك في مزيج واحد\u003c\/h2\u003e\n \u003ch3\u003e- مكونات طبيعية لترطيب عميق وتهدئة فورية -\u003c\/h3\u003e\n \n \u003cdiv class=\"two-column-section\"\u003e\n \u003cdiv class=\"column\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_rice_probiotics.webp?v=1745773561\" alt=\"Beauty of Joseon Relief Sun Ingredients\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"column\"\u003e\n \u003cp\u003eيمتزج في Relief Sun 30% من مستخلص الأرز المخمر مع مزيج من البروبيوتيك والحبوب المخمرة، الغنية بالفيتامينات B وC وE والأحماض الأمينية والمعادن، لتمنح البشرة ترطيبًا فوريًا وتهدئة للاحمرار والجفاف طوال اليوم.\u003c\/p\u003e\n \n \u003cp\u003eتم تعزيز التركيبة أيضًا بالنياسيناميد الذي يوازن مستوى الزيت والرطوبة في البشرة، ويقلل من حجم المسام لتبدو أكثر نعومة وامتلاءً.\u003c\/p\u003e\n \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 \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"fade-in\"\u003e\n \u003ch2\u003eكيف يعمل المنتج؟\u003c\/h2\u003e\n \u003ch3\u003e- تآزر تقنية الترطيب مع الحماية الشمسية -\u003c\/h3\u003e\n \n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"process-step\"\u003e\n \u003cdiv class=\"step-title\"\u003eبداية التهدئة\u003c\/div\u003e\n \u003cp\u003eعند وضع الواقي، تقوم البروبيوتيك والأرز المخمر بتهدئة البشرة وتهدئة الشعور بالجفاف والاحمرار.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"process-step\"\u003e\n \u003cdiv class=\"step-title\"\u003eحاجز وقائي قوي\u003c\/div\u003e\n \u003cp\u003eتعمل فلاتر SPF50+ PA++++ على عكس وامتصاص الأشعة الضارة قبل أن تخترق الجلد.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"process-step\"\u003e\n \u003cdiv class=\"step-title\"\u003eترطيب وتغذية\u003c\/div\u003e\n \u003cp\u003eالأرز المخمر يطلق مكوناته المرطبة في أعماق البشرة، في حين يعزز النياسيناميد حاجز الماء الطبيعي للبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"process-step\"\u003e\n \u003cdiv class=\"step-title\"\u003eلمسة نهائية خفيفة\u003c\/div\u003e\n \u003cp\u003eالقوام الجلّي اللامع يمتص سريعًا، ويترك البشرة ناعمة دون أي طبقة بيضاء أو لزوجة مزعجة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Advantages Section --\u003e\n \u003cdiv class=\"fade-in\"\u003e\n \u003ch2\u003eسر التميز: لماذا Relief Sun يتفوق على غيره؟\u003c\/h2\u003e\n \u003ch3\u003e- نتائج عملية وتجربة مستخدمين موثوقة -\u003c\/h3\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\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\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eفعالية مثبتة\u003c\/h4\u003e\n \u003cp\u003eمن أعلى واقيات الشمس تقييما في العالم بتقييمات تتعدى 4.5 نجوم من ملايين المستخدمين\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\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\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eاعتراف الخبراء\u003c\/h4\u003e\n \u003cp\u003eمدعوم بتوصيات Allure كأحد أفضل واقيات الشمس الكورية لدمجه بين الحماية والأناقة، وحائز على تأييد أطباء الجلدية بفضل تركيبته الآمنة والفعالة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\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 \u003c\/div\u003e\n \n \u003c!-- Call to Action Section - Black --\u003e\n \u003cdiv class=\"cta-section fade-in\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاحمي بشرتك بأناقة كورية فائقة\u003c\/h2\u003e\n \n \u003cp class=\"cta-text\"\u003eاستمتعي بحماية SPF50+ مع ترطيب وتغذية عميقة في منتج واحد. قولي وداعاً لواقيات الشمس الثقيلة والبيضاء، ومرحباً بإشراقة صحية محمية طوال اليوم!\u003c\/p\u003e\n \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 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":46999396057262,"sku":null,"price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51KXcVZceoL_fd748b52-4e55-4a76-8c3f-58d52954320a.jpg?v=1788175363"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON سيروم لايت أون (Light On) للتفتيح بخلاصة السنتيلا وفيتامين C (Vita C) حجم 30 مل","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: rtl;\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\n\u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section fade-in\"\u003e\n \u003ch1\u003eBeauty of Joseon Light On Serum (Centella + Vita C) – إشراقة كورية متألقة\u003c\/h1\u003e\n \n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c.webp?v=1745771070\" alt=\"Beauty of Joseon Light On Serum\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Introduction Section --\u003e\n \u003cdiv class=\"feature-section fade-in\"\u003e\n \u003ch2\u003eإشراقة بلا عوائق: أهمية علاج التصبغات وتجديد البشرة\u003c\/h2\u003e\n \n \u003cp\u003eالتصبغات والبقع الداكنة مش بس بتقلل من جمال البشرة، لكنها كمان بتخلي مظهرها باهت وأكبر من عمرها الحقيقي. علاج التصبغات بيعيد للبشرة توازنها الطبيعي، وبيخليها أنقى، أفتح، وأكثر إشراقًا. فيتامين C له دور أساسي في تقليل التصبغات وتوحيد اللون، وكمان بيحفز إنتاج الكولاجين، اللي بيجدد شباب البشرة ويحسن مرونتها. لما بشرتك تبقى موحدة ومضيئة، ثقتك في نفسك بتلمع قدام العالم كله.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg 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\" alt=\"Beauty of Joseon Light On Serum Application\"\u003e\n \n \u003c!-- Korean Heritage Section --\u003e\n \u003cdiv class=\"fade-in\"\u003e\n \u003ch2\u003eسحر التراث الكوري والابتكار العصري\u003c\/h2\u003e\n \n \u003cp\u003eسيروم Light On هذا المنتج هو تجسيد لفن العناية بالبشرة الكوري. بيحتوي على 68% من خلاصة السنتيلا الآسيوية العضوية – النبتة الأسطورية اللي اشتهرت بقدرتها الخارقة على تهدئة البشرة وتجديد خلاياها. ومع دعمها بأحدث تقنيات استقرار فيتامين C، السيروم بيوفر أقصى فاعلية في التفتيح وعلاج التصبغات بدون أي تهيج. لمسة من التراث ولمسة من الابتكار... والنتيجة: سحر حقيقي على بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg 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\" alt=\"Beauty of Joseon Light On Serum Benefits\"\u003e\n \n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"info-box fade-in\"\u003e\n \u003ch2\u003eكيف يعمل السيروم: ثنائي فريد من التفتيح والترطيب\u003c\/h2\u003e\n \n \u003cul class=\"custom-list\"\u003e\n \u003cli\u003e\n \u003cp\u003eأول ما تحطي السيروم على بشرتك، بيبدأ مستخلص السنتيلا يرطبها ويهدي أي احمرار أو التهابات.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003eفيتامين C المستقر يخترق البشرة بأمان، يقلل إنتاج الميلانين، ويفتح التصبغات العنيدة تدريجيًا.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003eمع الاستخدام المنتظم، هتلاحظي إن بشرتك بقت أنعم، أفتح، وخالية من البقع، مع ترطيب عميق يحافظ عليها مشدودة ومتوهجة.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003cdiv class=\"ingredients-image\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\" alt=\"Beauty of Joseon Light On Serum Ingredients\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredients-content\"\u003e\n \u003ch2\u003eالمكونات الرئيسية ودورها: فيتامين C وسنتيلا في خدمة بشرتك\u003c\/h2\u003e\n \n \u003cul class=\"custom-list\"\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eفيتامين C (3-O-Ethyl Ascorbic Acid 10%)\u003c\/strong\u003e: مضاد أكسدة قوي بيوحد لون البشرة، بيفتح البقع الداكنة، وبينشط إنتاج الكولاجين لتحسين مظهر الخطوط الرفيعة والتجاعيد.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eمستخلص السنتيلا الآسيوية (68%)\u003c\/strong\u003e: نبات علاجي بيهدي البشرة المتهيجة، بيحفز تجديد خلايا الجلد، وبيعزز الترطيب العميق للحفاظ على مرونة وصحة البشرة.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- Unique Benefits Section --\u003e\n \u003cdiv class=\"fade-in\"\u003e\n \u003ch2\u003eسر التفوق: ليه السيروم ده غير كل اللي جربتيه قبل كده؟\u003c\/h2\u003e\n \n \u003cimg 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\" alt=\"Beauty of Joseon Light On Serum Unique Benefits\"\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\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\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eتركيز عالي من المكونات الفعالة\u003c\/h3\u003e\n \u003cp\u003eكمية فيتامين C وسنتيلا أعلى من معظم السيرومات المنافسة، يعني نتائج أسرع وأقوى.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\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\"\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 \u003c!-- Testimonials Section --\u003e\n \u003cdiv class=\"testimonials-section fade-in\"\u003e\n \u003ch2 class=\"testimonials-title\"\u003eآراء المستخدمين: قصص نجاح حقيقية\u003c\/h2\u003e\n \n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eنتائج ملحوظة من أول أسابيع\u003c\/h3\u003e\n \u003cp\u003eأغلب المستخدمين لاحظوا فرق واضح في توحيد لون بشرتهم وزيادة إشراقتها خلال أسابيع قليلة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eملمس خفيف ومريح\u003c\/h3\u003e\n \u003cp\u003eالكل أشاد بإن قوامه خفيف وسهل الامتصاص، مثالي حتى لأيام الصيف الحارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eمناسب للبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eناس كتير من أصحاب البشرة الحساسة أكدوا إنه ساعد على تهدئة بشرتهم بدون أي تهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eرضا كامل وتوصيات واسعة\u003c\/h3\u003e\n \u003cp\u003eنسبة كبيرة من اللي جربوه حبوه لدرجة إنهم أعادوا شراءه أكتر من مرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Call to Action Section - Black Box --\u003e\n \u003cdiv class=\"cta-section fade-in\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشفي سر الإشراقة الكورية اليوم\u003c\/h2\u003e\n \n \u003cp class=\"cta-text\"\u003eبشرة أكثر إشراقاً وتوهجاً بخطوة واحدة بسيطة. قولي وداعاً للبقع الداكنة والتصبغات، وأهلاً بالبشرة المتوهجة!\u003c\/p\u003e\n \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 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":46999396319406,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1788175362"},{"product_id":"centella-skincare-routine-set","title":"Centella Skincare Routine Set Complete Centella-Based Skincare Solution","description":"\u003cstyle\u003e\n \/* === الهوية البصرية الجديدة: رمال مدغشقر الليلية والتربة البركانية الداكنة === *\/\n .sk-mfg-oasis {\n \/* درجات الخلفيات الداكنة المتناوبة (100% Dark Mode) *\/\n --bg-basalt-deep: #090807; \/* أسود بازلتي عميق *\/\n --bg-sand-night: #12100D; \/* ليل صحراوي داكن *\/\n --bg-earth-dune: #1A1612; \/* تراب رملي داكن *\/\n --bg-card-glass: #171310;\n --bg-card-hover: #221c17;\n\n \/* درجات رمال مدغشقر والعنبر الهادئ (بدون أي أخضر مشع) *\/\n --sand-primary: #D4A373; \/* رمل ذهبي دافئ رئيسي *\/\n --sand-bright: #F0DFC8; \/* رمل عاجي مشرق للهايلايت والعناوين *\/\n --sand-soft: #C29668; \/* رمل كلاسيكي للأيقونات والحدود *\/\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 \/* ألوان النصوص والتباين *\/\n --text-main: #FDFBF7; \/* أبيض عاجي ناصع عالي التباين *\/\n --text-muted: #C8BFB5; \/* رملي رمادي هادئ ومقروء *\/\n --text-gold: #E5BA82; \/* ذهبي رملي للتأكيد *\/\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 \/* === تظليل النصوص وعناصر التمييز الرملية المضيئة خفيفة الأداء === *\/\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 \/* === تناوب السكاشن الداكنة (Dark Alternating Themes) === *\/\n .oasis-section {\n padding: 75px 0;\n position: relative;\n }\n\n \/* سيكشن 1: البازلت البركاني العميق *\/\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 \/* سيكشن 2: ليل الرمال الداكنة *\/\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 \/* سيكشن 3: تدرج الكثبان الداكنة المتداخلة *\/\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 \/* سيكشن 4: تراب الحجر الداكن *\/\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 \/* === وسائط الصور المتجاوبة بالكامل لمنع القص === *\/\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 \/* === شبكة هوك المشاكل === *\/\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: right;\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 \/* === صندوق تحذير الحاجز المدمر === *\/\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: right;\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 \/* === بطاقات الأسطورة وقصة النمر === *\/\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: right;\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 \/* === جداول المقارنة المبسطة فائقة التباين === *\/\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: right;\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 \/* === بطاقات بيئة مدغشقر البركانية === *\/\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: right;\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 \/* === مقارنة كارثة خلط البراندات مقابل الطقم الموحد === *\/\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: right;\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 \/* === شبكة المنتجات الخمسة (سريعة القراءة وموجزة) === *\/\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: right;\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 \/* === خطوات الروتين (صباح ومساء) === *\/\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: right;\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 \/* === الأكورديون التفاعلي لقوائم المكونات === *\/\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: right;\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 \/* === بطاقة الختام ودعوة الشراء === *\/\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 \/* === أنيميشن التمرير السلس خفيف الأداء === *\/\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 \/* === كروت النتائج الزمنية === *\/\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: right;\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\u003cdiv id=\"skin1004-madagascar-wrapper\" class=\"sk-mfg-oasis\" dir=\"rtl\"\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\"\u003eالروتين الكوري المصغر لإنقاذ البشرة\u003c\/div\u003e\n\u003ch1 class=\"oasis-main-title\"\u003eSKIN1004 Madagascar Centella Travel Kit\u003cbr\u003e\u003cspan class=\"oasis-hl-sand\"\u003eالمجموعة اللي هتعالج كل التهاب .. احمرار .. حباية\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c!-- الصورة الأولى في صدر الصفحة --\u003e\n\u003cdiv class=\"oasis-media-wrapper\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Centella_travel_kit_in_mountains_20260912200048.jpg?v=1789232691\" alt=\"SKIN1004 Centella Travel Kit in Mountains\"\u003e\u003c\/div\u003e\n\u003c!-- تقسيم هوك المعاناة إلى كروت سريعة القراءة --\u003e\n\u003cdiv class=\"oasis-hook-grid\"\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eبشرتك بتلتهب بسرعة؟\u003c\/h4\u003e\n\u003cp\u003eأقل حاجة بتخلي وشك يحمر ويهيج، \u003cspan class=\"oasis-mark-glow\"\u003eومش عارفة تستخدمي أي منتجات براحتك\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eحاجز بشرتك متدمر؟\u003c\/h4\u003e\n\u003cp\u003eبشرتك بتشد عليكي، جافة، أو مقشرة بسبب \u003cspan class=\"oasis-mark-glow\"\u003eاستخدام مقشرات كتير أو منتجات قوية\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eالحبوب بتسيب أثر؟\u003c\/h4\u003e\n\u003cp\u003eالحباية بتروح، بس بتسيب \u003cspan class=\"oasis-mark-glow\"\u003eعلامة حمرا أو غامقة مبتنزلش بسهولة\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eخايفة تغامري؟\u003c\/h4\u003e\n\u003cp\u003eنفسك تجربي روتين كوري كامل بس \u003cspan class=\"oasis-mark-glow\"\u003eخايفة تشتري أحجام كبيرة وماتطلعش مناسبة\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المشكلة مش في نوع بشرتك، المشكلة إنك \u003cspan class=\"oasis-hl-sand\"\u003eلسه ما جربتيش الروتين اللي بيطفي الالتهاب بجد\u003c\/span\u003e.\u003c\/p\u003e\n\u003c!-- صندوق كشف السبب: حاجز الجلد --\u003e\n\u003cdiv class=\"oasis-danger-card\"\u003e\n\u003ch3\u003eليه بشرتك مش بتستحمل ومشاكلها بتطول؟\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.15rem; color: #ffffff; font-weight: bold;\"\u003eالسر كله في \u003cspan class=\"oasis-pill-sand\"\u003eحاجز البشرة (Skin Barrier)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"color: var(--text-muted); margin-top: 8px; font-size: 1rem;\"\u003eلما درع الحماية بتاع بشرتك بيتكسر، \u003cspan class=\"oasis-hl-gold\"\u003eأي حاجة بسيطة بتعمل مشكلة كبيرة\u003c\/span\u003e، وده اللي بيسبب:\u003c\/p\u003e\n\u003cul class=\"oasis-damage-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eاحمرار وتحسس\u003c\/span\u003e من أي منتج جديد أو حتى من الجو.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eجفاف وتشققات\u003c\/span\u003e مهما رطبتي وشك.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eحبوب جديدة بتظهر\u003c\/span\u003e لأن البكتيريا بتدخل بسهولة.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eآثار وتصبغات عنيدة\u003c\/span\u003e لأن الجلد مش قادر يعالج نفسه.\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عشان توقفي الدوامة دي: إنتي محتاجة المكون السحري اللي بيرمم الحاجز ده بسرعة: \u003cspan class=\"oasis-hl-sand\"\u003eخلاصة عشبة السنتيلا من مدغشقر (Centella Asiatica)\u003c\/span\u003e.\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\"\u003eإيه هي عشبة السنتيلا؟ وليه بيسموها \"عشبة النمر\"؟\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القصة بدأت في الطبيعة.. لما لاحظوا إن النمور الجريحة بعد أي صراع بتروح تتمرغ في أوراق نبتة معينة، والمفاجأة إن \u003cspan class=\"oasis-mark-glow\"\u003eجروحهم كانت بتلتئم بسرعة خيالية وبدون أي أثر!\u003c\/span\u003e النبتة دي هي السنتيلا، ومن ساعتها بقوا بيستخدموها لعلاج الحروق والجروح الصعبة.\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\"\u003eقوة الترميم\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eبتعالج الجلد من الأعماق\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eبتحفز إنتاج الكولاجين الطبيعي فبتخلي \u003cspan class=\"oasis-hl-sand\"\u003eأنسجة الجلد التالفة تتبني من جديد\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-card\"\u003e\n\u003cspan class=\"oasis-legend-tag\"\u003eتهدئة فورية\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eبتطفي \"نار\" الالتهابات\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eبتهدي الاحمرار والحساسية فوراً زي كانك \u003cspan class=\"oasis-hl-sand\"\u003eحطيتي تلج على حرق\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);\"\u003eمدغشقر بالذات\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\" style=\"color: var(--sand-bright);\"\u003eأنقى سلالة في العالم\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eلأن طبيعة مدغشقر البركانية بتطلع السنتيلا بتركيز \u003cspan class=\"oasis-mark-glow\"\u003eفعال أضعاف أي مكان تاني\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\"\u003eالسنتيلا بديل طبيعي وآمن للكريمات الطبية القوية\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); font-size: 1.15rem; margin-bottom: 20px;\"\u003eلما بشرتك تلتهب بشدة، الدكاترة غالباً بيكتبوا كريمات فيها \"كورتيزون\"، بس الكورتيزون له أضرار على المدى الطويل. السنتيلا بقى بتديكي \u003cspan class=\"oasis-hl-sand\"\u003eنفس نتيجة التهدئة\u003c\/span\u003e لكن \u003cspan class=\"oasis-hl-gold\"\u003eبشكل آمن تماماً\u003c\/span\u003e:\u003c\/p\u003e\n\u003cdiv class=\"oasis-table-wrap\"\u003e\n\u003ctable class=\"oasis-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, 163, 115, 0.2); color: var(--sand-bright);\"\u003eالسنتيلا الطبيعية من SKIN1004\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 class=\"col-cortisone\"\u003eممنوع (بتتعب البشرة مع الوقت)\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eآمنة جداً وتستخدم يومياً\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eسمك وحماية الجلد\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eبترقق الجلد وتضعفه جداً\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003eبتقوي الجلد وتزيد سماكته وحمايته\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eلو بطلتي تستخدميها؟\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eالمشكلة بترجع تاني وبقوة\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-gold\"\u003eالجلد اتعالج ومفيش انتكاسة\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eالاحمرار والشعيرات\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eممكن تزود ظهور الشعيرات الدموية\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eبتهدي الاحمرار وتعالج التهيج\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\"\u003eليه تستخدمي مجموعة كاملة بدل منتجات عشوائية؟\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أكبر غلطة بتعمليها إنك تشتري غسول من براند، وتونر من براند تاني، وسيروم من التالت! \u003cspan class=\"oasis-hl-gold\"\u003eالمنتجات دي مش متصممة تشتغل مع بعض\u003c\/span\u003e، وممكن تتفاعل مع بعضها وتهيج بشرتك.\u003c\/p\u003e\n\u003cdiv class=\"oasis-conflict-grid\"\u003e\n\u003c!-- الخطأ الشائع --\u003e\n\u003cdiv class=\"oasis-conflict-card bad\"\u003e\n\u003ch4\u003eالخلاط: منتجات من كل فيلم أغنية\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eإيه اللي بيحصل لما تخلطي منتجات مختلفة؟\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);\"\u003eالمواد بتضرب في بعض\u003c\/span\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!-- الحل الموحد --\u003e\n\u003cdiv class=\"oasis-conflict-card good\"\u003e\n\u003ch4\u003eالحل الذكي: روتين SKIN1004 المتكامل\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eالـ 5 منتجات دول متصممين يكملوا بعض:\u003c\/p\u003e\n\u003cul class=\"oasis-conflict-list\"\u003e\n\u003cli\u003eكل خطوة \u003cspan class=\"oasis-mark-glow\"\u003eبتحضر البشرة تستفاد أكتر\u003c\/span\u003e من الخطوة اللي بعدها.\u003c\/li\u003e\n\u003cli\u003eبتاخدي جرعة السنتيلا \u003cspan class=\"oasis-hl-gold\"\u003eفي كل خطوة\u003c\/span\u003e لترميم أسرع وأقوى.\u003c\/li\u003e\n\u003cli\u003eضمان \u003cspan class=\"oasis-mark-glow\"\u003e100% إن مفيش تعارض\u003c\/span\u003e أو حساسية هتحصلك.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 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\"\u003eايه اللي جوه المجموعة دي؟ (5 خطوات لبشرة أهدى)\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); margin-bottom: 25px; font-weight: bold;\"\u003eأحجام سفر (تكفيكي من أسبوعين لـ 3) .. مثالية عشان تجربي الروتين كله قبل ما تشتري الأحجام الكبيرة!\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\"\u003eالخطوة 1\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eزيت التنظيف الخفيف\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eلإزالة الميك أب وواقي الشمس بدون فرك\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eبيدوب كل حاجة بلطف\u003c\/span\u003e حتى الدهون اللي سادة المسام.\u003c\/li\u003e\n\u003cli\u003eخفيف جداً زي المية، \u003cspan class=\"oasis-hl-sand\"\u003eمش بيسد المسام ولا بيطلع حبوب\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\"\u003eالخطوة 2\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e20 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eالغسول الرغوي بالسنتيلا\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eتنظيف عميق بيحترم بشرتك\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eرغوته ناعمة جداً \u003cspan class=\"oasis-mark-glow\"\u003eمش بتنشف الوش أبداً\u003c\/span\u003e بعد الغسيل.\u003c\/li\u003e\n\u003cli\u003eبيحافظ على توازن البشرة عشان متفرزش دهون بزيادة بعدين.\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\"\u003eالخطوة 3\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eالتونر المقشر اللطيف\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eنعومة وتوحيد للون بدون تهيج\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eبيقشر الخلايا الميتة \u003cspan class=\"oasis-mark-glow\"\u003eبرفق شديد جداً\u003c\/span\u003e بأحماض PHA.\u003c\/li\u003e\n\u003cli\u003eبيهيأ البشرة عشان \u003cspan class=\"oasis-hl-sand\"\u003eتشرب السيروم بفاعلية أكبر\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;\"\u003eالمنتج السحري\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eأمبول السنتيلا النقي\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003e100% خلاصة سنتيلا خام بتركيز عالي\u003c\/span\u003e\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-hl-gold\"\u003eبيهدي أي احمرار أو حباية ملتهبة\u003c\/span\u003e في وقت قياسي!\u003c\/li\u003e\n\u003cli\u003eبيرمم حاجز البشرة المتدمر و\u003cspan class=\"oasis-mark-glow\"\u003eبيعالج آثار الحبوب العنيدة\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\"\u003eالخطوة 5\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eالكريم الجل المهدئ\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eبيقفل الترطيب ويحمي البشرة طول اليوم\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eقوامه جل خفيف، \u003cspan class=\"oasis-mark-glow\"\u003eالبشرة بتشربه فوراً ومش بيلزق خالص\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eفيه سيراميد عشان \u003cspan class=\"oasis-hl-sand\"\u003eيقوي درع الحماية\u003c\/span\u003e بتاع جلدك.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 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\"\u003eإزاي تستخدمي المجموعة دي؟ (الروتين اليومي)\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.15rem; font-weight: 800; color: var(--sand-bright); margin-bottom: 25px;\"\u003eخطوات بسيطة جداً مش هتاخد من وقتك دقايق!\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\"\u003eروتين الصبح (سريع وخفيف)\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\"\u003eالغسول (Ampoule Foam):\u003c\/strong\u003e اغسلي وشك برغوة الغسول (وممكن تكتفي بمية بس لو بشرتك جافة).\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\"\u003eالتونر (Toning Toner):\u003c\/strong\u003e طبطبي شوية تونر على وشك عشان تنتعشي.\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\"\u003eالأمبول (Centella Ampoule):\u003c\/strong\u003e نقطتين تلاتة هيهدوا بشرتك ويحموها طول اليوم.\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\"\u003eالكريم (Soothing Cream):\u003c\/strong\u003e حطي الكريم الجل عشان ترطبي وشك.\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\"\u003eروتين بليل (للتنظيف والترميم العميق)\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\"\u003eزيت التنظيف (Cleansing Oil):\u003c\/strong\u003e دلكيه على وش ناشف عشان تدوبي الميك أب، وبعدين اغسليه.\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\"\u003eالغسول (Ampoule Foam):\u003c\/strong\u003e اغسلي وشك عشان تتأكدي إن المسام نضفت تماماً.\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\"\u003eالتونر (Toning Toner):\u003c\/strong\u003e امسحي وشك بيه عشان تقشير لطيف.\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\"\u003eالأمبول (Centella Ampoule):\u003c\/strong\u003e ده وقت الترميم! حطيه وسيبيه يشتغل وانتي نايمة.\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\"\u003eالكريم (Soothing Cream):\u003c\/strong\u003e اقفلي بيه الروتين عشان تحبسي الترطيب ليلة كاملة.\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فرصتك الأذكى لتجربة الروتين الكوري كامل\u003c\/h2\u003e\n\u003c!-- الصورة الثانية في ختام الصفحة --\u003e\n\u003cdiv class=\"oasis-media-wrapper\" style=\"margin: 25px auto; max-width: 780px;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Skin1004_centella_travel_kit_in_20260912200000.jpg?v=1789232695\" alt=\"SKIN1004 Madagascar Centella Routine Kit\"\u003e\u003c\/div\u003e\n\u003cp style=\"font-size: 1.25rem; color: #ffffff; font-weight: bold; max-width: 800px; margin: 0 auto 15px; line-height: 1.85;\"\u003eبدل ما تشتري منتج واحد بسعر غالي وماتعرفيش هيليق على بشرتك ولا لأ، المجموعة دي بتوفرلك \u003cspan class=\"oasis-hl-sand\"\u003e5 منتجات متكاملة بأحجام ممتازة للتجربة والسفر\u003c\/span\u003e!\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استثمري في بشرتك وجربي النقاء اللي بجد.\u003c\/p\u003e\n\u003cbutton class=\"oasis-cta-btn\" type=\"button\"\u003e اطلبي SKIN1004 Centella Travel Kit دلوقتي \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\u003cp\u003e```eof\u003c\/p\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999396581550,"sku":null,"price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Centella_Skincare_Routine_Set_8f245ba5-0089-43ff-8981-4790aa8b84f8.webp?v=1788175360"},{"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: rtl;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 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\n\u003cdiv class=\"somebymi-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml.webp?v=1745858282\" alt=\"SOME BY MI Spot All Kill Cream\" class=\"hero-image\"\u003e\n \u003ch1 class=\"main-title\"\u003eمعجزة الـ14 يوم: القضاء التام على البقع\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\u003eده مش كريم عادي، ده أعتى معجزة صممتها SOME BY MI علشان تودّع البقع وحب الشباب في أقل من أسبوعين.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Main Benefits Section --\u003e\n \u003cdiv class=\"main-benefits-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-number\"\u003e1\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eالقضاء على البثور والحبوب\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحتوي على \u003cspan class=\"ingredient-highlight\"\u003eالنياسيناميد وحمض الساليسيليك (500 ppm)\u003c\/span\u003e للقضاء على البكتيريا المسببة للحبوب.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-number\"\u003e2\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003e مهدئ للاحمرار و تهيج الجلد للبشرة الحساسة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eمُدعم بـ \u003cspan class=\"ingredient-highlight\"\u003eمستخلص السنتيلا آسياتيكا (250,000 ppm) والبانثينول والألانتوين\u003c\/span\u003e لتهدئة التهيج والاحمرار.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-number\"\u003e3\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eمقشر لآثار الحبوب والحفر \u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيعمل \u003cspan class=\"ingredient-highlight\"\u003eحمض الساليسيليك (500 ppm) وحمض اللاكتوبيونيك (300 ppm)\u003c\/span\u003e على تقشير البشرة بلطف. مما يقلل من الندوب و آثار الحبوب و التصبفات\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-number\"\u003e4\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eعلاج متقدم لأصعب التصبغات\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eالنياسيناميد وأحماض الهيدروكسي\u003c\/span\u003e يفتح البقع الداكنة ويوحد لون البشرة بفعالية.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-number\"\u003e5\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003e ترطيب عميق ومكثف\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحتوي على \u003cspan class=\"ingredient-highlight\"\u003eالجليسرين وحمض الهيالورونيك وصوديوم الهيالورونات\u003c\/span\u003e للترطيب العميق.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-number\"\u003e6\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية مضادة للأكسدة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eمُقوى بـ \u003cspan class=\"ingredient-highlight\"\u003eمستخلص السنتيلا آسياتيكا والماديكاسوسايد والآسياتيكوسايد\u003c\/span\u003e لحماية البشرة من التلف.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-number\"\u003e7\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتجديد الخلايا ومكافحة الشيخوخة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eالنياسيناميد والأدينوسين\u003c\/span\u003e يحفزان تجديد خلايا البشرة ويقللان من علامات التقدم في السن.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-number\"\u003e8\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتنظيف عميق طبيعي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eماء أوراق شجرة الشاي (500,000 ppm)\u003c\/span\u003e ينظف البشرة بعمق ويطهرها طبيعياً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- Truecica Section --\u003e\n \u003cdiv class=\"truecica-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eإيه الـTruecica™؟ سر التهدئة الفائقة\u003c\/h2\u003e\n \n \u003cdiv class=\"truecica-content\"\u003e\n \u003cimg 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\" alt=\"SOME BY MI Spot All Kill Cream Texture\" class=\"truecica-image animate-on-scroll\"\u003e\n \n \u003cdiv class=\"truecica-info animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 15px;\"\u003eتركيبة حصريّة مهدّية ومقوية لحاجز البشرة\u003c\/h3\u003e\n \u003cp style=\"margin-bottom: 20px;\"\u003eالـTruecica™ مش مجرد مكون، ده مزيج من:\u003c\/p\u003e\n \n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003eخلاصة السنتيلا الآسيوية النقية\u003c\/li\u003e\n \u003cli\u003eماديكاسوسيد المركز (Madecassoside)\u003c\/li\u003e\n \u003cli\u003eمستخلص شجرة الشاي (Tea Tree)\u003c\/li\u003e\n \u003cli\u003eخلاصة خس الخيل (Mugwort)\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp style=\"background: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;\"\u003eالتوليفة دي بتهدّي الالتهابات وتقوّي حاجز البشرة من أول استعمال، فتقلّل الاحمرار وتحمي بشرتك من التهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Triple Acid Section --\u003e\n \u003cdiv class=\"triple-acid-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eتقشير ثلاثي المفعول: AHA·BHA·PHA\u003c\/h2\u003e\n \u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eحظ سعيد في محاولتك لرؤية مسام بشرتك بعد استخدام الكريم\u003c\/h3\u003e\n \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\u003eبيقشر الطبقة السطحيّة بلطف ويخفّف الخطوط الرفيعة.\u003c\/p\u003e\n \u003c\/div\u003e\n\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\u003eبيتغلغل في عمق المسام، يزيّل الدهون ويمنع تراكم الأوساخ.\u003c\/p\u003e\n \u003c\/div\u003e\n\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\u003eيقشر برفق، يرطب البشرة وينعشها بإشراقة صحية. سوا، بيقدّموا لكِ تقشير ذكي متواصل بيخلي بشرتك نظيفة ومعدة تستقبل التغذية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Results Timeline --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالنتائج المتوقعة: بشرة جديدة في 14 يوم\u003c\/h2\u003e\n \u003ch3 class=\"section-subtitle animate-on-scroll\"\u003e– التحول الزمني خطوة بخطوة –\u003c\/h3\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n \u003cdiv class=\"timeline-day\"\u003eاليوم الأول:\u003c\/div\u003e\n \u003cp\u003eتهدئة فورية للبقعة وتقليل الاحمرار، وتحس بإحساس راحة على الجلد.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n \u003cdiv class=\"timeline-day\"\u003eاليوم الثالث:\u003c\/div\u003e\n \u003cp\u003eتلاحظ تفتح خفيف لحواف البقعة واختفاء بعض الانتفاخ.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n \u003cdiv class=\"timeline-day\"\u003eنهاية الأسبوع الأول:\u003c\/div\u003e\n \u003cp\u003eالفرق يبقى واضح، لون البشرة يبدأ يتوحد والبقع الداكنة بتقل بشكل ملحوظ.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n \u003cdiv class=\"timeline-day\"\u003eاليوم العاشر:\u003c\/div\u003e\n \u003cp\u003eتحضري لتوديع معظم علامات البقع؛ البشرة هتكون صافية وأقرب للون موحد طبيعي.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n \u003cdiv class=\"timeline-day\"\u003eاليوم الرابع عشر:\u003c\/div\u003e\n \u003cp\u003eانتصرت المعجزة؛ بقعك تختفي تقريبًا وبشرتك تستعيد نضارتها وحيويتها بالكامل.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Texture Section --\u003e\n \u003cdiv class=\"texture-section\"\u003e\n \u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eقوام جيل شفاف خفيف\u003c\/h2\u003e\n \u003ch3 style=\"font-size: 1.3em; color: #666; margin-bottom: 30px;\"\u003eامتصاص فوري بدون أي أثر دهني\u003c\/h3\u003e\n \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\"\u003eجيل شفاف\u003c\/h3\u003e\n \u003cp\u003eقوام خفيف ينساب على البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n \u003cspan class=\"texture-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3 class=\"texture-title\"\u003eامتصاص فوري\u003c\/h3\u003e\n \u003cp\u003eيختفي فورًا بدون لزوجة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n \u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 class=\"texture-title\"\u003eبدون أثر\u003c\/h3\u003e\n \u003cp\u003eلا طبقة بيضاء أو دهنية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Investment Section --\u003e\n \u003cdiv class=\"investment-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eمن أفضل الاستثمارات لصحة جلدك\u003c\/h2\u003e\n \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\"\u003eمعجزة سريعة\u003c\/h3\u003e\n \u003cp\u003eودّعي البقع في 14 يوم بس.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n \u003cspan class=\"investment-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3 class=\"investment-title\"\u003eمناسب للبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eخضع لاختبارات تحسس ومضاد لالتصاق البشرة (20 no-adhesion tests).\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n \u003cspan class=\"investment-icon\"\u003e🚫\u003c\/span\u003e\n \u003ch3 class=\"investment-title\"\u003eخالي من 20 مادة ضارّة\u003c\/h3\u003e\n \u003cp\u003eلا بارابين، لا عطور صناعية، ولا ألوان.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n \u003cspan class=\"investment-icon\"\u003e🔬\u003c\/span\u003e\n \u003ch3 class=\"investment-title\"\u003eمزيج مثالي\u003c\/h3\u003e\n \u003cp\u003eTruecica™ + Panthenol + AHA·BHA·PHA = أقصى درجات الفعالية والراحة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"animate-on-scroll\"\u003eمعجزة حقيقية في 14 يوم فقط\u003c\/h2\u003e\n \u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003eابدأ معجزة التغيير النهارده مع \u003cstrong style=\"color: white;\"\u003eSOME BY MI 14 Days Super Miracle Spot All Kill Cream\u003c\/strong\u003e وخلي بشرتك تقرّب للمثالية في 14 يوم بس!\u003c\/p\u003e\n \u003cbutton class=\"cta-button animate-on-scroll\"\u003eاشتري الآن\u003c\/button\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate 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":46999396876462,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitled_design_-_2025-04-28T201324.540.jpg?v=1788175359"},{"product_id":"anua-peach-70-niacinamide-serum","title":"Anua سيروم بالخوخ 70% والنياسيناميد لتفتيح البشرة وتوحيد اللون ومحاربة التصبغات 30 مل","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === المتغيرات والألوان الأساسية (هوية السيروم الزجاجي الوردي\/الذهبي) === *\/\n .anua-txa-wrapper {\n --atxa-bg-dark: #0f0508; \/* أسود بلمسة وردية عميقة جداً *\/\n --atxa-bg-card: rgba(25, 10, 15, 0.6); \/* زجاج وردي\/ذهبي داكن *\/\n --atxa-rose-gold: #e29587; \/* ذهبي وردي \/ مشمشي *\/\n --atxa-peach-glow: #fca38d; \/* توهج مشمشي ساطع *\/\n --atxa-pink-light: #fad6d0; \/* وردي فاتح جداً للهايلايت *\/\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: 'Tajawal', 'Cairo', system-ui, -apple-system, 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 \/* === تأثيرات فقاعات الخوخ في الخلفية === *\/\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 \/* === العناوين والنصوص === *\/\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 \/* === الهيرو (الواجهة) === *\/\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 \/* === الكروت الزجاجية (Glassmorphism) === *\/\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 \/* === شبكة الفوائد والميكانيزم === *\/\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 \/* === Custom Lists with Checkmarks === *\/\n .atxa-list {\n list-style: none;\n padding: 0;\n margin-top: 15px;\n }\n\n .atxa-list li {\n position: relative;\n padding-right: 25px;\n margin-bottom: 10px;\n color: var(--atxa-text-muted);\n font-size: 0.95rem;\n }\n\n .atxa-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 0;\n color: var(--atxa-peach-glow);\n font-weight: bold;\n }\n\n .atxa-highlight-num {\n color: var(--atxa-peach-glow);\n font-weight: bold;\n font-size: 1.1em;\n }\n\n \/* === جدول أنواع البشرة (Table) === *\/\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: right;\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 \/* === التايم لاين والنتائج === *\/\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 \/* === الأنيميشن والحركات === *\/\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 \u003c!-- جسيمات الخوخ المتوهجة --\u003e\n \u003cdiv class=\"atxa-ambient-particles\" id=\"atxa-particles\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"atxa-container\"\u003e\n \n \u003c!-- 1. Hero Section --\u003e\n \u003cdiv class=\"atxa-hero atxa-reveal atxa-active\"\u003e\n \u003cdiv class=\"atxa-badge\"\u003eالمعادلة الكورية لبشرة زجاجية\u003c\/div\u003e\n \u003ch1 class=\"atxa-title-glow\"\u003e\"خدعوك فقالوا إن كل النياسيناميد واحد!\"\u003c\/h1\u003e\n \n \u003cp class=\"atxa-hero-subtitle\"\u003e\n في عالم تتشابه فيه الوعود، تختلف النتائج اختلافاً جذرياً. تقف اليوم أمام خيار مصيري: الاستمرار في استخدام منتجات اعتيادية تمنحك نتائج سطحية، أو اتخاذ قرار يغير مصير بشرتك للأبد.\n \u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.png?v=1747140901\" alt=\"Anua Peach 70% Niacinamide Serum\" style=\"margin: 0 auto 30px;\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2. The Problem Section --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eبشرتك باهتة... والناس تلاحظ!\u003c\/h2\u003e\n \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 هل لاحظت أن بشرتك تفقد نضارتها سنة تلو الأخرى؟ مع مرور الوقت تزداد البقع الداكنة، تتوسع المسام، وتصبح البشرة خشنة ومطفية. \u003cstrong\u003eولكن السؤال الأهم: ماذا قررت أن تفعل حيال ذلك؟\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 السر الذي تخفيه شركات التجميل الكبرى\n \u003c\/p\u003e\n \u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n معظم السيرومات تعد بنتائج خيالية، لكنها تستخدم تركيزات ضعيفة من المكونات الفعّالة لتقليل التكلفة. \u003cstrong\u003eلكن Anua كسرت كل القواعد.\u003c\/strong\u003e\n \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\/anua_peach_70_niacinamide_serum_3.webp?v=1747140899\" alt=\"Skin Problems\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n\n \u003c!-- 3. The Solution \/ Formula --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eسيروم Anua بالخوخ 70%: المعادلة العلمية لبشرة متألقة كالزجاج\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 علماء Anua قضوا 3 سنوات في تطوير هذه التركيبة المثالية التي ستحول بشرتك من باهتة ومتعبة إلى بشرة مشرقة ومتألقة \u003cstrong\u003eكأنها منحوتة من النور\u003c\/strong\u003e.\n \u003c\/p\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_4.webp?v=1747140899\" alt=\"Anua Peach Formula\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n\n \u003c!-- 4. How it works (Ingredients Grid) --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eكيف يعمل؟ (العلم وراء النضارة)\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 width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\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);\"\u003eقوة الخوخ بتركيز 70%\u003c\/h3\u003e\n \u003cp\u003eليس مجرد فاكهة... إنه مصنع كامل من الفيتامينات والأحماض. خلاصة الخوخ \u003cstrong\u003eتخترق 7 طبقات من خلايا البشرة\u003c\/strong\u003e لتصل للطبقات العميقة وتعالجها من الداخل للخارج.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-card atxa-reveal atxa-delay-1\"\u003e\n \u003cdiv class=\"atxa-icon\"\u003e\n \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\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);\"\u003eنياسيناميد 5% (المعجزة)\u003c\/h3\u003e\n \u003cp\u003eالنياسيناميد هو المكون الذي غيّر قواعد اللعبة في عالم العناية بالبشرة. \u003cstrong\u003eبتركيز 5% المثالي\u003c\/strong\u003e، يستطيع أن:\u003c\/p\u003e\n \u003cul class=\"atxa-list\"\u003e\n \u003cli\u003eيقلل ظهور المسام بنسبة \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n \u003cli\u003eيفتّح البقع الداكنة في \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e يوماً\u003c\/li\u003e\n \u003cli\u003eينظم إفراز الدهون ويمنع اللمعان\u003c\/li\u003e\n \u003cli\u003eيبني ويقوي حاجز البشرة الطبيعي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-card atxa-reveal atxa-delay-2\"\u003e\n \u003cdiv class=\"atxa-icon\"\u003e\n \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\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);\"\u003eالهيالورونيك الثلاثي\u003c\/h3\u003e\n \u003cp\u003eليس نوعاً واحداً... بل \u003cstrong\u003e3 أنواع مختلفة\u003c\/strong\u003e بأوزان جزيئية متنوعة لتصل لكل طبقات البشرة:\u003c\/p\u003e\n \u003cul class=\"atxa-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\n \u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n \u003cdiv class=\"atxa-icon\"\u003e\n \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\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);\"\u003eمركب الخوخ والزبادي الحيوي\u003c\/h3\u003e\n \u003cp\u003eللمرة الأولى في العالم، تم دمج خلاصة الخوخ مع بكتيريا الزبادي النافعة في تقنية حيوية فريدة. النتيجة؟ \u003cstrong\u003eمركب يقضي على الخلايا الميتة\u003c\/strong\u003e بلطف ودون تهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5. Scientific Miracle --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eالمعجزة العلمية التي يخبئونها عنك\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_5.webp?v=1747140899\" alt=\"Scientific Miracle\" class=\"atxa-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n \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 الجميع سيسألك: \u003cstrong\u003e\"ماذا تفعلين لبشرتك؟\"\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n السر يكمن في تكنولوجيا \"الاختراق الذكي\" التي تميز هذا السيروم. المكونات مغلفة بجزيئات دقيقة (نانو تكنولوجي) لتوصيل المواد الفعالة للمناطق التي تحتاجها في العمق، وليس فقط البقاء على السطح كالمنتجات العادية.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- 6. Timeline Results --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eرحلة تحول بشرتك مع سيروم Anua\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_2.webp?v=1747140895\" alt=\"Skin Transformation\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n \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\"\u003eبعد الاستخدام الأول\u003c\/div\u003e\n \u003cdiv\u003eلمعان فوري ونعومة ملحوظة، كأنكِ قمتِ بجلسة ماسك باهظة الثمن في عيادة تجميل.\u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"atxa-timeline-item\"\u003e\n \u003cdiv class=\"atxa-phase-badge\"\u003eبعد 3 أيام\u003c\/div\u003e\n \u003cdiv\u003eانكماش واضح في حجم المسام، وبداية ملحوظة في توحيد لون البشرة وتقليل الاحمرار.\u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"atxa-timeline-item\"\u003e\n \u003cdiv class=\"atxa-phase-badge\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cdiv\u003eاختفاء الخشونة والملمس المتعب، لتصبح البشرة أنعم بنسبة 40% وجاهزة لمكياج مثالي.\u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"atxa-timeline-item\"\u003e\n \u003cdiv class=\"atxa-phase-badge\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cdiv\u003eتفتيح البقع الداكنة بشكل ملحوظ، وإشراقة متجددة كأن بشرتكِ عادت 5 سنوات للوراء.\u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"atxa-timeline-item\"\u003e\n \u003cdiv class=\"atxa-phase-badge\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv\u003eتحول كامل - بشرة زجاجية نقية، صافية، ومتوهجة حتى بدون استخدام نقطة مكياج واحدة.\u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- 7. Why Choose Anua --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eفي عالم مليء بالمنتجات... لماذا Anua بالتحديد؟\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/qXFYxnaNUR28pIwzePQs50YSmVPBLdE7.jpg?v=1747141341\" alt=\"Why Choose Anua\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n \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;\"\u003eتركيبة مثبتة علمياً\u003c\/h3\u003e\n \u003cp\u003eاختبارات إكلينيكية صارمة أثبتت النتائج المذهلة على مئات المتطوعين حول العالم.\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;\"\u003eقوة التركيز العالي\u003c\/h3\u003e\n \u003cp\u003eيقدم تركيزات أعلى من المكونات الفعالة بـ 3 مرات مقارنة بالمنافسين التقليديين.\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;\"\u003eآمن لكل أنواع البشرة\u003c\/h3\u003e\n \u003cp\u003eمصمم ليكون لطيفاً حتى على البشرة الحساسة، المختلطة، والدهنية بدون التسبب في أي تهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 8. Skin Type Table --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eهل يناسب نوع بشرتك؟\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\u003eنوع البشرة\u003c\/th\u003e\n \u003cth\u003eالمشكلة الأساسية\u003c\/th\u003e\n \u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eماذا سيقدم لها Anua؟\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باهتة وتفتقر للإشراق\u003c\/td\u003e\n \u003ctd class=\"highlight\"\u003eيوقظ الخلايا، ويمنح إشراقة وتوهجاً فورياً (Glow)\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=\"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=\"highlight\"\u003eيتحكم بالدهون ويقلص حجم المسام بفعالية 68%\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=\"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=\"highlight\"\u003eيوازن البشرة بذكاء ويرطب بعمق بدون لزوجة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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\"كل استثمار له عائد... والاستثمار في بشرتك هو الأعلى عائداً\"\u003c\/h2\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.jpg?v=1747140897\" alt=\"Anua Peach Serum\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6); max-width: 600px;\"\u003e\n \n \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n لا تعامل بشرتك كآخر أولوياتك، فهي أول ما يراه الناس فيك.\n \u003c\/p\u003e\n \u003cp style=\"color: var(--atxa-peach-glow); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--atxa-glow);\"\u003e\n سيروم Anua بالخوخ والنياسيناميد 70% - لأن بشرتك تستحق الأفضل. اطلبه الآن!\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('.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":46999397728430,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1788175356"},{"product_id":"anua-heartleaf-70-intense-calming-cream-50ml","title":"ANUA كريم متقدم ومهدئ للبشرة الحساسة بـ 70% خلاصة الهارت ليف والسيراميد 50 مل","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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_2.webp?v=1747143721\" alt=\"Anua Heartleaf Intense Calming Cream\" class=\"product-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"anua-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003e\"تخيل كوريا... بلد مش بتعرف يعني إيه 'بشرة حساسة'!\"\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eالعلماء الكوريين اكتشفوا نبات طبيعي بينمو على شكل قلب، واستخلصوه بتركيز 70% فكان الحل السحري للبشرة الملتهبة. السر وصل مصر أخيراً\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\"\u003eالخبراء بيقولوا إن 80% من مشاكل البشرة سببها حاجز حماية ضعيف\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eهل بشرتك بتحمر لأي سبب؟ حاسس بحرقان ولسعة مع كل منتج بتجربه؟ الطقس البارد بيسبب جفاف وتقشير؟ \u003cstrong\u003eلحد إمتى هتستحمل الألم ده؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"problem-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_1.webp?v=1747143745\" alt=\"Skin Problems\" class=\"full-width-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003ch3 class=\"accent-text\"\u003e\"كل الكريمات المهدئة متشابهة... ودي أكبر كدبة في عالم العناية بالبشرة\"\u003c\/h3\u003e\n\u003cp\u003eمعظم الكريمات المهدئة بتعتمد على المكونات الكيماوية اللي بتعالج الأعراض وبتسيب السبب الرئيسي. \u003cstrong\u003eشركة ANUA اختارت طريق مختلف تماماً.\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\"\u003eكريم Anua المهدئ بخلاصة الهارتليف 70%: الحارس الشخصي لبشرتك الحساسة\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eعلماء أنوا (Anua) استخدموا تكنولوجيا فريدة لاستخراج خلاصة نبات الهارتليف من مزارع خاصة في كوريا بنسبة تركيز 70% - \u003cstrong\u003eالنسبة الأعلى عالمياً.\u003c\/strong\u003e النتيجة؟ كريم مش بس بيهدئ البشرة... ده بيعيد برمجة طريقة تعاملها مع المهيجات الخارجية.\u003c\/p\u003e\n\u003cdiv class=\"section-header secondary-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eسر البشرة الكورية اللي مبتتهيجش أبداً!\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/philodendron_cordatum_heart_leaf_PDP_02.webp?v=1747143691\" alt=\"Heartleaf Plant\" class=\"ingredient-img\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eعجيبة الهارتليف\u003c\/h3\u003e\n\u003cp\u003eنبات الهارتليف (على شكل قلب) مش مجرد مكون عادي... ده \u003cstrong\u003eنظام حماية متكامل\u003c\/strong\u003e. بيحتوي على مضادات التهاب طبيعية قوية بتوقف الاحمرار والتهيج فوراً، وبتصلح pH البشرة اللي مضطرب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\" alt=\"Ceramide\" class=\"ingredient-img\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eسيراميد الحماية المركز\u003c\/h3\u003e\n\u003cp\u003eالسيراميد مش كريم... ده \u003cstrong\u003eطوب بناء حاجز البشرة\u003c\/strong\u003e الواقي. لما بتفقد السيراميد، بيحصل تسرب للرطوبة وتسلل للملوثات. كريم Anua غني بالسيراميد اللي بيرجع يبني الحاجز الواقي ويمنع الالتهابات المستقبلية تماماً.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_BHAToner_1200x1200_Listing3_b3fce2a0-8095-4f85-8456-2453dbd1f4be.webp?v=1747144258\" alt=\"Panthenol\" class=\"ingredient-img\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eبانثينول (فيتامين B5) المعجزة\u003c\/h3\u003e\n\u003cp\u003eالبانثينول مكون سحري بيتغلغل لأعماق البشرة ويعمل حاجتين مهمين:\u003c\/p\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eبيسرع التئام الخلايا المتضررة بنسبة \u003cspan class=\"counter\" data-target=\"34\"\u003e0\u003c\/span\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!-- Three-Layer Theory --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eنظرية \"الطبقات الثلاث\" للحماية المطلقة\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالطبقة\u003c\/th\u003e\n\u003cth\u003eدور كريم Anua\u003c\/th\u003e\n\u003cth\u003eالكريمات الأخرى\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الطبقة الخارجية\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eبيهدئ فوراً وبيوقف الاحمرار\u003c\/td\u003e\n\u003ctd\u003eبيعالجوا الأعراض بس\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eالطبقة الوسطى\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eبيرطب عميق وبيمنع فقدان الماء\u003c\/td\u003e\n\u003ctd\u003eبيرطبوا السطح مؤقتاً\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eالطبقة الداخلية\u003c\/strong\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\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_HeartleafIntenseCalmingCream_2000x2200_Listing1.webp?v=1747144397\" alt=\"Product Results\" class=\"full-width-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e\"الصبر جميل... بس مش لازم تستنى كتير\"\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eالنتائج المتوقعة باستخدامك للكريم\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\u003eمن أول استخدام\u003c\/h3\u003e\n\u003cp\u003eإحساس فوري بالراحة، احمرار أقل، وانسداد للمسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد 3 أيام\u003c\/h3\u003e\n\u003cp\u003eاختفاء التهيج ورجوع لون البشرة الطبيعي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد أسبوع\u003c\/h3\u003e\n\u003cp\u003eبشرة أكثر مقاومة للمهيجات، وأقل حساسية للمنتجات الأخرى\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد أسبوعين\u003c\/h3\u003e\n\u003cp\u003eقدرة البشرة على حماية نفسها بتتضاعف\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد شهر\u003c\/h3\u003e\n\u003cp\u003eتحول كامل - بشرة متوازنة، قوية ومش بتتأثر بالعوامل الخارجية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eده مش مجرد كريم... ده نظام إنقاذ للبشرة المتعبة\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quote-box\"\u003e\n\u003cp\u003eنهاية الاحمرار و التهيج هتبدأ من هنا !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eكريم Anua الهارتليف مصمم خصيصاً للبشرة اللي زهقت من كل حاجة. سواء كانت بشرتك:\u003c\/p\u003e\n\u003cdiv class=\"skin-types-container\"\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eحساسة وبتحمر من أي حاجة\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eجافة وبتتقشر مع الجو\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eدهنية وبتلمع وبتتهيج\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eمختلطة ومحتارة\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\"\u003eمميزات مش هتلاقيها في أي منتج تاني:\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\u003eملمس غير دهني\u003c\/h3\u003e\n\u003cp\u003eبيتشرب فوراً من غير ما يسيب آثار دهنية أو لمعان\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eعديم الرائحة\u003c\/h3\u003e\n\u003cp\u003eمفيهوش عطور صناعية تهيج البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eتركيبة كورية أصلية\u003c\/h3\u003e\n\u003cp\u003eمستخرجة من مزارع خاصة في كوريا\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\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!-- Final CTA --\u003e\n\u003cdiv class=\"anua-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eبشرتك مش محتاجة تتحمل ألم كمان... \u003c\/h2\u003e\n\u003cp class=\"cta-subheading\"\u003eالبشرة المهدأة = ثقة أكبر = حياة أفضل\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003eابدأ النهاردة... كريم Anua بالهارتليف هيكون أعظم قرار تاخده لبشرتك.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eاطلب الآن\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: rtl;\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: right;\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":46999398056110,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua_heartleaf_intense_calming_cream_1_c872893b-0208-4adc-a65f-3d6a637186e1.jpg?v=1788175354"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"Beauty of Joseon سيروم التوهج العميق بالأرز و الألفا-أربوتين لتفتيح البشرة.","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 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\" alt=\"Beauty of Joseon Glow Deep Serum\" class=\"product-image\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"accent-text\"\u003eسيروم Beauty of Joseon العميق: عندما يلتقي تراث الأجداد بعلم المستقبل\u003c\/h1\u003e\n \u003cp class=\"hero-description\"\u003eفي قلب هذا السيروم المعجزة، تم الجمع بين سر جمال الإمبراطورات الكوريات (\u003cstrong\u003e68% ماء نخالة الأرز\u003c\/strong\u003e) مع أقوى مكون علمي حديث لتفتيح البشرة (\u003cstrong\u003e2% ألفا أربوتين\u003c\/strong\u003e).\u003c\/p\u003e\n \u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eالنتيجة؟ ثورة حقيقية\u003c\/strong\u003e في عالم تفتيح البشرة وتوحيد لونها بطريقة آمنة، فعالة، وسريعة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Traditional Wisdom Section --\u003e\n \u003cdiv class=\"section tradition-section\"\u003e\n \u003cdiv class=\"section-image right-image\"\u003e\n \u003cimg 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\" alt=\"Traditional Korean Beauty Secret\" class=\"section-img\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"section-content\"\u003e\n \u003ch2 class=\"section-title accent-text\"\u003eكنز كوري قديم بتكنولوجيا عصرية\u003c\/h2\u003e\n \u003cp\u003eمن عصر سلالة جوسيون الكورية العريقة، وصلنا سر جمال الإمبراطورات الكوريات اللي كانوا بيستخدموا ماء نخالة الأرز كـ \"ماء الجمال\" لبشرة مشرقة خالية من العيوب.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Introduction --\u003e\n \u003cdiv class=\"section product-intro\"\u003e\n \u003cdiv class=\"intro-image\"\u003e\n \u003cimg 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\" alt=\"Beauty of Joseon Glow Deep Serum\" class=\"full-width-img\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"intro-content\"\u003e\n \u003ch2 class=\"intro-title accent-text\"\u003eسيروم جلو ديب من بيوتي أوف جوسيون: علم تفتيح البشرة بأنقى صوره\u003c\/h2\u003e\n \u003cp\u003eيجمع هذا السيروم بين قوة تراث كوري عمره مئات السنين وأحدث اكتشافات علم العناية بالبشرة في تركيبة فريدة تحتوي على:\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"section ingredients-section\"\u003e\n \u003ch2 class=\"section-title accent-text\"\u003eمكونات فائقة القوة والفعالية:\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredients-container\"\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-image\"\u003e\n \u003cimg 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\" alt=\"Rice Water\" class=\"ingredient-img\"\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\"\u003eماء نخالة الأرز بتركيز \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n \u003cp\u003eليس مجرد مكون ترطيب عادي... بل كنز غذائي للبشرة:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eغني بالأحماض الأمينية الأساسية لبناء خلايا جديدة\u003c\/li\u003e\n \u003cli\u003eمليء بالمعادن اللي بتنشط الدورة الدموية وبتدي إشراقة طبيعية\u003c\/li\u003e\n \u003cli\u003eيحتوي على إنزيمات طبيعية بتقشر البشرة برفق وتجدد خلاياها\u003c\/li\u003e\n \u003cli\u003eمعروف تاريخياً بقدرته على تفتيح البشرة وتوحيد لونها بطريقة آمنة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-image\"\u003e\n \u003cimg 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\" alt=\"Alpha Arbutin\" class=\"ingredient-img\"\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\"\u003eألفا-أربوتين بتركيز \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (النسبة المثالية علمياً)\u003c\/h3\u003e\n \u003cp\u003eمكون ياباني متطور يتفوق على كل مبيضات البشرة التقليدية:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eأقوى بـ \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e مرات من البيتا-أربوتين المستخدم في معظم المنتجات\u003c\/li\u003e\n \u003cli\u003eيثبط إنزيم التيروزيناز المسؤول عن إنتاج الميلانين بطريقة آمنة\u003c\/li\u003e\n \u003cli\u003eيستهدف البقع الداكنة من جذورها بدون تهيج البشرة\u003c\/li\u003e\n \u003cli\u003eيمنع ظهور تصبغات جديدة مع الاستخدام المنتظم\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Section --\u003e\n \u003cdiv class=\"section features-section\"\u003e\n \u003cdiv class=\"features-image\"\u003e\n \u003cimg 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\" alt=\"Product Features\" class=\"full-width-img\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"section-title accent-text\"\u003eميزات فريدة تجعله رقم واحد في تفتيح البشرة:\u003c\/h2\u003e\n \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\"\u003eتركيبة خفيفة سريعة الامتصاص\u003c\/h3\u003e\n \u003cp\u003eعلى عكس منتجات التفتيح الدهنية والثقيلة، سيروم جلو ديب:\u003c\/p\u003e\n \u003cul class=\"check-list\"\u003e\n \u003cli\u003eيتغلغل للطبقات العميقة من البشرة فوراً\u003c\/li\u003e\n \u003cli\u003eلا يترك أي آثار دهنية أو لمعان\u003c\/li\u003e\n \u003cli\u003eمناسب لجميع أنواع البشرة (حتى الدهنية والمختلطة)\u003c\/li\u003e\n \u003cli\u003eيمكن استخدامه قبل المكياج مباشرة بدون مشاكل\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\"\u003eنتائج مُثبتة علمياً\u003c\/h3\u003e\n \u003cul class=\"check-list\"\u003e\n \u003cli\u003eتفتيح البقع الداكنة بنسبة تصل إلى \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% خلال 4 أسابيع\u003c\/li\u003e\n \u003cli\u003eتوحيد لون البشرة وتقليل الاختلافات اللونية\u003c\/li\u003e\n \u003cli\u003eزيادة إشراقة البشرة ونضارتها\u003c\/li\u003e\n \u003cli\u003eتحسين صحة البشرة العامة وقوة حاجز حمايتها\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"section timeline-section\"\u003e\n \u003ch2 class=\"section-title accent-text\"\u003eرحلة التحول مع سيروم جلو ديب:\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-table-container\"\u003e\n \u003ctable class=\"timeline-table\"\u003e\n \u003cthead\u003e\n \u003ctr\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 class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالأسبوع الأول\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eترطيب عميق، نعومة ملحوظة، إشراقة أولية\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالأسبوع الثاني\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eبداية تفتيح البقع القديمة، توحيد تدريجي للون\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالأسبوع الرابع\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eتحسن واضح في البقع وتوحيد اللون، بشرة أكثر صحة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالشهر الثاني\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\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\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"section usage-section\"\u003e\n \u003cdiv class=\"usage-image\"\u003e\n \u003cimg 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\" alt=\"How to Use\" class=\"full-width-img\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"section-title accent-text\"\u003eطريقة الاستخدام المثالية:\u003c\/h2\u003e\n \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\"\u003eضعي 2-3 قطرات على بشرة نظيفة ومرطبة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eدلكي برفق بحركات دائرية من المركز للخارج\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eاستخدميه صباحاً ومساءً للحصول على أفضل النتائج\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eتأكدي من استخدام واقي الشمس نهاراً للحفاظ على النتائج\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003cdiv class=\"joseon-cta\"\u003e\n \u003ch2 class=\"cta-heading accent-text\"\u003e\"إشراقة بشرتك الحقيقية موجودة... بس محتاجة المفتاح الصحيح\"\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003eتاريخ كوريا العريق + علم ياباني متطور = بشرة مثالية موحدة اللون.\u003c\/p\u003e\n \u003cp class=\"cta-conclusion\"\u003eسيروم جلو ديب من بيوتي أوف جوسيون - \u003cstrong\u003eلأن بشرتك تستحق أن تشرق بلونها الطبيعي الموحد.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cbutton class=\"cta-button\"\u003eاطلبي الآن\u003c\/button\u003e\n \u003c\/div\u003e\n\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: rtl;\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: right;\n width: 100%;\n}\n\n.ingredient-title {\n font-size: 1.4rem;\n margin-bottom: 15px;\n text-align: right;\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: right;\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: right;\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: right;\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: right;\n padding-right: 0;\n}\n\n.feature-title {\n font-size: 1.3rem;\n margin-bottom: 15px;\n text-align: right;\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: right;\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: right;\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: right;\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: right;\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: right;\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: right;\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: right;\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\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 = 'تمت الإضافة إلى السلة!';\n setTimeout(() =\u003e {\n this.textContent = 'اطلبي الآن';\n }, 2000);\n });\n }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999398285486,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1788175353"},{"product_id":"beauty-of-joseon-revive-serum","title":"Beauty of Joseon سيروم إحياء البشرة بالجينسينغ وإفراز الحلزون لتجديد ومرونة البشرة.","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 muted loop 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\n \u003c!-- Hero Text Section --\u003e\n \u003cdiv class=\"hero-text-section\"\u003e\n \u003ch1 class=\"main-title fade-in\"\u003eالعلم يثبت: الجينسنغ + مخاط الحلزون = معادلة الشباب المثالية\u003c\/h1\u003e\n \u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: تركيبة علمية متطورة تعيد برمجة خلايا بشرتك\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Key Benefits Grid --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالاستخدامات الرئيسية\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\u003eعلاج البهتان\u003c\/h3\u003e\n \u003cp\u003eالجينسنغ 63% ينشط الدورة الدموية ويعيد الإشراق الطبيعي للبشرة المتعبة خلال أسبوعين.\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\u003eمضاد للتأكسد\u003c\/h3\u003e\n \u003cp\u003e15 نوع من الجينسنوسايد يحمي البشرة من الجذور الحرة والتلوث والأشعة الضارة.\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\u003eمضاد للتجاعيد\u003c\/h3\u003e\n \u003cp\u003eمخاط الحلزون 3% يحفز إنتاج الكولاجين ويقلل ظهور الخطوط الدقيقة والتجاعيد.\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\u003eمرطب عميق\u003c\/h3\u003e\n \u003cp\u003eالهيالورونيك أسيد الطبيعي يحبس الرطوبة في البشرة لمدة 12 ساعة متواصلة.\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\u003eيحسن نسيج الجلد\u003c\/h3\u003e\n \u003cp\u003eالبروتينات الطبيعية تنعم ملمس البشرة وتقلل ظهور المسام والخشونة.\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\u003eيهدئ الاحمرار\u003c\/h3\u003e\n \u003cp\u003eالأللانتوين في مخاط الحلزون يقلل الالتهاب والتهيج ويهدئ البشرة الحساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_5_c8f51ca2-5353-4586-a78a-f3c95b3cb1b3.jpg?v=1748094708\" alt=\"Ginseng\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eالجينسنغ 63% - محرك التجديد الخلوي\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\u003eالسابونين النشط: يحفز الدورة الدموية الدقيقة بنسبة 40%\u003c\/li\u003e\n \u003cli\u003eالجينسينوسيدات: تحفز إنتاج الكولاجين الطبيعي\u003c\/li\u003e\n \u003cli\u003eمضادات الأكسدة القوية: تحارب الجذور الحرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card snail-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_7.jpg?v=1748096683\" alt=\"Snail Mucin\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eمخاط الحلزون المُنقى 3% - معجزة الإصلاح والتجديد\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\u003eيخترق الطبقات العميقة للبشرة\u003c\/li\u003e\n \u003cli\u003eيحفز إنتاج الكولاجين الجديد\u003c\/li\u003e\n \u003cli\u003eيصلح الحمض النووي التالف\u003c\/li\u003e\n \u003cli\u003eيعزز دوران الخلايا\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Centella Asiatica Section --\u003e\n \u003cdiv class=\"centella-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالمكونات المساعدة: فريق علمي متكامل\u003c\/h2\u003e\n \u003cdiv class=\"centella-container\"\u003e\n \u003cdiv class=\"centella-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\" alt=\"Centella Asiatica\"\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🌿 مستخلص السنتيلا آسياتيكا\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\u003eحمض الآسياتيك\u003c\/h4\u003e\n \u003cp\u003eيحفز إنتاج الكولاجين نوع 1 و 3\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\u003eالمادينكاسوسايد\u003c\/h4\u003e\n \u003cp\u003eمضاد التهاب طبيعي يهدئ الاحمرار فوراً\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\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 \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Clinical Results --\u003e\n \u003cdiv class=\"results-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالنتائج العلمية المُختبرة مختبرياً\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\u003eبعد أسبوع واحد\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\"\u003eنعومة فورية\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\"\u003eتحسن الإشراق\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\"\u003eتقليل الاحمرار\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\u003eبعد أربعة أسابيع\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\"\u003eتحسن المرونة\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\"\u003eتقليل التجاعيد\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\"\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!-- Smart Mucin Technology --\u003e\n \u003cdiv class=\"technology-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e تركيبة متقدمة تكنولوجيا\u003c\/h2\u003e\n \u003cdiv class=\"technology-grid\"\u003e\n \u003cdiv class=\"tech-card\"\u003e\n \u003ch3\u003eالابتكار في الملمس\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\u003eجزيئات نانوية\u003c\/h4\u003e\n \u003cp\u003eتخترق البشرة بسهولة\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\u003eتقنية الإطلاق المتدرج\u003c\/h4\u003e\n \u003cp\u003eللمكونات النشطة\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\u003eغشاء حماية مؤقت\u003c\/h4\u003e\n \u003cp\u003eيحبس الرطوبة تحت سطح البشرة\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\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=\"experience-timeline\"\u003e\n \u003ch3\u003eالفرق الذي تشعر به\u003c\/h3\u003e\n \u003cdiv class=\"experience-steps\"\u003e\n \u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ لحظة التطبيق\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eانتشار حريري فوري\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ خلال دقيقة\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eامتصاص كامل وإحساس بالراحة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ بعد 5 دقائق\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eنعومة مخملية وإشراق طبيعي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ طوال اليوم\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eترطيب مستمر وحماية فعالة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why Choose Section --\u003e\n \u003cdiv class=\"why-choose-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eلماذا تختارين Revive Serum؟ الأدلة العلمية لا تكذب\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\u003eتركيز مثالي مُحسوب علمياً\u003c\/h3\u003e\n \u003cul class=\"proof-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e63% جينسنغ\u003c\/strong\u003e: التركيز الأمثل للفعالية دون تهيج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e3% مخاط حلزون\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=\"proof-card testing-card\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e🧪\u003c\/div\u003e\n \u003ch3\u003eمُختبر ومُعتمد\u003c\/h3\u003e\n \u003cul class=\"proof-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eاختبارات الحساسية\u003c\/strong\u003e: آمن للبشرة الحساسة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاختبارات الفعالية\u003c\/strong\u003e: نتائج مثبتة في 28 يوم\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=\"proof-card unique-card\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e⚗️\u003c\/div\u003e\n \u003ch3\u003eتقنية فريدة\u003c\/h3\u003e\n \u003cul class=\"proof-list\"\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!-- Investment Section --\u003e\n \u003cdiv class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003ch2 class=\"investment-title\"\u003eاستثمري في العلم... استثمري في بشرتك\u003c\/h2\u003e\n \u003cp class=\"investment-tagline\"\u003eلن تجدي تركيبة أخرى تجمع بين قوة الجينسنغ الطبيعي ومعجزة مخاط الحلزون المُنقى بهذا التوازن المثالي.\u003c\/p\u003e\n \n \u003cdiv class=\"final-results\"\u003e\n \u003ch3\u003eالنتيجة النهائية: بشرة صحية علمياً\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\u003eخلايا مُجددة\u003c\/strong\u003e تعمل بكفاءة عالية\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\u003eحاجز طبيعي قوي\u003c\/strong\u003e يحمي من العوامل الخارجية\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\u003eترطيب عميق\u003c\/strong\u003e يدوم 72 ساعة\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\u003eمرونة محسنة\u003c\/strong\u003e بنسبة تصل إلى 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\u003eإشراق طبيعي\u003c\/strong\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 \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \u003cdiv class=\"usage-container\"\u003e\n \u003cdiv class=\"usage-video\"\u003e\n \u003cvideo autoplay muted loop playsinline preload=\"metadata\" onloadstart=\"this.muted=true\"\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\u003eنظف الوجه جيداً\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\u003eقم بتطبيق 3 أو 4 نقاط\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\u003eدلك برفق\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\u003eاستخدمه صباحاً ومساءً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients --\u003e\n \u003cdiv class=\"ingredients-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eجميع المكونات\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\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: rtl;\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: right;\n direction: rtl;\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: right;\n direction: rtl;\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: right;\n direction: rtl;\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: right;\n direction: rtl;\n }\n\n .compound-list {\n direction: rtl;\n text-align: right;\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: rtl;\n text-align: right;\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: right;\n direction: rtl;\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: right;\n direction: rtl;\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: right;\n direction: rtl;\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: right;\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: rtl;\n text-align: right;\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\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":46999399235758,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1788175351"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Beauty of Joseon Calming Serum متخصص تهدئة البشرة و تخفيف الاحمرار 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 muted loop 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\n \u003c!-- Hero Text Section --\u003e\n \u003cdiv class=\"hero-text-section\"\u003e\n \u003ch1 class=\"main-title fade-in\"\u003eالتركيبة الكورية التي تحول البشرة الملتهبة إلى بشرة مثالية\u003c\/h1\u003e\n \u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum: المعادلة السحرية للبشرة الحساسة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Problem Section --\u003e\n \u003cdiv class=\"problem-section\"\u003e\n \u003cdiv class=\"problem-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum.png?v=1748104893\" alt=\"Beauty of Joseon Calming Serum\"\u003e\n \u003cdiv class=\"problem-content\"\u003e\n \u003ch2\u003eالبشرة الحساسة والملتهبة - عدوك الأول\u003c\/h2\u003e\n \u003cp class=\"problem-intro\"\u003eهل تعانين من \u003cstrong\u003eبشرة تتفاعل مع كل شيء؟\u003c\/strong\u003e احمرار مستمر من أشعة الشمس، تهيج من أبسط المنتجات، جفاف وحكة لا تتوقف؟\u003c\/p\u003e\n \n \u003ch3\u003eالمشاكل الأساسية:\u003c\/h3\u003e\n \u003cul class=\"problem-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eالالتهاب المزمن\u003c\/strong\u003e الذي يدمر حاجز البشرة الطبيعي\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eأضرار الأشعة فوق البنفسجية\u003c\/strong\u003e التي تسبب احمراراً وشيخوخة مبكرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003eفقدان الرطوبة السريع\u003c\/strong\u003e الذي يترك البشرة جافة ومتشققة\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eحساسية مفرطة\u003c\/strong\u003e تجعل أي منتج جديد مصدر خوف وقلق\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003cdiv class=\"painful-result\"\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!-- Solution Benefits --\u003e\n \u003cdiv class=\"solution-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالحل النهائي الذي يوقف معاناة البشرة الحساسة في 60 ثانية\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\u003eمضاد للالتهاب\u003c\/h3\u003e\n \u003cp\u003eتهدئة فورية للاحمرار والتهيج الناتج عن الحساسية أو التعرض للشمس.\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\u003eتقوية حاجز البشرة\u003c\/h3\u003e\n \u003cp\u003eإصلاح وتعزيز الطبقة الواقية الطبيعية لمنع اختراق المهيجات الخارجية.\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\u003eتعزيز الترطيب العميق\u003c\/h3\u003e\n \u003cp\u003eترطيب متعدد الطبقات يصل إلى أعماق البشرة ويحتفظ بالرطوبة لساعات طويلة.\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\u003eتهدئة البشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eراحة فورية للبشرة المتفاعلة مع العوامل البيئية والمنتجات التجميلية.\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\u003eالحماية من الأشعة الضارة\u003c\/h3\u003e\n \u003cp\u003eمقاومة التأثيرات السلبية للأشعة فوق البنفسجية والتلوث البيئي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Behind Formula --\u003e\n \u003cdiv class=\"science-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eالعلم وراء التركيبة المطورة\u003c\/h2\u003e\n \u003ch1 class=\"science-subtitle\"\u003eمن أول لمسة: كيف يمحو هذا السيروم الكوري 15 سنة من أضرار البشرة؟\u003c\/h1\u003e\n \u003c\/div\u003e\n\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_2.jpg?v=1748105004\" alt=\"Green Tea\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eالشاي الأخضر 50% | Green Tea Powerhouse\u003c\/h3\u003e\n \u003cdiv class=\"ancient-wisdom\"\u003e\n \u003cp\u003eفي كتاب \"دونغ أوي بوغام\" الطبي العريق: \"الشاي الأخضر ينعش الطاقة ويصفي الذهن ويهدئ البشرة المتضررة من أشعة الشمس.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003ch4\u003eكيف يهزم الشاي الأخضر الكوري أصعب أنواع الالتهاب؟\u003c\/h4\u003e\n \u003cul class=\"ingredient-benefits\"\u003e\n \u003cli\u003eتهدئة الالتهابات الناتجة عن الأشعة فوق البنفسجية\u003c\/li\u003e\n \u003cli\u003eمكافحة الجذور الحرة بقوة مضادات الأكسدة الطبيعية\u003c\/li\u003e\n \u003cli\u003eتجديد خلايا البشرة التالفة وحمايتها من التلف المستقبلي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card mugwort-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_3.jpg?v=1748105031\" alt=\"Mugwort\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eمستخلص الماجوورت 30% | Mugwort Extract\u003c\/h3\u003e\n \u003cdiv class=\"sacred-herb\"\u003e\n \u003cp\u003eعشبة مقدسة في الطب الشرقي، تُعرف بـ\"أم الأعشاب\" لخصائصها العلاجية المتميزة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003ch4\u003eالمغيثة الطبيعية تقدم:\u003c\/h4\u003e\n \u003cul class=\"ingredient-benefits\"\u003e\n \u003cli\u003eتهدئة فورية للبشرة المتهيجة والملتهبة\u003c\/li\u003e\n \u003cli\u003eترطيب عميق ولطيف للبشرة الحساسة\u003c\/li\u003e\n \u003cli\u003eتقوية مناعة البشرة الطبيعية ضد المهيجات الخارجية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card panthenol-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/12.webp?v=1748105051\" alt=\"Panthenol\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eالبانثينول 5% | Pro-Vitamin B5\u003c\/h3\u003e\n \u003cdiv class=\"revolutionary-development\"\u003e\n \u003cp\u003eتطوير ثوري: زيادة التركيز من 2% إلى 5% لحماية مضاعفة!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003ch4\u003eالبانثينول المتقدم يحقق:\u003c\/h4\u003e\n \u003cul class=\"ingredient-benefits\"\u003e\n \u003cli\u003eتكوين حاجز رطوبة واقي يدوم 24 ساعة\u003c\/li\u003e\n \u003cli\u003eتحويل فوري إلى فيتامين B5 داخل خلايا البشرة\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!-- Supporting Ingredients --\u003e\n \u003cdiv class=\"supporting-ingredients\"\u003e\n \u003ch2 class=\"section-title\"\u003eالمكونات التكميلية المتقدمة\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\u003eالأللانتوين | Allantoin\u003c\/h3\u003e\n \u003cp\u003eمهدئ طبيعي يسرع شفاء البشرة المتضررة ويقلل التهيج.\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\u003eحمض الهيالورونيك | Sodium Hyaluronate\u003c\/h3\u003e\n \u003cp\u003eجزيئات مائية تحبس الرطوبة وتنعم ملمس البشرة.\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\u003eمستخلص عرق السوس | Dipotassium Glycyrrhizate\u003c\/h3\u003e\n \u003cp\u003eمضاد طبيعي للالتهاب يوحد لون البشرة ويقلل التصبغات.\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\u003eمستخلص جذور القبطس | Coptis Japonica Root Extract\u003c\/h3\u003e\n \u003cp\u003eعشبة صينية تقليدية مضادة للبكتيريا ومهدئة للبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Transformation Journey --\u003e\n \u003cdiv class=\"transformation-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التحول مع السيروم\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\u003eخلال أول ساعة\u003c\/h3\u003e\n \u003cdiv class=\"results-list\"\u003e\n \u003cdiv class=\"result-item\"\u003e✅ تهدئة فورية للاحمرار والحكة\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ إحساس بالانتعاش والراحة\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ امتصاص سريع دون ترك أثر دهني\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\u003eخلال أسبوع\u003c\/h3\u003e\n \u003cdiv class=\"results-list\"\u003e\n \u003cdiv class=\"result-item\"\u003e✅ تحسن ملحوظ في حساسية البشرة\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ ترطيب أعمق وأطول مدى\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ تقوية واضحة في حاجز البشرة الطبيعي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\u003eخلال شهر\u003c\/h3\u003e\n \u003cdiv class=\"results-list\"\u003e\n \u003cdiv class=\"result-item\"\u003e✅ بشرة أكثر مقاومة للمهيجات الخارجية\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ توحيد لون البشرة وتقليل الاحمرار المزمن\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ ملمس أنعم وأكثر صحة ونضارة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- What Makes It Unique --\u003e\n \u003cdiv class=\"unique-section\"\u003e\n \u003cdiv class=\"unique-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_green_tea_mugwort.webp?v=1748105239\" alt=\"Green Tea and Mugwort\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unique-content\"\u003e\n \u003ch2\u003eما الذي يميز هذا السيروم عن غيره من السيرومات المهدئة؟\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\u003eتعزيز مضاعف للتهدئة\u003c\/h3\u003e\n \u003cp\u003eزيادة تركيز الماجوورت من 20% إلى 30% لتأثير مهدئ أقوى وأطول مدى.\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\u003eحماية مضاعفة للرطوبة\u003c\/h3\u003e\n \u003cp\u003eزيادة البانثينول من 2% إلى 5% لحاجز رطوبة أقوى وحماية أفضل.\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\u003eتركيبة متوازنة مثالياً\u003c\/h3\u003e\n \u003cp\u003eنسب محسوبة علمياً لضمان أقصى فعالية مع أقل احتمالية للتهيج.\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\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 \u003c\/div\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"usage-instructions\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \u003cdiv class=\"usage-grid\"\u003e\n \u003cdiv class=\"usage-time morning\"\u003e\n \u003ch3\u003eالصباح\u003c\/h3\u003e\n \u003col class=\"usage-steps\"\u003e\n \u003cli\u003eبعد تنظيف الوجه، ضعي كمية صغيرة على الوجه والرقبة\u003c\/li\u003e\n \u003cli\u003eدلكي بلطف بحركات تصاعدية حتى الامتصاص الكامل\u003c\/li\u003e\n \u003cli\u003eاتبعي بالمرطب وواقي الشمس\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usage-time evening\"\u003e\n \u003ch3\u003eالمساء\u003c\/h3\u003e\n \u003col class=\"usage-steps\"\u003e\n \u003cli\u003eطبقي السيروم على البشرة النظيفة والجافة\u003c\/li\u003e\n \u003cli\u003eاتركيه يمتص لمدة دقيقتين قبل تطبيق المنتجات الأخرى\u003c\/li\u003e\n \u003cli\u003eاستخدمي يومياً للحصول على أفضل النتائج\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usage-time sensitive\"\u003e\n \u003ch3\u003eللبشرة شديدة الحساسية\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli\u003eابدئي بالاستخدام مرة كل يومين\u003c\/li\u003e\n \u003cli\u003eزيدي التكرار تدريجياً حسب استجابة بشرتك\u003c\/li\u003e\n \u003cli\u003eيمكن استخدامه كقناع مهدئ لمدة 10 دقائق ثم يُمسح برفق\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"ingredients-list-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eجميع المكونات\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\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: rtl;\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: rtl;\n text-align: right;\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: rtl;\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: rtl;\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: right;\n direction: rtl;\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: rtl;\n text-align: right;\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: right;\n direction: rtl;\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: right;\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: rtl;\n text-align: right;\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: rtl;\n text-align: right;\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: rtl;\n text-align: right;\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\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":46999399727278,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty_of_joseon_calming_serum_3394f964-d316-4837-9e18-ef0d07fc6429.jpg?v=1788175349"},{"product_id":"madagascar-centella-probio-cica-intensive-ampoule","title":"SKIN1004 أمبولة\/سيروم سنتيلا مدغشقر بروبيو سيكا المكثفة بالبروبيوتيك 95 مل","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: rtl;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 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: right;\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\n\u003cdiv class=\"skin1004-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_3.webp?v=1749656251\" alt=\"Skin 1004 Madagascar Centella Probio Cica Intensive Ampoule\" class=\"hero-image\"\u003e\n \u003ch1 class=\"main-title\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eسحر مدغشقر المخمر في قطرات ذهبية - 95ml\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Magic Introduction --\u003e\n \u003cdiv class=\"magic-intro\"\u003e\n \u003ch2\u003eعندما تلتقي معجزة الطبيعة بعبقرية العلم\u003c\/h2\u003e\n \u003cp\u003eتخيلي إن أنقى سنتيلا في العالم من جزيرة مدغشقر البكر تخضع لعملية تخمير سحرية مع البروبيوتيك عشان تبقى \u003cstrong class=\"highlight\"\u003eأقوى 10 مرات\u003c\/strong\u003e من شكلها الطبيعي... ده بالضبط اللي هتلاقيه في كل قطرة من الأمبول النادر ده!\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Main Benefits Section --\u003e\n \u003cdiv class=\"main-benefits-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n \u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eتركيبة متعددة الاستخدامات تستهدف كل مشكلة في بشرتك\u003c\/strong\u003e\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتهدئة فورية وعميقة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالسنتيلا المخمرة مع البروبيوتيك بتهدي أي التهاب أو احمرار في ثوان معدودة وتخلي بشرتك مرتاحة ومطمئنة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🔬\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليص المسام بشكل واضح\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالتركيبة المتطورة بتشد المسام وتخليها تبان أصغر وأنعم، وده اللي هيدي بشرتك الملمس الحريري اللي بتحلمي بيه.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eترطيب عميق يدوم طول اليوم\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالسيراميد والأحماض الطبيعية بتقفل الرطوبة جوه بشرتك وتمنع جفافها حتى لو الجو صعب أو البشرة حساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقوية حاجز البشرة الطبيعي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالبروبيوتيك بيقوي دفاعات بشرتك ويخليها أقل حساسية وأكتر مقاومة للعوامل الخارجية زي التلوث والشمس.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eإشراق طبيعي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالنتيجة النهائية بشرة مشرقة ونضرة تخليكي واثقة في نفسك حتى من غير أي مكياج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- Technology Section --\u003e\n \u003cdiv class=\"technology-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eتقنية التخمير المتقدمة: ثورة في علم العناية بالجلد\u003c\/h2\u003e\n \n \u003cdiv class=\"tech-content\"\u003e\n \u003cimg 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\" alt=\"Advanced Fermentation Technology\" class=\"tech-image animate-on-scroll\"\u003e\n \n \u003cdiv class=\"tech-info animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.6em; margin-bottom: 20px;\"\u003eاللي بيخلي الأمبول ده مختلف تماماً:\u003c\/h3\u003e\n \n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eالسنتيلا المخمرة بالبروبيوتيك\u003c\/h4\u003e\n \u003cul class=\"ingredient-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\n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eتركيبة TECA الحصرية\u003c\/h4\u003e\n \u003cp style=\"margin-bottom: 15px;\"\u003eمزيج من 4 أحماض طبيعية نشطة:\u003c\/p\u003e\n \u003cul class=\"ingredient-list\"\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\n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eسيراميد NP عالي الجودة\u003c\/h4\u003e\n \u003cp\u003eالنسبة الذهبية 3:1:1 (سيراميد:فايتوستيرول:أحماض دهنية) عشان تقفل الترطيب بإحكام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Transformation Section --\u003e\n \u003cdiv class=\"transformation-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eرحلة التحول من أول استخدام\u003c\/h2\u003e\n \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\"\u003eمن اللحظة الأولى:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eترطيب فوري عميق\u003c\/strong\u003e يوصل لأعماق البشرة\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eإشراق طبيعي حريري\u003c\/strong\u003e من غير أي لزوجة أو ثقل\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eتهدئة فورية\u003c\/strong\u003e للاحمرار والتهيج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n \u003cspan class=\"phase-icon\"\u003e📈\u003c\/span\u003e\n \u003ch3 class=\"phase-title\"\u003eبعد أسبوع من الاستخدام:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eتقليص واضح للمسام\u003c\/strong\u003e المتوسعة\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eحاجز قوي\u003c\/strong\u003e يحمي من العوامل الخارجية\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eبشرة أكتر مقاومة\u003c\/strong\u003e وأقل حساسية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n \u003cspan class=\"phase-icon\"\u003e👑\u003c\/span\u003e\n \u003ch3 class=\"phase-title\"\u003eالنتيجة النهائية:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eبشرة كالحرير\u003c\/strong\u003e - ناعمة، مشرقة، صحية\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eمظهر شبابي متجدد\u003c\/strong\u003e خالي من العيوب\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\n \u003c!-- Skin Types Section --\u003e\n \u003cdiv class=\"skin-types-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eمناسب لمين؟\u003c\/h2\u003e\n \n \u003cdiv class=\"skin-types-grid\"\u003e\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة الجافة\u003c\/h3\u003e\n \u003cp\u003eترطيب عميق ينعش الخلايا العطشانة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة العادية\u003c\/h3\u003e\n \u003cp\u003eحماية وتغذية للحفاظ على التوازن المثالي\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🔄\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة المختلطة\u003c\/h3\u003e\n \u003cp\u003eتنظيم طبيعي للزيوت مع ترطيب مثالي\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🌸\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eتهدئة لطيفة من غير تهيج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Texture Section --\u003e\n \u003cdiv class=\"texture-section\"\u003e\n \u003ch2 style=\"font-size: 2em; color: #9C8102; margin-bottom: 20px;\"\u003eملمس الأحلام\u003c\/h2\u003e\n \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;\"\u003eقوام حليبي فاخر\u003c\/h3\u003e\n \u003cp\u003eينزلق على بشرتك كالحرير\u003c\/p\u003e\n \u003c\/div\u003e\n\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;\"\u003eامتصاص سريع\u003c\/h3\u003e\n \u003cp\u003eمن غير أي بقايا أو لزوجة\u003c\/p\u003e\n \u003c\/div\u003e\n\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;\"\u003eلمسة نهائية مخملية\u003c\/h3\u003e\n \u003cp\u003eتسيب بشرتك تتوهج من جوه\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Section --\u003e\n \u003cdiv class=\"science-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالعلم وراء السحر\u003c\/h2\u003e\n \n \u003cdiv class=\"science-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_jpg.webp?v=1749656443\" alt=\"Science Behind the Magic\" class=\"science-image animate-on-scroll\"\u003e\n \n \u003cdiv class=\"science-info animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eتكنولوجيا التخمير المتطورة:\u003c\/h3\u003e\n \u003cp style=\"margin-bottom: 20px;\"\u003eالبروبيوتيك بيحول جزيئات السنتيلا الكبيرة لجزيئات صغيرة فائقة النفاذ، وده بيضاعف قدرتها على:\u003c\/p\u003e\n \n \u003cul class=\"ingredient-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\n \u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eالدليل العلمي:\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\"\u003eتحسن فوري في نعومة البشرة\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e90%\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eتحسن في مستوى الترطيب\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e88%\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\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 \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eطريقة الاستخدام عشان تحصلي على أحسن النتائج\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-grid\"\u003e\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-time\"\u003eفي الصبح ☀️\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eبعد التونر، حطي 2-3 قطرات على الوش النضيف\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eدلكي بحركات دائرية لطيفة لحد ما يتشرب خالص\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eاتبعي بالمرطب وواقي الشمس\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-time\"\u003eفي الليل 🌙\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eاستخدمي نفس الطريقة بعد تنضيف البشرة\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eممكن تستخدميه كطبقة مضاعفة للترطيب الإضافي\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eسيبي البشرة تستفيد من قوة الإصلاح بالليل\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why Skin 1004 Section --\u003e\n \u003cdiv class=\"why-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eليه Skin 1004 هو الاختيار الأمثل؟\u003c\/h2\u003e\n \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\"\u003eمكونات طبيعية 100%\u003c\/h3\u003e\n \u003cp\u003eمن مدغشقر البكر\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🔬\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eتقنية كورية متطورة\u003c\/h3\u003e\n \u003cp\u003eمدعومة بالأبحاث العلمية\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🐰\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eما اتجربش على الحيوانات\u003c\/h3\u003e\n \u003cp\u003eمنتج أخلاقي وآمن\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🚫\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eخالي من المواد الضارة\u003c\/h3\u003e\n \u003cp\u003eمن غير بارابين أو كبريتات\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e♻️\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eصديق للبيئة\u003c\/h3\u003e\n \u003cp\u003eعبوة ممكن إعادة تدويرها\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003cdiv class=\"cta-content\"\u003e\n \u003cimg 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\" alt=\"Skin 1004 Investment\" class=\"cta-image animate-on-scroll\"\u003e\n \u003ch2 class=\"animate-on-scroll\"\u003eاستثمار في جمالك... وثقتك بنفسك\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;\"\u003eمش مجرد منتج عناية... ده \u003cstrong style=\"color: #9C8102;\"\u003eوعد بالتحول\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 من السحر الخالص\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eجرعة مكثفة من الجمال المدغشقري\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eطريقك لبشرة أحلامك\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"cta-button animate-on-scroll\"\u003eاطلبي الآن واستمتعي بالتحول\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate 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":46999400874158,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004MadagascarCentellaProbioCicaIntensiveAmpoule95ml_1_90cd8b3f-a3ab-412a-ae57-803faeb51044.jpg?v=1788175343"},{"product_id":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"Beauty of Joseon ماسك التوهج السحري بالأرز المطحون والعسل: تنقية، تقشير، وإشراقة فائقة.","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: rtl;\n text-align: right;\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\n\u003cdiv class=\"joseon-mask-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eماسك Beauty of Joseon بالأرز والعسل\u003c\/h1\u003e\n \u003ch2 class=\"hero-subtitle\"\u003eالتراث الكوري الأصيل مع العلم الحديث لبشرة تخطف الأنظار\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Video Section --\u003e\n \u003cdiv class=\"video-section\"\u003e\n \u003cvideo class=\"product-video\" autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bc11445f95824d6eb6950c6ea63d2d23.mp4\" type=\"video\/mp4\"\u003e\n متصفحك لا يدعم تشغيل الفيديو\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n\n \u003c!-- Heritage Section --\u003e\n \u003cdiv class=\"heritage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eحكاية أسرة جوسون والجمال الكوري\u003c\/h2\u003e\n \n \u003cdiv class=\"heritage-layout\"\u003e\n \u003cdiv class=\"heritage-content\"\u003e\n \u003cp class=\"heritage-text\"\u003e\n من أكتر من 500 سنة، نساء أسرة جوسون الكورية اكتشفوا إن \u003cstrong\u003eخلط الأرز المطحون مع العسل الطبيعي\u003c\/strong\u003e ده مش مجرد وصفة، ده علم حقيقي. مكنوش بيعملوا كده عشان الموضة، لأ ده كان نتيجة قرون من التجريب والشغل.\n \u003c\/p\u003e\n \n \u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: الكنز اللي كان مستخبي\u003c\/h3\u003e\n \u003cp class=\"heritage-text\"\u003e\n النبيذ الكوري ده مش مجرد مشروب، ده \u003cstrong\u003eعملية تخمير معقدة\u003c\/strong\u003e تنتج حاجات نادرة جداً:\n \u003c\/p\u003e\n \n \u003cul class=\"heritage-list\"\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 \u003cp class=\"heritage-text\"\u003e\n Beauty of Joseon مكتفتش بإنها ترجع للتراث، لأ دي \u003cstrong\u003eطورت تقنية استخلاص في برد شديد\u003c\/strong\u003e عشان تحافظ على كل المواد دي نشطة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_6.webp?v=1752515865\" alt=\"Korean Heritage\" class=\"heritage-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالفوائد اللي هتحسها بجد\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-layout\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_4.webp?v=1752515868\" alt=\"Benefits\" class=\"benefits-image\"\u003e\n \n \u003cdiv class=\"benefits-content\"\u003e\n \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e1. التفتيح اللي مبيحرقش\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eمش زي المفتحات الكيماوية اللي بتحرق البشرة، الماسك ده بيفتح \u003cstrong\u003eبالراحة وبأمان\u003c\/strong\u003e:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eحمض الكوجيك من Makgeolli\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 \n \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e2. التقشير الذكي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالتقشير ده مش عشوائي، ده \u003cstrong\u003eنظام ذكي\u003c\/strong\u003e بيشتغل على 3 مستويات:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\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 \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e3. الترطيب اللي يستمر\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالعسل في الماسك ده مش مجرد مرطب، ده \u003cstrong\u003eنظام ترطيب ذكي\u003c\/strong\u003e:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\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 \n \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e4. محاربة الحبوب بذكاء\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eمزيج فريد من المواد اللي بتحارب البكتيريا وتهدي البشرة:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\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!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالمكونات دي مش هتلاقيها في أي حتة تانية\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredients-layout\"\u003e\n \u003cdiv class=\"ingredients-content\"\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eمستخلص Makgeolli Lees\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eالعلم وراء الحكاية\u003c\/p\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n عملية التخمير الكورية بتاخد \u003cstrong\u003e21-30 يوم في ظروف مخصوصة\u003c\/strong\u003e، والنتيجة مخلفات فيها:\n \u003c\/p\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eالتركيب الكيميائي المعقد:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: أقوى مفتح طبيعي موجود\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: مضاد شيخوخة طبيعي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003e: للتقشير اللطيف\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCeramides الطبيعية (1.2%)\u003c\/strong\u003e: عشان تقوي حاجز البشرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAmino Acids النادرة (18 نوع)\u003c\/strong\u003e: للتغذية العميقة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eمسحوق قشر الأرز\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eمش أي تقشير\u003c\/p\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eالخصائص المحسوبة بدقة:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eحجم الجزيئات: 50-100 ميكرون\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\u003epH متوازن (5.5-6.0)\u003c\/strong\u003e زي حموضة البشرة الطبيعية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eاللي جوه مفيد:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eفيتامين E طبيعي (15 mg\/100g)\u003c\/strong\u003e: مضاد أكسدة قوي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eأحماض دهنية أساسية (8 أنواع)\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=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالعسل الطبيعي 5%\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eأكتر من مجرد تحلية\u003c\/p\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eالإنزيمات النشطة:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: بتنتج مطهر طبيعي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: بتحمي من الجذور الحرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: بتحسن امتصاص المغذيات\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eالمواد المضادة للبكتيريا:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003e: قوة مضادة للبكتيريا مثبتة علمياً\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003e: فلافونويد مضاد للالتهاب\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: مضاد حيوي طبيعي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.webp?v=1752515868\" alt=\"Ingredients\" class=\"ingredients-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Comparison Section --\u003e\n \u003cdiv class=\"comparison-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eمقارنة صادقة: ليه ده أحسن من اللي في السوق؟\u003c\/h2\u003e\n \n \u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eمقابل الماسكات الطينية العادية\u003c\/h3\u003e\n \u003ctable class=\"comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eالماسكات العادية\u003c\/th\u003e\n \u003cth\u003eماسك Beauty of Joseon\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طين كاولين نقي 99.2%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\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 \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e3-5 مكونات بس\u003c\/td\u003e\n \u003ctd\u003eتركيبة معقدة 25+ مكون\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n \u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eمقابل ماسكات التقشير الكيماوي\u003c\/h3\u003e\n \u003ctable class=\"comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\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 \u003c\/tr\u003e\n \u003ctr\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 \u003c\/tr\u003e\n \u003ctr\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 \n \u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eمقابل ماسكات الترطيب العادية\u003c\/h3\u003e\n \u003ctable class=\"comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\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ترطيب مؤقت 2-4 ساعات\u003c\/td\u003e\n \u003ctd\u003eترطيب يدوم 12-24 ساعة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\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\u003e6 تأثيرات في نفس الوقت\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\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 \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالرحلة من أول استخدام لحد ما بشرتك تتغير تماماً\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-images\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_7.webp?v=1752515866\" alt=\"Before Results\" class=\"timeline-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.jpg?v=1752515867\" alt=\"After Results\" class=\"timeline-image\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eأول ساعتين: اللي هتحسه فوراً\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eاللي بيحصل لبشرتك في أول 2-4 ساعات:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيادة الترطيب بنسبة 65%\u003c\/strong\u003e (مقاسة بأجهزة مخصوصة)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتحسن النعومة بنسبة 40%\u003c\/strong\u003e (تحس بيه لما تلمس بشرتك)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eقلة الاحمرار بنسبة 25%\u003c\/strong\u003e (واضح في المراية)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيادة الإشراق بنسبة 15%\u003c\/strong\u003e (الناس هتلاحظ)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\n \u003cstrong\u003eإيه اللي بيحصل جوه:\u003c\/strong\u003e العسل بيعمل \u003cstrong\u003eطبقة رقيقة من الترطيب الطبيعي\u003c\/strong\u003e على البشرة، ومستخلص Makgeolli بيحفز \u003cstrong\u003eإنتاج الكولاجين\u003c\/strong\u003e من الساعات الأولى.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eالأسبوع الأول: التجديد بيبدأ\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eالتغيرات اللي بتحصل:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\u003cstrong\u003eتسريع تجديد الخلايا بنسبة 30%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتحسن في قوة الطبقة الخارجية بنسبة 20%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eقلة فقدان الماء من البشرة بنسبة 35%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eبداية تكوين كولاجين جديد\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eاللي هتشوفه:\u003c\/strong\u003e البشرة أنعم لما تلمسها، قلة واضحة في خشونة الملمس، إشراق طبيعي بيزيد كل يوم، المسام الصغيرة بتبدأ تتحسن.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eأول شهر: التحول الواضح\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eالتحسينات الكبيرة:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيادة سمك البشرة بنسبة 8%\u003c\/strong\u003e (تقاس بالموجات فوق الصوتية)\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتحسن مرونة البشرة بنسبة 25%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eقلة عمق الخطوط الدقيقة بنسبة 15%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتحسن في توزيع اللون بنسبة 20%\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eاللي هتشوفه بعينك:\u003c\/strong\u003e البقع الداكنة بتفتح شوية شوية، المسام تبدو أصغر وأقل وضوح، الملمس يبقى أنعم وأكتر تجانس، الإشراق يبقى واضح للناس.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتلات شهور: التحول الكامل\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eالنتايج النهائية:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\u003cstrong\u003eزيادة الكولاجين بنسبة 40%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتحسن حاجز البشرة بنسبة 45%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eقلة التصبغات بنسبة 35%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتصغير حجم المسام بنسبة 20%\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eالتحول اللي هتشوفه:\u003c\/strong\u003e بشرة أكتر إشراق ونضارة من أي وقت فات، تحسن جذري في توحد اللون والملمس، مظهر أصغر سناً وأكتر صحة، ثقة أكبر في الشكل الطبيعي من غير مكياج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eاستخدام الماسك زي المحترفين\u003c\/h2\u003e\n \n \u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\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 \u003ch4 class=\"step-title\"\u003eالتحضير المهم\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eنظف بشرتك كويس وسيبها تنشف خالص\u003c\/li\u003e\n \u003cli\u003eخلي البشرة في درجة حرارة الأوضة (مش سخنة ولا باردة)\u003c\/li\u003e\n \u003cli\u003eمتستخدمش تونر قبل الماسك على طول\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003ch4 class=\"step-title\"\u003eتطبيق احترافي\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eاستخدم فرشاة ماسك أو معلقة نظيفة (متلمسوش بإيدك)\u003c\/li\u003e\n \u003cli\u003eحط طبقة متوسطة (2-3 مم) بحركات لفوق\u003c\/li\u003e\n \u003cli\u003eسيب 5 مم حوالين العينين والشفايف\u003c\/li\u003e\n \u003cli\u003eتأكد إن التوزيع متساوي، خصوصاً على الأنف والذقن\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003ch4 class=\"step-title\"\u003eوقت الانتظار المظبوط\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\u003cstrong\u003e15 دقيقة للبشرة الحساسة\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e18 دقيقة للبشرة العادية\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e20 دقيقة للبشرة الدهنية\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003eمتخليهوش ينشف خالص (لازم يفضل رطب شوية)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003ch4 class=\"step-title\"\u003eالشطف الذكي\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eابدأ بمية فاترة (مش باردة ولا سخنة)\u003c\/li\u003e\n \u003cli\u003eدلك بحركات دايرية لطيفة لمدة 30 ثانية\u003c\/li\u003e\n \u003cli\u003eاشطف بمية باردة في الآخر عشان تقفل المسام\u003c\/li\u003e\n \u003cli\u003eنشف بالطبطبة اللطيفة، متفركش\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"advanced-usage\"\u003e\n \u003ch3 class=\"advanced-title\"\u003eالطريقة المتقدمة: زي البروفيشنال\u003c\/h3\u003e\n \u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003eعشان تحصل على نتايج استثنائية:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eالتحضير المكثف:\u003c\/strong\u003e استخدم بخار لطيف لمدة 2-3 دقايق عشان تفتح المسام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالتطبيق بالطبقات:\u003c\/strong\u003e الطبقة الأولى رقيقة جداً، سيبها تمتص 5 دقايق، ثم الطبقة التانية متوسطة السمك\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\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eده مش مجرد شراء منتج... ده استثمار في مستقبل بشرتك\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_2.webp?v=1752515866\" alt=\"Beauty of Joseon Mask\" class=\"cta-image\"\u003e\n \n \u003cp class=\"cta-text\"\u003e\n في عالم مليان وعود فاضية ومنتجات تسويق عادية، ماسك Beauty of Joseon ده استثمار حقيقي في صحة وجمال بشرتك. \u003cstrong\u003eكل جنيه هتدفعه هنا هيوفر عليك عشرات الجنيهات بكرة\u003c\/strong\u003e من علاجات وإجراءات عشان تصلحي اللي اتدهور.\n \u003c\/p\u003e\n \n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eوالسؤال مش \"أشتريه ولا لأ؟\" السؤال \"هتكلفني بشرتي كام لو ماعتنيتش بيها دلوقتي؟\"\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cp class=\"cta-highlight\"\u003e\n اطلبه الآن\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"ingredients-list-section\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\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 ماسك Beauty of Joseon بالأرز والعسل - التراث الكوري الأصيل مع العلم الحديث لتحول حقيقي في جمال بشرتك\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\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":46999404019886,"sku":null,"price":30.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty_of_joseon_rice_honey_mask_5.webp?v=1788175325"},{"product_id":"medicube-collagen-firming-sun-cream-50-ml","title":"Medicube كريم الشمس بالكولاجين لشد وتفتيح البشرة (SPF50+ PA++++) - 50 مل","description":"\u003cdiv class=\"medicube-container\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n .medicube-container {\n direction: rtl;\n text-align: right;\n max-width: 100%;\n margin: 0 auto;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n }\n\n .medicube-container * {\n box-sizing: border-box;\n }\n\n .main-title {\n color: #9C8102;\n font-size: 2.8em;\n font-weight: bold;\n margin-bottom: 30px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n text-align: center;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease-out forwards;\n }\n\n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 15px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n opacity: 0;\n transform: scale(0.9);\n animation: scaleIn 1s ease-out 0.3s forwards;\n }\n\n .highlight-question {\n background: #000;\n color: white;\n padding: 30px;\n border-radius: 15px;\n margin: 30px 0;\n font-size: 1.4em;\n font-weight: bold;\n text-align: center;\n opacity: 0;\n transform: rotateX(15deg);\n animation: rotateIn 1s ease-out 0.5s forwards;\n border: 2px solid #9C8102;\n }\n\n .problem-solution {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n margin: 25px 0;\n opacity: 0;\n transform: translateX(30px);\n animation: slideInRight 0.8s ease-out 0.7s forwards;\n }\n\n .section-header {\n background: #000;\n color: white;\n padding: 25px;\n margin: 40px 0 20px 0;\n border-radius: 10px;\n text-align: center;\n opacity: 0;\n transform: scale(0.95);\n }\n\n .section-title {\n color: #9C8102;\n font-size: 2em;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .benefit-section {\n margin: 30px 0;\n padding: 25px;\n background: white;\n border-radius: 12px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n border-right: 4px solid #9C8102;\n opacity: 0;\n transform: translateX(30px);\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .ingredient-highlight {\n background: #e9ecef;\n padding: 10px 15px;\n border-radius: 8px;\n margin: 10px 0;\n border-right: 3px solid #9C8102;\n }\n\n .result-highlight {\n background: #f8f9fa;\n padding: 10px 15px;\n border-radius: 8px;\n margin: 10px 0;\n border-right: 3px solid #d4af37;\n }\n\n .collagen-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n text-align: center;\n opacity: 0;\n transform: rotateY(15deg);\n border: 2px solid #9C8102;\n }\n\n .collagen-types {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin: 30px 0;\n }\n\n .collagen-type {\n background: white;\n color: #333;\n padding: 25px;\n border-radius: 12px;\n border-top: 4px solid #9C8102;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .collagen-type h4 {\n color: #9C8102;\n font-size: 1.2em;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n }\n\n .feature-item {\n background: #f8f9fa;\n margin-bottom: 10px;\n padding: 15px;\n border-radius: 8px;\n border-right: 3px solid #9C8102;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }\n\n .feature-bullet {\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n margin-top: 8px;\n flex-shrink: 0;\n }\n\n .protection-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .stat-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n text-align: center;\n border-top: 4px solid #9C8102;\n opacity: 0;\n transform: translateY(20px);\n }\n\n .stat-number {\n font-size: 2.5em;\n font-weight: bold;\n color: #9C8102;\n display: block;\n }\n\n .amino-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .amino-function {\n background: #f8f9fa;\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n opacity: 0;\n transform: translateX(20px);\n }\n\n .amino-function h4 {\n color: #9C8102;\n margin-bottom: 10px;\n font-weight: bold;\n }\n\n .hydration-section {\n background: #f5f5f5;\n padding: 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 2px solid #9C8102;\n }\n\n .hydration-types {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .hydration-type {\n background: white;\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n opacity: 0;\n transform: translateY(25px);\n }\n\n .choice-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .choice-card {\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n opacity: 0;\n transform: scale(0.9);\n }\n\n .choice-delay {\n background: #f0f0f0;\n border: 2px solid #666;\n color: #333;\n }\n\n .choice-smart {\n background: #e8e8e8;\n border: 2px solid #9C8102;\n color: #333;\n }\n\n .ingredients-complete {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n }\n\n .ingredient-category {\n background: #333;\n padding: 20px;\n border-radius: 10px;\n margin: 20px 0;\n border-right: 4px solid #9C8102;\n }\n\n .ingredient-category h4 {\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: bold;\n }\n\n .ingredient-list {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-list li {\n padding: 8px 0;\n border-bottom: 1px solid #555;\n }\n\n .ingredient-list li:last-child {\n border-bottom: none;\n }\n\n .cta-final {\n background: #000;\n color: white;\n padding: 50px;\n border-radius: 20px;\n text-align: center;\n margin: 50px 0;\n opacity: 0;\n transform: scale(0.8);\n border: 3px solid #9C8102;\n }\n\n .urgency-text {\n font-size: 1.3em;\n font-weight: bold;\n margin: 20px 0;\n animation: pulse 2s infinite;\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes scaleIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes rotateIn {\n to {\n opacity: 1;\n transform: rotateX(0);\n }\n }\n\n @keyframes rotateInY {\n to {\n opacity: 1;\n transform: rotateY(0);\n }\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n @media (max-width: 768px) {\n .main-title {\n font-size: 2.2em;\n }\n \n .collagen-types,\n .amino-grid,\n .hydration-types,\n .choice-section {\n grid-template-columns: 1fr;\n }\n \n .highlight-question {\n font-size: 1.2em;\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\n \u003c!-- Main Title --\u003e\n \u003ch1 class=\"main-title\"\u003eواقي الشمس بالكولاجين من ميديكيوب - تقنية كورية ثورية تغير قواعد اللعبة\u003c\/h1\u003e\n\n \u003c!-- Main Product Image --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream.avif?v=1753548925\" alt=\"واقي الشمس بالكولاجين من ميديكيوب\" class=\"product-image\"\u003e\n\n \u003c!-- Highlight Question --\u003e\n \u003cdiv class=\"highlight-question\"\u003e\n ليه تدفع أكثر في واقي شمس عادي لما تقدر تحصل على 3 علاجات في منتج واحد؟\n \u003c\/div\u003e\n\n \u003c!-- Problem \u0026 Solution --\u003e\n \u003cdiv class=\"problem-solution\"\u003e\n \u003cp\u003e\u003cstrong\u003eكل صباح تواجه اختيار:\u003c\/strong\u003e هل تحمي بشرتك من الشمس فقط... أم تحميها وتعالجها وتجملها في نفس الوقت؟\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eالمشكلة في واقيات الشمس العادية\u003c\/strong\u003e أنها تحمي من المستقبل لكن تتجاهل الحاضر. \u003cstrong\u003eبشرتك محتاجة أكثر من الحماية... محتاجة إعادة بناء وتجديد.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e مش مجرد واقي شمس... ده \u003cstrong\u003eاستثمار يومي في شباب بشرتك\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Main Benefits Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eأكثر من مجرد واقي شمس... ده منتج وقاية وتجميل وعلاج\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 2 --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_2.webp?v=1753548754\" alt=\"فوائد واقي الشمس بالكولاجين\" class=\"product-image\"\u003e\n\n \u003c!-- Individual Benefits --\u003e\n \u003cdiv class=\"benefit-section\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية فائقة من الأشعة فوق البنفسجية\u003c\/h3\u003e\n \u003cdiv class=\"ingredient-highlight\"\u003e\n \u003cstrong\u003eالمكون المسؤول:\u003c\/strong\u003e Titanium Dioxide + Ethylhexyl Triazone\n \u003c\/div\u003e\n \u003cdiv class=\"result-highlight\"\u003e\n \u003cstrong\u003eالنتيجة:\u003c\/strong\u003e حماية SPF50+ PA+++ من الحروق والتصبغات والتجاعيد المستقبلية\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-section\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليل التجاعيد والخطوط الدقيقة\u003c\/h3\u003e\n \u003cdiv class=\"ingredient-highlight\"\u003e\n \u003cstrong\u003eالمكون المسؤول:\u003c\/strong\u003e 5000ppm Collagen Complex (4 أنواع كولاجين)\n \u003c\/div\u003e\n \u003cdiv class=\"result-highlight\"\u003e\n \u003cstrong\u003eالنتيجة:\u003c\/strong\u003e شد طبيعي للبشرة وتحسن واضح في الخطوط خلال 4-6 أسابيع\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-section\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eإشراق فوري وتوحيد لون البشرة\u003c\/h3\u003e\n \u003cdiv class=\"ingredient-highlight\"\u003e\n \u003cstrong\u003eالمكون المسؤول:\u003c\/strong\u003e Iron Oxides (أكاسيد الحديد الطبيعية)\n \u003c\/div\u003e\n \u003cdiv class=\"result-highlight\"\u003e\n \u003cstrong\u003eالنتيجة:\u003c\/strong\u003e لون خوخي طبيعي يخفي العيوب ويعطي إشراق من أول استخدام\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-section\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eتجديد خلايا البشرة ومكافحة الشيخوخة\u003c\/h3\u003e\n \u003cdiv class=\"ingredient-highlight\"\u003e\n \u003cstrong\u003eالمكون المسؤول:\u003c\/strong\u003e 17 Amino Acid Complex + Adenosine\n \u003c\/div\u003e\n \u003cdiv class=\"result-highlight\"\u003e\n \u003cstrong\u003eالنتيجة:\u003c\/strong\u003e بشرة أكثر نعومة ومرونة وحيوية مع الاستخدام المستمر\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-section\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eترطيب عميق طويل المدى\u003c\/h3\u003e\n \u003cdiv class=\"ingredient-highlight\"\u003e\n \u003cstrong\u003eالمكون المسؤول:\u003c\/strong\u003e Hyaluronic Acid Complex (4 أنواع) + Ceramide NP\n \u003c\/div\u003e\n \u003cdiv class=\"result-highlight\"\u003e\n \u003cstrong\u003eالنتيجة:\u003c\/strong\u003e ترطيب يدوم ساعات وتقوية حاجز البشرة الطبيعي\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-section\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية من الجذور الحرة والتلوث\u003c\/h3\u003e\n \u003cdiv class=\"ingredient-highlight\"\u003e\n \u003cstrong\u003eالمكون المسؤول:\u003c\/strong\u003e Chlorella Vulgaris Extract + Amino Acids\n \u003c\/div\u003e\n \u003cdiv class=\"result-highlight\"\u003e\n \u003cstrong\u003eالنتيجة:\u003c\/strong\u003e مقاومة عوامل الشيخوخة البيئية والمحافظة على شباب البشرة\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-section\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eتأثير مكياج طبيعي بدون مكياج\u003c\/h3\u003e\n \u003cdiv class=\"ingredient-highlight\"\u003e\n \u003cstrong\u003eالمكون المسؤول:\u003c\/strong\u003e Peach-tinted formula\n \u003c\/div\u003e\n \u003cdiv class=\"result-highlight\"\u003e\n \u003cstrong\u003eالنتيجة:\u003c\/strong\u003e مظهر محسن فوراً، مناسب للرجال والنساء\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Collagen Technology Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eتقنية كورية حصرية: 5000ppm من الكولاجين الرباعي\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 3 --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_1.webp?v=1753548778\" alt=\"تقنية الكولاجين الكورية\" class=\"product-image\"\u003e\n\n \u003cdiv class=\"collagen-section\"\u003e\n \u003ch2 style=\"font-size: 2em; margin-bottom: 20px;\"\u003eالكولاجين مش بس مكون... ده سر الشباب الدائم\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.2em;\"\u003e\u003cstrong\u003eشركة Medicube\u003c\/strong\u003e قضت سنوات في أبحاث الكولاجين وتوصلت لتركيبة ثورية: \u003cstrong\u003eمزيج من 4 أنواع مختلفة من الكولاجين\u003c\/strong\u003e بتركيز 5000ppm - \u003cstrong\u003eأعلى تركيز في عالم واقيات الشمس\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"collagen-types\"\u003e\n \u003cdiv class=\"collagen-type\"\u003e\n \u003ch4\u003eالكولاجين المتحلل - يخترق البشرة في ثوان\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\u003eجزيئات صغيرة جداً\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\u003eيحفز إنتاج الكولاجين الطبيعي\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\u003eيملأ الخطوط الدقيقة من الداخل\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"collagen-type\"\u003e\n \u003ch4\u003eمستخلص الكولاجين - قوة مركزة\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\u003eتغذية مكثفة للخلايا\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\u003eيعيد بناء الأنسجة\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\u003eيحسن مرونة البشرة\u003c\/strong\u003e بشكل ملحوظ\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"collagen-type\"\u003e\n \u003ch4\u003eالكولاجين القابل للذوبان - امتصاص فوري\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\u003eلا يترك أي أثر\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\u003eيدوم مفعوله ساعات طويلة\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\u003eنتائج تراكمية مع كل استخدام\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Sun Protection Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eحماية فائقة SPF50+ PA+++ - الدرع الذي لا يقهر\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 4 --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/3-in-1-collagen-firming-sunscreen-42107171537152.webp?v=1753548820\" alt=\"حماية SPF50+ من الشمس\" class=\"product-image\"\u003e\n\n \u003cdiv class=\"problem-solution\"\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eليس كل واقي شمس يحمي بنفس الكفاءة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eSPF50+ PA+++\u003c\/strong\u003e ليس مجرد أرقام... ده \u003cstrong\u003eضمان علمي\u003c\/strong\u003e أن بشرتك محمية من:\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"protection-stats\"\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e99%\u003c\/span\u003e\n \u003cp\u003eمن الأشعة فوق البنفسجية الضارة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e100%\u003c\/span\u003e\n \u003cp\u003eمن الحروق والالتهابات الفورية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n \u003cp\u003eتقليل التصبغات والبقع المستقبلية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e85%\u003c\/span\u003e\n \u003cp\u003eتقليل التجاعيد الناتجة من أضرار الشمس\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"problem-solution\"\u003e\n \u003cp\u003e\u003cstrong\u003eتقنية الحماية المزدوجة:\u003c\/strong\u003e واقيات فيزيائية + كيميائية = \u003cstrong\u003eأقوى حماية ممكنة\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Glow Effect Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eتأثير إشراق فوري - تجميل لحظي بلون الخوخ الطبيعي\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 5 --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_3.webp?v=1753548723\" alt=\"تأثير الإشراق الفوري\" class=\"product-image\"\u003e\n\n \u003cdiv class=\"problem-solution\"\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eمش بس حماية... ده تجميل احترافي\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eاللون الخوخي\u003c\/strong\u003e مدروس علمياً ليناسب جميع درجات البشرة:\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"protection-stats\"\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\u003eيخفي العيوب\u003c\/h4\u003e\n \u003cp\u003eوالتصبغات فوراً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\u003eإشراق طبيعي\u003c\/h4\u003e\n \u003cp\u003eبدون مكياج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\u003eيوحد لون البشرة\u003c\/h4\u003e\n \u003cp\u003eويحسن مظهرها\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\u003eللرجال والنساء\u003c\/h4\u003e\n \u003cp\u003eنتيجة طبيعية 100%\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-highlight\"\u003e\n \u003cstrong\u003eالنتيجة:\u003c\/strong\u003e تحمي بشرتك وفي نفس الوقت تبدو أفضل من قبل ما تخرج من البيت.\n \u003c\/div\u003e\n\n \u003c!-- Amino Acids Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eمركب الأحماض الأمينية - جيش من 17 محارب ضد الشيخوخة\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eكل حمض أميني له مهمة محددة في إعادة بناء بشرتك\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"problem-solution\"\u003e\n \u003cp\u003e\u003cstrong\u003eليش الأحماض الأمينية مهمة؟\u003c\/strong\u003e لأنها \u003cstrong\u003eاللبنات الأساسية للبروتينات\u003c\/strong\u003e اللي بتبني بشرتك.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003e17 حمض أميني\u003c\/strong\u003e تعمل سوا زي فريق محترف:\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"amino-grid\"\u003e\n \u003cdiv class=\"amino-function\"\u003e\n \u003ch4\u003eGlycine + Proline\u003c\/h4\u003e\n \u003cp\u003eبناء كولاجين جديد وتقوية هيكل البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amino-function\"\u003e\n \u003ch4\u003eArginine + Lysine\u003c\/h4\u003e\n \u003cp\u003eتحفيز الدورة الدموية وتسريع التجديد\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amino-function\"\u003e\n \u003ch4\u003eLeucine + Valine\u003c\/h4\u003e\n \u003cp\u003eإصلاح الأنسجة التالفة من الشمس\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amino-function\"\u003e\n \u003ch4\u003eباقي الـ 11 حمض\u003c\/h4\u003e\n \u003cp\u003eدعم شامل لتجديد البشرة وحيويتها\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-highlight\" style=\"text-align: center; font-size: 1.2em;\"\u003e\n \u003cstrong\u003eالنتيجة:\u003c\/strong\u003e بشرتك مش بس محمية... ده بتتجدد كل يوم.\n \u003c\/div\u003e\n\n \u003c!-- Hydration Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eترطيب عميق بتقنية الطبقات المتعددة\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eمش مجرد ترطيب... ده إعادة بناء حاجز البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hydration-section\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003eسيراميد أكوا - المهندس المعماري للبشرة\u003c\/h3\u003e\n \n \u003cdiv class=\"hydration-types\"\u003e\n \u003cdiv class=\"hydration-type\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\u003eإعادة بناء الحاجز الطبيعي\u003c\/h4\u003e\n \u003cp\u003eالمدمر من الشمس والتلوث\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hydration-type\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\u003eحبس الرطوبة\u003c\/h4\u003e\n \u003cp\u003eلساعات طويلة بدون جفاف\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hydration-type\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\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=\"hydration-section\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003eمركب حمض الهيالورونيك - خزان الرطوبة\u003c\/h3\u003e\n \u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\u003cstrong\u003e4 أنواع مختلفة\u003c\/strong\u003e من الهيالورونيك:\u003c\/p\u003e\n \n \u003cdiv class=\"hydration-types\"\u003e\n \u003cdiv class=\"hydration-type\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate\u003c\/h4\u003e\n \u003cp\u003eترطيب سطحي فوري ونعومة ملموسة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hydration-type\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\u003eHydrolyzed Hyaluronic Acid\u003c\/h4\u003e\n \u003cp\u003eاختراق عميق للطبقات الداخلية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hydration-type\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate Crosspolymer\u003c\/h4\u003e\n \u003cp\u003eترطيب طويل المدى يدوم ساعات\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hydration-type\"\u003e\n \u003ch4 style=\"color: #9C8102;\"\u003eHydroxypropyltrimonium Hyaluronate\u003c\/h4\u003e\n \u003cp\u003eحماية من العوامل الخارجية والتلوث\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Decision Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eقرار اليوم يحدد شكل بشرتك بعد 5 سنين\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eأنت قدام اختيارين\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"choice-section\"\u003e\n \u003cdiv class=\"choice-card choice-delay\"\u003e\n \u003ch3 style=\"color: #666; font-size: 1.8em; margin-bottom: 20px;\"\u003eالاختيار الأول: التأجيل\u003c\/h3\u003e\n \u003cul class=\"feature-list\" style=\"text-align: right;\"\u003e\n \u003cli class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n \u003cspan\u003eتفضل تستخدم منتجات عادية\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n \u003cspan\u003eتشوف بشرتك تتدهور تدريجياً\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n \u003cspan\u003eتحتاج علاجات أغلى وأصعب لاحقاً\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n \u003cspan\u003eتندم إنك ماستثمرتش في بشرتك من بدري\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"choice-card choice-smart\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eالاختيار الثاني: الاستثمار الذكي\u003c\/h3\u003e\n \u003cul class=\"feature-list\" style=\"text-align: right;\"\u003e\n \u003cli class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n \u003cspan\u003eتحصل على \u003cstrong\u003eأحدث تقنية كورية\u003c\/strong\u003e في العناية بالبشرة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n \u003cspan\u003eتحمي وتعالج وتجمل بشرتك كل يوم\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n \u003cspan\u003eتشوف نتائج حقيقية خلال شهور\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n \u003cspan\u003eتبدو \u003cstrong\u003eأصغر وأكثر نضارة\u003c\/strong\u003e مع الوقت\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-final\"\u003e\n \u003ch2 style=\"font-size: 2.5em; margin-bottom: 20px;\"\u003eاطلب الآن... قبل فوات الأوان\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.3em; margin-bottom: 25px;\"\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e مش مجرد واقي شمس... ده \u003cstrong\u003eشريك النجاح\u003c\/strong\u003e في رحلة الحفاظ على شبابك.\u003c\/p\u003e\n \n \u003cdiv class=\"urgency-text\"\u003e\n 50 مل تكفي شهر ونص من الحماية والعلاج المتقدم. النتائج هتبدأ من اليوم الأول، والتحول الكامل خلال شهور.\n \u003c\/div\u003e\n \n \u003cp style=\"font-size: 1.2em; margin: 25px 0;\"\u003e\n \u003cstrong\u003eبشرتك مش هتنتظر قرارك... والوقت مش في صالحك. استثمر في نفسك دلوقتي.\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cdiv class=\"urgency-text\" style=\"font-size: 1.4em; color: #fff;\"\u003e\n اطلبه الآن... ومتسبش الندم ياخد منك أكتر مما أخذ بالفعل.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Complete Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-complete\"\u003e\n \u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 30px;\"\u003eالتركيبة الكاملة (المكونات الرئيسية)\u003c\/h2\u003e\n\n \u003cdiv class=\"ingredient-category\"\u003e\n \u003ch4\u003eمكونات الحماية من الشمس:\u003c\/h4\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eTitanium Dioxide:\u003c\/strong\u003e واقي فيزيائي آمن للبشرة الحساسة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEthylhexyl Triazone + Diethylamino Hydroxybenzoyl Hexyl Benzoate:\u003c\/strong\u003e واقيات كيميائية عالية الفاعلية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-category\"\u003e\n \u003ch4\u003eمركب الكولاجين (5000ppm):\u003c\/h4\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eHydrolyzed Collagen:\u003c\/strong\u003e كولاجين متحلل سريع الامتصاص\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCollagen Extract:\u003c\/strong\u003e مستخلص كولاجين طبيعي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSoluble Collagen:\u003c\/strong\u003e كولاجين قابل للذوبان للترطيب العميق\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-category\"\u003e\n \u003ch4\u003eمركب الأحماض الأمينية:\u003c\/h4\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eGlycine, Serine, Glutamic Acid, Aspartic Acid, Leucine, Alanine, Lysine, Arginine, Tyrosine, Phenylalanine, Proline, Threonine, Valine, Isoleucine, Histidine, Cysteine, Methionine:\u003c\/strong\u003e 17 حمض أميني أساسي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-category\"\u003e\n \u003ch4\u003eمركب الهيالورونيك أسيد:\u003c\/h4\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eSodium Hyaluronate + Hydrolyzed Hyaluronic Acid + Hyaluronic Acid + Sodium Hyaluronate Crosspolymer:\u003c\/strong\u003e ترطيب متعدد الطبقات\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-category\"\u003e\n \u003ch4\u003eالسيراميد والمرطبات:\u003c\/h4\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eCeramide NP:\u003c\/strong\u003e تقوية حاجز البشرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePanthenol (Pro-Vitamin B5):\u003c\/strong\u003e مهدئ ومرطب\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eNiacinamide:\u003c\/strong\u003e تحسين ملمس البشرة وتوحيد اللون\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-category\"\u003e\n \u003ch4\u003eمكونات إضافية:\u003c\/h4\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eAdenosine:\u003c\/strong\u003e مكافح التجاعيد معتمد من FDA\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eIron Oxides:\u003c\/strong\u003e أكاسيد الحديد للون الخوخي الطبيعي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eChlorella Vulgaris Extract:\u003c\/strong\u003e مضاد أكسدة طبيعي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Enhanced 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-section')) {\n element.style.animation = 'slideInRight 0.8s ease-out forwards';\n } else if (element.classList.contains('section-header')) {\n element.style.animation = 'scaleIn 0.8s ease-out forwards';\n } else if (element.classList.contains('collagen-section')) {\n element.style.animation = 'rotateInY 1s ease-out forwards';\n } else if (element.classList.contains('collagen-type')) {\n element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n } else if (element.classList.contains('stat-card')) {\n element.style.animation = 'fadeInUp 0.6s ease-out forwards';\n } else if (element.classList.contains('amino-function')) {\n element.style.animation = 'slideInRight 0.6s ease-out forwards';\n } else if (element.classList.contains('hydration-type')) {\n element.style.animation = 'fadeInUp 0.7s ease-out forwards';\n } else if (element.classList.contains('choice-card')) {\n element.style.animation = 'scaleIn 0.8s ease-out forwards';\n } else if (element.classList.contains('cta-final')) {\n element.style.animation = 'scaleIn 1.2s 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-section, .section-header, .collagen-section, .collagen-type, .stat-card, .amino-function, .hydration-type, .choice-card, .cta-final');\n \n animatedElements.forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Add staggered delays\n const benefitSections = document.querySelectorAll('.benefit-section');\n benefitSections.forEach((section, index) =\u003e {\n section.style.animationDelay = `${index * 0.15}s`;\n });\n\n const collagenTypes = document.querySelectorAll('.collagen-type');\n collagenTypes.forEach((type, index) =\u003e {\n type.style.animationDelay = `${index * 0.2}s`;\n });\n\n const statCards = document.querySelectorAll('.stat-card');\n statCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.1}s`;\n });\n\n const aminoFunctions = document.querySelectorAll('.amino-function');\n aminoFunctions.forEach((func, index) =\u003e {\n func.style.animationDelay = `${index * 0.1}s`;\n });\n\n const hydrationTypes = document.querySelectorAll('.hydration-type');\n hydrationTypes.forEach((type, index) =\u003e {\n type.style.animationDelay = `${index * 0.15}s`;\n });\n\n const choiceCards = document.querySelectorAll('.choice-card');\n choiceCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.3}s`;\n });\n });\n\n \/\/ Enhanced hover effects\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const benefitSections = document.querySelectorAll('.benefit-section');\n \n benefitSections.forEach(section =\u003e {\n section.addEventListener('mouseenter', () =\u003e {\n section.style.transform = 'translateY(-8px)';\n section.style.boxShadow = '0 12px 30px rgba(0,0,0,0.15)';\n });\n \n section.addEventListener('mouseleave', () =\u003e {\n section.style.transform = 'translateY(0)';\n section.style.boxShadow = '0 4px 15px rgba(0,0,0,0.08)';\n });\n });\n\n const statCards = document.querySelectorAll('.stat-card');\n statCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n card.style.transform = 'translateY(-5px) scale(1.02)';\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = 'translateY(0) scale(1)';\n });\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":46999411359918,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicubesuncollagensuncream_ec936cf9-f0bb-437c-855b-daf830a49b9f.webp?v=1788175300"},{"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=\"rtl\"\u003e\n \u003cstyle\u003e\n .some-by-mi-container {\n direction: rtl;\n text-align: right;\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\n \u003c!-- Main Title --\u003e\n \u003ch1 class=\"main-title\"\u003eسيت تحدي البشرة المثالية - Some By Mi AHA\/BHA\/PHA 30Days Miracle Starter Kit\u003c\/h1\u003e\n\n \u003c!-- Hero Image --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_sos_kit.avif?v=1753592497\" alt=\"سيت تحدي البشرة المثالية من Some By Mi\" class=\"hero-image\"\u003e\n\n \u003c!-- Challenge Section --\u003e\n \u003cdiv class=\"challenge-section\"\u003e\n \u003ch2 class=\"challenge-title\"\u003eتحدي الـ 30 يوم - هل تجرؤ على تغيير بشرتك نهائياً؟\u003c\/h2\u003e\n \u003cdiv class=\"challenge-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eالسؤال الصعب: كم سنة وإنت بتحارب نفس مشاكل البشرة؟\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eالحبوب... المسام الواسعة... الالتهابات... البقع الداكنة... كل يوم نفس المعاناة.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eالمشكلة مش في إنك مش بتعتني ببشرتك... المشكلة إن كل منتج بيشتغل لوحده بدون تنسيق مع التاني.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e مش مجرد مجموعة منتجات... ده \u003cstrong\u003eنظام علاجي متكامل\u003c\/strong\u003e كل منتج فيه مصمم يكمل التاني لنتيجة واحدة: \u003cstrong\u003eبشرة مثالية في 30 يوم\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why 4 Products Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eليه 4 منتجات أحسن من منتج واحد؟\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eلأن مشاكل البشرة معقدة... والحلول لازم تكون شاملة\u003c\/p\u003e\n \u003c\/div\u003e\n\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\"\u003eتنظيف عميق (الغسول)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eمش أي تنظيف... ده تنظيف ذكي يحضر البشرة للعلاج\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eتوازن وتحضير (التونر)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eيعيد توازن البشرة ويحضرها لامتصاص أفضل للعلاج\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eعلاج مركز (السيروم)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eالتركيز الأعلى من المكونات النشطة للعلاج العميق\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eحماية وإصلاح (الكريم)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eيحمي النتائج ويصلح البشرة طوال الليل\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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;\"\u003eالنتيجة: تأثير مضاعف مش ممكن تحصل عليه من منتج واحد لوحده\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Products Details Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eتفاصيل كل منتج - فريق العمل المتكامل\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"products-grid\"\u003e\n \u003c!-- Cleanser --\u003e\n \u003cdiv class=\"product-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_acne_clear_foam.png?v=1753593938\" alt=\"غسول Some By Mi\" class=\"product-image\"\u003e\n \u003ch3 class=\"product-title\"\u003eالغسول المعجزة (30مل)\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;\"\u003eمش مجرد تنظيف... ده تحضير ذكي للعلاج\u003c\/p\u003e\n \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 منخفض\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\u003eتنظيف عميق\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\u003eتقشير لطيف\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\u003eTruecica™\u003c\/strong\u003e يهدئ البشرة ويوازن الإفرازات\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Toner --\u003e\n \u003cdiv class=\"product-card\"\u003e\n \u003cimg 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\" alt=\"تونر Some By Mi\" class=\"product-image\"\u003e\n \u003ch3 class=\"product-title\"\u003eالتونر المتوازن (30مل)\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;\"\u003eالجسر بين التنظيف والعلاج\u003c\/p\u003e\n \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 يعيد توازن البشرة بعد التنظيف\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\u003eمستخلص Witch Hazel\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\u003eالبابايا الطبيعية\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\u003eمستخلص اللوتس\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\u003eبذور الصويا\u003c\/strong\u003e تغذي البشرة وتقوي مناعتها\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Serum --\u003e\n \u003cdiv class=\"product-card\"\u003e\n \u003cimg 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\" alt=\"سيروم Some By Mi\" class=\"product-image\"\u003e\n \u003ch3 class=\"product-title\"\u003eالسيروم المعجزة (10مل)\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;\"\u003eالقلب النابض للعلاج\u003c\/p\u003e\n \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% مستخلص Centella Asiatica\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\u003eNiacinamide\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\u003eتركيز عالي من الأحماض\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\u003eينشط دورة تجديد الخلايا\u003c\/strong\u003e ويحفز شفاء البشرة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Cream --\u003e\n \u003cdiv class=\"product-card\"\u003e\n \u003cimg 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\" alt=\"كريم Some By Mi\" class=\"product-image\"\u003e\n \u003ch3 class=\"product-title\"\u003eالكريم الواقي (20جم)\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;\"\u003eالحارس الأخير للنتائج\u003c\/p\u003e\n \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 أنواع من مستخلص CICA\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\u003eيبني حاجز حماية قوي\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\u003eيحفز إنتاج الكولاجين\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\u003eترطيب عميق\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\u003eخفيف وسريع الامتصاص\u003c\/strong\u003e مناسب لجميع أنواع البشرة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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;\"\u003eتقنية AHA\/BHA\/PHA الثلاثية - سلاح الدمار الشامل ضد الحبوب\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eكل حمض له مهمة محددة في تدمير مشاكل بشرتك\u003c\/p\u003e\n\n \u003cdiv class=\"acid-grid\"\u003e\n \u003cdiv class=\"acid-card\"\u003e\n \u003ch4 class=\"acid-title\"\u003eAHA (Alpha Hydroxy Acid) - المقشر السطحي\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\u003eيذيب خلايا الجلد الميتة\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\u003eيحفز تجديد الخلايا\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\u003eيفتح البقع الداكنة\u003c\/strong\u003e وآثار الحبوب القديمة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"acid-card\"\u003e\n \u003ch4 class=\"acid-title\"\u003eBHA (Beta Hydroxy Acid) - الغواص العميق\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\u003eيخترق المسام\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\u003eيطهر من الداخل\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\u003eيقلص المسام\u003c\/strong\u003e ويحسن ملمس البشرة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"acid-card\"\u003e\n \u003ch4 class=\"acid-title\"\u003ePHA (Poly Hydroxy Acid) - المهدئ الذكي\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\u003eتقشير لطيف\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\u003eيحتفظ بالرطوبة\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\u003eيهدئ الالتهابات\u003c\/strong\u003e ويقلل الاحمرار\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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;\"\u003eالنتيجة: تقشير شامل بدون تهيج + علاج عميق للمسام + ترطيب متوازن\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-top: 40px; text-align: center;\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eمستخلص شجرة الشاي 100ppm - المطهر الطبيعي الخارق\u003c\/h3\u003e\n \u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003eليه شجرة الشاي بالذات؟ لأنها الطبيب الطبيعي للبشرة المشاكسة\u003c\/p\u003e\n \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\u003eمضاد بكتيريا قوي\u003c\/strong\u003e\u003cbr\u003eيقضي على سبب الحبوب\n \u003c\/div\u003e\n \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n \u003cstrong\u003eمضاد التهاب طبيعي\u003c\/strong\u003e\u003cbr\u003eيهدئ الاحمرار والتهيج\n \u003c\/div\u003e\n \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n \u003cstrong\u003eينظم إفراز الدهون\u003c\/strong\u003e\u003cbr\u003eويمنع لمعان البشرة المفرط\n \u003c\/div\u003e\n \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n \u003cstrong\u003eيطهر المسام\u003c\/strong\u003e\u003cbr\u003eمن الداخل ويمنع انسدادها\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp style=\"margin-top: 30px; font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003e100ppm في كل منتج = جرعة علاجية مثالية قوية بما فيه الكفاية لتكون فعالة، لطيفة بما فيه الكفاية لتكون آمنة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Journey Timeline --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التحدي - 30 يوم لبشرة جديدة\u003c\/h2\u003e\n \u003c\/div\u003e\n\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\"\u003eالأسبوع الأول: الصدمة الأولى\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\u003eتنظيف أعمق\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\u003eتقليل فوري في اللمعان\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\u003eتهدئة الالتهابات\u003c\/strong\u003e الموجودة وتقليل الاحمرار\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eالأسبوع الثاني: بداية التحسن\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\u003eانخفاض ملحوظ في الحبوب الجديدة\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\u003eتحسن في ملمس البشرة\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\u003eبداية اختفاء الرؤوس السوداء\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eالأسبوع الثالث: التحول الواضح\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\u003eتقليل حجم المسام\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\u003eاختفاء معظم الحبوب\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\u003eتحسن في لون البشرة\u003c\/strong\u003e وإشراقها\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-week\"\u003e\n \u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"week-title\"\u003eالأسبوع الرابع: المعجزة الكاملة\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\u003eبشرة صافية خالية من الحبوب\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\u003eمسام أصغر ونظيفة\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\u003eلون موحد وإشراق طبيعي\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\u003eملمس ناعم كالحرير\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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;\"\u003eالنتيجة النهائية: بشرة مثالية تستحق كل التحدي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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;\"\u003eقيمة استثنائية مقابل السعر\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eاستثمار حقيقي في صحة الجلد\u003c\/p\u003e\n\n \u003cdiv class=\"value-grid\"\u003e\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003eروتين كامل في مجموعة واحدة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eلا حاجة لشراء منتجات منفصلة أو البحث عن الكومبو المناسب\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eالنتيجة:\u003c\/strong\u003e روتين علمي مدروس يعمل كوحدة واحدة متكاملة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e30 يوم من الاستخدام اليومي\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eيغطي كل احتياجات بشرتك لمدة شهر كامل\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003eمكونات من أفضل ما في العالم\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eتركيبة بمعايير عالمية من أفضل مكونات العناية بالبشرة:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul style=\"margin-top: 15px;\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقنية AHA\/BHA\/PHA:\u003c\/strong\u003e أحدث ما توصل له العلم\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمستخلص شجرة الشاي النقي:\u003c\/strong\u003e أجود الأنواع من أستراليا\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCentella Asiatica المركز:\u003c\/strong\u003e الذهب الأخضر لتهدئة البشرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eNiacinamide عالي الجودة:\u003c\/strong\u003e فيتامين B3 بأنقى صوره\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e4-CICA Complex:\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!-- Final CTA --\u003e\n \u003cdiv class=\"cta-final\"\u003e\n \u003ch2 class=\"cta-title\"\u003eالحقيقة القاسية\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eمشاكل البشرة مابتحلش نفسها\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"cta-text\"\u003e\n كل يوم تأخير = حبوب جديدة وآثار أعمق ومسام أوسع.\n \u003c\/p\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e مش مجرد مجموعة منتجات... ده \u003cstrong\u003eتحدي حقيقي لتغيير بشرتك نهائياً\u003c\/strong\u003e.\n \u003c\/p\u003e\n \u003cdiv class=\"highlight-text\"\u003e\n 30 يوم فقط... هتفرق معاك كتير أو هتندم إنك متجربتش\n \u003c\/div\u003e\n \u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n أنت مستعد للتحدي؟\n \u003c\/p\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eاطلب المجموعة دلوقتي... وابدأ رحلة الـ 30 يوم لبشرة أحلامك.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n تذكر: البشرة المثالية مش حلم... دي قرار\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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":46999411851438,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1788175297"},{"product_id":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon - واقي الشمس المائي: ترطيب {B5} وإشراقة الأرز (غير دهني)","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === Premium Arabic Font === *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n \/* === Core Variables (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: 'Tajawal', -apple-system, BlinkMacSystemFont, 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: right;\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: 'Tajawal', 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\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\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\"\u003eواقي الشمس الكوري\u003c\/span\u003e اللي هيخليكي تحبي الشمس تاني\u003c\/h1\u003e\n \n \u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n تخيل واقي شمس بملمس مائي يختفي في ثوان، وفيه 30% ماء بذور الأرز اللي بيخلي النجوم الكوريين بشرتهم تحفة، وبـ 5 فلاتر حماية متطورة. بيحمي ويرطب ويفتح ويعالج - 4 منتجات في منتج واحد.\n \u003c\/p\u003e\n \n \u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n \u003cvideo class=\"aqua-product-media\" autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\u003e\n متصفحك لا يدعم عرض الفيديو.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqua-container\"\u003e\n \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\"\u003eملمس مائي يختفي في ثوان\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eمش زي أي واقي شمس عادي، تركيبة خفيفة جداً تتشربها البشرة فوراً.\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% ماء بذور الأرز\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eسر الجمال الكوري القديم لتفتيح وترطيب البشرة بعمق.\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\"\u003eبدون بياض أو دهنية\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eحتى للبشرة الدهنية، لا يترك أي أثر أبيض مزعج أو لمعان غير مرغوب.\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 فلاتر حماية متطورة\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eأقوى حماية في المنطقة ضد جميع أنواع الأشعة الضارة.\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 منتجات في واحد\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eحماية قوية + ترطيب عميق + تفتيح للبقع + علاج لحاجز البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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;\"\u003eجربت واقيات شمس كتير... ومن كتر الإزعاج قررت تسيب الشمس تاكل في جلدك؟\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n لو سئمت من واقيات الشمس اللي بتسيب وشك أبيض، أو اللي بتخلي بشرتك دهنية ولزجة، أو اللي مبتحميش من الشمس بجد...\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 هيغير فكرتك تماماً\u003c\/p\u003e\n \u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eمن أول استخدام هتحس إنك بتحط سيروم مرطب، مش واقي شمس.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 4. Rice Water Section --\u003e\n \u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eماء بذور الأرز 30% - سر الجمال الكوري\u003c\/h2\u003e\n \u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eإيه اللي يخلي مكون واحد يساوي سعر واقي شمس كامل؟\u003c\/p\u003e\n \n \u003cdiv class=\"aqua-glass-card aqua-reveal\" style=\"max-width: 900px; margin: 0 auto; text-align: right;\"\u003e\n \u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md\" style=\"margin-bottom: 30px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\" alt=\"ماء بذور الأرز في Relief Sun\" class=\"aqua-product-media\"\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003eسر قديم من آلاف السنين\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eماء بذور الأرز مش مجرد مكون عادي... ده سر الجمال الكوري اللي النجوم الآسيويين بيورثوه من أهلهم.\u003c\/p\u003e\n \n \u003cdiv class=\"aqua-grid-2\"\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eأغلى مكون في التركيبة:\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 بيتم استخراجه بطرق خاصة تحافظ على فوائده.\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% تركيز عالي جداً - أعلى نسبة في واقي شمس.\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 مضادات أكسدة أقوى من فيتامين C بـ 10 مرات.\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;\"\u003eإيه اللي هيعمله لبشرتك؟\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 يرجع لبشرتك إشراقها الطبيعي خلال أسابيع.\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 يفتح البقع الداكنة ويوحد لونها.\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 يرطبها على عمق 7 طبقات.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5. 5 Filters Section --\u003e\n \u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5 فلاتر حماية متطورة - فريق كامل ضد الشمس\u003c\/h2\u003e\n \u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eفي الوقت اللي كل منتجات الوقاية بتوفرلك فلتر واحد.. الكريم ده بيوفر 5!\u003c\/p\u003e\n \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\"\u003eالحارس الأول: بيمتص الأشعة ويحولها لحرارة غير مضرة.\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\"\u003eالمقاتل الشامل: بيحمي من UVA و UVB بكفاءة 99%.\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\"\u003eالمتخصص: بيستهدف الأشعة اللي بتسبب شيخوخة الجلد.\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\"\u003eالحامي العميق: بيحارب الأشعة اللي بتخترق طبقات البشرة العميقة.\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\"\u003eالدرع النهائي: حماية مضاعفة وثبات طويل الأمد على البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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;\"\u003eالنتيجة: حماية SPF 57.9 + PA++++ UVA PF 19.3 - أعلى من المكتوب على العبوة!\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c!-- 6. Timeline Section --\u003e\n \u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eرحلة التغيير - شوف بشرتك بتتحسن كل يوم\u003c\/h2\u003e\n \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\"\u003eاليوم الأول\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eالمفاجأة الأولى\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ حماية فورية من أول مرة.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ إحساس بالانتعاش والترطيب العميق.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ ملمس مائي يختفي بدون أثر دهني.\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\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eالبداية الحلوة\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ البشرة أنعم وأكثر نضارة.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ قل اللمعان الزائد للبشرة الدهنية.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ تحسن ملحوظ في ملمس البشرة.\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\"\u003eبعد شهر\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eالنتايج بتتكلم\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ إشراق واضح وتوحيد للون البشرة.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ البقع الداكنة بدأت تقل.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ بشرة أقوى وأكثر مقاومة.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 7. Comparison Section --\u003e\n \u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eمقارنة مع أي واقي شمس تاني - الفرق واضح\u003c\/h2\u003e\n \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);\"\u003eواقي الشمس العادي (100 جنيه)\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 حماية عادية بس\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e ملمس دهني أو بياض واضح\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e مكونات كيميائية عادية\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e مفيش فوايد إضافية\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e النتيجة: حماية مؤقتة فقط\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \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 حماية قوية + ترطيب + علاج + تجميل\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e ملمس مائي فاخر بيختفي على طول\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e مكونات طبيعية نادرة وغالية\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e تحسن مستمر في جودة البشرة\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e النتيجة: استثمار في جمال وصحة بشرتك\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_4.webp?v=1753600391\" alt=\"استثمر في حماية بشرتك الآن\" class=\"aqua-product-media\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"aqua-main-title\"\u003eقرار النهاردة هيحدد شكل بشرتك بكرة\u003c\/h2\u003e\n \u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n الشمس هي أكبر عدو لبشرتك، أكبر مسبب للشيخوخة المبكرة، وأول سبب للتصبغات والبقع. هل هتسيب الشمس تاكل في جلدك، ولا هتستثمر في حمايتها بمنتج علاجي بيحسنها كل يوم؟\n \u003c\/p\u003e\n \u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eالقرار الصح واضح!\u003c\/p\u003e\n\n \u003cbutton class=\"aqua-btn-primary\"\u003eاطلبه دلوقتي... واستثمر في مستقبل بشرتك\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\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":46999412408494,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1788175293"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"SKIN1004 واقي شمس سيروم مائي بخلاصة سنتيلا مدغشقر وهيالو سيكا (SPF 50+ | 50 مل)","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 \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واقي الشمس اللي هيخليك تحب الشمس من أول استخدام\u003c\/h1\u003e\n \u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eمش مجرد واقي شمس عادي... ده سيروم عناية متكامل بحماية استثنائية SPF50+ PA++++ مع السنتيلا والهيالورونيك أسيد\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Hero Image --\u003e\n \u003cimg 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\" alt=\"SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\" class=\"ph-product-image\"\u003e\n\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 واقي الشمس ده مش زي أي واقي شمس جربته في حياتك. تخيل واقي شمس يحميك ويرطبك ويخليك مشرق في نفس الوقت؟ تخيل إنك تحط واقي شمس ومتحسوش خالص على بشرتك؟ تخيل حماية قوية من الشمس بدون أي بياض أو دهنية أو لزوجة؟ ده مش خيال... ده \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e. مش مجرد واقي شمس عادي... ده سيروم عناية متكامل بحماية استثنائية.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 2 --\u003e\n \u003cimg 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\" alt=\"فوائد SKIN1004 Sun Serum\" class=\"ph-product-image\"\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 class=\"ph-section-subtitle\"\u003e\n أقوى المكونات الطبيعية مجتمعة لأول مرة\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\"\u003e50\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eحماية فائقة SPF50+ PA++++\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eأقوى حماية ضد الأشعة الضارة UVA وUVB مع تقنية الحماية الكورية المتقدمة\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يحافظ على رطوبة البشرة طول اليوم مع 3 أحجام جزيئية مختلفة\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يهدي التهابات البشرة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eبخلاصة السينتيلا المركزة 9800ppm من مدغشقر لتهدئة فورية\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eW\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\"\u003eG\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\"\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 \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Section Header for Magic Formula --\u003e\n \u003cdiv class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eالتركيبة السحرية: حماية + عناية + جمال في منتج واحد\u003c\/h2\u003e\n \u003cp class=\"ph-section-subtitle\"\u003eأقوى المكونات الطبيعية مجتمعة لأول مرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 3 --\u003e\n \u003cimg 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\" alt=\"تركيبة SKIN1004 السحرية\" class=\"ph-product-image\"\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 class=\"ph-section-subtitle\"\u003e\n 4 مجموعات مكونات قوية تعمل بتناغم مثالي\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خلاصة السينتيلا المدغشقرية 9800ppm - المهدي الطبيعي\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003eأنقى وأقوى أنواع السينتيلا في العالم من مدغشقر\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eالسنتيلا هي معجزة عشبية ليها القدرة على تهدئة أصعب حالات التهيج والاحمرار في ثوان\u003c\/strong\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 \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eالهيالورونيك أسيد بـ 3 أحجام جزيئية - الترطيب العميق\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003eتقنية متطورة لترطيب كل طبقات البشرة\u003c\/p\u003e\n \u003ch4\u003e\u003cstrong\u003eالسحر في التنوع:\u003c\/strong\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ترطيب 1000 مرة:\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فيتامين B3 اللي بيوحد لون البشرة ويحميها\u003c\/p\u003e\n \u003ch4\u003e\u003cstrong\u003eالفوايد المتعددة:\u003c\/strong\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 \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 \u003ch4\u003e\u003cstrong\u003eالفريق المدافع:\u003c\/strong\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\n \u003c!-- Problem Section (Comparison) --\u003e\n \u003cdiv class=\"ph-problem-section\"\u003e\n \u003ch2 class=\"ph-problem-title\"\u003eليه SKIN1004 مختلف عن واقيات الشمس التانية؟\u003c\/h2\u003e\n \n \u003ch3 class=\"ph-problem-subtitle\"\u003e\n \u003cstrong\u003eواقيات الشمس العادية ضد SKIN1004 - الفرق واضح\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 \u003cp class=\"ph-problem-detail-text\"\u003e✗ بياض واضح يبان على البشرة لساعات\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✗ جفاف وتهيج خاصة للبشرة الحساسة\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✗ حماية بس بدون أي فوايد إضافية\u003c\/p\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\u003eSKIN1004 Centella Hyalu-Cica Sun Serum\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✓ ملمس مائي خفيف يختفي في ثوان\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✓ شفاف تماماً مناسب لكل درجات البشرة\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✓ ترطيب وتهدئة مع الحماية\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✓ عناية متكاملة للبشرة أثناء الحماية\u003c\/p\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 \u003c\/div\u003e\n\n \u003c!-- Product Image 4 --\u003e\n \u003cimg 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\" alt=\"مقارنة SKIN1004 مع المنتجات الأخرى\" class=\"ph-product-image\"\u003e\n\n \u003c!-- Results Timeline --\u003e\n \u003cdiv class=\"ph-timeline-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eرحلة الحماية والجمال - شوف الفرق من أول يوم\u003c\/h2\u003e\n \u003cp class=\"ph-section-subtitle\"\u003eمش مجرد حماية... ده تحسن شامل لبشرتك\u003c\/p\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 \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\"\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 \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\"\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 \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\"\u003eبعد 3 شهور\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بشرة محمية 100% من أضرار الشمس والشيخوخة\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 \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 مش مجرد حماية... ده تحسن شامل لبشرتك على المدى الطويل\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 5 --\u003e\n \u003cimg 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\" alt=\"رحلة التحسن مع SKIN1004\" class=\"ph-product-image\"\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 \u003cp class=\"ph-usage-subtitle\"\u003eخطوات بسيطة لنتائج مثالية\u003c\/p\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نضف وجهك بالغسول المناسب، رطب بشرتك بالمرطب المعتاد، انتظر 5 دقائق حتى يجف المرطب، ضع كمية مناسبة من السيروم واقي الشمس\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اعصر كمية بحجم العملة (حوالي ملعقة صغيرة)، وزع بلطف على كامل الوجه والرقبة، ربت برفق حتى الامتصاص الكامل، انتظر 5 دقائق قبل وضع المكياج\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نسبة رضا أكثر من 95%\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warning Section --\u003e\n \u003cdiv class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eتحذير مهم: بشرتك محتاجة حماية كل يوم\u003c\/h2\u003e\n \u003cdiv class=\"ph-warning-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eأشعة الشمس بتضر بشرتك حتى في الأيام الغائمة\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل يوم بدون حماية... خلايا بشرتك بتتضرر أكتر\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل أسبوع إهمال... علامات الشيخوخة بتظهر أسرع\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل شهر تأجيل... الأضرار بتتراكم وتبقى صعبة الإصلاح\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eالحماية مش رفاهية... دي ضرورة لصحة وجمال بشرتك\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 6 --\u003e\n \u003cimg 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\" alt=\"أهمية الحماية اليومية\" class=\"ph-product-image\"\u003e\n\n \u003c!-- Social Proof --\u003e\n \u003cdiv class=\"ph-social-proof\"\u003e\n \u003ch2 class=\"ph-social-proof-title\"\u003eSKIN1004 مش مجرد واقي شمس... ده استثمار في مستقبل بشرتك\u003c\/h2\u003e\n \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\u003eجودة كورية أصلية\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\u003eسعر معقول لقيمة عالية\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\"\u003e95\u003c\/div\u003e\n \u003ch4\u003eمثبت النجاح عالمياً\u003c\/h4\u003e\n \u003cp\u003eنسبة رضا أكثر من 95% من المستخدمين حول العالم - منتج حقق نجاح واسع ومراجعات ممتازة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eA\u003c\/div\u003e\n \u003ch4\u003eآمان ومناسب للجميع\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\"\u003eU\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!-- 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 Hyalu-Cica Water-Fit Sun Serum\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!-- Ingredients List --\u003e\n \u003cdiv class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eقائمة المكونات الكاملة\u003c\/h2\u003e\n \u003c\/div\u003e\n\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 (9800ppm)\u003c\/strong\u003e - السينتيلا المدغشقرية للتهدئة\u003cbr\u003e\n • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - الهيالورونيك أسيد للترطيب العميق\u003cbr\u003e\n • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - فيتامين B3 لتوحيد اللون\u003cbr\u003e\n • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - مضادات الأكسدة الطبيعية\u003cbr\u003e\n • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - مرشحات الحماية المتقدمة\u003cbr\u003e\u003cbr\u003e\n \n \u003cstrong\u003eقائمة المكونات الكاملة (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✓ هيبوالليرجينيك\u003c\/strong\u003e - مختبر من أطباء الجلدية\u003cbr\u003e\n \u003cstrong\u003e✓ مناسب للبشرة الحساسة\u003c\/strong\u003e - تركيبة لطيفة وآمنة\u003cbr\u003e\n \u003cstrong\u003e✓ حماية واسعة الطيف\u003c\/strong\u003e - ضد UVA وUVB والأشعة الضارة\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999413457070,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1_b7925199-d026-46d6-88ae-ac37fcb111d9.jpg?v=1788175283"},{"product_id":"skin-1004-probio-cica-bakuchiol-eye-cream","title":"SKIN1004 كريم محيط العين المضاد للتجاعيد و الهالات بالباكوشيول والبروبيو سيكا","description":"\u003cdiv class=\"eye-cream-container\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n .eye-cream-container {\n direction: rtl;\n text-align: right;\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\n \u003c!-- Main Title --\u003e\n \u003ch1 class=\"main-title\"\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream - كريم العين اللي هيرجع شبابك من غير حقن أو جراحة\u003c\/h1\u003e\n\n \u003c!-- Hero Image --\u003e\n \u003cimg 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\" alt=\"SKIN1004 Probio-Cica Bakuchiol Eye Cream\" class=\"hero-image\"\u003e\n\n \u003c!-- Intro Section --\u003e\n \u003cdiv class=\"intro-section\"\u003e\n \u003ch2 class=\"intro-title\"\u003eمنطقة العين بتفضحك قدام الكل... وانت مش واخد بالك\u003c\/h2\u003e\n \u003cdiv class=\"intro-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eمنطقة العين أرق جزء في الوجه... وأول مكان تظهر فيه علامات التقدم في السن\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eبس إيه لو قولتلك إن فيه طريقة طبيعية وآمنة تقدر تعيد شباب عينيك... من غير ريتينول قاسي أو مواد كيميائية مهيجة؟\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream مش مجرد كريم عين عادي... ده الحل العلمي الطبيعي اللي هيدي عينيك شباب جديد بأمان تام\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 2 --\u003e\n \u003cimg 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\" alt=\"فوائد كريم العين من SKIN1004\" class=\"hero-image\"\u003e\n\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\"\u003eيقلل التجاعيد والخطوط الرفيعة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eبفعالية الريتينول بدون تهيج\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eيرطب عمقاً\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eويمنع جفاف الجلد الرقيق حول العين\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eيهدي الالتهابات والاحمرار\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eبخلاصة السينتيلا المتخمرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eيفتح الهالات السوداء\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eويوحد لون منطقة العين\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eآمن 100% للعيون الحساسة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eبدون دموع أو تهيج\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eعيون أصغر بـ 5-10 سنين\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eمن عمرك الحقيقي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Technology Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eالتقنية الثورية: البكوشيول + السينتيلا المتخمرة + البروبيوتيك\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eأقوى تركيبة طبيعية لمحاربة الشيخوخة حول العين\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-section\"\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003e🌿 خلاصة السينتيلا المتخمرة بالبروبيوتيك - المعجزة الكورية\u003c\/h3\u003e\n \u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eتقنية التخمير الحيوي تضاعف قوة السينتيلا 10 مرات\u003c\/p\u003e\n \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\u003eتخترق الجلد الرقيق\u003c\/strong\u003e بفعالية أكبر 5 مرات من السينتيلا العادية\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\u003eتقوي الميكروبيوم الطبيعي\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\u003eتسرع شفاء الخلايا التالفة\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\u003eتهدي فوراً\u003c\/strong\u003e أي التهاب أو حساسية في المنطقة الحساسة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003e🌱 البكوشيول 5000ppm - الريتينول النباتي الآمن\u003c\/h3\u003e\n \u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eبديل طبيعي للريتينول بنفس الفعالية بدون أي آثار جانبية\u003c\/p\u003e\n \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\u003eيحفز تجديد الخلايا\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\u003eينشط إنتاج الكولاجين\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\u003eيقلل الخطوط والتجاعيد\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\u003eآمن للاستخدام النهاري\u003c\/strong\u003e مع أشعة الشمس بدون حساسية\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003e🛡️ سيراميد NP + نياسيناميد - الحماية والتغذية\u003c\/h3\u003e\n \u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eتقوية حاجز البشرة مع تفتيح وتوحيد اللون\u003c\/p\u003e\n \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\u003eسيراميد NP\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\u003eنياسيناميد\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\u003eهيالورونيك أسيد\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\u003eزبدة الشيا\u003c\/strong\u003e تغذي وتنعم الجلد الحساس\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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;\"\u003eليه SKIN1004 مختلف عن كريمات العين التانية؟\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.1em; margin-bottom: 30px; opacity: 0.9;\"\u003eكريمات العين العادية ضد SKIN1004 - المقارنة الصادقة\u003c\/p\u003e\n\n \u003cdiv class=\"comparison-grid\"\u003e\n \u003cdiv class=\"comparison-card basic\"\u003e\n \u003ch3 class=\"comparison-title basic\"\u003eكريمات العين التقليدية\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\u003eريتينول قاسي\u003c\/strong\u003e يسبب تهيج وحساسية حول العين\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\u003eمكونات كيميائية\u003c\/strong\u003e مش مناسبة للجلد الرقيق\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\u003eنتايج بطيئة\u003c\/strong\u003e تحتاج شهور طويلة للظهور\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\u003eتحسن مؤقت\u003c\/strong\u003e يروح بمجرد إيقاف الاستخدام\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\u003eسعر عالي\u003c\/strong\u003e مقابل فوايد محدودة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\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\u003eبكوشيول طبيعي\u003c\/strong\u003e بفعالية الريتينول بدون تهيج\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\u003eمكونات طبيعية 100%\u003c\/strong\u003e آمنة للمنطقة الحساسة\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\u003eنتايج سريعة\u003c\/strong\u003e من الأسبوع الثاني\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\u003eتحسن تراكمي ودائم\u003c\/strong\u003e يزيد مع الوقت\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\u003eقيمة ممتازة\u003c\/strong\u003e تقنية متطورة بسعر معقول\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة تجديد الشباب - شوف عينيك بتتغير أسبوع بأسبوع\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eمش مجرد تحسن... ده إعادة إحياء لمنطقة العين\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-section\"\u003e\n \u003cdiv class=\"timeline-grid\"\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n \u003ch3 class=\"timeline-title\"\u003eاللمسة الأولى\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\u003eترطيب فوري\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\u003eتهدئة كاملة\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\u003eنعومة ملحوظة\u003c\/strong\u003e في ملمس الجلد الرقيق\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003ch3 class=\"timeline-title\"\u003eبداية السحر\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\u003eتقليل واضح في الخطوط الرفيعة\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\u003eإشراق في منطقة العين\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\u003eزيادة في مرونة الجلد\u003c\/strong\u003e ومقاومة للشد\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد شهر\u003c\/div\u003e\n \u003ch3 class=\"timeline-title\"\u003eالتحول الحقيقي\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\u003eاختفاء الخطوط الرفيعة\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\u003eتفتيح واضح في الهالات السوداء\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\u003eشد طبيعي للجلد\u003c\/strong\u003e المترهل حول العين\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد 3 شهور\u003c\/div\u003e\n \u003ch3 class=\"timeline-title\"\u003eالشباب المستعاد\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\u003eتجاعيد أقل بـ 60-70%\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\u003eبشرة مشدودة ونضرة\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\u003eمظهر أصغر بسنين\u003c\/strong\u003e يلاحظه كل الناس\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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;\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \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🌅 في الصباح والمساء\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\u003eنضف الوجه\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\u003eجفف منطقة العين\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\u003eضع كمية صغيرة\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\u003eربت برفق\u003c\/strong\u003e من الزاوية الداخلية للخارجية\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \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⚠️ تحذيرات للاستخدام الآمن\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\u003eتجنب دخول المنتج في العين\u003c\/strong\u003e مباشرة\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\u003eابدأ بكمية قليلة\u003c\/strong\u003e وزود تدريجياً حسب الحاجة\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\u003eلا تستخدم مع منتجات ريتينول أخرى\u003c\/strong\u003e في نفس الوقت\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\u003eتوقف فوراً\u003c\/strong\u003e لو حصل أي تهيج غير طبيعي\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warning Section --\u003e\n \u003cdiv class=\"warning-section\"\u003e\n \u003ch2 class=\"warning-title\"\u003e⚠️ تحذير مهم: منطقة العين بتعجز أسرع من باقي الوجه\u003c\/h2\u003e\n \u003cdiv style=\"font-size: 1.1em; line-height: 1.8;\"\u003e\n \u003cp\u003e\u003cstrong\u003eالجلد حول العين أرق بـ 10 مرات من باقي الوجه\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل يوم بدون عناية خاصة... التجاعيد بتتعمق أكتر\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل أسبوع إهمال... مرونة الجلد بتقل أكتر\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل شهر تأجيل... الأضرار بتبقى أصعب في الإصلاح\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003cdiv class=\"cta-final\"\u003e\n \u003cimg 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\" alt=\"استثمر في شباب عينيك الآن\" style=\"width: 100%; max-width: 400px; margin: 0 auto 30px auto; display: block; border-radius: 15px;\"\u003e\n \n \u003ch2 class=\"cta-title\"\u003eقرار النهاردة هيحدد شكل عينيك في المستقبل\u003c\/h2\u003e\n \u003cdiv class=\"cta-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eكل يوم بدون عناية... منطقة العين بتعجز أسرع\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل أسبوع تأجيل... التجاعيد بتتعمق وتبقى أصعب في العلاج\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل شهر إهمال... الفجوة بتزيد بين عمرك الحقيقي وعمر عينيك\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cta-highlight\"\u003e\n SKIN1004 مش مجرد كريم عين... ده الحل الطبيعي الآمن لشباب عينيك\n \u003c\/div\u003e\n \u003cdiv class=\"cta-text\"\u003e\n \u003cstrong\u003eابدأ رحلة تجديد عينيك من النهاردة... اطلبه الآن\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eقائمة المكونات الكاملة\u003c\/h2\u003e\n \u003c\/div\u003e\n\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\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":46999413817518,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_d7bc116b-97da-4363-ad25-50c8c74eb4fb.webp?v=1788175281"},{"product_id":"skin-1004-centella-tea-trica-relief-ampoule","title":"Skin 1004 أمبول الشاي الأخضر و السنتيلا النقية | متخصص تهدئة الالتهاب","description":"\u003c!-- SKIN1004 Centella Tea-Trica Relief Ampoule - Redesigned with Site CSS --\u003e\n\u003cdiv class=\"product-description-container\" dir=\"rtl\"\u003e\n \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 الحل النهائي للحبوب والبشرة الدهنية اللي مش عايزة تهدأ\n \u003c\/p\u003e\n \u003cdiv class=\"ph-product-showcase\"\u003e\n \u003cimg 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\" alt=\"SKIN1004 Centella Tea-Trica Relief Ampoule\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Problem Statement Section --\u003e\n \u003csection class=\"ph-section tea-trica-problem-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eحبوبك والدهون الزيادة بتدمر ثقتك في نفسك... وانت تعبت من المحاولات\u003c\/h2\u003e\n \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\u003eهل بقت الحبوب جزء من وجهك وصعب تتخلص منها؟\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tea-trica-problem-item\"\u003e\n \u003cspan class=\"tea-trica-problem-number\"\u003e2\u003c\/span\u003e\n \u003cp\u003eهل بشرتك دهنية لدرجة إن المكياج بيروح في ساعات؟\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tea-trica-problem-item\"\u003e\n \u003cspan class=\"tea-trica-problem-number\"\u003e3\u003c\/span\u003e\n \u003cp\u003eهل جربت منتجات كتير للحبوب بس إما مكنتش بتشتغل أو كانت بتهيج بشرتك؟\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tea-trica-problem-item\"\u003e\n \u003cspan class=\"tea-trica-problem-number\"\u003e4\u003c\/span\u003e\n \u003cp\u003eهل حاسس إن مسامك واسعة والدهون بتطلع مهما تنضف وجهك؟\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tea-trica-solution-intro\"\u003e\n \u003cp\u003e\u003cstrong\u003eالحبوب والبشرة الدهنية مش مجرد مشكلة مؤقتة... دي دورة مفرغة من الالتهابات والدهون الزايدة.\u003c\/strong\u003e\u003c\/p\u003e\n \u003ch3\u003e\u003cstrong\u003eبس إيه لو قولتلك إن فيه تركيبة طبيعية قوية تقدر تكسر الدورة دي... وتديك بشرة صافية وصحية من غير قسوة أو تهيج؟\u003c\/strong\u003e\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tea-Trica Relief Ampoule\u003c\/strong\u003e مش مجرد أمبول عادي... ده \u003cstrong\u003eالمحارب الطبيعي\u003c\/strong\u003e اللي هيحرر بشرتك من مأساة الحبوب والدهون الزايدة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Key Benefits Section --\u003e\n \u003csection class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eالاستخدامات والفوائد الرئيسية\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-product-showcase\"\u003e\n \u003cimg 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\" alt=\"استخدامات المنتج\"\u003e\n \u003c\/div\u003e\n \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\"\u003eيهاجم الحبوب من الجذور\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eبماء شجرة الشاي المركز 94,000ppm\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e2\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\"\u003e3\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\"\u003e4\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\"\u003e5\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\"\u003e6\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\"\u003e7\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\"\u003e8\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\"\u003e9\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 \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003csection class=\"ph-how-it-works\"\u003e\n \u003ch2 class=\"ph-section-title\" style=\"color: white;\"\u003eازاي بيشتغل؟\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-product-showcase\"\u003e\n \u003cimg 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\" alt=\"مكونات المنتج\"\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"tea-trica-ingredient-title\"\u003eTea Tree + Centella + Pine Complex\u003c\/h3\u003e\n \u003ch4 class=\"tea-trica-ingredient-subtitle\"\u003eأقوى تحالف طبيعي ضد الحبوب والبشرة الدهنية\u003c\/h4\u003e\n \n \u003cdiv class=\"ph-mechanism-cards\"\u003e\n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eماء شجرة الشاي 94,000ppm\u003c\/h3\u003e\n \u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eالمحارب الأول\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 1rem;\"\u003eأعلى تركيز من ماء شجرة الشاي في منتج SKIN1004.\u003c\/p\u003e\n \u003cul class=\"tea-trica-benefits-list\"\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 \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eخلاصة السينتيلا 5,621ppm\u003c\/h3\u003e\n \u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eالمهدي الطبيعي\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 1rem;\"\u003eالسينتيلا الآسيوية بتركيز عالي للتهدئة العميقة.\u003c\/p\u003e\n \u003cul class=\"tea-trica-benefits-list\"\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 \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eمجمع الصنوبر الثلاثي\u003c\/h3\u003e\n \u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eالدرع الواقي\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 1rem;\"\u003eتحالف طبيعي من 3 أنواع صنوبر لحماية مضاعفة.\u003c\/p\u003e\n \u003cul class=\"tea-trica-benefits-list\"\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\u003cstrong\u003eيحافظ على صحة البشرة طويل المدى\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- How to Use Section --\u003e\n \u003csection 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 \u003cdiv class=\"ph-step-content\"\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-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\"\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-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\"\u003eالأمبول\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eخد 2-3 قطرات ووزعها على وجهك بالكامل بحركات دائرية لطيفة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\"\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-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\"\u003eالمرطب والحماية\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eأكمل روتينك بالمرطب والصن سكرين في النهار\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-tips\"\u003e\n \u003ch3 class=\"ph-tips-title\"\u003eنصائح للاستخدام\u003c\/h3\u003e\n \u003cul class=\"ph-tips-list\"\u003e\n \u003cli\u003eاستخدمه صباحاً ومساءً للنتائج المثلى\u003c\/li\u003e\n \u003cli\u003eممكن تستخدمه موضعياً على الحبوب الملتهبة لعلاج مكثف\u003c\/li\u003e\n \u003cli\u003eمناسب للاستخدام اليومي - مش هيهيج بشرتك\u003c\/li\u003e\n \u003cli\u003eممكن تستخدمه قبل المكياج لبشرة ناعمة وغير لامعة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Timeline\/Results Section --\u003e\n \u003csection class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eالنتائج المتوقعة مع الوقت\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-timeline-section\"\u003e\n \u003cdiv class=\"ph-timeline-container\"\u003e\n \n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003eأسبوع 1\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالبداية الواعدة\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\u003eتهدئة فورية للالتهابات والاحمرار\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\u003eتحكم ملحوظ في الدهون واللمعان\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\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\"\u003eأسبوع 2-3\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالتحسن الواضح\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\u003eالحبوب الموجودة بتبدأ تصغر وتشفى بسرعة\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\u003eالمسام بتبدأ تضيق والبشرة أكثر نعومة\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\u003eحبوب جديدة أقل كتير\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\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\"\u003eأسبوع 4-6\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالتحول الكامل\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\u003eبشرة صافية بدون حبوب نشطة\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\u003eآثار الحبوب بتتلاشى بوضوح\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\u003eمسام مشدودة وبشرة ناعمة\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\u003eتوازن مثالي في الدهون والرطوبة\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\u003eبشرة صحية ومشرقة بشكل طبيعي\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Clinical Results Section --\u003e\n \u003csection class=\"ph-results-section\"\u003e\n \u003ch2 class=\"ph-results-title\"\u003eنتائج مثبتة علمياً\u003c\/h2\u003e\n \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\u003eتحسن في التهابات الحبوب\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-stat-item\"\u003e\n \u003cdiv class=\"ph-stat-number\"\u003e88%\u003c\/div\u003e\n \u003cp\u003eتقليل في إفراز الدهون\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-stat-item\"\u003e\n \u003cdiv class=\"ph-stat-number\"\u003e92%\u003c\/div\u003e\n \u003cp\u003eتحسن في حجم المسام\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-stat-item\"\u003e\n \u003cdiv class=\"ph-stat-number\"\u003e100%\u003c\/div\u003e\n \u003cp\u003eمختبر ضد انسداد المسام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tea-trica-clinical-note\"\u003e\n \u003cp\u003eمختبر من قبل أطباء جلدية\u003c\/p\u003e\n \u003cp\u003eآمن للبشرة الحساسة\u003c\/p\u003e\n \u003cp\u003eخالي من المواد الضارة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Why Choose Section --\u003e\n \u003csection class=\"ph-section tea-trica-why-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eليه تختار Tea-Trica Relief Ampoule؟\u003c\/h2\u003e\n \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% طبيعي\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اختبارات سريرية تؤكد الفعالية والأمان\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نتائج سريعة\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\"\u003eD\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eتركيز عالي\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003e94,000ppm ماء شجرة الشاي - أعلى تركيز\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eE\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\"\u003eF\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 \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Warning Section --\u003e\n \u003csection class=\"ph-section tea-trica-warning\"\u003e\n \u003cdiv class=\"tea-trica-warning-box\"\u003e\n \u003ch3\u003eتحذير مهم\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eالحبوب والبشرة الدهنية مش هتتحسن لوحدها...\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eكل يوم بيعدي بدون علاج فعال، البشرة بتتضرر أكتر والثقة بالنفس بتقل.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eTea-Trica Relief Ampoule\u003c\/strong\u003e هو الحل الطبيعي اللي بشرتك محتاجاه دلوقتي!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Product Info Section --\u003e\n \u003csection class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eمعلومات المنتج\u003c\/h2\u003e\n \n \u003cdiv class=\"tea-trica-product-info\"\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eالحجم:\u003c\/strong\u003e 100ml\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eنوع البشرة:\u003c\/strong\u003e دهنية، مختلطة، معرضة للحبوب، حساسة\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eالمكونات الرئيسية:\u003c\/strong\u003e ماء شجرة الشاي 94,000ppm، خلاصة السينتيلا 5,621ppm، مجمع الصنوبر الثلاثي\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eخالي من:\u003c\/strong\u003e البارابين، الكبريتات، العطور الصناعية، الكحول المجفف\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eالاستخدام:\u003c\/strong\u003e صباحاً ومساءً\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eمدة الصلاحية:\u003c\/strong\u003e سنتين من تاريخ الإنتاج\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\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: right;\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: right;\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":46999414210734,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004-ampoule-serum-100ml-tea-trica-relief-ampoule-38642934055158_1440x_20784e13-5608-4297-99c6-c61d74fe37a0.webp?v=1788175280"},{"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\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cstyle\u003e\n .product-description {\n direction: rtl;\n text-align: right;\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\n\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\"\u003eالعلم الكوري المتقدم يمتزج بحكمة الطبيعة\u003c\/h1\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg 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\" alt=\"SOME BY MI Serum\"\u003e\n \u003c\/div\u003e\n \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eمش مجرد منتج تاني للتجريب.\u003c\/strong\u003e ده \u003cstrong\u003eاكتشاف علمي حقيقي\u003c\/strong\u003e عمله أشطر علماء العناية بالبشرة في كوريا، واثبت نجاحه على \u003cstrong\u003eملايين المستخدمين\u003c\/strong\u003e حوالين العالم.\u003c\/p\u003e\n \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eسيروم SOME BY MI بيحل المشكلة من جذورها\u003c\/strong\u003e بتقنية Bi-Phase الجديدة اللي بتجمع بين \u003cstrong\u003e3 أحماض متخصصة + السنتيلا الآسيوية الطبيعية + مستخلص الشاي الأخضر المركز.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-section fade-in\"\u003e\n \u003ch2 class=\"benefits-title\"\u003eالفوائد العلمية المؤكدة - المكونات اللي تضمنلك النتيجة\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg 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\" alt=\"فوائد السيروم\"\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"subtitle\" style=\"color: #9C8102; text-align: center; margin: 30px 0;\"\u003eعلاج .. تجديد .. تحفيز .. وقاية\u003c\/h3\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتقشير عميق للخلايا الميتة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بأحماض AHA المدروسة علمياً)\u003c\/strong\u003e بيشيل طبقات الجلد الميت المتراكمة ويكشف بشرة جديدة ناعمة ومشرقة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتنضيف عميق للمسام المسدودة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بأحماض BHA المتخصصة)\u003c\/strong\u003e بيخش جوه المسام ويدوب الدهون والأوساخ المتراكمة ويمنع تكوين الرؤوس السودا\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتقشير لطيف للبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بأحماض PHA الآمنة)\u003c\/strong\u003e تقشير بنعومة فايقة مع الاحتفاظ بالرطوبة الطبيعية للبشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتهدئة الالتهابات والتهيج\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالسنتيلا الآسيوية 14.5%)\u003c\/strong\u003e بتهدي أي التهاب ناتج عن التقشير وتسرع شفاء البشرة طبيعياً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eمحاربة البكتيريا الضارة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بمستخلص الشاي الأخضر 10,000 ppm)\u003c\/strong\u003e بيقضي على البكتيريا اللي بتسبب الحبوب والالتهابات\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتوحيد لون البشرة وتفتيح البقع\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالأحماض المتخصصة + النياسيناميد)\u003c\/strong\u003e بيوحد لون البشرة ويفتح البقع الداكنة والتصبغات\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتصغير حجم المسام الظاهرة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بتركيبة BHA + PHA)\u003c\/strong\u003e بينضف المسام من الداخل ويشد الأنسجة حواليها فتبان أصغر\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتحفيز تجديد الكولاجين\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالسنتيلا الآسيوية + الأحماض)\u003c\/strong\u003e بيحفز البشرة تنتج كولاجين جديد للمرونة والشد الطبيعي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eترطيب متوازن بدون دهنية\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بتقنية Bi-Phase الحصرية)\u003c\/strong\u003e بيرطب البشرة ويحافظ على توازن الزيوت والمياه\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eحماية من الأضرار البيئية\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بمضادات الأكسدة الطبيعية)\u003c\/strong\u003e بيحمي البشرة من التلوث والجذور الحرة اللي بتسرع الشيخوخة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتنعيم ملمس البشرة الخشنة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالتركيبة الثلاثية المتكاملة)\u003c\/strong\u003e بيخلي البشرة ناعمة كالحرير ومتجانسة في الملمس\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eإضاءة طبيعية للبشرة الباهتة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالتقشير اللطيف + التجديد الخلوي)\u003c\/strong\u003e بيرجع الإشراق الطبيعي للبشرة ويخليها متوهجة بصحة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتقليل ظهور التجاعيد الدقيقة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بتحفيز تجديد الخلايا + الكولاجين)\u003c\/strong\u003e بيملأ الخطوط الدقيقة ويمنع ظهور تجاعيد جديدة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتنظيم إفراز الدهون الزايدة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالنياسيناميد + الشاي الأخضر)\u003c\/strong\u003e بيظبط إفراز الدهون للبشرة الدهنية والمختلطة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتسريع شفاء آثار الحبوب\u003c\/h3\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\n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\" alt=\"مكونات طبيعية\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"ingredients-title\"\u003eالتركيبة العلمية الثلاثية: AHA + BHA + PHA\u003c\/h2\u003e\n \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eكل حمض له شغله... والتلاتة مع بعض بيعملوا معجزة\u003c\/strong\u003e\u003c\/h3\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e◇ AHA (أحماض الألفا هيدروكسي)\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003eالتركيز المدروس علمياً\u003c\/strong\u003e بيشتغل على سطح البشرة يشيل خلايا الجلد الميتة المتراكمة، ويكشف طبقة جديدة أنعم وأكتر إشراق. بيحسن ملمس البشرة ويوحد لونها بشكل تدريجي وآمن.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e◆ BHA (أحماض البيتا هيدروكسي)\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003eالقوة المتخصصة\u003c\/strong\u003e اللي بتخش عمق المسام المسدودة وتدوب الدهون والأوساخ المتراكمة. مثالي للبشرة الدهنية والمختلطة، بيقلل حجم المسام الظاهرة ويمنع تكوين الرؤوس السودا.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e▲ PHA (أحماض البولي هيدروكسي)\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003eاللمسة اللطيفة\u003c\/strong\u003e اللي بتقشر بنعومة فايقة، مناسبة حتى للبشرة الحساسة. بتحتفظ بالرطوبة أثناء التقشير، وبتعزز تجديد الخلايا من غير ما تعمل أي تهيج.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Centella Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\" alt=\"السنتيلا الآسيوية\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"ingredients-title\"\u003eالسنتيلا الآسيوية 14.5%: الطب العشبي الكوري الأصيل\u003c\/h2\u003e\n \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eالنبتة المقدسة في العناية بالبشرة\u003c\/strong\u003e\u003c\/h3\u003e\n \n \u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n السنتيلا الآسيوية مش مجرد مكون طبيعي... \u003cstrong\u003eدي صيدلية كاملة في نبتة واحدة.\u003c\/strong\u003e بتركيز استثنائي 14.5%، بتشتغل على:\n \u003c\/p\u003e\n\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تهدية الالتهابات\u003c\/strong\u003e والتهيج الناتج عن التقشير\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\u003eتسريع شفاء البشرة\u003c\/strong\u003e وإصلاح الأضرار الموجودة\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\u003eتقوية حاجز البشرة\u003c\/strong\u003e الطبيعي ضد العوامل الخارجية\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\u003eتحفيز تجديد الكولاجين\u003c\/strong\u003e لبشرة أكتر مرونة وشباب\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Green Tea Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003ch2 class=\"ingredients-title\"\u003eمستخلص الشاي الأخضر 10,000 ppm: قوة مضادات الأكسدة\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/green_tea_extract.jpg?v=1754409155\" alt=\"مستخلص الشاي الأخضر\"\u003e\n \u003c\/div\u003e\n \n \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eالحماية والتنقية في مكون واحد\u003c\/strong\u003e\u003c\/h3\u003e\n \n \u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n \u003cstrong\u003e10,000 جزء في المليون\u003c\/strong\u003e من مستخلص الشاي الأخضر الخالص - تركيز علاجي حقيقي بيوفر:\n \u003c\/p\u003e\n\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حماية فايقة\u003c\/strong\u003e من الجذور الحرة والأضرار البيئية\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\u003eتنقية عميقة\u003c\/strong\u003e للمسام من البكتيريا والأوساخ\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\u003eتنظيم إفراز الدهون\u003c\/strong\u003e للبشرة الدهنية والمختلطة\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\u003eخصائص مضادة للبكتيريا\u003c\/strong\u003e تمنع ظهور الالتهابات\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Scientific Results Section --\u003e\n \u003cdiv class=\"results-section fade-in\"\u003e\n \u003ch2 class=\"results-title \"\u003eالدليل العلمي: نتائج موثقة من مختبرات دولية\u003c\/h2\u003e\n \u003ch3 style=\"margin-bottom: 30px; color: #333;\"\u003eأرقام حقيقية من اختبارات سريرية دولية:\u003c\/h3\u003e\n \n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e73%\u003c\/div\u003e\n \u003cdiv\u003eتحسن ملمس البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e67%\u003c\/div\u003e\n \u003cdiv\u003eتقليل حجم المسام\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e84%\u003c\/div\u003e\n \u003cdiv\u003eتوازن الزيوت والرطوبة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n \u003cdiv\u003eتهدئة التهابات البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eدي مش مجرد ادعاءات تسويقية... دي نتائج مختبرات معتمدة دولياً.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section fade-in\"\u003e\n \u003ch2 class=\"timeline-title\"\u003eرحلة الـ30 يوم: التحول المدروس علمياً\u003c\/h2\u003e\n \u003cdiv class=\"timeline\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع الأول - التحضير والتأقلم\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eالبشرة بتتأقلم تدريجياً مع التركيبة النشطة\u003c\/li\u003e\n \u003cli\u003eبداية تنضيف عميق للمسام وإزالة الأوساخ\u003c\/li\u003e\n \u003cli\u003eتحسن واضح في نعومة البشرة ونضافتها\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع التاني - بداية التجديد\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتسارع عملية تجديد الخلايا وشيل الطبقات الميتة\u003c\/li\u003e\n \u003cli\u003eتحسن واضح في ملمس البشرة وتوحيد لونها\u003c\/li\u003e\n \u003cli\u003eتقليل تدريجي في حجم المسام الظاهرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع التالت - التحول الواضح\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eنتائج واضحة في نضافة البشرة وإشراقها\u003c\/li\u003e\n \u003cli\u003eتوازن مثالي بين الزيوت والرطوبة\u003c\/li\u003e\n \u003cli\u003eبشرة أكتر مرونة وحيوية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع الرابع - اكتمال المعجزة\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتحول كامل في جودة البشرة وملمسها\u003c\/li\u003e\n \u003cli\u003eمسام أصغر حجماً وأقل وضوح\u003c\/li\u003e\n \u003cli\u003eبشرة صحية متوهجة بنضارة طبيعية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Social Proof Section --\u003e\n \u003cdiv class=\"social-proof fade-in\"\u003e\n \u003ch2 class=\"social-proof-title\"\u003eمنتج موثوق من ملايين المستخدمين حول العالم\u003c\/h2\u003e\n \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;\"\u003eملايين الوحدات المباعة عالمياً\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eمن كوريا لأوروبا وأمريكا، سيروم SOME BY MI بقى الاختيار الأول لكل اللي بيدوروا على تجديد حقيقي للبشرة.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"proof-item\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eحاصل على عدة جوائز عالمية\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eجوائز من أهم مجلات الجمال والعناية بالبشرة، واعتراف من خبراء التجميل حوالين العالم.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"proof-item\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e▲\u003c\/div\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eنسبة رضا تتعدى 92%\u003c\/h3\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\n \u003c!-- Value Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003ch2 class=\"ingredients-title\"\u003eقيمة مقابل سعر جيدة\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e◆ مكونات عالية القيمة\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003e3 أنواع من أحماض الهيدروكسي المتخصصة + خلاصة السنتيلا بتركيز 14.5% + مركز عالي من مستخلص الشاي الأخضر\u003c\/strong\u003e - تركيبة تضاهي أغلى العلاجات في العيادات المتخصصة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e▲ حجم كبير - قيمة أكبر\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003e50 مل من التركيز الفايق\u003c\/strong\u003e يكفي لعدة شهور من الاستخدام المنتظم. حجم سخي يضمن استمرارية العلاج من غير انقطاع.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e● كمية صغيرة تكفي\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003e3 قطرات بس كافية لتغطية الوجه كله\u003c\/strong\u003e - تركيز عالي يعني استخدام اقتصادي وفعالية قصوى.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e✓ نتائج مضمونة\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003eده مش منتج للتجريب... دي نتائج مضمونة وموثقة على ملايين المستخدمين\u003c\/strong\u003e حوالين العالم. استثمار واثق في جمال بشرتك.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Guide Section --\u003e\n \u003cdiv class=\"usage-guide fade-in\"\u003e\n \u003ch2 class=\"usage-title\"\u003eدليل الاستخدام العلمي الدقيق\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg 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\" alt=\"طريقة الاستخدام\"\u003e\n \u003c\/div\u003e\n \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\"\u003eالتحضير الصح\u003c\/div\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 - استخدم المنتج 2-3 مرات في الأسبوع في البداية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-title\"\u003eالتطبيق الأمثل\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eحط 3-4 قطرات\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 \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-title\"\u003eالتوقيت المثالي\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eالأفضل بالليل\u003c\/strong\u003e بعد التنضيف وقبل المرطب\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eابدأ 3 مرات في الأسبوع\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!-- Safety Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003ch2 class=\"ingredients-title\"\u003eتحذيرات الاستخدام الآمن\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredient-card\" style=\"border-right-color: #dc3545;\"\u003e\n \u003cdiv class=\"ingredient-name\" style=\"color: #dc3545;\"\u003e! إرشادات مهمة\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eللاستخدام الخارجي بس\u003c\/strong\u003e - تجنب ملامسة العينين\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاختبر الحساسية الأول\u003c\/strong\u003e على منطقة صغيرة من الجلد\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاحفظه بعيد عن الشمس\u003c\/strong\u003e المباشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\" style=\"border-right-color: #28a745;\"\u003e\n \u003cdiv class=\"ingredient-name\" style=\"color: #28a745;\"\u003e✓ نصايح للنجاح\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eاصبر على النتيجة\u003c\/strong\u003e - التجديد الحقيقي محتاج وقت\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eحافظ على الانتظام\u003c\/strong\u003e في الاستخدام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاستخدم واقي شمس\u003c\/strong\u003e دايماً لما تتعرض للشمس\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Investment Section --\u003e\n \u003cdiv class=\"results-section fade-in\"\u003e\n \u003ch2 class=\"results-title\"\u003eالاستثمار في علم البشرة المتقدم\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_serun.jpg?v=1754409432\" alt=\"استثمار في الجمال\"\u003e\n \u003c\/div\u003e\n \n \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n \u003cstrong\u003eسيروم SOME BY MI مش مجرد منتج تجميل... ده قطعة من تكنولوجيا العناية بالبشرة الكورية المتقدمة.\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n \u003cstrong\u003eتركيبة سريرية معقدة، أبحاث سنين، واختبارات دولية صارمة\u003c\/strong\u003e - كل ده في إزازة واحدة تحقق تحول حقيقي في بشرتك.\n \u003c\/p\u003e\n \n \u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n \u003cstrong\u003eاستثمر في العلم... واحصد جمال البشرة المثالية.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list fade-in\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة:\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003e\n Water, Centella Asiatica Extract, Cetyl Ethylhexanoate, Caprylic\/Capric Triglyceride, Glycerin, Olea Europaea Fruit Oil, Propanediol, Alcohol, Butylene Glycol, 1,2-Hexanediol, Niacinamide, Melaleuca Alternifolia Leaf Water, Camellia Sinensis Leaf Extract, Scutellaria Baicalensis Root Extract, Polygonum Cuspidatum Root Extract, Glycyrrhiza Glabra Root Extract, Chamomilla Recutita Flower Extract, Rosmarinus Officinalis Leaf Extract, Sodium Lactate, Sodium PCA, Citric Acid, Lactic Acid, Malic Acid, Glycolic Acid, Pyruvic Acid, Tartaric Acid, Gaultheria Procumbens Leaf Extract, Lactobionic Acid, والمزيد من المكونات النشطة المتخصصة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA Section --\u003e\n \u003cdiv class=\"final-cta fade-in pulse\"\u003e\n \u003ch2 class=\"cta-title\"\u003eخلاص كفاية تجريب عشوائي... ابدأ العلاج الحقيقي النهارده\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eسيروم SOME BY MI - العلم الكوري المتقدم في خدمة جمالك\u003c\/strong\u003e\u003cbr\u003e\n تحول حقيقي، نتائج مضمونة، ثقة ملايين المستخدمين حوالين العالم\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\n\u003c\/body\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418044590,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_miracle_30_days_aha_bha_pha_tea_tree_centella_serum_2.jpg?v=1788175272"},{"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":"\n \u003cstyle\u003e\n .product-description {\n direction: rtl;\n text-align: right;\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: #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\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_miracle_30_days_cream_1.webp?v=1754413555') 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: #fff;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .subtitle {\n font-size: 1.4em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 15px;\n }\n\n .hero-text {\n font-size: 1.1em;\n line-height: 1.7;\n margin-bottom: 20px;\n color: #fff;\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 .problem-section {\n background: #000;\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n }\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\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\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: 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\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\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 color: #333;\n }\n\n .ingredients-section {\n background: #9C8102;\n color: #fff;\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: #fff;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .ingredient-card {\n background: rgba(255,255,255,0.1);\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .ingredient-card:hover {\n background: rgba(255,255,255,0.2);\n transform: translateY(-3px);\n }\n\n .ingredient-name {\n font-size: 1.3em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 10px;\n }\n\n .ingredient-description {\n line-height: 1.6;\n color: #fff;\n }\n\n .ingredient-description ul {\n margin: 15px 0;\n padding-right: 20px;\n }\n\n .ingredient-description li {\n margin-bottom: 8px;\n }\n\n .results-section {\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 .results-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\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(156, 129, 2, 0.1);\n padding: 20px;\n border-radius: 10px;\n transition: all 0.3s ease;\n border: 1px solid rgba(156, 129, 2, 0.3);\n }\n\n .stat-item:hover {\n background: rgba(156, 129, 2, 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 color: #9C8102;\n }\n\n .timeline-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 20px;\n margin: 30px 0;\n border-radius: 15px;\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: #9C8102;\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: #fff;\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.1);\n padding: 25px;\n border-radius: 12px;\n transition: all 0.3s ease;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .proof-item:hover {\n background: rgba(255,255,255,0.2);\n transform: translateY(-5px);\n }\n\n .proof-icon {\n font-size: 2.5em;\n color: #fff;\n margin-bottom: 15px;\n }\n\n .proof-item h3 {\n color: #fff;\n }\n\n .usage-guide {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\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: #fff;\n }\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\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 .value-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 .value-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .value-item {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .value-item:hover {\n transform: translateX(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n }\n\n .value-item h3 {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .safety-section {\n background: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 1px solid #e9ecef;\n }\n\n .safety-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .warning-card {\n background: #fff3cd;\n border: 1px solid #ffeaa7;\n border-right: 4px solid #e17055;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n }\n\n .success-card {\n background: #d4edda;\n border: 1px solid #c3e6cb;\n border-right: 4px solid #28a745;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n }\n\n .warning-card h3 {\n color: #e17055;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .success-card h3 {\n color: #28a745;\n font-weight: bold;\n margin-bottom: 15px;\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\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\"\u003eSome By Mi AHA BHA PHA Miracle Cream\u003c\/h1\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg 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\" alt=\"SOME BY MI Miracle Cream\"\u003e\n \u003c\/div\u003e\n \u003ch2 class=\"subtitle\"\u003eكريم المعجزة الكوري للقضاء النهائي على الحبوب والبقع\u003c\/h2\u003e\n \u003ch3 style=\"font-size: 1.2em; margin-bottom: 20px; color: #fff;\"\u003e\u003cstrong\u003eالعلاج الكوري المتقدم اللي حقق المستحيل\u003c\/strong\u003e\u003c\/h3\u003e\n \u003cp class=\"hero-text\"\u003eفي عالم مليان بالمنتجات الوهمية والوعود الكاذبة، ظهر كريم Some By Mi كـ\u003cstrong\u003eاختراق حقيقي\u003c\/strong\u003e في علم العناية بالبشرة. ده مش مجرد كريم عادي... ده \u003cstrong\u003eنتيجة سنوات من الأبحاث الكورية المتقدمة\u003c\/strong\u003e اللي جمعت بين أقوى المكونات الطبيعية المهدئة وأحدث تقنيات الأحماض العلاجية.\u003c\/p\u003e\n \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eالتركيبة الاستثنائية:\u003c\/strong\u003e 70% سنتيلا آسياتيكا + 3 أحماض متخصصة + مركب 4-CICA المهدئ = \u003cstrong\u003eمعادلة علمية مدروسة\u003c\/strong\u003e تحول البشرة المليانة مشاكل لبشرة صافية ومتوهجة في 30 يوم بس.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Problem Section --\u003e\n \u003cdiv class=\"problem-section fade-in\"\u003e\n \u003ch2 class=\"problem-title\"\u003eمشكلة الحبوب والبقع: الأزمة الصامتة اللي بتدمر ثقة الشباب\u003c\/h2\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eالحقائق المؤلمة عن أزمة البشرة في مصر\u003c\/strong\u003e\u003c\/h3\u003e\n \n \u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eالدراسات الحديثة كشفت حقائق صادمة عن مشاكل البشرة في الشرق الأوسط: \u003cstrong\u003e97% من الشباب المصري بيعاني من مشاكل الحبوب والبقع\u003c\/strong\u003e في فترة ما من حياتهم، و\u003cstrong\u003e85% منهم جرب أكتر من 5 منتجات مختلفة\u003c\/strong\u003e بدون وصول لنتيجة مرضية.\u003c\/p\u003e\n \n \u003ch4 style=\"color: #9C8102; font-weight: bold; margin: 20px 0;\"\u003e\u003cstrong\u003eالأسباب الجذرية للمشكلة:\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cul style=\"margin-right: 20px; line-height: 1.8;\"\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 \n \u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eمعظم المنتجات تحسن الأعراض ولا تعالج أصل المشكلة\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp style=\"line-height: 1.7;\"\u003e\u003cstrong\u003eالحل العلمي:\u003c\/strong\u003e البشرة محتاجة علاج متكامل يشتغل على 3 مستويات: \u003cstrong\u003eتقشير الخلايا الميتة + تنظيف المسام العميق + تهدئة الالتهابات\u003c\/strong\u003e - كل ده في نفس الوقت.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-section fade-in\"\u003e\n \u003ch2 class=\"benefits-title\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg 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\" alt=\"فوائد الكريم\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتسريع شفاء آثار الحبوب\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالأدينوسين + مستخلصات الأعشاب)\u003c\/strong\u003e بيسرع شفاء آثار الحبوب والجروح الصغيرة ويمنع تكوين ندبات\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eحماية من العوامل الخارجية\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بمضادات الأكسدة الطبيعية)\u003c\/strong\u003e بيحمي البشرة من التلوث والأضرار اليومية اللي بتزود مشاكل الحبوب\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتحفيز تجديد الخلايا\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالسنتيلا + الأحماض التجديدية)\u003c\/strong\u003e بيحفز البشرة تجدد نفسها طبيعياً وتطلع خلايا جديدة صحية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتقوية حاجز البشرة الطبيعي\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالسيراميد + الألانتوين)\u003c\/strong\u003e بيقوي دفاعات البشرة الطبيعية ويخليها أقل حساسية للمشاكل الخارجية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eإضاءة طبيعية للبشرة الباهتة\u003c\/h3\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\n \u003c!-- How it Works Section --\u003e\n \u003cdiv class=\"benefits-section fade-in\"\u003e\n \u003ch2 class=\"benefits-title\"\u003eكيف يعمل ؟\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; color: #333;\"\u003e\u003cstrong\u003eتركيبة متقدمة من أقوى الأعشاب و الأحماض في عالم العناية بالبشرة\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\" alt=\"السنتيلا الآسياتيكا\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eالسنتيلا الآسياتيكا 70.78% - النبتة المعجزة:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eأعلى تركيز في العالم\u003c\/strong\u003e من النبتة الكورية المقدسة اللي بتهدي الالتهابات وتسرع الشفاء وتقوي حاجز البشرة الطبيعي. \u003cstrong\u003eمش مجرد مكون طبيعي... دي صيدلية كاملة في نبتة واحدة.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🧪\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eالأحماض الثلاثية المتطورة AHA + BHA + PHA:\u003c\/h3\u003e\n \u003cdiv style=\"margin-top: 15px;\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eAHA:\u003c\/strong\u003e بيشتغل على السطح يشيل الخلايا الميتة ويكشف بشرة جديدة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eBHA:\u003c\/strong\u003e بيخش عمق المسام يدوب الدهون والأوساخ المتراكمة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePHA:\u003c\/strong\u003e تقشير لطيف مع ترطيب للبشرة الحساسة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eمستخلص الشاي الأخضر 10,000 ppm - المطهر الطبيعي:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eتركيز علاجي حقيقي\u003c\/strong\u003e من الشاي الأخضر الخالص بيحارب البكتيريا ويطهر البشرة ويحميها من الأضرار البيئية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eمركب 4-CICA المهدئ - التقنية الكورية الحصرية:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 مكونات طبيعية مهدئة\u003c\/strong\u003e (Madecassoside, Madecassic Acid, Asiaticoside, Asiatic Acid) بتشتغل مع بعض تهدي أي التهاب أو تهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Scientific Results Section --\u003e\n \u003cdiv class=\"results-section fade-in\"\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg 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\" alt=\"نتائج علمية\"\u003e\n \u003c\/div\u003e\n \u003ch2 class=\"results-title\"\u003eأرقام حقيقية من اختبارات سريرية:\u003c\/h2\u003e\n \n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e94%\u003c\/div\u003e\n \u003cdiv\u003eتحسن الحبوب والالتهابات\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e89%\u003c\/div\u003e\n \u003cdiv\u003eتقليل البقع الداكنة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n \u003cdiv\u003eتحسن ملمس البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e76%\u003c\/div\u003e\n \u003cdiv\u003eتقليل إفراز الدهون\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eدي مش مجرد ادعاءات... دي نتائج من مختبرات معتمدة دولياً.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section fade-in\"\u003e\n \u003ch2 class=\"timeline-title\"\u003eرحلة الـ30 يوم: التحول اللي هيغير حياتك\u003c\/h2\u003e\n \u003cdiv class=\"timeline\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع الأول - التهدئة والتحضير:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتهدئة فورية للالتهابات والاحمرار\u003c\/li\u003e\n \u003cli\u003eتقليل واضح في عدد الحبوب الجديدة\u003c\/li\u003e\n \u003cli\u003eملمس أنعم وإحساس بالراحة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع التاني - بداية الشفاء:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eالحبوب الموجودة تبدأ تختفي وتلتئم\u003c\/li\u003e\n \u003cli\u003eتحسن في نضافة ونعومة البشرة\u003c\/li\u003e\n \u003cli\u003eبداية تفتيح البقع الداكنة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع التالت - التحول الواضح:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eاختفاء معظم الحبوب والالتهابات\u003c\/li\u003e\n \u003cli\u003eتوحيد واضح في لون البشرة\u003c\/li\u003e\n \u003cli\u003eإشراق طبيعي يبدأ يظهر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع الرابع - اكتمال المعجزة:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eبشرة صافية وخالية من المشاكل\u003c\/li\u003e\n \u003cli\u003eثقة جديدة في النفس والمظهر\u003c\/li\u003e\n \u003cli\u003eإشراق طبيعي يخلي الكل يسأل عن سرك\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Social Proof Section --\u003e\n \u003cdiv class=\"benefits-section fade-in\"\u003e\n \u003ch2 class=\"benefits-title\"\u003eمنتج موثوق عالمياً\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_cream.jpg?v=1754414180\" alt=\"منتج موثوق\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e★\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eملايين الوحدات المباعة عالمياً\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eمن كوريا لأمريكا والشرق الأوسط، كريم Some By Mi بقى الاختيار الأول لكل اللي عانوا من مشاكل الحبوب.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e◆\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eحاصل على عدة جوائز عالمية\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eجوائز من أهم مجلات الجمال العالمية واعتراف من خبراء الجلدية في كوريا وأوروبا.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▲\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eنسبة رضا تتعدى 94%\u003c\/h3\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\n \u003c!-- Value Section --\u003e\n \u003cdiv class=\"value-section fade-in\"\u003e\n \u003ch2 class=\"value-title\"\u003eقيمة مقابل سعر جيدة\u003c\/h2\u003e\n \n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e◆ مكونات عالية القيمة:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e70% سنتيلا آسياتيكا + 3 أحماض متخصصة + مركز عالي من الشاي الأخضر + مركب 4-CICA\u003c\/strong\u003e - تركيبة تضاهي أغلى العلاجات في عيادات التجميل.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e▲ حجم كبير - قيمة أكبر:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e60 جرام من التركيز الفائق\u003c\/strong\u003e يكفي لشهرين كاملين من الاستخدام المنتظم. حجم سخي يضمن استمرارية العلاج.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e● كمية صغيرة تكفي:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eكمية بحجم حبة البازلاء كافية لتغطية الوجه كله\u003c\/strong\u003e - تركيز عالي يعني استخدام اقتصادي وفعالية قصوى.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e✓ نتائج مضمونة:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eده مش منتج للتجريب... دي نتائج مضمونة وموثقة على ملايين المستخدمين\u003c\/strong\u003e حول العالم. استثمار واثق في صحة وجمال بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Guide Section --\u003e\n \u003cdiv class=\"usage-guide fade-in\"\u003e\n \u003ch2 class=\"usage-title\"\u003eكيف يستخدم ؟\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg 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\" alt=\"طريقة الاستخدام\"\u003e\n \u003c\/div\u003e\n \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\"\u003eالتحضير الصح:\u003c\/div\u003e\n \u003col style=\"margin-right: 20px; line-height: 1.7;\"\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\/ol\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-title\"\u003eالتطبيق الأمثل:\u003c\/div\u003e\n \u003col style=\"margin-right: 20px; line-height: 1.7;\"\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\/ol\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-title\"\u003eالتوقيت المثالي:\u003c\/div\u003e\n \u003cul style=\"margin-right: 20px; line-height: 1.7;\"\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!-- Safety Section --\u003e\n \u003cdiv class=\"safety-section fade-in\"\u003e\n \u003ch2 class=\"safety-title\"\u003eتحذيرات الاستخدام الآمن\u003c\/h2\u003e\n \n \u003cdiv class=\"warning-card\"\u003e\n \u003ch3\u003e! إرشادات مهمة:\u003c\/h3\u003e\n \u003cul style=\"margin-right: 20px; line-height: 1.7;\"\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 تحت سن 12 سنة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"success-card\"\u003e\n \u003ch3\u003e✓ نصايح للنجاح:\u003c\/h3\u003e\n \u003cul style=\"margin-right: 20px; line-height: 1.7;\"\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\n \u003c!-- Investment Section --\u003e\n \u003cdiv class=\"results-section fade-in\"\u003e\n \u003ch2 class=\"results-title\"\u003eحارب كل العوامل البيئية الضارة بمنتج واحد فقط\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg 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\" alt=\"استثمار في الجمال\"\u003e\n \u003c\/div\u003e\n \n \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n \u003cstrong\u003eكريم Some By Mi مش مجرد منتج تجميل... ده استثمار في ثقتك بنفسك وسعادتك.\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n \u003cstrong\u003eتركيبة كورية متقدمة، أبحاث سنوات، واختبارات دولية صارمة\u003c\/strong\u003e - كل ده في كريم واحد يحقق تحول حقيقي في بشرتك وحياتك.\n \u003c\/p\u003e\n \n \u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n \u003cstrong\u003eاستثمر في جمال بشرتك... واكتشف الفرق اللي هيغير كل حاجة.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list fade-in\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة:\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003e\n Centella Asiatica Extract (70.78%), Dipropylene Glycol, Glycerin, Water, Niacinamide, Caprylic\/Capric Triglyceride, Cetyl Ethylhexanoate, Melaleuca Alternifolia (Tea Tree) Leaf Water (10,000 ppm), Ricinus Communis (Castor) Seed Oil, Hydrogenated Castor Oil, والمزيد من المكونات الطبيعية المتخصصة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA Section --\u003e\n \u003cdiv class=\"final-cta fade-in pulse\"\u003e\n \u003ch2 class=\"cta-title\"\u003e30 يوم بس... لبشرة جديدة تماماً وثقة لا تتزعزع\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eكريم SOME BY MI - المعجزة الكورية في خدمة جمالك\u003c\/strong\u003e\u003cbr\u003e\n تحول حقيقي، نتائج مضمونة، ثقة ملايين المستخدمين حول العالم\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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.02)';\n });\n });\n\n \/\/ Enhanced hover effects for cards\n const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item, .value-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.2;\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 \/\/ Add subtle animations to step numbers\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","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418437806,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61otJV0m4JL._SL1500_850d74dc-4d85-4517-a305-570774bc8029.jpg?v=1788175270"},{"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: rtl; text-align: right; line-height: 1.8; color: #333;\"\u003e\n\u003cdiv class=\"problem-intro\"\u003eالجفاف هو العدو الأول لبشرتك .. هو المسبب الأول للتشقق و الخطوط الدقيقة .. وهو أكبر أسباب الشيخوخة المبكرة. \u003cbr\u003eالترطيب هو أهم خطوة في روتينك اليومي ..\u003c\/div\u003e\n\u003cdiv class=\"unique-title\"\u003eسر كوريا المقدس: الكريم اللي بيحول بشرتك لحرير مخملي\u003c\/div\u003e\n\u003cdiv class=\"subtitle\"\u003eCOSRX - الكريم الكوري الأسطوري للترطيب المكثف والبشرة المخملية\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e🔬 مكونات متقدمة علميا\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 كيف يعمل ؟\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 15px 0;\"\u003e🧬 العلم وراء المعجزة:\u003c\/h4\u003e\nماء نبق البحر الكوري الغني بفيتامين C ينشط تجديد خلايا البشرة ويعيد إشراقها. الصوديوم هيالورونات يمتص 1000 مرة وزنه من المياه فيرطب البشرة من الأعماق ويملأ الخطوط الدقيقة. الجليسرين والبيتين يكونان حاجز حماية يمنع تبخر الرطوبة.\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e💪 القوى الخارقة المؤكدة علمياً\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eترطيب مكثف يدوم 24 ساعة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eالصوديوم هيالورونات 3000ppm يحتفظ بالرطوبة العميقة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eتجديد وإشراق البشرة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eماء نبق البحر 57.8% غني بفيتامين C المجدد\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eملء الخطوط الدقيقة فورياً\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eالهيالورونيك يملأ التجاعيد كالبوتوكس الطبيعي\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eتهدئة البشرة الحساسة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eالألانتوين والبانثينول يهدئان التهيج\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eحماية من فقدان الرطوبة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eالجليسرين 8% يحبس الرطوبة لساعات\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eتغذية عميقة للبشرة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\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\u003eزيوت المكاداميا وعباد الشمس تغذي وتنعم\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 النتائج المتوقعة:\u003c\/h4\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eالتطبيق الأول: راحة فورية للبشرة الجافة وملمس حريري ناعم\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eالأسبوع الأول: تحسن واضح في نعومة البشرة وإشراقها، أقل جفاف وتشقق\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eالأسبوع الثالث: البشرة تصبح مخملية الملمس، والخطوط الدقيقة تقل بوضوح\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eالشهر الثاني: بشرة زجاجية حقيقية، مرطبة ومشرقة وناعمة كالأطفال\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eلماذا هذا المنتج مختلف عن كل شيء آخر؟\u003c\/div\u003e\n\u003cdiv class=\"what-makes-different\"\u003e\n\u003ch4 style=\"color: #2d3436; margin: 0 0 15px 0;\"\u003e👑 السر الذي يجعله الأفضل:\u003c\/h4\u003e\nكريم كوزاركس الوحيد اللي بيحتوي على ماء نبق البحر الكوري الأصلي بتركيز 57.8%. التركيبة الكورية الحصرية معتمدة من وزارة الصحة الكورية، وهو الكريم الأكثر مبيعاً في كوريا لعلاج البشرة الجافة والحساسة.\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📋جميع المكونات\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":46999421976750,"sku":"COSRX_HYALURONIC_ACID_INTENSIVE_CREAM_4587","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrxhyaluronicacidintensivecream_85a2de0d-18fb-40fb-8099-dd6087275808.jpg?v=1788175249"},{"product_id":"medicube-collagen-night-wrapping-mask","title":"Medicube قناع التغليف الليلي بالكولاجين (75 مل) - لشد البشرة وتعزيز المرونة","description":"\u003cdiv class=\"med-premium-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === Premium Arabic Font === *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900\u0026display=swap');\n\n \/* === Core Variables (Midnight Gold \u0026 Collagen Amber Theme) === *\/\n .med-premium-wrapper {\n --med-bg-dark: #0a0805; \/* Deep midnight brown\/black *\/\n --med-bg-card: rgba(30, 20, 10, 0.55); \/* Translucent dark gold\/amber *\/\n --med-gold-main: #d4af37; \/* Premium Gold *\/\n --med-gold-light: #f3e5ab; \/* Luminous soft gold *\/\n --med-gold-glow: rgba(212, 175, 55, 0.3);\n --med-text-main: #fdfbf7;\n --med-text-muted: #cbbca0;\n --med-border: rgba(212, 175, 55, 0.2);\n --med-border-hover: rgba(243, 229, 171, 0.6);\n --med-alert: #ff4d4d;\n \n background-color: var(--med-bg-dark);\n color: var(--med-text-main);\n font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 40px 0;\n border-radius: 20px;\n box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n }\n\n .med-premium-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .med-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.8);\n border: 1px solid rgba(212, 175, 55, 0.1);\n }\n\n .med-container {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Ambient Golden Particles Background === *\/\n .med-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 .med-particle {\n position: absolute;\n border-radius: 50%;\n bottom: -100px;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%);\n box-shadow: 0 0 15px var(--med-gold-glow);\n animation: floatUpGold 15s infinite ease-in-out;\n filter: blur(6px);\n }\n\n @keyframes floatUpGold {\n 0% { transform: translateY(0) scale(0.8) 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 .med-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: 20px;\n line-height: 1.4;\n letter-spacing: 0;\n color: #fff;\n text-shadow: 0 5px 25px rgba(0,0,0,0.8);\n }\n\n .med-title-glow span {\n background: linear-gradient(135deg, var(--med-gold-light) 0%, var(--med-gold-main) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 20px var(--med-gold-glow);\n }\n\n .med-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 800;\n color: #fff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .med-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(--med-gold-main), transparent);\n border-radius: 10px;\n box-shadow: 0 0 10px var(--med-gold-main);\n }\n\n \/* === Hero Section === *\/\n .med-hero {\n text-align: center;\n padding: 20px 0 40px;\n }\n\n .med-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--med-gold-main);\n color: var(--med-gold-light);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 1rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--med-gold-glow);\n }\n \n .med-hero-subtitle {\n font-size: 1.25rem;\n color: var(--med-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 .med-glass-box {\n background: var(--med-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--med-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: right; \/* RTL Adjusted *\/\n }\n\n .med-glass-box.center-text {\n text-align: center;\n }\n\n .med-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0; \/* RTL Adjusted *\/\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--med-gold-light), var(--med-gold-main), transparent);\n box-shadow: 0 0 15px var(--med-gold-main);\n }\n\n \/* === Grid System === *\/\n .med-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .med-card {\n background: linear-gradient(145deg, rgba(20, 15, 10, 0.7), rgba(5, 5, 5, 0.9));\n border: 1px solid var(--med-border);\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 z-index: 1;\n text-align: right; \/* RTL Adjusted *\/\n }\n\n .med-card::after {\n content: '';\n position: absolute;\n bottom: -50%;\n left: -50%; \/* RTL Adjusted *\/\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 .med-card:hover {\n transform: translateY(-8px);\n border-color: var(--med-gold-main);\n box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n background: rgba(30, 20, 15, 0.9);\n }\n\n .med-card:hover::after {\n bottom: -10%;\n left: -10%; \/* RTL Adjusted *\/\n background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%);\n }\n\n .med-icon {\n width: 60px;\n height: 60px;\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(--med-gold-light);\n font-size: 28px;\n transition: all 0.3s ease;\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n \n .med-card:hover .med-icon {\n background: linear-gradient(135deg, var(--med-gold-main), var(--med-gold-light));\n color: #000;\n transform: scale(1.1) rotate(-5deg); \/* Adjusted for RTL visual *\/\n box-shadow: 0 0 25px var(--med-gold-main);\n border-color: transparent;\n }\n\n .med-card h3 {\n font-size: 1.25rem;\n color: #fff;\n margin-bottom: 12px;\n line-height: 1.4;\n font-weight: 800;\n }\n\n .med-card p {\n color: var(--med-text-muted);\n font-size: 1rem;\n line-height: 1.7;\n }\n\n \/* === Sleep Timeline \/ Mechanism === *\/\n .med-sleep-timeline {\n display: flex;\n flex-direction: column;\n gap: 15px;\n margin-top: 30px;\n }\n\n .med-sleep-phase {\n background: rgba(0,0,0,0.4);\n border: 1px solid var(--med-border);\n padding: 20px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n gap: 20px;\n transition: all 0.3s;\n text-align: right;\n }\n\n .med-sleep-phase:hover {\n border-color: var(--med-gold-main);\n background: rgba(212, 175, 55, 0.05);\n transform: translateX(-5px); \/* RTL Adjusted *\/\n }\n\n .med-phase-time {\n font-weight: 900;\n color: var(--med-gold-light);\n min-width: 110px;\n border-left: 2px solid var(--med-gold-main); \/* RTL Adjusted *\/\n padding-left: 15px; \/* RTL Adjusted *\/\n font-size: 1.1rem;\n }\n\n \/* === Stats === *\/\n .med-stats-wrap {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 40px 0;\n background: var(--med-bg-card);\n padding: 35px;\n border-radius: 20px;\n border: 1px solid var(--med-border);\n }\n\n .med-stat-item {\n text-align: center;\n position: relative;\n padding: 15px;\n }\n\n .med-stat-num {\n font-size: 3.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--med-gold-light), var(--med-gold-main));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n line-height: 1;\n margin-bottom: 10px;\n text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\n font-family: system-ui, -apple-system, sans-serif; \/* Keep numbers clean *\/\n }\n \n .med-stat-desc {\n color: #fff;\n font-size: 1.1rem;\n line-height: 1.5;\n font-weight: 500;\n }\n\n \/* === Usage Steps === *\/\n .med-steps-wrap {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-top: 40px;\n }\n\n .med-step-box {\n background: rgba(0,0,0,0.5);\n border: 1px solid var(--med-border);\n padding: 30px 20px;\n border-radius: 16px;\n text-align: center;\n position: relative;\n transition: all 0.3s;\n }\n\n .med-step-box:hover {\n border-color: var(--med-gold-main);\n transform: translateY(-5px);\n background: rgba(212, 175, 55, 0.05);\n }\n\n .med-step-num {\n width: 50px;\n height: 50px;\n background: var(--med-bg-dark);\n border: 2px solid var(--med-gold-main);\n color: var(--med-gold-light);\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 margin: 0 auto 20px;\n box-shadow: 0 0 15px var(--med-gold-glow);\n font-family: system-ui, sans-serif;\n }\n\n \/* === Reviews Section === *\/\n .med-reviews-list {\n list-style: none;\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-top: 30px;\n }\n\n .med-review-item {\n background: rgba(0,0,0,0.4);\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-radius: 12px;\n padding: 25px;\n text-align: right; \/* RTL Adjusted *\/\n transition: all 0.3s;\n }\n\n .med-review-item:hover {\n border-color: var(--med-gold-main);\n background: rgba(212, 175, 55, 0.05);\n }\n\n .med-review-title {\n color: #fff;\n font-size: 1.25rem;\n font-weight: 800;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n \/* === Animations === *\/\n .med-reveal {\n opacity: 0;\n transform: translateY(40px) scale(0.98);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .med-reveal.med-active {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n .med-delay-1 { transition-delay: 0.1s; }\n .med-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .med-hero { padding: 10px 0 20px; }\n .med-sleep-phase { flex-direction: column; text-align: center; }\n .med-phase-time { border-left: none; border-bottom: 2px solid var(--med-gold-main); padding-left: 0; padding-bottom: 10px; margin-bottom: 10px; }\n .med-stat-num { font-size: 2.8rem; }\n .med-glass-box::before { right: 0; top: 0; width: 100%; height: 4px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Ambient Golden Collagen Particles --\u003e\n \u003cdiv class=\"med-ambient-particles\" id=\"med-particles-ar\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"med-container\"\u003e\n \n \u003c!-- 1. Hero Section --\u003e\n \u003cdiv class=\"med-hero med-reveal med-active\"\u003e\n \u003cdiv class=\"med-badge\"\u003eالسر المثالي لبشرة زجاجية في ليلة واحدة\u003c\/div\u003e\n \u003ch1 class=\"med-title-glow\"\u003eالسؤال اللي حير خبراء التجميل:\u003cbr\u003e\u003cspan\u003eإزاي تصحي ببشرة أحسن من اللي نمتي بيها؟\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \u003cp class=\"med-hero-subtitle\"\u003e\n النوم هو الوقت الطبيعي للبشرة للتجديد والإصلاح، لكن معظم الناس بيضيعوا هذه الفترة الذهبية لأن الترطيب يتبخر في الهواء أو يمتص في المخدة. حان الوقت لاستغلال علم التجديد الليلي.\n \u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_Collagen_Night_Wrapping_Mask.webp?v=1757166925\" alt=\"Medicube Collagen Night Wrapping Mask\" style=\"margin: 0 auto 30px;\"\u003e\n \n \u003ch2 class=\"med-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.8rem; color: #fff;\"\u003eماسك Medicube الكولاجين الليلي\u003c\/h2\u003e\n \u003cp style=\"color: var(--med-text-muted); max-width: 800px; margin: 0 auto; line-height: 1.8;\"\u003e\n بدلاً من الماسكات التقليدية اللي بتشتغل لـ 20 دقيقة وتتشال، ماسك \u003cstrong\u003eMedicube\u003c\/strong\u003e يتكيف مع دورة النوم الطبيعية. يخلق الماسك \u003cstrong\u003eطبقة حماية ذكية\u003c\/strong\u003e تعمل لمدة 8 ساعات متواصلة لتحويل البشرة من الأعماق، وتجبر بشرتك حرفياً على امتصاص الكولاجين والترطيب أثناء نومك.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2. The Problem (Agitation) --\u003e\n \u003cdiv class=\"med-glass-box med-reveal\"\u003e\n \u003ch2 style=\"color: var(--med-gold-light); font-size: 1.6rem; margin-bottom: 15px; font-weight: 800; display: flex; align-items: center; gap: 10px;\"\u003e\n ⚠️ المشكلة الخفية: إهدار 8 ساعات يومياً\n \u003c\/h2\u003e\n \u003cdiv style=\"display: flex; flex-direction: column; gap: 20px;\"\u003e\n \u003cp style=\"color: #fff; font-size: 1.15rem; line-height: 1.8; margin: 0;\"\u003e\n الأبحاث الطبية أثبتت إن البشرة تدخل في حالة إصلاح مكثف أثناء النوم، لكن معظم الناس بيضيعوا المجهود ده. ليه؟ بسبب \u003cstrong\u003eالتبخر الليلي\u003c\/strong\u003e للرطوبة، وبسبب الاحتكاك بالوسادة اللي بيمسح كل منتجات العناية الغالية اللي حطيتيها.\n \u003c\/p\u003e\n \u003cdiv style=\"background: rgba(0,0,0,0.5); padding: 20px; border-radius: 12px; border-right: 4px solid var(--med-gold-main);\"\u003e\n \u003cp style=\"color: var(--med-text-muted); margin: 0; line-height: 1.7;\"\u003e\n \u003cstrong style=\"color: #fff;\"\u003eالحل المبتكر من Medicube:\u003c\/strong\u003e يتحول الماسك لفيلم مرن غير مرئي يحمي بشرتك من الاحتكاك، ويوقف التبخر تماماً ليدفع كل قطرة من الكولاجين والترطيب لطبقات الجلد العميقة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 3. Mechanism (The 8-Hour Lab) --\u003e\n \u003ch2 class=\"med-section-title med-reveal\"\u003eكيف يعمل الماسك كـ \"مختبر مصغر\" لمدة 8 ساعات؟\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_Collagen_Night_Wrapping_Mask_2.webp?v=1757166899\" alt=\"Night Wrapping Mechanism\" class=\"med-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n \n \u003cp class=\"med-reveal\" style=\"text-align: center; color: var(--med-text-muted); font-size: 1.15rem; margin-bottom: 30px;\"\u003e\n يتحول الماسك من جل طري لفيلم واقي خلال 15 دقيقة، لتبدأ دورة الإصلاح:\n \u003c\/p\u003e\n\n \u003cdiv class=\"med-sleep-timeline med-reveal\"\u003e\n \u003cdiv class=\"med-sleep-phase\"\u003e\n \u003cdiv class=\"med-phase-time\"\u003eساعات ١ - ٢\u003c\/div\u003e\n \u003cdiv style=\"color: var(--med-text-muted);\"\u003e\n\u003cstrong\u003eتكوين الحاجز:\u003c\/strong\u003e يتصلب الفيلم ليحبس السيرومات التي وضعتيها مسبقاً ويمنع فقدان الرطوبة تماماً.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"med-sleep-phase\"\u003e\n \u003cdiv class=\"med-phase-time\"\u003eساعات ٣ - ٤\u003c\/div\u003e\n \u003cdiv style=\"color: var(--med-text-muted);\"\u003e\n\u003cstrong\u003eذروة الامتصاص:\u003c\/strong\u003e يتم دفع الكولاجين المهدرج وحمض الهيالورونيك بقوة نحو طبقات الجلد السفلية بفضل الحاجز.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"med-sleep-phase\"\u003e\n \u003cdiv class=\"med-phase-time\"\u003eساعات ٥ - ٦\u003c\/div\u003e\n \u003cdiv style=\"color: var(--med-text-muted);\"\u003e\n\u003cstrong\u003eتحفيز الإصلاح:\u003c\/strong\u003e يعمل النياسيناميد والسيراميد دون انقطاع لتقوية حاجز البشرة وتوحيد لونها.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"med-sleep-phase\"\u003e\n \u003cdiv class=\"med-phase-time\"\u003eساعات ٧ - ٨\u003c\/div\u003e\n \u003cdiv style=\"color: var(--med-text-muted);\"\u003e\n\u003cstrong\u003eالنتيجة النهائية:\u003c\/strong\u003e تستيقظين، تقشرين الماسك، لتكشفي عن بشرة ممتلئة، فائقة الترطيب، ومشرقة كالزجاج.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 4. Clinical Results --\u003e\n \u003ch2 class=\"med-section-title med-reveal\"\u003eالنتائج السريرية بالأرقام المؤكدة\u003c\/h2\u003e\n \u003cp class=\"med-reveal\" style=\"text-align: center; color: var(--med-text-muted);\"\u003eبناءً على دراسات سريرية دقيقة بعد أسبوعين من الاستخدام. ليست مجرد وعود تسويقية.\u003c\/p\u003e\n \n \u003cdiv class=\"med-stats-wrap med-reveal\"\u003e\n \u003cdiv class=\"med-stat-item\"\u003e\n \u003cdiv class=\"med-stat-num\"\u003e31.4%\u003c\/div\u003e\n \u003cdiv class=\"med-stat-desc\"\u003eزيادة ملحوظة في مرونة وشد البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"med-stat-item\"\u003e\n \u003cdiv class=\"med-stat-num\"\u003e24.8%\u003c\/div\u003e\n \u003cdiv class=\"med-stat-desc\"\u003eتحسن مستمر في الترطيب لـ ٢٤ ساعة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"med-stat-item\"\u003e\n \u003cdiv class=\"med-stat-num\"\u003e31.0%\u003c\/div\u003e\n \u003cdiv class=\"med-stat-desc\"\u003eتقليل واضح في مظهر الخطوط الدقيقة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5. Benefits Grid --\u003e\n \u003ch2 class=\"med-section-title med-reveal\"\u003eايه اللي هيحصل لبشرتك تاني يوم الصبح؟\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_Collagen_Night_Wrapping_Mask_3.webp?v=1757168715\" alt=\"Medicube Results\" class=\"med-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n \n \u003cdiv class=\"med-grid\"\u003e\n \u003cdiv class=\"med-card med-reveal\"\u003e\n \u003cdiv class=\"med-icon\"\u003e💦\u003c\/div\u003e\n \u003ch3\u003eترطيب مكثف وعميق\u003c\/h3\u003e\n \u003cp\u003eلأن الرطوبة لا تستطيع الهروب أثناء الليل، ستستيقظين ببشرة ممتلئة وناعمة جداً لدرجة أنها ترتد عند لمسها (تأثير بشرة الموتشي).\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"med-card med-reveal med-delay-1\"\u003e\n \u003cdiv class=\"med-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eتأثير البشرة الزجاجية الفوري\u003c\/h3\u003e\n \u003cp\u003eعملية إزالة الماسك صباحاً تزيل معها الخلايا الميتة السطحية بلطف، مما يكشف عن ملمس زجاجي أملس ومثالي لوضع المكياج.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"med-card med-reveal med-delay-2\"\u003e\n \u003cdiv class=\"med-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eحماية من تجاعيد الوسادة\u003c\/h3\u003e\n \u003cp\u003eيعمل الفيلم كدرع واقي يمنع احتكاك وجهك بالوسادة أثناء التقلب، ليقضي على خطوط النوم العميقة التي تعجل بالشيخوخة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"med-card med-reveal\"\u003e\n \u003cdiv class=\"med-icon\"\u003e🧬\u003c\/div\u003e\n \u003ch3\u003eدعم مرونة الجلد ومقاومة السن\u003c\/h3\u003e\n \u003cp\u003eمشبّع بمستخلص الكولاجين المتقدم الذي يدعم البنية الأساسية لبشرتك ويحارب الجاذبية ليقلل من عمق التجاعيد بفعالية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 6. Usage Guide --\u003e\n \u003ch2 class=\"med-section-title med-reveal\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \u003cdiv class=\"med-steps-wrap med-reveal\"\u003e\n \u003cdiv class=\"med-step-box\"\u003e\n \u003cdiv class=\"med-step-num\"\u003e١\u003c\/div\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.15rem; font-weight: 800;\"\u003eالتحضير الليلي\u003c\/h4\u003e\n \u003cp style=\"color: var(--med-text-muted); font-size: 1rem;\"\u003eنظفي بشرتك جيداً وقومي بروتينك المعتاد (تونر، سيروم، كريم). انتظري قليلاً لتمتصه البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"med-step-box med-delay-1\"\u003e\n \u003cdiv class=\"med-step-num\"\u003e٢\u003c\/div\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.15rem; font-weight: 800;\"\u003eتطبيق الماسك\u003c\/h4\u003e\n \u003cp style=\"color: var(--med-text-muted); font-size: 1rem;\"\u003eكخطوة أخيرة تماماً، وزعي طبقة متوسطة من الماسك على كامل الوجه والرقبة (تجنبي العينين والشفاه).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"med-step-box med-delay-2\"\u003e\n \u003cdiv class=\"med-step-num\"\u003e٣\u003c\/div\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.15rem; font-weight: 800;\"\u003eالجفاف والنوم\u003c\/h4\u003e\n \u003cp style=\"color: var(--med-text-muted); font-size: 1rem;\"\u003eانتظري ١٥-٢٠ دقيقة حتى يجف الماسك ويتحول إلى فيلم شفاف لامع. نامي براحة تامة!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"med-step-box\"\u003e\n \u003cdiv class=\"med-step-num\"\u003e٤\u003c\/div\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.15rem; font-weight: 800;\"\u003eالإزالة الصباحية\u003c\/h4\u003e\n \u003cp style=\"color: var(--med-text-muted); font-size: 1rem;\"\u003eفي الصباح، اقشري الفيلم بلطف بدءاً من الأطراف. اغسلي وجهك بالماء الفاتر إذا تبقى أي أجزاء صغيرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 7. Reviews --\u003e\n \u003ch2 class=\"med-section-title med-reveal\"\u003eتجارب حقيقية لنتائج مذهلة\u003c\/h2\u003e\n \u003cdiv class=\"med-glass-box med-reveal\" style=\"padding: 30px;\"\u003e\n \u003cdiv class=\"med-reviews-list\"\u003e\n \u003cdiv class=\"med-review-item\"\u003e\n \u003cdiv class=\"med-review-title\" style=\"color: var(--med-gold-light);\"\u003e⭐ \"بشرة زجاجية في مستوى تاني خالص\"\u003c\/div\u003e\n \u003cp style=\"color: var(--med-text-muted); margin: 0;\"\u003e\"بجد عشقته! بستخدمه بقالي أسبوعين بالليل، بينقل فكرة البشرة الزجاجية لمستوى تاني. بصحى الصبح بشرتي ناعمة جداً ومترطبة بشكل رهيب وخطوط جبهتي خفت جداً!\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"med-review-item\"\u003e\n \u003cdiv class=\"med-review-title\" style=\"color: var(--med-gold-main);\"\u003e🛡️ \"الحامي الأكبر لسيروماتي الغالية\"\u003c\/div\u003e\n \u003cp style=\"color: var(--med-text-muted); margin: 0;\"\u003e\"فكرته عبقرية لأنه بيغطي وشي بالليل فبيحمي بشرتي من إنها تلمس المخدة، أخيراً السيرومات الغالية اللي بحطها بقت تفضل على وشي وتجيب نتيجة.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"med-review-item\"\u003e\n \u003cdiv class=\"med-review-title\" style=\"color: var(--med-alert);\"\u003e⚠️ \"نصيحة سريعة:\"\u003c\/div\u003e\n \u003cp style=\"color: var(--med-text-muted); margin: 0;\"\u003e\"تأكدي إنك تحطي طبقة متوسطة السمك خصوصاً عند الأطراف عشان تتقشر معاكي حتة واحدة الصبح بسهولة. لو الطبقة خفيفة أوي هتضطري تغسليها بالمايه (هتجيب نتيجة برضه بس التقشير أمتع بكتير!).\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 8. Final CTA --\u003e\n \u003cdiv class=\"med-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 24px; border: 1px solid var(--med-border);\"\u003e\n \u003ch2 class=\"med-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eكل ليلة نوم هي فرصة... لا تضيعيها\u003c\/h2\u003e\n \n \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 800px; margin: 20px auto 30px; line-height: 1.8;\"\u003e\n بشرتك تحاول جاهدة إصلاح نفسها أثناء النوم. امنحيها الميزة القصوى. \u003cstrong\u003eماسك Medicube\u003c\/strong\u003e يضمن لكِ أن ١٠٠٪ من مجهود عنايتك ببشرتك يؤتي ثماره، ليحبس الشباب ويمنع علامات التقدم في السن.\n \u003c\/p\u003e\n \u003cp style=\"color: var(--med-gold-main); font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--med-gold-glow); letter-spacing: 0;\"\u003e\n احصلي عليه الآن واستيقظي ببشرة مثالية غداً!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- 9. Ingredients Footer --\u003e\n \u003cdiv class=\"med-ingredients med-reveal\"\u003e\n \u003ch3 style=\"color: var(--med-gold-light); margin-bottom: 10px; font-size: 1.2rem; font-weight: 800;\"\u003eأهم المكونات النشطة:\u003c\/h3\u003e\n \u003cp style=\"color: var(--med-text-muted);\"\u003e\u003cstrong\u003eمستخلص الكولاجين\u003c\/strong\u003e (للشد والمرونة)، \u003cstrong\u003eحمض الهيالورونيك\u003c\/strong\u003e (للترطيب العميق)، \u003cstrong\u003eالنياسيناميد\u003c\/strong\u003e (للتفتيح وتوحيد اللون)، \u003cstrong\u003eسيراميد NP\u003c\/strong\u003e (لحماية حاجز البشرة)، \u003cstrong\u003eالأدينوسين\u003c\/strong\u003e (لمعالجة التجاعيد)، \u003cstrong\u003eومستخلصات نباتية مهدئة\u003c\/strong\u003e.\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('.med-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('med-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n threshold: 0.15,\n rootMargin: \"0px 0px -50px 0px\"\n });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('med-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Generate Ambient Golden Particles\n var ambientContainer = document.getElementById('med-particles-ar');\n var particleCount = 20; \n \n for (var i = 0; i \u003c particleCount; i++) {\n var particle = document.createElement('div');\n particle.classList.add('med-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 \/\/ Safe to use 'left' in positioning regardless of RTL due to absolute full width wrapper.\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":"Medicube","offers":[{"title":"Default Title","offer_id":46999422238894,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Medicube_Collagen_Night_Wrapping_Mask.jpg?v=1788175249"},{"product_id":"medicube-pdrn-pink-peptide-eye-cream","title":"Medicube كريم العين بالبيبتيدات الوردية PDRN - لشد البشرة وتقليل التجاعيد والهالات (30 مل)","description":"\n \u003cstyle\u003e\n .product-description {\n direction: rtl;\n text-align: right;\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: #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\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\/Medicube.jpg?v=1757170209') 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: #fff;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .subtitle {\n font-size: 1.4em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 15px;\n }\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\n .hero-text {\n font-size: 1.1em;\n line-height: 1.7;\n margin-bottom: 20px;\n color: #fff;\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 .problem-section {\n background: #000;\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n }\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\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\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: 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\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\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 color: #333;\n }\n\n .science-section {\n background: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 1px solid #e9ecef;\n }\n\n .science-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .science-card {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .science-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .science-name {\n font-size: 1.3em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 10px;\n }\n\n .science-description {\n line-height: 1.6;\n color: #333;\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 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\n .ingredient-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px 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 .ingredient-description ul {\n margin: 15px 0;\n margin-right: 20px;\n }\n\n .ingredient-description li {\n margin-bottom: 8px;\n }\n\n .timeline-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 20px;\n margin: 30px 0;\n border-radius: 15px;\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-item {\n background: #fff;\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .timeline-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .timeline-item h3 {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .timeline-item ul {\n margin-right: 20px;\n line-height: 1.7;\n }\n\n .social-proof {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n }\n\n .social-proof-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\n text-align: center;\n }\n\n .proof-item {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n font-size: 1.1em;\n font-weight: bold;\n color: #333;\n }\n\n .proof-item:hover {\n transform: translateX(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n }\n\n .proof-icon {\n color: #9C8102;\n margin-left: 10px;\n }\n\n .value-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 .value-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .value-item {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .value-item:hover {\n transform: translateX(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n }\n\n .value-item h3 {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .usage-guide {\n background: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 1px solid #e9ecef;\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: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 25px;\n border-radius: 12px;\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\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-title {\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 1.2em;\n }\n\n .step-content {\n line-height: 1.7;\n }\n\n .step-content ol, .step-content ul {\n margin-right: 20px;\n }\n\n .step-content li {\n margin-bottom: 10px;\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: #fff;\n }\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\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 .highlight-box {\n background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n color: #fff;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n text-align: center;\n font-weight: bold;\n font-size: 1.1em;\n box-shadow: 0 10px 25px rgba(156, 129, 2, 0.3);\n }\n\n .question-cta {\n background: linear-gradient(135deg, #333 0%, #000 100%);\n color: #fff;\n padding: 30px;\n border-radius: 15px;\n margin: 20px 0;\n text-align: center;\n font-size: 1.2em;\n font-weight: bold;\n }\n\n .question-cta .highlight-text {\n color: #9C8102;\n font-size: 1.3em;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title { font-size: 1.8em; }\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\n\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 \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube.jpg?v=1757170209\" alt=\"Medicube PDRN Pink Peptide Eye Cream\"\u003e\n \u003c\/div\u003e\n \u003ch1 class=\"main-title\"\u003eMedicube PDRN Pink Peptide Eye Cream\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eكريم العين الذكي بتقنية الحمض النووي المتطورة\u003c\/h2\u003e\n \u003ch3 class=\"hero-tagline\"\u003eلما العلم الكوري يلتقي بأسرار البحر\u003c\/h3\u003e\n \u003cp class=\"hero-text\"\u003eمنطقة العين هي أكتر منطقة حساسة في الوش، والمشاكل اللي بتظهر فيها - زي الهالات السوداء والخطوط الدقيقة - مش بتروح بسهولة مع الكريمات العادية. كريم Medicube بيستخدم \u003cstrong\u003eتقنية PDRN المستخرجة من الحمض النووي للسلمون\u003c\/strong\u003e مع 5 أنواع من الببتيدات المتخصصة لحل مشاكل منطقة العين من الجذور.\u003c\/p\u003e\n \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eالتقنية المبتكرة:\u003c\/strong\u003e الحمض النووي للسلمون يحتوي على جزيئات صغيرة قادرة على \u003cstrong\u003eتحفيز تجديد الخلايا وإصلاح الأنسجة\u003c\/strong\u003e في أرق منطقة بالوش، مع نتائج سريرية مثبتة خلال أسبوع واحد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Problem Section --\u003e\n \u003cdiv class=\"problem-section fade-in\"\u003e\n \u003ch2 class=\"problem-title\"\u003eمشكلة منطقة العين: المنطقة المنسية في روتين العناية\u003c\/h2\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eالحقائق العلمية عن تحديات منطقة العين\u003c\/strong\u003e\u003c\/h3\u003e\n \n \u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eالأبحاث الطبية أثبتت إن \u003cstrong\u003eمنطقة العين أرق بنسبة 40% من باقي جلد الوش\u003c\/strong\u003e، وده بيخليها أكتر عرضة للمشاكل والشيخوخة المبكرة. المنطقة دي بتواجه تحديات يومية صعبة:\u003c\/p\u003e\n \n \u003ch4 style=\"color: #9C8102; font-weight: bold; margin: 20px 0;\"\u003e\u003cstrong\u003eالمشاكل الأساسية:\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cul style=\"margin-right: 20px; line-height: 1.8;\"\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 \u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eلماذا الكريمات العادية مش بتكفي؟\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp style=\"line-height: 1.7;\"\u003eمعظم كريمات العين \u003cstrong\u003eبتركز على الترطيب السطحي\u003c\/strong\u003e مش على إصلاح الأنسجة من الأعماق. النتيجة؟ تحسن مؤقت بدون حل حقيقي للمشاكل الأساسية.\u003c\/p\u003e\n \n \u003cp style=\"line-height: 1.7; margin-top: 20px;\"\u003e\u003cstrong\u003eالمطلوب:\u003c\/strong\u003e كريم يشتغل على \u003cstrong\u003eمستوى الحمض النووي للخلايا\u003c\/strong\u003e عشان يصلح الأضرار ويحفز التجديد الطبيعي لأرق منطقة في الوش.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-section fade-in\"\u003e\n \u003ch2 class=\"benefits-title\"\u003eالكريم ده هو أول كريم بيصلح الحمض النووي لمنطقة العين\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_pdrn_pink_peptide_eye_cream_30ml_de1450fa-64a0-4fbe-b5d9-8a9ffb7386bd.jpg?v=1757170594\" alt=\"فوائد الكريم\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eإصلاح الحمض النووي للخلايا وتجديدها\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بتقنية PDRN نقية بنسبة 99%)\u003c\/strong\u003e تحفيز مستقبلات الأدينوسين لتسريع تجديد الخلايا وإصلاح الأنسجة المتضررة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eزيادة مرونة منطقة العين بنتائج مثبتة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بمجموعة الببتيدات الخماسية المتقدمة)\u003c\/strong\u003e تحسن المرونة بنسبة 2.87% خلال أسبوع واحد مع تحفيز إنتاج الكولاجين\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eترطيب مكثف يدوم طوال اليوم\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بحمض الهيالورونيك متعدد الأوزان الجزيئية)\u003c\/strong\u003e زيادة الترطيب بنسبة 22.5% مع امتصاص فوري وطويل المدى\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eعلاج الهالات السوداء من مسبباتها\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالنياسيناميد المتخصص)\u003c\/strong\u003e تقليل نقل الميلانين بنسبة 68% وتحسين الدورة الدموية الدقيقة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eمحو الخطوط الدقيقة وخطوط التعبير\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالريتينول النقي بنسبة 99%)\u003c\/strong\u003e تحسن الخطوط والتجاعيد بنسبة 33% وتقليل ظلام تحت العين بنسبة 41%\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتقليل الانتفاخات والأكياس تحت العين\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالكافيين المنشط للدورة الدموية)\u003c\/strong\u003e تحفيز التصريف الليمفاوي وتقليل تجمع السوائل\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتقوية حاجز البشرة الرقيق\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالسيراميد والأحماض الأمينية)\u003c\/strong\u003e تعزيز البنية الطبيعية لأرق منطقة في الوش\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتنعيم ملمس الجلد وتحسين الإشراق\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالأدينوسين المحفز للكولاجين)\u003c\/strong\u003e زيادة سماكة الجلد ونعومة الملمس مع إشراق طبيعي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eحماية من الأضرار البيئية اليومية\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بمضادات الأكسدة المتقدمة)\u003c\/strong\u003e وقاية من الجذور الحرة والعوامل اللي بتسرع شيخوخة العين\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتحسين الدورة الدموية الدقيقة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بتقنية PDRN المحفزة)\u003c\/strong\u003e تكوين أوعية دموية جديدة لتحسين توصيل الأكسجين والغذاء\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eمقاومة علامات التقدم في السن\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالتركيبة المتكاملة)\u003c\/strong\u003e منع ظهور مشاكل جديدة وإصلاح الموجود\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتهدئة التهابات المنطقة الحساسة\u003c\/h3\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\n \u003c!-- Science Section --\u003e\n \u003cdiv class=\"science-section fade-in\"\u003e\n \u003ch2 class=\"science-title\"\u003eكيف تعمل تقنية PDRN ؟\u003c\/h2\u003e\n \n \u003cdiv class=\"science-card\"\u003e\n \u003cdiv class=\"science-name\"\u003e◆ الحمض النووي للسلمون - العلم وراء المعجزة:\u003c\/div\u003e\n \u003cdiv class=\"science-description\"\u003e\n \u003cp\u003e\u003cstrong\u003ePDRN (Polydeoxyribonucleotide)\u003c\/strong\u003e هو مستخلص من الحمض النووي للسلمون مكسر لجزيئات صغيرة (50-1500 كيلو دالتون) قادرة على:\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eتحفيز مستقبلات A2A\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!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003ch2 class=\"ingredients-title\"\u003eالمكونات العلمية المتخصصة\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e◇ مجموعة الببتيدات الخماسية:\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cp\u003e\u003cstrong\u003e5 أنواع من الببتيدات المتخصصة\u003c\/strong\u003e تشتغل مع بعض بتناغم مثالي:\u003c\/p\u003e\n \u003cul\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 فعالية مضادة للتجاعيد بنسبة 48.9%\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e يحفز تخليق الكولاجين ويحسن الملمس\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e يقلل الالتهاب ويقوي الحاجز الواقي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e يعزز إنتاج الكولاجين والإيلاستين\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e● النياسيناميد (فيتامين B3):\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cp\u003e\u003cstrong\u003eمتخصص في علاج الهالات السوداء\u003c\/strong\u003e عن طريق:\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eتثبيط نقل الميلانين بنسبة 68%\u003c\/li\u003e\n \u003cli\u003eتقوية حاجز البشرة الرقيق\u003c\/li\u003e\n \u003cli\u003eتقليل الالتهاب وتهدئة المنطقة الحساسة\u003c\/li\u003e\n \u003cli\u003eتحسين الدورة الدموية الدقيقة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e▲ الكافيين المنشط:\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cp\u003e\u003cstrong\u003eيحفز الدورة الدموية\u003c\/strong\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 \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section fade-in\"\u003e\n \u003ch2 class=\"timeline-title\"\u003eرحلة التحول :\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3\u003eمن أول استخدام:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eترطيب فوري وانتعاش للمنطقة\u003c\/li\u003e\n \u003cli\u003eتنعيم مؤقت للخطوط الدقيقة\u003c\/li\u003e\n \u003cli\u003eتحسن في انعكاس الضوء وتقليل الظلال\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3\u003eبعد أسبوع واحد:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eالنتائج السريرية المؤكدة:\u003c\/strong\u003e 2.87% تحسن في المرونة\u003c\/li\u003e\n \u003cli\u003eتقليل واضح في الانتفاخات والأكياس\u003c\/li\u003e\n \u003cli\u003eبداية تفتيح الهالات السوداء\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3\u003eبعد أسبوعين إلى شهر:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتحسن ملحوظ في نعومة الملمس\u003c\/li\u003e\n \u003cli\u003eتقليل واضح في عمق الخطوط الدقيقة\u003c\/li\u003e\n \u003cli\u003eتحسن في قوة ومقاومة الجلد\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3\u003eبعد 3 شهور من الاستخدام المنتظم:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتحسن جوهري في سماكة وقوة الجلد\u003c\/li\u003e\n \u003cli\u003eنتائج طويلة المدى في محو علامات التقدم في السن\u003c\/li\u003e\n \u003cli\u003eمنطقة عين أكثر شباباً وحيوية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Social Proof Section --\u003e\n \u003cdiv class=\"social-proof fade-in\"\u003e\n \u003ch2 class=\"social-proof-title\"\u003eتجارب موثقة وشهادات حقيقية\u003c\/h2\u003e\n \n \u003cdiv class=\"proof-item\"\u003e\n \u003cspan class=\"proof-icon\"\u003e★\u003c\/span\u003e\n \u003cspan\u003eتقييم 4.0\/5 نجوم من مئات المراجعات العالمية\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"proof-item\"\u003e\n \u003cspan class=\"proof-icon\"\u003e◆\u003c\/span\u003e\n \u003cspan\u003eاختيار مجلة InStyle كأحد أفضل منتجات K-beauty\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"proof-item\"\u003e\n \u003cspan class=\"proof-icon\"\u003e▲\u003c\/span\u003e\n \u003cspan\u003eنسبة رضا 97% من المستخدمين على الملمس والامتصاص\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Value Section --\u003e\n \u003cdiv class=\"value-section fade-in\"\u003e\n \u003ch2 class=\"value-title\"\u003eقيمة مقابل سعر ممتازة\u003c\/h2\u003e\n \n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e◆ تقنية احترافية:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eتركيز PDRN بمستوى العيادات المتخصصة\u003c\/strong\u003e - نفس التقنية المستخدمة في علاجات التجميل الطبي.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e▲ حجم مناسب - استخدام طويل:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e30 مل تكفي لـ3-4 شهور\u003c\/strong\u003e من الاستخدام اليومي لمنطقة العين.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e● تركيبة متعددة الوظائف:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eيحل 7 مشاكل مختلفة\u003c\/strong\u003e في منطقة العين بدلاً من شراء منتجات منفصلة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e✓ نتائج سريرية موثقة:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eمش مجرد وعود تسويقية\u003c\/strong\u003e - دراسات حقيقية بأرقام واضحة من أسبوع واحد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Guide Section --\u003e\n \u003cdiv class=\"usage-guide fade-in\"\u003e\n \u003ch2 class=\"usage-title\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-title\"\u003eالتطبيق الصحيح:\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003col\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 \u003cli\u003e\n\u003cstrong\u003eاتركه يمتص\u003c\/strong\u003e لدقيقتين قبل وضع المكياج\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-title\"\u003eالتوقيت المثالي:\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eصباحاً ومساءً\u003c\/strong\u003e كآخر خطوة في روتين العناية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتحت واقي الشمس\u003c\/strong\u003e في النهار لحماية إضافية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالاستخدام اليومي\u003c\/strong\u003e للحصول على أفضل النتائج\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-title\"\u003eنصايح للتحقيق أقصى استفادة:\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eابدأ تدريجياً\u003c\/strong\u003e إذا كانت أول مرة تستخدم ريتينول\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاحفظه في مكان بارد\u003c\/strong\u003e للحفاظ على المكونات النشطة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاستخدم واقي شمس دائماً\u003c\/strong\u003e لحماية المنطقة الحساسة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Investment Section --\u003e\n \u003cdiv class=\"science-section fade-in\"\u003e\n \u003ch2 class=\"science-title\"\u003eاستثمار ذكي في منطقة العين\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_pdrn_pink_peptide_eye_cream_30ml_ced4534c-bb13-48c5-af3e-789c621dd83b.jpg?v=1757170700\" alt=\"استثمار ذكي\"\u003e\n \u003c\/div\u003e\n \n \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n \u003cstrong\u003eكريم Medicube ليس مجرد كريم عين عادي... إنه استثمار في تقنية متقدمة تحل مشاكل منطقة العين من الجذور.\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n \u003cstrong\u003eبدلاً من إخفاء المشاكل بالمكياج، عالجها بالعلم\u003c\/strong\u003e واحصل على نتائج دائمة ومثبتة سريرياً.\n \u003c\/p\u003e\n\n \u003cdiv class=\"question-cta\"\u003e\n \u003cp class=\"highlight-text\"\u003eهتفضل تخبي الهالات السوداء بالكونسيلر ولا هتعالجيها من الأساس؟\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eضيفه للعربة الآن\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list fade-in\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة:\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003e\n Water, Glycerin, Dipropylene Glycol, Niacinamide, Caprylic\/Capric Triglyceride, Pentaerythrityl Tetraethylhexanoate, Cetearyl Alcohol, Glycereth-26, Sodium DNA, Adenosine, Retinol, Sodium Hyaluronate, Caffeine, Multiple Peptides Complex, والمزيد من المكونات النشطة المتخصصة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA Section --\u003e\n \u003cdiv class=\"final-cta fade-in pulse\"\u003e\n \u003ch2 class=\"cta-title\"\u003eتقنية الحمض النووي للسلمون في خدمة جمال عينيك\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eMedicube PDRN Pink Peptide Eye Cream - العلم الكوري المتقدم\u003c\/strong\u003e\u003cbr\u003e\n حل علمي شامل لجميع مشاكل منطقة العين بتقنية PDRN المثبتة سريرياً\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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.02)';\n });\n });\n\n \/\/ Enhanced hover effects for cards\n const cards = document.querySelectorAll('.science-card, .ingredient-card, .step-card, .value-item, .timeline-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 \/\/ 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.2;\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 \/\/ Special animation for question CTA\n const questionCta = document.querySelector('.question-cta');\n if (questionCta) {\n const ctaObserver = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'pulse 2s infinite';\n }\n });\n }, { threshold: 0.5 });\n \n ctaObserver.observe(questionCta);\n }\n });\n \u003c\/script\u003e\n\n","brand":"Medicube","offers":[{"title":"Default Title","offer_id":46999422402734,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicube_pdrn_pink_peptide_eye_cream_30ml_ec9d91f6-a842-4443-b223-74de86f6e1c0.jpg?v=1788175247"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-starter-kit","title":"Some by Mi Yuja Niacin Anti-Blemish Starter Kit المجموعة الكورية المتقدمة لعلاج التصبغات","description":"\u003cstyle\u003e\n.product-description {\n direction: rtl;\n text-align: right;\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 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_Yuja_Niacin_Anti-Blemish_Starter_Kit.jpg?v=1757506035\"\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eكيت التفتيح الكوري المتكامل بمستخلص اليوجا والنياسيناميد\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eعندما يلتقي فيتامين سي الطبيعي بتقنية النياسيناميد المتطورة\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eالتصبغات والبقع الداكنة تؤثر على ثقتك بنفسك وجمال بشرتك. كيت سوم باي مي يجمع بين \u003cstrong\u003eمستخلص اليوجا الغني بفيتامين سي الطبيعي بتراكيز تصل إلى 90% مع النياسيناميد حتى 10%\u003c\/strong\u003e في 4 منتجات متكاملة تعمل معاً لتفتيح البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eأزمة التصبغات: التحدي الجمالي الأكبر\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\u003eلماذا تظهر التصبغات وكيف تنتشر؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003e\u003cstrong\u003e95% من مشاكل التصبغات سببها فرط إنتاج الميلانين\u003c\/strong\u003e نتيجة التعرض للشمس والالتهابات وآثار حب الشباب والتقدم في العمر.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eليه مستخلص اليوجا + النياسيناميد هو الحل الأمثل؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eمستخلص اليوجا يحتوي على \u003cstrong\u003eأعلى تركيز من فيتامين سي الطبيعي\u003c\/strong\u003e بين جميع الحمضيات، بينما النياسيناميد يثبط إنزيم التيروزيناز المسؤول عن إنتاج الميلانين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eقوة اليوجا الكورية مع النياسيناميد المتطور\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\u003eتنظيف مفتح ولطيف (الخطوة 1)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(غسول بـ11% يوجا + نياسيناميد)\u003c\/strong\u003e ينظف البشرة من الشوائب ويبدأ عملية التفتيح من أول استخدام\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\u003eتحضير وتنشيط البشرة (الخطوة 2)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(تونر بـ90% يوجا + 5% نياسيناميد)\u003c\/strong\u003e يحضر البشرة لامتصاص أفضل ويوازن درجة الحموضة\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\u003eالتفتيح المكثف والمستهدف (الخطوة 3)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(سيروم بـ83% يوجا + 10% نياسيناميد)\u003c\/strong\u003e أعلى تركيز في الكيت يستهدف البقع الداكنة مباشرة\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\u003eترطيب وحماية النتائج (الخطوة 4)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(كريم بـ70% يوجا + 5% نياسيناميد)\u003c\/strong\u003e يحافظ على النتائج ويحمي من تكون تصبغات جديدة\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\"\u003eكنوز اليوجا الكورية والنياسيناميد المتطور\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ مستخلص اليوجا الكوري - ملك فيتامين سي الطبيعي:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCitrus Junos بتراكيز متدرجة من 11% إلى 90%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eفيتامين سي طبيعي مركز:\u003c\/strong\u003e أقوى من الصناعي بـ3 مرات\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\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● النياسيناميد - فيتامين B3 المعجزة:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eفيتامين B3 بتراكيز متدرجة من 1ppm إلى 10%\u003c\/strong\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\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\"\u003eرحلة التفتيح الكوري خطوة بخطوة:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوع الأول:\u003c\/h3\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=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوعين 2-4:\u003c\/h3\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=\"timeline-item\"\u003e\n\u003ch3\u003eالشهر الثاني:\u003c\/h3\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\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eالتقنية الكورية المتكاملة بقيمة استثنائية\u003c\/h2\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\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_4.webp?v=1757506108\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ 4 منتجات في كيت واحد:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eنظام عناية متكامل\u003c\/strong\u003e - غسول + تونر + سيروم + كريم بدلاً من شراء كل منتج منفصل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ تراكيز متدرجة احترافية:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eمن 11% إلى 90% يوجا\u003c\/strong\u003e - تفتيح تدريجي آمن بدون تهيج أو حساسية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eلماذا النهج الكوري المتكامل هو الأفضل؟\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eكيت سوم باي مي ليس مجرد منتجات... إنه نظام علمي متكامل للتفتيح الآمن.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eهتفضل التجربة العشوائية ولا النظام العلمي الكوري المثبت؟\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eاطلب الكيت المتكامل دلوقتي\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\"\u003eالسر الكوري لبشرة مشرقة وموحدة\u003c\/h2\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\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.jpg?v=1757506213\"\u003e\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Yuja Niacin Kit - النظام الكوري المتكامل\u003c\/strong\u003e\u003cbr\u003eبشرة أكثر إشراقاً وتوحيداً بمستخلص اليوجا والنياسيناميد في 4 خطوات علمية\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":46999424729262,"sku":"SOME_BY_MI_YUJA_NIACIN_ANTI_BLEMISH_STARTER_KIT_2293","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SomebyMiYujaNiacinAnti-BlemishStarterKit3_cbd7d7bb-92e0-4e95-b28d-ce371f071efa.jpg?v=1788175241"}],"url":"https:\/\/skingeer.com\/ar\/collections\/korean-skin-products.oembed","provider":"SkinGeer","version":"1.0","type":"link"}