{"title":"أسرار البشرة الكورية","description":"\u003ch2\u003eأسرار البشرة الكورية | Korean Skincare Secrets\u003c\/h2\u003e\n\u003cp\u003eاكتشفي عالم العناية بالبشرة الكورية الأصلية من أفضل البراندات العالمية مع شحن دولي وإرجاع سهل! 🌸\u003c\/p\u003e\n\u003ch3\u003e✨ البراندات المتميزة في مجموعتنا | Premium K-Beauty Brands\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCOSRX\u003c\/strong\u003e - سيروم الحلزون 96، كريمات الترطيب، ومنتجات الببتايد\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSOME BY MI\u003c\/strong\u003e - تونر المعجزة AHA-BHA-PHA، سيروم الريتينول المكثف\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeauty of Joseon\u003c\/strong\u003e - واقي الشمس المائي، سيروم البروبوليس والنياسيناميد\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSKIN1004\u003c\/strong\u003e - سيروم سنتيلا مدغشقر، أمبولات البروبيوتيك\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eANUA\u003c\/strong\u003e - سيروم النياسيناميد 10% لتفتيح البشرة\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMary \u0026amp; May\u003c\/strong\u003e - منتجات نباتية طبيعية\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDR. ALTHEA\u003c\/strong\u003e - عناية احترافية بالبشرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e🎯 فوائد منتجات البشرة الكورية | Korean Skincare Benefits\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e✅ \u003cstrong\u003eترطيب عميق ومكثف\u003c\/strong\u003e - Deep Hydration \u0026amp; Moisture Lock\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eتفتيح وتوحيد لون البشرة\u003c\/strong\u003e - Brightening \u0026amp; Even Skin Tone\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eمكافحة التجاعيد والشيخوخة\u003c\/strong\u003e - Anti-Aging \u0026amp; Wrinkle Correction\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eعلاج حب الشباب والبقع الداكنة\u003c\/strong\u003e - Acne Treatment \u0026amp; Dark Spot Removal\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eتقشير لطيف وتجديد البشرة\u003c\/strong\u003e - Gentle Exfoliation \u0026amp; Skin Renewal\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eحماية من الشمس SPF 50+\u003c\/strong\u003e - Sun Protection\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e💎 المكونات الفعالة | Active Ingredients\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSnail Mucin 96%\u003c\/strong\u003e | \u003cstrong\u003eRetinol\u003c\/strong\u003e | \u003cstrong\u003eNiacinamide 10%\u003c\/strong\u003e | \u003cstrong\u003eCentella Asiatica\u003c\/strong\u003e | \u003cstrong\u003eAHA-BHA-PHA\u003c\/strong\u003e | \u003cstrong\u003ePropolis\u003c\/strong\u003e | \u003cstrong\u003ePeptides\u003c\/strong\u003e | \u003cstrong\u003eVitamin C\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e🚚 الشحن الدولي وسياسة الإرجاع | International Shipping \u0026amp; Returns\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e✈️ شحن دولي سريع لجميع الدول العربية والعالم\u003c\/li\u003e\n\u003cli\u003e📦 تغليف آمن ومحترف يضمن وصول المنتجات بحالة ممتازة\u003c\/li\u003e\n\u003cli\u003e🔄 إرجاع سهل خلال 14 يوم - سياسة استرجاع مرنة\u003c\/li\u003e\n\u003cli\u003e✔️ منتجات أصلية 100% مع ضمان الجودة\u003c\/li\u003e\n\u003cli\u003e💳 دفع آمن بجميع الطرق\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e❓ الأسئلة الشائعة | FAQ About Korean Skincare\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eQ: ما هي أفضل منتجات البشرة الكورية للمبتدئين؟\u003c\/strong\u003e\u003cbr\u003eA: ننصح بالبدء بتونر SOME BY MI AHA-BHA-PHA، سيروم الحلزون من COSRX، وواقي الشمس من Beauty of Joseon.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ: What makes Korean skincare products special?\u003c\/strong\u003e\u003cbr\u003eA: Korean skincare focuses on prevention, hydration, and using innovative natural ingredients like snail mucin, centella, and fermented extracts.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ: هل المنتجات مناسبة للبشرة الحساسة؟\u003c\/strong\u003e\u003cbr\u003eA: نعم! معظم المنتجات الكورية مصممة للبشرة الحساسة وخالية من المواد القاسية.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ: كم مدة الشحن؟\u003c\/strong\u003e\u003cbr\u003eA: الشحن يستغرق 7-14 يوم عمل حسب موقعك الجغرافي.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ: Are products authentic and original?\u003c\/strong\u003e\u003cbr\u003eA: Yes! All our Korean skincare products are 100% authentic, sourced directly from authorized distributors.\u003c\/p\u003e\n\u003ch3\u003e🛍️ تسوق الآن | Shop Now\u003c\/h3\u003e\n\u003cp\u003eاطلبي منتجات العناية بالبشرة الكورية الأصلية من Instachiq واحصلي على بشرة مشرقة وصحية! منتجات COSRX، SOME BY MI، Beauty of Joseon، SKIN1004 متوفرة مع شحن دولي وإرجاع مجاني.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e🏷️ Keywords:\u003c\/strong\u003e Korean skincare, K-beauty, COSRX snail mucin, SOME BY MI AHA BHA PHA, Beauty of Joseon sunscreen, Korean beauty products, international shipping, authentic Korean cosmetics, منتجات كورية أصلية, العناية بالبشرة الكورية\u003c\/p\u003e","products":[{"product_id":"somebymi-aha-bha-pha-miracle-toner","title":"Some By Mi AHA-BHA-PHA 30 Days Miracle Toner 150ml","description":"\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 }\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 text-align: center;\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: 10px auto 0;\n }\n\n .product-container h3 {\n font-size: 1.5rem;\n position: relative;\n }\n \n .product-container 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-container p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-container strong {\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Hero section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .hero-title {\n font-size: 2.2rem;\n color: #9C8102;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .hero-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, #9C8102, #c7aa30);\n border-radius: 2px;\n }\n\n .hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 30px;\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 margin: 60px 0;\n position: relative;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .feature-card {\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n transition: transform 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n }\n\n .feature-header {\n background: rgba(156, 129, 2, 0.1);\n padding: 20px;\n position: relative;\n }\n\n .feature-title {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: bold;\n margin: 0;\n text-align: center;\n }\n\n .feature-content {\n padding: 20px;\n }\n\n \/* Info section *\/\n .info-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: 40px 0;\n }\n\n .info-title {\n color: #9C8102;\n font-size: 1.5rem;\n text-align: center;\n margin-bottom: 20px;\n }\n\n \/* Highlighted text box *\/\n .highlight-box {\n background: ##f7f7f7;\n border-radius: 10px;\n padding: 20px;\n margin: 30px 0;\n border-right: 3px solid #000;\n }\n \n \/* Comparison table *\/\n .comparison-section {\n margin: 60px 0;\n }\n \n .comparison-title {\n text-align: center;\n color: #9C8102;\n font-size: 1.5rem;\n margin-bottom: 30px;\n }\n \n .comparison-table {\n width: 100%;\n border-collapse: collapse;\n margin: 20px 0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border-radius: 10px;\n overflow: hidden;\n }\n \n .comparison-table th {\n background-color: #9C8102;\n color: white;\n padding: 15px;\n text-align: center;\n font-weight: bold;\n }\n \n .comparison-table td {\n padding: 15px;\n border-bottom: 1px solid #eee;\n text-align: center;\n }\n \n .comparison-table tr:nth-child(even) {\n background-color: rgba(156, 129, 2, 0.05);\n }\n \n .comparison-table tr:hover {\n background-color: rgba(156, 129, 2, 0.1);\n }\n\n \/* Ingredient section *\/\n .ingredient-section {\n margin: 60px 0;\n }\n\n .ingredient-title {\n text-align: center;\n color: #9C8102;\n font-size: 1.5rem;\n margin-bottom: 30px;\n }\n\n .ingredient-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n\n .ingredient-card {\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n padding: 25px;\n transition: transform 0.3s ease;\n }\n\n .ingredient-card:hover {\n transform: translateY(-10px);\n }\n\n .ingredient-name {\n color: #9C8102;\n font-size: 1.2rem;\n font-weight: bold;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 10px;\n }\n\n .ingredient-name::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 40px;\n height: 2px;\n background-color: #9C8102;\n }\n\n .ingredient-description {\n font-size: 1rem;\n color: #555;\n }\n\n \/* CTA section *\/\n .cta-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 60px 0 30px;\n }\n\n .cta-title {\n color: white;\n font-size: 1.8rem;\n margin-bottom: 20px;\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: white;\n color: #9C8102;\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.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: 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 \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid,\n .ingredient-list {\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: 10px;\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 \u003cimg class=\"hero-image\" 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=\"Some By Mi Miracle Toner\"\u003e\n \n \u003ch1 class=\"hero-title\"\u003eاستعيدي نضارة بشرتك مع تونر Some By Mi Miracle Toner\u003c\/h1\u003e\n \n \u003ch3 class=\"hero-subtitle\"\u003eتقشير وتنظيف بمفعول أقوى أحماض الهيدروكسي AHA وBHA وPHA\u003c\/h3\u003e\n \n \u003cdiv class=\"highlight-box\"\u003e\n \u003cp\u003eحول بشرتك لأصفى وأنقى حالاتها في دقائق! لا تترك الجلد الميت يعطي عنك الانطباع الخاطئ!\u003c\/p\u003e\n \u003cp\u003eهذا التونر يعمل بفعالية على إزالة خلايا الجلد الميتة والشوائب. بفضل احتوائه على AHA، يزيل الشوائب والقشور من سطح البشرة، بينما يتغلغل BHA داخل المسام ليزيل الزيوت والدهون المتراكمة. أما PHA فيحافظ على ترطيب البشرة ويمنع فقدان الرطوبة، مما يترك البشرة ناعمة ومشرقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- Tea Tree Section --\u003e\n \u003cdiv class=\"feature-section fade-in\"\u003e\n \u003cimg class=\"hero-image\" 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=\"Some By Mi Miracle Toner Tea Tree Effect\"\u003e\n \n \u003ch3\u003eاختبر التأثير السحري لشجرة الشاي التي قلبت موازين العناية بالبشرة!\u003c\/h3\u003e\n \n \u003cp\u003eبفضل عمليات التنقية والاستخلاص المتقدمة, تم تصميم هذه التركيبة بالتركيز الأقصى من جزيئات شجرة الشاي \u003cstrong\u003e(10000 جزء في المليون). مستخلص شجرة الشاي يعتبر معجزة خصوصا للبشرة الدهنية! لا يوجد مكون يوازن انتاج الزيوت في البشرة مثل مستخلص شجرة الشاي.\u003c\/strong\u003e ستتخلص من البكتيريا والالتهابات والرؤوس السوداء والبيضاء!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Triple Benefits Section --\u003e\n \u003cdiv class=\"feature-section fade-in\"\u003e\n \u003ch2\u003eفوائد ثلاثية المفعول لبشرة مثالية\u003c\/h2\u003e\n \n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-header\"\u003e\n \u003ch4 class=\"feature-title\"\u003eترطيب عميق وتحسين ملمس البشرة\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\u003e\n \u003cp\u003eيحتوي التونر أيضًا على مستخلصات البابايا وبندق الساحرة، مما يسهم في إزالة الجلد الميت وتجديد طبقة البشرة، إلى جانب تعزيز إشراق البشرة. ومستخلص اللوتس ومستخلص عش العصفور اللذان يعززان مرونة البشرة وتجديد الخلايا، ليمنحك بشرة مشدودة ومرطبة ومشرقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-header\"\u003e\n \u003ch4 class=\"feature-title\"\u003eتوازن درجة الحموضة PH5.5\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch5 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eألطف مقشر على البشرة الحساسة\u003c\/h5\u003e\n \u003cp\u003e\u003cstrong\u003eهناك خيط رفيع يفصل بين التقشير والتهيج!\u003c\/strong\u003e تم تصميم هذه التركيبة على المستوى الجزيئي لتضمن توازن مثالي للحموضة والقلوية حتى تحقق التقشير العميق بدون أي تهيج في البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-header\"\u003e\n \u003ch4 class=\"feature-title\"\u003eالحل المثالي للمسام الواسعة!\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\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!-- Advanced Formulation Section --\u003e\n \u003cdiv class=\"feature-section fade-in\"\u003e\n \u003cimg class=\"hero-image\" 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=\"Some By Mi Miracle Toner Application\"\u003e\n \n \u003ch3\u003eلكن التفوق الحقيقي لهذا المنتج ينتج عن جمعه مع أقيم مكونات العناية بالبشرة\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eلا يقتصر المنتج على أحماض الهيدروكسي وإنما يجمع بين مستخلص شجرة الشاي والنياسيناميد والأدينوزين،\u003c\/strong\u003e يمنحك التونر فوائد إضافية في تحسين مظهر التجاعيد وتفتيح البشرة. يساعد النياسيناميد على توحيد لون البشرة وتخفيف التصبغات، بينما يعمل الأدينوزين على تحسين مرونة البشرة ومقاومة علامات التقدم في السن.\u003c\/p\u003e\n \n \u003cdiv class=\"info-section fade-in\"\u003e\n \u003ch3 class=\"info-title\"\u003eما الذي يميز تركيبة تونر Some By Mi Miracle Toner؟\u003c\/h3\u003e\n \n \u003ch4 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eتركيزات قصوى بتوازن مثالي\u003c\/h4\u003e\n \u003cp\u003eتونر Some By Mi Miracle يحتوي على \u003cstrong\u003eتركيز عالٍ من شجرة الشاي (10,000 جزء في المليون)\u003c\/strong\u003e مما يجعله فعالاً في التحكم بالدهون، تقليل الاحمرار، والتهيج. كما يضم مزيجًا قويًا من AHA وBHA وPHA، ما يضمن تقشيراً سلساً للبشرة دون تجفيفها، مما يجعلها تبدو مشرقة وصحية.\u003c\/p\u003e\n \n \u003ch4 style=\"color: #9C8102; margin-bottom: 15px; margin-top: 20px;\"\u003eمزيج فريد من المكونات الطبيعية والفعالة\u003c\/h4\u003e\n \u003cp\u003eيتميز تونر Some By Mi بتركيبة تحتوي على مكونات نباتية مثل شجرة الشاي وبندق الساحرة والبابايا، التي تعمل بتآزر لتقشير الجلد وإزالة الشوائب وتعزيز توهج البشرة. هذا بالإضافة إلى عناصر مثل الأدينوزين، المعروف بمكافحة التجاعيد، والنياسيناميد الذي يساعد في توحيد لون البشرة وتصغير المسام.\u003c\/p\u003e\n \u003c\/div\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\/some_by_mi_aha_bha_pha_miracle_30_days_toner_2.webp?v=1745763008\" alt=\"Some By Mi Miracle Toner Benefits\"\u003e\n \n \u003c!-- Comparison Table Section --\u003e\n \u003cdiv class=\"comparison-section fade-in\"\u003e\n \u003ch3 class=\"comparison-title\"\u003eمقارنة بين تونر Some By Mi والتونرات العادية\u003c\/h3\u003e\n \n \u003ctable class=\"comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eالميزة\u003c\/th\u003e\n \u003cth\u003eتونر Some By Mi Miracle\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\u003cstrong\u003eالتقشير\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003eيحتوي على AHA\/BHA\/PHA لتقشير متعدد المستويات\u003c\/td\u003e\n \u003ctd\u003eعادةً تحتوي على نوع واحد من المقشرات مثل AHA فقط\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003eالترطيب\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003eيحتوي على PHA لمنع فقدان الرطوبة\u003c\/td\u003e\n \u003ctd\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\u003eغالباً يحتوي على الكحول أو مكونات صناعية\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003eالتوازن الحمضي\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003ePH 5.5 لمنع التهيج وتعزيز الحماية\u003c\/td\u003e\n \u003ctd\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نعم، خالٍ من 20 مكون مهيج\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 \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredient-section fade-in\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eمعلومات علمية عن المكونات الرئيسية\u003c\/h3\u003e\n \n \u003cdiv class=\"ingredient-list\"\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch4 class=\"ingredient-name\"\u003eحمض الألفا هيدروكسي (AHA)\u003c\/h4\u003e\n \u003cp class=\"ingredient-description\"\u003eيزيل خلايا الجلد الميتة على السطح، مما يساعد على تنعيم البشرة وإشراقها، كما يعزز تجدد الخلايا الطبيعية للبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch4 class=\"ingredient-name\"\u003eحمض البيتا هيدروكسي (BHA)\u003c\/h4\u003e\n \u003cp class=\"ingredient-description\"\u003eيتغلغل في المسام لإزالة الزيوت المتراكمة والشوائب، مما يساعد في تقليل حب الشباب والبثور.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch4 class=\"ingredient-name\"\u003eحمض البوليهيدروكسي (PHA)\u003c\/h4\u003e\n \u003cp class=\"ingredient-description\"\u003eيعمل كمرطب ويمنع فقدان الرطوبة، مما يجعله مثاليًا للبشرة الحساسة، كما يقشر الجلد بلطف دون تهيجه.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch4 class=\"ingredient-name\"\u003eمستخلص شجرة الشاي\u003c\/h4\u003e\n \u003cp class=\"ingredient-description\"\u003eمضاد طبيعي للالتهابات والبكتيريا، يساعد في تهدئة البشرة وتنقيتها من الشوائب ويوازن إفراز الدهون.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch4 class=\"ingredient-name\"\u003eالنياسيناميد\u003c\/h4\u003e\n \u003cp class=\"ingredient-description\"\u003eنوع من فيتامين B3 الذي يساعد في توحيد لون البشرة وتقليل التصبغات وتصغير المسام الواسعة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch4 class=\"ingredient-name\"\u003eالأدينوزين\u003c\/h4\u003e\n \u003cp class=\"ingredient-description\"\u003eيعزز إنتاج الكولاجين ويقلل من ظهور التجاعيد، مما يساعد في تحسين مرونة البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"fade-in\" style=\"text-align: center; margin-top: 30px;\"\u003eهذه التركيبة تعد خيارًا مثاليًا لمن يسعون للحصول على بشرة متوازنة، ناعمة، وذات مظهر صحي دون استخدام المكونات القاسية أو الكيميائية.\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\/some_by_mi_miracle_toner_bha_pha_toner.webp?v=1745763085\" alt=\"Some By Mi Miracle Toner Product\"\u003e\n \n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-section fade-in\"\u003e\n \u003ch2 class=\"cta-title\"\u003eSome By Mi Miracle Toner\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\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 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 comparison table rows\n const tableRows = document.querySelectorAll('.comparison-table tbody tr');\n tableRows.forEach(row =\u003e {\n row.addEventListener('mouseenter', () =\u003e {\n row.style.backgroundColor = 'rgba(156, 129, 2, 0.1)';\n });\n \n row.addEventListener('mouseleave', () =\u003e {\n row.style.backgroundColor = '';\n });\n });\n })();\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44138531717317,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AHA_BHA_PHA_30_Days_Miracle_Toner_1024x1024_a3e227c7-30b0-46c2-b0b1-9e3745390366.png?v=1728733675"},{"product_id":"somebymi-retinol-triple-action-eye-cream","title":"SOME BY MI Retinol Intense Advanced Triple Action Eye Cream, 30Ml","description":"\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: #4a4a4a;\n line-height: 1.6;\n direction: rtl;\n \n }\n \n \/* Header styles *\/\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: #9C8102;\n margin-bottom: 20px;\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, #9C8102, #c7aa30);\n border-radius: 2px;\n }\n \n .product-subtitle {\n font-size: 1.2rem;\n color: #666;\n font-weight: 400;\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 \/* Section styles *\/\n .section {\n margin-bottom: 60px;\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: 30px;\n }\n \n .section-title {\n font-size: 1.8rem;\n color: #9C8102;\n position: relative;\n margin-bottom: 15px;\n text-align: center;\n }\n \n .section-title::after {\n content: '';\n display: block;\n width: 70px;\n height: 3px;\n background-color: #9C8102;\n margin: 10px auto 0;\n }\n \n .section-content {\n color: #5d5d5d;\n font-size: 1.1rem;\n padding: 15px 0;\n line-height: 1.8;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n \/* Feature list styles *\/\n .feature-list {\n margin-top: 40px;\n }\n \n .feature-item {\n background: white;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border-right: 4px solid #9C8102;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n \n .feature-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n }\n \n .feature-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n \n .feature-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\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 font-size: 1.2rem;\n margin-left: 15px;\n }\n \n .feature-title {\n font-weight: bold;\n color: #9C8102;\n font-size: 1.3rem;\n margin: 0;\n }\n \n .feature-content {\n color: #5d5d5d;\n line-height: 1.7;\n margin-top: 5px;\n }\n \n \/* Usage steps styles *\/\n .usage-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: 40px;\n border-radius: 15px;\n margin-top: 50px;\n }\n \n .usage-title {\n font-size: 1.8rem;\n color: #9C8102;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .usage-title::after {\n content: '';\n display: block;\n width: 70px;\n height: 3px;\n background-color: #9C8102;\n margin: 10px auto 0;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-around;\n margin-top: 30px;\n position: relative;\n }\n \n .usage-steps::before {\n content: '';\n position: absolute;\n top: 25px;\n left: 10%;\n right: 10%;\n height: 2px;\n background-color: rgba(156, 129, 2, 0.3);\n z-index: 0;\n }\n \n .step {\n text-align: center;\n width: 180px;\n position: relative;\n z-index: 1;\n background-color: white;\n padding: 15px;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n }\n \n .step:hover {\n transform: translateY(-10px);\n }\n \n .step-number {\n width: 50px;\n height: 50px;\n background-color: #9C8102;\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 font-size: 1.3rem;\n box-shadow: 0 5px 10px rgba(156, 129, 2, 0.3);\n }\n \n .step-text {\n font-size: 1rem;\n color: #444;\n font-weight: 500;\n }\n \n \/* CTA section *\/\n .cta-section {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin-top: 50px;\n }\n \n .cta-title {\n color: white;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n \n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 30px;\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 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.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 \/* 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 \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 40px 0;\n width: 100%;\n }\n \n \/* Benefit highlights *\/\n .benefits-highlight {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n margin: 40px 0;\n }\n \n .benefit-card {\n width: calc(33.33% - 20px);\n background: white;\n padding: 25px;\n text-align: center;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-bottom: 20px;\n transition: transform 0.3s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-10px);\n }\n \n .benefit-icon {\n width: 60px;\n height: 60px;\n margin: 0 auto 15px;\n fill: #9C8102;\n }\n \n .benefit-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n \n .benefit-text {\n font-size: 0.95rem;\n color: #666;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .usage-steps {\n flex-direction: column;\n align-items: center;\n }\n \n .usage-steps::before {\n display: none;\n }\n \n .step {\n width: 80%;\n max-width: 250px;\n margin-bottom: 20px;\n }\n \n .benefit-card {\n width: 100%;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-container\"\u003e\n \u003cdiv class=\"product-header fade-in\"\u003e\n \u003ch1 class=\"product-title\"\u003eتركيبة العناية بمحيط العين الفائقة من Some By Mi\u003c\/h1\u003e\n \u003cp class=\"product-subtitle\"\u003eالحل الأسرع والفعال لعلاج الهالات السوداء وتجاعيد العين\u003c\/p\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some-By-Mi-Eye-Cream.jpg?v=1745762218\" alt=\"Some By Mi Eye Cream\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"section fade-in\"\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eتركيبة متقدمة بتركيزات مثالية للجلد الرقيق حول العين\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"section-content\"\u003e\n \u003cp\u003eأقوى المكونات في علاج الهالات السوداء وتفتيح محيط العين تجتمع في تركيبة واحدة فريدة من نوعها. كريم \u003cspan class=\"highlight\"\u003eSome By Mi\u003c\/span\u003e يحتوي على تكنولوجيا مستقبلية ومتطورة للغاية من أفضل وأقوى المكونات في العالم لتعمل على تفتيح محيط عينك وتعيد نضارتها وشبابها.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Benefits Highlight --\u003e\n \u003cdiv class=\"benefits-highlight\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-title\"\u003eتفتيح الهالات السوداء\u003c\/div\u003e\n \u003cp class=\"benefit-text\"\u003eيعمل على تفتيح محيط العين وتوحيد لون البشرة بفضل مكونات متخصصة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-title\"\u003eترطيب مكثف\u003c\/div\u003e\n \u003cp class=\"benefit-text\"\u003eترطيب عميق ومستمر يمنع جفاف البشرة الرقيقة حول العين\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-title\"\u003eمكافحة التجاعيد\u003c\/div\u003e\n \u003cp class=\"benefit-text\"\u003eيقلل من ظهور الخطوط الدقيقة وتجاعيد العين بفعالية عالية\u003c\/p\u003e\n \u003c\/div\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\/some_by_mi_eye_cream.jpg?v=1745762288\" alt=\"Some By Mi Eye Cream Application\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"section fade-in\"\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eما الذي يميز هذه التركيبة عن غيرها؟\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"section-content\"\u003e\n \u003cp\u003eفي منتجات العناية بالعين، هناك خط دقيق يفصل بين المنتج الفعال والمنتج المضر. هذا الجلد الضعيف حول العين يتأثر بشدة من أقل الأضرار، لذلك تم تصميم هذه التركيبة على المستوى الجزيئي لتحقق أقصى فعالية مع حماية الجلد الضعيف حول العين.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-list\"\u003e\n \u003cdiv class=\"feature-item fade-in\"\u003e\n \u003cdiv class=\"feature-header\"\u003e\n \u003cdiv class=\"feature-number\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eتركيز مثالي من كل مكون\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"feature-content\"\u003eتم تصميم هذه التركيبة على المستوى الجزيئي لتحقق أقصى فعالية مع حماية الجلد الضعيف حول العين، حيث إن هذا الجلد الضعيف حول العين يتأثر بشدة من أقل الأضرار.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-item fade-in\"\u003e\n \u003cdiv class=\"feature-header\"\u003e\n \u003cdiv class=\"feature-number\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eتوازن دقيق من الفعالية واللطف\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"feature-content\"\u003eتحتوي التركيبة على تركيز منخفض من الريتينول (0.1%)، مما يوفر فوائد مكافحة التجاعيد دون التسبب بتهيج للبشرة الحساسة حول العينين. هذا التوازن يجعل المنتج ملائمًا للاستخدام اليومي ويعطي نتائج ملحوظة بمرور الوقت.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-item fade-in\"\u003e\n \u003cdiv class=\"feature-header\"\u003e\n \u003cdiv class=\"feature-number\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eدعم متكامل للبشرة بفضل النياسيناميد والجلوتاثيون\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"feature-content\"\u003eالنياسيناميد يعمل على تحسين حاجز البشرة وتجديدها، بينما يقوم الجلوتاثيون بتفتيح البشرة وحمايتها من الجذور الحرة، مما يمنح منطقة العين مظهرًا صحيًا ومشرقًا. هذا الدعم المزدوج يعزز نعومة البشرة ويقلل من مظهر الهالات السوداء.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-item fade-in\"\u003e\n \u003cdiv class=\"feature-header\"\u003e\n \u003cdiv class=\"feature-number\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eلطيف على البشرة الحساسة لاحتوائه على تكنولوجيا TRUECICA™\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"feature-content\"\u003eيحتوي الكريم على TRUECICA™، وهي تركيبة مميزة تجمع مكونات مهدئة للبشرة تقلل من التهيج والاحمرار، مما يجعلها مثالية للعناية ببشرة العين الحساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-item fade-in\"\u003e\n \u003cdiv class=\"feature-header\"\u003e\n \u003cdiv class=\"feature-number\"\u003e5\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eترطيب مكثف بفضل حمض الهيالورونيك والبانثينول\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"feature-content\"\u003eتجمع التركيبة بين حمض الهيالورونيك الذي يحتفظ بالماء في الطبقات العميقة من البشرة، والبانثينول الذي يعزز الترطيب، مما يمنح البشرة ملمسًا ناعمًا ومظهرًا ممتلئًا ومشدودًا طوال اليوم.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-item fade-in\"\u003e\n \u003cdiv class=\"feature-header\"\u003e\n \u003cdiv class=\"feature-number\"\u003e6\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eتكنولوجيا مضادة للتصبغات مع حمض الترانيكساميك\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"feature-content\"\u003eيعمل حمض الترانيكساميك بشكل فعّال على تقليل التصبغات الداكنة وتوحيد لون البشرة، مما يجعل الكريم حلاً شاملاً للهالات السوداء والتجاعيد.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-item fade-in\"\u003e\n \u003cdiv class=\"feature-header\"\u003e\n \u003cdiv class=\"feature-number\"\u003e7\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eكمية صغيرة تغطي محيط العين بالكامل\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"feature-content\"\u003eكمية صغيرة بحجم البازلاء يوميا ستكون كافية لتحقيق نتيجة أفضل من توقعاتك، سيدوم المنتج عدة شهور مع الاستخدام الصحيح وستكون عبوة واحدة كافية لتحقيق نتيجة مرضية.\u003c\/p\u003e\n \u003c\/div\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\/some_by_mi_eye_cream.webp?v=1745762329\" alt=\"Some By Mi Eye Cream Results\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-section fade-in\"\u003e\n \u003ch2 class=\"usage-title\"\u003eكيف تستخدمه؟\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-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 \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cta-section fade-in\"\u003e\n \u003ch2 class=\"cta-title\"\u003eSome By Mi تركيبة العناية بمحيط العين الفائقة\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\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 fade-in animations\n observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n setTimeout(() =\u003e {\n element.classList.add('visible');\n }, 100); \/\/ Slight delay for better performance\n });\n \n \/\/ Add hover effect to steps\n const steps = document.querySelectorAll('.step');\n steps.forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'translateY(-10px)';\n step.style.boxShadow = '0 15px 30px rgba(0, 0, 0, 0.1)';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = '';\n step.style.boxShadow = '';\n });\n });\n })();\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44189648486597,"sku":"","price":990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream.jpg?v=1730390286"},{"product_id":"somebymi-retinol-trial-kit","title":"SOME BY MI Retinol Intense Trial Kit (Serum 10ml + Cream 10ml)","description":"\u003cdiv dir=\"rtl\"\u003e\n\u003ch3\u003e\u003cstrong\u003eتجاعيد اليوم هي شيخوخة الغد – الآن هو وقت التغيير!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eلأن كل يوم يمضي بدون عناية هو خطوة أقرب لفقدان بشرتك مرونتها وسحرها.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eالتركيبة المتكاملة للعين والبشرة\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eاجمعي بين القوة المركزة لكريم العين والسيروم لتغيير شامل يمنحك بشرة خالية من الخطوط ومشرقة بالنعومة.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eالخطوة الأولى: كريم العين الثلاثي التأثير\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eمع كل تطبيق، يمنحك هذا الكريم علاجاً متكاملاً:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين التجاعيد والمرونة:\u003c\/strong\u003e بفضل الريتينول والريتينال، يعزز إنتاج الكولاجين لرفع وشد البشرة حول العينين.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتفتيح وتصحيح اللون الداكن:\u003c\/strong\u003e النياسيناميد يعيد الإشراق لعينيك ويزيل مظهر التعب.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتهدئة وترطيب فوري:\u003c\/strong\u003e التركيبة الغنية بـ Truecica والماء الجليدي تمنح تهدئة عميقة للبشرة الحساسة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eالخطوة الثانية: السيروم\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eاختبري ثورة الريتينول المركزة على بشرتك!\u003cbr\u003e\u003cem\u003eهذه التركيبة تحتوي على التركيز المثالي من الريتينول حتى تحقق أقصى استفادة لبشرتك بدون أي تهيج أو احمرار\u003c\/em\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتجديد البشرة:\u003c\/strong\u003e يدعم الريتينول قوام البشرة عبر تسريع دوران الخلايا وتجديد البشرة من الداخل للخارج.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتقليص المسام واستعادة النعومة:\u003c\/strong\u003e بفضل الكولاجين النباتي والبيبتيدات، يعمل على تحسين مظهر المسام مع توفير ترطيب عميق يدوم.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eحماية مستدامة:\u003c\/strong\u003e مزيج الفيتامينات والمكونات المهدئة يضمن بشرة متألقة وخالية من الإجهاد.\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eعناية شاملة، نتائج مذهلة\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eمعاً، يعمل الكريم والسيروم بتناغم لإصلاح وتجديد بشرتك من الداخل إلى الخارج، مما يجعل عينيك وبشرتك ناعمة، مرنة، وشابة.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eكيف يعمل الثنائي لتحقيق نتائج لا مثيل لها؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eكريم العين الثلاثي التأثير\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتحفيز إنتاج الكولاجين:\u003c\/strong\u003e\u003cbr\u003eبفضل مزيج الريتينول والريتينال، يُسرِّع الكريم عملية تجديد خلايا البشرة ويعزز إنتاج الكولاجين الطبيعي. هذا يعيد للبشرة حول العينين مرونتها ويقلل التجاعيد بشكل ملحوظ.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتصحيح الهالات الداكنة:\u003c\/strong\u003e\u003cbr\u003eالنياسيناميد، المعروف بقدرته الفائقة على التفتيح، يعمل بفعالية على تقليل فرط التصبغ حول العينين، ليعيد الإشراق لوجهك.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتقليل التهيج والاحمرار:\u003c\/strong\u003e\u003cbr\u003eمكونات Truecica والماء الجليدي تهدئ البشرة الحساسة فوراً، مما يجعلها مناسبة حتى للبشرة التي تعاني من الإجهاد.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\u003e\n\u003ch4\u003e\u003cstrong\u003eالسيروم \u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتجديد البشرة بعمق:\u003c\/strong\u003e\u003cbr\u003eالريتينول والريتينال يعززان دوران الخلايا وتجديد الأنسجة، مما يقلل الخطوط الدقيقة والتجاعيد ويحسن مرونة البشرة بشكل ملحوظ.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eترطيب متعدد الطبقات:\u003c\/strong\u003e\u003cbr\u003eبفضل حمض الهيالورونيك والببتيدات، يوفر السيروم ترطيباً عميقاً يخترق طبقات البشرة لتجديد ترطيبها الداخلي.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتحسين قوام البشرة:\u003c\/strong\u003e\u003cbr\u003eالكولاجين النباتي يقلل من مظهر المسام، مما يمنح البشرة مظهراً أكثر نعومة وتماسكاً.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eحماية البشرة من الإجهاد البيئي:\u003c\/strong\u003e\u003cbr\u003eيحتوي السيروم على مكونات مهدئة وفيتامينات تمنع الالتهاب وتحافظ على توازن البشرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eالتناغم المثالي بين المنتجات\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eباستخدام الكريم والسيروم معاً:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eكريم العين يستهدف البشرة الحساسة حول العينين بتأثير فوري.\u003c\/li\u003e\n\u003cli\u003eالسيروم يعمل على إصلاح البشرة بشكل شامل لتحسين ملمسها وترطيبها وتجديد شبابها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003eاستمعي إلى نداء بشرتك اليوم، لأن الغد قد يحمل المزيد من الخطوط التي يصعب محوها.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eالنتائج ليست مجرد وعود، بل حقيقة معتمدة باختبارات تحسين التجاعيد ورضا العملاء. هل أنتِ مستعدة للتغيير؟\u003cbr\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eابدئي رحلتك نحو بشرة مثالية الآن، قبل أن تتراكم آثار الوقت وتجعل الطريق أطول.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44230200131781,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1731921724"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Retinol Intense Reactivating Serum | سيروم تصحيح التجاعيد | استعادة مرونة البشرة","description":"\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.8em;\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: 70px;\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 .product-description ul, \n .product-description ol {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 0.8em;\n }\n\n .product-description ul ul,\n .product-description ol ul {\n margin: 0.5em 0;\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 \/* Warning box *\/\n .warning-box {\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: 25px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n border-right: 4px solid #9C8102;\n }\n\n .warning-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n height: 4px;\n background: linear-gradient(to right, transparent, #9C8102, transparent);\n }\n\n .warning-title {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 15px;\n font-weight: bold;\n }\n\n \/* Feature section *\/\n .feature-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 }\n\n .feature-title {\n color: #9C8102;\n font-size: 1.6rem;\n margin-bottom: 20px;\n text-align: center;\n }\n\n \/* Wrinkle types *\/\n .wrinkle-types {\n margin: 2em 0;\n }\n\n .wrinkle-type {\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-bottom: 20px;\n overflow: hidden;\n transition: transform 0.3s ease;\n }\n\n .wrinkle-type:hover {\n transform: translateY(-5px);\n }\n\n .wrinkle-header {\n background: rgba(156, 129, 2, 0.1);\n padding: 15px 20px;\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n .wrinkle-icon {\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n margin-left: 15px;\n font-weight: bold;\n }\n\n .wrinkle-name {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.2rem;\n flex-grow: 1;\n }\n\n .wrinkle-toggle {\n width: 24px;\n height: 24px;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .wrinkle-toggle::before,\n .wrinkle-toggle::after {\n content: '';\n position: absolute;\n background: #9C8102;\n transition: transform 0.3s ease;\n }\n\n .wrinkle-toggle::before {\n width: 2px;\n height: 16px;\n top: 4px;\n left: 11px;\n }\n\n .wrinkle-toggle::after {\n width: 16px;\n height: 2px;\n top: 11px;\n left: 4px;\n }\n\n .wrinkle-header.active .wrinkle-toggle::before {\n transform: rotate(90deg);\n }\n\n .wrinkle-content {\n padding: 0 20px;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease, padding 0.3s ease;\n }\n\n .wrinkle-content.active {\n padding: 20px;\n max-height: 300px;\n }\n\n .wrinkle-description {\n margin-bottom: 10px;\n }\n\n .wrinkle-ingredients {\n background: rgba(156, 129, 2, 0.03);\n padding: 15px;\n border-radius: 10px;\n border-right: 3px solid #9C8102;\n }\n\n .wrinkle-ingredients strong {\n display: inline-block;\n margin-left: 5px;\n }\n\n \/* Ingredient showcase *\/\n .ingredient-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .ingredient-card {\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n }\n\n .ingredient-card:hover {\n transform: translateY(-10px);\n }\n\n .ingredient-header {\n background: rgba(156, 129, 2, 0.1);\n padding: 15px;\n text-align: center;\n }\n\n .ingredient-name {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.2rem;\n }\n\n .ingredient-content {\n padding: 20px;\n }\n\n .ingredient-benefit {\n font-size: 1rem;\n margin-bottom: 10px;\n position: relative;\n padding-right: 20px;\n }\n\n .ingredient-benefit::before {\n content: '';\n position: absolute;\n right: 0;\n top: 8px;\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\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 text-align: center;\n }\n\n .usage-steps {\n counter-reset: step-counter;\n margin: 2em 0;\n }\n\n .usage-step {\n position: relative;\n margin-bottom: 25px;\n padding-right: 50px;\n min-height: 40px;\n }\n\n .usage-step::before {\n counter-increment: step-counter;\n content: counter(step-counter);\n position: absolute;\n right: 0;\n top: 0;\n width: 36px;\n height: 36px;\n background: #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 \/* Call to action *\/\n .cta-box {\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;\n }\n\n .cta-title {\n color: white;\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 \/* 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 \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .ingredient-showcase {\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 fade-in\"\u003e\n \u003cimg class=\"hero-image\" 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\"\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"fade-in\"\u003eالتجاعيد ليست مجرد خطوط... إنها نداء استغاثة!\u003c\/h3\u003e\n \n \u003cdiv class=\"warning-box fade-in\"\u003e\n \u003cp\u003eمع مرور الوقت، تصبح \u003cstrong\u003eالخطوط الدقيقة\u003c\/strong\u003e والتجاعيد \u003cstrong\u003eعلامات تحذيرية\u003c\/strong\u003e أن بشرتكِ بدأت في فقدان قدرتها على التجدد. هذه \u003cstrong\u003eالعلامات المزعجة\u003c\/strong\u003e لن تختفي ببساطة، بل ستزداد سوءًا، مما يُسهل لآثار \u003cstrong\u003eالشيخوخة\u003c\/strong\u003e السيطرة على ملامحكِ.\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2rem; text-align: center; color: #9C8102; font-weight: bold;\"\u003eإذا لم تعملي الآن، سيتعذر عليكِ استعادة شبابكِ كما كان.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container fade-in\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.webp?v=1745760317\" alt=\"Some By Mi Retinol Reactivating Serum Application\"\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"fade-in\"\u003eتغييرات جذرية على المستوى الخلوي\u003c\/h3\u003e\n \n \u003cp class=\"fade-in\"\u003e\u003cstrong\u003eالسيروم لا يوفر حلولًا مؤقتة بل تغييرات دائمة\u003c\/strong\u003e. مع \u003cstrong\u003eالريتينول\u003c\/strong\u003e و \u003cstrong\u003eباكوشيول\u003c\/strong\u003e، ستلاحظين تغييرًا جذريًا في نضارة بشرتك وملمسها.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container fade-in\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.png?v=1745760661\" alt=\"Some By Mi Retinol Reactivating Serum Ingredients\"\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"fade-in\"\u003eتركيبة عالية التخصص لجميع أنواع التجاعيد\u003c\/h3\u003e\n \n \u003cp class=\"fade-in\"\u003eالمكونات الموجودة في هذا السيروم لا تعمل فقط على معالجة التجاعيد بشكل عام، بل تقوم بمعالجة كل نوع من التجاعيد بطريقة مخصصة.\u003c\/p\u003e\n \n \u003c!-- Wrinkle Types Section --\u003e\n \u003cdiv class=\"wrinkle-types fade-in\"\u003e\n \u003cdiv class=\"wrinkle-type\"\u003e\n \u003cdiv class=\"wrinkle-header\"\u003e\n \u003cdiv class=\"wrinkle-icon\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"wrinkle-name\"\u003eالتجاعيد الديناميكية\u003c\/div\u003e\n \u003cdiv class=\"wrinkle-toggle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wrinkle-content\"\u003e\n \u003cp class=\"wrinkle-description\"\u003eتظهر نتيجة لتكرار حركات الوجه مثل الابتسامة أو العبوس.\u003c\/p\u003e\n \u003cdiv class=\"wrinkle-ingredients\"\u003e\n \u003cstrong\u003eالباكوشيول\u003c\/strong\u003e و\u003cstrong\u003eالريتينول\u003c\/strong\u003e يحفزان إنتاج الكولاجين، مما يقلل من ظهور هذه التجاعيد.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"wrinkle-type\"\u003e\n \u003cdiv class=\"wrinkle-header\"\u003e\n \u003cdiv class=\"wrinkle-icon\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"wrinkle-name\"\u003eالتجاعيد التعبيرية\u003c\/div\u003e\n \u003cdiv class=\"wrinkle-toggle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wrinkle-content\"\u003e\n \u003cp class=\"wrinkle-description\"\u003eتظهر بسبب تعبيرات الوجه المتكررة مثل الانزعاج.\u003c\/p\u003e\n \u003cdiv class=\"wrinkle-ingredients\"\u003e\n \u003cstrong\u003eالنياسيناميد\u003c\/strong\u003e يعمل على تحسين مرونة البشرة، مما يقلل من هذه التجاعيد.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"wrinkle-type\"\u003e\n \u003cdiv class=\"wrinkle-header\"\u003e\n \u003cdiv class=\"wrinkle-icon\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"wrinkle-name\"\u003eتجاعيد الجبين\u003c\/div\u003e\n \u003cdiv class=\"wrinkle-toggle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wrinkle-content\"\u003e\n \u003cp class=\"wrinkle-description\"\u003eتظهر بسبب فقدان الكولاجين في هذه المنطقة.\u003c\/p\u003e\n \u003cdiv class=\"wrinkle-ingredients\"\u003e\n \u003cstrong\u003eالكولاجين\u003c\/strong\u003e و\u003cstrong\u003eالسنفيتون\u003c\/strong\u003e يساهمان في تقوية البشرة وتقليل التجاعيد في هذه المنطقة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"wrinkle-type\"\u003e\n \u003cdiv class=\"wrinkle-header\"\u003e\n \u003cdiv class=\"wrinkle-icon\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"wrinkle-name\"\u003eالتجاعيد الدقيقة\u003c\/div\u003e\n \u003cdiv class=\"wrinkle-toggle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wrinkle-content\"\u003e\n \u003cp class=\"wrinkle-description\"\u003eتظهر بسبب الجفاف.\u003c\/p\u003e\n \u003cdiv class=\"wrinkle-ingredients\"\u003e\n \u003cstrong\u003eالتوكوفيرول\u003c\/strong\u003e و\u003cstrong\u003eالبانثينول\u003c\/strong\u003e يرطبان البشرة ويقللان من هذه التجاعيد.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container fade-in\"\u003e\n \u003cimg class=\"hero-image\" 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 Reactivating Serum Effects\"\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"fade-in\"\u003eالريتينول هو درع بشرتك ضد عوامل الشيخوخة!\u003c\/h3\u003e\n \n \u003cdiv class=\"feature-section fade-in\"\u003e\n \u003cp\u003e\u003cstrong\u003eسيروم الريتينول\u003c\/strong\u003e لا يعمل فقط على تحسين مظهر بشرتكِ، بل يعيد إليها \u003cstrong\u003eالحيوية والمرونة\u003c\/strong\u003e التي \u003cstrong\u003eفقدتها\u003c\/strong\u003e مع مرور الزمن. \u003cstrong\u003eتقنية Elastic-Liposome\u003c\/strong\u003e تضمن أن \u003cstrong\u003eالمكونات الفعالة\u003c\/strong\u003e تصل إلى طبقات البشرة العميقة، حيث تبدأ في \u003cstrong\u003eاستعادة شبابها\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Key Ingredients --\u003e\n \u003cdiv class=\"ingredient-showcase fade-in\"\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-header\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003eالريتينول\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-content\"\u003e\n \u003cdiv class=\"ingredient-benefit\"\u003eيجدد خلايا البشرة ويحسن مظهرها\u003c\/div\u003e\n \u003cdiv class=\"ingredient-benefit\"\u003eيحفز إنتاج الكولاجين والإيلاستين\u003c\/div\u003e\n \u003cdiv class=\"ingredient-benefit\"\u003eيقلل التصبغات وتوحيد لون البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-header\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003eالباكوشيول\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-content\"\u003e\n \u003cdiv class=\"ingredient-benefit\"\u003eبديل طبيعي للريتينول\u003c\/div\u003e\n \u003cdiv class=\"ingredient-benefit\"\u003eمضاد للأكسدة قوي\u003c\/div\u003e\n \u003cdiv class=\"ingredient-benefit\"\u003eيقلل التجاعيد والخطوط الدقيقة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-header\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003eتقنية Elastic-Liposome\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-content\"\u003e\n \u003cdiv class=\"ingredient-benefit\"\u003eتوصيل المكونات لطبقات البشرة العميقة\u003c\/div\u003e\n \u003cdiv class=\"ingredient-benefit\"\u003eتحسين امتصاص المكونات النشطة\u003c\/div\u003e\n \u003cdiv class=\"ingredient-benefit\"\u003eزيادة فعالية المكونات الأخرى\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!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section fade-in\"\u003e\n \u003ch3 class=\"usage-title\"\u003eطريقة استخدام سيروم الريتينول من Some By Mi\u003c\/h3\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"usage-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=\"usage-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=\"usage-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=\"usage-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=\"usage-step\"\u003e\n \u003cdiv class=\"step-title\"\u003eاستخدام تدريجي\u003c\/div\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 \n\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Toggle wrinkle content\n const wrinkleHeaders = document.querySelectorAll('.wrinkle-header');\n \n wrinkleHeaders.forEach(header =\u003e {\n header.addEventListener('click', function() {\n const content = this.nextElementSibling;\n const isActive = this.classList.contains('active');\n \n \/\/ Close all wrinkle contents\n document.querySelectorAll('.wrinkle-header').forEach(h =\u003e {\n h.classList.remove('active');\n h.nextElementSibling.classList.remove('active');\n });\n \n \/\/ Toggle clicked item if it wasn't already active\n if (!isActive) {\n this.classList.add('active');\n content.classList.add('active');\n }\n });\n });\n \n \/\/ Automatically open the first wrinkle type\n setTimeout(() =\u003e {\n if (wrinkleHeaders.length \u003e 0) {\n wrinkleHeaders[0].click();\n }\n }, 500);\n \n \/\/ Fade in elements when they come 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 fade-in elements when they come into view\n observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n element.classList.add('visible');\n });\n })();\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44230444875973,"sku":"","price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.jpg?v=1745760626"},{"product_id":"cosrx-advanced-snail-96-mucin","title":"COSRX Advanced Snail 96 Mucin Power Essence, 100ml | Worldwide shipping","description":"\u003cstyle\u003e\n.cosrx-snail-section * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.cosrx-snail-section {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n font-family: inherit;\n color: #333;\n}\n\n.snail-header {\n text-align: center;\n margin-bottom: 50px;\n}\n\n.snail-title {\n font-size: 2.2rem;\n color: #9C8102;\n margin-bottom: 20px;\n font-weight: 700;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n}\n\n.snail-subtitle {\n font-size: 1.4rem;\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: 600;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n}\n\n.snail-text {\n font-size: 1.1rem;\n line-height: 1.7;\n color: #444;\n margin-bottom: 20px;\n}\n\n.snail-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.1);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.snail-image:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n}\n\n.snail-section {\n margin-bottom: 60px;\n overflow: hidden;\n}\n\n.snail-section-title {\n font-size: 1.8rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n}\n\n.snail-content {\n padding: 0 10px;\n}\n\n.snail-benefits {\n margin: 20px 0;\n}\n\n.snail-list {\n list-style-type: none;\n padding-left: 20px;\n margin: 20px 0;\n}\n\n.snail-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n position: relative;\n padding-left: 25px;\n}\n\n.snail-list li::before {\n content: '✓';\n color: #9C8102;\n font-weight: bold;\n position: absolute;\n left: 0;\n}\n\n.snail-numbered-list {\n list-style-type: decimal;\n padding-left: 25px;\n margin: 20px 0;\n}\n\n.snail-numbered-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n padding-left: 5px;\n}\n\n.highlight {\n font-weight: 700;\n color: #9C8102;\n}\n\n.usage-section {\n background-color: #f8f7f2;\n border-radius: 10px;\n padding: 30px;\n margin-top: 40px;\n border-left: 4px solid #9C8102;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n}\n\n.usage-section h3 {\n color: #9C8102;\n margin-bottom: 20px;\n font-size: 1.5rem;\n}\n\n.two-column {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 40px;\n margin: 40px 0;\n}\n\n.column {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\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@media (max-width: 768px) {\n .two-column {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .snail-title {\n font-size: 1.8rem;\n }\n \n .snail-section-title {\n font-size: 1.6rem;\n }\n \n .usage-section {\n padding: 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"cosrx-snail-section\"\u003e\n \u003cdiv class=\"snail-header fade-in\"\u003e\n \u003ch2 class=\"snail-title\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h2\u003e\n \u003ch5 class=\"snail-subtitle\"\u003eProtect Your Skin’s Beauty: A Product That Redefines Skincare\u003c\/h5\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"snail-section\"\u003e\n \u003ch4 class=\"snail-section-title fade-in\"\u003eDid You Know Your Skin Is Under Attack Every Day?\u003c\/h4\u003e\n \u003cdiv class=\"snail-content fade-in\"\u003e\n \u003cp class=\"snail-text\"\u003eEvery day your skin is exposed to environmental stress, harmful UV rays, and pollution, it takes a step closer to losing its radiance and showing premature signs of aging. When neglected, wrinkles deepen, dark spots become more visible, and signs of fatigue dominate your appearance.\u003c\/p\u003e\n \u003cp class=\"snail-text\"\u003eBut the solution lies in the synergy of science and nature, now in your hands!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96.webp?v=1745071088\" alt=\"COSRX Snail Mucin\" class=\"snail-image fade-in\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"snail-section\"\u003e\n \u003ch5 class=\"snail-subtitle fade-in\"\u003eA Product That Rewrites Your Skin’s History:\u003c\/h5\u003e\n \u003ch4 class=\"snail-section-title fade-in\"\u003e96% Snail Mucin: The Magical Ingredient for Skin Renewal\u003c\/h4\u003e\n \n \u003cdiv class=\"two-column\"\u003e\n \u003cdiv class=\"column slide-in-left\"\u003e\n \u003cp class=\"snail-text\"\u003eMore than just a skincare product—it’s a \u003cspan class=\"highlight\"\u003etrue scientific breakthrough\u003c\/span\u003e in the world of skincare. This essence contains an unprecedented 96% concentration of pure snail mucin, which carries the \u003cspan class=\"highlight\"\u003enatural power\u003c\/span\u003e to repair and rejuvenate skin exceptionally.\u003c\/p\u003e\n \n \u003cul class=\"snail-list fade-in\"\u003e\n \u003cli\u003eDeeply repairs damaged tissues.\u003c\/li\u003e\n \u003cli\u003eStimulates collagen and elastin production, reducing fine lines and restoring lost elasticity.\u003c\/li\u003e\n \u003cli\u003eSoothes inflammation and heals skin damaged by acne or scars.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"column slide-in-right\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_snail_treatment.webp?v=1745071088\" alt=\"Snail Treatment\" class=\"snail-image scale-in\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"snail-section\"\u003e\n \u003ch4 class=\"snail-section-title fade-in\"\u003eSodium Hyaluronate: Deep Hydration to Revive Your Skin\u003c\/h4\u003e\n \n \u003cdiv class=\"two-column\"\u003e\n \u003cdiv class=\"column slide-in-right\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96_2e0be476-8c6e-4bdc-8825-85eb8e9629f6.webp?v=1745071088\" alt=\"Snail Mucin Benefits\" class=\"snail-image scale-in\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"column slide-in-left\"\u003e\n \u003cp class=\"snail-text\"\u003eA formula featuring \u003cspan class=\"highlight\"\u003e1,000 ppm of sodium hyaluronate\u003c\/span\u003e, which provides:\u003c\/p\u003e\n \n \u003cul class=\"snail-list fade-in\"\u003e\n \u003cli\u003eIntense hydration that lasts all day.\u003c\/li\u003e\n \u003cli\u003eEnhanced skin plumpness, reducing the appearance of fine lines.\u003c\/li\u003e\n \u003cli\u003eSoftness and a natural glow that reflects skin health from within.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"snail-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin.jpg?v=1745071166\" alt=\"COSRX Snail Mucin Product\" class=\"snail-image fade-in\"\u003e\n \n \u003ch3 class=\"snail-section-title fade-in\"\u003eWhy Is This Product a Breakthrough in Skincare?\u003c\/h3\u003e\n \n \u003col class=\"snail-numbered-list fade-in\"\u003e\n \u003cli\u003e\u003cstrong\u003eMulti-Tasking\u003c\/strong\u003e: Combines hydration, renewal, and healing in one product.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eSuitable for All Skin Types\u003c\/strong\u003e: Free of allergens, making it ideal for sensitive skin.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eNatural Power Backed by Science\u003c\/strong\u003e: Combines nature’s benefits with cutting-edge technology for optimal results.\u003c\/li\u003e\n \u003c\/ol\u003e\n \n \u003cdiv class=\"usage-section fade-in\"\u003e\n \u003ch3\u003eHow to Use:\u003c\/h3\u003e\n \u003cul class=\"snail-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eStep 1\u003c\/strong\u003e: After thoroughly cleansing your skin, apply an appropriate amount of \u003cstrong\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/strong\u003e to your face using your fingertips.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eStep 2\u003c\/strong\u003e: Gently spread the product across your skin, massaging lightly until fully absorbed.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eStep 3\u003c\/strong\u003e: Use morning and evening for best results. Follow with your usual moisturizer for added hydration.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\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 document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in').forEach(el =\u003e {\n observer.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44252532965573,"sku":"","price":1240.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_egypt.jpg?v=1759353797"},{"product_id":"cosrx-hyaluronic3","title":"COSRX Hyaluronic Acid 3% Serum with Ceramides \u0026 NMF | Hydrating Anti-Aging Facial Serum for Dry Skin","description":"\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 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: left;\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-left: 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-left: 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-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-left: 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 left, 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 \/* Penetration chart *\/\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 left: 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 left: -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 left: 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 left: 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-right: 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 font-size: 1.8rem;\n margin-bottom: 20px;\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 left, 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\u003eThe Dryness Challenge Begins Here: Hydrated, Firm, and Glowing Skin\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eYour skin is crying out for its lost radiance, and every day that passes without treatment deepens the problem and makes it harder to reverse.\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003eDid you know that premature wrinkles are not just a natural change? They are evidence of the deterioration of your skin's vital moisture barrier. These lines are not just fleeting marks; they are warnings that your skin is losing its ability to retain moisture and elasticity. With every day that passes without effective hydration, these signs become deeper and harder to treat. Remember, wrinkles begin to appear when the skin lacks proper care; any lack of hydration can turn into lines and wrinkles that don’t easily disappear. Empower your skin with the strength it needs with hyaluronic acid, and restore its vitality before it’s too late.\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\u003eAn Innovation Beyond Traditional Moisturizers:\u003c\/h3\u003e\n \n \u003cp\u003eMost products only hydrate, but this serum works as:\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\"\u003eNatural Restorer\u003c\/div\u003e\n \u003cp\u003eRepairs the skin’s protective barrier, making it stronger and more resistant to damage.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eTexture Enhancer\u003c\/div\u003e\n \u003cp\u003eEliminates rough skin texture, leaving it silky smooth after the first use.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eChronic Dryness Fighter\u003c\/div\u003e\n \u003cp\u003eTreats dryness at its root while providing long-lasting protection for hours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eA Luxurious Feel with Every Use:\u003c\/h3\u003e\n \n \u003cp\u003eIts unique texture is unlike any product you’ve tried before. The lightweight formula absorbs easily, enveloping your skin in a layer of softness and comfort that lasts all day.\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\u003eWhat Makes COSRX Hyaluronic Acid Intensive Cream Unique?\u003c\/h2\u003e\n \n \u003c!-- First Info Block --\u003e\n \u003cdiv class=\"info-block\"\u003e\n \u003ch3 class=\"info-title\"\u003e1. Powerful Blend of NMF (Amino Acid Complex):\u003c\/h3\u003e\n \n \u003cp\u003eNatural Moisturizing Factors (NMF) include a group of amino acids that mimic the natural elements found in the skin, which work to:\u003c\/p\u003e\n \n \u003cul\u003e\n \u003cli\u003e\u003cstrong\u003eDeeply Hydrate the Skin:\u003c\/strong\u003e Amino acids help the skin retain water, giving it natural freshness and elasticity.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eRepair the Skin Barrier:\u003c\/strong\u003e This complex enhances the skin’s ability to protect against harmful environmental factors and dryness.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eIncrease Smoothness:\u003c\/strong\u003e With regular use, it reduces rough texture and restores the skin’s natural hydration balance.\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. Ceramides: The Final Fortress Between Your Skin and Aging\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eWhen the skin barrier breaks down, your skin embarks on an irreversible journey toward dryness and loss of radiance.\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eWithout a strong barrier, every enemy of your skin will invade it mercilessly.\u003c\/strong\u003e Healthy skin contains \u003cstrong\u003eceramides\u003c\/strong\u003e as an essential part of the protective barrier that retains moisture and prevents its loss.\u003c\/p\u003e\n \n \u003cp\u003eWhen these ceramides are lost, it leads to the breakdown of the skin barrier, moisture loss, and exposure to environmental aging factors. Without this support, the skin becomes a battlefield where signs of stress and aging accelerate. Will you leave your skin exposed and vulnerable to damage?\u003c\/p\u003e\n \n \u003cp\u003eThe serum contains a high concentration of ceramides that help your skin restore its protective shield and prevent harmful factors from penetrating deep into your skin layers.\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. Hydration Reaching 2.5mm Below the Skin’s Surface\u003c\/h3\u003e\n \n \u003cp\u003eThe formula uses an effective concentration of hyaluronic acid that deeply hydrates the skin across all its layers, reaching unprecedented depths compared to other moisturizers. This formula penetrates the deepest skin cells to provide effective hydration at every level.\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\"\u003eEpidermis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin-layer dermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eDermis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin-layer hypodermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eHypodermis\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\"\u003ePenetration Depth: 2.5mm\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\u003eEvery Drop Rebuilds Your Skin from Within\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eOne Small Drop... Massive Impact: Complete Skin Hydration with Minimal Product\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003eThanks to the concentrated and effective formula of COSRX’s Hyaluronic Acid Serum, you only need a tiny amount to cover your entire face. The smart formula distributes hydration deeply into every layer of your skin, delivering noticeable results without wasting product.\u003c\/p\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003ch3\u003eHow to Use:\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\"\u003eCleanse your skin thoroughly with a cleanser suitable for your skin type.\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\"\u003eApply a few drops of the serum to clean, slightly damp skin.\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\"\u003eGently spread the serum using your fingertips in circular motions.\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\"\u003eFollow with a moisturizer to lock in hydration (optional).\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\"\u003eUse the serum twice daily, morning and evening, for best results.\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\u003eThe perfect solution for skin craving deep hydration and lasting radiance.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eRevive your skin now!\u003c\/strong\u003e\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eBuy Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to feature cards when they come into view\n observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info blocks when they come into view\n observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to steps when they come into view\n observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to highlight block when it comes into view\n observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n \n \/\/ Animate the penetration arrow after the block appears\n setTimeout(() =\u003e {\n const arrow = element.querySelector('.penetration-arrow');\n if (arrow) {\n arrow.style.height = '0%';\n arrow.style.transition = 'height 1.5s ease';\n \n setTimeout(() =\u003e {\n arrow.style.height = '80%';\n }, 300);\n }\n }, 300);\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44297342386373,"sku":"INSTA055008CHIQ","price":1020.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1734295431"},{"product_id":"cosrx-niacinamide-serum","title":"Cosrx نياسيناميد 15% | متخصص المسام | تفتيح | تنظيم الزيوت","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: rtl;\n }\n\n \/* Typography *\/\n .product-description h2 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h2::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Featured section *\/\n .featured-section {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n }\n\n .featured-title {\n color: #9C8102;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n \/* Benefits section *\/\n .benefits-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 2em 0;\n }\n\n .benefit-card {\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n font-size: 1.8rem;\n margin: 0 auto 15px;\n }\n\n .benefit-content {\n padding: 25px;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: bold;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n text-align: center;\n }\n\n \/* Before\/After comparison *\/\n .comparison-container {\n position: relative;\n width: 100%;\n margin: 2em 0;\n border-radius: 15px;\n overflow: hidden;\n }\n\n .comparison-image {\n width: 100%;\n display: block;\n border-radius: 15px;\n }\n\n \/* Percentage indicator *\/\n .percentage-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 3em 0;\n }\n\n .percentage-circle {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n background: conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .percentage-circle::before {\n content: '';\n position: absolute;\n width: 130px;\n height: 130px;\n border-radius: 50%;\n background-color: white;\n }\n\n .percentage-text {\n position: relative;\n z-index: 1;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n }\n\n .percentage-label {\n margin-right: 20px;\n font-size: 1.2rem;\n color: #333;\n flex: 1;\n }\n\n \/* Info sections *\/\n .info-section {\n margin: 3em 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border-right: 5px solid #9C8102;\n transition: transform 0.3s ease;\n }\n\n .info-section:hover {\n transform: translateX(-5px);\n }\n\n \/* Usage section *\/\n .usage-section {\n margin: 3em 0;\n }\n\n .usage-title {\n color: #9C8102;\n font-size: 1.5rem;\n margin-bottom: 20px;\n }\n\n .usage-steps {\n display: flex;\n justify-content: space-between;\n position: relative;\n margin: 40px 0;\n }\n\n .usage-steps::before {\n content: '';\n position: absolute;\n top: 25px;\n right: 0;\n left: 0;\n height: 2px;\n background-color: rgba(156, 129, 2, 0.3);\n z-index: -1;\n }\n\n .usage-step {\n text-align: center;\n position: relative;\n width: 120px;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.3rem;\n margin: 0 auto 15px;\n }\n\n .step-text {\n font-size: 0.95rem;\n color: #555;\n }\n\n \/* Call to action *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 3em 0 1em;\n }\n\n .cta-container h2 {\n color: white;\n margin-bottom: 20px;\n }\n\n .cta-container h2::after {\n background-color: white;\n margin: 10px auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: rgba(156, 129, 2, 0.08);\n border-radius: 10px;\n padding: 20px;\n margin: 2em 0;\n border: 3px solid #000;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-container {\n grid-template-columns: 1fr;\n }\n\n .percentage-container {\n flex-direction: column;\n }\n\n .percentage-label {\n margin: 20px 0 0 0;\n text-align: center;\n }\n\n .usage-steps {\n flex-direction: column;\n align-items: center;\n }\n\n .usage-steps::before {\n display: none;\n }\n\n .usage-step {\n margin-bottom: 30px;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\" alt=\"COSRX Niacinamide 15% Serum\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eالمركب المثالي الذي غير موازين العناية بالبشرة.. الآن في أعلى تركيز ممكن\u003c\/h2\u003e\n \n \u003c!-- Percentage Indicator --\u003e\n \u003cdiv class=\"percentage-container\"\u003e\n \u003cdiv class=\"percentage-circle\"\u003e\n \u003cdiv class=\"percentage-text\"\u003e15%\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"percentage-label\"\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eاكتشف الفرق مع التركيز العالي\u003c\/h3\u003e\n \u003cp\u003eربما جربت النياسيناميد من قبل، لكن لم تجربه بتركيز 15% هذا، وهو التركيز الذي سيتحدى كل ما تعرفه عن العناية بالبشرة. تأثيره أقوى من أي وقت مضى ضد الشوائب، ويعمل على تقليص المسام بفاعلية غير مسبوقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15.png?v=1745677490\" alt=\"COSRX Niacinamide 15% Serum Product\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eالتركيبة الموازنة للميلانين تتحدى أصعب التصبغات\u003c\/h2\u003e\n \n \u003cdiv class=\"info-section\"\u003e\n \u003cp\u003eهذه التركيبة عالية التخصص في موازنة انتاج الميلانين, عند التعرض للعوامل البيئية تقوم البشرة بزيادة انتاج الميلانين بشكل غير متساوي مما يؤدي الى ظهور هذه التصبغات المزعجة التي تؤثر على مظهرك بشكل ملحوظ.\u003c\/p\u003e\n \n \u003cp\u003eتقوم هذه التركيبة بموازنة انتاج الصبغة مما يؤدي لتوحيد لون البشرة و تحقيق بشرة صافية خالية من التصبغات.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\" alt=\"Pore Minimizing Effect\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eهل تعاني من المسام الواسعة ؟ هذا هو الحل النهائي\u003c\/h2\u003e\n \n \u003cp\u003eتخلص من هذه المسام الواسعة المزعجة التي تجعلك تبدو أكبر من سنك و تمتص الـأتربة و العوامل البيئية الضارة وتدخلها إلى أعماق جلدك.\u003c\/p\u003e\n \n \u003cp\u003eيقوم السيروم بتنظيف و تنقية مسامي البشرة و تقليل إفرازات الدهون مما يقلل حجم المسام بشكل غير مرئي و يجعل نسيج بشرتك يبدو كالزجاج .. حرفيا!\u003c\/p\u003e\n \n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-container\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليص المسام\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتركيز 15% من النياسيناميد يعمل على تنظيم إفراز الزيوت وتقليص المسام الواسعة بفعالية كبيرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيعالج التصبغات ويوحد لون البشرة من خلال تنظيم إنتاج صبغة الميلانين\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eمحاربة حب الشباب\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقلل من الالتهابات ويمنع ظهور حب الشباب من خلال تنظيم إفراز الدهون\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\" alt=\"Texture Improvement\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eيعيد بناء نسيج البشرة\u003c\/h2\u003e\n \n \u003cp\u003eسيروم النياسيناميد لا يساعد فقط في محاربة حب الشباب، لكنه أيضًا يساهم في تحسين نسيج البشرة بشكل عام ويجعلها أكثر نعومة ومرونة.\u003c\/p\u003e\n \u003cp\u003eإنه أكثر من مجرد سيروم، إنه تجديد كامل لبشرتك.\u003c\/p\u003e\n \n \u003c!-- Before\/After Comparison --\u003e\n \u003cdiv class=\"comparison-container\"\u003e\n \u003cimg class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\" alt=\"Before and After Using Niacinamide Serum\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eوداعا للرؤوس البيضاء و السوداء\u003c\/h2\u003e\n \n \u003cp\u003eالرؤوس البيضاء والسوداء تتكون عندما يتراكم الزيت والأنربة داخل المسام ويغلقها أو يتفاعل مع الهواء. سيروم النياسيناميد من COSRX يعمل على تقليص حجم المسام وتنظيم إفراز الدهون، مما يمنع تراكم الزيت والأوساخ. كما يساعد في تجديد خلايا البشرة وتقشيرها بلطف، مما يمنع انسداد المسام ويعالج الرؤوس البيضاء والسوداء بشكل فعال.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_no_background.webp?v=1745677778\" alt=\"COSRX Niacinamide 15% Serum Bottle\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eإنه منتج الأحلام للبشرة الدهنية\u003c\/h2\u003e\n \n \u003cdiv class=\"featured-section\"\u003e\n \u003cp\u003eإذا كنت تمتلك بشرة دهنية أو مختلطة، فمن المؤكد أنك تعرف تماماً تحديات التعامل مع فائض الدهون والمسام الواسعة. لكن مع سيروم النياسيناميد 15% من COSRX، يمكنك الآن تحقيق بشرة نقية ومشدودة دون القلق من اللمعان الزائد أو المشاكل المرتبطة بإفراز الدهون.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eوقاية شاملة من عوامل الزمن..العلاج و الوقاية في تركيبة واحدة\u003c\/h2\u003e\n \n \u003cp\u003eالزمن لا يرحم جلدك, كل يوم نتعرض فيه للعوامل البيئية الضارة هي خطوة أكبر للشيخوخة المبكرة\u003cbr\u003eلا تترك جلدك وحيد في حربه ضد الزمن\u003c\/p\u003e\n \n \u003cp\u003eيجب على بشرتك التسلح بدرع وقائي من النياسيناميد! يقوم النياسيناميد في هذه التركيبة عالية التركيز بحماية البشرة من عوامل التأكسد المسببة للشيخوخة المبكرة!\u003c\/p\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch3 class=\"usage-title\"\u003eكيف تستخدمه؟\u003c\/h3\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتنظيف البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع التونر\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eالكريم المرطب\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-box\"\u003e\n \u003cp\u003eيوضع سيروم النياسيناميد 15% صباحًا ومساءً على بشرة نظيفة قبل أي كريمات أو زيوت أخرى.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eملاحظة\u003c\/strong\u003e: لا يُفضل استخدامه في نفس الوقت مع منتجات تحتوي على فيتامين C النقي (حمض الأسكوربيك).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-container\"\u003e\n \u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n \u003cp\u003eالحل الأمثل للمسام الواسعة والبشرة غير متساوية اللون\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to animate percentage circle\n const animatePercentageCircle = () =\u003e {\n const percentageCircle = document.querySelector('.percentage-circle');\n \n if (percentageCircle) {\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n \n setTimeout(() =\u003e {\n percentageCircle.style.transition = 'background 1.5s ease-out';\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n }, 300);\n }\n };\n \n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Animate percentage circle when it comes into view\n observeElements([document.querySelector('.percentage-container')], () =\u003e {\n animatePercentageCircle();\n });\n \n \/\/ Apply animations to benefit cards when they come into view\n observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info sections when they come into view\n observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n });\n \n \/\/ Apply animations to step numbers when they come into view\n observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n element.style.animation = 'pulseIn 0.5s ease forwards';\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n @keyframes pulseIn {\n 0% {\n transform: scale(0.5);\n opacity: 0;\n }\n 70% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n }\n \n .benefit-card,\n .info-section,\n .featured-section,\n .highlight-box {\n opacity: 0;\n }\n \n .step-number {\n opacity: 0;\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44299894751429,"sku":"INSTA05ت5008CHIQ","price":1350.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1734367558"},{"product_id":"anua-heartleaf-toner","title":"Anua Heartleaf 77 Soothing Toner I pH 5.5 Trouble Care, Calming Skin, Refreshing, Hydrating, Purifying","description":"\u003ch3\u003e\u003cstrong\u003eAnua Heartleaf 77% Soothing Toner: The Ultimate Korean Solution for Your Skin\u003c\/strong\u003e\u003c\/h3\u003e \u003cp\u003eThis is no ordinary toner—it’s a cutting-edge formula that tackles skin issues and helps restore its natural glow and vitality:\u003c\/p\u003e \u003cul\u003e \u003cli\u003e \u003cstrong\u003eRedness and irritation?\u003c\/strong\u003e The toner calms skin thanks to 77% heartleaf (Houttuynia Cordata) extract, famous for its anti-inflammatory powers. \u003c\/li\u003e \u003cli\u003e \u003cstrong\u003eAcne?\u003c\/strong\u003e Helps reduce breakouts and clear pores for a pure, blemish-free complexion. \u003c\/li\u003e \u003cli\u003e \u003cstrong\u003eDry, dull skin?\u003c\/strong\u003e Deep hydration gives your skin a bright, dewy finish. \u003c\/li\u003e \u003cli\u003e \u003cstrong\u003eWeak skin barrier?\u003c\/strong\u003e Reinforces and protects against environmental damage. \u003c\/li\u003e \u003c\/ul\u003e \u003cp\u003e\u003cstrong\u003eRestore your skin’s natural balance with an ideal pH (5.5)\u003c\/strong\u003e\u003c\/p\u003e \u003cp\u003eIf you struggle with imbalance due to harsh products or pollution, Anua Heartleaf Toner is your answer. With a balanced pH 5.5, it naturally restores equilibrium, preserves your moisture barrier, and cleanses gently for a fresh, hydrated feeling.\u003c\/p\u003e \u003cp\u003e\u003cstrong\u003eGot sensitive skin? This is your natural solution\u003c\/strong\u003e\u003cbr\u003eFor those with reactive or sensitive skin, this toner—rich in heartleaf’s soothing and anti-inflammatory properties—reduces redness and irritation from pollution or sun. Regular use cools and comforts for all-day relief.\u003c\/p\u003e \u003cp\u003e\u003cstrong\u003eMaximum concentration of the best skin-calming plant\u003c\/strong\u003e\u003cbr\u003eHeartleaf (Houttuynia Cordata) is the main ingredient at 77%—renowned for antibacterial and anti-inflammatory benefits. Actively reduces swelling and redness from acne and daily stress, allowing your skin to reap the full benefits of this natural botanical.\u003c\/p\u003e \u003cp\u003e\u003cstrong\u003eIt’s healthy food for your skin\u003c\/strong\u003e\u003cbr\u003eJust as your body needs healthy nutrition, your skin thrives on natural ingredients. This formula blends heartleaf extract and hyaluronic acid for deep hydration and soothing, bringing out your freshest radiance. It feeds your skin from the inside out, supporting renewal and protection.\u003c\/p\u003e \u003cp\u003e\u003cstrong\u003eWhy Heartleaf Extract?\u003c\/strong\u003e\u003cbr\u003eHeartleaf is one of the most effective natural botanicals for stressed skin. Here’s how it delivers:\u003c\/p\u003e \u003cul\u003e \u003cli\u003e\u003cstrong\u003eCalms irritated skin:\u003c\/strong\u003e Heartleaf’s outstanding ability to reduce redness and stress is thanks to high anti-inflammatory compounds.\u003c\/li\u003e \u003cli\u003e\u003cstrong\u003eAntibacterial benefits:\u003c\/strong\u003e Limits bacterial growth responsible for breakouts, ideal for acne-prone skin.\u003c\/li\u003e \u003cli\u003e\u003cstrong\u003eBoosts overall skin health:\u003c\/strong\u003e Contains antioxidants to fight free radicals, reduce premature aging, and aid skin renewal and elasticity.\u003c\/li\u003e \u003cli\u003e\u003cstrong\u003eHydration:\u003c\/strong\u003e A natural hydration source for soft, supple skin, all day.\u003c\/li\u003e \u003c\/ul\u003e \u003ch3\u003e\u003cstrong\u003eClinically Proven Results:\u003c\/strong\u003e\u003c\/h3\u003e \u003cul\u003e \u003cli\u003e\u003cstrong\u003e97% of users\u003c\/strong\u003e saw reduced redness in the first week.\u003c\/li\u003e \u003cli\u003e\u003cstrong\u003e92% experienced a visible hydration boost.\u003c\/strong\u003e\u003c\/li\u003e \u003cli\u003e\u003cstrong\u003e90% noticed smoother, healthier-feeling skin.\u003c\/strong\u003e\u003c\/li\u003e \u003c\/ul\u003e \u003ch3\u003e\u003cstrong\u003eHow to use:\u003c\/strong\u003e\u003c\/h3\u003e \u003col\u003e \u003cli\u003eAfter cleansing, apply a suitable amount of toner with a cotton pad or palms.\u003c\/li\u003e \u003cli\u003eSweep gently over the skin or pat in for absorption.\u003c\/li\u003e \u003cli\u003eFollow with your normal skincare routine.\u003c\/li\u003e \u003c\/ol\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44333256343749,"sku":"","price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_77_hyaluron_toner.jpg?v=1735136895"},{"product_id":"cosrx-advanced-snail-92-cream","title":"COSRX Advanced Snail 92 Cream - 92% Snail Mucin Deep Moisturizing Cream | Korean Skincare Barrier Repair","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: ltr;\n }\n\n \/* Typography *\/\n .product-description h3, \n .product-description h4, \n .product-description h5 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\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.5rem;\n }\n\n .product-description h5 {\n font-size: 1.3rem;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description strong {\n color: #9C8102;\n }\n\n .product-description ul, \n .product-description ol {\n padding-left: 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 section *\/\n .features-section {\n margin: 3em 0;\n }\n\n .feature-row {\n display: flex;\n align-items: center;\n margin-bottom: 2em;\n background: #f7f7f7;\n padding: 20px;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .feature-row:hover {\n transform: translateY(-5px);\n }\n\n .feature-row::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 100%;\n background-color: #9C8102;\n }\n\n .feature-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-right: 20px;\n flex-shrink: 0;\n }\n\n .feature-content {\n flex-grow: 1;\n }\n\n .feature-title {\n color: #9C8102;\n font-size: 1.3rem;\n margin-bottom: 0.5em;\n font-weight: 700;\n }\n\n \/* Benefits section *\/\n .benefits-section {\n margin: 3em 0;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 25px;\n }\n\n .benefit-card {\n background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n transition: all 0.3s ease;\n border-left: 4px solid #9C8102;\n }\n\n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.15);\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.3rem;\n margin-bottom: 0.5em;\n font-weight: 700;\n }\n\n \/* Percentage highlight *\/\n .percentage-container {\n background: linear-gradient(135deg, #9C8102 0%, #C4A503 100%);\n padding: 30px;\n border-radius: 20px;\n text-align: center;\n margin: 2em 0;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.2);\n }\n\n .percentage-number {\n font-size: 5rem;\n font-weight: 900;\n color: white;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n margin-bottom: 10px;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .percentage-text {\n font-size: 1.5rem;\n color: white;\n font-weight: 600;\n }\n\n \/* Process steps *\/\n .process-steps {\n margin: 2em 0;\n }\n\n .process-step {\n background: #f9f9f9;\n padding: 20px;\n margin-bottom: 15px;\n border-radius: 12px;\n border-left: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .process-step:hover {\n background: #f5f5f5;\n transform: translateX(5px);\n }\n\n .step-title {\n color: #9C8102;\n font-weight: 700;\n font-size: 1.2rem;\n margin-bottom: 10px;\n }\n\n \/* Ingredient section *\/\n .ingredient-section {\n margin: 3em 0;\n }\n\n .ingredient-card {\n background: linear-gradient(to right, #ffffff, #f9f9f9);\n padding: 25px;\n margin-bottom: 20px;\n border-radius: 15px;\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);\n transition: all 0.3s ease;\n }\n\n .ingredient-card:hover {\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.12);\n transform: translateY(-3px);\n }\n\n .ingredient-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n justify-content: flex-start;\n }\n\n .ingredient-icon {\n font-size: 2.5rem;\n margin-right: 15px;\n }\n\n .ingredient-name {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 700;\n margin: 0;\n }\n\n .ingredient-benefits {\n color: #555;\n line-height: 1.8;\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, #9C8102, transparent);\n margin: 3em 0;\n }\n\n \/* Responsive design *\/\n @media (max-width: 768px) {\n .product-description {\n padding: 15px;\n }\n\n .percentage-number {\n font-size: 3.5rem;\n }\n\n .feature-icon {\n font-size: 2rem;\n }\n\n .ingredient-icon {\n font-size: 2rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n\n\u003cdiv class=\"hero-container\"\u003e\u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_all_in_one_cream_92_snail_mucin_04709d5a-003c-4c90-a44c-4087716aa441.webp?v=1745675530\" alt=\"COSRX Snail 92 All In One Cream\"\u003e\u003c\/div\u003e\n\n\u003ch5\u003e\u003cstrong\u003eA Revolutionary Product That Rewrites Your Skin's Story\u003c\/strong\u003e\u003c\/h5\u003e\n\n\u003ch4\u003e\u003cstrong\u003e92% Snail Mucin: The Magical Ingredient for Skin Renewal\u003c\/strong\u003e\u003c\/h4\u003e\n\n\u003c!-- Animated Percentage --\u003e\n\u003cdiv class=\"percentage-container\"\u003e\n\u003cdiv class=\"percentage-number\" id=\"countUp\"\u003e92%\u003c\/div\u003e\n\u003cdiv class=\"percentage-text\"\u003ePure Snail Mucin Extract\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cp\u003eThis is more than just a skincare product—it's a \u003cstrong\u003etrue scientific breakthrough\u003c\/strong\u003e in the world of skincare. This revolutionary formula contains an exceptionally high concentration of 92% pure snail secretion filtrate, harnessing the \u003cstrong\u003enatural power\u003c\/strong\u003e to repair and regenerate your skin in extraordinary ways.\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003eDeeply repairs damaged tissue at the cellular level\u003c\/li\u003e\n\u003cli\u003eStimulates collagen and elastin production, reducing fine lines and restoring lost elasticity\u003c\/li\u003e\n\u003cli\u003eSoothes inflammation and heals skin damaged by acne or scarring\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cdiv class=\"hero-container\"\u003e\u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_all_in_one_cream_92_snail_mucin.jpg?v=1745675566\" alt=\"COSRX Snail 92 All In One Cream Application\"\u003e\u003c\/div\u003e\n\n\u003ch3\u003eHow \u003cstrong\u003eCOSRX Snail 92\u003c\/strong\u003e Works to Achieve Perfect Skin\u003c\/h3\u003e\n\n\u003cdiv class=\"features-section\"\u003e\n\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4 class=\"feature-title\"\u003eRepairs \u0026 Restores Damaged Skin (92% Snail Filtrate)\u003c\/h4\u003e\n\u003cp\u003eThe ultra-high concentration of snail secretion delivers natural growth factors and proteins that accelerate cell renewal and repair damaged tissue, reducing the appearance of scars while giving your skin a healthy, rejuvenated glow.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4 class=\"feature-title\"\u003eLong-Lasting Deep Hydration (Sodium Hyaluronate + Betaine)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eSodium Hyaluronate\u003c\/strong\u003e: Locks moisture deep within skin layers, providing hours of lasting hydration\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBetaine\u003c\/strong\u003e: A natural humectant that attracts moisture and protects against dryness, leaving skin silky smooth\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4 class=\"feature-title\"\u003eEnhances Elasticity \u0026 Reduces Wrinkles (Adenosine)\u003c\/h4\u003e\n\u003cp\u003eA powerful active ingredient that improves skin elasticity by boosting collagen production, visibly reducing fine lines and wrinkles for a more youthful appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4 class=\"feature-title\"\u003eCalms Sensitive \u0026 Irritated Skin (Panthenol + Allantoin)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003ePanthenol\u003c\/strong\u003e: Known for its soothing properties that reduce irritation and redness\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAllantoin\u003c\/strong\u003e: Calms and regenerates skin cells, leaving skin soft and comfortable even after exposure to harsh environmental factors\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003ch3\u003e\u003cstrong\u003eWhy This Product is a Game-Changer in Skincare\u003c\/strong\u003e\u003c\/h3\u003e\n\n\u003cdiv class=\"benefits-section\"\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eMulti-Tasking Powerhouse\u003c\/h4\u003e\n\u003cp\u003eCombines hydration, renewal, and healing in just one product. Using a single solution instead of multiple products saves you time and money.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003ePerfect for All Skin Types\u003c\/h4\u003e\n\u003cp\u003eFree from common allergens, making it ideal for sensitive, normal, oily, and dry skin alike.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eNatural Power Backed by Science\u003c\/h4\u003e\n\u003cp\u003eCombines the benefits of nature with cutting-edge scientific technology to ensure safe, optimal results that show up quickly on your skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003ch3\u003eHow to Use \u003cstrong\u003eCOSRX Snail 92\u003c\/strong\u003e:\u003c\/h3\u003e\n\n\u003cdiv class=\"process-steps\"\u003e\n\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eCleanse Your Skin Thoroughly\u003c\/div\u003e\n\u003cp\u003eUse a cleanser suitable for your skin type to remove impurities, dirt, and makeup.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eApply Toner (Optional)\u003c\/div\u003e\n\u003cp\u003eUse toner to prep your skin and rebalance pH levels for better product absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eApply the Cream to Your Face\u003c\/div\u003e\n\u003cp\u003eTake an appropriate amount of cream and gently massage onto your face using circular motions until fully absorbed.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eUse Twice Daily\u003c\/div\u003e\n\u003cp\u003eFor best results, incorporate the cream into your morning and evening routine consistently.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003ch3\u003eKey Ingredients and Their Magical Powers:\u003c\/h3\u003e\n\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e🐌\u003c\/div\u003e\n\u003ch4 class=\"ingredient-name\"\u003eSnail Mucin (92%)\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cp class=\"ingredient-benefits\"\u003eContains natural hyaluronic acid, multiple proteins, and antioxidants that work together to hydrate skin, repair damaged tissue, improve elasticity, and fight wrinkles.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e💦\u003c\/div\u003e\n\u003ch4 class=\"ingredient-name\"\u003eSodium Hyaluronate\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cp class=\"ingredient-benefits\"\u003eHas the ability to hold up to 1000 times its weight in water, providing deep hydration and giving skin a plump, vibrant appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch4 class=\"ingredient-name\"\u003eBetaine\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cp class=\"ingredient-benefits\"\u003eA natural extract that works as a powerful moisturizer, protecting skin from dryness and irritation while maintaining its natural moisture balance.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4 class=\"ingredient-name\"\u003eAdenosine\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cp class=\"ingredient-benefits\"\u003eA globally recognized active ingredient for its ability to stimulate collagen production and reduce the appearance of fine lines and wrinkles, giving skin a more youthful look.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"percentage-container\"\u003e\n\u003ch3 style=\"color: white;\"\u003eCOSRX Advanced Snail 92 All In One Cream\u003c\/h3\u003e\n\u003cp style=\"color: white; font-size: 1.2rem;\"\u003eThe revolutionary formula that will restore your skin's youth and radiance in record time!\u003c\/p\u003e\n\u003ca href=\"#\" style=\"display: inline-block; padding: 12px 35px; background-color: white; color: #9c8102; font-weight: bold; border-radius: 30px; text-decoration: none; margin-top: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\"\u003eShop Now\u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44341563293893,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign-2024-12-29T140801.300.jpg?v=1735474131"},{"product_id":"cosrx-retinol-serum","title":"Cosrx سيروم الريتينول تركيز 0.5% + سكوالين | مضاد التجاعيد | تحسين مرونة الجلد","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3, \n .product-description h4 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 2.2rem;\n text-align: center;\n }\n\n .product-description h3 {\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description h4 {\n font-size: 1.4rem;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description ul {\n list-style: none;\n padding: 0;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 1.5em;\n background: rgba(156, 129, 2, 0.03);\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n border-radius: 15px;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Results section *\/\n .results-container {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .percentage-bar {\n width: 100%;\n height: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 5px;\n overflow: hidden;\n margin: 20px 0;\n }\n\n .percentage-fill {\n height: 100%;\n width: 0;\n background-color: #9C8102;\n transition: width 1.5s ease-in-out;\n }\n\n \/* Usage timeline *\/\n .timeline {\n position: relative;\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 0;\n }\n\n .timeline::after {\n content: '';\n position: absolute;\n width: 6px;\n background-color: rgba(156, 129, 2, 0.2);\n top: 0;\n bottom: 0;\n right: 50%;\n margin-right: -3px;\n }\n\n .timeline-item {\n padding: 10px 50px;\n position: relative;\n width: 50%;\n }\n\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 25px;\n height: 25px;\n background-color: white;\n border: 4px solid #9C8102;\n border-radius: 50%;\n top: 15px;\n transition: transform 0.5s ease, background-color 0.5s ease;\n }\n\n .timeline-item:hover::after {\n transform: scale(1.2);\n background-color: #9C8102;\n }\n\n .right {\n right: 0;\n }\n\n .left::after {\n right: -12px;\n }\n\n .right::after {\n left: -12px;\n }\n\n \/* CTA section *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-container h3 {\n color: white;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::after {\n right: 30px;\n }\n \n .timeline-item {\n width: 100%;\n padding-right: 70px;\n padding-left: 25px;\n }\n \n .right {\n right: auto;\n }\n \n .right::after {\n left: auto;\n right: 18px;\n }\n \n .left::after {\n right: 18px;\n }\n }\n\n \/* Animation classes - Added for animated elements when JS loads *\/\n .animate-on-scroll {\n transition: transform 0.8s ease, opacity 0.8s ease;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003ch2\u003eالريتينول... الجندي المجهول في محاربة علامات التقدم بالسن\u003c\/h2\u003e\n \n \u003cp\u003eهل سبق أن نظرت في المرآة وشعرت أن الزمن بدأ يترك بصماته على بشرتك؟ الخطوط الدقيقة تتسلل ببطء، المسام تبدو أكبر، ملمس الجلد لم يعد ناعماً كما كان؟\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eلا تدع الزمن يتحكم بك\u003c\/strong\u003e\u003cbr\u003eالشيخوخة ليست عذراً لتقبل تلك التغيرات، بل هي تحدٍ يمكنك الانتصار عليه.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\" alt=\"سيروم الريتينول COSRX\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eالحل؟ سيروم الريتينول 0.5% من COSRX\u003c\/h3\u003e\n \n \u003cp\u003eأفضل منتج في عالم الريتينول، مصمم بعناية لاستهداف أدق مشاكل البشرة، من التجاعيد العميقة والخطوط الدقيقة إلى ملمس البشرة الخشن وفقدان المرونة.\u003c\/p\u003e\n \n \u003c!-- Features Section --\u003e\n \u003ch3\u003eلماذا تعد هذه التركيبة من أفضل تركيبات الريتينول ؟\u003c\/h3\u003e\n \n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n \u003ch4\u003eتركيز استثنائي من الريتينول النقي\u003c\/h4\u003e\n \u003cp\u003eهذا المنتج يحتوي على \u003cstrong\u003eتركيز 0.5% من الريتينول النقي\u003c\/strong\u003e، وهو من أعلى التركيزات المتوفرة في السوق. يُعرف الريتينول بصعوبة صياغته في هذه التركيزات العالية، حيث يتطلب تقنيات دقيقة للحفاظ على استقراره وضمان فعاليته.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n \u003ch4\u003eتركيبة لطيفة لا تسبب تهيج البشرة\u003c\/h4\u003e\n \u003cp\u003eعلى عكس تركيبات الريتينول التقليدية التي قد تؤدي إلى تهيج واحمرار البشرة، يحتوي هذا المنتج على مزيج فريد من المكونات المهدئة، مما يجعله لطيفًا حتى على البشرة الحساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n \u003ch4\u003eقوام خفيف وسريع الامتصاص\u003c\/h4\u003e\n \u003cp\u003eبتركيبة زيتية حريرية خفيفة، يمتصه الجلد بسهولة دون أن يترك أي أثر دهني، مما يجعله مثاليًا كخطوة أساسية في روتينك الليلي.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003eترطيب عميق مع السكوالين النباتي\u003c\/h4\u003e\n \u003cp\u003eيحتوي المنتج على \u003cstrong\u003eسكوالين مستخلص من النباتات\u003c\/strong\u003e، الذي يعمل كمرطب قوي يمنع الجفاف الناتج عن استخدام الريتينول، مما يحافظ على ترطيب ونعومة البشرة طوال الليل.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eتوكوترينول (فيتامين E فائق)\u003c\/h4\u003e\n \u003cp\u003eيقلل بشكل كبير من أضرار الجذور الحرة ويحسن مظهر البشرة بشكل عام، مما يعزز من فعالية الريتينول ويضمن نتائج متكاملة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Results Section --\u003e\n \u003cdiv class=\"results-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" alt=\"نتائج استخدام سيروم الريتينول\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\u003e\n \n \u003ch3\u003eنتائج سريرية مبهرة!\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eتحسن بنسبة 18.4% في خطوط الأنف والشفاه في 4 أسابيع فقط\u003c\/strong\u003e (مؤكد عبر تجارب مخبرية).\u003c\/p\u003e\n \n \u003cdiv class=\"percentage-bar\"\u003e\n \u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" alt=\"COSRX الريتينول\" style=\"display: block; margin: 30px auto;\"\u003e\n \n \u003c!-- Usage Timeline --\u003e\n \u003ch3\u003eاستخدام تدريجي، تأثير استثنائي\u003c\/h3\u003e\n \n \u003cdiv class=\"timeline\"\u003e\n \u003cdiv class=\"timeline-item left\"\u003e\n \u003ch4\u003eالأسبوع 1-2\u003c\/h4\u003e\n \u003cp\u003eابدئي ببطء لتسمحي لبشرتك بالتأقلم. استخدمي المنتج مرة واحدة أسبوعياً في البداية، ثم مرتين أسبوعياً بدءاً من الأسبوع الثاني.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item right\"\u003e\n \u003ch4\u003eالأسبوع 3-4\u003c\/h4\u003e\n \u003cp\u003eزيدي التردد إلى 3 مرات أسبوعياً. ستلاحظين تحسناً في ملمس البشرة وتقليل الخطوط الدقيقة الأولية.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item left\"\u003e\n \u003ch4\u003eالأسبوع 5-8\u003c\/h4\u003e\n \u003cp\u003eاستخدمي المنتج يومياً أو حسب تحمل بشرتك. ستلاحظين تحسناً واضحاً في مرونة البشرة ونضارتها.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item right\"\u003e\n \u003ch4\u003eمن الأسبوع 8 وما بعد\u003c\/h4\u003e\n \u003cp\u003eاستمتعي ببشرة متجددة، نضرة، خالية من التجاعيد وعلامات التقدم بالسن!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-container\"\u003e\n \u003ch3\u003eزيت الريتينول 0.5% من COSRX\u003c\/h3\u003e\n \u003cp\u003eليس مجرد منتج آخر للعناية بالبشرة، إنه ابتكار علمي متقدم يمنحك نتائج ملموسة دون التنازل عن راحة بشرتك.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eابدئي الآن، وحارب علامات الزمن!\u003c\/strong\u003e\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Animate percentage bar\n (function() {\n \/\/ Add animation to percentage bar without hiding content\n setTimeout(function() {\n var percentageFills = document.querySelectorAll('.percentage-fill');\n percentageFills.forEach(function(fill) {\n var percent = fill.getAttribute('data-percent');\n fill.style.width = percent + '%';\n });\n }, 500);\n \n \/\/ Optional: Enable scroll animations only if preferred\n var enableScrollAnimations = false;\n \n if (enableScrollAnimations) {\n \/\/ Add animation classes to elements\n var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n \n elementsToAnimate.forEach(function(el) {\n el.classList.add('animate-on-scroll');\n });\n \n \/\/ Intersection Observer for scroll animations\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n \n elementsToAnimate.forEach(function(el) {\n el.style.opacity = 0;\n el.style.transform = 'translateY(20px)';\n observer.observe(el);\n });\n }\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359242252485,"sku":null,"price":1170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1736169264"},{"product_id":"cosrx-6-peptide","title":"Cosrx The 6 peptide تونر و سيروم الـ 6 ببتيدات | تجديد شامل للجلد | علاجي لكافة مشاكل الجلد","description":"\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animation for elements as they come into view\n const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n animatedElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Count-up animation for percentage numbers\n const countUpElements = document.querySelectorAll('.count-up');\n \n const countObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n const finalValue = parseFloat(element.getAttribute('data-value'));\n \n let startTime;\n const duration = 2000; \/\/ 2 seconds\n \n function animate(currentTime) {\n if (!startTime) startTime = currentTime;\n \n const elapsedTime = currentTime - startTime;\n const progress = Math.min(elapsedTime \/ duration, 1);\n \n const currentValue = progress * finalValue;\n element.textContent = currentValue.toFixed(1) + '%';\n \n if (progress \u003c 1) {\n requestAnimationFrame(animate);\n }\n }\n \n requestAnimationFrame(animate);\n countObserver.unobserve(element);\n }\n });\n }, {\n threshold: 0.5\n });\n \n countUpElements.forEach(el =\u003e {\n countObserver.observe(el);\n });\n });\n \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n \u003cstyle\u003e\n .cosrx-peptide-section * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .cosrx-peptide-section {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n direction: rtl;\n font-family: inherit;\n color: #333;\n }\n \n .peptide-header {\n text-align: center;\n margin-bottom: 50px;\n }\n \n .peptide-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n font-weight: 700;\n }\n \n .peptide-subtitle {\n font-size: 1.1rem;\n line-height: 1.6;\n color: #555;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .peptide-content {\n margin-bottom: 60px;\n }\n \n .peptide-section-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .peptide-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #444;\n margin-bottom: 20px;\n }\n \n .peptide-image {\n width: 100%;\n border-radius: 10px;\n margin: 30px 0;\n display: block;\n }\n \n .peptide-benefits {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 40px 0;\n }\n \n .benefit-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .benefit-card:hover {\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .benefit-title {\n font-weight: 700;\n margin-bottom: 10px;\n color: #9C8102;\n font-size: 1.1rem;\n }\n \n .peptide-list {\n list-style-type: disc;\n padding-right: 20px;\n margin: 20px 0;\n }\n \n .peptide-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .result-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 30px 0;\n }\n \n .result-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .result-percentage {\n font-size: 2rem;\n font-weight: 700;\n color: #c3a300;\n margin-bottom: 10px;\n }\n \n .result-text {\n font-size: 0.95rem;\n color: #555;\n }\n \n .how-to-use {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 25px;\n margin-top: 40px;\n }\n \n .how-to-use h3 {\n margin-bottom: 15px;\n font-weight: 700;\n font-size: 1.2rem;\n color: #c3a300;\n }\n \n .how-to-use ol {\n padding-right: 25px;\n }\n \n .how-to-use li {\n margin-bottom: 10px;\n line-height: 1.5;\n }\n \n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .slide-in-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .slide-in-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .scale-in {\n opacity: 0;\n transform: scale(0.9);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .count-up {\n display: inline-block;\n }\n \n \/* Shine effect for cards *\/\n .benefit-card, .result-card {\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after, .result-card::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.3) 50%,\n rgba(255, 255, 255, 0) 100%\n );\n transform: rotate(30deg);\n transition: transform 0.7s ease;\n opacity: 0;\n }\n \n .benefit-card:hover::after, .result-card:hover::after {\n opacity: 1;\n transform: rotate(30deg) translate(100%, -100%);\n }\n \n @media (max-width: 768px) {\n .peptide-benefits,\n .result-cards {\n grid-template-columns: 1fr;\n }\n \n .peptide-title {\n font-size: 1.5rem;\n }\n \n .peptide-section-title {\n font-size: 1.3rem;\n }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"peptide-header fade-in\"\u003e\n \u003ch2 class=\"peptide-title\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/h2\u003e\n \u003cp class=\"peptide-subtitle\"\u003eمنتج متطور يحتوي على 6 ببتيدات قوية لتجديد البشرة وتحسين مظهرها بشكل شامل\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-content\"\u003e\n \u003ch3 class=\"peptide-section-title fade-in\"\u003eلماذا البيبتيدات هي كلمة السر؟\u003c\/h3\u003e\n \u003cp class=\"peptide-text fade-in\"\u003eالبيبتيدات هي سلاسل الأحماض الأمينية التي تُعد المفتاح لإصلاح وتجديد البشرة. ومع ذلك، فإن قوة البيبتيدات تكمن في تنوعها.\u003cbr\u003eلهذا السبب قام فريق \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e بابتكار تركيبة مذهلة تحتوي على \u003cspan class=\"highlight\"\u003e6 أنواع من البيبتيدات\u003c\/span\u003e، مصممة لاستهداف كل مشكلة قد تواجهينها:\u003c\/p\u003e\n \n \u003cul class=\"peptide-list fade-in\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eإعادة مرونة البشرة:\u003c\/strong\u003e وداعًا للترهلات.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل التجاعيد العميقة والخطوط الدقيقة:\u003c\/strong\u003e اجعلي وجهكِ يبدو أصغر بسنوات.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل المسام والحصول على بشرة ناعمة:\u003c\/strong\u003e لأن التفاصيل الصغيرة تصنع الفرق.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eترطيب مضاعف دون الشعور بالثقل:\u003c\/strong\u003e بشرتكِ ستتنفس من جديد.\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\" alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eمنتج وحيد سيغنيك عن الروتينات المعقدة والباهظة\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eمع \u003cspan class=\"highlight\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/span\u003e، لا حاجة لك بعد الآن لمجموعة من المنتجات المتعددة التي تثقل كاهلك وتكلفك الكثير من المال. هذا المنتج المتطور يحتوي على 6 ببتيدات فعّالة تُعالج مشاكل البشرة المختلفة في خطوة واحدة فقط.\u003c\/p\u003e\n \n \u003cp class=\"peptide-text\"\u003eبفضل تركيبة السيروم المتكاملة، يمكنك الاستغناء عن التونر، السيروم، والمستحضرات الأخرى، وبالتالي توفير الوقت والمال. الجمال والعناية بالبشرة لم يعد يحتاج إلى روتين معقد. سيروم COSRX 6 Peptide هو كل ما تحتاجه لبشرة صحية ومتجددة.\u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\" alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003e6 ببتيدات تعمل في تناغم لاستعادة شباب بشرتك\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eتخيل أن بشرتك تحصل على أفضل علاج ممكن بفضل مزيج متكامل من 6 ببتيدات قوية تعمل معًا لتجديد وتحسين مظهر بشرتك. من تعزيز مرونة البشرة وتقليل التجاعيد إلى توحيد اللون وتجديد الخلايا، هذه الببتيدات تُحفز البشرة على إصلاح نفسها بشكل طبيعي.\u003c\/p\u003e\n \n \u003cp class=\"peptide-text\"\u003eكل ببتيد من الـ6 يعمل على معالجة مشكلة معينة: تقليل الخطوط الدقيقة، تحسين ملمس البشرة، مكافحة التصبغات، وتجديد شباب الجلد. النتيجة؟ بشرة مشدودة، ناعمة، ومشرقة، مع تقدم ملحوظ في تجديد شباب البشرة.\u003c\/p\u003e\n \n \u003cdiv class=\"peptide-benefits\"\u003e\n \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eمكافحة علامات التقدم في السن\u003c\/h4\u003e\n \u003cp\u003eالببتيدات تعمل على تحفيز إنتاج الكولاجين والإيلاستين، مما يساعد في تقليل التجاعيد وإعادة الشباب للبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eترطيب عميق للبشرة\u003c\/h4\u003e\n \u003cp\u003eتعمل الببتيدات مع حمض الهيالورونيك لتوفير ترطيب مكثف للبشرة، مما يجعلها أكثر نعومة ومرونة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h4\u003e\n \u003cp\u003eبفضل النياسيناميد والببتيدات، يعمل السيروم على تفتيح التصبغات وتوحيد لون البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eتعزيز الحاجز الواقي للبشرة\u003c\/h4\u003e\n \u003cp\u003eيساعد السيروم في تقوية الحاجز الواقي للبشرة، مما يحميها من العوامل البيئية الضارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\" alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eتركيبة متقدمة تدمج الببتيدات مع أقوى مكونات العناية بالبشرة\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eالنياسيناميد، الهياليرونيك، والأدينوسين\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"peptide-text\"\u003eالببتيدات بمفردها معروفة بقدرتها الفائقة في تجديد البشرة وتحفيز إنتاج الكولاجين، \u003cstrong\u003eولكن عندما يتم دمجها مع مكونات مثل النياسيناميد، الهياليرونيك، والأدينوسين، يحدث تأثير مذهل لا يمكن أن يتحقق من خلال أي منتج آخر.\u003c\/strong\u003e\u003cbr\u003eالنياسيناميد يساعد في توحيد لون البشرة وتقليل المسام، بينما الهياليرونيك يوفر ترطيباً عميقاً، والأدينوسين يعمل على تقليل التجاعيد. معاً، هذه التركيبة الفائقة لا تمنحك فقط بشرة مشدودة، ناعمة، وأكثر إشراقاً، بل تعزز أيضاً من قدرة البشرة على مقاومة آثار الزمن.\u003c\/p\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eقوام خفيف ... نتائج ثقيلة\u003c\/h3\u003e\n \n \u003cdiv class=\"result-cards\"\u003e\n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في إشراقة الجلد\u003c\/strong\u003e: تصبح البشرة أكثر إشراقاً ونقاءً، مع استعادة لمعانها الطبيعي.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في الترطيب\u003c\/strong\u003e: الحصول على ترطيب عميق للبشرة، مما يعزز نعومتها ومرونتها.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في النضارة\u003c\/strong\u003e: تظهر البشرة بمظهر أكثر حيوية وشباباً، وكأنها استعادت طاقتها الطبيعية.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في حمض الهيالورونيك\u003c\/strong\u003e: زيادة نسبة حمض الهيالورونيك تعني ترطيباً أعمق للبشرة، مما يساعد في الحفاظ على صحتها ومرونتها.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eلا تجعل الزمن يترك أثره على بشرتك\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eمع \u003cspan class=\"highlight\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/span\u003e، لن يكون للزمن أي تأثير سلبي على بشرتك بعد الآن. هذا المنتج هو الحل الأمثل لمحاربة علامات تقدم السن، بفضل تركيباته المتطورة التي تحتوي على 6 ببتيدات قوية تعمل على تجديد الخلايا، تقليل التجاعيد، وتحسين مرونة البشرة. استمتع ببشرة أكثر شبابًا ونضارة، واستعد لتحدي الزمن بثقة.\u003c\/p\u003e\n \n \u003cdiv class=\"how-to-use\"\u003e\n \u003ch3\u003eكيفية الاستخدام\u003c\/h3\u003e\n \u003col\u003e\n \u003cli\u003eبعد تنظيف بشرتك، ضع 2-3 مضخات من سيروم \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e على وجهك.\u003c\/li\u003e\n \u003cli\u003eقم بتدليك المنتج بلطف باستخدام أطراف أصابعك حتى يتم امتصاصه بالكامل.\u003c\/li\u003e\n \u003cli\u003eبعد ذلك، استخدم مرطبك المفضل للحصول على ترطيب إضافي.\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003cp style=\"margin-top: 15px;\"\u003eيمكنك أيضًا دمج السيروم مع منتجات أخرى من \u003cstrong\u003eCOSRX\u003c\/strong\u003e مثل سيروم النياسيناميد أو فيتامين C لتحقيق أفضل النتائج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359311098053,"sku":null,"price":1380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_6_peptide_skin_booster_6.jpg?v=1736165614"},{"product_id":"some-by-mi-cica-peptide-anti-hair-loss-tonic","title":"Some By Mi Cica Peptide Anti Hair Loss Tonic 150 ml تونيك الـ 11 ببتايد لعلاج تساقط الشعر","description":"\u003c!-- Product Description Container --\u003e\n\u003cstyle\u003e\n .product-description-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n overflow: hidden;\n \n }\n\n \/* Hero Section *\/\n .hero-section {\n background: linear-gradient(135deg, #000 0%, #333 100%);\n color: white;\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: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 20%, rgba(156, 129, 2, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(156, 129, 2, 0.05) 0%, transparent 50%);\n animation: gradientShift 8s ease-in-out infinite;\n }\n\n @keyframes gradientShift {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 1; }\n }\n\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n color: #9C8102;\n position: relative;\n z-index: 2;\n animation: titleSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n margin-bottom: 30px;\n opacity: 0;\n animation: subtitleFade 1.5s ease-out 0.3s forwards;\n position: relative;\n z-index: 2;\n }\n\n .hero-image-container {\n margin: 30px auto;\n max-width: 350px;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: imageReveal 1.8s ease-out 0.6s forwards;\n }\n\n .hero-image {\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.4);\n transition: all 0.4s ease;\n animation: productFloat 4s ease-in-out infinite;\n }\n\n @keyframes titleSlide {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes subtitleFade {\n to {\n opacity: 0.9;\n }\n }\n\n @keyframes imageReveal {\n to {\n opacity: 1;\n }\n }\n\n @keyframes productFloat {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* Section Styling *\/\n .section {\n padding: 50px 30px;\n position: relative;\n opacity: 0;\n animation: sectionFadeUp 1s ease-out forwards;\n }\n\n .section:nth-child(2) { animation-delay: 0.2s; }\n .section:nth-child(3) { animation-delay: 0.4s; }\n .section:nth-child(4) { animation-delay: 0.6s; }\n .section:nth-child(5) { animation-delay: 0.8s; }\n .section:nth-child(6) { animation-delay: 1s; }\n\n @keyframes sectionFadeUp {\n to {\n opacity: 1;\n }\n }\n\n .section-title {\n font-size: 2.2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n display: inline-block;\n width: 100%;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n transform: translateX(-50%);\n animation: lineGrow 1.5s ease-out forwards;\n }\n\n @keyframes lineGrow {\n from { width: 0; }\n to { width: 80px; }\n }\n\n \/* Benefits Grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .benefit-card {\n background: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border-left: 4px solid #9C8102;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(20px);\n animation: cardSlideUp 0.8s ease-out forwards;\n }\n\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-card:nth-child(7) { animation-delay: 0.7s; }\n\n @keyframes cardSlideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .benefit-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.6s ease;\n }\n\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.15);\n }\n\n .benefit-card:hover::before {\n left: 100%;\n }\n\n .benefit-icon {\n font-size: 1.2rem;\n color: white;\n margin-bottom: 15px;\n width: 45px;\n height: 45px;\n background: linear-gradient(45deg, #9C8102, #b8940d);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n box-shadow: 0 4px 12px rgba(156, 129, 2, 0.3);\n }\n\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #333;\n margin-bottom: 15px;\n }\n\n .benefit-description {\n color: #666;\n line-height: 1.7;\n }\n\n \/* Product Images *\/\n .product-image-container {\n margin: 20px 0;\n text-align: center;\n opacity: 0;\n animation: imageFadeIn 1.2s ease-out 0.5s forwards;\n }\n\n .product-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);\n transition: all 0.4s ease;\n }\n\n .product-image:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n }\n\n @keyframes imageFadeIn {\n to {\n opacity: 1;\n }\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n background: white;\n border-radius: 20px;\n margin: 40px 0;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n opacity: 0;\n animation: sectionSlideUp 1.2s ease-out 1s forwards;\n }\n\n @keyframes sectionSlideUp {\n to {\n opacity: 1;\n }\n }\n\n .ingredients-header {\n background: linear-gradient(135deg, #2c2c2c, #1a1a1a);\n color: white;\n padding: 40px 30px;\n text-align: center;\n }\n\n .ingredients-header h3 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n font-weight: 600;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n }\n\n .ingredient-item {\n padding: 30px;\n border-bottom: 1px solid #eee;\n position: relative;\n transition: all 0.3s ease;\n opacity: 0;\n animation: ingredientFadeIn 0.8s ease-out forwards;\n }\n\n .ingredient-item:nth-child(1) { animation-delay: 1.2s; }\n .ingredient-item:nth-child(2) { animation-delay: 1.4s; }\n .ingredient-item:nth-child(3) { animation-delay: 1.6s; }\n .ingredient-item:nth-child(4) { animation-delay: 1.8s; }\n .ingredient-item:nth-child(5) { animation-delay: 2s; }\n\n @keyframes ingredientFadeIn {\n to {\n opacity: 1;\n }\n }\n\n .ingredient-item:hover {\n background: #f8f9fa;\n transform: translateX(5px);\n }\n\n .ingredient-name {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 10px;\n }\n\n .ingredient-benefits {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-benefits li {\n padding: 8px 0;\n position: relative;\n padding-right: 20px;\n color: #555;\n text-align: right;\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 \/* Studies Section *\/\n .studies-section {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n padding: 50px 30px;\n border-radius: 20px;\n margin: 40px 0;\n opacity: 0;\n animation: studiesReveal 1.2s ease-out 1.5s forwards;\n }\n\n @keyframes studiesReveal {\n to {\n opacity: 1;\n }\n }\n\n .study-item {\n background: white;\n padding: 25px;\n margin: 20px 0;\n border-radius: 12px;\n border-left: 4px solid #9C8102;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(-20px);\n animation: studySlideIn 0.8s ease-out forwards;\n }\n\n .study-item:nth-child(2) { animation-delay: 1.7s; }\n .study-item:nth-child(3) { animation-delay: 1.9s; }\n .study-item:nth-child(4) { animation-delay: 2.1s; }\n .study-item:nth-child(5) { animation-delay: 2.3s; }\n .study-item:nth-child(6) { animation-delay: 2.5s; }\n\n @keyframes studySlideIn {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .study-item:hover {\n transform: translateX(8px);\n box-shadow: 0 10px 25px rgba(156, 129, 2, 0.12);\n }\n\n .study-title {\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 8px;\n }\n\n .study-result {\n color: #333;\n font-size: 1.1rem;\n }\n\n \/* Timeline Section *\/\n .timeline-section {\n background: white;\n padding: 50px 30px;\n margin: 40px 0;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n opacity: 0;\n animation: timelineReveal 1.2s ease-out 2s forwards;\n }\n\n @keyframes timelineReveal {\n to {\n opacity: 1;\n }\n }\n\n .timeline-cards {\n display: grid;\n gap: 25px;\n max-width: 800px;\n margin: 40px auto 0;\n }\n\n .timeline-card {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n border-radius: 15px;\n padding: 30px;\n position: relative;\n border-right: 5px solid #9C8102;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\n transition: all 0.4s ease;\n opacity: 0;\n transform: scale(0.95);\n animation: timelineCardPop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n }\n\n .timeline-card:nth-child(1) { animation-delay: 2.2s; }\n .timeline-card:nth-child(2) { animation-delay: 2.4s; }\n .timeline-card:nth-child(3) { animation-delay: 2.6s; }\n .timeline-card:nth-child(4) { animation-delay: 2.8s; }\n .timeline-card:nth-child(5) { animation-delay: 3s; }\n\n @keyframes timelineCardPop {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .timeline-card:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.15);\n }\n\n .timeline-card-header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-bottom: 20px;\n gap: 15px;\n }\n\n .timeline-step-number {\n background: linear-gradient(45deg, #9C8102, #b8940d);\n color: white;\n width: 45px;\n height: 45px;\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 4px 12px rgba(156, 129, 2, 0.3);\n }\n\n .timeline-card-title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #9C8102;\n text-align: right;\n margin: 0;\n }\n\n .timeline-card-content {\n text-align: right;\n color: #555;\n line-height: 1.8;\n }\n\n .timeline-card-content ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .timeline-card-content li {\n padding: 8px 0;\n position: relative;\n padding-right: 25px;\n }\n\n .timeline-card-content li::before {\n content: '•';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n font-size: 1.2rem;\n }\n\n \/* Usage Section *\/\n .usage-section {\n background: linear-gradient(135deg, #000, #333);\n color: white;\n padding: 50px 30px;\n border-radius: 20px;\n margin: 40px 0;\n text-align: center;\n opacity: 0;\n animation: usageReveal 1.2s ease-out 3.2s forwards;\n }\n\n @keyframes usageReveal {\n to {\n opacity: 1;\n }\n }\n\n .usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .usage-step {\n background: rgba(255, 255, 255, 0.08);\n padding: 30px;\n border-radius: 15px;\n backdrop-filter: blur(10px);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n animation: stepFloat 0.8s ease-out forwards;\n }\n\n .usage-step:nth-child(1) { animation-delay: 3.4s; }\n .usage-step:nth-child(2) { animation-delay: 3.6s; }\n .usage-step:nth-child(3) { animation-delay: 3.8s; }\n .usage-step:nth-child(4) { animation-delay: 4s; }\n\n @keyframes stepFloat {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .usage-step::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n transform: scale(0);\n transition: transform 0.4s ease;\n }\n\n .usage-step:hover::before {\n transform: scale(1);\n }\n\n .usage-step:hover {\n transform: translateY(-8px);\n background: rgba(255, 255, 255, 0.15);\n }\n\n .step-number {\n font-size: 2rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .step-title {\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n\n \/* CTA Section *\/\n .cta-section {\n background: linear-gradient(135deg, #000, #333);\n color: white;\n padding: 50px 30px;\n text-align: center;\n border-radius: 20px;\n margin: 40px 0;\n position: relative;\n overflow: hidden;\n opacity: 0;\n animation: ctaReveal 1.2s ease-out 4.2s forwards;\n }\n\n @keyframes ctaReveal {\n to {\n opacity: 1;\n }\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: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n animation: shimmer 4s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n\n .cta-title {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 20px;\n color: #9C8102;\n position: relative;\n z-index: 2;\n }\n\n .cta-image-container {\n max-width: 350px;\n margin: 30px auto;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: ctaImageFloat 1.5s ease-out 4.5s forwards;\n }\n\n @keyframes ctaImageFloat {\n to {\n opacity: 1;\n }\n }\n\n .cta-description {\n font-size: 1.2rem;\n margin-bottom: 30px;\n opacity: 0.9;\n position: relative;\n z-index: 2;\n }\n\n .cta-button {\n background: linear-gradient(45deg, #9C8102, #ffd700);\n color: #000;\n padding: 15px 40px;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.4s ease;\n text-transform: uppercase;\n letter-spacing: 1px;\n position: relative;\n z-index: 2;\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.3);\n opacity: 0;\n transform: translateY(20px);\n animation: buttonReveal 1s ease-out 4.8s forwards;\n }\n\n @keyframes buttonReveal {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.4);\n background: linear-gradient(45deg, #ffd700, #9C8102);\n }\n\n .cta-button:active {\n transform: translateY(-1px);\n }\n\n \/* Section Divider *\/\n .section-divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n margin: 30px 0;\n border-radius: 1px;\n opacity: 0;\n animation: dividerExpand 1.5s ease-out forwards;\n }\n\n @keyframes dividerExpand {\n to {\n opacity: 1;\n }\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .section {\n padding: 30px 20px;\n }\n \n .timeline-card-header {\n flex-direction: column;\n text-align: center;\n gap: 10px;\n }\n \n .timeline-card-title {\n text-align: center;\n }\n \n .benefits-grid,\n .usage-steps {\n grid-template-columns: 1fr;\n }\n \n .ingredients-grid {\n grid-template-columns: 1fr;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-description-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eتونيك Some By Mi Cica Peptide الـ 11 ببتايد الكوري للعلاج المتقدم لتساقط الشعر\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003e اختراق علمي كوري متقدم في علاج تساقط الشعر و زيادة كثافة الشعر باستخدام تكنولوجيا الببتيدات المتقدمة\u003c\/h2\u003e\n\u003cdiv class=\"hero-image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_cica_peptide.webp?v=1749928954\" alt=\"Some By Mi Cica Peptide Hair Loss Tonic\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"section\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Product Images --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"product-image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_cica_peptide.png?v=1749929959\" alt=\"Some By Mi Product Features\" class=\"product-image\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eعلاج شامل لكل مسببات تساقط الشعر في تركيبة واحدة\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.3rem; color: #9c8102; margin-bottom: 40px; font-weight: 600;\"\u003eمش مجرد تونيك ... ده نظام علاج متكامل لكل مشاكل الشعر\u003c\/p\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e01\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eتقليل تساقط الشعر بنسبة تصل لـ 70%\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eتركيبة متطورة تقوي بصيلات الشعر من الجذور وتمنع التساقط المفرط خلال أسابيع قليلة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e02\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\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e03\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eتثبيط هرمون DHT في فروة الرأس دون التأثير في باقي الجسم\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eيحارب هرمون DHT اللي هو السبب الأساسي وراء تساقط الشعر الوراثي، ويحمي البصيلات من التدهور\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e04\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\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e05\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\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e06\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\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e07\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\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Peptides Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eالببتيدات: مستقبل التجديد الخلوي\u003c\/h2\u003e\n\u003cdiv style=\"background: white; padding: 40px; border-radius: 20px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); text-align: center;\"\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.5rem; margin-bottom: 20px;\"\u003eالببتيدات مش مجرد مكون... دي لغة التحدث مع الخلايا اللي بتخليها تفهم إزاي تشتغل صح تاني\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.1rem; color: #555; line-height: 1.8; max-width: 800px; margin: 0 auto;\"\u003eالببتيدات هي سلاسل قصيرة من الأحماض الأمينية - فكر فيها زي \"الرسائل الذكية\" اللي بتوصل للخلايا تقولها تعمل إيه بالضبط.\u003c\/p\u003e\n\u003ch3\u003eفي حالة الشعر، الببتيدات دي بتوصل الرسائل دي لبصيلات الشعر:\u003c\/h3\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 30px 0;\"\u003e\n\u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #9C8102; text-align: right;\"\u003e\u003cstrong\u003eاشتغلي بقوة أكتر\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #9C8102; text-align: right;\"\u003e\u003cstrong\u003eانتجي شعر أقوى وأسمك\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #9C8102; text-align: right;\"\u003e\u003cstrong\u003eاستقبلي المغذيات بكفاءة عالية\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #9C8102; text-align: right;\"\u003e\u003cstrong\u003eقاومي التساقط والضعف\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.2rem; color: #9c8102; font-weight: 600;\"\u003eالمنتج ده مش بيعالج أعراض تساقط الشعر... ده بيعيد برمجة الخلايا نفسها عشان تشتغل زي ما ربنا خلقها\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eتركيبة حاصلة على عدة جوائز من منظمات التجميل العالمية\u003c\/h2\u003e\n\u003cdiv class=\"product-image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_cica_peptide_hair_loss_tonic.png?v=1749930902\" alt=\"Some By Mi Ingredients\" class=\"product-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredients-header\"\u003e\n\u003ch3\u003eكل مكون ليه هدف واضح\u003c\/h3\u003e\n\u003cp\u003eتركيبة المنتج بتجمع أحدث الاكتشافات في علاج تساقط الشعر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch4 class=\"ingredient-name\"\u003eسيكا (Centella Asiatica) - 10 PPB\u003c\/h4\u003e\n\u003cp style=\"color: #666; margin-bottom: 15px;\"\u003e\u003cstrong\u003e الفروة الملتهبة و المتهيجة من أكبر أباب التساقط, السنتيلا تعتبر من أقوى النباتات عالميا في تهدئة التهيج \u003c\/strong\u003e\u003c\/p\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\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch4 class=\"ingredient-name\"\u003eتكنولوجيا الببتيدات\u003c\/h4\u003e\n\u003cp style=\"color: #666; margin-bottom: 15px;\"\u003e\u003cstrong\u003e الببتيدات هي معجزة طبية حديثة لها القدرة على إعادة برمجة الخلايا و إصلاحها \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCopper Tripeptide:\u003c\/strong\u003e بيحفز نمو الشعر من الجذور\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide:\u003c\/strong\u003e بيقوي بنية الشعر ويمنع التكسر\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide:\u003c\/strong\u003e بيزود تدفق الدم لبصيلات الشعر\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch4 class=\"ingredient-name\"\u003eحمض الساليسيليك (BHA)\u003c\/h4\u003e\n\u003cp style=\"color: #666; margin-bottom: 15px;\"\u003e\u003cstrong\u003eأقوى مركب لتقشير الجلد الميت و التخلص من القشرة\u003c\/strong\u003e\u003c\/p\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\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch4 class=\"ingredient-name\"\u003eالبيوتين + البروتينات النباتية\u003c\/h4\u003e\n\u003cp style=\"color: #666; margin-bottom: 15px;\"\u003e\u003cstrong\u003eجميع العناصر الغذائية اللي شعرك محتاجها في تركيبة واحدة\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eبيوتين عالي التركيز لتقوية الشعر من الداخل\u003c\/li\u003e\n\u003cli\u003eبروتينات من الذرة وفول الصويا والقمح\u003c\/li\u003e\n\u003cli\u003eتغذية مستمرة 24 ساعة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch4 class=\"ingredient-name\"\u003eالمنثول الطبيعي\u003c\/h4\u003e\n\u003cp style=\"color: #666; margin-bottom: 15px;\"\u003e\u003cstrong\u003eالانتعاش الفوري اللي هتحسه من أول استخدام\u003c\/strong\u003e\u003c\/p\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Additional Product Image --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"product-image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_cica_peptide_77e96a8f-73f2-4a01-8220-4bcee847b171.webp?v=1749930303\" alt=\"Some By Mi Scientific Research\" class=\"product-image\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Studies Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"studies-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eدراسات علمية مثبتة على المكونات\u003c\/h2\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.5rem; margin-bottom: 20px;\"\u003eالببتيدات - دراسات دولية\u003c\/h3\u003e\n\u003cdiv class=\"study-item\"\u003e\n\u003cdiv class=\"study-title\"\u003eدراسة جامعة هارفارد 2023\u003c\/div\u003e\n\u003cdiv class=\"study-result\"\u003eالببتيدات زادت كثافة الشعر بنسبة \u003cstrong\u003e58% خلال 12 أسبوع\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-item\"\u003e\n\u003cdiv class=\"study-title\"\u003eالبحث الكوري المتقدم\u003c\/div\u003e\n\u003cdiv class=\"study-result\"\u003eCopper Tripeptide حفز نمو الشعر بنسبة \u003cstrong\u003e73% مقارنة بالمجموعة الضابطة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-item\"\u003e\n\u003cdiv class=\"study-title\"\u003eدراسة المجلة الأوروبية للأمراض الجلدية\u003c\/div\u003e\n\u003cdiv class=\"study-result\"\u003eالببتيدات قللت تساقط الشعر بنسبة \u003cstrong\u003e65% خلال 8 أسابيع\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.5rem; margin: 30px 0 20px;\"\u003eالسيكا (Centella Asiatica) - أبحاث موثقة\u003c\/h3\u003e\n\u003cdiv class=\"study-item\"\u003e\n\u003cdiv class=\"study-title\"\u003eمعهد الأبحاث الكوري\u003c\/div\u003e\n\u003cdiv class=\"study-result\"\u003eالسيكا قلل التهابات فروة الرأس بنسبة \u003cstrong\u003e82% في 4 أسابيع\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-item\"\u003e\n\u003cdiv class=\"study-title\"\u003eدراسة اليابان 2024\u003c\/div\u003e\n\u003cdiv class=\"study-result\"\u003eمادة الماديكاسوسيد في السيكا زادت قوة الشعر بنسبة \u003cstrong\u003e47%\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.5rem; margin: 30px 0 20px;\"\u003eحمض الساليسيليك (BHA) - إثباتات علمية\u003c\/h3\u003e\n\u003cdiv class=\"study-item\"\u003e\n\u003cdiv class=\"study-title\"\u003eدراسة أمريكية 2023\u003c\/div\u003e\n\u003cdiv class=\"study-result\"\u003eحمض الساليسيليك قضى على \u003cstrong\u003e95% من القشرة خلال 6 أسابيع\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-item\"\u003e\n\u003cdiv class=\"study-title\"\u003eالبحث الألماني\u003c\/div\u003e\n\u003cdiv class=\"study-result\"\u003eBHA نظف المسام المسدودة بنسبة \u003cstrong\u003e88% وحسن نمو الشعر\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eرحلة التحول: إيه اللي هيحصل لشعرك؟\u003c\/h2\u003e\n\u003cdiv class=\"timeline-cards\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-card-header\"\u003e\n\u003ch3 class=\"timeline-card-title\"\u003eفور الاستخدام الأول\u003c\/h3\u003e\n\u003cdiv class=\"timeline-step-number\"\u003e1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card-content\"\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-card\"\u003e\n\u003cdiv class=\"timeline-card-header\"\u003e\n\u003ch3 class=\"timeline-card-title\"\u003eخلال أسبوع\u003c\/h3\u003e\n\u003cdiv class=\"timeline-step-number\"\u003e2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card-content\"\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-card\"\u003e\n\u003cdiv class=\"timeline-card-header\"\u003e\n\u003ch3 class=\"timeline-card-title\"\u003eبعد أسبوعين\u003c\/h3\u003e\n\u003cdiv class=\"timeline-step-number\"\u003e3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card-content\"\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-card\"\u003e\n\u003cdiv class=\"timeline-card-header\"\u003e\n\u003ch3 class=\"timeline-card-title\"\u003eبعد 4 أشهر\u003c\/h3\u003e\n\u003cdiv class=\"timeline-step-number\"\u003e4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eتغيير جذري في كثافة وقوة الشعر\u003c\/li\u003e\n\u003cli\u003eتقليل التساقط بنسبة تصل لـ 70%\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-card\"\u003e\n\u003cdiv class=\"timeline-card-header\"\u003e\n\u003ch3 class=\"timeline-card-title\"\u003eبعد 6 أشهر\u003c\/h3\u003e\n\u003cdiv class=\"timeline-step-number\"\u003e5\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eتحسن كبير في كثافة الشعر\u003c\/li\u003e\n\u003cli\u003eنمو ملحوظ في المناطق الخفيفة\u003c\/li\u003e\n\u003cli\u003eزيادة في سمك وقطر الشعر\u003c\/li\u003e\n\u003cli\u003eفروة خالية من الالتهاب والقشرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eقيمة مقابل سعر ممتازة\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003eA\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eعبوة واحدة = 3-4 شهور علاج\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e\u003cstrong\u003e150 مل من التركيبة فائقة التركيز\u003c\/strong\u003e\u003cbr\u003e• حجم أكبر من معظم المنتجات المنافسة\u003cbr\u003e• تركيز أعلى = نتائج أسرع وأوضح\u003cbr\u003e• قيمة مقابل سعر لا تُقارن\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003eB\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eمنتج واحد = 3 حلول\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e• علاج تساقط الشعر\u003cbr\u003e• علاج قشرة الشعر\u003cbr\u003e• تنعيم وترطيب الشعر\u003cbr\u003e\u003cspan style=\"color: #dc3545;\"\u003e• مش محتاج تشتري منتجات منفصلة\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003eC\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eوقت أقل = نتائج أكتر\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e• تطبيق سهل وسريع\u003cbr\u003e• ما يحتاجش شطف\u003cbr\u003e• يتناسب مع أي روتين يومي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"color: white; margin-bottom: 20px;\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"step-title\"\u003eرج العبوة جيداً\u003c\/h3\u003e\n\u003cp\u003eعشان تتأكد إن كل المكونات النشطة متمزجة بالتساوي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"step-title\"\u003eرش على فروة الرأس\u003c\/h3\u003e\n\u003cp\u003eركز على المناطق اللي فيها تساقط أو ترقق\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"step-title\"\u003eدلك بلطف\u003c\/h3\u003e\n\u003cp\u003eاستخدم أطراف أصابعك لتدليك لطيف لمدة دقيقتين\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"step-title\"\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!-- CTA Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eدلوقتي... القرار في إيدك\u003c\/h2\u003e\n\u003c!-- Product Image in CTA --\u003e\n\u003cdiv class=\"cta-image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_cica_peptide_hair_loss_tonic_2.png?v=1749931158\" alt=\"Some By Mi Usage Instructions\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003cp class=\"cta-description\"\u003eشعرك مستنيك تاخد القرار الصح... وكل يوم تأخير بتخاطر  ببصيلات جديدة\u003cbr\u003eتقدر توقف تساقط الشعر و ترجع الكثافة لو بدأت علاج البصيلات من بدري.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eاطلبه الآن\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Enhanced hover effects for cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-12px) scale(1.02)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n\n \/\/ Enhanced ingredient item interactions\n document.querySelectorAll('.ingredient-item').forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(8px) scale(1.01)';\n this.style.boxShadow = '0 8px 20px rgba(156, 129, 2, 0.15)';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.transform = 'translateX(0) scale(1)';\n this.style.boxShadow = 'none';\n });\n });\n\n \/\/ Timeline card interactions\n document.querySelectorAll('.timeline-card').forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-8px) scale(1.03)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n\n \/\/ Button ripple effect and interaction\n document.querySelector('.cta-button').addEventListener('click', function(e) {\n \/\/ Create ripple effect\n const ripple = document.createElement('span');\n const rect = this.getBoundingClientRect();\n const size = Math.max(rect.width, rect.height);\n const x = e.clientX - rect.left - size \/ 2;\n const y = e.clientY - rect.top - size \/ 2;\n \n ripple.style.width = ripple.style.height = size + 'px';\n ripple.style.left = x + 'px';\n ripple.style.top = y + 'px';\n ripple.classList.add('ripple-effect');\n \n this.appendChild(ripple);\n \n setTimeout(() =\u003e {\n ripple.remove();\n }, 600);\n });\n\n \/\/ Smooth parallax for hero image\n let ticking = false;\n \n function updateParallax() {\n const scrolled = window.pageYOffset;\n const heroImage = document.querySelector('.hero-image');\n \n if (heroImage \u0026\u0026 scrolled \u003c window.innerHeight) {\n const rate = scrolled * -0.05;\n heroImage.style.transform = `translateY(${rate}px) scale(${1 + scrolled * 0.0001})`;\n }\n \n ticking = false;\n }\n \n window.addEventListener('scroll', () =\u003e {\n if (!ticking) {\n requestAnimationFrame(updateParallax);\n ticking = true;\n }\n });\n\n \/\/ Add dynamic styles for ripple effect\n const dynamicStyles = document.createElement('style');\n dynamicStyles.textContent = `\n .ripple-effect {\n position: absolute;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.6);\n transform: scale(0);\n animation: ripple-animation 0.6s linear;\n pointer-events: none;\n }\n \n @keyframes ripple-animation {\n to {\n transform: scale(4);\n opacity: 0;\n }\n }\n `;\n document.head.appendChild(dynamicStyles);\n\n \/\/ Add entrance animations for images when they come into view\n const imageObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'scale(1.02)';\n setTimeout(() =\u003e {\n entry.target.style.transform = 'scale(1)';\n }, 300);\n }\n });\n }, { threshold: 0.3 });\n\n document.querySelectorAll('.product-image').forEach(img =\u003e {\n imageObserver.observe(img);\n });\n\n \/\/ Enhanced section divider animation\n document.querySelectorAll('.section-divider').forEach((divider, index) =\u003e {\n divider.style.animationDelay = `${0.5 + index * 0.3}s`;\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44526881374405,"sku":null,"price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some-by-mi-cica-peptide-anti-hair-loss-derma-scalp-tonic-150ml.jpg?v=1746708483"},{"product_id":"cosrx-galactomyces-95-essence","title":"COSRX Galactomyces 95 Tone Balancing Essence - Korean Brightening Serum for Pigmentation \u0026 Anti-Aging | Worldwide Shipping","description":"\u003ch2 data-end=\"61\" data-start=\"0\"\u003eDull Skin? Uneven Tone? Losing Your Glow Day by Day?\u003c\/h2\u003e\n\u003cp data-end=\"264\" data-start=\"63\"\u003eEvery day your skin is exposed to stress, pollution, and sun rays, it loses a bit of its natural radiance. Dark spots become more visible, pigmentation appears, and your face looks tired and lifeless. Ignoring the problem means it continues... and worsens.\u003c\/p\u003e\n\u003cp data-end=\"338\" data-start=\"266\"\u003eBut what if there was a solution that restores your skin's natural balance and enchanting glow?\u003c\/p\u003e\n\u003ch2 data-end=\"437\" data-start=\"340\"\u003eA True Revolution in Skin Brightening and Tone Evening!\u003c\/h2\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003eNot just another product, but a \u003cstrong data-end=\"501\" data-start=\"463\"\u003equantum leap in skincare\u003c\/strong\u003e! With an advanced formula containing \u003cstrong data-end=\"558\" data-start=\"528\"\u003e95% Galactomyces Extract\u003c\/strong\u003e, this essence gives your skin unprecedented renewal power, restoring its glow, balance, and deep hydration.\u003c\/p\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"0\" data-end=\"27\"\u003eWhat is Galactomyces?\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e Galactomyces is a natural extract derived from yeast fermentation, considered one of the secrets of skincare in the Korean world. It contains a rich composition of vitamins, minerals, and amino acids that stimulate skin cell renewal and improve its elasticity. \u003c\/p\u003e\n\u003ch2 data-start=\"259\" data-end=\"277\"\u003eWhy is this ingredient so hugely popular and highly effective?\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e Galactomyces helps restore skin balance by boosting collagen production and reducing the appearance of pigmentation and dark spots, giving your skin a renewed glow. It also provides deep hydration, fights free radicals, and improves skin appearance and texture, for a more youthful and vital look. It's the key to radiant, luminous skin!\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\"\u003eHow does this scientific innovation work?\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\"\u003eAn amazing ingredient extracted from natural yeasts, it works to:\u003cbr data-end=\"789\" data-start=\"786\"\u003e✔ Stimulate skin cell renewal to improve texture and remove dullness.\u003cbr data-end=\"848\" data-start=\"845\"\u003e✔ Reduce the appearance of pigmentation and dark spots for a more even, brighter tone.\u003cbr data-end=\"921\" data-start=\"918\"\u003e✔ Strengthen the skin barrier and protect it from harmful factors, reducing the impact of pollution and stress.\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\"\u003eBut the high efficacy of this product isn't limited to Galactomyces alone!\u003c\/h3\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003e💦 \u003cstrong data-end=\"1051\" data-start=\"1016\"\u003eHyaluronic Acid + Niacinamide\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003eAn amazing duo that deeply hydrates the skin and gradually brightens it safely without irritation, making it look plump and radiant.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e🛡 \u003cstrong data-end=\"1196\" data-start=\"1171\"\u003ePowerful Antioxidants\u003c\/strong\u003e\u003cbr data-end=\"1199\" data-start=\"1196\"\u003eFight free radicals, maintain skin youthfulness, and give it a healthy glow from inside out.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"99\" data-start=\"0\"\u003eThe formula may seem simple, but Galactomyces at high concentrations revolutionizes skincare\u003c\/h2\u003e\n\u003cp data-end=\"250\" data-start=\"101\"\u003eGalactomyces, the natural extract from yeast fermentation, may seem like a simple ingredient, but it holds amazing benefits for the skin, especially when used in high concentrations.\u003c\/p\u003e\n\u003ch3 data-end=\"292\" data-start=\"252\"\u003eEfficacy of Galactomyces at High Concentrations\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\"\u003eBrightening and Evening Skin Tone:\u003c\/strong\u003e When using Galactomyces at high concentrations, noticeable improvement in evening skin tone and reducing pigmentation is observed, giving the skin a natural glow.\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\"\u003eDeep Hydration:\u003c\/strong\u003e Galactomyces works to enhance skin hydration from within, helping maintain its softness and elasticity.\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\"\u003eUnprecedented Formula in the Market \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1623\" data-start=\"1326\"\u003e✨ \u003cstrong data-end=\"1408\" data-start=\"1328\"\u003eUltra-effective formula with 95% Galactomyces concentration – the highest available in the market!\u003c\/strong\u003e\u003cbr data-end=\"1411\" data-start=\"1408\"\u003e✨ \u003cstrong data-end=\"1467\" data-start=\"1413\"\u003eVisible results in brightening skin tone within a few weeks.\u003c\/strong\u003e\u003cbr data-end=\"1470\" data-start=\"1467\"\u003e✨ \u003cstrong data-end=\"1547\" data-start=\"1472\"\u003eLightweight formula absorbs quickly without leaving any greasy residue, ideal for all skin types.\u003c\/strong\u003e\u003cbr data-end=\"1550\" data-start=\"1547\"\u003e✨ \u003cstrong data-end=\"1621\" data-start=\"1552\"\u003eSupports the natural skin barrier, making it suitable even for sensitive skin.\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\u003eHow to Use\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e Apply morning and evening after cleansing the skin. Apply an appropriate amount to the face and follow with your usual skincare routine.\u003cbr\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong data-end=\"1659\" data-start=\"1628\"\u003eYour Skin Deserves Unfading Glow!\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1810\" data-start=\"1663\"\u003eDon't let pigmentation and dull skin define your look. With \u003cstrong data-end=\"1761\" data-start=\"1713\"\u003eCOSRX Galactomyces 95 Tone Balancing Essence\u003c\/strong\u003e, reclaim your skin's clarity and purity with the most innovative formula!\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\"\u003eStart your journey to brighter skin today!\u003c\/strong\u003e\u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44545031405765,"sku":"","price":1750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_galactomyces_essense_95_original_1.jpg?v=1741776112"},{"product_id":"cosrx-bha-blackhead-power-liquid","title":"Cosrx BHA Blackhead Power Liquid 100 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: rtl;\n }\n\n \/* Typography *\/\n .product-description h3 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description ul {\n list-style: none;\n padding: 0;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 1.5em;\n background: rgba(156, 129, 2, 0.03);\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n }\n\n .product-description strong {\n color: #9C8102;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n transition: transform 0.5s ease;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Results section *\/\n .results-container {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n \/* Before\/After comparison *\/\n .before-after-container {\n position: relative;\n width: 100%;\n max-width: 700px;\n margin: 0 auto 30px;\n overflow: hidden;\n border-radius: 10px;\n }\n\n .comparison-slider {\n position: absolute;\n top: 0;\n bottom: 0;\n width: 40px;\n background: rgba(156, 129, 2, 0.7);\n left: 50%;\n transform: translateX(-50%);\n cursor: ew-resize;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .comparison-slider::before {\n content: '⇄';\n color: white;\n font-size: 20px;\n }\n\n .before-image, .after-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .before-container {\n position: absolute;\n top: 0;\n left: 0;\n width: 50%;\n height: 100%;\n overflow: hidden;\n }\n\n .before-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 200%;\n }\n\n .after-container {\n position: relative;\n width: 100%;\n }\n\n \/* Timeline *\/\n .timeline-container {\n margin: 40px 0;\n }\n\n .timeline-steps {\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n }\n\n .timeline-step {\n flex: 1;\n text-align: center;\n position: relative;\n }\n\n .timeline-dot {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n margin: 0 auto 10px;\n position: relative;\n z-index: 2;\n }\n\n .timeline-bar {\n position: absolute;\n top: 15px;\n left: 0;\n right: 0;\n height: 4px;\n background-color: rgba(156, 129, 2, 0.3);\n z-index: 1;\n }\n\n .timeline-label {\n font-weight: bold;\n color: #9C8102;\n }\n\n \/* Ingredient section *\/\n .ingredient-container {\n margin: 30px 0;\n }\n\n .ingredient-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-bottom: 20px;\n transition: transform 0.3s ease;\n border-right: 3px solid #9C8102;\n }\n\n .ingredient-card:hover {\n transform: translateX(-5px);\n }\n\n .ingredient-title {\n color: #9C8102;\n font-size: 1.2rem;\n margin-bottom: 10px;\n }\n\n \/* Value section *\/\n .value-points {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .value-point {\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n text-align: center;\n }\n\n .value-point:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n }\n\n .value-icon {\n font-size: 2rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* CTA section *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-container h3 {\n color: white;\n }\n\n .cta-container h3::after {\n background-color: white;\n margin: 10px auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n \n .value-points {\n grid-template-columns: 1fr;\n }\n \n .timeline-steps {\n flex-direction: column;\n }\n \n .timeline-step {\n margin-bottom: 30px;\n }\n \n .timeline-bar {\n display: none;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid.webp?v=1745672690\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eالرؤوس السوداء: البثور المزعجة التي تُفسد صفاء بشرتك وتقلل من ثقتك بنفسك\u003c\/h3\u003e\n\u003cp\u003eتُعتبر الرؤوس السوداء من المشكلات الجلدية الشائعة التي تظهر نتيجة انسداد المسام بالزيوت الطبيعية وخلايا الجلد الميتة. هذه البثور الداكنة لا تؤثر فقط على مظهر البشرة، بل قد تُقلل من ثقة الشخص بنفسه.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_2.webp?v=1745672690\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eمنتج واحد سيخلصك من المشكلة في أسبوع واحد\u003c\/h3\u003e\n\u003cp\u003eمع \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e، يمكنكِ التخلص من الرؤوس السوداء والحصول على بشرة نقية في غضون أسبوع. يحتوي هذا المنتج على 4% من \u003cstrong\u003eبيتين ساليسيلات\u003c\/strong\u003e، وهو حمض بيتا هيدروكسي لطيف وفعال في تنظيف المسام.\u003c\/p\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_3.webp?v=1745672733\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003e10 دقائق في الأسبوع .. نتائج تدوم شهور\u003c\/h3\u003e\n\u003cp\u003eبعد أسبوع من الاستخدام المنتظم، ستلاحظين تحسنًا في ملمس بشرتكِ، حيث ستصبح أكثر نعومة وإشراقًا. بالإضافة إلى ذلك، يساعد المنتج في تقليل البثور وتحسين مرونة البشرة.\u003c\/p\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-steps\"\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الأول\u003c\/div\u003e\n\u003cp\u003eبداية التنظيف العميق للمسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الثالث\u003c\/div\u003e\n\u003cp\u003eتقليل حجم المسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الخامس\u003c\/div\u003e\n\u003cp\u003eبشرة أكثر نعومة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم السابع\u003c\/div\u003e\n\u003cp\u003eاختفاء الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Image --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Clinical Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_results_800x800_d9917e8f-4e16-4f05-81b6-a52c688fbabf.jpg?v=1745672794\" class=\"hero-image\"\u003e\n\u003ch3\u003eنتائج مذهلة في أسبوع واحد\u003c\/h3\u003e\n\u003cp\u003eتظهر النتائج السريرية تحسناً ملحوظاً في مظهر البشرة بعد استخدام المنتج بشكل منتظم لمدة أسبوع واحد فقط!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3\u003eمتخصص تنظيف وتصغير المسام\u003c\/h3\u003e\n\u003cp\u003eتم تصميم \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e خصيصًا لتنظيف المسام بعمق وتقليل حجمها، مما يمنحكِ بشرة أكثر صفاءً وشبابًا. يتميز بتركيبته التي تحتوي على \u003cstrong\u003eمستخلص لحاء الصفصاف\u003c\/strong\u003e و\u003cstrong\u003eبيتين ساليسيلات\u003c\/strong\u003e، مما يساعد في تقليل الالتهابات وتحسين صحة البشرة بشكل عام.\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتنظيف عميق للمسام\u003c\/h4\u003e\n\u003cp\u003eيتغلغل عميقاً في المسام لإزالة الشوائب والزيوت المتراكمة التي تسبب الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتجديد خلايا البشرة\u003c\/h4\u003e\n\u003cp\u003eيساعد على تسريع عملية تجديد خلايا البشرة للحصول على بشرة أكثر إشراقاً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتصغير المسام\u003c\/h4\u003e\n\u003cp\u003eيعمل على تقليل حجم المسام الواسعة بشكل ملحوظ مع الاستخدام المنتظم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Bottle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_a57cb5f3-40b7-4f06-a9a5-61842ceed862.jpg?v=1745672964\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eأفضل من مقشرات BHA الأخرى\u003c\/h3\u003e\n\u003cp\u003eيتميز هذا المنتج عن غيره من مقشرات BHA بتركيبته الفريدة التي تجمع بين الفعالية واللطف على البشرة. بالإضافة إلى ذلك، لا يحتوي على عطور أو كحول، مما يجعله مناسبًا لجميع أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n\u003ch3\u003eلماذا يعتبر هذا المنتج قيمة مقابل سعر جيدة ؟\u003c\/h3\u003e\n\u003cdiv class=\"value-points\"\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eحجم العبوة الكبير (100 مل)\u003c\/strong\u003e\n\u003cp\u003eيكفي لعدة أشهر من الاستخدام المنتظم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eفعالية طويلة الأمد\u003c\/strong\u003e\n\u003cp\u003eتطبيق واحد يكفي للحصول على نتائج تستمر لمدة أسبوع كامل\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eمكونات فعّالة عالية التركيز\u003c\/strong\u003e\n\u003cp\u003eيحتوي على تركيز عالي من حمض الساليسيليك (BHA) لإزالة الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eمكونات إضافية قيمة\u003c\/strong\u003e\n\u003cp\u003eمثل ماء لحاء الصفصاف لتنظيف المسام وتجديد خلايا البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eلا حاجة للاستخدام اليومي\u003c\/strong\u003e\n\u003cp\u003eيمكن استخدامه بمرات أقل مع نتائج مستمرة، مما يزيد من قيمته مقابل السعر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003eالمكونات الرئيسية وكيفية عملها:\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eبيتين ساليسيلات (Betaine Salicylate) 4%\u003c\/h4\u003e\n\u003cp\u003eيُعد بديلاً أكثر لطفًا لحمض الساليسيليك، يعمل على تقشير البشرة وإذابة الدهون داخل المسام، مما يساعد في تقليل الرؤوس السوداء وتحسين ملمس البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eمستخلص لحاء الصفصاف (Salix Alba Bark Extract)\u003c\/h4\u003e\n\u003cp\u003eيُعتبر مصدرًا طبيعيًا للبيتاين ساليسيلات، يساهم في تقليل الالتهابات وتحسين صحة البشرة العامة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eبيوتيلين غليكول (Butylene Glycol)\u003c\/h4\u003e\n\u003cp\u003eيعمل كمرطب، يساعد في الحفاظ على رطوبة البشرة ويعزز من امتصاص المكونات الأخرى.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eإيثيل هكسانيديول (Ethyl Hexanediol)\u003c\/h4\u003e\n\u003cp\u003eيُستخدم كمذيب، يساعد في تحسين قوام المنتج وتسهيل توزيعه على البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX BHA Blackhead Power Liquid\u003c\/h3\u003e\n\u003cp\u003eالحل المثالي للتخلص من الرؤوس السوداء والحصول على بشرة نقية وخالية من الشوائب.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eابدئي الآن، وودعي الرؤوس السوداء إلى الأبد!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eاشتري الآن\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44545277296837,"sku":null,"price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_5.webp?v=1745672839"},{"product_id":"some-by-mi-bye-bye-blackhead","title":"Some By Mi Bye Bye Blackhead 30 Days Miracle Green Tea Tox Bubble Cleanser 120g","description":"\u003cstyle\u003e\n\/* Product Description Section Styles *\/\n.blackhead-product-description {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n}\n\n\/* Main Title *\/\n.blackhead-main-title {\n text-align: center;\n font-size: 2.2em;\n color: #333;\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.blackhead-main-title::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background-color: #4caf50;\n}\n\n\/* Product Intro *\/\n.blackhead-intro {\n text-align: center;\n font-size: 1.1em;\n margin-bottom: 30px;\n color: #555;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* Main Image *\/\n.blackhead-main-image {\n display: block;\n margin: 30px auto;\n max-width: 100%;\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 opacity: 0;\n transform: translateY(20px);\n}\n\n.blackhead-main-image:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);\n}\n\n\/* Features Section *\/\n.blackhead-features {\n margin: 40px 0;\n}\n\n\/* Feature Card *\/\n.blackhead-feature-card {\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n padding: 25px;\n margin-bottom: 20px;\n border: 1px solid rgba(0, 0, 0, 0.03);\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.3s ease;\n}\n\n.blackhead-feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.blackhead-feature-title {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n color: #333;\n font-size: 1.3em;\n font-weight: 700;\n}\n\n.blackhead-feature-icon {\n margin-right: 10px;\n color: #4caf50;\n font-size: 1.4em;\n}\n\n.blackhead-feature-content {\n line-height: 1.6;\n color: #555;\n}\n\n\/* Ingredients Section *\/\n.blackhead-ingredients {\n background-color: #fbfbfb;\n padding: 40px 30px;\n border-radius: 10px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.blackhead-section-title {\n text-align: center;\n font-size: 1.8em;\n color: #333;\n margin-bottom: 25px;\n}\n\n\/* Benefits List *\/\n.blackhead-benefits-list {\n padding-left: 20px;\n}\n\n.blackhead-benefit-item {\n margin-bottom: 15px;\n display: flex;\n align-items: flex-start;\n}\n\n.blackhead-benefit-icon {\n color: #4caf50;\n font-size: 1.2em;\n margin-right: 10px;\n margin-top: 3px;\n}\n\n.blackhead-benefit-content {\n flex: 1;\n}\n\n.blackhead-benefit-title {\n font-weight: 700;\n margin-bottom: 5px;\n}\n\n.blackhead-benefit-text {\n color: #555;\n line-height: 1.6;\n}\n\n\/* How to Use Section *\/\n.blackhead-how-to-use {\n background-color: #fff;\n padding: 40px 30px;\n border-radius: 10px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.blackhead-steps {\n counter-reset: step-counter;\n}\n\n.blackhead-step {\n display: flex;\n align-items: flex-start;\n margin-bottom: 15px;\n position: relative;\n counter-increment: step-counter;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.blackhead-step::before {\n content: counter(step-counter);\n background: linear-gradient(135deg, #4caf50, #81c784);\n color: #fff;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n margin-right: 15px;\n flex-shrink: 0;\n}\n\n.blackhead-step-content {\n line-height: 1.6;\n}\n\n\/* Highlight Section *\/\n.blackhead-highlight-section {\n position: relative;\n padding-left: 15px;\n}\n\n.blackhead-highlight-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background: linear-gradient(180deg, #4caf50, #81c784);\n border-radius: 3px;\n}\n\n\/* Value Card *\/\n.blackhead-value-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n border-left: 3px solid #4caf50;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.blackhead-value-card h3 {\n color: #333;\n margin-bottom: 15px;\n font-size: 1.5em;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n .blackhead-main-title {\n font-size: 1.8em;\n }\n \n .blackhead-section-title {\n font-size: 1.6em;\n }\n \n .blackhead-feature-card, .blackhead-ingredients, .blackhead-how-to-use, .blackhead-value-card {\n padding: 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- Font Awesome for Icons --\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!-- Product Description Section --\u003e\n\u003cdiv class=\"blackhead-product-description\"\u003e\n \u003ch2 class=\"blackhead-main-title\"\u003eThe Ultimate Solution for Blackheads and Whiteheads\u003c\/h2\u003e\n \n \u003cp class=\"blackhead-intro\"\u003e\n Discover the revolutionary solution to purify your skin and eliminate blackheads with \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e. An innovative formula combining advanced chemical technologies and pure natural ingredients to remove impurities, reduce sebum production, and enhance skin texture and radiance. This product is the key to clear, smooth, and flawless skin.\n \u003c\/p\u003e\n \n \u003cimg class=\"blackhead-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_bye_bye_blackhead_green_tea_detox_1_5a99d8c3-7e59-4cf7-996f-46ce602da16d.webp?v=1742642914\" alt=\"Some By Mi Bye Bye Blackhead\"\u003e\n \n \u003c!-- Specialist Feature Card --\u003e\n \u003cdiv class=\"blackhead-feature-card\"\u003e\n \u003cdiv class=\"blackhead-feature-title\"\u003e\n \u003ci class=\"fas fa-star blackhead-feature-icon\"\u003e\u003c\/i\u003e\n Pore Purification and Oil Regulation Specialist\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-benefits-list\"\u003e\n \u003cdiv class=\"blackhead-benefit-item\"\u003e\n \u003ci class=\"fas fa-check-circle blackhead-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"blackhead-benefit-content\"\u003e\n \u003cdiv class=\"blackhead-benefit-title\"\u003eBlackhead Reduction:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eThe formula effectively dissolves impurities and cleanses pores, significantly reducing the appearance of blackheads.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-benefit-item\"\u003e\n \u003ci class=\"fas fa-check-circle blackhead-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"blackhead-benefit-content\"\u003e\n \u003cdiv class=\"blackhead-benefit-title\"\u003eDeep Pore Cleansing:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eAHA, BHA, and PHA ingredients help remove dead skin cells and unclog pores, resulting in clearer skin.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-benefit-item\"\u003e\n \u003ci class=\"fas fa-check-circle blackhead-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"blackhead-benefit-content\"\u003e\n \u003cdiv class=\"blackhead-benefit-title\"\u003eOil Regulation:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eNatural ingredients balance sebum production, reducing excess shine and maintaining skin freshness.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-benefit-item\"\u003e\n \u003ci class=\"fas fa-check-circle blackhead-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"blackhead-benefit-content\"\u003e\n \u003cdiv class=\"blackhead-benefit-title\"\u003eImproved Skin Texture:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eWith regular use, skin becomes smoother and more even-toned, with reduced blemishes and inflammation.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-benefit-item\"\u003e\n \u003ci class=\"fas fa-check-circle blackhead-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"blackhead-benefit-content\"\u003e\n \u003cdiv class=\"blackhead-benefit-title\"\u003eNatural Radiance:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eRestores your skin’s natural glow and evens out tone, giving a youthful, radiant appearance.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Additional Image --\u003e\n \u003cimg class=\"blackhead-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_bye_bye_blackhead_green_tea_detox_3.webp?v=1742643288\" alt=\"Some By Mi Bye Bye Blackhead\"\u003e\n \n \u003c!-- How It Works --\u003e\n \u003cdiv class=\"blackhead-feature-card\"\u003e\n \u003cdiv class=\"blackhead-feature-title\"\u003e\n \u003ci class=\"fas fa-cogs blackhead-feature-icon\"\u003e\u003c\/i\u003e\n How Does It Work?\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-feature-content\"\u003e\n \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e relies on a comprehensive blend of chemical exfoliation using AHA, BHA, and PHA acids to remove dead skin cells, dissolve impurities, and cleanse pores from within. Its formula also includes botanical extracts that soothe the skin and regulate sebum production, reducing the likelihood of blemishes and inflammation. This integrated mechanism delivers visible improvements in skin appearance by renewing cells and promoting radiance and rejuvenation.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Tea Tree Section --\u003e\n \u003cdiv class=\"blackhead-ingredients\"\u003e\n \u003cdiv class=\"blackhead-highlight-section\"\u003e\n \u003ch3 class=\"blackhead-section-title\"\u003e16 Types of Tea Tree: The Natural Power to Purify Your Skin\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003e\n Some By Mi Bye Bye Blackhead combines 16 types of tea tree, providing enhanced protection through its antibacterial and anti-inflammatory properties. These ingredients regulate sebum production, deeply cleanse pores, and soothe irritation, giving your skin unmatched clarity and natural radiance.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- How to Use Section --\u003e\n \u003cdiv class=\"blackhead-how-to-use\"\u003e\n \u003cdiv class=\"blackhead-highlight-section\"\u003e\n \u003ch3 class=\"blackhead-section-title\"\u003eHow to Use\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-steps\"\u003e\n \u003cdiv class=\"blackhead-step\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n After thoroughly cleansing your skin, apply an appropriate amount of the product to a cotton pad or directly to your fingertips.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-step\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n Apply the product to areas prone to blackheads and clogged pores, focusing on oily areas.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-step\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n Use twice daily, morning and evening, for best results.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-step\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n No rinsing required, allowing active ingredients to penetrate deeply into the skin.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Exceptional Value --\u003e\n \u003cdiv class=\"blackhead-value-card\"\u003e\n \u003ch3\u003eExceptional Value for Price\u003c\/h3\u003e\n \u003cp\u003e\n While \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e comes at a price that reflects its concentrated and effective formula, the tangible results it delivers make it a smart investment in your skin’s beauty. A small amount of product goes a long way, providing comprehensive protection and superior cleansing without the need for multiple products.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\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.style.opacity = \"1\";\n entry.target.style.transform = \"translateY(0)\";\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.blackhead-main-title, .blackhead-intro, .blackhead-main-image, .blackhead-feature-card, .blackhead-ingredients, .blackhead-how-to-use, .blackhead-value-card, .blackhead-step').forEach(element =\u003e {\n observer.observe(element);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44588880036037,"sku":null,"price":1190.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/somebymibyebyeblackheadgreenteadetox_1.jpg?v=1742642843"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .joseon-container {\n max-width: 1100px;\n margin: 0 auto;\n direction: rtl;\n text-align: right;\n color: #333;\n overflow-x: hidden;\n padding: 0 15px;\n font-family: sans-serif;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n \n .hero-section {\n position: relative;\n padding: 35px 25px;\n background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n border-radius: 10px;\n overflow: hidden;\n margin-bottom: 30px;\n box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n border: 1px solid rgba(201, 169, 126, 0.12);\n }\n \n .hero-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n }\n \n .hero-section::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50%;\n height: 180px;\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n opacity: 0.2;\n z-index: 1;\n }\n \n .hero-content {\n position: relative;\n z-index: 2;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .hero-image {\n flex-shrink: 0;\n width: 250px;\n border-radius: 5px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n \n .hero-text {\n flex: 1;\n }\n \n .brand {\n font-size: 18px;\n color: #c9a97e;\n letter-spacing: 1px;\n margin-bottom: 10px;\n font-weight: bold;\n text-transform: uppercase;\n display: inline-block;\n position: relative;\n }\n \n .brand::after {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .main-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #222;\n line-height: 1.2;\n font-weight: bold;\n }\n \n .main-title span {\n color: #c9a97e;\n position: relative;\n display: inline-block;\n }\n \n .main-title span::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background: rgba(201, 169, 126, 0.1);\n border-radius: 3px;\n z-index: -1;\n }\n \n .hero-subtitle {\n font-size: 18px;\n margin-bottom: 20px;\n opacity: 0.9;\n line-height: 1.5;\n }\n \n .hero-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 20px;\n }\n \n .badge {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(201, 169, 126, 0.05);\n padding: 6px 12px;\n border-radius: 30px;\n font-size: 13px;\n font-weight: 500;\n color: #555;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .ingredients-section {\n margin: 40px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .ingredients-content {\n flex: 1;\n }\n \n .section-title {\n font-size: 28px;\n margin-bottom: 20px;\n color: #222;\n position: relative;\n padding-bottom: 12px;\n font-weight: bold;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 3px;\n }\n \n .ingredient-box {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n \n .ingredient-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .ingredient-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .ingredient-title {\n font-size: 20px;\n margin-bottom: 12px;\n color: #c9a97e;\n font-weight: bold;\n }\n \n .ingredient-desc {\n line-height: 1.6;\n color: #555;\n }\n \n .video-container {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n }\n \n .video-container video {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n }\n \n .benefits-section {\n margin: 50px 0;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n margin-top: 25px;\n }\n \n .benefit-card {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .benefit-card:hover::after {\n transform: scaleX(1);\n }\n \n .benefit-icon {\n color: #c9a97e;\n font-size: 30px;\n margin-bottom: 15px;\n }\n \n .benefit-title {\n font-size: 18px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-section {\n margin: 60px 0;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n padding: 40px 15px;\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .timeline-container {\n position: relative;\n margin-top: 40px;\n padding-right: 40px;\n }\n \n .timeline-bar {\n position: absolute;\n top: 0;\n right: 18px;\n width: 3px;\n height: 100%;\n background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 2px;\n z-index: 1;\n }\n \n .timeline-items {\n display: flex;\n flex-direction: column;\n position: relative;\n z-index: 2;\n }\n \n .timeline-item {\n display: flex;\n flex-direction: column;\n margin-bottom: 60px;\n position: relative;\n }\n \n .timeline-item:last-child {\n margin-bottom: 0;\n }\n \n .timeline-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n \n .timeline-date {\n font-weight: bold;\n color: #c9a97e;\n text-align: right;\n font-size: 16px;\n margin-right: 10px;\n }\n \n .timeline-dot {\n width: 18px;\n height: 18px;\n background: white;\n border: 3px solid #c9a97e;\n border-radius: 50%;\n margin-right: 10px;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n }\n \n .timeline-dot.active {\n background: #c9a97e;\n }\n \n .timeline-content {\n background: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n width: 100%;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .how-it-works {\n margin: 50px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .how-it-works-image {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n }\n \n .how-it-works-image img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n \n .how-it-works-image:hover img {\n transform: scale(1.02);\n }\n \n .how-it-works-content {\n flex: 1;\n }\n \n .usage-section {\n margin: 50px 0;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 0 15px;\n margin-bottom: 20px;\n }\n \n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #c9a97e, #d9c09e);\n border-radius: 50%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: bold;\n margin: 0 auto 15px;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n }\n \n .step-text {\n font-size: 16px;\n line-height: 1.5;\n color: #333;\n }\n \n .cta-section {\n text-align: center;\n margin: 60px 0;\n padding: 50px;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before, .cta-section::after {\n content: \"\";\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n z-index: 0;\n }\n \n .cta-section::before {\n top: -100px;\n right: -50px;\n }\n \n .cta-section::after {\n bottom: -100px;\n left: -50px;\n }\n \n .cta-content {\n position: relative;\n z-index: 1;\n }\n \n .cta-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #333;\n }\n \n .cta-subtitle {\n font-size: 18px;\n margin-bottom: 30px;\n color: #555;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .cta-button {\n display: inline-block;\n padding: 15px 40px;\n background: linear-gradient(to right, #c9a97e, #d9c09e);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, #d9c09e, #c9a97e);\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n }\n \n .cta-button:hover::after {\n opacity: 1;\n }\n \n .footer-note {\n text-align: center;\n margin-top: 20px;\n font-size: 14px;\n color: #777;\n }\n \n \/* Fade animations *\/\n .fade-up {\n opacity: 0;\n transform: translateY(20px);\n }\n \n .pulse {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.03);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @media (max-width: 768px) {\n .hero-content {\n flex-direction: column;\n }\n \n .hero-image {\n width: 200px;\n margin-bottom: 20px;\n }\n \n .ingredients-section, .how-it-works {\n flex-direction: column;\n }\n \n .timeline-items {\n flex-direction: column;\n }\n \n .timeline-bar {\n top: 0;\n left: 50%;\n width: 4px;\n height: 100%;\n transform: translateX(-50%);\n }\n \n .timeline-item {\n width: 100%;\n margin-bottom: 30px;\n display: flex;\n align-items: flex-start;\n }\n \n .timeline-dot {\n margin: 0 15px;\n }\n \n .timeline-content {\n flex: 1;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"joseon-container\"\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\" alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n \u003ch1 class=\"main-title\"\u003eسيروم \u003cspan\u003eالإشراق\u003c\/span\u003e بالنياسيناميد وصمغ النحل\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل لبشرة متألقة ومشرقة\u003c\/p\u003e\n \u003cdiv class=\"hero-badges\"\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n تركيبة كورية أصلية\n \u003c\/div\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n بدون مواد كيميائية ضارة\n \u003c\/div\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n مناسب لجميع أنواع البشرة\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredients-section\"\u003e\n \u003cdiv class=\"ingredients-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredient-box\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالنياسيناميد\u003c\/h3\u003e\n \u003cp class=\"ingredient-desc\"\u003eليس مجرد مكون، بل هو معجزة تُعيد توازن البشرة، تقلل من التصبغات وتمنحها لونًا موحدًا ومشرقًا. يعمل على تحسين مرونة الجلد وتقوية حاجز الترطيب الطبيعي.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-box\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالبروبوليس (صمغ النحل)\u003c\/h3\u003e\n \u003cp class=\"ingredient-desc\"\u003eيستخلص من خلايا النحل، ويعمل كمضاد قوي للالتهابات ومُعزز لتجديد الخلايا، مما يحافظ على شباب البشرة ويمنحها حماية طبيعية. يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp\u003eعندما تلتقي هذه المكونات في تركيبة واحدة، تتحول إلى قوة طبيعية لا تُضاهى؛ معجزة تُعيد لبشرتك شبابها وتمنحها الإشراق الذي لطالما حلمتِ به.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline width=\"100%\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\u003e\n متصفحك لا يدعم تشغيل الفيديو.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"instant-results\"\u003e\n \u003ch2 class=\"section-title\"\u003eنتائج لحظية!\u003c\/h2\u003e\n \u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003eمسام أصغر , بشرة أصفى , جلد مثالي\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eفوائد مذهلة لبشرتك\u003c\/h2\u003e\n \u003cp\u003eهذا السيروم هو الحل الشامل للبشرة الباهتة والمتعبة، حيث يُظهر تأثيرات مذهلة تشمل:\u003c\/p\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\n \u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\n \u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\n \u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\n \u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\n \u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتعزيز إشراقة البشرة\u003c\/h3\u003e\n \u003cp\u003eتفتيح البشرة وتوحيد لونها مع تقليل التصبغات والعلامات الداكنة بفعالية.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n \u003cp\u003eزيادة نعومة البشرة بفضل خصائص النياسيناميد المُرطبة والمضيئة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية البشرة\u003c\/h3\u003e\n \u003cp\u003eحماية من الالتهابات الخارجية والأضرار الناتجة عن الجذور الحرة بفضل قوة البروبوليس.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n \u003cline x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003cline x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003cline x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eدعم وظيفة الحاجز الجلدي\u003c\/h3\u003e\n \u003cp\u003eالحفاظ على رطوبة البشرة ومنع فقدانها، مما يساعد في تقليل الخطوط الدقيقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة النتائج المذهلة\u003c\/h2\u003e\n \u003cp\u003eمع الاستخدام المنتظم، ستلاحظين تحسناً تدريجياً يصل إلى النتائج المثالية خلال أسابيع قليلة.\u003c\/p\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"timeline-items\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eالاستخدام الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eترطيب فوري\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eستلاحظين ترطيباً فورياً للبشرة وملمساً أكثر نعومة. البشرة تبدو أكثر انتعاشاً وإشراقاً بشكل ملحوظ منذ الاستخدام الأول.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتحسن الملمس والتوهج\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eتصبح البشرة أكثر توهجاً ونعومة. تقل الاحمرار والتهيجات بفضل خصائص البروبوليس المضادة للالتهابات. انخفاض ملحوظ في دهنية البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتقليل التصبغات\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eبداية ظهور نتائج توحيد لون البشرة. تقل البقع الداكنة والتصبغات تدريجياً. تصبح البشرة أكثر إشراقاً ونضارة، مع مسام أصغر حجماً وأقل وضوحاً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتحول ملحوظ\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eتحسن كبير في نسيج البشرة ولونها. اختفاء ملحوظ للعديد من مشاكل البشرة كالبقع الداكنة والندبات. تقليل واضح للخطوط الدقيقة وعلامات الشيخوخة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد شهرين\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eبشرة متجددة تماماً\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eبشرة مشرقة ومتألقة بشكل مذهل. توحيد كامل للون البشرة وتقليل كبير للتصبغات. تحسن دائم في مظهر البشرة وملمسها، مع مرونة محسنة وصحة أفضل للجلد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"how-it-works\"\u003e\n \u003cdiv class=\"how-it-works-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\" alt=\"تركيبة متقدمة علمياً\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"how-it-works-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eتركيبة متقدمة علمياً\u003c\/h2\u003e\n \u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eكيف يعمل السيروم؟\u003c\/h3\u003e\n \n \u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eتعمل تركيبة \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e بتناغم لإحداث تأثير شامل على البشرة. يقوم البروبوليس، المُستخلص من خلايا النحل، بتطهير البشرة ومكافحة الالتهابات وتحفيز تجديد الخلايا، مما يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n \n \u003cp style=\"line-height: 1.8;\"\u003eبينما يعمل النياسيناميد على توحيد لون البشرة وتقليل التصبغات، بالإضافة إلى تحسين مرونة الجلد وتقوية حاجز الترطيب. هذه المكونات النشطة معًا تُحدث تغييرًا جذريًا في نسيج البشرة، فتمنحها مظهرًا أكثر إشراقًا وحيوية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \u003cp\u003eبعد تنظيف البشرة جيدًا، يُوضع السيروم على منطقة الوجه مع التركيز على المناطق التي تحتاج إلى تفتيح وتحسين، مثل حول العينين والجبهة وخطوط الفك. يُدلك بلطف حتى يتم امتصاصه بالكامل، ثم يُتبع بمرطب للحفاظ على الترطيب وتعزيز الفعالية. يُستخدم صباحًا ومساءً لتحقيق أفضل النتائج.\u003c\/p\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتنظيف البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتدليك برفق\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع المرطب\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cta-section pulse\"\u003e\n \u003cdiv class=\"cta-content\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاستعيدي إشراقة بشرتك اليوم\u003c\/h2\u003e\n \u003cp class=\"cta-subtitle\"\u003eقيمة عالية مقابل سعر مناسب - تجمع تركيبة سيروم الإشراق بين مكونات طبيعية مُثبتة علمياً لبشرة متألقة وصحية\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاطلبيه الآن\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"footer-note\"\u003e\n \u003cp\u003eتجمع تركيبة Beauty Of Joseon Glow Serum Propolis + Niacinamide بين مكونات طبيعية مُثبتة علمياً تعمل على تحسين إشراقة البشرة وتوحيد لونها مع حماية متقدمة من العوامل البيئية. بالرغم من أنه قد يكون بسعر أعلى قليلاً مقارنة ببعض المنتجات الأخرى، فإن كمية قليلة منه تكفي لتحقيق نتائج مذهلة وطويلة الأمد، مما يجعله استثمارًا فعّالًا لصحة وجمال بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Init functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animations\n initFadeEffects();\n \n \/\/ Video autoplay fix for some mobile browsers\n const video = document.querySelector('video');\n if (video) {\n video.play().catch(function(error) {\n console.log(\"Video autoplay prevented by browser\");\n });\n }\n });\n \n \/\/ Initialize fade effects\n function initFadeEffects() {\n const fadeElements = document.querySelectorAll('.fade-up');\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n \n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n \n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Add staggered animations\n const staggerElements = document.querySelectorAll('.fade-up');\n staggerElements.forEach((el, index) =\u003e {\n el.style.transitionDelay = `${index * 0.05}s`;\n });\n }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589240746181,"sku":"","price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml.jpg?v=1742651704"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Beauty of Joseon Revive Eye Serum متخصص الهالات | انتفاخات محيط العين | علامات السن","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #4a4a4a;\n line-height: 1.6;\n direction: rtl;\n }\n \n .product-header {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .product-title {\n font-size: 2.2rem;\n color: #3a2d28;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, #c3a300, #c3a300);\n border-radius: 2px;\n }\n \n .product-subtitle {\n font-size: 1.2rem;\n color: #7d6e67;\n font-weight: 400;\n }\n \n .section {\n margin-bottom: 40px;\n position: relative;\n overflow: visible;\n }\n \n .section-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 20px;\n }\n \n .section-icon {\n width: 30px;\n height: 30px;\n margin-bottom: 10px;\n fill: #c3a300;\n }\n \n .section-title {\n font-size: 1.5rem;\n color: #3a2d28;\n position: relative;\n margin-bottom: 15px;\n text-align: center;\n }\n \n .section-divider {\n width: 100%;\n height: 1px;\n background-color: #c3a300;\n }\n \n .section-content {\n color: #5d5d5d;\n font-size: 1rem;\n padding: 15px 0;\n display: block;\n visibility: visible;\n }\n \n .highlight {\n color: #c3a300;\n font-weight: 500;\n }\n \n .feature-list {\n margin-top: 25px;\n display: block;\n visibility: visible;\n }\n \n .feature-item {\n display: flex;\n margin-bottom: 25px;\n opacity: 1;\n transform: none;\n visibility: visible;\n }\n \n .feature-icon {\n width: 40px;\n height: 40px;\n min-width: 40px;\n fill: #c3a300;\n margin-left: 15px;\n margin-top: 5px;\n }\n \n .feature-content {\n flex: 1;\n }\n \n .feature-title {\n font-weight: bold;\n color: #3a2d28;\n margin-bottom: 5px;\n font-size: 1.1rem;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n text-align: center;\n flex: 1;\n min-width: 100px;\n margin: 10px;\n position: relative;\n opacity: 1;\n }\n \n .step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 30px;\n left: -15px;\n width: 30px;\n height: 2px;\n background-color: #c3a300;\n }\n \n .step-number {\n width: 40px;\n height: 40px;\n background-color: #c3a300;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto 15px;\n font-weight: bold;\n box-shadow: 0 5px 10px rgba(195, 163, 0, 0.3);\n }\n \n .step-text {\n font-size: 0.9rem;\n }\n \n .clinical-results {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n \n .result-card {\n border: 1px solid #e8e8e8;\n border-radius: 12px;\n padding: 30px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: transform 0.3s, box-shadow 0.3s;\n background-color: #ffffff;\n margin-bottom: 15px;\n }\n \n .result-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n \n .result-icon {\n width: 50px;\n height: 50px;\n margin: 0 auto 15px;\n fill: #c3a300;\n }\n \n .result-title {\n font-size: 1rem;\n color: #3a2d28;\n margin-bottom: 15px;\n }\n \n .result-percentage {\n font-size: 2.4rem;\n color: #c3a300;\n font-weight: bold;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .result-percentage::after {\n content: '%';\n font-size: 1.2rem;\n position: absolute;\n top: 0;\n right: -20px;\n }\n \n .percentage-wrapper {\n position: relative;\n height: 120px;\n margin-bottom: 15px;\n margin-top: 10px;\n }\n \n .counter {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 2.2rem;\n color: #c3a300;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n \n .counter-value {\n font-size: 2.2rem;\n }\n \n .counter-suffix {\n font-size: 1rem;\n margin-top: -8px;\n }\n \n .circular-progress {\n position: relative;\n height: 100px;\n width: 100px;\n margin: 0 auto;\n }\n \n .circle-container {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n border: 6px solid #c3a300;\n margin: 0 auto;\n position: relative;\n }\n \n .circular-progress circle {\n stroke-dashoffset: 251.2;\n stroke-dasharray: 251.2;\n stroke-width: 8px;\n stroke-linecap: round;\n fill: none;\n }\n \n .circular-progress .bg {\n stroke: #f1f1f1;\n }\n \n .circular-progress .progress {\n stroke: #c3a300;\n transition: stroke-dashoffset 1.5s ease;\n }\n \n .progress.animated {\n animation: progressAnimation 1.5s ease forwards;\n }\n \n @keyframes progressAnimation {\n from {\n stroke-dashoffset: 251.2;\n }\n to {\n stroke-dashoffset: var(--final-offset, 0);\n }\n }\n \n .result-description {\n color: #5d5d5d;\n font-size: 0.9rem;\n }\n \n @keyframes wave {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .animate-wave {\n animation: wave 3s ease-in-out infinite;\n }\n \n .fade-in {\n animation: fadeIn 1s forwards;\n }\n \n @media (max-width: 768px) {\n .feature-item {\n flex-direction: column;\n text-align: center;\n }\n \n .feature-icon {\n margin: 0 auto 10px;\n }\n \n .step:not(:last-child)::after {\n display: none;\n }\n \n .clinical-results {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eرحلة تجديد شباب عينيك تبدأ الآن\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eاكتشفي سر إشراقة عينيك مع \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003e، تركيبة مبتكرة تجمع بين أحدث التقنيات العلمية والمكونات الطبيعية النقية لإحياء منطقة العين الحساسة. هذا السيروم الثوري يعمل على مكافحة علامات التعب والشيخوخة في آنٍ واحد، ليمنح عينيك مظهرًا أكثر شبابًا وتوهجًا.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_e8f8ea7b-01fc-4144-9da3-ecc29addcda7.webp?v=1742659829\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M17.66,11.2C17.43,10.9 17.15,10.64 16.89,10.38C16.22,9.78 15.46,9.35 14.82,8.72C13.33,7.26 13,4.85 13.95,3C13,3.23 12.17,3.75 11.46,4.32C8.87,6.4 7.85,10.07 9.07,13.22C9.11,13.32 9.15,13.42 9.15,13.55C9.15,13.77 9,13.97 8.8,14.05C8.57,14.15 8.33,14.09 8.14,13.93C8.08,13.88 8.04,13.83 8,13.76C6.87,12.33 6.69,10.28 7.45,8.64C5.78,10 4.87,12.3 5,14.47C5.06,14.97 5.12,15.47 5.29,15.97C5.43,16.57 5.7,17.17 6,17.7C7.08,19.43 8.95,20.67 10.96,20.92C13.1,21.19 15.39,20.8 17.03,19.32C18.86,17.66 19.5,15 18.56,12.72L18.43,12.46C18.22,12 17.66,11.2 17.66,11.2M14.5,17.5C14.22,17.74 13.76,18 13.4,18.1C12.28,18.5 11.16,17.94 10.5,17.28C11.69,17 12.4,16.12 12.61,15.23C12.78,14.43 12.46,13.77 12.33,13C12.21,12.26 12.23,11.63 12.5,10.94C12.69,11.32 12.89,11.7 13.13,12C13.9,13 15.11,13.44 15.37,14.8C15.41,14.94 15.43,15.08 15.43,15.23C15.46,16.05 15.1,16.95 14.5,17.5Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eيعمل السيروم من خلال مزج ثلاثة مكونات رئيسية تُحدث تأثيرًا متكاملًا: يُساهم الريتينال في تنعيم البشرة وتحفيز تجديد خلاياها، بينما تعمل الليبوسومات على تثبيت الريتينال وتحسين امتصاصه بفعالية، ويضفي مستخلص جذر الجينسنغ ترطيبًا طويل الأمد وحماية فائقة. بهذه الآلية الفريدة، يتم إعادة بناء حاجز البشرة وتقليل ظهور التجاعيد الدقيقة والهالات الداكنة والانتفاخ، مما يُعيد لعينيك الحيوية والإشراقة.\u003c\/p\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"feature-icon\"\u003e\n \u003cpath d=\"M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003eما الذي يميز التركيبة؟\u003c\/h3\u003e\n\u003cp\u003eتميز هذه التركيبة يكمن في دمجها لقوة الريتينال مع الليبوصولات ومستخلص الجينسنغ؛ حيث يُعتبر كل مكون بمفرده معجزة في تحسين صحة البشرة. عند اتحادها معًا، تُصبح قوة طبيعية لا يُمكن وقفها تعمل على تجديد منطقة العين وتحفيز إنتاج الكولاجين، مما يُحسن مرونة البشرة ويقلل من علامات التعب والشيخوخة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"feature-icon\"\u003e\n \u003cpath d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003eلماذا تعتبر هذه التركيبة افضل من مشتقات الريتينول الأخرى ؟\u003c\/h3\u003e\n\u003cp\u003eالريتينول هو شكل من أشكال فيتامين A يحتاج إلى التحول داخل البشرة ليصبح نشطًا، مما يجعله أقل فعالية مقارنةً بالريتينال.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e أما الريتينال\u003c\/strong\u003e، فهو يعمل مباشرةً لتحفيز تجديد الخلايا وإنتاج الكولاجين دون الحاجة إلى تحويل، مما يسرع من النتائج ويقلل من مخاطر التهيج. هذا الفرق يجعل الريتينال الخيار الأمثل للعناية المكثفة بمنطقة العين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M4,6H2V20A2,2 0 0,0 6,20V22H6A2,2 0 0,0 8,20V4A2,2 0 0,0 6,2H4V4H6V6M14,6H12V20A2,2 0 0,0 16,20V22H16A2,2 0 0,0 18,20V4A2,2 0 0,0 16,2H14V4H16V6M22,20V2H20V4H22V6H20V20H22Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eبعد تنظيف البشرة بلطف، يُوضع السيروم على منطقة العين باستخدام كمية قليلة. قومي بتدليك المنتج برفق حتى يتم امتصاصه بالكامل، ثم اتبعيه بمرطب مناسب للحفاظ على الترطيب وتعزيز النتائج. يُفضل استخدام السيروم صباحًا ومساءً لتحقيق أفضل النتائج.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eتنظيف البشرة بلطف\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eوضع كمية قليلة من السيروم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eتدليك برفق حتى الامتصاص\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eمتابعة بمرطب مناسب\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eالنتائج السريرية\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eأظهرت التجارب أن الاستخدام المنتظم للسيروم يؤدي إلى تحسينات ملحوظة في عدة مجالات:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتقليل التجاعيد الدقيقة\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e16\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eانخفاض في عمق التجاعيد الدقيقة حول العينين بعد 8 أسابيع من الاستخدام المنتظم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eزيادة الترطيب\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e118\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eتحسن في مستويات ترطيب منطقة العين مقارنة بالقياسات الأساسية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتقليل الهالات السوداء\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e30\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eتحسن ملحوظ في لون البشرة وتقليل التصبغات حول العينين بعد 4 أسابيع فقط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e50\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eزيادة في نعومة البشرة وتحسين ملمسها بفضل تجديد الخلايا وتعزيز حاجز البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eإن \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e ليس مجرد منتج عناية؛ إنه استثمار حقيقي في شباب وجمال عينيك. تركيبته المتطورة توفر نتائج مذهلة بجرعة قليلة، مما يجعله الخيار الأمثل لمن تسعى للحصول على إشراقة وطلة شبابية تدوم طويلاً.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589813104837,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml.jpg?v=1742657450"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003eالحلزون .. السر السحري في مقاومة علامات الزمن\u003c\/h2\u003e\n\u003cp data-start=\"36\" data-end=\"285\" class=\"\"\u003eاستعدي لمواجهة آثار الزمن والتلف مع \u003cstrong data-start=\"72\" data-end=\"106\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – منتج ثوري يجمع بين قوة مستخلص الحلزون الأسود بنسبة 89% وتركيبة Trusica العلاجية التي تعمل على إصلاح البشرة وترطيبها بعمق. كل قطرة تُعتبر خطوة جريئة نحو بشرة أكثر شبابًا ونضارة.\u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003eتركيبة غير مسبوقة من مستخلص الحلزون الأسود\u003c\/h2\u003e\n\u003cp data-start=\"315\" data-end=\"366\" class=\"\"\u003e تجمع التركيبة بين مكونين طبيعيين أساسيين\u003c\/p\u003e\n\u003cul data-start=\"367\" data-end=\"756\"\u003e\n\u003cli data-start=\"367\" data-end=\"485\" class=\"\"\u003e\n\u003cp data-start=\"369\" data-end=\"485\" class=\"\"\u003e\u003cstrong data-start=\"369\" data-end=\"394\"\u003eمستخلص الحلزون الأسود\u003c\/strong\u003e الذي يُغذي البشرة بعمق، يُحفّز تجديد الخلايا، ويقلل من التجاعيد والندوب وآثار حب الشباب.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003e\u003cstrong data-start=\"488\" data-end=\"515\"\u003eتركيبة Trusica العلاجية\u003c\/strong\u003e التي تُزيل آثار التلف وتعالج الندوب بخبرة، لتُعيد لبشرتك توازنها الطبيعي وترطيبها الدائم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003eتتحد هذه المكونات مع النياسيناميد والمستخلصات النباتية لدعم مرونة البشرة وحاجزها الواقي، مما يحميها من العوامل البيئية الضارة ويمنحها إشراقة مُبهرة.\u003cbr data-start=\"605\" data-end=\"608\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\"\u003e\u003c\/h2\u003e\n\u003ch2\u003eلماذا الحلزون الأسود تحديدا ؟ \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eيُعتبر مستخلص الحلزون مكونًا شائعًا في منتجات العناية بالبشرة بفضل فوائده المتعددة. ومع ذلك، يتميز مستخلص الحلزون الأسود بخصائص فريدة تجعله يتفوق على المستخلصات الأخرى. في الجدول التالي، نوضح الأسباب التي دفعتنا لاختيار مستخلص الحلزون الأسود في سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالعنصر\u003c\/th\u003e\n\u003cth\u003eمستخلص الحلزون الأسود\u003c\/th\u003e\n\u003cth\u003eمستخلصات الحلزون الأخرى\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eالمكونات النشطة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على نسبة عالية من البروتينات، الإيلاستين، الكولاجين، والأحماض الدهنية الأساسية، مما يُعزز صحة البشرة ويُحسن مرونتها.\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مكونات نشطة، ولكن بنسب أقل مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالفعالية في إصلاح البشرة\u003c\/td\u003e\n\u003ctd\u003eيُحفّز تجديد خلايا البشرة، يُقلل من ظهور الندوب وآثار حب الشباب، ويُحسّن ملمس البشرة بشكل عام.\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تجديد البشرة، ولكن قد يكون أقل فعالية في معالجة الندوب العميقة وآثار حب الشباب.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالترطيب والمرونة\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا عميقًا ويُعزز مرونة البشرة بفضل محتواه الغني من الكولاجين والبروتينات.\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا جيدًا، لكن قد يكون أقل في تعزيز المرونة مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eمكافحة الشيخوخة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مضادات أكسدة قوية تُقلل من ظهور الخطوط الدقيقة والتجاعيد، مما يُعطي مظهرًا أكثر شبابًا.\u003c\/td\u003e\n\u003ctd\u003eيُساهم في مكافحة الشيخوخة، ولكن قد يكون تأثيره أقل وضوحًا مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eتوحيد لون البشرة\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تقليل التصبغات وتوحيد لون البشرة، مما يمنحها إشراقة طبيعية.\u003c\/td\u003e\n\u003ctd\u003eقد يُساهم في توحيد لون البشرة، لكن بفعالية أقل.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eباختيار مستخلص الحلزون الأسود، يُقدم سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e فوائد متعددة تتفوق على المستخلصات الأخرى، مما يجعله خيارًا مثاليًا لمن يسعى للحصول على بشرة صحية، نضرة، وخالية من العيوب.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"758\" data-end=\"783\" class=\"\"\u003eفيه حل لكل مشكلة في بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"784\" data-end=\"877\" class=\"\"\u003eيُعتبر \u003cstrong data-start=\"791\" data-end=\"825\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e الحل الشامل لمشاكل البشرة المتضررة؛ فهو يعمل على:\u003c\/p\u003e\n\u003cul data-start=\"878\" data-end=\"1164\"\u003e\n\u003cli data-start=\"878\" data-end=\"958\" class=\"\"\u003e\n\u003cp data-start=\"880\" data-end=\"958\" class=\"\"\u003eإعادة الترطيب العميق للبشرة وتحفيز تجديد خلاياها، مما يُحسن من مظهرها العام.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"959\" data-end=\"1037\" class=\"\"\u003e\n\u003cp data-start=\"961\" data-end=\"1037\" class=\"\"\u003eتقليل ظهور التجاعيد الدقيقة والندوب الناتجة عن حب الشباب والعوامل البيئية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1038\" data-end=\"1106\" class=\"\"\u003e\n\u003cp data-start=\"1040\" data-end=\"1106\" class=\"\"\u003eدعم حاجز البشرة الطبيعي وإعادة توازن مستويات الزيوت والماء فيها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1107\" data-end=\"1164\" class=\"\"\u003e\n\u003cp data-start=\"1109\" data-end=\"1164\" class=\"\"\u003eتحسين ملمس البشرة وإضفاء إشراقة طبيعية تدوم طوال اليوم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cul data-start=\"1269\" data-end=\"1582\"\u003e\n\u003cli data-start=\"1269\" data-end=\"1367\" class=\"\"\u003e\n\u003cp data-start=\"1271\" data-end=\"1367\" class=\"\"\u003eيُحفّز مستخلص الحلزون الأسود إنتاج الكولاجين وتجديد الخلايا، مما يُعيد للبشرة شبابها ومرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1368\" data-end=\"1491\" class=\"\"\u003e\n\u003cp data-start=\"1370\" data-end=\"1491\" class=\"\"\u003eتُساعد تركيبة Trusica على معالجة الندوب وعلامات التلف، في حين يعمل النياسيناميد على توحيد لون البشرة وتخفيف الالتهابات.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1492\" data-end=\"1582\" class=\"\"\u003e\n\u003cp data-start=\"1494\" data-end=\"1582\" class=\"\"\u003eالنتيجة هي بشرة مُرتبة، متجددة، ومحفوظة من آثار الزمن والتلف مع ملمس ناعم وإشراقة مبهرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003eطريقة الاستخدام المثالية\u003c\/h2\u003e\n\u003cp data-start=\"1614\" data-end=\"1886\" class=\"\"\u003eبعد تنظيف البشرة بلطف، يُوضع السيروم على الوجه مع التركيز على المناطق المتضررة مثل خطوط التجاعيد والندوب. قومي بتدليك المنتج برفق حتى يتم امتصاصه بالكامل، ثم اتبعيه بمرطب مناسب للحفاظ على الترطيب وتعزيز النتائج. يُفضل استخدام السيروم صباحًا ومساءً للحصول على أفضل النتائج.\u003c\/p\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003eأفضل الاستثمارات في صحة بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"1920\" data-end=\"2177\" class=\"\"\u003eإن \u003cstrong data-start=\"1923\" data-end=\"1957\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e ليس مجرد منتج عناية بالبشرة، بل هو استثمار حقيقي في شباب بشرتك. تركيبته المركزة والفعالة تُحقق نتائج ملحوظة مع استخدام كمية قليلة، مما يجعله الخيار الأمثل لمن تسعى لاستعادة نضارة وبريق بشرتها وحمايتها من علامات الزمن.\u003c\/p\u003e\n\u003cp data-start=\"2179\" data-end=\"2327\" class=\"\"\u003eاستمتعي بتجربة علاجية متكاملة حيث يلتقي العلم بالطبيعة ليمنح بشرتك التألق الذي تستحقينه، ولتكوني دائمًا على استعداد لمواجهة تحديات الزمن بثقة وجمال.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44591502786757,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Heading_2.png?v=1742735468"},{"product_id":"cosrx-advanced-snail-peptide-eye-cream","title":"COSRX Advanced Snail Peptide Eye Cream - Anti-Wrinkle Eye Cream for Dark Circles \u0026 Puffiness","description":"\u003ch2 style='text-align: center;'\u003e\u003cstrong\u003eTransform Your Eye Area with Advanced Snail Peptide Technology\u003c\/strong\u003e\u003c\/h2\u003e\u003cp style='text-align: center;'\u003eSay goodbye to tired-looking eyes! COSRX Advanced Snail Peptide Eye Cream combines the power of Korean skincare innovation to target your most stubborn under-eye concerns. Whether it's dark circles, puffiness, fine lines, or sagging, this advanced formula delivers visible results.\u003c\/p\u003e\u003ch3 style='text-align: center;'\u003eHero Ingredients That Work\u003c\/h3\u003e\u003cp style='text-align: center;'\u003e\u003cstrong\u003e73% Snail Secretion Filtrate\u003c\/strong\u003e – Nature's ultimate skin repair ingredient that deeply hydrates, promotes cellular renewal, and helps fade dark circles while reducing puffiness.\u003c\/p\u003e\u003cp style='text-align: center;'\u003e\u003cstrong\u003e5 Types of Peptides\u003c\/strong\u003e – Essential proteins that boost collagen production, firm skin structure, reduce sagging, and minimize the appearance of fine lines and wrinkles.\u003c\/p\u003e\u003cp style='text-align: center;'\u003e\u003cstrong\u003e2% Niacinamide\u003c\/strong\u003e – A powerhouse brightening ingredient that evens skin tone, reduces pigmentation, strengthens the skin barrier, and gives your under-eye area a luminous, vibrant glow.\u003c\/p\u003e\u003ch3 style='text-align: center;'\u003eHow These Ingredients Work Together\u003c\/h3\u003e\u003cp style='text-align: center;'\u003eWhen applied to the eye area, snail mucin extract penetrates the upper skin layers, promoting cellular renewal and providing essential hydration. Simultaneously, peptides enhance the production of vital proteins that maintain skin structure, reducing sagging and wrinkles. Niacinamide complements this by evening out skin tone and minimizing pigmentation, giving the eye area a brighter, more vibrant appearance.\u003c\/p\u003e\u003ch3 style='text-align: center;'\u003eKey Benefits\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eReduces dark circles and under-eye pigmentation\u003c\/li\u003e\u003cli\u003eDiminishes puffiness and under-eye bags\u003c\/li\u003e\u003cli\u003eSmooths fine lines and wrinkles\u003c\/li\u003e\u003cli\u003eFirms and lifts the delicate eye area\u003c\/li\u003e\u003cli\u003eDeeply hydrates without feeling heavy\u003c\/li\u003e\u003cli\u003eSuitable for all skin types\u003c\/li\u003e\u003c\/ul\u003e\u003cp style='text-align: center;'\u003eExperience the transformation with worldwide shipping and easy returns!\u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44591757983941,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_peptide_eye_cream_1.png?v=1742745729"},{"product_id":"skin-1004-centella-ampoule-signature-soothing-ampoule","title":"SKIN1004 Centella Ampoule Signature Soothing Ampoule","description":"\u003cstyle\u003e\n\/* Base styles *\/\n.skin1004-product-description {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n}\n\n\/* Main title *\/\n.skin1004-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.skin1004-main-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 2px;\n background-color: #8a6400;\n}\n\n\/* Product introduction *\/\n.skin1004-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 30px;\n line-height: 1.6;\n}\n\n\/* Main image with subtle effect *\/\n.skin1004-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.skin1004-main-image:hover {\n transform: translateY(-5px);\n}\n\n\/* Sections *\/\n.skin1004-section {\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 margin-bottom: 30px;\n}\n\n.skin1004-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n\/* Section titles *\/\n.skin1004-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n color: #333;\n font-size: 20px;\n font-weight: bold;\n}\n\n.skin1004-section-icon {\n margin-right: 10px;\n color: #8a6400;\n font-size: 20px;\n}\n\n\/* Section content *\/\n.skin1004-section-content {\n line-height: 1.7;\n color: #555;\n}\n\n\/* Benefits list *\/\n.skin1004-benefits-list {\n padding-left: 0;\n list-style-type: none;\n margin-top: 15px;\n}\n\n.skin1004-benefit-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 15px;\n padding: 10px 15px;\n background-color: #f9f9f9;\n border-radius: 6px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);\n transition: transform 0.3s ease;\n}\n\n.skin1004-benefit-item:hover {\n transform: translateX(5px);\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);\n}\n\n.skin1004-benefit-icon {\n color: #8a6400;\n font-size: 16px;\n margin-right: 10px;\n margin-top: 3px;\n}\n\n\/* Ingredients section *\/\n.skin1004-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.skin1004-highlight-section {\n position: relative;\n padding-left: 15px;\n}\n\n.skin1004-highlight-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background-color: #8a6400;\n border-radius: 3px;\n}\n\n.skin1004-ingredient-title {\n font-size: 18px;\n color: #333;\n margin-bottom: 10px;\n font-weight: bold;\n}\n\n.skin1004-ingredient-list {\n list-style-type: none;\n padding-left: 0;\n}\n\n.skin1004-ingredient-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 10px;\n}\n\n.skin1004-ingredient-icon {\n color: #8a6400;\n font-size: 16px;\n margin-right: 10px;\n margin-top: 3px;\n}\n\n\/* Features section *\/\n.skin1004-features {\n margin: 30px 0;\n}\n\n.skin1004-feature-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 15px;\n padding: 12px 15px;\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.02);\n}\n\n.skin1004-feature-item:hover {\n transform: translateX(5px);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);\n}\n\n.skin1004-feature-icon {\n color: #8a6400;\n font-size: 16px;\n margin-right: 10px;\n margin-top: 3px;\n}\n\n.skin1004-feature-content {\n flex: 1;\n}\n\n.skin1004-feature-title {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n\/* Full formula section *\/\n.skin1004-formula {\n background-color: #f9f9f9;\n padding: 20px;\n border-radius: 8px;\n margin-top: 15px;\n font-family: monospace;\n line-height: 1.6;\n font-size: 14px;\n}\n\n.skin1004-formula-note {\n font-style: italic;\n color: #666;\n margin-top: 10px;\n text-align: center;\n}\n\n\/* Conclusion section *\/\n.skin1004-conclusion {\n text-align: center;\n margin: 40px 0 20px;\n padding: 25px;\n background-color: #f8f6f0;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.skin1004-conclusion p {\n font-size: 16px;\n line-height: 1.6;\n margin-bottom: 15px;\n}\n\n.skin1004-conclusion strong {\n color: #333;\n}\n\n\/* Responsive styles *\/\n@media (max-width: 768px) {\n .skin1004-section {\n padding: 20px;\n }\n \n .skin1004-main-title {\n font-size: 22px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- Font Awesome for icons --\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!-- Product description section --\u003e\n\u003cdiv class=\"skin1004-product-description\"\u003e\n \u003ch3 class=\"skin1004-main-title\"\u003eDoes Your Skin React Easily to Any Change?\u003c\/h3\u003e\n \n \u003cp class=\"skin1004-intro\"\u003e\n Struggling with persistent redness, unexplained dryness, or recurring irritation triggered by the slightest factors?\u003cbr\u003e\n Many people with sensitive skin find themselves trapped in a cycle of unsuccessful trials with skincare products,\u003cbr\u003e\n where most commercial formulas either cause additional irritation or deliver superficial, temporary results that don’t make a real difference.\n \u003c\/p\u003e\n \n \u003cp class=\"skin1004-intro\"\u003e\n Over time, not only is the skin’s appearance compromised,\u003cbr\u003e\n but its ability to recover weakens, gradually losing its natural balance.\n \u003c\/p\u003e\n \n \u003cdiv class=\"skin1004-section\"\u003e\n \u003cdiv class=\"skin1004-section-title\"\u003e\n \u003ci class=\"fas fa-magic skin1004-section-icon\"\u003e\u003c\/i\u003e\n The Solution Lies Beyond Temporary Soothing:\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-section-content\"\u003e\n \u003cem\u003eRestoring Calm, Strength, and Regeneration.\u003c\/em\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"skin1004-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-madagascar-centella-ampoule-36426919379190_1440x_483051f2-bea2-4d59-af4a-51a8f352acfc.webp?v=1744735085\" alt=\"SKIN1004 Centella Ampoule\"\u003e\n \n \u003cdiv class=\"skin1004-section\"\u003e\n \u003cdiv class=\"skin1004-section-title\"\u003e\n \u003ci class=\"fas fa-leaf skin1004-section-icon\"\u003e\u003c\/i\u003e\n SKIN1004 Centella Ampoule\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-section-content\"\u003e\n \u003cstrong\u003eUnparalleled Purity. Tangible Efficacy. Well-Deserved Confidence.\u003c\/strong\u003e\n \u003cp\u003e\n Not just a soothing ampoule…\u003cbr\u003e\n but an advanced formula centered on the purest \u003cem\u003eCentella Asiatica\u003c\/em\u003e in the world – sourced from the pristine nature of Madagascar, where plants grow in a pollution-free environment, delivering the highest concentration of active compounds to your skin.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"skin1004-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_skin_1004_centella_ampoule.png?v=1744735274\" alt=\"Centella Asiatica\"\u003e\n \n \u003c!-- Key Benefits Section --\u003e\n \u003cdiv class=\"skin1004-section\"\u003e\n \u003cdiv class=\"skin1004-section-title\"\u003e\n \u003ci class=\"fas fa-check-circle skin1004-section-icon\"\u003e\u003c\/i\u003e\n Key Benefits:\n \u003c\/div\u003e\n \u003cul class=\"skin1004-benefits-list\"\u003e\n \u003cli class=\"skin1004-benefit-item\"\u003e\n \u003ci class=\"fas fa-check skin1004-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eInstant soothing of irritation and redness\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-benefit-item\"\u003e\n \u003ci class=\"fas fa-check skin1004-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eDeep hydration without heaviness or stickiness\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-benefit-item\"\u003e\n \u003ci class=\"fas fa-check skin1004-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eSupports the skin’s natural barrier and enhances its self-protection\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-benefit-item\"\u003e\n \u003ci class=\"fas fa-check skin1004-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eStimulates collagen production and cell renewal\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-benefit-item\"\u003e\n \u003ci class=\"fas fa-check skin1004-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eAntioxidant protection against harmful environmental factors\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Active Ingredient Section --\u003e\n \u003cdiv class=\"skin1004-ingredients\"\u003e\n \u003cdiv class=\"skin1004-highlight-section\"\u003e\n \u003ch3 class=\"skin1004-section-title\"\u003eActive Ingredient:\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"skin1004-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica.jpg?v=1744735582\" alt=\"Centella Asiatica Plant\"\u003e\n \n \u003cp class=\"skin1004-ingredient-title\"\u003eCentella Asiatica Extract (Madagascar)\u003c\/p\u003e\n \u003cp\u003eRich in compounds like \u003cem\u003eAsiaticoside\u003c\/em\u003e and \u003cem\u003eMadecassic Acid\u003c\/em\u003e, proven to:\u003c\/p\u003e\n \n \u003cul class=\"skin1004-ingredient-list\"\u003e\n \u003cli class=\"skin1004-ingredient-item\"\u003e\n \u003ci class=\"fas fa-circle skin1004-ingredient-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eAccelerate skin healing\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-ingredient-item\"\u003e\n \u003ci class=\"fas fa-circle skin1004-ingredient-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eStrengthen the outer skin layer\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-ingredient-item\"\u003e\n \u003ci class=\"fas fa-circle skin1004-ingredient-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eReduce inflammation\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-ingredient-item\"\u003e\n \u003ci class=\"fas fa-circle skin1004-ingredient-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eProtect skin from free radicals\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"skin1004-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_centella_ampoule.jpg?v=1744736444\" alt=\"SKIN1004 Centella Ampoule\"\u003e\n \n \u003c!-- What Makes It Different Section --\u003e\n \u003cdiv class=\"skin1004-section\"\u003e\n \u003cdiv class=\"skin1004-section-title\"\u003e\n \u003ci class=\"fas fa-star skin1004-section-icon\"\u003e\u003c\/i\u003e\n What Makes It Different from Any Other Product?\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-features\"\u003e\n \u003cdiv class=\"skin1004-feature-item\"\u003e\n \u003ci class=\"fas fa-certificate skin1004-feature-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"skin1004-feature-content\"\u003e\n \u003cdiv class=\"skin1004-feature-title\"\u003e7X Purity\u003c\/div\u003e\n \u003cdiv\u003eCompared to any other Centella Asiatica extract\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-feature-item\"\u003e\n \u003ci class=\"fas fa-map-marker-alt skin1004-feature-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"skin1004-feature-content\"\u003e\n \u003cdiv class=\"skin1004-feature-title\"\u003eDirectly Sourced from Madagascar\u003c\/div\u003e\n \u003cdiv\u003eAn unmatched botanical source\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-feature-item\"\u003e\n \u003ci class=\"fas fa-heartbeat skin1004-feature-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"skin1004-feature-content\"\u003e\n \u003cdiv class=\"skin1004-feature-title\"\u003eProven Efficacy\u003c\/div\u003e\n \u003cdiv\u003eSoothing sensitive and irritated skin from the first use\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-feature-item\"\u003e\n \u003ci class=\"fas fa-tint skin1004-feature-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"skin1004-feature-content\"\u003e\n \u003cdiv class=\"skin1004-feature-title\"\u003eFast Absorption\u003c\/div\u003e\n \u003cdiv\u003eWith a lightweight, watery texture and no greasy feel\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-feature-item\"\u003e\n \u003ci class=\"fas fa-shield-alt skin1004-feature-icon\"\u003e\u003c\/i\u003e\n \u003cdiv class=\"skin1004-feature-content\"\u003e\n \u003cdiv class=\"skin1004-feature-title\"\u003eVisible Skin Barrier Support\u003c\/div\u003e\n \u003cdiv\u003eEnhancing its regenerative capacity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Full Formula Section --\u003e\n \u003cdiv class=\"skin1004-section\"\u003e\n \u003cdiv class=\"skin1004-section-title\"\u003e\n \u003ci class=\"fas fa-flask skin1004-section-icon\"\u003e\u003c\/i\u003e\n Full Formula:\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-formula\"\u003e\n Water, Glycerin, Butylene Glycol, Centella Asiatica Extract, 1,2-Hexanediol, Cellulose Gum, Ethylhexylglycerin\n \u003cdiv class=\"skin1004-formula-note\"\u003eFree of artificial fragrances, alcohol, mineral oils, and sulfates.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Conclusion Section --\u003e\n \u003cdiv class=\"skin1004-conclusion\"\u003e\n \u003cp\u003e\n \u003cstrong\u003eIf your skin craves truly different care,\u003cbr\u003e\n give it unparalleled, effective purity.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp\u003eSKIN1004 – where rare nature meets the highest skincare standards.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44663191535813,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004centellaampoule_1.png?v=1744735865"},{"product_id":"some-by-mi-yuja-niacin-brightening-toner-150ml","title":"Some by Mi Yuja Niacin Brightening Toner 150ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin Brightening Toner - نسخة مبسطة --\u003e\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-description {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n}\n\n.yuja-title {\n text-align: center;\n font-size: 24px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 10px;\n}\n\n.yuja-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 50px;\n height: 2px;\n background-color: #9C8102;\n}\n\n.yuja-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 5px;\n}\n\n.yuja-text {\n margin-bottom: 20px;\n line-height: 1.6;\n text-align: center;\n}\n\n.yuja-section {\n margin: 30px 0;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.yuja-section-title {\n font-size: 20px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-right: 15px;\n}\n\n.yuja-section-title:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n background-color: #9C8102;\n border-radius: 3px;\n}\n\n.yuja-list {\n padding-right: 20px;\n}\n\n.yuja-list-item {\n margin-bottom: 15px;\n position: relative;\n}\n\n.yuja-list-item:before {\n content: \"•\";\n position: absolute;\n right: -20px;\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-feature-section {\n margin: 25px 0;\n padding: 15px;\n background-color: #f9f9f9;\n border-radius: 6px;\n}\n\n.yuja-feature-title {\n font-size: 18px;\n color: #333;\n margin-bottom: 10px;\n}\n\n.yuja-cta {\n text-align: center;\n margin: 30px 0;\n padding: 20px;\n background-color: #f9f8f2;\n border-radius: 8px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-description\"\u003e\n\u003c!-- العنوان الرئيسي --\u003e\n\u003ch3 class=\"yuja-title\"\u003eلا تدع البقع الداكنة والبهتان تسرق إشراقة بشرتك\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eهل لاحظت أن بشرتك فقدت نضارتها؟ هل بدأت البقع الداكنة والتصبغات في الظهور؟ كل يوم تأخير في العناية ببشرتك يزيد من صعوبة استعادة إشراقتها الطبيعية. لا تدع الندم يتسلل إليك لاحقًا.\u003c\/p\u003e\n\u003c!-- صورة المنتج الرئيسية --\u003e \u003cimg alt=\"Some By Mi Yuja Niacin Brightening Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_7.webp?v=1744750603\" class=\"yuja-image\"\u003e\n\u003ch3 class=\"yuja-title\"\u003eSome By Mi Yuja Niacin Brightening Toner – ثورة في تفتيح البشرة\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eيقدم هذا التونر تركيبة مبتكرة تحتوي على:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% من مستخلص اليوجا\u003c\/strong\u003e: فاكهة غنية بفيتامين C، تعمل على تفتيح البشرة وتوحيد لونها.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% نياسيناميد\u003c\/strong\u003e: يساعد في تقليل التصبغات والبقع الداكنة، ويعزز مرونة البشرة.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eالجلوتاثيون والأربوتين\u003c\/strong\u003e: مضادات أكسدة قوية تساهم في إشراقة البشرة وتقليل علامات التقدم في السن.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 نوعًا من الفيتامينات\u003c\/strong\u003e: تغذي البشرة وتعزز من حيويتها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"yuja-text\"\u003eهذه التركيبة الفريدة تجعل من التونر خيارًا مثاليًا لمن يسعى لبشرة مشرقة وصحية.\u003c\/p\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_2.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم ما يميز المنتج --\u003e\n\u003cdiv class=\"yuja-section\"\u003e\n\u003ch3 class=\"yuja-section-title\"\u003eما الذي يجعل Some By Mi Yuja Niacin Brightening Toner مميزًا؟\u003c\/h3\u003e\n\u003cp\u003eفي سوق مليء بالتونرات التي تعد بتفتيح البشرة، يبرز \u003cstrong\u003eSome By Mi Yuja Niacin Brightening Toner\u003c\/strong\u003e بتركيبته الفريدة والمركزة التي تجمع بين:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% من مستخلص فاكهة اليوجا (اليوزو)\u003c\/strong\u003e: مصدر غني بفيتامين C، يحتوي على ثلاثة أضعاف كمية فيتامين C الموجودة في الليمون، مما يساعد على تفتيح البشرة وتوحيد لونها.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% نياسيناميد\u003c\/strong\u003e: يساعد في تقليل التصبغات والبقع الداكنة، ويعزز مرونة البشرة.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eمضادات أكسدة قوية مثل الجلوتاثيون والأربوتين\u003c\/strong\u003e: تساهم في إشراقة البشرة وتقليل علامات التقدم في السن.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 نوعًا من الفيتامينات\u003c\/strong\u003e: تغذي البشرة وتعزز من حيويتها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eهذه التركيبة الغنية تجعل من التونر خيارًا مثاليًا لمن يسعى لبشرة مشرقة وصحية، متفوقًا على العديد من التونرات الأخرى التي تحتوي على نسب أقل من هذه المكونات الفعالة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_5.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم القيمة مقابل السعر --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eقيمة ممتازة مقابل السعر\u003c\/h3\u003e\n\u003cp\u003eمع حجم 150 مل، يقدم هذا التونر استخدامًا طويل الأمد، حيث تكفي كمية صغيرة منه لتغطية الوجه بالكامل. بالنظر إلى تركيز المكونات الفعالة فيه، يُعتبر استثمارًا ذكيًا للعناية بالبشرة، حيث يجمع بين الجودة والكمية في منتج واحد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- قسم قوام خفيف --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eقوام خفيف وامتصاص سريع\u003c\/h3\u003e\n\u003cp\u003eيتميز التونر بقوامه الخفيف الذي يمتصه الجلد بسرعة دون ترك أي بقايا دهنية، مما يجعله مناسبًا للاستخدام اليومي لجميع أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Usage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_6.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم الخاتمة --\u003e\n\u003cdiv class=\"yuja-cta\"\u003e\n\u003ch3\u003eلا تؤجل العناية ببشرتك\u003c\/h3\u003e\n\u003cp\u003eكل يوم تأخير في بدء روتين العناية بالبشرة هو خطوة نحو بشرة باهتة ومليئة بالعيوب. ابدأ اليوم مع Some By Mi Yuja Niacin Brightening Toner، واستعد إشراقة بشرتك الطبيعية قبل فوات الأوان.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44663546544325,"sku":"","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/61NmPogYOaL.jpg?v=1744741638"},{"product_id":"beauty-of-joseon-ginseng-essence-water-150-ml","title":"Beauty of Joseon Ginseng Essence Water 150 Ml","description":"\u003c!-- قسم وصف منتج ماء الجينسنج - تصميم بسيط وأنيق --\u003e\n\n\u003cstyle\u003e\n\/* أنماط قسم وصف المنتج *\/\n.ginseng-product-description {\n\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n}\n\n\/* العنوان الرئيسي *\/\n.ginseng-main-title {\n text-align: center;\n font-size: 26px;\n color: #333;\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n}\n\n.ginseng-main-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #d4a017;\n}\n\n\/* مقدمة المنتج *\/\n.ginseng-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 30px;\n line-height: 1.6;\n}\n\n\/* صورة رئيسية مع تأثير بسيط *\/\n.ginseng-main-image {\n display: block;\n margin: 30px auto;\n max-width: 100%;\n border-radius: 8px;\n transition: transform 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-main-image:hover {\n transform: translateY(-5px);\n}\n\n\/* شبكة ميزات المنتج *\/\n.ginseng-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n\/* كرت واحد للميزات - تصميم بسيط *\/\n.ginseng-feature-card {\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n padding: 25px;\n transition: all 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-feature-title {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n color: #333;\n font-size: 18px;\n font-weight: bold;\n}\n\n.ginseng-feature-icon {\n margin-left: 10px;\n color: #d4a017;\n font-size: 20px;\n}\n\n.ginseng-feature-content {\n line-height: 1.6;\n color: #555;\n}\n\n\/* قسم المكونات *\/\n.ginseng-ingredients {\n background-color: #fbfbfb;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-section-title {\n text-align: center;\n font-size: 22px;\n color: #333;\n margin-bottom: 25px;\n}\n\n.ginseng-ingredients-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n}\n\n.ginseng-ingredient {\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n flex: 1;\n min-width: 120px;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n transition: transform 0.3s ease;\n}\n\n.ginseng-ingredient:hover {\n transform: scale(1.03);\n}\n\n.ginseng-ingredient-title {\n font-weight: bold;\n color: #333;\n margin-bottom: 5px;\n}\n\n.ginseng-ingredient-percentage {\n font-size: 24px;\n color: #d4a017;\n font-weight: bold;\n margin: 10px 0;\n}\n\n\/* قسم الفوائد *\/\n.ginseng-benefits {\n margin: 40px 0;\n}\n\n.ginseng-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n}\n\n.ginseng-benefit-item {\n display: flex;\n align-items: center;\n padding: 13px 18px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);\n transition: transform 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-benefit-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);\n}\n\n.ginseng-benefit-icon {\n color: #d4a017;\n font-size: 18px;\n margin-left: 10px;\n}\n\n\/* قسم طريقة الاستخدام *\/\n.ginseng-how-to-use {\n background-color: #fff;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-steps {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 20px;\n}\n\n.ginseng-step {\n flex: 1;\n display: flex;\n align-items: flex-start;\n min-width: 250px;\n}\n\n.ginseng-step-number {\n background-color: #f5f5f5;\n color: #333;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-step-content {\n line-height: 1.6;\n}\n\n\/* شريط جانبي مميز للأقسام *\/\n.ginseng-highlight-section {\n position: relative;\n padding-right: 15px;\n}\n\n.ginseng-highlight-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n background-color: #d4a017;\n border-radius: 3px;\n}\n\n\/* تحريك العناصر عند ظهورها *\/\n.ginseng-fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* أنماط توافق مع الشاشات الصغيرة *\/\n@media (max-width: 768px) {\n .ginseng-features {\n grid-template-columns: 1fr;\n }\n \n .ginseng-ingredients-list {\n flex-direction: column;\n }\n \n .ginseng-ingredient {\n min-width: auto;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- CSS للإيقونات من Font Awesome --\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\"\u003e\n\n\u003c!-- بداية قسم وصف المنتج --\u003e\n\u003cdiv class=\"ginseng-product-description\"\u003e\n \u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003eماء الجينسنج – ينبوع الشباب الدائم للبشرة\u003c\/h2\u003e\n \n \u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n خليط نادر من أسرار الطب الكوري التقليدي والتكنولوجيا الحديثة. ماء الجينسنج المُستخدم في هذا المنتج بتركيز 80%، ليس مجرد مكوّن طبيعي، بل هو كنز غني بمضادات الأكسدة، السابونينات، والمغذيات الدقيقة التي تدعم شباب البشرة من الداخل، وتُعيد بناءها مع كل استخدام.\n \u003c\/p\u003e\n \n \u003cimg class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_2_38493ea6-27fe-4423-8576-1279076c3b2a.jpg?v=1744744014\" alt=\"ماء الجينسنج\"\u003e\n \n \u003c!-- قسم ميزات المنتج --\u003e\n \u003cdiv class=\"ginseng-features\"\u003e\n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-leaf ginseng-feature-icon\"\u003e\u003c\/i\u003e\n الجينسنج – أحد أكبر أسرار البشرة الكورية\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n منذ قرون، يُعرف الجينسنج بأنه \"عُشب الآلهة\" في كتب الطب الكوري التقليدي مثل Donguibogam. استخدمته النساء الكوريات الأوائل في الاستحمام والاهتمام بالبشرة لما له من قدرة مذهلة على تنشيط الدورة الدموية، تغذية الخلايا، وتجديد نضارة الجلد.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-feather-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n تركيبة خفيفة – نتائج ثقيلة\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n برغم قوامه الخفيف المشابه للماء، إلا أن هذا التونر يمنح البشرة دفعة مركزة من الترطيب والمغذيات. يمتص بسرعة دون أن يترك أي أثر دهني، ليمنحك تجربة استخدام مريحة وسريعة، بنتائج تظهر من أول أسبوع.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-shield-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n حل جذري لمشاكل تهيج البشرة والالتهاب\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n يحتوي المنتج على النياسيناميد بنسبة 2%، وهو عنصر فعّال مدعوم علميًا في تقوية الحاجز الجلدي، تهدئة الالتهابات، وتقليل الاحمرار الناتج عن العوامل البيئية أو التهيجات اليومية.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- صورة إضافية --\u003e\n \u003cimg class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/blog-boj-ginseng-water-review-cover-830x518_1.webp?v=1744744064\" alt=\"فوائد ماء الجينسنج\"\u003e\n \n \u003c!-- ميزات إضافية --\u003e\n \u003cdiv class=\"ginseng-features\"\u003e\n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-tint ginseng-feature-icon\"\u003e\u003c\/i\u003e\n مرطّب هائل للبشرة\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n السابونينات النشطة الموجودة في ماء الجينسنج تعمل على جذب الرطوبة بعمق داخل الجلد واحتجازها، مما يجعل البشرة مرطّبة لفترة أطول دون الحاجة لإعادة التطبيق. مثالي لمن يعانون من الجفاف المزمن أو تشققات البشرة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-magic ginseng-feature-icon\"\u003e\u003c\/i\u003e\n بشرة أنعم.. أنقى.. أفتح\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n من خلال تنعيم ملمس البشرة، وتنظيم إفراز الزيوت، والمساعدة على تقليل مظهر المسام الواسعة، يساهم هذا التونر في تحسين النقاء العام للبشرة. كما يعمل النياسيناميد على تفتيح التصبغات، وتوحيد اللون، ليظهر وجهك بإشراقة أكثر اتساقًا وصفاءً.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-sun ginseng-feature-icon\"\u003e\u003c\/i\u003e\n متخصص علاج البهتان\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n البهتان المستمر للوجه ليس فقط ناتجًا عن التعب، بل عن افتقار البشرة للعناصر التي تحفز تجددها الطبيعي. ماء الجينسنج يزوّد خلايا البشرة بالطاقة، ويُعيد تنشيط الدورة الدموية الدقيقة في الوجه، ليعيد لها الإشراق واللمعان الطبيعي.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- صورة إضافية --\u003e\n \u003cimg class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.png?v=1744744535\" alt=\"مكونات ماء الجينسنج\"\u003e\n \n \u003c!-- قسم المكونات --\u003e\n \u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n \u003ch3 class=\"ginseng-section-title\"\u003eتركيبة عالية التقدّم من ماء الجينسنج والنياسيناميد!\u003c\/h3\u003e\n \u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eتم تطوير هذه التركيبة بدقة فائقة تجمع بين العلم والتقاليد، مع مكونات مدروسة:\u003c\/p\u003e\n \n \u003cdiv class=\"ginseng-ingredients-list\"\u003e\n \u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-ingredient-title\"\u003eماء جذر الجينسنج الكوري\u003c\/div\u003e\n \u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n \u003cp\u003eالمكون الأساسي لتجديد البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-ingredient-title\"\u003eنياسيناميد\u003c\/div\u003e\n \u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n \u003cp\u003eلتوحيد لون البشرة وتقليل الالتهابات\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-ingredient-title\"\u003eمكونات إضافية\u003c\/div\u003e\n \u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n \u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n \u003c\/div\u003e\n \u003cp\u003eبانثينول، ألانْتوين، مستخلص الجينسنج المُخمر، هيالورونيك أسيد\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp style=\"text-align: center; margin-top: 20px;\"\u003eكل مكوّن فيها يعمل بتكامل ليمنحك أفضل النتائج بأقل جهد، وبدون أي تهيّج.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الفوائد --\u003e\n \u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-highlight-section\"\u003e\n \u003ch3 class=\"ginseng-section-title\"\u003eالفوائد الرئيسية\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefits-list\"\u003e\n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eدعم شباب البشرة من الداخل وإعادة بناءها\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eتنشيط الدورة الدموية وتجديد نضارة الجلد\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eترطيب عميق وتغذية فورية للبشرة\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eامتصاص سريع بدون أثر دهني\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eتقوية الحاجز الجلدي وتهدئة الالتهابات\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eتقليل الاحمرار والتهيجات\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eترطيب البشرة لفترات طويلة\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eتنعيم ملمس البشرة وتنظيم إفراز الزيوت\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم طريقة الاستخدام --\u003e\n \u003cdiv class=\"ginseng-how-to-use ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-highlight-section\"\u003e\n \u003ch3 class=\"ginseng-section-title\"\u003eطريقة الاستخدام\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-steps\"\u003e\n \u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ginseng-step-content\"\u003e\n بعد تنظيف البشرة، ضعي كمية صغيرة على اليدين أو قطعة قطن\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ginseng-step-content\"\u003e\n امسحي بلطف على الوجه والرقبة بحركات دائرية\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ginseng-step-content\"\u003e\n اتركيه حتى يمتص تمامًا قبل وضع المنتج التالي في روتينك\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت التحريك البسيط --\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ تحديد جميع العناصر المراد تحريكها\n const fadeElements = document.querySelectorAll('.ginseng-fade-in');\n \n \/\/ إنشاء مراقب للعناصر عند ظهورها في الشاشة\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n \/\/ عند ظهور العنصر في الشاشة\n if (entry.isIntersecting) {\n \/\/ إضافة كلاس لتفعيل التحريك\n setTimeout(() =\u003e {\n entry.target.style.opacity = \"1\";\n entry.target.style.transform = \"translateY(0)\";\n }, 100);\n \n \/\/ إزالة مراقبة العنصر بعد تفعيل التحريك\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 }); \/\/ ظهور 10% من العنصر يكفي لتفعيل التحريك\n \n \/\/ بدء المراقبة لكل عنصر\n fadeElements.forEach(element =\u003e {\n observer.observe(element);\n });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44663751704773,"sku":"","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.webp?v=1744743124"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin 30 Days Blemish Care Serum - تصميم أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-serum-container {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-serum-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-serum-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.yuja-serum-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: scale(0.95);\n animation: fadeInAndScale 0.8s ease forwards;\n animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n font-size: 22px;\n color: #333;\n font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n margin-left: 10px;\n color: #9C8102;\n font-size: 24px;\n}\n\n.yuja-serum-content {\n background-color: #fff;\n border-radius: 8px;\n padding: 25px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n display: flex;\n margin-bottom: 20px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 8px;\n padding: 15px;\n transform: translateX(30px);\n opacity: 0;\n transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n transform: translateX(0);\n opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n color: #555;\n}\n\n.yuja-serum-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n margin: 40px 0;\n padding: 25px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n text-align: center;\n margin: 40px 0;\n padding: 30px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 8px;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-serum-container\"\u003e\n \u003cdiv class=\"yuja-serum-header\"\u003e\n \u003ch3 class=\"yuja-serum-title\"\u003e🌟 ثورة في عالم السيرومات: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n \u003cp class=\"yuja-serum-intro\"\u003e\n في بحر منتجات العناية بالبشرة، يبرز هذا السيروم كتحفة فنية تجمع بين الطبيعة والعلوم الحديثة، مقدّمًا حلاً فوريًا وفعّالًا لمشكلات البشرة.\n \u003c\/p\u003e\n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم التركيبة الفريدة --\u003e\n \u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eتركيبة فريدة تتجاوز التوقعات\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-content\"\u003e\n \u003cp\u003eما يميّز هذا السيروم عن غيره من منتجات النياسيناميد هو مزيجه الاستثنائي من المكونات:\u003c\/p\u003e\n \n \u003cdiv class=\"yuja-serum-ingredients\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e82.3% مستخلص فاكهة اليوجا (اليوسفي الكوري)\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n يُعرف بتركيزه العالي من فيتامين C، حيث يحتوي على ثلاثة أضعاف ما يحتويه الليمون، مما يمنح البشرة إشراقة طبيعية ويعزز إنتاج الكولاجين.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e5% نياسيناميد\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n بتركيز مثالي، يعمل على توحيد لون البشرة، تقليل التصبغات، وتعزيز حاجز البشرة الواقي دون التسبب في تهيج.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003eالجلوتاثيون والأربوتين\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n مضادات أكسدة قوية تساهم في تقليل إنتاج الميلانين، مما يساعد في تفتيح البقع الداكنة ومنح البشرة مظهرًا أكثر تجانسًا.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e12 نوعًا من الفيتامينات\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n تغذي البشرة، تعزز من حيويتها، وتساعد في تهدئة التوتر الناتج عن العوامل البيئية الضارة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\" alt=\"Some By Mi Yuja Niacin Serum Benefits\"\u003e\n \n \u003c!-- قسم النتائج السريعة --\u003e\n \u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eنتائج ملموسة في زمن قياسي\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cp\u003e\n على عكس العديد من السيرومات التي تتطلب شهورًا لإظهار نتائج، يُظهر هذا السيروم تأثيره خلال 30 يومًا فقط. تجارب المستخدمين أشارت إلى تحسن واضح في توحيد لون البشرة وتقليل التصبغات في فترة قصيرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum Value\"\u003e\n \n \u003c!-- قسم القيمة مقابل السعر --\u003e\n \u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eاستثمار ذكي لبشرتك\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cp\u003e\n مع حجم 50 مل وتركيز عالٍ من المكونات الفعّالة، يُعتبر هذا السيروم ذا قيمة ممتازة مقابل السعر. تكفي كمية صغيرة لتحقيق النتائج المرجوة، مما يجعله يدوم لفترة طويلة، ويقدم حلاً اقتصاديًا وفعّالًا للعناية بالبشرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الخاتمة --\u003e\n \u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n \u003cp\u003e\n باختصار، \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e ليس مجرد سيروم آخر في السوق، بل هو تجربة فريدة تمزج بين قوة الطبيعة والتكنولوجيا الحديثة لتحقيق بشرة صحية ومشرقة في وقت قياسي.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n \n \/\/ مراقبة ظهور العناصر عند التمرير\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \/\/ مراقبة جميع الأقسام\n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44664200888517,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1744752710"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-cream-60ml","title":"SOME BY MI Yuja Niacin Anti Blemish Cream 60ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin Anti Blemish Cream - تصميم أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-cream-container {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-cream-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 1s ease forwards;\n}\n\n.yuja-cream-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-cream-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-cream-question {\n font-size: 24px;\n font-weight: bold;\n margin: 25px 0 15px;\n color: #333;\n text-align: center;\n}\n\n.yuja-cream-intro {\n text-align: center;\n font-size: 16px;\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto 20px;\n}\n\n.yuja-cream-image {\n display: block;\n margin: 30px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: scale(0.95) translateY(20px);\n animation: fadeInAndScale 1s ease forwards;\n animation-delay: 0.3s;\n}\n\n.yuja-cream-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n}\n\n.yuja-cream-section {\n margin: 50px 0;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-cream-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n font-size: 24px;\n color: #333;\n font-weight: bold;\n text-align: center;\n justify-content: center;\n}\n\n.yuja-cream-section-icon {\n margin-left: 12px;\n color: #9C8102;\n font-size: 28px;\n}\n\n.yuja-cream-content {\n background-color: #fff;\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n line-height: 1.8;\n text-align: center;\n}\n\n.yuja-cream-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\n}\n\n.yuja-cream-ingredients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.yuja-cream-ingredient-item {\n background-color: #fff;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(20px);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(5) {\n transition-delay: 0.5s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(6) {\n transition-delay: 0.6s;\n}\n\n.yuja-cream-ingredient-item:hover {\n transform: translateY(-7px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);\n}\n\n.yuja-cream-ingredient-item:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 0;\n background-color: #9C8102;\n transition: height 0.4s ease;\n}\n\n.yuja-cream-ingredient-item:hover:before {\n height: 100%;\n}\n\n.yuja-cream-ingredient-title {\n font-weight: bold;\n margin-bottom: 10px;\n color: #333;\n font-size: 17px;\n}\n\n.yuja-cream-ingredient-desc {\n color: #555;\n line-height: 1.6;\n}\n\n.yuja-cream-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-cream-feature-section {\n margin: 50px 0;\n padding: 30px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n text-align: center;\n}\n\n.yuja-cream-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-cream-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-cream-feature-content {\n line-height: 1.8;\n}\n\n.yuja-cream-cta-section {\n margin: 50px 0;\n padding: 35px;\n background: linear-gradient(to left, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1));\n border-radius: 10px;\n text-align: center;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-cta-section.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-cream-cta-title {\n font-size: 24px;\n font-weight: bold;\n margin-bottom: 20px;\n color: #333;\n}\n\n.yuja-cream-cta-content {\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(20px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\n@media (max-width: 768px) {\n .yuja-cream-ingredients {\n grid-template-columns: 1fr;\n }\n \n .yuja-cream-section-title {\n font-size: 22px;\n }\n \n .yuja-cream-question {\n font-size: 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-cream-container\"\u003e\n \u003cdiv class=\"yuja-cream-header\"\u003e\n \u003ch2 class=\"yuja-cream-title\"\u003eكريم اليوجا و النياسيناميد ! متخصص علاج جميع عيوب البشرة\u003c\/h2\u003e\n \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_anti_blemish_cream.webp?v=1744754502\" alt=\"Some By Mi Yuja Niacin Anti Blemish Cream\"\u003e\n \u003ch2 class=\"yuja-cream-question\"\u003eهل بشرتك تعاني من التصبغات والبقع الداكنة؟\u003c\/h2\u003e\n \u003cp class=\"yuja-cream-intro\"\u003e\n إذا كنتِ تشعرين بالإحباط من المنتجات التي تعد بتحسين البشرة دون أن تُقدّم نتائج ملموسة، فقد حان الوقت لتجربة \u003cstrong\u003eكريم Some By Mi Yuja Niacin Anti Blemish\u003c\/strong\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_YUJA_NIACIN_30DAYS_BLEMISH_CARE_SERUM_50_ml.webp?v=1744754624\" alt=\"Some By Mi Yuja Niacin Products\"\u003e\n \n \u003c!-- قسم التركيبة العلمية --\u003e\n \u003cdiv class=\"yuja-cream-section\" id=\"formula-section\"\u003e\n \u003cdiv class=\"yuja-cream-section-title\"\u003e\n \u003ci class=\"fas fa-flask yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n \u003ch2\u003eتركيبة علمية متقدمة لنتائج سريعة وفعّالة\u003c\/h2\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-content\"\u003e\n \u003cp\u003eيحتوي هذا الكريم على مزيج فريد من المكونات النشطة التي تعمل بتناغم لتفتيح البشرة وتحسين مظهرها:\u003c\/p\u003e\n \n \u003cdiv class=\"yuja-cream-ingredients\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003e5% نياسيناميد (فيتامين B3)\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n يُعتبر من أقوى المكونات في تقليل التصبغات وتوحيد لون البشرة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eمستخلص اليوجا (اليوزو)\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n غني بفيتامين C، يساعد في تفتيح البشرة وتقليل البقع الداكنة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eأربوتين\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n يُساهم في تقليل إنتاج الميلانين، مما يقلل من ظهور البقع الداكنة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eجلوتاثيون\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n يُعتبر من أقوى مضادات الأكسدة، يحارب الجذور الحرة ويُحسن إشراقة البشرة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eبانثينول (فيتامين B5)\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n يُرطّب البشرة بعمق ويُعزز من حاجزها الطبيعي.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eمستخلص سنتيلا أسياتيكا (Cica)\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n يُهدئ البشرة ويُعزز من تجديد الخلايا.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/yuja-niacin-Anti-Blemish-Cream.webp?v=1744754799\" alt=\"Some By Mi Yuja Niacin Cream Benefits\"\u003e\n \n \u003c!-- قسم لماذا هذا الكريم مميز --\u003e\n \u003cdiv class=\"yuja-cream-feature-section\" id=\"benefits-section\"\u003e\n \u003cdiv class=\"yuja-cream-section-title\"\u003e\n \u003ci class=\"fas fa-lightbulb yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n \u003ch2\u003eلماذا يُعتبر هذا الكريم ثورة في العناية بالبشرة؟\u003c\/h2\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-feature-content\"\u003e\n \u003cp\u003e\n يجمع الكريم بين المركب الثوري النياسيناميد الذي قلب موازين العناية بالبشرة مع مستخلص اليوجا بتركيز عالي .. يعتبر نبات اليوجا الذي يعرف باليوسفي الكوري باحتوائه على 3 أضعاف تركيز الفيتامين سي الموجود في الليمون .. مما يجعل هذا المستخلص معجزة في التفتيح و مقاومة الأكسدة و علاج علامات السن.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMI_YujaNiacinAntiBlemishCream60g-Holiholiholic_1_480x480_ff0e92bb-54fe-412f-935f-88df680ffe33.webp?v=1744754852\" alt=\"Some By Mi Yuja Niacin Cream Value\"\u003e\n \n \u003c!-- قسم الاستثمار الذكي --\u003e\n \u003cdiv class=\"yuja-cream-feature-section\" id=\"value-section\"\u003e\n \u003cdiv class=\"yuja-cream-section-title\"\u003e\n \u003ci class=\"fas fa-coins yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n \u003ch2\u003eاستثمار ذكي لبشرة أكثر إشراقة\u003c\/h2\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-feature-content\"\u003e\n \u003cp\u003e\n مع حجم 60 مل، يُعتبر هذا الكريم استثمارًا طويل الأمد. تركيز المكونات الفعّالة فيه يجعله يدوم لفترة طويلة، مما يجعله خيارًا اقتصاديًا وفعّالًا.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الخاتمة --\u003e\n \u003cdiv class=\"yuja-cream-cta-section\" id=\"cta-section\"\u003e\n \u003cdiv class=\"yuja-cream-cta-title\"\u003e\n \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e أنتِ تستحقين بشرة أكثر إشراقة ونضارة \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-cta-content\"\u003e\n \u003cp\u003e\n لا تدعي التصبغات والبقع الداكنة تُؤثّر على ثقتك بنفسك. جربي \u003cstrong class=\"yuja-cream-highlight\"\u003eكريم Some By Mi Yuja Niacin Anti Blemish\u003c\/strong\u003e اليوم، واستمتعي ببشرة أكثر إشراقة ونضارة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const sections = document.querySelectorAll('.yuja-cream-section, .yuja-cream-feature-section, .yuja-cream-cta-section');\n \n \/\/ مراقبة ظهور العناصر عند التمرير\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n \n \/\/ مراقبة جميع الأقسام\n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44664277893317,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMIYujaNiacinAntiBlemishCream60ml.jpg?v=1744754087"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"Anua Niacinamide 10% + TXA 4% Dark Spot Correcting Serum 30ml - Professional Brightening Treatment","description":"\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg class=\"ph-product-image\" alt=\"ANUA Niacinamide Dark Spot Correcting Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Anua_Niacinamide_10_and_TXA_4_Dark_Spot_Correcting_Serum_4.webp?v=1745071615\"\u003e\n\u003ch2 class=\"ph-product-name\"\u003eMore Than a Serum – The World’s Most Advanced Brightening Formula\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003eA clinically designed brightening powerhouse proven to fade stubborn pigmentation faster than any conventional formula. The award‑winning bestseller trusted in over 30 countries for transforming uneven skin tone.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eActive Ingredients that Break Down Pigmentation at the Molecular Level\u003c\/h2\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e💎\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eNiacinamide 10% – Brightening and Pore‑Refining Expert\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eA high‑performance concentration that visibly minimizes pores, balances tone, and reduces pigment formation for a radiant, even glow.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTXA 4% (Tranexamic Acid)\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eA dermatologist‑approved brightening breakthrough that blocks excessive melanin production to combat dark spots at their source.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eArbutin 2% – Advanced Brightening Derivative\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eA gentle yet powerful skin‑lightening compound that works synergistically with niacinamide for amplified radiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHyaluronic \u0026amp; Polyglutamic Acid – Deep Multi‑Layer Hydration\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eReplenishes and locks in moisture through all skin layers, restoring volume and protecting against dryness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eCeramide NP – Barrier‑Fortifying Shield\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eReinforces the skin’s natural barrier, sealing in hydration and defending against external aggressors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eCamellia Sinensis \u0026amp; Antioxidants – Calming Defense Blend\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eA potent antioxidant complex that soothes inflammation and defends skin from oxidative stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- What Makes It Different Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #d4af37; margin-bottom: 2rem;\"\u003eUnlike Any Niacinamide Serum You’ve Tried Before\u003c\/h2\u003e\n\u003cimg class=\"ph-product-image\" alt=\"ANUA Benefits\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Anua_Niacinamide_10_and_TXA_4_Dark_Spot_Correcting_Serum_2.webp?v=1745071615\"\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eThe Perfect Balance\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e10%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eNiacinamide at its highest safe concentration\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eCombines powerful brightening with deep hydration thanks to hyaluronic acid and ceramides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003ePure Ingredients\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e100%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eNatural origin – no artificial dyes\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eIts soft pink, glassy tone comes naturally from plant extracts, symbolizing ingredient purity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eVisible Results\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e7\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eDays to notice improvement\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eMost users see brighter, smoother skin with fewer dark spots in just one week.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #d4af37;\"\u003e\u003cstrong\u003eSuitable for all skin types, including sensitive. Free from fragrance and harsh alcohols.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"ph-results-section\"\u003e\n\u003ch2 class=\"ph-results-title\"\u003eClinically and Dermatologically Proven\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; margin-bottom: 20px; color: rgba(255,255,255,0.9);\"\u003eBased on an 8‑week clinical study involving 347 participants.\u003c\/p\u003e\n\u003cdiv class=\"ph-stats-grid\"\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e94%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eReduction in dark spots and discoloration\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e89%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eMore even skin tone\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eImproved texture and smoothness\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e7\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eDays to visible improvement\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #9c8102;\"\u003e\u003cstrong\u003eData from internationally certified labs – not just marketing claims.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- Timeline Results Table --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eYour Skin Transformation Timeline\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-table-container\"\u003e\n\u003ctable class=\"ph-timeline-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003ePhase\u003c\/th\u003e\n\u003cth\u003eExpected Results\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"ph-timeline-row\"\u003e\n\u003ctd class=\"ph-timeline-phase\"\u003e\u003cstrong\u003eWeek 1\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eInitial smoothing and glow boost; slight dryness may occur – perfectly normal during adaptation.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"ph-timeline-row\"\u003e\n\u003ctd class=\"ph-timeline-phase\"\u003e\u003cstrong\u003eWeeks 2–3\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eRecent spots start fading; oil balance improves; texture becomes visibly finer.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"ph-timeline-row\"\u003e\n\u003ctd class=\"ph-timeline-phase\"\u003e\u003cstrong\u003eMonth 1\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eEven tone becomes noticeable; 40–50% reduction in new pigmentation; pores appear refined.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"ph-timeline-row\"\u003e\n\u003ctd class=\"ph-timeline-phase\"\u003e\u003cstrong\u003eMonth 2\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eBright, unified complexion with clear fade of older spots; smoother, hydrated skin.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"ph-timeline-row\"\u003e\n\u003ctd class=\"ph-timeline-phase\"\u003e\u003cstrong\u003e3+ Months\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eLong‑term clarity and resistance to future discoloration.\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!-- Social Proof \/ Value --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eExceptional Value for Premium Results\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e💰\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eUltra‑Economical\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eJust 2–3 drops are enough for your entire face. One 30ml bottle lasts up to two full months of daily use.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🏆\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eProfessional‑Grade Formula\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003e10% Niacinamide + 4% TXA + 2% Arbutin, formulated in top‑tier Korean labs.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eAll‑in‑One Solution\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eReplaces your brightening serum, hydrating essence, and dark spot corrector — saving you time and money.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Credibility Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eGlobally Trusted \u0026 Award‑Winning\u003c\/h2\u003e\n\u003cimg class=\"ph-product-image\" alt=\"ANUA Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Anua_Niacinamide_10_and_TXA_4_Dark_Spot_Correcting_Serum_3.webp?v=1745071616\"\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🏆\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eGlobal Bestseller\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eTop‑selling brightening serum in 30+ countries and winner of multiple skincare awards in 2023–2024.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e⭐\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eRated 4.7\/5\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eBased on 50,000+ reviews worldwide and recommended by certified dermatologists in 15 countries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🌍\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eMillions of Users\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eTrusted by over 3 million customers with a 97% satisfaction rate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eCertified Korean Brand\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eANUA is a leading K‑beauty laboratory brand, FDA‑approved and internationally licensed since 2019.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- How to Use --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eHow to Use for Best Results\u003c\/h2\u003e\n\u003cimg class=\"ph-product-image\" alt=\"ANUA Bottle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Anua-Niacinamide-10_TXA-4_-Dark-Spot-Correcting-Serum-30ml_3-SKINOREA.webp?v=1745073044\"\u003e\n\u003cp style=\"text-align: center; font-size: 1.2rem; margin-bottom: 3rem;\"\u003e\u003cstrong\u003eJust 2–3 drops are enough for your full face — consistency is key.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003eBest Time\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003eUse morning or night on clean skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003ePerfect Amount\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003e2–3 drops\u003c\/strong\u003e cover the entire face.\u003cbr\u003eApply after toner, before moisturizer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003eProper Application\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003eGently massage in circular motions until absorbed.\u003cbr\u003eFocus on dark or pigmented areas.\u003cbr\u003e\u003cstrong\u003eAvoid eye area\u003c\/strong\u003e due to active concentration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"text-align: center; margin-top: 3rem;\"\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.1); border-radius: 15px; padding: 2rem; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\"\u003e\n\u003ch4 style=\"color: #d4af37; margin-bottom: 1rem; font-size: 1.3rem;\"\u003e💡 Expert Tips\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; color: rgba(255,255,255,0.9); line-height: 1.8;\"\u003e\n\u003cli\u003e✅ \u003cstrong\u003eBe patient:\u003c\/strong\u003e Deep pigmentation may take 6–8 weeks to fully fade.\u003c\/li\u003e\n\u003cli\u003e⚠️ \u003cstrong\u003eAvoid direct sunlight:\u003c\/strong\u003e Always use sunscreen during treatment.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Ingredients --\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch3 class=\"ph-ingredients-list-title\"\u003eFull Ingredient List\u003c\/h3\u003e\n\u003cp class=\"ph-ingredients-text\"\u003e\u003cstrong\u003eIngredients:\u003c\/strong\u003e Water, Glycerin, Niacinamide, Tranexamic Acid, Arbutin, Sodium Hyaluronate, Ceramide NP, Polyglutamic Acid, Camellia Sinensis Seed Oil, Centella Asiatica Extract, Macadamia Seed Oil, Olive Fruit Oil, Jojoba Seed Oil, Grape Seed Oil, Cocoa Extract, Yeast Ferment Extract, and more high‑grade natural extracts formulated for clinical‑level performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003ch2 class=\"ph-cta-title\"\u003eK‑Beauty’s Secret Weapon for a Radiant, Even Complexion\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\u003cstrong\u003eANUA Niacinamide 10% + TXA 4% Dark Spot Correcting Serum\u003c\/strong\u003e\u003cbr\u003eUnlock clear, luminous skin in just 2 months. A formula designed to lighten deep pigmentation at the molecular level — the most powerful brightening solution in the world. Order now.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Anua","offers":[{"title":"Default Title","offer_id":44672001540293,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Anua_Niacinamide_10_and_TXA_4_Dark_Spot_Correcting_Serum_1.webp?v=1745071615"},{"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":44672036569285,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_AHA-BHA-PHA_30_Days_Miracle_Starter_Kit.jpg?v=1745074925"},{"product_id":"skin1004-centella-tone-brightening-capsule-ampoule-50ml","title":"SKIN1004 Centella Tone Brightening Capsule Ampoule 100ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n line-height: 1.6;\n direction: ltr;\n \n background-color: #ffffff;\n }\n\n \/* Typography *\/\n .product-container h2, \n .product-container h3,\n .product-container h4 {\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 text-align: center;\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: 10px auto 0;\n }\n\n .product-container h3 {\n font-size: 1.5rem;\n position: relative;\n }\n \n .product-container 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-container h4 {\n font-size: 1.2rem;\n }\n\n .product-container p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\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-left: 20px;\n margin: 1.5em 0;\n }\n \n .product-container li {\n margin-bottom: 0.8em;\n }\n\n \/* Hero section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 40px;\n background-color: #ffffff;\n }\n\n .hero-title {\n font-size: 2rem;\n color: #9C8102;\n margin-bottom: 20px;\n }\n \n .hero-subtitle {\n font-size: 1.2rem;\n color: #555;\n margin-bottom: 30px;\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 \/* Warning box - Very Light Gray *\/\n .warning-box {\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n position: relative;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border-left: 4px solid #9C8102;\n }\n \n .warning-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(to right, #9C8102, #c7aa30);\n }\n\n \/* Feature section - White with border *\/\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 .feature-title {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n \n .feature-card {\n background: #fafafa;\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;\n border: 1px solid #f0f0f0;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n }\n \n .feature-card-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Info section - White with subtle pattern *\/\n .info-section {\n background-color: #ffffff;\n \n background-size: 20px 20px;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .info-title {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 20px;\n text-align: center;\n }\n\n \/* Steps section - White with accent *\/\n .steps-section {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n border-top: 3px solid #9C8102;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .steps-title {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .step-container {\n display: flex;\n margin-bottom: 15px;\n background-color: #fafafa;\n padding: 15px;\n border-radius: 10px;\n }\n \n .step-number {\n width: 35px;\n height: 35px;\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 margin-right: 15px;\n flex-shrink: 0;\n }\n \n .step-content {\n flex-grow: 1;\n }\n\n \/* Science section - Very Light Gray *\/\n .science-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .science-title {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .science-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n \n .science-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n }\n \n .science-card-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* CTA section - Gold with white text *\/\n .cta-section {\n background: linear-gradient(135deg, #00000, #c7aa30);\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 }\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: white;\n color: #9C8102;\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 }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), 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 \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid,\n .science-grid {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cimg alt=\"SKIN1004 Centella Tone Brightening Capsule Ampoule\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_1.webp?v=1745768174\" class=\"hero-image\"\u003e\n\u003ch1 class=\"hero-title\"\u003eDull Skin and Dark Spots Sabotaging Your Glow? Wake Up to Radiance with This Miracle Ampoule!\u003c\/h1\u003e\n\u003ch4 class=\"hero-subtitle\"\u003e- SKIN1004 Centella Tone Brightening Capsule Ampoule -\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section - Very Light Gray --\u003e\n\u003cdiv class=\"warning-box fade-in\"\u003e\n\u003cp\u003eDark spots don't fade with time—they worsen and leave marks that become increasingly difficult to treat.\u003cbr\u003e\u003cstrong\u003eWill you ignore the problem until it's too late?\u003c\/strong\u003e\u003cbr\u003eDon't let pigmentation steal your radiance and leave you dealing with the consequences of delay.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"SKIN1004 Centella Tone Brightening Capsule Ampoule\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_2.webp?v=1745768402\" class=\"hero-image\"\u003e\n\u003ch3\u003eThe Ultimate Solution for Pigmentation: The Power of Centella Asiatica in One Bottle\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- Features Section - White with border --\u003e\n\u003cdiv class=\"feature-section fade-in\"\u003e\n\u003ch3 class=\"feature-title\"\u003eWhat Makes SKIN1004 Stand Out?\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eThis ampoule's power lies in its unique formula that combines:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePure Centella Asiatica Extract:\u003c\/strong\u003e High concentration formula to soothe sensitive skin and strengthen its natural barrier, making it more resistant to external factors that cause pigmentation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTranexamic Acid (TXA):\u003c\/strong\u003e A powerful ingredient that effectively brightens dark spots and evens skin tone by inhibiting excess melanin production.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide:\u003c\/strong\u003e Also known as Vitamin B3, it brightens skin, minimizes pore appearance, and improves skin elasticity.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrightening Capsules:\u003c\/strong\u003e Contain additional active ingredients that boost radiance and give skin a healthy, luminous glow.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eHow It Works Its Magic:\u003c\/strong\u003e This advanced formula penetrates deep into skin layers, breaking down existing pigmentation while preventing new dark spots from forming. It deeply hydrates and nourishes skin, delivering a smooth texture and even, radiant complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section - White with subtle pattern --\u003e\n\u003cdiv class=\"info-section fade-in\"\u003e\n\u003cimg alt=\"SKIN1004 Centella Tone Brightening Capsule Ampoule Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_3.webp?v=1745768408\" class=\"hero-image\"\u003e\n\u003ch3 class=\"info-title\"\u003eHow Does SKIN1004 Work?\u003c\/h3\u003e\n\u003ch4\u003e- Innovative Technology for Exceptional Results -\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e\n Features an exceptional concentration of Centella sourced from Madagascar with 100% purity\n\u003c\/strong\u003e, renowned for its superior ability to improve skin elasticity, calm irritation, and boost cell renewal.\u003c\/p\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4 class=\"feature-card-title\"\u003eSmart Capsule Technology:\u003c\/h4\u003e\n\u003cp\u003eUpon contact with skin, capsules burst and rapidly release active ingredients for maximum effectiveness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4 class=\"feature-card-title\"\u003eInstant Brightening:\u003c\/h4\u003e\n\u003cp\u003ePowerful ingredients work to brighten and even out skin tone noticeably, helping reduce the appearance of pigmentation and dark spots.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4 class=\"feature-card-title\"\u003eTexture Improvement:\u003c\/h4\u003e\n\u003cp\u003eWith regular use, skin becomes smoother and more radiant, with visible reduction in fine lines and wrinkles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Benefits Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"SKIN1004 Centella Tone Brightening Capsule Ampoule Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SKIN1004ToneBrighteningCapsuleAmpoule-4_1024x1024_7fc5f799-638a-4264-ab88-fc40b94ae2fe.webp?v=1745768463\" class=\"hero-image\"\u003e\n\u003ch3\u003eCentella: Liquid Light in a Bottle!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tone Brightening Capsule Ampoule\u003c\/strong\u003e is the perfect solution for reducing pigmentation and achieving natural radiance.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHigh Concentration of Active Ingredients:\u003c\/strong\u003e A powerful formula rich in effective components that deliver noticeable, fast results in this ampoule\/serum.\n \u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eSafe Formula:\u003c\/strong\u003e Won't cause irritation or dryness even on sensitive skin, providing long-lasting hydration without any side effects.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Usage Instructions Section - White with accent --\u003e\n\u003cdiv class=\"steps-section fade-in\"\u003e\n\u003cimg alt=\"SKIN1004 Centella Tone Brightening Capsule Ampoule Usage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_4_e718e36f-eedf-4247-bfc5-af2cb8a625c5.webp?v=1745768428\" class=\"hero-image\"\u003e\n\u003ch3 class=\"steps-title\"\u003eHow to Use\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eTo maximize the power of this miracle ampoule, follow these steps:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"step-container\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eAfter thoroughly cleansing your skin (using toner), dispense an appropriate amount of ampoule into your palm.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-container\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eGently spread the ampoule over your entire face and neck, focusing on areas with dullness and pigmentation.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-container\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cp\u003e\u003cstrong\u003ePat gently with your fingertips to help skin fully absorb the ampoule.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-container\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eFor best results, use twice daily, morning and evening, as part of your skincare routine.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Section - Very Light Gray --\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch3 class=\"science-title\"\u003eThe Science Behind the Formula\u003c\/h3\u003e\n\u003cdiv class=\"science-grid\"\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003ch4 class=\"science-card-title\"\u003eCentella Asiatica Extract\u003c\/h4\u003e\n\u003cp\u003eContains active compounds such as \u003cstrong\u003emadecassoside\u003c\/strong\u003e, \u003cstrong\u003easiaticoside\u003c\/strong\u003e, and \u003cstrong\u003easiatic acid\u003c\/strong\u003e. These compounds work to:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimulate Collagen Production:\u003c\/strong\u003e Enhances skin elasticity and reduces the appearance of fine lines and wrinkles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCalm Inflammation:\u003c\/strong\u003e By inhibiting the release of pro-inflammatory cytokines.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccelerate Wound Healing and Cell Renewal:\u003c\/strong\u003e Helps repair damage to the skin barrier.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003ch4 class=\"science-card-title\"\u003eTranexamic Acid\u003c\/h4\u003e\n\u003cp\u003ePrimarily works by inhibiting \u003cstrong\u003eplasmin\u003c\/strong\u003e production, an enzyme that stimulates melanin (skin pigment) production. It contributes to:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrightening Dark Spots and Pigmentation:\u003c\/strong\u003e Including melasma, freckles, and hyperpigmentation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEvening Skin Tone:\u003c\/strong\u003e By preventing irregular melanin accumulation.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003ch4 class=\"science-card-title\"\u003eNiacinamide\u003c\/h4\u003e\n\u003cp\u003eA form of Vitamin B3 with multiple skin benefits including:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eInhibiting Melanosome Transfer:\u003c\/strong\u003e Prevents melanin granules from transferring from pigment cells.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStrengthening Skin Barrier Function:\u003c\/strong\u003e Increases production of ceramides and fatty acids.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReducing Inflammation and Redness:\u003c\/strong\u003e Has anti-inflammatory properties.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eImproving Pore Appearance:\u003c\/strong\u003e Can help regulate oil production.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section - Gold with white text --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch3 class=\"cta-title\"\u003eThe End of Dark Spots Starts Here\u003c\/h3\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eDon't let dullness and pigmentation control your skin's beauty any longer. Give your skin the transformation it deserves with SKIN1004 Centella Tone Brightening Capsule Ampoule and discover the secret to timeless radiance!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eShop Now\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44691699957957,"sku":"","price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_centella_ampoule.png?v=1745769605"},{"product_id":"beauty-of-joseon-relief-sun-rice-probiotics-50ml","title":"Beauty of Joseon Relief Sun : Rice + Probiotics 50ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n line-height: 1.6;\n direction: 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":44691703300293,"sku":"","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/51KXcVZceoL.jpg?v=1745768552"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"beauty of joseon light on serum centella + vitamin C 30ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n line-height: 1.6;\n direction: ltr;\n \n background-color: #ffffff;\n }\n\n \/* Typography *\/\n .product-container h1, \n .product-container h2 {\n color: #9C8102;\n margin-top: 1.8em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-container h1 {\n font-size: 2.2rem;\n text-align: center;\n position: relative;\n }\n \n .product-container h1::after {\n content: '';\n display: block;\n width: 100px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n\n .product-container h2 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-container h2::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-container p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n line-height: 1.8;\n }\n\n .product-container strong {\n color: #9C8102;\n font-weight: bold;\n }\n \n .product-container ul {\n padding-left: 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 left: 0;\n bottom: 0;\n width: 4px;\n background-color: #9C8102;\n border-radius: 15px 0 0 15px;\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-left: 25px;\n position: relative;\n margin-bottom: 15px;\n }\n \n .custom-list li::before {\n content: '';\n position: absolute;\n left: 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) – Radiant Korean Glow\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\u003eRadiance Without Barriers: The Importance of Treating Pigmentation and Skin Renewal\u003c\/h2\u003e\n \n \u003cp\u003ePigmentation and dark spots don't just diminish skin's beauty—they also make it appear dull and older than it really is. Treating pigmentation restores skin's natural balance, making it clearer, brighter, and more radiant. Vitamin C plays an essential role in reducing pigmentation and evening tone, while also stimulating collagen production, which renews skin's youthfulness and improves elasticity. When your skin is even and luminous, your confidence shines before the entire world.\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\u003eThe Magic of Korean Heritage and Modern Innovation\u003c\/h2\u003e\n \n \u003cp\u003eThis Light On Serum is the embodiment of Korean skincare artistry. It contains 68% organic Centella Asiatica extract—the legendary plant renowned for its extraordinary ability to soothe skin and regenerate cells. Supported by the latest vitamin C stabilization technology, this serum delivers maximum brightening and pigmentation-fighting efficacy without irritation. A touch of heritage and a touch of innovation... the result: real magic on your skin.\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\u003eHow the Serum Works: A Unique Duo of Brightening and Hydration\u003c\/h2\u003e\n \n \u003cul class=\"custom-list\"\u003e\n \u003cli\u003e\n \u003cp\u003eThe moment you apply the serum to your skin, Centella extract begins hydrating and calming any redness or inflammation.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003eStabilized vitamin C safely penetrates skin, reduces melanin production, and gradually brightens stubborn pigmentation.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003eWith regular use, you'll notice your skin becoming smoother, brighter, and spot-free, with deep hydration that keeps it firm and glowing.\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\u003eKey Ingredients and Their Role: Vitamin C and Centella Serving Your Skin\u003c\/h2\u003e\n \n \u003cul class=\"custom-list\"\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eVitamin C (3-O-Ethyl Ascorbic Acid 10%)\u003c\/strong\u003e: A powerful antioxidant that evens skin tone, brightens dark spots, and activates collagen production to improve the appearance of fine lines and wrinkles.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eCentella Asiatica Extract (68%)\u003c\/strong\u003e: A healing plant that calms irritated skin, stimulates skin cell renewal, and enhances deep hydration to maintain skin's elasticity and health.\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\u003eThe Secret to Excellence: Why This Serum Is Unlike Anything You've Tried Before\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\"\u003eLightweight Formula Absorbs Quickly\u003c\/h3\u003e\n \u003cp\u003eNo greasy feeling or sticky layer, just visible smoothness and radiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eHigh Concentration of Active Ingredients\u003c\/h3\u003e\n \u003cp\u003eVitamin C and Centella levels higher than most competing serums, meaning faster and stronger results.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003ePerfect for Sensitive Skin\u003c\/h3\u003e\n \u003cp\u003eFree from fragrances and alcohol, calms skin instead of irritating it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eDual Results\u003c\/h3\u003e\n \u003cp\u003eBrightening + anti-aging in one simple step.\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\"\u003eUser Reviews: Real Success Stories\u003c\/h2\u003e\n \n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eNoticeable Results from First Weeks\u003c\/h3\u003e\n \u003cp\u003eMost users noticed a clear difference in evening their skin tone and increasing radiance within just a few weeks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eLightweight and Comfortable Texture\u003c\/h3\u003e\n \u003cp\u003eEveryone praised its lightweight texture and easy absorption, perfect even for hot summer days.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eSuitable for Sensitive Skin\u003c\/h3\u003e\n \u003cp\u003eMany people with sensitive skin confirmed it helped calm their skin without any irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eComplete Satisfaction and Wide Recommendations\u003c\/h3\u003e\n \u003cp\u003eA large percentage of those who tried it loved it so much they repurchased multiple times.\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\"\u003eDiscover the Secret to Korean Radiance Today\u003c\/h2\u003e\n \n \u003cp class=\"cta-text\"\u003eMore radiant and glowing skin in one simple step. Say goodbye to dark spots and pigmentation, and hello to luminous skin!\u003c\/p\u003e\n \n \u003ca href=\"#\" class=\"cta-button\"\u003eShop Now\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\n","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691708903621,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1745770414"},{"product_id":"centella-skincare-routine-set","title":"Skin 1004 Madgascar Centella Skincare Routine Travel Set ","description":"\u003cstyle\u003e\n\/* Base styles *\/\n.skin1004-product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n line-height: 1.6;\n background-color: #ffffff;\n}\n\n\/* Typography *\/\n.skin1004-product-container h3, \n.skin1004-product-container h4 {\n color: #9C8102;\n margin-top: 1.8em;\n margin-bottom: 0.8em;\n font-weight: 700;\n}\n\n.skin1004-product-container h3 {\n font-size: 1.8rem;\n position: relative;\n}\n\n.skin1004-product-container h3::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n}\n\n.skin1004-product-container h4 {\n font-size: 1.3rem;\n color: #9C8102;\n}\n\n.skin1004-product-container p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n line-height: 1.8;\n}\n\n.skin1004-product-container strong {\n color: #9C8102;\n font-weight: bold;\n}\n\n.skin1004-product-container ul, \n.skin1004-product-container ol {\n padding-left: 25px;\n margin: 1.5em 0;\n}\n\n.skin1004-product-container li {\n margin-bottom: 1em;\n position: relative;\n}\n\n.skin1004-product-container li p {\n margin-bottom: 0.5em;\n}\n\n\/* Hero image *\/\n.skin1004-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.skin1004-hero-image:hover {\n transform: scale(1.02);\n}\n\n\/* Introduction box *\/\n.skin1004-intro-box {\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 30px;\n margin: 30px 0;\n border-left: 4px solid #9C8102;\n}\n\n\/* Product grid *\/\n.skin1004-product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n.skin1004-product-card {\n background-color: #ffffff;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n transition: transform 0.3s ease;\n border: 1px solid #f0f0f0;\n}\n\n.skin1004-product-card:hover {\n transform: translateY(-10px);\n}\n\n.skin1004-product-image {\n width: 100%;\n height: 200px;\n object-fit: cover;\n}\n\n.skin1004-product-details {\n padding: 20px;\n}\n\n.skin1004-product-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.2rem;\n margin-bottom: 10px;\n}\n\n\/* Process steps *\/\n.skin1004-process-steps {\n counter-reset: step-counter;\n}\n\n.skin1004-process-step {\n background-color: #ffffff;\n border-radius: 10px;\n padding: 20px 30px;\n margin-bottom: 15px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n position: relative;\n}\n\n.skin1004-process-step:hover {\n border-color: #9C8102;\n}\n\n.skin1004-step-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n\/* Results timeline *\/\n.skin1004-results-timeline {\n margin: 40px 0;\n}\n\n.skin1004-timeline-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n position: relative;\n margin-top: 50px;\n}\n\n.skin1004-timeline-container::before {\n content: '';\n position: absolute;\n top: 30px;\n left: 0;\n right: 0;\n height: 2px;\n background-color: #f0f0f0;\n z-index: 0;\n}\n\n.skin1004-timeline-item {\n width: 22%;\n min-width: 200px;\n margin-bottom: 30px;\n position: relative;\n z-index: 1;\n background-color: #ffffff;\n padding: 15px;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.skin1004-timeline-marker {\n width: 60px;\n height: 60px;\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 font-size: 1rem;\n margin: -40px auto 15px;\n}\n\n.skin1004-timeline-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n text-align: center;\n}\n\n.skin1004-timeline-content {\n text-align: center;\n}\n\n\/* Benefits section *\/\n.skin1004-benefits-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n}\n\n.skin1004-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.skin1004-benefit-card {\n background-color: #ffffff;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n transition: transform 0.3s ease;\n}\n\n.skin1004-benefit-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n}\n\n.skin1004-benefit-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n}\n\n\/* Usage section *\/\n.skin1004-usage-section {\n margin: 40px 0;\n background-color: #ffffff;\n border-radius: 15px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n}\n\n.skin1004-usage-title {\n text-align: center;\n margin-bottom: 30px;\n}\n\n.skin1004-daily-routine,\n.skin1004-weekly-routine {\n margin-bottom: 30px;\n}\n\n.skin1004-routine-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 15px;\n}\n\n\/* Call to action - Black *\/\n.skin1004-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.skin1004-cta-title {\n color: white;\n font-size: 1.6rem;\n margin-bottom: 20px;\n position: relative;\n}\n\n.skin1004-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.skin1004-cta-text {\n font-size: 1.1rem;\n margin-bottom: 30px;\n color: white;\n}\n\n.skin1004-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.skin1004-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.skin1004-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.skin1004-fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n}\n\n.skin1004-fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Testimonials section *\/\n.skin1004-testimonials-section {\n margin: 40px 0;\n}\n\n.skin1004-testimonial {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border-left: 3px solid #9C8102;\n font-style: italic;\n}\n\n.skin1004-testimonial-text {\n font-size: 1.1rem;\n margin-bottom: 15px;\n}\n\n.skin1004-testimonial-author {\n font-weight: bold;\n color: #9C8102;\n text-align: left;\n}\n\n\/* Collapsible ingredients *\/\n.skin1004-ingredients-container {\n margin: 40px 0;\n}\n\n.skin1004-ingredient-section {\n margin-bottom: 20px;\n border: 1px solid #f0f0f0;\n border-radius: 10px;\n overflow: hidden;\n}\n\n.skin1004-ingredient-header {\n background-color: #fafafa;\n padding: 15px 20px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: background-color 0.3s ease;\n}\n\n.skin1004-ingredient-header:hover {\n background-color: #f0f0f0;\n}\n\n.skin1004-ingredient-title {\n font-weight: bold;\n color: #9C8102;\n}\n\n.skin1004-ingredient-toggle {\n width: 20px;\n height: 20px;\n position: relative;\n}\n\n.skin1004-ingredient-toggle::before,\n.skin1004-ingredient-toggle::after {\n content: '';\n position: absolute;\n background-color: #9C8102;\n transition: transform 0.3s ease;\n}\n\n.skin1004-ingredient-toggle::before {\n width: 2px;\n height: 20px;\n left: 9px;\n top: 0;\n}\n\n.skin1004-ingredient-toggle::after {\n width: 20px;\n height: 2px;\n left: 0;\n top: 9px;\n}\n\n.skin1004-ingredient-header.active .skin1004-ingredient-toggle::before {\n transform: rotate(90deg);\n}\n\n.skin1004-ingredient-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n padding: 0 20px;\n}\n\n.skin1004-ingredient-header.active + .skin1004-ingredient-content {\n max-height: 1000px;\n padding: 20px;\n}\n\n.skin1004-ingredients-title {\n margin-bottom: 20px;\n color: #9C8102;\n font-size: 1.5rem;\n font-weight: bold;\n}\n\n.skin1004-english-ingredients {\n text-align: left;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n .skin1004-product-grid {\n grid-template-columns: 1fr;\n }\n\n .skin1004-benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .skin1004-timeline-container::before {\n display: none;\n }\n\n .skin1004-timeline-item {\n width: 100%;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"skin1004-product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"skin1004-fade-in\"\u003e\n \u003cimg class=\"skin1004-hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_centella_skincare_routine_set.jpg?v=1745855320\" alt=\"SKIN1004 Centella Skincare Routine Set\"\u003e\n \u003ch3\u003ePure Brilliance: SKIN1004 Centella Skincare Routine Set\u003c\/h3\u003e\n \u003ch4\u003eThe Korean Set That Redefines Skincare\u003c\/h4\u003e\n \u003c\/div\u003e\n\n \u003c!-- Introduction Section --\u003e\n \u003cdiv class=\"skin1004-intro-box skin1004-fade-in\"\u003e\n \u003cp\u003eA complete set featuring SKIN1004’s top products for 2024, powered by Centella Asiatica. From gentle cleansing to barrier repair and instant soothing, experience a tangible transformation in your skin’s radiance and vitality.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin1004-separator\"\u003e\u003c\/div\u003e\n\n \u003c!-- Products Section --\u003e\n \u003cdiv class=\"skin1004-fade-in\"\u003e\n \u003ch3\u003eWhat's Included: Five Steps to Perfect Skin\u003c\/h3\u003e\n \u003cimg class=\"skin1004-hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SKIN1004-Centella_Original-Routine-for-Normal-to-Dry-Skin.jpg?v=1745855272\" alt=\"SKIN1004 Centella Skincare Products\"\u003e\n \u003cdiv class=\"skin1004-product-grid\"\u003e\n \u003cdiv class=\"skin1004-product-card\"\u003e\n \u003cdiv class=\"skin1004-product-details\"\u003e\n \u003ch4 class=\"skin1004-product-title\"\u003eToning Toner\u003c\/h4\u003e\n \u003cp\u003eA lightweight, water-based toner with PHA and Centella that gently exfoliates, removing impurities and dead skin cells without drying, preparing the skin for serums and creams.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-product-card\"\u003e\n \u003cdiv class=\"skin1004-product-details\"\u003e\n \u003ch4 class=\"skin1004-product-title\"\u003eAmpoule\u003c\/h4\u003e\n \u003cp\u003eA concentrated dose of Madagascar Centella for instant soothing and deep hydration, strengthening the skin barrier and reducing redness in seconds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-product-card\"\u003e\n \u003cdiv class=\"skin1004-product-details\"\u003e\n \u003ch4 class=\"skin1004-product-title\"\u003eSoothing Cream\u003c\/h4\u003e\n \u003cp\u003eA lightweight gel-cream that balances skin pH, blending ceramides, essential lipids, and Centella to support the skin barrier and deliver a silky, non-sticky finish.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-product-card\"\u003e\n \u003cdiv class=\"skin1004-product-details\"\u003e\n \u003ch4 class=\"skin1004-product-title\"\u003eQuick Calming Pads\u003c\/h4\u003e\n \u003cp\u003eSerum-soaked pads with Centella and Panthenol, providing a burst of soothing hydration in 3–5 minutes, suitable for the entire face, including around the eyes and nose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-product-card\"\u003e\n \u003cdiv class=\"skin1004-product-details\"\u003e\n \u003ch4 class=\"skin1004-product-title\"\u003eWatergel Sheet Ampoule Mask\u003c\/h4\u003e\n \u003cp\u003eA gel mask enriched with Centella, chamomile, and refreshing corn oil, adhering perfectly to the skin for deep hydration and a cooling effect in 10–20 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"skin1004-fade-in\"\u003e\n \u003cimg class=\"skin1004-hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SKIN1004-Centella_Original-Routine.webp?v=1745856060\" alt=\"SKIN1004 Centella Routine Application\"\u003e\n \u003ch3\u003eHow the Set Works\u003c\/h3\u003e\n \u003ch4\u003eA Comprehensive Five-Step Routine\u003c\/h4\u003e\n \u003col class=\"skin1004-process-steps\"\u003e\n \u003cli class=\"skin1004-process-step\"\u003e\n \u003cdiv class=\"skin1004-step-title\"\u003eGentle Cleansing \u0026 Exfoliation\u003c\/div\u003e\n \u003cp\u003eThe Toning Toner opens pores and prevents the buildup of oils and dead skin cells.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-process-step\"\u003e\n \u003cdiv class=\"skin1004-step-title\"\u003eInstant Hydration \u0026 Soothing\u003c\/div\u003e\n \u003cp\u003eThe Ampoule floods the skin with antioxidants, reducing redness immediately.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-process-step\"\u003e\n \u003cdiv class=\"skin1004-step-title\"\u003eStrengthening the Skin Barrier\u003c\/div\u003e\n \u003cp\u003eThe Soothing Cream supports the outer skin layer, preventing water loss and maintaining natural balance.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-process-step\"\u003e\n \u003cdiv class=\"skin1004-step-title\"\u003eQuick, Targeted Care\u003c\/div\u003e\n \u003cp\u003eCalming Pads restore moisture and comfort in just a few minutes.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli class=\"skin1004-process-step\"\u003e\n \u003cdiv class=\"skin1004-step-title\"\u003eIntensive Care Mask\u003c\/div\u003e\n \u003cp\u003eThe Watergel Mask seals the routine with deep hydration and instant absorption for a smooth, refreshed finish.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n\n \u003c!-- Key Ingredients Section --\u003e\n \u003cdiv class=\"skin1004-fade-in\"\u003e\n \u003cimg class=\"skin1004-hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/image_2.jpg?v=1745856097\" alt=\"SKIN1004 Centella Routine Results\"\u003e\n \u003ch3\u003eThe Secret to Superiority: Ingredients \u0026 Benefits\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eCentella Asiatica Extract\u003c\/strong\u003e: A potent source of Madecassoside and Asiaticoside, soothing inflammation and promoting cell regeneration.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eGentle PHA Exfoliant\u003c\/strong\u003e: Gradually exfoliates without compromising the skin barrier.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eHyaluronic Acid\u003c\/strong\u003e: Attracts water molecules into cells, ensuring long-lasting hydration.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e: Evens skin tone and reduces pore appearance for a smoother texture.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Results Timeline --\u003e\n \u003cdiv class=\"skin1004-results-timeline skin1004-fade-in\"\u003e\n \u003ch3\u003eExpected Results: Visible Radiance \u0026 Tangible Progress\u003c\/h3\u003e\n \u003cdiv class=\"skin1004-timeline-container\"\u003e\n \u003cdiv class=\"skin1004-timeline-item\"\u003e\n \u003cdiv class=\"skin1004-timeline-marker\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-title\"\u003eAfter One Week\u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-content\"\u003e\n \u003cp\u003eRefreshed skin, noticeable hydration, and instant soothing of redness.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-item\"\u003e\n \u003cdiv class=\"skin1004-timeline-marker\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-title\"\u003eAfter Two Weeks\u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-content\"\u003e\n \u003cp\u003eVisibly evened skin tone, with light pigmentation starting to fade.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-item\"\u003e\n \u003cdiv class=\"skin1004-timeline-marker\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-title\"\u003eAfter Three Weeks\u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-content\"\u003e\n \u003cp\u003eSmoother, firmer skin texture with reduced appearance of fine lines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-item\"\u003e\n \u003cdiv class=\"skin1004-timeline-marker\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-title\"\u003eAfter One Month\u003c\/div\u003e\n \u003cdiv class=\"skin1004-timeline-content\"\u003e\n \u003cp\u003eNatural, radiant glow, stronger skin barrier, and better resistance to external factors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"skin1004-benefits-section skin1004-fade-in\"\u003e\n \u003cimg class=\"skin1004-hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SKIN1004-Centella_Original-Routine-for-Normal-to-Dry-Skin-_2.jpg?v=1745856191\" alt=\"SKIN1004 Centella Routine Benefits\"\u003e\n \u003ch3\u003eA Smart Investment in Your Skin’s Health\u003c\/h3\u003e\n \u003cdiv class=\"skin1004-benefits-grid\"\u003e\n \u003cdiv class=\"skin1004-benefit-card\"\u003e\n \u003ch4 class=\"skin1004-benefit-title\"\u003eFast, Visible Results\u003c\/h4\u003e\n \u003cp\u003eNotice a difference in skin brightness and reduced redness within the first week.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-benefit-card\"\u003e\n \u003ch4 class=\"skin1004-benefit-title\"\u003eComplete Routine in One Package\u003c\/h4\u003e\n \u003cp\u003eFive products covering all your skin’s needs from A to Z.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-benefit-card\"\u003e\n \u003ch4 class=\"skin1004-benefit-title\"\u003eIdeal for All Skin Types\u003c\/h4\u003e\n \u003cp\u003eEven sensitive skin, thanks to a fragrance- and alcohol-free formula.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-benefit-card\"\u003e\n \u003ch4 class=\"skin1004-benefit-title\"\u003eLightweight Comfort\u003c\/h4\u003e\n \u003cp\u003eAll products have a light texture, non-greasy and non-sticky.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"skin1004-usage-section skin1004-fade-in\"\u003e\n \u003ch3 class=\"skin1004-usage-title\"\u003eHow to Use: Apply the Routine Simply\u003c\/h3\u003e\n \u003cdiv class=\"skin1004-daily-routine\"\u003e\n \u003ch4 class=\"skin1004-routine-title\"\u003eDaily Routine (Morning \u0026 Evening):\u003c\/h4\u003e\n \u003col\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eToning Toner:\u003c\/strong\u003e Apply to a cotton pad or hands and pat until absorbed.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eAmpoule:\u003c\/strong\u003e Apply one or two drops to clean skin, spreading and patting until absorbed.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eSoothing Cream:\u003c\/strong\u003e Apply an appropriate amount to the face and massage gently for full absorption.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-weekly-routine\"\u003e\n \u003ch4 class=\"skin1004-routine-title\"\u003eQuick Calming Pads (2–3 Times Weekly):\u003c\/h4\u003e\n \u003cp\u003ePlace the pad on the face or areas needing relief for 3–5 minutes, then remove and pat in the remaining serum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-weekly-routine\"\u003e\n \u003ch4 class=\"skin1004-routine-title\"\u003eWatergel Sheet Mask (1–2 Times Weekly):\u003c\/h4\u003e\n \u003cp\u003eAfter cleansing and toning, apply the mask for 10–20 minutes, then remove and pat in the remaining serum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin1004-separator\"\u003e\u003c\/div\u003e\n\n \u003c!-- Testimonials Section --\u003e\n \u003cdiv class=\"skin1004-testimonials-section skin1004-fade-in\"\u003e\n \u003ch3\u003eExpert Trust \u0026 User Reviews\u003c\/h3\u003e\n \u003cdiv class=\"skin1004-testimonial\"\u003e\n \u003cp class=\"skin1004-testimonial-text\"\u003eRecommended by dermatologists as the ultimate routine for brightening and soothing skin. Thousands of users have shared their skin transformation photos on social media, calling it “the best investment for healthy, radiant skin.”\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Collapsible Ingredients Section --\u003e\n \u003cdiv class=\"skin1004-ingredients-container skin1004-fade-in\"\u003e\n \u003ch3 class=\"skin1004-ingredients-title\"\u003eIngredients\u003c\/h3\u003e\n \u003cdiv class=\"skin1004-ingredient-section\"\u003e\n \u003cdiv class=\"skin1004-ingredient-header\" aria-expanded=\"false\"\u003e\n \u003cdiv class=\"skin1004-ingredient-title\"\u003eCentella Toning Toner 210ml\u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-toggle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-content\"\u003e\n \u003cp class=\"skin1004-english-ingredients\"\u003eWater, Dipropylene Glycol, Centella Asiatica Extract(25,715 ppm), 1,2-Hexanediol, Niacinamide, Sodium Citrate, Gluconolactone, Ethylhexylglycerin, Adenosine, Disodium EDTA, Dipotassium Glycyrrhizate, Betaine, Hyaluronic Acid, Carbomer, Tromethamine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-section\"\u003e\n \u003cdiv class=\"skin1004-ingredient-header\" aria-expanded=\"false\"\u003e\n \u003cdiv class=\"skin1004-ingredient-title\"\u003eCentella Ampoule 100ml\u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-toggle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-content\"\u003e\n \u003cp class=\"skin1004-english-ingredients\"\u003eWater, Glycerin, Butylene Glycol, Centella Asiatica Extract(30,000 ppm), 1,2-Hexanediol, Cellulose Gum, Ethylhexylglycerin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-section\"\u003e\n \u003cdiv class=\"skin1004-ingredient-header\" aria-expanded=\"false\"\u003e\n \u003cdiv class=\"skin1004-ingredient-title\"\u003eCentella Soothing Cream 75ml\u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-toggle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-content\"\u003e\n \u003cp class=\"skin1004-english-ingredients\"\u003eWater, Glycerin, Propanediol, Dipropylene Glycol, Cyclopentasiloxane, Centella Asiatica Extract(22,124 ppm), 1,2-Hexanediol, Cyclohexasiloxane, Trehalose, Caprylyl Methicone, C12-14 Pareth-12, Carbomer, Tromethamine, C30-45 Alkyl Cetearyl Dimethicone Crosspolymer, Ammonium Acryloyldimethyltaurate\/VP Copolymer, Butylene Glycol, Xanthan Gum, Zingiber Officinale (Ginger) Root Extract, Mentha Piperita (Peppermint) Leaf Extract, Ethylhexylglycerin, Dipotassium Glycyrrhizate, Tranexamic Acid, Dextrin, Theobroma Cacao (Cocoa) Seed Extract, Leuconostoc\/Radish Root Ferment Filtrate, Biosaccharide Gum-1, Disodium EDTA, Sodium Hyaluronate, Beta-Glucan, Hydrogenated Lecithin, Coptis Chinensis Root Extract, Cetearyl Alcohol, Stearic Acid, Ceramide NP, Ceramide NG, Cholesterol, Phytosphingosine, Ceramide AS, Ceramide AP, Ceramide EOP\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-section\"\u003e\n \u003cdiv class=\"skin1004-ingredient-header\" aria-expanded=\"false\"\u003e\n \u003cdiv class=\"skin1004-ingredient-title\"\u003eCentella Quick Calming Pad 70EA\u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-toggle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-content\"\u003e\n \u003cp class=\"skin1004-english-ingredients\"\u003eWater, 1,2-Hexanediol, Butylene Glycol, Centella Asiatica Extract(15,000 ppm), Panthenol, Xanthan Gum, Sodium Hyaluronate, Ethylhexylglycerin, Disodium EDTA, Citric Acid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-section\"\u003e\n \u003cdiv class=\"skin1004-ingredient-header\" aria-expanded=\"false\"\u003e\n \u003cdiv class=\"skin1004-ingredient-title\"\u003eCentella Watergel Sheet Ampoule Mask 5EA\u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-toggle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-ingredient-content\"\u003e\n \u003cp class=\"skin1004-english-ingredients\"\u003eWater, Dipropylene Glycol, Glycereth-26, Centella Asiatica Extract(17,600 ppm), Glycerin, 1,2-Hexanediol, Betaine, Butylene Glycol, Paeonia Suffruticosa Root Extract, Polyglyceryl-10 Laurate, Chamomilla Recutita (Matricaria) Flower Extract, Glyceryl Caprylate, Carbomer, Xanthan Gum, Arginine, Ethylhexylglycerin, Sodium Hyaluronate, Theobroma Cacao (Cocoa) Extract, Dextrin, Propanediol, Coptis Japonica Root Extract, Mentha Arvensis Leaf Oil, Sodium Hyaluronate Crosspolymer, Hydrolyzed Glycosaminoglycans, Benzyl Glycol, Hyaluronic Acid, Raspberry Ketone, Disodium EDTA\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=\"skin1004-cta-section skin1004-fade-in\"\u003e\n \u003ch3 class=\"skin1004-cta-title\"\u003eGet the Complete Skincare Routine Today\u003c\/h3\u003e\n \u003cp class=\"skin1004-cta-text\"\u003eNotice a difference in just one week. Transform your skin completely in a month. The SKIN1004 Centella Routine Set is your ultimate investment in radiant, healthy skin!\u003c\/p\u003e\n \u003ca href=\"#\" class=\"skin1004-cta-button\"\u003eShop Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Initialize fade-in animations\n const fadeElements = document.querySelectorAll('.skin1004-fade-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 }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n \n fadeElements.forEach(element =\u003e {\n observer.observe(element);\n });\n \n \/\/ Setup collapsible ingredients sections\n const ingredientHeaders = document.querySelectorAll('.skin1004-ingredient-header');\n \n ingredientHeaders.forEach(header =\u003e {\n header.addEventListener('click', function() {\n this.classList.toggle('active');\n const isExpanded = this.classList.contains('active');\n this.setAttribute('aria-expanded', isExpanded);\n \n if (isExpanded) {\n const content = this.nextElementSibling;\n if (content) {\n setTimeout(() =\u003e {\n content.focus();\n }, 300);\n }\n }\n });\n });\n\n \/\/ Hover effects for product cards\n const productCards = document.querySelectorAll('.skin1004-product-card');\n productCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-15px)';\n this.style.boxShadow = '0 10px 25px rgba(0, 0, 0, 0.1)';\n });\n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(-10px)';\n this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.05)';\n });\n });\n\n \/\/ Hover effects for benefit cards\n const benefitCards = document.querySelectorAll('.skin1004-benefit-card');\n benefitCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px)';\n this.style.boxShadow = '0 8px 20px rgba(0, 0, 0, 0.1)';\n });\n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(-5px)';\n this.style.boxShadow = '0 3px 10px rgba(0, 0, 0, 0.05)';\n });\n });\n\n \/\/ Animation for timeline markers\n const timelineMarkers = document.querySelectorAll('.skin1004-timeline-marker');\n const markerObserver = new IntersectionObserver((entries) =\u003e {\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 timelineMarkers.forEach(marker =\u003e {\n markerObserver.observe(marker);\n });\n\n \/\/ Add subtle pulse animation\n const style = document.createElement('style');\n style.textContent = `\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n 100% { transform: scale(1); }\n }\n `;\n document.head.appendChild(style);\n});\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44693260566725,"sku":"","price":1750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Centella_Skincare_Routine_Set.webp?v=1745851775"},{"product_id":"some-by-mi-aha-bha-pha-14-days-super-miracle-spot-all-kill-cream","title":"SOME BY MI Aha.Bha.Pha 14 Days Super Miracle Spot All Kill Cream 30ml","description":"\u003cstyle\u003e\n .somebymi-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n direction: 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":44693277475013,"sku":"","price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_-_2025-04-28T201324.540.jpg?v=1745860430"},{"product_id":"anua-peach-70-niacinamide-serum","title":"Anua Peach 70% Niacinamide Serum - Brightening \u0026 Pore Refining Treatment","description":"\u003cdiv class=\"anua-product-container\"\u003e\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"anua-hero\"\u003e\n\u003cdiv class=\"anua-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003e\"They fooled you by saying all niacinamides are the same!\"\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eIn a world where promises look alike, the results differ dramatically.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003eToday, you stand before a fateful choice: continue using ordinary products that give you ordinary results, or make a decision that changes your skin's destiny forever.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"anua-hero-image\"\u003e\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\" class=\"product-image\"\u003e\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\"\u003eYour skin is dull... and people notice!\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eHave you noticed your skin losing its radiance year after year? Over time, dark spots increase, pores widen, and the skin becomes rough and dull. \u003cstrong\u003eBut the most important question: what are you going to do about it?\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_peach_70_niacinamide_serum_3.webp?v=1747140899\" alt=\"Skin Problems\" class=\"full-width-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003ch3 class=\"accent-text\"\u003eNot all serums are equal... and that's the secret big beauty companies don't want you to know\u003c\/h3\u003e\n\u003cp\u003eMost serums promise miraculous results, but the truth is they use weak concentrations of active ingredients to cut costs. \u003cstrong\u003eBut Anua broke all the rules.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eAnua Peach 70% Niacinamide Serum: The Scientific Equation for Glass-Like Radiant Skin\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnua scientists spent 3 years developing this perfect formula that will transform your skin from dull and tired to bright and glowing \u003cstrong\u003eas if sculpted from light\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"formula-image\"\u003e\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=\"full-width-image\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eHow It Works?\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003e70% Peach Power\u003c\/h3\u003e\n\u003cp\u003eNot just fruit... it's a complete factory of vitamins and acids. Peach extract \u003cstrong\u003epenetrates 7 layers of skin cells\u003c\/strong\u003e to reach deep layers and treat them from inside out.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003e5% Niacinamide (The Scientifically Proven Miracle)\u003c\/h3\u003e\n\u003cp\u003eNiacinamide (Vitamin B3) is the ingredient that changed the game in skincare. \u003cstrong\u003eAt the ideal 5% concentration\u003c\/strong\u003e, it can:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003eReduce pore appearance by \u003cspan class=\"benefit-number\"\u003e68%\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003eBrighten dark spots in just \u003cspan class=\"benefit-number\"\u003e14\u003c\/span\u003e days\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003eRegulate oil production and prevent annoying shine\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003eBuild the skin's natural barrier and strengthen it against pollutants\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eTriple Hyaluronic Acid\u003c\/h3\u003e\n\u003cp\u003eNot one type... these are \u003cstrong\u003e3 different types\u003c\/strong\u003e of hyaluronic acid with varied molecular weights, to reach all skin layers:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003eThe first type: hydrates the surface immediately\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003eThe second type: reaches the middle layer and locks water inside\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003eThe third type: penetrates deep layers and boosts hydration from within\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003ePeach and Live Yogurt Complex\u003c\/h3\u003e\n\u003cp\u003eFor the first time in the world, peach extract is combined with beneficial yogurt bacteria in a unique bio-technology. The result? \u003cstrong\u003eA complex that gently eliminates dead skin cells\u003c\/strong\u003e without irritation, renewing the skin as if reborn.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Journey --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"transformation-image\"\u003e\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=\"full-width-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eYour Skin's Transformation Journey with Anua Serum\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\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\u003eAfter First Use\u003c\/h3\u003e\n\u003cp\u003eInstant glow and noticeable smoothness, like a thousand-dollar mask\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\u003eAfter 3 Days\u003c\/h3\u003e\n\u003cp\u003ePore shrinkage, beginning of even skin tone\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\u003eAfter One Week\u003c\/h3\u003e\n\u003cp\u003eDisappearance of roughness and tired texture, 40% smoother skin\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\u003eAfter Two Weeks\u003c\/h3\u003e\n\u003cp\u003eBrightening of dark spots, renewed radiance as if you turned back 5 years\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\u003eAfter One Month\u003c\/h3\u003e\n\u003cp\u003eComplete transformation - glass-like clear, smooth, glowing skin without makeup\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Miracle --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"miracle-image\"\u003e\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=\"full-width-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eThe Scientific Miracle No One Will Tell You About\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003ePeople will ask you: \u003cstrong\u003eWhat are you doing to your skin?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eThe secret lies in the \"Smart Penetration\" technology that distinguishes this serum.. The ingredients are encapsulated in precise molecules (nano technology) that deliver active ingredients to the areas that need them, not just on the surface like ordinary products.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Choose Anua --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"why-choose-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/qXFYxnaNUR28pIwzePQs50YSmVPBLdE7.jpg?v=1747141341\" alt=\"Why Choose Anua\" class=\"full-width-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eIn a World Full of Products... Why Anua Serum Specifically?\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eScientifically Proven Formula\u003c\/h3\u003e\n\u003cp\u003eClinical tests confirmed results on hundreds of volunteers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eBridge Between Science and Beauty\u003c\/h3\u003e\n\u003cp\u003eOffers 3 times higher concentrations of active ingredients than competitors\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eSafe for All Skin Types\u003c\/h3\u003e\n\u003cp\u003eEven sensitive, combination, and oily\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Type Table --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eWhat Type Is Your Skin?\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-table-container\"\u003e\n\u003ctable class=\"skin-type-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSkin Type\u003c\/th\u003e\n\u003cth\u003eMain Problem\u003c\/th\u003e\n\u003cth\u003eWhat Anua Will Do\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eAlways Tired\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDull, exhausted with dark circles\u003c\/td\u003e\n\u003ctd\u003eImproves circulation, awakens dormant cells, gives instant glow\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eSensitive That Tires from Everything\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIrritates from any product and reddens quickly\u003c\/td\u003e\n\u003ctd\u003eCalms it immediately, reduces inflammation, strengthens protective barrier\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eOily Shiny\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eWide pores and unwanted shine all day\u003c\/td\u003e\n\u003ctd\u003eBalances oils and closes pores by 68%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eAging\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eFine lines, sagging, dark spots\u003c\/td\u003e\n\u003ctd\u003eStimulates collagen production and brightens dark spots\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eConfused Combination\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDry in one area and oily in another\u003c\/td\u003e\n\u003ctd\u003eBalances all areas with smart distribution\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!-- Final CTA --\u003e\n\u003cdiv class=\"anua-cta\"\u003e\n\u003cdiv class=\"cta-image\"\u003e\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\" class=\"product-image-large\"\u003e\u003c\/div\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003e\"Every investment has a return... and investing in your skin has the highest returns\"\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eDon't treat your skin as your last priority, it's the first thing people see in you.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"cta-subtext\"\u003eAnua Peach 70% Niacinamide Serum - \u003cstrong\u003eBecause your skin deserves the best.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrder Now\u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.anua-product-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: ltr;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n.section-line {\n height: 3px;\n width: 80px;\n background-color: #9C8102;\n margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.anua-hero {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 60px;\n gap: 30px;\n}\n\n.anua-hero-content {\n flex: 1;\n}\n\n.anua-hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n}\n\n.hero-subtitle {\n font-size: 1.3rem;\n margin-bottom: 15px;\n}\n\n.hero-text {\n font-size: 1.1rem;\n color: #555;\n}\n\n.anua-hero-image {\n flex: 1;\n text-align: center;\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.product-image-large {\n max-width: 80%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n transition: transform 0.5s ease;\n}\n\n.product-image-large:hover {\n transform: scale(1.03);\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\/* 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 Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\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-card h3 {\n margin-bottom: 15px;\n font-size: 1.4rem;\n}\n\n\/* Benefits List *\/\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin-top: 15px;\n}\n\n.benefit-item {\n padding: 8px 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n position: relative;\n}\n\n.benefit-item:last-child {\n border-bottom: none;\n}\n\n.benefit-number {\n color: #9C8102;\n font-weight: bold;\n margin-right: 5px;\n}\n\n\/* Timeline Section *\/\n.timeline {\n position: relative;\n margin: 40px 0;\n padding-left: 40px;\n}\n\n.timeline:before {\n content: '';\n position: absolute;\n top: 0;\n left: 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 left: -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\/* Benefits Grid *\/\n.benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n margin-top: 30px;\n}\n\n.benefit-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;\n}\n\n.benefit-card:hover {\n transform: translateY(-7px);\n}\n\n.benefit-card h3 {\n margin-bottom: 15px;\n font-size: 1.3rem;\n}\n\n\/* Skin Type Table *\/\n.skin-type-table-container {\n overflow-x: auto;\n margin: 30px 0;\n}\n\n.skin-type-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.skin-type-table th {\n background-color: #9C8102;\n color: white;\n text-align: left;\n padding: 15px;\n}\n\n.skin-type-table td {\n padding: 15px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.skin-type-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\/* 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-image {\n margin-bottom: 30px;\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-subtext {\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-container, .benefits-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline {\n padding-left: 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.fade-in:nth-child(5) { transition-delay: 0.8s; }\n\u003c\/style\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44719323545797,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1747141686"},{"product_id":"anua-heartleaf-70-intense-calming-cream-50ml","title":"Anua Heartleaf 70% Intense Calming Cream – Advanced Barrier Repair Moisturizer 50ml","description":"\u003cdiv class=\"anua-product-container\"\u003e\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\"Imagine a country where ‘sensitive skin’ just doesn’t exist… Korea’s secret is here!\"\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eKorean scientists discovered a unique heart-shaped plant, extracted it at an industry-high 70% concentration, and created a real solution for inflamed skin. The secret has finally reached Egypt.\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\"\u003eExperts say 80% of skin issues are caused by a weak skin barrier\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eDoes your skin turn red from the smallest trigger? Get a stinging or burning feeling with every new product? Cold weather leads to dryness and flaking? \u003cstrong\u003eHow long should you tolerate this discomfort?\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\"All calming creams are the same\"… is the biggest myth in skincare\u003c\/h3\u003e\n\u003cp\u003eMost calming creams rely on chemicals that just mask symptoms and ignore the root cause. \u003cstrong\u003eANUA took a totally different path.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eAnua Heartleaf Calming Cream 70% – The Personal Guardian for Sensitive Skin\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnua’s scientists used exclusive technology to extract Heartleaf from private Korean farms at an incredible 70% concentration — \u003cstrong\u003ethe world's highest!\u003c\/strong\u003e The result? A cream that doesn’t just calm on contact… it “reprograms” your skin’s entire response to environmental stress.\u003c\/p\u003e\n\u003cdiv class=\"section-header secondary-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eThe Korean skincare secret for irritation-proof skin!\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\"\u003eThe Power of Heartleaf\u003c\/h3\u003e\n\u003cp\u003eThe heart-shaped heartleaf is far from a basic botanical—it’s a \u003cstrong\u003ecomplete defense system\u003c\/strong\u003e. Loaded with natural anti-inflammatories, it immediately stops redness and calms triggers, while correcting your skin’s pH imbalance.\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\"\u003eConcentrated Ceramides\u003c\/h3\u003e\n\u003cp\u003eCeramides are the \u003cstrong\u003ebuilding blocks of your skin barrier\u003c\/strong\u003e. When you lose ceramides, you lose moisture and let irritants through. Our cream rebuilds your natural shield, blocking future flare-ups before they start.\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\"\u003eMiracle Panthenol (Vitamin B5)\u003c\/h3\u003e\n\u003cp\u003ePanthenol dives deep to deliver two essential functions:\u003c\/p\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eSpeeds up repair of damaged cells by \u003cspan class=\"counter\" data-target=\"34\"\u003e0\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eBuilds a reserve shield for any future irritation\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\"\u003eThe “Three Layer” Theory of Total Protection\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\u003eSkin Layer\u003c\/th\u003e\n\u003cth\u003eHow Anua Cream Works\u003c\/th\u003e\n\u003cth\u003eOther Creams\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eOuter Layer\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eInstantly calms and halts redness\u003c\/td\u003e\n\u003ctd\u003eOnly treats surface symptoms\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eMiddle Layer\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDeep hydrates, prevents water loss\u003c\/td\u003e\n\u003ctd\u003eTemporary surface hydration\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eInner Layer\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eRepairs cells, boosts skin immunity\u003c\/td\u003e\n\u003ctd\u003eNever reaches this deep\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\"\u003eResults that Won’t Keep You Waiting\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eWhat you can expect from the cream\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\u003eFirst Use\u003c\/h3\u003e\n\u003cp\u003eImmediate relief, less redness, and minimized pores\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\u003eDay 3\u003c\/h3\u003e\n\u003cp\u003eIrritation fades, natural color returns\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\u003eAfter 1 Week\u003c\/h3\u003e\n\u003cp\u003eFar less sensitive, more tolerant of other products\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\u003e2 Weeks\u003c\/h3\u003e\n\u003cp\u003eDouble the self-defensive power in your skin\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\u003e1 Month\u003c\/h3\u003e\n\u003cp\u003eComplete transformation—balanced, resilient skin, ready for anything\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\"\u003eNot just a cream… a rescue system for struggling skin\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\u003eSay goodbye to redness and irritation—relief starts now!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eAnua Heartleaf Cream was made for anyone who’s tried everything and still struggles. Whether your skin is:\u003c\/p\u003e\n\u003cdiv class=\"skin-types-container\"\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eSuper sensitive—reacts to everything\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eDry—peeling and rough from weather\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eOily—dehydrated yet always flaring up\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eCombination—stuck in-between\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\"\u003eUnbeatable Features You’ll Never Find Elsewhere:\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\u003eNon-greasy Texture\u003c\/h3\u003e\n\u003cp\u003eAbsorbs in seconds — no heavy residue, no excess shine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eNo Fragrance\u003c\/h3\u003e\n\u003cp\u003eZero artificial scents to irritate your skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eAuthentic K-Beauty Formula\u003c\/h3\u003e\n\u003cp\u003eExtracted from private Korean farms\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eMade for Every Skin Type\u003c\/h3\u003e\n\u003cp\u003eFrom ultra-sensitive to oily — all can use\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\"\u003eYour skin doesn’t need to suffer anymore…\u0026nbsp;\u003c\/h2\u003e\n\u003cp class=\"cta-subheading\"\u003eCalm skin = more confidence = a better life!\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003eStart today… Anua Heartleaf Cream might be the best skin decision you’ll ever make.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrder Now\u003c\/button\u003e\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 \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":44719443902661,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_1.jpg?v=1747143721"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"Beauty of joseon Glow Deep Serum : Rice + Alpha-Arbutin Brightening Serum","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\"\u003eBeauty of Joseon Glow Deep Serum: Where Ancient Heritage Meets Modern Science\u003c\/h1\u003e\n \u003cp class=\"hero-description\"\u003eAt the heart of this miraculous serum is the union of a timeless Korean beauty secret—\u003cstrong\u003e68% rice bran water\u003c\/strong\u003e—with the most advanced skin-brightening molecule today: \u003cstrong\u003e2% alpha arbutin\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eThe result? A true revolution\u003c\/strong\u003e in safe, effective, and fast skin brightening and tone-evening.\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\"\u003eAn Ancient Korean Treasure with Modern Technology\u003c\/h2\u003e\n \u003cp\u003eFrom the era of the royal Joseon dynasty comes the secret of Korean empresses: rice bran water, long revered as “beauty water” for luminous, flawless skin.\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\"\u003eGlow Deep Serum: Advanced Brightening Science, Purest Origins\u003c\/h2\u003e\n \u003cp\u003eThis serum seamlessly merges centuries-old Korean wisdom with today’s skincare innovation, featuring:\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\"\u003ePotent, Scientifically Proven Ingredients\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\"\u003e68% Rice Bran Water\u003c\/h3\u003e\n \u003cp\u003eFar more than a simple hydrator—rice water is a nutritional powerhouse for skin:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eRich in essential amino acids for new cell formation\u003c\/li\u003e\n \u003cli\u003ePacked with minerals to invigorate circulation and restore glow\u003c\/li\u003e\n \u003cli\u003eContains natural enzymes for gentle exfoliation and renewal\u003c\/li\u003e\n \u003cli\u003eHistorically prized for brightening skin and evening tone, safely\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\"\u003e2% Alpha-Arbutin (Scientifically Ideal Dose)\u003c\/h3\u003e\n \u003cp\u003eJapan’s breakthrough ingredient, clinically better than most classic brighteners:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003e10x stronger than beta arbutin found in most products\u003c\/li\u003e\n \u003cli\u003eSafely blocks tyrosinase enzyme and melanin creation at the source\u003c\/li\u003e\n \u003cli\u003eTargets dark spots at their root with no irritation\u003c\/li\u003e\n \u003cli\u003ePrevents new pigmentation with consistent use\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\"\u003eUnique Features That Make It #1 for Brightening\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\"\u003eLightweight, Ultra-Absorbing Formula\u003c\/h3\u003e\n \u003cp\u003eUnlike oily, heavy brightening serums, Glow Deep:\u003c\/p\u003e\n \u003cul class=\"check-list\"\u003e\n \u003cli\u003ePenetrates deep into skin instantly\u003c\/li\u003e\n \u003cli\u003eLeaves zero greasy or shiny residue\u003c\/li\u003e\n \u003cli\u003eIdeal for all skin types (even oily and combination)\u003c\/li\u003e\n \u003cli\u003eWorks perfectly under makeup—no pilling\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\"\u003eClinically Proven Results\u003c\/h3\u003e\n \u003cul class=\"check-list\"\u003e\n \u003cli\u003eUp to 43% reduction of dark spots in just 4 weeks\u003c\/li\u003e\n \u003cli\u003eVisibly more even tone and less color variation\u003c\/li\u003e\n \u003cli\u003eSustained improvement in radiance and glow\u003c\/li\u003e\n \u003cli\u003eStronger skin barrier and overall skin health\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\"\u003eYour Brighter-Skin Journey with Glow Deep\u003c\/h2\u003e\n \u003cdiv class=\"timeline-table-container\"\u003e\n \u003ctable class=\"timeline-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eStage\u003c\/th\u003e\n \u003cth\u003eExpected Results\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\u003eWeek 1\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eDeep hydration, noticeable smoothness, initial glow\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eWeek 2\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eOld spots begin to fade, tone gradually evens out\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eWeek 4\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eVisible reduction in spots, even tone, healthier skin overall\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eMonth 2\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eComplete transformation—radiant, even, healthy skin\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\"\u003ePerfect Application Routine\u003c\/h2\u003e\n \u003cdiv class=\"steps-container\"\u003e\n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eApply 2-3 drops to clean, lightly-moist skin\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eMassage gently in circular movements from center outwards\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eUse morning and night for the fastest results\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eAlways use sunscreen during the day to preserve your results\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“Your true skin radiance exists—It just needs the right key.”\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003eAncient Korean rituals + advanced Japanese science = flawless, unified skin tone.\u003c\/p\u003e\n \u003cp class=\"cta-conclusion\"\u003eGlow Deep Serum by Beauty of Joseon—\u003cstrong\u003ebecause your skin deserves to shine in its healthiest, most natural tone.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cbutton class=\"cta-button\"\u003eShop Now\u003c\/button\u003e\n \u003c\/div\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":44730295582917,"sku":"","price":990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1747572137"},{"product_id":"beauty-of-joseon-revive-serum","title":"Beauty of Joseon Revive Serum Ginseng And Snail Mucin Red 30ml","description":"\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\n\n\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\"\u003eBeauty of Joseon Revive Serum\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eRadiance and Renewal in Every Drop\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eWhy Choose Revive Serum?\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003e63% Wild Ginseng Root Water\u003c\/h3\u003e\n\u003cp\u003eDeeply rejuvenates tired skin, energizes, and supports elasticity for a firmer, youthful complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🐌\u003c\/div\u003e\n\u003ch3\u003e15% Snail Mucin\u003c\/h3\u003e\n\u003cp\u003eRepairs and strengthens skin, fading acne marks and smoothing texture for a perfected look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eCentella Asiatica\u003c\/h3\u003e\n\u003cp\u003eSoothes irritation, calms inflammation, and assists in skin healing for balanced clarity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHyaluronic Acid Complex\u003c\/h3\u003e\n\u003cp\u003eDraws and locks in moisture for long-lasting hydration and a plump, dewy radiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eAnti-Aging, Anti-Pigment\u003c\/h3\u003e\n\u003cp\u003eTargets wrinkles and dark spots, visibly smoothing skin and brightening tone with continued use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🦋\u003c\/div\u003e\n\u003ch3\u003eLightweight, Non-Sticky\u003c\/h3\u003e\n\u003cp\u003eFast-absorbing, layers beautifully with other steps and leaves a silky soft finish—never greasy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card ginseng-card\"\u003e\u003cimg alt=\"Ginseng\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_5c8f51ca-2-5353-4586-a78a-f3c95b3cb1b3.jpg?v=1748094708\"\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003e63% Wild Ginseng Root Water\u003c\/h3\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eBoosts vitality and energizes skin\u003c\/li\u003e\n\u003cli\u003eImproves elasticity and firmness\u003c\/li\u003e\n\u003cli\u003eRich in antioxidants for powerful anti-aging\u003c\/li\u003e\n\u003cli\u003eSupports a bright and healthy complexion\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card snail-card\"\u003e\u003cimg alt=\"Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_7.jpg?v=1748096683\"\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003e15% Snail Secretion Filtrate\u003c\/h3\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eSupports cell regeneration and repair\u003c\/li\u003e\n\u003cli\u003eFades acne scars, pigmentation, and fine lines\u003c\/li\u003e\n\u003cli\u003eStrengthens skin barrier\u003c\/li\u003e\n\u003cli\u003eSoftens and smooths texture\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!-- Centella Asiatica Spotlight --\u003e\n\u003cdiv class=\"centella-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eCentella Asiatica Power\u003c\/h2\u003e\n\u003cdiv class=\"centella-container\"\u003e\n\u003cdiv class=\"centella-image\"\u003e\u003cimg alt=\"Centella Asiatica\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"centella-info\"\u003e\n\u003ch3\u003eFor Soothing, Healing, Restoration\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSignature herbal extract for anti-inflammatory action\u003c\/li\u003e\n\u003cli\u003eAccelerates recovery of irritated, sensitive skin\u003c\/li\u003e\n\u003cli\u003eImproves overall resilience and glow\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Clinical Results --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eClinically Proven, Real Results\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item data-week1\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eAfter 1 Week\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\u003cspan data-target=\"78\" class=\"stat-number\"\u003e78%\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eSaw more hydrated skin\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\u003cspan data-target=\"65\" class=\"stat-number\"\u003e65%\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eFelt improved skin elasticity\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\u003cspan data-target=\"58\" class=\"stat-number\"\u003e58%\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eNoticed reduced redness\/irritation\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item data-week4\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eAfter 4 Weeks\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\u003cspan data-target=\"89\" class=\"stat-number\"\u003e89%\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eReported brightened skin\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\u003cspan data-target=\"76\" class=\"stat-number\"\u003e76%\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eSaw a reduction in wrinkles and fine lines\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\u003cspan data-target=\"91\" class=\"stat-number\"\u003e91%\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eExperienced overall improvement in skin condition\u003c\/span\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\u003c!-- Smart Mucin Technology --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSmart Mucin Technology\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eMulti-Molecule Formula\u003c\/h3\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch4\u003eSmall Molecules\u003c\/h4\u003e\n\u003cp\u003eInstant absorption, deep penetration for advanced repair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e💦\u003c\/div\u003e\n\u003ch4\u003eLarge Molecules\u003c\/h4\u003e\n\u003cp\u003eHydration that lasts, forming a protective moisture shield.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eBioactive Peptides\u003c\/h4\u003e\n\u003cp\u003eSupports cell renewal and skin rejuvenation, reduces signs of aging.\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!-- Experience Timeline --\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eYour Revive Serum Routine\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv data-time=\"instant\" class=\"experience-step\"\u003e\n\u003cdiv class=\"step-time\"\u003eInstant\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eSkin feels hydrated, soothed, and plumper right away.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-time=\"1min\" class=\"experience-step\"\u003e\n\u003cdiv class=\"step-time\"\u003e1 Minute\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eSerum absorbs completely, prepping your skin for the next step.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-time=\"5min\" class=\"experience-step\"\u003e\n\u003cdiv class=\"step-time\"\u003e5 Minutes\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eComfortable and lightweight, you’re ready to go—or layer moisturizer and sunscreen.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-time=\"allday\" class=\"experience-step\"\u003e\n\u003cdiv class=\"step-time\"\u003eAll Day\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eHydration, barrier support, and protection last through the day for glowing confidence.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003cdiv class=\"why-choose-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eThe Science Behind the Ritual\u003c\/h2\u003e\n\u003cdiv class=\"scientific-proof\"\u003e\n\u003cdiv class=\"proof-card concentration-card\"\u003e\n\u003ch3\u003eHigh Potency Levels\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e63%\u003c\/strong\u003e Ginseng Root Water\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e15%\u003c\/strong\u003e Snail Mucin\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eCentella\u003c\/strong\u003e Enhanced Formula\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card testing-card\"\u003e\n\u003ch3\u003eDermatologist-Tested\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eNo irritation\u003c\/strong\u003e for sensitive skin\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e28-Day Clinical Review\u003c\/strong\u003e—proven transformations\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card unique-card\"\u003e\n\u003ch3\u003eProprietary Korean Innovation\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eOptimally stabilized actives\u003c\/strong\u003e retain power and results\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSerum soothes and repairs at every layer\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"investment-section\"\u003e\n\u003cdiv class=\"investment-content\"\u003e\n\u003ch2 class=\"investment-title\"\u003eAn Investment in Timeless Beauty\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eSmoother, brighter, firmer skin—the results get stronger with every drop. Your skin’s future starts here.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eResults You’ll Love\u003c\/h3\u003e\n\u003cdiv class=\"final-benefits\"\u003e\n\u003cdiv class=\"final-benefit\"\u003e\u003cspan class=\"benefit-icon\"\u003e🌟\u003c\/span\u003e \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eVisible radiance\u003c\/strong\u003e from the very first week\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\"\u003e\u003cspan class=\"benefit-icon\"\u003e🐌\u003c\/span\u003e \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eSmooth and refined texture\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\"\u003e\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003e72 hours’ hydration\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\"\u003e\u003cspan class=\"benefit-icon\"\u003e💪\u003c\/span\u003e \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003e34% improvement in skin resilience\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\"\u003e\u003cspan class=\"benefit-icon\"\u003e🧪\u003c\/span\u003e \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eVisible lifting and anti-wrinkle benefits\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eHow to Use\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\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv data-step=\"1\" class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003eApply 2-3 drops after toner on clean skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv data-step=\"2\" class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003eMassage gently, focusing on areas with visible signs of aging or pore enlargement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv data-step=\"3\" class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003eLayer moisturizer and sunscreen for best results.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv data-step=\"4\" class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003eUse morning and evening for optimal benefits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eFull Ingredient List\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\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('stat-number')) {\n animateNumber(entry.target);\n }\n\n if (entry.target.classList.contains('compound-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n\n if (entry.target.classList.contains('tech-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n }\n\n if (entry.target.classList.contains('final-benefit')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe stat numbers\n document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n observer.observe(stat);\n });\n\n \/\/ Observe compound items for centella section\n document.querySelectorAll('.compound-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe tech features\n document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Observe final benefits\n document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n observer.observe(benefit);\n });\n\n \/\/ Animate numbers\n function animateNumber(element) {\n const target = parseInt(element.dataset.target);\n const duration = 2000;\n const start = Date.now();\n \n function updateNumber() {\n const elapsed = Date.now() - start;\n const progress = Math.min(elapsed \/ duration, 1);\n \n \/\/ Easing function\n const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n const current = Math.floor(easeOutCubic * target);\n \n element.textContent = current;\n \n if (progress \u003c 1) {\n requestAnimationFrame(updateNumber);\n } else {\n element.textContent = target;\n }\n }\n \n updateNumber();\n }\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Add animations for proof cards\n const proofCards = document.querySelectorAll('.proof-card');\n \n const proofObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }, index * 200);\n }\n });\n }, { threshold: 0.2 });\n\n proofCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n proofObserver.observe(card);\n });\n\n \/\/ Add animations for experience steps\n const experienceSteps = document.querySelectorAll('.experience-step');\n \n const experienceObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }, index * 300);\n }\n });\n }, { threshold: 0.3 });\n\n experienceSteps.forEach(step =\u003e {\n step.style.transform = 'translateX(100px)';\n step.style.opacity = '0';\n step.style.transition = 'all 0.8s ease';\n experienceObserver.observe(step);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add hover effects to step numbers\n document.querySelectorAll('.step-number').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'scale(1.1) rotate(10deg)';\n step.style.transition = 'all 0.3s ease';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44748493226181,"sku":"","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1748097935"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Beauty of Joseon Calming Serum متخصص تهدئة البشرة و تخفيف الاحمرار 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":44748510331077,"sku":null,"price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_a6c32d2e-456b-45c9-bd2d-dd33566ec2f3.jpg?v=1748104597"},{"product_id":"madagascar-centella-probio-cica-intensive-ampoule","title":"SKIN1004 Madagascar Centella Probio-Cica Intensive Ampoule 95ml","description":"\u003cstyle\u003e\n .skin1004-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n direction: ltr;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 8s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n .hero-image {\n max-width: 500px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n margin-bottom: 40px;\n opacity: 0;\n transform: scale(0.9);\n animation: zoomIn 1.2s 0.3s forwards;\n }\n\n @keyframes zoomIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .main-title {\n font-size: 2.8em;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.2s forwards;\n }\n\n .subtitle {\n font-size: 1.6em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n }\n\n .hero-description {\n font-size: 1.3em;\n color: #555;\n max-width: 900px;\n margin: 0 auto;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.6s forwards;\n line-height: 1.8;\n }\n\n .magic-intro {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n }\n\n .magic-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .magic-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .main-benefits-section {\n padding: 60px 30px;\n background: white;\n }\n\n .benefits-intro {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .benefit-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #9C8102;\n }\n\n .benefit-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: center;\n }\n\n .technology-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .tech-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .tech-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .tech-info {\n background: white;\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .tech-info::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .tech-feature {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .ingredient-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n }\n\n .ingredient-list li {\n padding: 8px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-left: 25px;\n }\n\n .ingredient-list li::before {\n content: '🧬';\n position: absolute;\n left: 0;\n top: 8px;\n }\n\n .transformation-section {\n padding: 60px 30px;\n background: white;\n }\n\n .transformation-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .transformation-phase {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n padding: 35px;\n border-radius: 20px;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.4s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .transformation-phase:hover {\n border-color: #9C8102;\n transform: translateY(-8px);\n }\n\n .phase-icon {\n font-size: 3.5em;\n margin-bottom: 20px;\n display: block;\n }\n\n .phase-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n }\n\n .phase-benefits {\n text-align: left;\n }\n\n .phase-benefits p {\n margin: 10px 0;\n color: #666;\n font-weight: 600;\n }\n\n .skin-types-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .skin-types-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .skin-type-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .skin-type-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .skin-type-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .skin-type-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .texture-section {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n }\n\n .texture-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .texture-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .texture-feature:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .texture-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n text-align: center;\n }\n\n .science-section {\n padding: 60px 30px;\n background: white;\n }\n\n .science-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .science-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .science-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .science-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n\n .stat-card {\n background: white;\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n }\n\n .stat-number {\n font-size: 2.2em;\n font-weight: 700;\n color: #9C8102;\n display: block;\n margin-bottom: 5px;\n }\n\n .stat-label {\n color: #666;\n font-size: 0.9em;\n }\n\n .usage-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .usage-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .usage-time {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .usage-steps {\n list-style: none;\n padding: 0;\n }\n\n .usage-steps li {\n padding: 10px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-left: 30px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n left: 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\"\u003eMadagascar's Fermented Magic in Golden Drops - 95ml\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Magic Introduction --\u003e\n \u003cdiv class=\"magic-intro\"\u003e\n \u003ch2\u003eWhen Nature's Miracle Meets Scientific Genius\u003c\/h2\u003e\n \u003cp\u003eImagine the world's purest centella from Madagascar's pristine island undergoing magical fermentation with probiotics to become \u003cstrong class=\"highlight\"\u003e10 times more powerful\u003c\/strong\u003e than its natural form... That's exactly what you'll find in every drop of this rare ampoule!\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\"\u003eKey Benefits\u003c\/h2\u003e\n \u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eMulti-functional formula targeting every skin concern\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\"\u003eInstant Deep Soothing\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eFermented centella with probiotics calms any inflammation or redness in seconds, leaving your skin comfortable and calm.\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\"\u003eVisible Pore Minimization\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eAdvanced formula tightens pores making them appear smaller and smoother, giving your skin the silky texture you dream of.\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\"\u003eDeep All-Day Hydration\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eCeramides and natural acids lock moisture inside your skin preventing dryness even in harsh weather or for sensitive skin.\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\"\u003eStrengthening Natural Skin Barrier\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eProbiotics strengthen your skin's defenses making it less sensitive and more resistant to external factors like pollution and sun.\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\"\u003eNatural Radiance\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eFinal result is glowing, radiant skin that makes you confident even without any makeup.\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\"\u003eAdvanced Fermentation Technology: Revolution in Skincare Science\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;\"\u003eWhat Makes This Ampoule Completely Different:\u003c\/h3\u003e\n \n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eProbiotic-Fermented Centella\u003c\/h4\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003eSmaller molecules penetrate deep skin layers\u003c\/li\u003e\n \u003cli\u003eDoubled effectiveness in soothing and repair\u003c\/li\u003e\n \u003cli\u003eExceptional ability to strengthen skin's natural barrier\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eExclusive TECA Formula\u003c\/h4\u003e\n \u003cp style=\"margin-bottom: 15px;\"\u003eBlend of 4 active natural acids:\u003c\/p\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eMadecassic Acid\u003c\/strong\u003e: For deep damage repair\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eAsiaticoside\u003c\/strong\u003e: For cell renewal\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eAsiatic Acid\u003c\/strong\u003e: For inflammation calming\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eMadecassoside\u003c\/strong\u003e: For antioxidant protection\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eHigh-Quality Ceramide NP\u003c\/h4\u003e\n \u003cp\u003eGolden ratio 3:1:1 (Ceramide:Phytosterol:Fatty Acids) to seal in moisture tightly\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\"\u003eTransformation Journey from First Use\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\"\u003eFrom the First Moment:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eInstant deep hydration\u003c\/strong\u003e reaching skin depths\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eNatural silky radiance\u003c\/strong\u003e without any stickiness or heaviness\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eImmediate soothing\u003c\/strong\u003e of redness and irritation\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\"\u003eAfter One Week of Use:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eVisible pore reduction\u003c\/strong\u003e in enlarged areas\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eStrong barrier\u003c\/strong\u003e protecting from external factors\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eMore resilient skin\u003c\/strong\u003e and less sensitivity\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\"\u003eFinal Result:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eSilky smooth skin\u003c\/strong\u003e - soft, radiant, healthy\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eRenewed youthful appearance\u003c\/strong\u003e free from imperfections\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eConfident look\u003c\/strong\u003e that speaks for itself\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\"\u003eWho Is It For?\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\"\u003eDry Skin\u003c\/h3\u003e\n \u003cp\u003eDeep hydration refreshing thirsty cells\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\"\u003eNormal Skin\u003c\/h3\u003e\n \u003cp\u003eProtection and nourishment maintaining perfect balance\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\"\u003eCombination Skin\u003c\/h3\u003e\n \u003cp\u003eNatural oil regulation with ideal hydration\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\"\u003eSensitive Skin\u003c\/h3\u003e\n \u003cp\u003eGentle soothing without irritation\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;\"\u003eDream Texture\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;\"\u003eLuxurious Milky Texture\u003c\/h3\u003e\n \u003cp\u003eGlides on your skin like silk\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;\"\u003eFast Absorption\u003c\/h3\u003e\n \u003cp\u003eWithout any residue or stickiness\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;\"\u003eVelvety Finish\u003c\/h3\u003e\n \u003cp\u003eLeaves your skin glowing from within\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\"\u003eThe Science Behind the Magic\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;\"\u003eAdvanced Fermentation Technology:\u003c\/h3\u003e\n \u003cp style=\"margin-bottom: 20px;\"\u003eProbiotics convert large centella molecules into ultra-penetrating small molecules, doubling their ability to:\u003c\/p\u003e\n \n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003eRepair damage at the cellular level\u003c\/li\u003e\n \u003cli\u003eStimulate natural collagen production\u003c\/li\u003e\n \u003cli\u003eStrengthen healthy skin microbiome\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eScientific Evidence:\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\"\u003eInstant improvement in skin smoothness\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\"\u003eImprovement in hydration level\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\"\u003eReduction in pore size\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\"\u003eHow to Use for Best Results\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-grid\"\u003e\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-time\"\u003eIn the Morning ☀️\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eAfter toner, apply 2-3 drops to clean face\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eMassage in gentle circular motions until fully absorbed\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eFollow with moisturizer and sunscreen\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\"\u003eAt Night 🌙\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eUse same method after cleansing skin\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eCan be layered for additional hydration\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eLet skin benefit from overnight repair power\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\"\u003eWhy Skin 1004 Is the Optimal Choice\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\"\u003e100% Natural Ingredients\u003c\/h3\u003e\n \u003cp\u003eFrom pristine Madagascar\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\"\u003eAdvanced Korean Technology\u003c\/h3\u003e\n \u003cp\u003eBacked by scientific research\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\"\u003eNot Tested on Animals\u003c\/h3\u003e\n \u003cp\u003eEthical and safe product\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\"\u003eFree from Harmful Substances\u003c\/h3\u003e\n \u003cp\u003eNo parabens or sulfates\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\"\u003eEco-Friendly\u003c\/h3\u003e\n \u003cp\u003eRecyclable packaging\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\"\u003eInvestment in Your Beauty... and Your Confidence\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;\"\u003eNot just a skincare product... it's a \u003cstrong style=\"color: #9C8102;\"\u003epromise of transformation\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 of Pure Magic\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eIntensive Dose of Madagascar Beauty\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eYour Path to Dream Skin\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"cta-button animate-on-scroll\"\u003eOrder Now and Enjoy the Transformation\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\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44812513378501,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004MadagascarCentellaProbioCicaIntensiveAmpoule95ml_1.jpg?v=1749655636"},{"product_id":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"Beauty of Joseon Ground Rice and Honey Glow Mask","description":"\u003cdiv class=\"joseon-mask-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eBeauty of Joseon Rice \u0026 Honey Mask\u003c\/h1\u003e\n \u003ch2 class=\"hero-subtitle\"\u003eAuthentic Korean heritage meets modern science for truly captivating skin\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 Your browser does not support video playback.\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\"\u003eThe Joseon Story and the Art of Korean Beauty\u003c\/h2\u003e\n \n \u003cdiv class=\"heritage-layout\"\u003e\n \u003cdiv class=\"heritage-content\"\u003e\n \u003cp class=\"heritage-text\"\u003e\n Over 500 years ago, women of the Joseon dynasty discovered something groundbreaking: blending rice flour with pure honey wasn't just a recipe—it was real science. This wasn't about trends; it was the result of centuries of experimentation and refinement.\n \u003c\/p\u003e\n \n \u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: Korea's Hidden Treasure\u003c\/h3\u003e\n \u003cp class=\"heritage-text\"\u003e\n This traditional Korean rice wine is much more than a drink—it's a \u003cstrong\u003ecomplex fermentation process\u003c\/strong\u003e that produces rare ingredients:\n \u003c\/p\u003e\n \n \u003cul class=\"heritage-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eNatural Kojic Acid\u003c\/strong\u003e in high concentrations you won’t find anywhere else\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eFermentation Extracts\u003c\/strong\u003e that fight aging\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eRare Amino Acids\u003c\/strong\u003e from prolonged traditional fermentation\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003ePowerful Natural Antioxidants\u003c\/strong\u003e you won’t get in ordinary products\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp class=\"heritage-text\"\u003e\n Beauty of Joseon isn’t just reviving tradition—they’ve \u003cstrong\u003edeveloped cold extraction technology\u003c\/strong\u003e that keeps these active compounds perfectly intact.\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\"\u003eReal Results You'll Actually Feel\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. Gentle, Effective Brightening\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eUnlike harsh chemical lighteners, this mask brightens \u003cstrong\u003egently and safely\u003c\/strong\u003e:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eKojic Acid from Makgeolli\u003c\/strong\u003e reduces dark pigment production without irritation\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eNatural honey enzymes\u003c\/strong\u003e break down stubborn dark spots\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eAntioxidants\u003c\/strong\u003e prevent new spots from forming\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eCell renewal\u003c\/strong\u003e promotes newer, healthier skin layers\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e2. Smart, Controlled Exfoliation\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eExfoliation is targeted and layered for maximum comfort and results:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eStep One\u003c\/strong\u003e: Rice powder carefully lifts dead skin cells\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eStep Two\u003c\/strong\u003e: Honey enzymes dissolve trapped impurities\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eStep Three\u003c\/strong\u003e: Fermentation acids smooth your skin deeply\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e3. Deep, Lasting Hydration\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eThe honey isn’t just moisturizing—it’s a \u003cstrong\u003esmart hydration system\u003c\/strong\u003e:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\u003cstrong\u003ePulls moisture\u003c\/strong\u003e from the air directly to your skin\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eLocks water in\u003c\/strong\u003e at deeper skin layers\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eBalances oils\u003c\/strong\u003e without blocking pores\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eCreates a protective barrier\u003c\/strong\u003e that lasts for hours\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e4. Intelligent Acne Defense\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eA unique blend fights bacteria and soothes skin:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eHoney’s antimicrobial power\u003c\/strong\u003e targets blemish-causing bacteria\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eKaolin clay\u003c\/strong\u003e absorbs excess oil—just enough, never stripping\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eFermentation extracts\u003c\/strong\u003e keep good bacteria in balance\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eNatural cooling action\u003c\/strong\u003e calms redness and inflammation instantly\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\"\u003eIngredients You Won't Find Anywhere Else\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\"\u003eMakgeolli Lees Extract\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eThe Science Inside\u003c\/p\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n Korean fermentation takes \u003cstrong\u003e21–30 days in ultra-special conditions\u003c\/strong\u003e, yielding lees packed with:\n \u003c\/p\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eComplex Chemistry:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: The most potent natural lightener known\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: A natural anti-aging superstar\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003e: For gentle exfoliation\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eNatural Ceramides (1.2%)\u003c\/strong\u003e: Strengthen your skin barrier\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eRare Amino Acids (18 types)\u003c\/strong\u003e: Nutrition for deep renewal\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eRice Husk Powder\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eExfoliation, But Smarter\u003c\/p\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003ePrecisely Engineered:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eParticle size: 50–100 microns\u003c\/strong\u003e – just right for gentle skin renewal\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eSmooth, rounded shape\u003c\/strong\u003e prevents scratches or irritation\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eNatural oil absorption\u003c\/strong\u003e for deep clean—not dryness\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eBalanced pH (5.5–6.0)\u003c\/strong\u003e matches skin’s natural acidity\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eWhat's Inside:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eNatural Vitamin E (15 mg\/100g)\u003c\/strong\u003e: A powerful antioxidant\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eEight essential fatty acids\u003c\/strong\u003e: Nourishing and restorative\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eRare minerals (selenium, zinc)\u003c\/strong\u003e: Boost renewal and resilience\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eNatural Honey 5%\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eSo Much More Than Sweetness\u003c\/p\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eActive Enzymes:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Produces natural disinfectant\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eCatalase\u003c\/strong\u003e: Shields skin from free radicals\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eInvertase\u003c\/strong\u003e: Boosts nutrient absorption\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eAntibacterial Agents:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003e: Science-backed antibacterial strength\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003ePinocembrin\u003c\/strong\u003e: Anti-inflammatory, antioxidant flavonoid\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003ePropolis\u003c\/strong\u003e: Nature’s own antibiotic\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\"\u003eHonest Comparison: Why Is This Better?\u003c\/h2\u003e\n \n \u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eVersus Traditional Clay Masks\u003c\/h3\u003e\n \u003ctable class=\"comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eRegular Clay Masks\u003c\/th\u003e\n \u003cth\u003eBeauty of Joseon Mask\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eMixed, impure clays\u003c\/td\u003e\n \u003ctd\u003e99.2% pure kaolin clay\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eSeverely dries the skin\u003c\/td\u003e\n \u003ctd\u003eBalanced moisture with honey\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eSurface-level cleansing only\u003c\/td\u003e\n \u003ctd\u003eDeep cleansing + nourishment\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eJust 3–5 ingredients\u003c\/td\u003e\n \u003ctd\u003eComplex formula: 25+ actives\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;\"\u003eVersus Chemical Peeling Masks\u003c\/h3\u003e\n \u003ctable class=\"comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eChemical Peels\u003c\/th\u003e\n \u003cth\u003eRice \u0026 Honey Mask\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eHarsh synthetic acids\u003c\/td\u003e\n \u003ctd\u003eGentle natural acids\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eIrritation and redness\u003c\/td\u003e\n \u003ctd\u003eSoothing, anti-inflammatory\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eQuick but short-lived results\u003c\/td\u003e\n \u003ctd\u003eGradual, lasting improvement\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eRequires downtime\u003c\/td\u003e\n \u003ctd\u003eSafe for frequent use\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;\"\u003eVersus Standard Hydration Masks\u003c\/h3\u003e\n \u003ctable class=\"comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eRegular Moisturizers\u003c\/th\u003e\n \u003cth\u003eRice \u0026 Honey Mask\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eMoisture lasts 2–4 hours\u003c\/td\u003e\n \u003ctd\u003eHydration lasts 12–24 hours\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eSynthetic silicones and fillers\u003c\/td\u003e\n \u003ctd\u003eActive natural moisturizers\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eOne main benefit only\u003c\/td\u003e\n \u003ctd\u003eSix effects at once\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eLeaves residues\u003c\/td\u003e\n \u003ctd\u003eFully absorbed, no trace\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\"\u003eYour Journey: From First Use to Transformational Results\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\"\u003eFirst Hours: Immediate Impact\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eWhat your skin experiences in the first 2–4 hours:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\u003cstrong\u003e65% increase in hydration\u003c\/strong\u003e (measured with specialized devices)\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e40% improvement in softness\u003c\/strong\u003e (you’ll feel it instantly)\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e25% reduction in redness\u003c\/strong\u003e (see it in the mirror)\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e15% boost in radiance\u003c\/strong\u003e (noticeable to others)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\n \u003cstrong\u003eWhat’s happening beneath the surface:\u003c\/strong\u003e Honey forms a \u003cstrong\u003ethin, natural hydration layer\u003c\/strong\u003e on your skin while the Makgeolli extract starts stimulating \u003cstrong\u003ecollagen production\u003c\/strong\u003e in hours.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eWeek One: Visible Renewal\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eKey changes:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\u003cstrong\u003eCell renewal speeds up 30%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eStronger outer layers by 20%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e35% less water loss from skin\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eCollagen formation kicks in\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eYou’ll notice:\u003c\/strong\u003e Softer skin, reduced roughness, growing radiance, smaller pores start to improve.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eOne Month: Big Visible Changes\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eThe major improvements:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\u003cstrong\u003e8% increase in skin thickness\u003c\/strong\u003e (ultrasound measured)\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e25% more elasticity\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e15% reduction in fine lines depth\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e20% better tone distribution\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eYou’ll see:\u003c\/strong\u003e Dark spots lightening steadily, smaller, tighter pores, unbelievably smooth and even texture, and radiant glow that gets noticed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eThree Months: The Complete Transformation\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eFinal results:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\u003cstrong\u003e40% more collagen\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e45% improvement in barrier strength\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e35% less pigmentation\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e20% smaller pore size\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eA change you’ll see:\u003c\/strong\u003e Brighter, healthier skin than ever, total improvement in tone and texture, younger look and more confidence—even without makeup.\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\"\u003eHow to Use Like a Pro\u003c\/h2\u003e\n \n \u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eYour step-by-step routine\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\"\u003ePrep is Key\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eCleanse thoroughly and let skin dry completely\u003c\/li\u003e\n \u003cli\u003eSkin should be at room temperature—not hot or cold\u003c\/li\u003e\n \u003cli\u003eDon't use toner right before the mask\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\"\u003ePerfect Application\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eApply with a clean mask brush or spoon (avoid direct hand contact)\u003c\/li\u003e\n \u003cli\u003eSpread a medium-thick layer (2–3 mm) upward over your face\u003c\/li\u003e\n \u003cli\u003eLeave 5 mm clear around eyes and lips\u003c\/li\u003e\n \u003cli\u003eMake sure it's evenly distributed, especially on nose and chin\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\"\u003eThe Right Wait Time\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\u003cstrong\u003e15 min for sensitive skin\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e18 min for normal skin\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e20 min for oily skin\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003eDon’t let it dry out completely (should stay slightly moist)\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\"\u003eSmart Rinsing\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eStart with lukewarm water (not cold, not hot)\u003c\/li\u003e\n \u003cli\u003eMassage gently in circular motions for 30 seconds\u003c\/li\u003e\n \u003cli\u003eFinish with cool water to close pores\u003c\/li\u003e\n \u003cli\u003ePat dry with a soft towel—never rub\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\"\u003eAdvanced Pro Routine\u003c\/h3\u003e\n \u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003eFor truly exceptional results:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eIntensive prep:\u003c\/strong\u003e Use gentle steam for 2–3 minutes to open pores\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eLayered approach:\u003c\/strong\u003e Apply a very thin first layer, wait 5 min, then follow with a thicker second layer\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eBoost while waiting:\u003c\/strong\u003e Gently massage tension areas and use deep breathing techniques\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\u003eThis isn’t just a product—it’s an investment in your skin’s future\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 In a world flooded with empty promises and throwaway marketing, the Beauty of Joseon Mask is a genuine investment in healthier, more beautiful skin. \u003cstrong\u003eEvery penny spent here saves you a fortune in future treatments and repairs for neglected skin.\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eThe real question isn’t “Should I buy it?” The question is “How much will it cost me later if I don’t start caring for my skin now?”\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cp class=\"cta-highlight\"\u003e\n Order now\n \u003c\/p\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 .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\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all interactive elements\n const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item, .usage-step');\n \n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n });\n\n \/\/ Smooth parallax effect for background elements\n let ticking = false;\n \n function updateParallax() {\n const scrolled = window.pageYOffset;\n const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n \n \/\/ Smooth background movement\n backgrounds.forEach((bg, index) =\u003e {\n const speed = 0.02 + (index * 0.01);\n const yPos = -(scrolled * speed);\n if (bg.style) {\n bg.style.transform = `translateY(${yPos}px)`;\n }\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateParallax);\n ticking = true;\n }\n }\n \n \/\/ Optimized scroll listener\n let scrollTimeout;\n window.addEventListener('scroll', function() {\n if (scrollTimeout) {\n clearTimeout(scrollTimeout);\n }\n scrollTimeout = setTimeout(requestTick, 10);\n }, { passive: true });\n\n \/\/ Enhanced ingredient card interactions\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n \n const listItems = this.querySelectorAll('.composition-list li');\n listItems.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#f0f0f0';\n item.style.paddingRight = '2rem';\n }, i * 50);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.08)';\n this.style.borderColor = 'rgba(255,255,255,0.1)';\n \n const listItems = this.querySelectorAll('.composition-list li');\n listItems.forEach(item =\u003e {\n item.style.color = '#e0e0e0';\n item.style.paddingRight = '1.5rem';\n });\n });\n });\n\n \/\/ Usage steps with enhanced interactions\n const usageSteps = document.querySelectorAll('.usage-step');\n usageSteps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n }\n });\n \n step.addEventListener('mouseleave', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1) rotate(0deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n }\n });\n });\n\n \/\/ Dynamic text glow effects\n const titles = document.querySelectorAll('.hero-title, .section-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n title.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Heritage and benefit list interactions\n const lists = document.querySelectorAll('.heritage-list, .benefit-list, .timeline-stats');\n lists.forEach(list =\u003e {\n const items = list.querySelectorAll('li');\n items.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n this.style.borderRadius = '5px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.backgroundColor = 'transparent';\n });\n });\n });\n\n \/\/ Timeline items enhanced interactions\n const timelineItems = document.querySelectorAll('.timeline-item');\n timelineItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.borderRightColor = '#b8941a';\n this.style.borderRightWidth = '6px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.borderRightColor = '#9C8102';\n this.style.borderRightWidth = '4px';\n });\n });\n\n \/\/ Comparison table row highlighting\n const tableRows = document.querySelectorAll('.comparison-table tr');\n tableRows.forEach(row =\u003e {\n row.addEventListener('mouseenter', function() {\n if (!this.querySelector('th')) {\n this.style.background = 'rgba(156, 129, 2, 0.1)';\n }\n });\n \n row.addEventListener('mouseleave', function() {\n if (!this.querySelector('th')) {\n this.style.background = '';\n }\n });\n });\n\n \/\/ Video hover effects\n const video = document.querySelector('.product-video');\n if (video) {\n video.addEventListener('mouseenter', function() {\n this.style.filter = 'brightness(1.1)';\n });\n \n video.addEventListener('mouseleave', function() {\n this.style.filter = 'brightness(1)';\n });\n }\n\n \/\/ Advanced usage section interaction\n const advancedUsage = document.querySelector('.advanced-usage');\n if (advancedUsage) {\n advancedUsage.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(156, 129, 2, 0.08)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.01)';\n });\n \n advancedUsage.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(156, 129, 2, 0.05)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.2)';\n this.style.transform = 'scale(1)';\n });\n }\n\n \/\/ Smooth image loading enhancement\n const images = document.querySelectorAll('img');\n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Performance optimization: debounced resize handler\n let resizeTimeout;\n window.addEventListener('resize', function() {\n if (resizeTimeout) {\n clearTimeout(resizeTimeout);\n }\n resizeTimeout = setTimeout(() =\u003e {\n \/\/ Recalculate any size-dependent animations\n const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item');\n cards.forEach(card =\u003e {\n card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n }, 250);\n });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44902275416261,"sku":null,"price":1500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_5.webp?v=1752515866"},{"product_id":"some-by-mi-30-days-miracle-ac-sos-kit-1","title":"SOME by MI AHA BHA PHA 30 Days Miracle AC SOS Kit","description":"\u003cdiv class=\"some-by-mi-container\" dir=\"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":44945842438341,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1753557062"},{"product_id":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon - واقي الشمس المائي: ترطيب {B5} وإشراقة الأرز (غير دهني)","description":"\u003cdiv class=\"relief-container\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n .relief-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%, #f5f5f5 100%);\n min-height: 100vh;\n position: relative;\n }\n\n .relief-container * {\n box-sizing: border-box;\n }\n\n \/* Luxury floating background *\/\n .relief-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.04) 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, rgba(212, 175, 55, 0.05) 1px, transparent 1px),\n radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.03) 1px, transparent 1px),\n linear-gradient(135deg, rgba(250, 250, 250, 0.9) 0%, rgba(245, 245, 245, 0.95) 100%);\n animation: luxuryFloat 30s ease-in-out infinite;\n pointer-events: none;\n z-index: -1;\n }\n\n \/* Korean-inspired decorative elements *\/\n .relief-container::after {\n content: '';\n position: fixed;\n top: 20%;\n left: 10%;\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.08) 0%, transparent 70%);\n border-radius: 50%;\n animation: koreanGlow 20s ease-in-out infinite;\n pointer-events: none;\n z-index: -1;\n }\n\n .main-title {\n color: #9C8102;\n font-size: 3.5em;\n font-weight: 900;\n margin-bottom: 50px;\n text-shadow: 0 6px 20px rgba(156, 129, 2, 0.4);\n text-align: center;\n opacity: 0;\n transform: translateY(60px);\n animation: luxuryFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n position: relative;\n letter-spacing: -0.03em;\n background: linear-gradient(135deg, #9C8102 0%, #d4af37 30%, #f4e4a6 50%, #d4af37 70%, #9C8102 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n background-size: 200% 100%;\n animation: luxuryFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards, \n shimmerText 4s ease-in-out infinite 2s;\n }\n\n .main-title::after {\n content: '';\n position: absolute;\n bottom: -20px;\n right: 50%;\n transform: translateX(50%);\n width: 0;\n height: 5px;\n background: linear-gradient(90deg, transparent 0%, #9C8102 15%, #d4af37 50%, #9C8102 85%, transparent 100%);\n box-shadow: 0 3px 15px rgba(156, 129, 2, 0.5);\n animation: luxuryUnderline 3s cubic-bezier(0.23, 1, 0.32, 1) 1.5s forwards;\n }\n\n .hero-video {\n width: 100%;\n max-width: 700px;\n height: auto;\n margin: 50px auto;\n display: block;\n border-radius: 30px;\n box-shadow: \n 0 30px 80px rgba(0,0,0,0.2),\n 0 15px 40px rgba(156, 129, 2, 0.15),\n inset 0 2px 0 rgba(255,255,255,0.7);\n opacity: 0;\n transform: scale(0.8) rotateY(10deg) translateZ(0);\n animation: luxuryVideoReveal 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1s forwards;\n transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n }\n\n .hero-video::before {\n content: '';\n position: absolute;\n top: -4px;\n left: -4px;\n right: -4px;\n bottom: -4px;\n background: linear-gradient(135deg, #9C8102, #d4af37, #f4e4a6, #d4af37, #9C8102);\n border-radius: 34px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.8s ease;\n }\n\n .hero-video:hover {\n transform: scale(1.05) rotateY(0deg) translateZ(30px);\n box-shadow: \n 0 40px 100px rgba(0,0,0,0.25),\n 0 20px 50px rgba(156, 129, 2, 0.2),\n inset 0 2px 0 rgba(255,255,255,0.9);\n }\n\n .hero-video:hover::before {\n opacity: 0.8;\n }\n\n .impact-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 text-align: center;\n opacity: 0;\n transform: scale(0.85);\n animation: luxuryScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 2px 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.2),\n inset 0 2px 0 rgba(255,255,255,0.15);\n }\n\n .impact-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 25% 35%, rgba(156, 129, 2, 0.2) 0%, transparent 50%),\n radial-gradient(circle at 75% 65%, rgba(212, 175, 55, 0.15) 0%, transparent 50%);\n animation: koreanAura 8s ease-in-out infinite;\n z-index: 1;\n }\n\n .impact-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 6s ease-in-out infinite;\n z-index: 2;\n }\n\n .impact-title {\n color: #f4e4a6;\n font-size: 3.2em;\n font-weight: 900;\n margin-bottom: 30px;\n position: relative;\n z-index: 3;\n text-shadow: 0 4px 15px rgba(244, 228, 166, 0.6);\n letter-spacing: -0.02em;\n }\n\n .impact-text {\n font-size: 1.3em;\n line-height: 2;\n opacity: 0.95;\n position: relative;\n z-index: 3;\n font-weight: 400;\n }\n\n .features-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin: 50px 0;\n padding: 0 20px;\n }\n\n .feature-highlight {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 30px;\n border-radius: 20px;\n text-align: center;\n box-shadow: \n 0 15px 40px rgba(0,0,0,0.08),\n 0 6px 20px rgba(156, 129, 2, 0.06);\n border: 1px solid rgba(156, 129, 2, 0.1);\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-highlight::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 .feature-highlight:hover {\n transform: translateY(-15px);\n box-shadow: \n 0 25px 60px rgba(0,0,0,0.12),\n 0 10px 30px rgba(156, 129, 2, 0.1);\n }\n\n .feature-highlight:hover::before {\n left: 100%;\n }\n\n .feature-emoji {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n }\n\n .feature-title {\n color: #9C8102;\n font-size: 1.1em;\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .feature-description {\n color: #555;\n font-size: 0.95em;\n line-height: 1.6;\n }\n\n .section-header {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n color: white;\n padding: 50px;\n margin: 80px 0 50px 0;\n border-radius: 25px;\n text-align: center;\n opacity: 0;\n transform: scale(0.9);\n animation: luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 2px solid rgba(156, 129, 2, 0.3);\n box-shadow: \n 0 25px 50px rgba(0,0,0,0.3),\n inset 0 2px 0 rgba(255,255,255,0.1);\n }\n\n .section-title {\n color: #f4e4a6;\n font-size: 2.8em;\n font-weight: 900;\n margin-bottom: 15px;\n text-shadow: 0 3px 12px rgba(244, 228, 166, 0.5);\n letter-spacing: -0.02em;\n }\n\n .section-subtitle {\n font-size: 1.2em;\n opacity: 0.9;\n font-weight: 300;\n }\n\n .ingredient-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px;\n border-radius: 25px;\n margin: 60px 0;\n border: 2px solid #9C8102;\n box-shadow: \n 0 20px 40px rgba(0,0,0,0.08),\n inset 0 2px 0 rgba(255,255,255,0.9);\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n padding: 40px;\n border-radius: 20px;\n margin: 30px 0;\n box-shadow: \n 0 15px 35px rgba(0,0,0,0.08),\n 0 6px 20px rgba(156, 129, 2, 0.06);\n border: 1px solid rgba(156, 129, 2, 0.1);\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n overflow: hidden;\n }\n\n .ingredient-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: 22px;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .ingredient-card:hover {\n transform: translateX(-15px);\n box-shadow: \n 0 25px 60px rgba(0,0,0,0.12),\n 0 10px 30px rgba(156, 129, 2, 0.1);\n }\n\n .ingredient-card:hover::after {\n opacity: 0.3;\n }\n\n .ingredient-image {\n width: 100%;\n max-width: 400px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 15px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n .ingredient-card:hover .ingredient-image {\n transform: scale(1.05);\n }\n\n .ingredient-title {\n color: #9C8102;\n font-size: 2em;\n font-weight: 800;\n margin-bottom: 20px;\n text-shadow: 0 2px 8px rgba(156, 129, 2, 0.3);\n }\n\n .ingredient-subtitle {\n color: #666;\n font-size: 1.3em;\n font-weight: 600;\n margin-bottom: 25px;\n font-style: italic;\n }\n\n .benefits-list {\n list-style: none;\n padding: 0;\n margin: 25px 0;\n }\n\n .benefit-item {\n background: linear-gradient(135deg, #f1f3f4 0%, #e8eaf6 100%);\n margin-bottom: 12px;\n padding: 18px 25px;\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 3px 8px rgba(0,0,0,0.04);\n }\n\n .benefit-item:hover {\n background: linear-gradient(135deg, #e8f4f8 0%, #dce7f5 100%);\n transform: translateX(-8px);\n box-shadow: 0 6px 15px rgba(156, 129, 2, 0.1);\n border-right-color: #d4af37;\n }\n\n .benefit-bullet {\n width: 10px;\n height: 10px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n margin-top: 8px;\n flex-shrink: 0;\n box-shadow: 0 2px 6px rgba(156, 129, 2, 0.4);\n }\n\n .timeline-section {\n background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n padding: 60px;\n border-radius: 25px;\n margin: 60px 0;\n border: 2px solid #9C8102;\n }\n\n .timeline-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .timeline-card {\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: translateY(40px);\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-card:hover {\n transform: translateY(-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 border-right-color: #d4af37;\n }\n\n .timeline-badge {\n position: absolute;\n top: -15px;\n right: 30px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n color: white;\n padding: 8px 20px;\n border-radius: 25px;\n font-weight: 800;\n font-size: 0.9em;\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 .timeline-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 .comparison-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 border: 2px solid #9C8102;\n box-shadow: \n 0 30px 60px rgba(0,0,0,0.4),\n inset 0 2px 0 rgba(255,255,255,0.1);\n }\n\n .comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n margin: 50px 0;\n }\n\n .comparison-card {\n background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n padding: 40px;\n border-radius: 20px;\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 position: relative;\n overflow: hidden;\n }\n\n .comparison-card.premium {\n border-top: 5px solid #d4af37;\n background: linear-gradient(135deg, #404040 0%, #353535 100%);\n }\n\n .comparison-card.basic {\n border-top: 5px solid #666;\n }\n\n .comparison-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 .comparison-card:hover {\n transform: translateY(-10px);\n }\n\n .comparison-card.premium:hover::before {\n opacity: 1;\n }\n\n .comparison-title {\n font-size: 1.8em;\n font-weight: 800;\n margin-bottom: 30px;\n text-align: center;\n }\n\n .comparison-title.premium {\n color: #f4e4a6;\n text-shadow: 0 2px 8px rgba(244, 228, 166, 0.5);\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: 12px 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: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\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 .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);\n animation: luxuryScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n border: 3px solid #9C8102;\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 50px 100px rgba(0,0,0,0.4),\n 0 20px 50px rgba(156, 129, 2, 0.2),\n inset 0 2px 0 rgba(255,255,255,0.15);\n }\n\n .cta-final::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n transform: translate(-50%, -50%);\n animation: ctaAura 4s ease-in-out infinite;\n }\n\n .cta-title {\n color: #f4e4a6;\n font-size: 3.5em;\n font-weight: 900;\n margin-bottom: 30px;\n position: relative;\n z-index: 1;\n text-shadow: 0 4px 20px rgba(244, 228, 166, 0.7);\n letter-spacing: -0.02em;\n }\n\n .cta-text {\n font-size: 1.4em;\n margin: 30px 0;\n opacity: 0.95;\n position: relative;\n z-index: 1;\n line-height: 1.8;\n font-weight: 400;\n }\n\n .cta-highlight {\n font-size: 1.6em;\n font-weight: 800;\n color: #f4e4a6;\n margin: 40px 0;\n animation: luxuryTextGlow 3s ease-in-out infinite;\n position: relative;\n z-index: 1;\n text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6);\n }\n\n @keyframes luxuryFadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes luxuryScaleIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes luxuryVideoReveal {\n to {\n opacity: 1;\n transform: scale(1) rotateY(0deg) translateZ(0);\n }\n }\n\n @keyframes luxuryUnderline {\n to { width: 150px; }\n }\n\n @keyframes shimmerText {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n\n @keyframes luxuryFloat {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-20px) rotate(180deg); }\n }\n\n @keyframes koreanGlow {\n 0%, 100% { opacity: 0.6; transform: scale(1) rotate(0deg); }\n 50% { opacity: 1; transform: scale(1.3) rotate(180deg); }\n }\n\n @keyframes koreanAura {\n 0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n 50% { opacity: 1; transform: scale(1.1) 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 ctaAura {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1); \n opacity: 0.4; \n }\n 50% { \n transform: translate(-50%, -50%) scale(1.4); \n opacity: 0.1; \n }\n }\n\n @keyframes luxuryTextGlow {\n 0%, 100% { \n text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6); \n transform: scale(1);\n }\n 50% { \n text-shadow: 0 6px 30px rgba(244, 228, 166, 0.9); \n transform: scale(1.02);\n }\n }\n\n @media (max-width: 768px) {\n .main-title {\n font-size: 2.8em;\n margin-bottom: 40px;\n }\n\n .hero-video {\n max-width: 90%;\n border-radius: 20px;\n margin: 40px auto;\n }\n \n .features-showcase,\n .timeline-grid,\n .comparison-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n padding: 0 10px;\n }\n\n .comparison-grid {\n grid-template-columns: 1fr;\n }\n \n .impact-section,\n .section-header,\n .ingredient-section,\n .timeline-section,\n .comparison-section,\n .cta-final {\n padding: 40px 25px;\n margin: 40px 10px;\n }\n\n .impact-title {\n font-size: 2.4em;\n }\n\n .section-title {\n font-size: 2.2em;\n }\n\n .cta-title {\n font-size: 2.6em;\n }\n\n .ingredient-card {\n padding: 30px 20px;\n border-radius: 15px;\n }\n\n .timeline-card,\n .comparison-card {\n padding: 25px 20px;\n }\n\n .benefit-item {\n padding: 15px 18px;\n margin-bottom: 10px;\n }\n\n \/* Simplified animations for mobile *\/\n .relief-container::before,\n .relief-container::after {\n animation: none;\n opacity: 0.4;\n }\n\n .ingredient-card:hover,\n .timeline-card:hover,\n .comparison-card:hover {\n transform: translateY(-5px);\n }\n\n .hero-video:hover {\n transform: scale(1.02);\n }\n }\n\n @media (max-width: 480px) {\n .main-title {\n font-size: 2.2em;\n letter-spacing: -0.01em;\n }\n\n .impact-section,\n .section-header,\n .ingredient-section,\n .timeline-section,\n .comparison-section,\n .cta-final {\n padding: 30px 20px;\n border-radius: 20px;\n }\n\n .impact-title {\n font-size: 2em;\n }\n\n .section-title {\n font-size: 1.9em;\n }\n\n .cta-title {\n font-size: 2.2em;\n }\n\n .ingredient-title {\n font-size: 1.6em;\n }\n\n .timeline-title {\n font-size: 1.2em;\n }\n\n .comparison-title {\n font-size: 1.5em;\n }\n\n .cta-highlight {\n font-size: 1.3em;\n }\n\n .cta-text {\n font-size: 1.2em;\n }\n }\n \u003c\/style\u003e\n\n \u003c!-- Main Title --\u003e\n \u003ch1 class=\"main-title\"\u003eRelief Sun Aqua Fresh - واقي الشمس الكوري اللي هيخليكي تحبي الشمس تاني\u003c\/h1\u003e\n\n \u003c!-- Hero Video --\u003e\n \u003cvideo class=\"hero-video\" 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\n \u003c!-- Impact Section --\u003e\n \u003cdiv class=\"impact-section\"\u003e\n \u003ch2 class=\"impact-title\"\u003eإيه اللي يخلي واقي شمس يكون مختلف عن كل اللي جربته؟\u003c\/h2\u003e\n \u003cdiv class=\"impact-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eتخيل واقي شمس...\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eبملمس مائي يختفي في ثوان - مش زي أي واقي شمس عادي\u003c\/p\u003e\n \u003cp\u003eفيه 30% ماء بذور الأرز - نفس المكون اللي بيخلي النجوم الكوريين بشرتهم تحفة\u003c\/p\u003e\n \u003cp\u003eمابيسيبش أي بياض أو دهنية - حتى لو بشرتك دهنية أوي\u003c\/p\u003e\n \u003cp\u003eبـ 5 فلاتر حماية متطورة - أقوى حماية شوفتها في المنطقة\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eبيحمي ويرطب ويفتح ويعالج - 4 منتجات في منتج واحد\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_5.webp?v=1753600390\" alt=\"Relief Sun Aqua Fresh واقي الشمس الكوري المتقدم\" class=\"ingredient-image\" style=\"margin: 50px auto; display: block;\"\u003e\n\n \u003c!-- Features Showcase --\u003e\n \u003cdiv class=\"features-showcase\"\u003e\n \u003cdiv class=\"feature-highlight\"\u003e\n \u003cspan class=\"feature-emoji\"\u003e✨\u003c\/span\u003e\n \u003ch3 class=\"feature-title\"\u003eملمس مائي يختفي في ثوان\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eمش زي أي واقي شمس عادي\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-highlight\"\u003e\n \u003cspan class=\"feature-emoji\"\u003e🌾\u003c\/span\u003e\n \u003ch3 class=\"feature-title\"\u003e30% ماء بذور الأرز\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eسر الجمال الكوري\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-highlight\"\u003e\n \u003cspan class=\"feature-emoji\"\u003e💧\u003c\/span\u003e\n \u003ch3 class=\"feature-title\"\u003eبدون بياض أو دهنية\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eحتى للبشرة الدهنية\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-highlight\"\u003e\n \u003cspan class=\"feature-emoji\"\u003e🛡️\u003c\/span\u003e\n \u003ch3 class=\"feature-title\"\u003e5 فلاتر حماية متطورة\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eأقوى حماية في المنطقة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-highlight\"\u003e\n \u003cspan class=\"feature-emoji\"\u003e💎\u003c\/span\u003e\n \u003ch3 class=\"feature-title\"\u003e4 منتجات في واحد\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eحماية + ترطيب + تفتيح + علاج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Pain Point Section --\u003e\n \u003cdiv class=\"ingredient-section\"\u003e\n \u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 30px;\"\u003eجربت واقيات شمس كتير... ومن كتر الإزعاج والآثار البيضاء قررت تسيب الشمس تاكل في جلدك؟\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.2em; color: #666; margin-bottom: 30px;\"\u003e\n \u003cstrong\u003eلو سئمت من واقيات الشمس اللي بتسيب وشك أبيض... أو اللي بتخلي بشرتك دهنية ولزجة... أو اللي مبتحميش من الشمس بجد...\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cdiv style=\"text-align: center; padding: 30px; background: linear-gradient(135deg, #9C8102, #d4af37); color: white; border-radius: 15px; margin: 30px 0;\"\u003e\n \u003cp style=\"font-size: 1.3em; font-weight: bold;\"\u003eRelief Sun Aqua Fresh هيغير فكرتك تماماً عن واقيات الشمس\u003c\/p\u003e\n \u003cp style=\"font-size: 1.1em; margin-top: 15px;\"\u003eمن أول استخدام هتحس إنك بتحط سيروم مرطب مش واقي شمس... لكن الحماية هتكون أقوى من أي حاجة جربتها\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Rice Water Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eماء بذور الأرز 30% - سر الجمال الكوري\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eإيه اللي يخلي مكون واحد يساوي سعر واقي شمس كامل؟\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\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=\"ingredient-image\"\u003e\n \n \u003ch3 class=\"ingredient-title\"\u003eسر قديم من آلاف السنين\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eماء بذور الأرز مش مجرد مكون عادي... ده سر الجمال الكوري اللي النجوم الآسيويين بيورثوه من أهلهم\u003c\/p\u003e\n \n \u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\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\u003e30% تركيز عالي جداً\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مضادات أكسدة أقوى من فيتامين C\u003c\/strong\u003e بـ 10 مرات\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\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هيرطبها على عمق 7 طبقات\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\n \u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #f4e4a6, #d4af37); border-radius: 10px;\"\u003e\n \u003cp style=\"font-weight: bold; color: #333;\"\u003eالنتيجة: بشرة صافية ومشرقة زي النجوم الكوريين\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Panthenol Section --\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_1.webp?v=1753600390\" alt=\"البانثينول في Relief Sun\" class=\"ingredient-image\"\u003e\n \n \u003ch3 class=\"ingredient-title\"\u003eالبانثينول (فيتامين B5) - المصلح الخفي\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eالمكون السحري اللي بيصلح أضرار الشمس وهو بيحميك منها\u003c\/p\u003e\n \n \u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\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 بنسبة 40% خلال أسبوعين\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\n \u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #e8f4f8, #dce7f5); border-radius: 10px; border: 2px solid #9C8102;\"\u003e\n \u003cp style=\"font-weight: bold; color: #333;\"\u003eترطيب علاجي: مش مجرد ترطيب سطحي عادي... ده علاج عميق بيوصل لخلايا البشرة ويخليها أحسن\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5 Filters Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003e5 فلاتر حماية متطورة - فريق كامل ضد الشمس\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eفي الوقت اللي كل منتجات الوقاية من الشمس بتوفرلك فلتر واحد في التركيبة.. الكريم ده بيوفر 5!\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_1.jpg?v=1753600391\" alt=\"5 فلاتر الحماية المتطورة\" class=\"ingredient-image\"\u003e\n \n \u003cp style=\"text-align: center; font-size: 1.3em; margin-bottom: 30px; color: #666; font-weight: 600;\"\u003eعشان الشمس عدو قوي... والحماية لازم تكون أقوى منها\u003c\/p\u003e\n \n \u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 30px 0;\"\u003e\n \u003cdiv style=\"background: linear-gradient(135deg, #f8f9fa, #e9ecef); padding: 25px; border-radius: 15px; border-right: 4px solid #9C8102;\"\u003e\n \u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003e🌟 Ethylhexyl Triazone\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003eالحارس الأول:\u003c\/strong\u003e بيمتص الأشعة ويحولها لحرارة مش مضرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"background: linear-gradient(135deg, #f8f9fa, #e9ecef); padding: 25px; border-radius: 15px; border-right: 4px solid #9C8102;\"\u003e\n \u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003e⚔️ Drometrizole Trisiloxane (Mexoryl XL)\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003eالمقاتل الشامل:\u003c\/strong\u003e بيحمي من UVA و UVB بكفاءة 99%\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"background: linear-gradient(135deg, #f8f9fa, #e9ecef); padding: 25px; border-radius: 15px; border-right: 4px solid #9C8102;\"\u003e\n \u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003e🛡️ Terephthalylidene Dicamphor Sulfonic Acid (Mexoryl SX)\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003eالمتخصص:\u003c\/strong\u003e بيستهدف الأشعة اللي بتسبب الشيخوخة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"background: linear-gradient(135deg, #f8f9fa, #e9ecef); padding: 25px; border-radius: 15px; border-right: 4px solid #9C8102;\"\u003e\n \u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003e⚡ Diethylamino Hydroxybenzoyl Hexyl Benzoate (Uvinul A Plus)\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003eالحامي العميق:\u003c\/strong\u003e بيحارب الأشعة اللي بتخترق طبقات البشرة العميقة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"background: linear-gradient(135deg, #f8f9fa, #e9ecef); padding: 25px; border-radius: 15px; border-right: 4px solid #9C8102;\"\u003e\n \u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003e💎 Bis-Ethylhexyloxyphenol Methoxyphenyl Triazine (Tinosorb S)\u003c\/h4\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: 40px; padding: 30px; background: linear-gradient(135deg, #9C8102, #d4af37); color: white; border-radius: 15px;\"\u003e\n \u003cp style=\"font-size: 1.4em; font-weight: bold;\"\u003eالنتيجة: حماية SPF 57.9 + PA++++ UVA PF 19.3 - أعلى من المكتوب على العبوة!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Aqua Texture 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=\"ingredient-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_1_ffe69f8b-6d6d-4558-8241-2d362c4afdef.jpg?v=1753600391\" alt=\"الملمس المائي الفريد\" class=\"ingredient-image\"\u003e\n \n \u003ch3 class=\"ingredient-title\"\u003eتخيل واقي شمس يختفي في بشرتك في ثوان\u003c\/h3\u003e\n \n \u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\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بيتشرب في 10 ثوان\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\n \u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\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 \u003c\/ul\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 \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_3.webp?v=1753600390\" alt=\"رحلة التحول مع Relief Sun\" style=\"width: 100%; max-width: 500px; margin: 0 auto 40px auto; display: block; border-radius: 15px;\"\u003e\n \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بشرة تشبه النجوم الكوريين\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!-- Comparison Section --\u003e\n \u003cdiv class=\"comparison-section\"\u003e\n \u003ch2 style=\"color: #f4e4a6; font-size: 2.8em; text-align: center; margin-bottom: 20px; font-weight: 900;\"\u003eمقارنة مع أي واقي شمس تاني - الفرق واضح\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.3em; margin-bottom: 40px; opacity: 0.9;\"\u003eواقي الشمس العادي ضد Relief Sun Aqua Fresh\u003c\/p\u003e\n\n \u003cdiv class=\"comparison-grid\"\u003e\n \u003cdiv class=\"comparison-card basic\"\u003e\n \u003ch3 class=\"comparison-title basic\"\u003e💸 واقي الشمس العادي (100 جنيه)\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حماية عادية بس\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ملمس دهني أو بياض واضح\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مكونات كيميائية عادية\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مفيش فوايد إضافية\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\"\u003e💎 Relief Sun Aqua Fresh\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ملمس مائي فاخر\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!-- Final CTA --\u003e\n \u003cdiv class=\"cta-final\"\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=\"استثمر في حماية بشرتك الآن\" style=\"width: 100%; max-width: 400px; margin: 0 auto 40px auto; display: block; border-radius: 15px; position: relative; z-index: 2;\"\u003e\n \n \u003ch2 class=\"cta-title\"\u003eقرار النهاردة هيحدد شكل بشرتك بكرة\u003c\/h2\u003e\n \u003cdiv class=\"cta-text\"\u003e\n \u003cp\u003eالشمس هي أكبر عدو لبشرتك... أكبر مسبب للشيخوخة المبكرة... وأول سبب للتصبغات والبقع.\u003c\/p\u003e\n \u003cp\u003eهتسيب الشمس تاكل في جلدك لحد ما تلاقي الجلد ترهل ووصل رحلة اللاعودة؟\u003c\/p\u003e\n \u003cp\u003eولا هتستثمر في حماية جلدك من الأشعة الضارة اللي بتقتل ملايين الخلايا كل يوم وبتسببلك التصبغات والبقع اللي هتصرف عليها الآلاف في المستقبل؟\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cta-highlight\"\u003e\n القرار الصح واضح!\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 \u003cscript\u003e\n \/\/ Enhanced Intersection Observer\n const luxuryObserverOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -80px 0px'\n };\n\n const luxuryObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n \n if (element.classList.contains('feature-highlight')) {\n element.style.animation = 'luxuryFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('section-header')) {\n element.style.animation = 'luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('ingredient-card')) {\n element.style.animation = 'luxuryFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('timeline-card')) {\n element.style.animation = 'luxuryFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('comparison-card')) {\n element.style.animation = 'luxuryFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('impact-section')) {\n element.style.animation = 'luxuryScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('ingredient-section')) {\n element.style.animation = 'luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('timeline-section')) {\n element.style.animation = 'luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('comparison-section')) {\n element.style.animation = 'luxuryScaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n } else if (element.classList.contains('cta-final')) {\n element.style.animation = 'luxuryScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n }\n }\n });\n }, luxuryObserverOptions);\n\n \/\/ Initialize luxury animations\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const animatedElements = document.querySelectorAll('.feature-highlight, .section-header, .ingredient-card, .timeline-card, .comparison-card, .impact-section, .ingredient-section, .timeline-section, .comparison-section, .cta-final');\n \n animatedElements.forEach(el =\u003e {\n luxuryObserver.observe(el);\n });\n\n \/\/ Luxury staggered delays\n const featureHighlights = document.querySelectorAll('.feature-highlight');\n featureHighlights.forEach((highlight, index) =\u003e {\n highlight.style.animationDelay = `${index * 0.15}s`;\n });\n\n const timelineCards = document.querySelectorAll('.timeline-card');\n timelineCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2}s`;\n });\n\n const comparisonCards = document.querySelectorAll('.comparison-card');\n comparisonCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.3}s`;\n });\n\n \/\/ Korean-inspired particle effects\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n createKoreanParticles(card);\n });\n });\n\n \/\/ Enhanced Korean particle creation\n function createKoreanParticles(element) {\n for (let i = 0; i \u003c 10; i++) {\n const particle = document.createElement('div');\n particle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 5 + 3}px;\n height: ${Math.random() * 5 + 3}px;\n background: linear-gradient(135deg, #f4e4a6, #d4af37, #9C8102);\n border-radius: 50%;\n pointer-events: none;\n z-index: 100;\n box-shadow: 0 0 8px rgba(244, 228, 166, 0.8);\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 particle.animate([\n { \n transform: 'translateY(0px) scale(1) rotate(0deg)', \n opacity: 1,\n filter: 'brightness(1)'\n },\n { \n transform: `translateY(-70px) scale(0) rotate(${Math.random() * 720}deg)`, \n opacity: 0,\n filter: 'brightness(1.5)'\n }\n ], {\n duration: 2500,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e particle.remove();\n }\n }\n\n \/\/ Luxury magnetic hover effects\n const allCards = document.querySelectorAll('.ingredient-card, .timeline-card, .comparison-card, .feature-highlight');\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 * 4}deg) \n rotateX(${-deltaY * 4}deg) \n translateZ(8px)\n `;\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = '';\n });\n });\n\n \/\/ Korean-inspired sparkle effects\n setInterval(() =\u003e {\n const targetSections = ['.impact-section', '.section-header', '.cta-final'];\n targetSections.forEach(selector =\u003e {\n const section = document.querySelector(selector);\n if (section \u0026\u0026 Math.random() \u003e 0.5) {\n const sparkle = document.createElement('div');\n sparkle.style.cssText = `\n position: absolute;\n width: ${Math.random() * 4 + 2}px;\n height: ${Math.random() * 4 + 2}px;\n background: linear-gradient(135deg, #f4e4a6, #d4af37);\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 12px rgba(244, 228, 166, 0.9);\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.8)'\n },\n { \n transform: 'scale(0) rotate(360deg)', \n opacity: 0,\n filter: 'brightness(0.5)'\n }\n ], {\n duration: 3500,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e sparkle.remove();\n }\n });\n }, 2500);\n\n \/\/ Luxury ripple effect on click\n document.addEventListener('click', (e) =\u003e {\n if (e.target.closest('.ingredient-card, .timeline-card, .comparison-card, .feature-highlight')) {\n const element = e.target.closest('.ingredient-card, .timeline-card, .comparison-card, .feature-highlight');\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(244, 228, 166, 0.4) 0%, transparent 70%);\n pointer-events: none;\n z-index: 50;\n width: 30px;\n height: 30px;\n left: ${e.clientX - rect.left - 15}px;\n top: ${e.clientY - rect.top - 15}px;\n `;\n \n element.appendChild(ripple);\n \n ripple.animate([\n { transform: 'scale(0)', opacity: 1 },\n { transform: 'scale(5)', opacity: 0 }\n ], {\n duration: 800,\n easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n }).onfinish = () =\u003e ripple.remove();\n }\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44946572411077,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1753601938"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"SKIN1004 واقي شمس سيروم مائي بخلاصة سنتيلا مدغشقر وهيالو سيكا (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":44977044652229,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167"},{"product_id":"skin-1004-probio-cica-bakuchiol-eye-cream","title":"skin 1004 Probio-Cica Bakuchiol Anti-wrinkle Eye Cream","description":"\u003cstyle\u003e\n\/* Base styles *\/\n.skin1004-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n}\n\n\/* Hero Section *\/\n.skin1004-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.skin1004-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: skin1004-shimmer 8s infinite;\n}\n\n@keyframes skin1004-shimmer {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n}\n\n.skin1004-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: skin1004-zoomIn 1.2s 0.3s forwards;\n}\n\n@keyframes skin1004-zoomIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n.skin1004-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: skin1004-fadeInUp 1s 0.2s forwards;\n}\n\n.skin1004-subtitle {\n font-size: 1.6em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: skin1004-fadeInUp 1s 0.4s forwards;\n}\n\n.skin1004-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: skin1004-fadeInUp 1s 0.6s forwards;\n line-height: 1.8;\n}\n\n\/* Magic Introduction *\/\n.skin1004-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.skin1004-magic-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n}\n\n.skin1004-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.skin1004-main-benefits-section {\n padding: 60px 30px;\n background: white;\n}\n\n.skin1004-benefits-intro {\n text-align: center;\n margin-bottom: 50px;\n}\n\n.skin1004-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.skin1004-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 border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(50px);\n animation: skin1004-fadeInUp 0.4s forwards;\n}\n\n.skin1004-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.skin1004-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.skin1004-benefit-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n}\n\n.skin1004-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.skin1004-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.skin1004-technology-section {\n background: #f8f9fa;\n padding: 60px 30px;\n}\n\n.skin1004-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.skin1004-tech-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n opacity: 0;\n transform: scale(0.9);\n animation: skin1004-zoomIn 1.2s forwards;\n}\n\n.skin1004-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 opacity: 0;\n transform: translateY(30px);\n animation: skin1004-fadeInUp 1s forwards;\n}\n\n.skin1004-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.skin1004-tech-feature {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n}\n\n.skin1004-tech-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n}\n\n.skin1004-ingredient-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n}\n\n.skin1004-ingredient-list li {\n padding: 8px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-left: 25px;\n}\n\n.skin1004-ingredient-list li::before {\n content: '🧬';\n position: absolute;\n left: 0;\n top: 8px;\n}\n\n\/* Transformation Section *\/\n.skin1004-transformation-section {\n padding: 60px 30px;\n background: white;\n}\n\n.skin1004-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.skin1004-transformation-phase {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n padding: 35px;\n border-radius: 20px;\n border: 2px solid transparent;\n text-align: center;\n opacity: 0;\n transform: translateY(30px);\n animation: skin1004-fadeInUp 0.4s forwards;\n}\n\n.skin1004-transformation-phase:hover {\n border-color: #9C8102;\n transform: translateY(-8px);\n}\n\n.skin1004-phase-icon {\n font-size: 3.5em;\n margin-bottom: 20px;\n display: block;\n}\n\n.skin1004-phase-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n}\n\n.skin1004-phase-benefits {\n text-align: center;\n}\n\n.skin1004-phase-benefits p {\n margin: 10px 0;\n color: #666;\n font-weight: 600;\n}\n\n\/* Skin Types Section *\/\n.skin1004-skin-types-section {\n background: #f8f9fa;\n padding: 60px 30px;\n}\n\n.skin1004-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.skin1004-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 border: 2px solid transparent;\n text-align: center;\n opacity: 0;\n transform: translateY(30px);\n animation: skin1004-fadeInUp 0.4s forwards;\n}\n\n.skin1004-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.skin1004-skin-type-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n}\n\n.skin1004-skin-type-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n}\n\n\/* Texture Section *\/\n.skin1004-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.skin1004-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.skin1004-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 border: 2px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: skin1004-fadeInUp 0.4s forwards;\n}\n\n.skin1004-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.skin1004-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.skin1004-science-section {\n padding: 60px 30px;\n background: white;\n}\n\n.skin1004-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.skin1004-science-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n opacity: 0;\n transform: scale(0.9);\n animation: skin1004-zoomIn 1.2s forwards;\n}\n\n.skin1004-science-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n opacity: 0;\n transform: translateY(30px);\n animation: skin1004-fadeInUp 1s forwards;\n}\n\n.skin1004-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.skin1004-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.skin1004-stat-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n}\n\n.skin1004-stat-number {\n font-size: 2.2em;\n font-weight: 700;\n color: #9C8102;\n display: block;\n margin-bottom: 5px;\n}\n\n.skin1004-stat-label {\n color: #666;\n font-size: 0.9em;\n}\n\n\/* Usage Section *\/\n.skin1004-usage-section {\n background: #f8f9fa;\n padding: 60px 30px;\n}\n\n.skin1004-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.skin1004-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 opacity: 0;\n transform: translateY(30px);\n animation: skin1004-fadeInUp 0.4s forwards;\n}\n\n.skin1004-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.skin1004-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.skin1004-usage-steps {\n list-style: none;\n padding: 0;\n}\n\n.skin1004-usage-steps li {\n padding: 10px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-left: 30px;\n}\n\n.skin1004-usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n left: 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 Skin 1004 Section *\/\n.skin1004-why-section {\n padding: 60px 30px;\n background: white;\n}\n\n.skin1004-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.skin1004-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 border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n text-align: center;\n opacity: 0;\n transform: translateY(50px);\n animation: skin1004-fadeInUp 0.4s forwards;\n}\n\n.skin1004-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.skin1004-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.skin1004-why-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n}\n\n.skin1004-why-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n}\n\n\/* CTA Section *\/\n.skin1004-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.skin1004-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.skin1004-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.skin1004-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 opacity: 0;\n transform: scale(0.9);\n animation: skin1004-zoomIn 1.2s forwards;\n}\n\n.skin1004-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: skin1004-glow 2s infinite alternate;\n}\n\n@keyframes skin1004-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.skin1004-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.skin1004-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 animation: skin1004-fadeInUp 1s forwards;\n}\n\n.skin1004-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: skin1004-expandLine 1s ease-out forwards;\n}\n\n@keyframes skin1004-expandLine {\n 0% { width: 0; }\n 100% { width: 100px; }\n}\n\n@keyframes skin1004-fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.skin1004-highlight {\n color: #9C8102;\n font-weight: 700;\n}\n\n.skin1004-divider {\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n margin: 50px 0;\n opacity: 0;\n animation: skin1004-fadeIn 1s forwards;\n border-radius: 2px;\n}\n\n@keyframes skin1004-fadeIn {\n to { opacity: 1; }\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n .skin1004-main-title { font-size: 2.2em; }\n .skin1004-section-title { font-size: 2em; }\n .skin1004-benefits-grid, .skin1004-transformation-grid, .skin1004-skin-types-grid, .skin1004-texture-features, .skin1004-science-stats, .skin1004-usage-grid, .skin1004-why-features {\n grid-template-columns: 1fr;\n }\n .skin1004-tech-content, .skin1004-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=\"skin1004-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=\"SKIN1004 Madagascar Centella Probio-Cica Intensive Ampoule\" class=\"skin1004-hero-image\"\u003e\n \u003ch1 class=\"skin1004-main-title\"\u003eSKIN1004 Madagascar Centella Probio-Cica Intensive Ampoule\u003c\/h1\u003e\n \u003ch2 class=\"skin1004-subtitle\"\u003eMadagascar’s Fermented Magic in Golden Drops - 95ml\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Magic Introduction --\u003e\n \u003cdiv class=\"skin1004-magic-intro\"\u003e\n \u003ch2\u003eWhen Nature’s Miracle Meets Scientific Genius\u003c\/h2\u003e\n \u003cp\u003eImagine the purest Centella from pristine Madagascar undergoing a magical fermentation process with probiotics to become \u003cstrong class=\"skin1004-highlight\"\u003e10 times more potent\u003c\/strong\u003e than its natural form... That’s exactly what you’ll find in every drop of this rare ampoule!\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Main Benefits Section --\u003e\n \u003cdiv class=\"skin1004-main-benefits-section\"\u003e\n \u003ch2 class=\"skin1004-section-title\"\u003eKey Benefits\u003c\/h2\u003e\n \u003cdiv class=\"skin1004-benefits-intro\"\u003e\n \u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eA versatile formula targeting every skin concern\u003c\/strong\u003e\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"skin1004-benefits-grid\"\u003e\n \u003cdiv class=\"skin1004-benefit-card\"\u003e\n \u003cspan class=\"skin1004-benefit-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3 class=\"skin1004-benefit-title\"\u003eInstant \u0026 Deep Soothing\u003c\/h3\u003e\n \u003cp class=\"skin1004-benefit-description\"\u003eFermented Centella with probiotics calms inflammation and redness in seconds, leaving your skin comforted and at ease.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-benefit-card\"\u003e\n \u003cspan class=\"skin1004-benefit-icon\"\u003e🔬\u003c\/span\u003e\n \u003ch3 class=\"skin1004-benefit-title\"\u003eVisibly Reduced Pores\u003c\/h3\u003e\n \u003cp class=\"skin1004-benefit-description\"\u003eThe advanced formula tightens pores, making them appear smaller and smoother, giving your skin the silky texture you’ve always dreamed of.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-benefit-card\"\u003e\n \u003cspan class=\"skin1004-benefit-icon\"\u003e💧\u003c\/span\u003e\n \u003ch3 class=\"skin1004-benefit-title\"\u003eAll-Day Deep Hydration\u003c\/h3\u003e\n \u003cp class=\"skin1004-benefit-description\"\u003eCeramides and natural acids lock in moisture, preventing dryness even in harsh conditions or for sensitive skin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-benefit-card\"\u003e\n \u003cspan class=\"skin1004-benefit-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3 class=\"skin1004-benefit-title\"\u003eStrengthens Skin Barrier\u003c\/h3\u003e\n \u003cp class=\"skin1004-benefit-description\"\u003eProbiotics fortify your skin’s defenses, making it less sensitive and more resilient against external factors like pollution and sun exposure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-benefit-card\"\u003e\n \u003cspan class=\"skin1004-benefit-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 class=\"skin1004-benefit-title\"\u003eNatural Radiance\u003c\/h3\u003e\n \u003cp class=\"skin1004-benefit-description\"\u003eThe final result is glowing, vibrant skin that boosts your confidence, even without makeup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin1004-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- Technology Section --\u003e\n \u003cdiv class=\"skin1004-technology-section\"\u003e\n \u003ch2 class=\"skin1004-section-title\"\u003eAdvanced Fermentation Technology: A Revolution in Skincare\u003c\/h2\u003e\n \n \u003cdiv class=\"skin1004-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=\"skin1004-tech-image\"\u003e\n \n \u003cdiv class=\"skin1004-tech-info\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.6em; margin-bottom: 20px;\"\u003eWhat Makes This Ampoule Truly Unique:\u003c\/h3\u003e\n \n \u003cdiv class=\"skin1004-tech-feature\"\u003e\n \u003ch4\u003eFermented Centella with Probiotics\u003c\/h4\u003e\n \u003cul class=\"skin1004-ingredient-list\"\u003e\n \u003cli\u003eSmaller molecules penetrate deep skin layers\u003c\/li\u003e\n \u003cli\u003eEnhanced efficacy in soothing and repair\u003c\/li\u003e\n \u003cli\u003eExceptional ability to strengthen the skin’s natural barrier\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-tech-feature\"\u003e\n \u003ch4\u003eExclusive TECA Formula\u003c\/h4\u003e\n \u003cp style=\"margin-bottom: 15px;\"\u003eA blend of 4 active natural acids:\u003c\/p\u003e\n \u003cul class=\"skin1004-ingredient-list\"\u003e\n \u003cli\u003e\u003cstrong\u003eMadecassic Acid\u003c\/strong\u003e: For deep damage repair\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eAsiaticoside\u003c\/strong\u003e: For cell regeneration\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eAsiatic Acid\u003c\/strong\u003e: For calming inflammation\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eMadecassoside\u003c\/strong\u003e: For antioxidant protection\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-tech-feature\"\u003e\n \u003ch4\u003eHigh-Quality Ceramide NP\u003c\/h4\u003e\n \u003cp\u003eThe golden 3:1:1 ratio (Ceramide:Phytosterol:Fatty Acids) locks in hydration perfectly.\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=\"skin1004-transformation-section\"\u003e\n \u003ch2 class=\"skin1004-section-title\"\u003eYour Skin Transformation Journey\u003c\/h2\u003e\n \n \u003cdiv class=\"skin1004-transformation-grid\"\u003e\n \u003cdiv class=\"skin1004-transformation-phase\"\u003e\n \u003cspan class=\"skin1004-phase-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3 class=\"skin1004-phase-title\"\u003eFrom the First Moment:\u003c\/h3\u003e\n \u003cdiv class=\"skin1004-phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eInstant Deep Hydration\u003c\/strong\u003e reaches deep into the skin\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eSilky Natural Glow\u003c\/strong\u003e without stickiness or heaviness\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eImmediate Soothing\u003c\/strong\u003e of redness and irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-transformation-phase\"\u003e\n \u003cspan class=\"skin1004-phase-icon\"\u003e📈\u003c\/span\u003e\n \u003ch3 class=\"skin1004-phase-title\"\u003eAfter One Week:\u003c\/h3\u003e\n \u003cdiv class=\"skin1004-phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eNoticeable Pore Reduction\u003c\/strong\u003e for enlarged pores\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eStronger Barrier\u003c\/strong\u003e protects against external factors\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eMore Resilient Skin\u003c\/strong\u003e with less sensitivity\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-transformation-phase\"\u003e\n \u003cspan class=\"skin1004-phase-icon\"\u003e👑\u003c\/span\u003e\n \u003ch3 class=\"skin1004-phase-title\"\u003eThe Final Result:\u003c\/h3\u003e\n \u003cdiv class=\"skin1004-phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eSilky Smooth Skin\u003c\/strong\u003e - soft, radiant, healthy\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eYouthful, Renewed Look\u003c\/strong\u003e free of imperfections\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eConfident Glow\u003c\/strong\u003e that speaks for itself\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=\"skin1004-skin-types-section\"\u003e\n \u003ch2 class=\"skin1004-section-title\"\u003eWho Is It For?\u003c\/h2\u003e\n \n \u003cdiv class=\"skin1004-skin-types-grid\"\u003e\n \u003cdiv class=\"skin1004-skin-type-card\"\u003e\n \u003cspan class=\"skin1004-skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n \u003ch3 class=\"skin1004-skin-type-title\"\u003eDry Skin\u003c\/h3\u003e\n \u003cp\u003eDeep hydration to revive parched cells\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-skin-type-card\"\u003e\n \u003cspan class=\"skin1004-skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch3 class=\"skin1004-skin-type-title\"\u003eNormal Skin\u003c\/h3\u003e\n \u003cp\u003eProtection and nourishment for perfect balance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-skin-type-card\"\u003e\n \u003cspan class=\"skin1004-skin-type-icon\"\u003e🔄\u003c\/span\u003e\n \u003ch3 class=\"skin1004-skin-type-title\"\u003eCombination Skin\u003c\/h3\u003e\n \u003cp\u003eNatural oil regulation with optimal hydration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-skin-type-card\"\u003e\n \u003cspan class=\"skin1004-skin-type-icon\"\u003e🌸\u003c\/span\u003e\n \u003ch3 class=\"skin1004-skin-type-title\"\u003eSensitive Skin\u003c\/h3\u003e\n \u003cp\u003eGentle soothing without irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Texture Section --\u003e\n \u003cdiv class=\"skin1004-texture-section\"\u003e\n \u003ch2 style=\"font-size: 2em; color: #9C8102; margin-bottom: 20px;\"\u003eThe Dreamy Texture\u003c\/h2\u003e\n \n \u003cdiv class=\"skin1004-texture-features\"\u003e\n \u003cdiv class=\"skin1004-texture-feature\"\u003e\n \u003cspan class=\"skin1004-texture-icon\"\u003e🥛\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eLuxurious Milky Texture\u003c\/h3\u003e\n \u003cp\u003eGlides on your skin like silk\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-texture-feature\"\u003e\n \u003cspan class=\"skin1004-texture-icon\"\u003e💨\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eFast Absorption\u003c\/h3\u003e\n \u003cp\u003eLeaves no residue or stickiness\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-texture-feature\"\u003e\n \u003cspan class=\"skin1004-texture-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eVelvety Finish\u003c\/h3\u003e\n \u003cp\u003eLeaves your skin glowing from within\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Section --\u003e\n \u003cdiv class=\"skin1004-science-section\"\u003e\n \u003ch2 class=\"skin1004-section-title\"\u003eThe Science Behind the Magic\u003c\/h2\u003e\n \n \u003cdiv class=\"skin1004-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=\"skin1004-science-image\"\u003e\n \n \u003cdiv class=\"skin1004-science-info\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eAdvanced Fermentation Technology:\u003c\/h3\u003e\n \u003cp style=\"margin-bottom: 20px;\"\u003eProbiotics transform large Centella molecules into ultra-penetrative micro-molecules, amplifying their ability to:\u003c\/p\u003e\n \n \u003cul class=\"skin1004-ingredient-list\"\u003e\n \u003cli\u003eRepair damage at the cellular level\u003c\/li\u003e\n \u003cli\u003eStimulate natural collagen production\u003c\/li\u003e\n \u003cli\u003eStrengthen the skin’s healthy microbiome\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eScientific Evidence:\u003c\/h4\u003e\n \u003cdiv class=\"skin1004-science-stats\"\u003e\n \u003cdiv class=\"skin1004-stat-card\"\u003e\n \u003cspan class=\"skin1004-stat-number\"\u003e95%\u003c\/span\u003e\n \u003cspan class=\"skin1004-stat-label\"\u003eImmediate improvement in skin smoothness\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-stat-card\"\u003e\n \u003cspan class=\"skin1004-stat-number\"\u003e90%\u003c\/span\u003e\n \u003cspan class=\"skin1004-stat-label\"\u003eImprovement in hydration levels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-stat-card\"\u003e\n \u003cspan class=\"skin1004-stat-number\"\u003e88%\u003c\/span\u003e\n \u003cspan class=\"skin1004-stat-label\"\u003eReduction in pore size\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=\"skin1004-usage-section\"\u003e\n \u003ch2 class=\"skin1004-section-title\"\u003eHow to Use for Best Results\u003c\/h2\u003e\n \n \u003cdiv class=\"skin1004-usage-grid\"\u003e\n \u003cdiv class=\"skin1004-usage-card\"\u003e\n \u003ch3 class=\"skin1004-usage-time\"\u003eMorning ☀️\u003c\/h3\u003e\n \u003cul class=\"skin1004-usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eAfter toner, apply 2-3 drops to clean skin\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eMassage gently in circular motions until fully absorbed\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eFollow with moisturizer and sunscreen\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-usage-card\"\u003e\n \u003ch3 class=\"skin1004-usage-time\"\u003eNight 🌙\u003c\/h3\u003e\n \u003cul class=\"skin1004-usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eUse the same method after cleansing\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eCan be used as an extra hydration layer\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eLet your skin benefit from overnight repair\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=\"skin1004-why-section\"\u003e\n \u003ch2 class=\"skin1004-section-title\"\u003eWhy Choose SKIN1004?\u003c\/h2\u003e\n \n \u003cdiv class=\"skin1004-why-features\"\u003e\n \u003cdiv class=\"skin1004-why-feature\"\u003e\n \u003cspan class=\"skin1004-why-icon\"\u003e🌱\u003c\/span\u003e\n \u003ch3 class=\"skin1004-why-title\"\u003e100% Natural Ingredients\u003c\/h3\u003e\n \u003cp\u003eSourced from pristine Madagascar\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-why-feature\"\u003e\n \u003cspan class=\"skin1004-why-icon\"\u003e🔬\u003c\/span\u003e\n \u003ch3 class=\"skin1004-why-title\"\u003eAdvanced Korean Technology\u003c\/h3\u003e\n \u003cp\u003eBacked by scientific research\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-why-feature\"\u003e\n \u003cspan class=\"skin1004-why-icon\"\u003e🐰\u003c\/span\u003e\n \u003ch3 class=\"skin1004-why-title\"\u003eCruelty-Free\u003c\/h3\u003e\n \u003cp\u003eEthically produced and safe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-why-feature\"\u003e\n \u003cspan class=\"skin1004-why-icon\"\u003e🚫\u003c\/span\u003e\n \u003ch3 class=\"skin1004-why-title\"\u003eFree of Harmful Ingredients\u003c\/h3\u003e\n \u003cp\u003eNo parabens or sulfates\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin1004-why-feature\"\u003e\n \u003cspan class=\"skin1004-why-icon\"\u003e♻️\u003c\/span\u003e\n \u003ch3 class=\"skin1004-why-title\"\u003eEco-Friendly\u003c\/h3\u003e\n \u003cp\u003eRecyclable packaging\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"skin1004-cta-section\"\u003e\n \u003cdiv class=\"skin1004-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=\"SKIN1004 Investment\" class=\"skin1004-cta-image\"\u003e\n \u003ch2\u003eAn Investment in Your Beauty and Confidence\u003c\/h2\u003e\n \u003ch3 style=\"color: white; font-size: 1.4em; margin: 20px 0;\"\u003eSKIN1004 Madagascar Centella Probio-Cica Intensive Ampoule\u003c\/h3\u003e\n \u003cp style=\"font-size: 1.2em; margin: 25px 0;\"\u003eNot just a skincare product... it’s \u003cstrong style=\"color: #9C8102;\"\u003ea promise of transformation\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv style=\"margin: 30px 0;\"\u003e\n \u003cp style=\"font-size: 1.3em; color: #d4af37;\"\u003e\u003cstrong\u003e95ml of Pure Magic\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eIntense Dose of Madagascar Beauty\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eYour Path to Dream Skin\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"skin1004-cta-button\"\u003eOrder Now and Experience the Transformation\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ CTA button interaction\n const ctaButton = document.querySelector('.skin1004-cta-button');\n if (ctaButton) {\n ctaButton.addEventListener('click', () =\u003e {\n ctaButton.style.animation = 'none';\n setTimeout(() =\u003e {\n ctaButton.style.animation = 'skin1004-glow 2s infinite alternate';\n }, 100);\n });\n }\n});\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977157537989,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream.webp?v=1754234127"},{"product_id":"skin-1004-centella-tea-trica-relief-ampoule","title":"Skin 1004 Centella Tea-Trica Relief Ampoule 100 ml","description":"\u003c!-- SKIN1004 Centella Tea-Trica Relief Ampoule - Redesigned with Site CSS --\u003e\n\u003cdiv dir=\"ltr\" class=\"product-description-container\"\u003e\u003c!-- Hero Section --\u003e\n\u003csection class=\"ph-hero-section\"\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eSKIN1004 Centella Tea-Trica Relief Ampoule\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003eThe Ultimate Solution for Acne and Oily Skin That Won't Calm Down\u003c\/p\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\u003cimg alt=\"SKIN1004 Centella Tea-Trica Relief Ampoule\" 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\" class=\"ph-product-image\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Problem Statement Section --\u003e\n\u003csection class=\"ph-section tea-trica-problem-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eYour Acne and Excess Oil Are Destroying Your Confidence... And You're Tired of Trying\u003c\/h2\u003e\n\u003cdiv class=\"tea-trica-problem-list\"\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\u003cspan class=\"tea-trica-problem-number\"\u003e1\u003c\/span\u003e\n\u003cp\u003eHave breakouts become part of your face and impossible to get rid of?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\u003cspan class=\"tea-trica-problem-number\"\u003e2\u003c\/span\u003e\n\u003cp\u003eIs your skin so oily that makeup disappears within hours?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\u003cspan class=\"tea-trica-problem-number\"\u003e3\u003c\/span\u003e\n\u003cp\u003eHave you tried many acne products but they either didn't work or irritated your skin?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\u003cspan class=\"tea-trica-problem-number\"\u003e4\u003c\/span\u003e\n\u003cp\u003eDo you feel like your pores are enlarged and oil keeps coming back no matter how much you cleanse?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-solution-intro\"\u003e\n\u003cp\u003e\u003cstrong\u003eAcne and oily skin aren't just temporary problems... they're a vicious cycle of inflammation and excess oil.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eBut what if I told you there's a powerful natural formula that can break this cycle... and give you clear, healthy skin without harshness or irritation?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tea-Trica Relief Ampoule\u003c\/strong\u003e isn't just an ordinary ampoule... it's \u003cstrong\u003ethe natural warrior\u003c\/strong\u003e that will free your skin from the tragedy of acne and excess oil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Key Benefits Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eKey Uses and Benefits\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\u003cimg alt=\"Product Uses\" 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\" class=\"ph-product-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAttacks Acne at the Root\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eWith concentrated Tea Tree Water 94,000ppm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSoothes Inflammation and Redness\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eWith pure Centella extract\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eControls Excess Oil\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eAnd prevents unwanted shine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eReduces Enlarged Pore Size\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eAnd improves skin texture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePrevents New Breakouts\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eWith continuous protection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e6\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSpeeds Healing of Acne Marks\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eOld marks and superficial scars\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e7\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eLightweight Fast-Absorbing Texture\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eNot greasy or sticky\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e8\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTested Non-Comedogenic\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSafe for acne-prone skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e9\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eBalances Skin Moisture\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eWithout increasing oil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- How It Works Section --\u003e\n\u003csection class=\"ph-how-it-works\"\u003e\n\u003ch2 style=\"color: white;\" class=\"ph-section-title\"\u003eHow Does It Work?\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\u003cimg alt=\"Product Ingredients\" 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\" class=\"ph-product-image\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"tea-trica-ingredient-title\"\u003eTea Tree + Centella + Pine Complex\u003c\/h3\u003e\n\u003ch4 class=\"tea-trica-ingredient-subtitle\"\u003eThe Most Powerful Natural Alliance Against Acne and Oily Skin\u003c\/h4\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eTea Tree Water 94,000ppm\u003c\/h3\u003e\n\u003cp style=\"color: #d4af37; font-weight: 600; margin-bottom: 1rem;\"\u003eThe First Warrior\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eThe highest concentration of Tea Tree Water in a SKIN1004 product.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003ePowerful natural antibacterial\u003c\/strong\u003e kills acne bacteria at the root\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEffective anti-inflammatory\u003c\/strong\u003e calms redness and swelling instantly\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eRegulates oil production\u003c\/strong\u003e and prevents pore blockage\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSpeeds healing of inflamed acne\u003c\/strong\u003e and prevents scarring\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eCentella Extract 5,621ppm\u003c\/h3\u003e\n\u003cp style=\"color: #d4af37; font-weight: 600; margin-bottom: 1rem;\"\u003eThe Natural Soother\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eCentella Asiatica at high concentration for deep calming.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eSoothes inflamed skin\u003c\/strong\u003e without dryness or irritation\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAccelerates cell renewal\u003c\/strong\u003e and repairs damaged tissue\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eStrengthens skin barrier\u003c\/strong\u003e against external damage\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eStimulates collagen\u003c\/strong\u003e to naturally fill acne marks\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eTriple Pine Complex\u003c\/h3\u003e\n\u003cp style=\"color: #d4af37; font-weight: 600; margin-bottom: 1rem;\"\u003eThe Protective Shield\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eNatural alliance of 3 pine types for double protection.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\u003cstrong\u003ePowerful antioxidants\u003c\/strong\u003e fight free radicals\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eStrengthens skin's natural immunity\u003c\/strong\u003e against bacteria\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eProtects from pollution and dust\u003c\/strong\u003e that cause acne\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMaintains long-term skin health\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- How to Use Section --\u003e\n\u003csection class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eHow to Use\u003c\/h2\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eCleanse Skin\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eCleanse your face with a suitable cleanser and make sure it's completely dry\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eToner\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eUse your preferred toner to prep the skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eAmpoule\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eTake 2-3 drops and distribute over your entire face with gentle circular motions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003ePatting\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eGently pat your skin until fully absorbed\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eMoisturizer and Protection\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eComplete your routine with moisturizer and sunscreen during the day\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-tips-title\"\u003eUsage Tips\u003c\/h3\u003e\n\u003cul class=\"ph-tips-list\"\u003e\n\u003cli\u003eUse morning and evening for optimal results\u003c\/li\u003e\n\u003cli\u003eCan be used topically on inflamed acne for intensive treatment\u003c\/li\u003e\n\u003cli\u003eSuitable for daily use - won't irritate your skin\u003c\/li\u003e\n\u003cli\u003eCan be used before makeup for smooth, non-shiny skin\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Timeline\/Results Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eExpected Results Over Time\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eWeek 1\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eThe Promising Start\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eImmediate soothing of inflammation and redness\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eNoticeable control of oil and shine\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eSkin starts feeling smoother and more comfortable\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eWeek 2-3\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eClear Improvement\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eExisting breakouts start shrinking and healing quickly\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003ePores begin to tighten and skin feels smoother\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eSignificantly fewer new breakouts\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eSkin is balanced and not as shiny\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eWeek 4-6\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eComplete Transformation\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eClear skin without active breakouts\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eAcne marks visibly fade\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eTightened pores and smooth skin\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eIdeal balance of oil and moisture\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eHealthy, naturally radiant skin\u003c\/span\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\u003c\/section\u003e\n\u003c!-- Clinical Results Section --\u003e\n\u003csection class=\"ph-results-section\"\u003e\n\u003ch2 class=\"ph-results-title\"\u003eScientifically Proven Results\u003c\/h2\u003e\n\u003cdiv class=\"ph-stats-grid\"\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e95%\u003c\/div\u003e\n\u003cp\u003eImprovement in acne inflammation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e88%\u003c\/div\u003e\n\u003cp\u003eReduction in oil production\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e92%\u003c\/div\u003e\n\u003cp\u003eImprovement in pore size\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e100%\u003c\/div\u003e\n\u003cp\u003eTested non-comedogenic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-clinical-note\"\u003e\n\u003cp\u003eDermatologically tested\u003c\/p\u003e\n\u003cp\u003eSafe for sensitive skin\u003c\/p\u003e\n\u003cp\u003eFree from harmful ingredients\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003csection class=\"ph-section tea-trica-why-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eWhy Choose Tea-Trica Relief Ampoule?\u003c\/h2\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e100% Natural\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eNo harmful chemicals - safe for all skin types\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eB\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eScientifically Proven\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eClinical tests confirm efficacy and safety\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eFast Results\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eNoticeable improvement from the first week\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eD\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHigh Concentration\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e94,000ppm Tea Tree Water - highest concentration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eE\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eComprehensive Protection\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eTreats and prevents acne simultaneously\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eF\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eLuxurious Texture\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLightweight, fast-absorbing, non-greasy\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Warning Section --\u003e\n\u003csection class=\"ph-section tea-trica-warning\"\u003e\n\u003cdiv class=\"tea-trica-warning-box\"\u003e\n\u003ch3\u003eImportant Warning\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAcne and oily skin won't improve on their own...\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eEvery day that passes without effective treatment, skin gets more damaged and confidence decreases.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTea-Trica Relief Ampoule\u003c\/strong\u003e is the natural solution your skin needs right now!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Product Info Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eProduct Information\u003c\/h2\u003e\n\u003cdiv class=\"tea-trica-product-info\"\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\u003cstrong\u003eSize:\u003c\/strong\u003e 100ml\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\u003cstrong\u003eSkin Type:\u003c\/strong\u003e Oily, combination, acne-prone, sensitive\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\u003cstrong\u003eKey Ingredients:\u003c\/strong\u003e Tea Tree Water 94,000ppm, Centella Extract 5,621ppm, Triple Pine Complex\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\u003cstrong\u003eFree From:\u003c\/strong\u003e Parabens, sulfates, artificial fragrances, drying alcohol\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\u003cstrong\u003eUsage:\u003c\/strong\u003e Morning and evening\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\u003cstrong\u003eShelf Life:\u003c\/strong\u003e Two years from manufacturing date\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Additional Product-Specific Styles *\/\n.tea-trica-problem-section {\n background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);\n padding: 3rem 2rem;\n border-radius: 15px;\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.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-left: 3px solid #9C8102;\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.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.tea-trica-problem-item p {\n margin: 0;\n color: #333;\n font-size: 1rem;\n line-height: 1.6;\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.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.tea-trica-solution-intro p {\n font-size: 1.1rem;\n line-height: 1.7;\n color: #333;\n margin: 1rem 0;\n}\n\/* Timeline Benefits - Elegant and Compact *\/\n.tea-trica-timeline-list {\n display: grid;\n gap: 0.6rem;\n text-align: left;\n}\n.tea-trica-timeline-benefit {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.5rem 0;\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.tea-trica-timeline-benefit span:last-child {\n color: #333;\n font-size: 0.95rem;\n line-height: 1.5;\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.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.tea-trica-benefits-list {\n list-style: none;\n padding: 0;\n margin: 0;\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-left: 1.5rem;\n}\n.tea-trica-benefits-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: #D4AF37;\n font-weight: bold;\n}\n.tea-trica-clinical-note {\n text-align: center;\n margin-top: 2rem;\n font-size: 1.1rem;\n}\n.tea-trica-clinical-note p {\n margin: 0.5rem 0;\n font-weight: 600;\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.tea-trica-warning {\n margin: 3rem 0;\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.tea-trica-warning-box h3 {\n color: #9C8102;\n font-size: 1.8rem;\n margin-bottom: 1rem;\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.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.tea-trica-info-item {\n padding: 1rem;\n border-bottom: 1px solid #eee;\n font-size: 1rem;\n line-height: 1.6;\n text-align: left;\n}\n.tea-trica-info-item:last-child {\n border-bottom: none;\n}\n.tea-trica-info-item strong {\n color: #9C8102;\n display: inline-block;\n min-width: 150px;\n}\n\/* RTL Adjustments - Keep for compatibility *\/\n[dir=\"rtl\"] .tea-trica-benefits-list li {\n padding-right: 1.5rem;\n padding-left: 0;\n}\n[dir=\"rtl\"] .tea-trica-benefits-list li::before {\n right: 0;\n left: auto;\n}\n[dir=\"rtl\"] .tea-trica-problem-item {\n border-right: 3px solid #9C8102;\n border-left: none;\n}\n[dir=\"rtl\"] .tea-trica-timeline-list {\n text-align: right;\n}\n[dir=\"rtl\"] .tea-trica-info-item {\n text-align: right;\n}\n\/* Responsive *\/\n@media (max-width: 768px) {\n .tea-trica-problem-section {\n padding: 2rem 1rem;\n }\n \n .tea-trica-problem-item {\n padding: 0.85rem 1rem;\n }\n \n .tea-trica-problem-number {\n width: 28px;\n height: 28px;\n font-size: 0.85rem;\n }\n \n .tea-trica-problem-item p {\n font-size: 0.95rem;\n }\n \n .tea-trica-ingredient-title {\n font-size: 1.5rem;\n }\n \n .tea-trica-ingredient-subtitle {\n font-size: 1rem;\n }\n \n .tea-trica-solution-intro {\n padding: 1.5rem;\n }\n \n .tea-trica-solution-intro h3 {\n font-size: 1.1rem;\n }\n \n .tea-trica-warning-box {\n padding: 1.5rem;\n }\n \n .tea-trica-warning-box h3 {\n font-size: 1.4rem;\n }\n \n .tea-trica-info-item strong {\n display: block;\n margin-bottom: 0.5rem;\n }\n \n .tea-trica-timeline-benefit span:last-child {\n font-size: 0.9rem;\n }\n}\n\u003c\/style\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977222058181,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-100ml-tea-trica-relief-ampoule-38642934055158_1440x_4379c95a-ed98-4862-9667-ad5202daf6b6.webp?v=1754244557"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-serum","title":"Some by mi Aha Bha Pha 30 Days Miracle Serum 50Ml","description":"\u003cbody\u003e\n\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":44982711779525,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_30_days_aha_bha_pha_tea_tree_centella_serum_2.jpg?v=1754411667"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-cream","title":"Some by Mi AHA.BHA.PHA 30 Days Miracle Cream 60grams","description":"\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":44982769090757,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/61otJV0m4JL._SL1500.jpg?v=1754414000"},{"product_id":"cosrx-hyaluronic-acid-intensive-cream","title":"COSRX Hyaluronic Acid Intensive Cream 100grams","description":"\u003cstyle\u003e\n .golden-accent { color: #9C8102; font-weight: bold; }\n .section-title { \n color: #9C8102; \n font-size: 1.6em; \n margin: 30px 0 20px 0; \n font-weight: bold; \n text-align: center;\n text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n border-bottom: 3px solid #9C8102;\n padding-bottom: 10px;\n }\n .problem-intro {\n background: linear-gradient(135deg, #ff6b6b, #ee5a52);\n color: white;\n padding: 30px;\n border-radius: 15px;\n margin: 25px 0;\n font-size: 1.1em;\n line-height: 1.9;\n box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3);\n }\n .unique-title {\n background: linear-gradient(135deg, #9C8102, #B8941A);\n color: white;\n padding: 40px;\n text-align: center;\n margin: 30px 0;\n border-radius: 20px;\n font-size: 1.8em;\n font-weight: bold;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.4);\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n .subtitle {\n text-align: center;\n font-size: 1.3em;\n color: #666;\n margin: 15px 0 30px 0;\n font-style: italic;\n }\n .benefit-item { \n margin: 20px 0; \n padding: 25px; \n background: linear-gradient(135deg, #f8f9fa, #e9ecef); \n border-right: 6px solid #9C8102; \n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n .benefit-item:hover { \n transform: translateX(-5px) translateY(-2px); \n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n }\n .how-it-works {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n padding: 30px;\n border-radius: 15px;\n margin: 25px 0;\n font-size: 1.1em;\n line-height: 1.8;\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);\n }\n .timeline-section {\n background: #2c3e50;\n color: white;\n padding: 30px;\n border-radius: 15px;\n margin: 25px 0;\n box-shadow: 0 8px 25px rgba(44, 62, 80, 0.3);\n }\n .timeline-item {\n margin: 15px 0;\n padding: 15px;\n background: rgba(255,255,255,0.1);\n border-radius: 8px;\n border-left: 4px solid #FFD700;\n }\n .cta-section { \n background: linear-gradient(135deg, #1a1a1a, #2d2d2d); \n color: white; \n padding: 40px 25px; \n text-align: center; \n margin: 50px 0; \n border-radius: 20px;\n box-shadow: 0 12px 35px rgba(0,0,0,0.4);\n border: 3px solid #FFD700;\n }\n @media (max-width: 768px) {\n .cta-section {\n padding: 30px 20px;\n margin: 40px 10px;\n border-radius: 15px;\n }\n .unique-title {\n font-size: 1.4em;\n padding: 30px 20px;\n }\n .section-title {\n font-size: 1.3em;\n }\n }\n .ingredients-list { \n background: linear-gradient(135deg, #f5f7fa, #c3cfe2); \n padding: 30px; \n margin: 25px 0; \n border-radius: 15px;\n border: 3px solid #9C8102;\n box-shadow: 0 6px 20px rgba(156, 129, 2, 0.2);\n }\n .what-makes-different {\n background: linear-gradient(135deg, #ffeaa7, #fdcb6e);\n padding: 25px;\n border-radius: 12px;\n margin: 25px 0;\n border: 2px solid #e17055;\n color: #2d3436;\n font-weight: bold;\n box-shadow: 0 6px 18px rgba(253, 203, 110, 0.3);\n }\n .icon { width: 28px; height: 28px; display: inline-block; margin-left: 12px; }\n .reviews-section {\n background: linear-gradient(135deg, #a8e6cf, #88d8a3); \n padding: 30px; \n border-radius: 15px; \n margin: 25px 0;\n box-shadow: 0 6px 20px rgba(168, 230, 207, 0.3);\n }\n .review-positive { color: #00b894; font-weight: bold; }\n .review-negative { color: #fdcb6e; font-weight: bold; }\n .review-overall { color: #2d3436; font-weight: bold; }\n \u003c\/style\u003e\n\u003cdiv style=\"font-family: 'Arial', sans-serif; direction: 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":45047346036933,"sku":"COSRX_HYALURONIC_ACID_INTENSIVE_CREAM_4587","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrxhyaluronicacidintensivecream.jpg?v=1756314271"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-starter-kit","title":"Some by Mi Yuja Niacin Anti-Blemish Starter Kit المجموعة الكورية المتقدمة لعلاج التصبغات","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":45085609328837,"sku":"SOME_BY_MI_YUJA_NIACIN_ANTI_BLEMISH_STARTER_KIT_2293","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SomebyMiYujaNiacinAnti-BlemishStarterKit3.jpg?v=1757506133"},{"product_id":"some-by-mi-beta-panthenol-repair-cream-60g","title":"Some by Mi Beta Panthenol Repair Cream 60 grams","description":"\u003cstyle\u003e\n.product-description {\n direction: 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 Beta Panthenol Repair Cream 60 grams\u003c\/h1\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Beta_Panthenol_Repair_Cream_60_grams_3.webp?v=1757505838\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\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البانثينول المهدئ 50,000ppm مع بيتا-سيتوستيرول 0.5% وخمسة ببتيدات متطورة\u003c\/strong\u003e في تركيبة كورية تصلح حاجز البشرة وترطبها لمدة 100 ساعة.\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\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\u003e90% من مشاكل البشرة الحساسة سببها ضعف الحاجز الطبيعي\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البانثينول يهدئ ويرطب، الببتيدات تجدد وتصلح، والبروبيوتيك يحمي ويوازن الميكروبيوم الطبيعي للبشرة.\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\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(بالبانثينول 50,000ppm)\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إصلاح عميق بالببتيدات الخمسة\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(بـ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حماية بالبروبيوتيك المتطور\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(ببيفيدا ولاكتوكوكس فيرمنت)\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ترطيب طويل المدى 100 ساعة\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\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◇ البانثينول - فيتامين B5 المعجزة:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eD-Panthenol عالي الجودة 50,000ppm\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\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\n\u003cstrong\u003eأسيتيل هيكسابيبتيد-8:\u003c\/strong\u003e يقلل التجاعيد ويرخي العضلات\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eكوبر ترايببتيد-1:\u003c\/strong\u003e يحفز الكولاجين ويجدد الخلايا\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eبالميتويل ترايببتيد-5:\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ترطيب عميق يدوم 100 ساعة\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\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\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ نتائج مثبتة سريرياً:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eتحسن 89% في قوة الحاجز خلال 8 أسابيع\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 class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Beta Panthenol Repair Cream - الإصلاح الشامل\u003c\/strong\u003e\u003cbr\u003eإصلاح عميق للبشرة التالفة والحساسة بالبانثينول والببتيدات والبروبيوتيك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"60g","offer_id":45085609394373,"sku":"SOME_BY_MI_BETA_PANTHENOL_REPAIR_CREAM_60G_5328","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Beta_Panthenol_Repair_Cream_60_grams.jpg?v=1757505922"},{"product_id":"some-by-mi-super-matcha-pore-care-starter-kit","title":"Some by Mi Super Matcha Pore Care Starter Kit المجموعة الكورية الشاملة لتصغير المسام و تنظيفها","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 Super Matcha Pore Care 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_Super_Matcha_Pore_Care_Starter_Kit.webp?v=1757505490\"\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eكيت العناية الشاملة بالمسام بالماتشا الممتازة والطين الكوري\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eعندما تلتقي الماتشا الكورية عالية الجودة بأحماض BHA الطبيعية والطين المنقي\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eالمسام الواسعة والمسدودة مشكلة تؤثر على نعومة البشرة وجمالها. كيت سوم باي مي يجمع بين \u003cstrong\u003eالماتشا الممتازة بتراكيز تصل إلى 93% مع أحماض BHA الطبيعية والطين الكوري 120,000ppm\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\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\u003e87% من مشاكل المسام الواسعة سببها تراكم الزيوت والأوساخ والخلايا الميتة\u003c\/strong\u003e التي تمدد جدران المسام مع الوقت، بالإضافة لفقدان مرونة البشرة مع التقدم في العمر.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eليه الماتشا + BHA + الطين الكوري هو الحل الأمثل؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eالماتشا تنظف وتغذي، أحماض BHA تذيب الزيوت المسدودة، والطين الكوري يمتص الشوائب ويضيق المسام فوراً.\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\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(بـ62% ماتشا + BHA طبيعية)\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تضييق فوري بالقناع الطيني\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(بطين الكاولين والبنتونايت 120,000ppm)\u003c\/strong\u003e يمتص الزيوت الزائدة ويضيق المسام فوراً لمدة 24 ساعة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eتوازن وترطيب بالتونر\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(بـ93% ماتشا + مياه جليدية)\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حماية مستمرة بالسيروم\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\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-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_Super_Matcha_Pore_Care_Starter_Kit_2.webp?v=1757505589\"\u003e\u003c\/p\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\u003eCamellia Sinensis Leaf Water بتراكيز من 62% إلى 93%\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\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● أحماض BHA الطبيعية - التنظيف العميق:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eSalix Alba Bark Extract - حمض الساليسيليك الطبيعي\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\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مزيج من الكاولين والبنتونايت 120,000ppm\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رحلة تحول المسام في 4 أسابيع:\u003c\/h2\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Super_Matcha_Pore_Care_Starter_Kit_5.webp?v=1757505712\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\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\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\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الأسبوع الرابع:\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\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حتى 93% ماتشا نقية\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\u003e120,000ppm من أجود أنواع الطين\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\u003cp style=\"font-size: 1.1em; 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\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 class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Super Matcha 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":45085609427141,"sku":"SOME_BY_MI_SUPER_MATCHA_PORE_CARE_STARTER_KIT_5880","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_super_matcha_pore_care_starter_kit-1.jpg?v=1757505448"},{"product_id":"some-by-mi-beta-panthenol-toner-150ml","title":"Some by Mi Beta Panthenol Toner Multicolour 150ml","description":"\n\u003cstyle\u003e\n.product-description {\n direction: 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\n\n\u003cdiv class=\"product-description\"\u003e\n \u003cdiv class=\"hero-section fade-in\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"main-title\"\u003eSome by Mi Beta Panthenol Toner Multicolour 150ml\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eتونر الإصلاح المتقدم بالبيتا بانثينول والنياسيناميد والسيراميد\u003c\/h2\u003e\n \u003ch3 class=\"hero-tagline\"\u003eعندما يلتقي البانثينول المهدئ بالنياسيناميد المقوي والسيراميد المرطب\u003c\/h3\u003e\n \u003cp class=\"hero-text\"\u003eالبشرة الحساسة والتالفة تحتاج لإصلاح عميق وحماية مستمرة. تونر سوم باي مي يجمع بين \u003cstrong\u003eالبانثينول المهدئ مع النياسيناميد 2% والسيراميد المقوي وثلاثة أنواع من حمض الهيالورونيك\u003c\/strong\u003e في تركيبة كورية متقدمة لإصلاح حاجز البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\u003e90% من مشاكل البشرة الحساسة سببها ضعف الحاجز الطبيعي\u003c\/strong\u003e. عندما يتلف هذا الحاجز، البشرة تفقد الماء بسرعة، وتصبح عرضة للبكتيريا والملوثات.\u003c\/p\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 يهدئ ويرطب، \u003cstrong\u003eالنياسيناميد\u003c\/strong\u003e يقوي الحاجز ويقلل فقدان الماء، \u003cstrong\u003eالسيراميد\u003c\/strong\u003e يملأ الفجوات ويستعيد البنية الطبيعية للبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefits-section fade-in\"\u003e\n \u003ch2 class=\"benefits-title\"\u003eقوة الثالوث المقدس: بانثينول + نياسيناميد + سيراميد\u003c\/h2\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(بالبانثينول - فيتامين B5)\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تقوية حاجز البشرة الطبيعي\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالنياسيناميد 2% - فيتامين B3)\u003c\/strong\u003e يحفز إنتاج السيراميد الطبيعي ويقلل فقدان الماء عبر البشرة بنسبة 24%\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eترطيب عميق لمدة 100 ساعة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بثلاثة أنواع حمض الهيالورونيك)\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إعادة بناء الحاجز الطبيعي\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالسيراميد NP الطبيعي)\u003c\/strong\u003e يملأ الفجوات بين الخلايا ويستعيد البنية الطبيعية للطبقة الواقية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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◇ البانثينول - فيتامين B5 المعجزة:\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cp\u003e\u003cstrong\u003eD-Panthenol عالي الجودة للتهدئة الفورية\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 \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\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e● النياسيناميد - فيتامين B3 المقوي:\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cp\u003e\u003cstrong\u003eNiacinamide بتركيز 2% مثبت سريرياً\u003c\/strong\u003e:\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eمقوي لحاجز البشرة:\u003c\/strong\u003e يزيد إنتاج السيراميد بنسبة 34%\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 \u003cdiv class=\"timeline-section fade-in\"\u003e\n \u003ch2 class=\"timeline-title\"\u003eرحلة إصلاح البشرة الحساسة في 8 أسابيع:\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 \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 \u003cli\u003eترطيب طبيعي يدوم طوال اليوم\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3\u003eالأسابيع 7-8 وما بعدها:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eبشرة قوية ومرنة تقاوم التهيج\u003c\/li\u003e\n \u003cli\u003eحاجز طبيعي محكم يحمي من التلوث والبكتيريا\u003c\/li\u003e\n \u003cli\u003eقدرة على استخدام مكونات نشطة أقوى بأمان\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"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بدون عطور أو كحول أو مهيجات\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\u003e150مل تكفي لـ3-4 شهور\u003c\/strong\u003e - استثمار طويل المدى لإصلاح شامل.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"science-section fade-in\"\u003e\n \u003ch2 class=\"science-title\"\u003eلماذا إصلاح الحاجز أهم من التجميل؟\u003c\/h2\u003e\n\n \u003cp style=\"font-size: 1.2em; 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 \u003cdiv class=\"final-cta fade-in\"\u003e\n \u003ch2 class=\"cta-title\"\u003eالثورة الكورية لإصلاح البشرة الحساسة\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eSome by Mi Beta Panthenol Toner - الإصلاح الشامل\u003c\/strong\u003e\u003cbr\u003e\n إصلاح عميق وتقوية دائمة للبشرة الحساسة بالثالوث المقدس: بانثينول + نياسيناميد + سيراميد\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n console.log('Comprehensive product description loaded successfully');\n\n \/\/ Add fade-in animations\n const fadeElements = document.querySelectorAll('.fade-in');\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n });\n\n fadeElements.forEach(el =\u003e {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n});\n\u003c\/script\u003e\n","brand":"Some by Mi","offers":[{"title":"150ml","offer_id":45085609459909,"sku":"SOME_BY_MI_BETA_PANTHENOL_TONER_150ML_4078","price":980.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Beta_Panthenol_Toner_Multicolour_150ml.png?v=1757505290"}],"url":"https:\/\/instachiq.com\/en\/collections\/korean-skincare-secrets-cosrx-some-by-mi-beauty-joseon.oembed?page=4","provider":"Instachiq","version":"1.0","type":"link"}