{"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 | جيل الحلزون","description":"\u003cdiv class=\"cosrx-snail-section\"\u003e\n \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 direction: rtl;\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: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n font-weight: 700;\n }\n \n .snail-subtitle {\n font-size: 1.3rem;\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n .snail-text {\n font-size: 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 }\n \n .snail-image.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .snail-image.fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .snail-section {\n margin-bottom: 50px;\n overflow: hidden;\n }\n \n .snail-section-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\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: disc;\n padding-right: 20px;\n margin: 20px 0;\n }\n \n .snail-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .snail-numbered-list {\n list-style-type: decimal;\n padding-right: 25px;\n margin: 20px 0;\n }\n \n .snail-numbered-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n padding-right: 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-right: 4px solid #9C8102;\n }\n \n .usage-section h3 {\n color: #9C8102;\n margin-bottom: 20px;\n font-size: 1.4rem;\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 \/* 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 @media (max-width: 768px) {\n .two-column {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .snail-title {\n font-size: 1.5rem;\n }\n \n .snail-section-title {\n font-size: 1.3rem;\n }\n \n .usage-section {\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\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\"\u003eاحمي جمال بشرتك: منتج يعيد تعريف العناية بالبشرة\u003c\/h5\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"snail-section\"\u003e\n \u003ch4 class=\"snail-section-title fade-in\"\u003eهل تعلمين أن بشرتك تحت الهجوم يوميًا؟\u003c\/h4\u003e\n \u003cdiv class=\"snail-content fade-in\"\u003e\n \u003cp class=\"snail-text\"\u003eكل يوم تتعرض فيه بشرتك للإجهاد البيئي وأشعة الشمس الضارة والتلوث هو خطوة جديدة نحو فقدان إشراقها وظهور علامات تقدم السن المبكرة. عندما تُهمل البشرة، تصبح التجاعيد أعمق، والبقع الداكنة أكثر وضوحًا، وتبدأ علامات الإرهاق في الهيمنة على مظهرك.\u003c\/p\u003e\n \u003cp class=\"snail-text\"\u003eلكن الحل يكمن في العلم والطبيعة، وهو الآن بين يديكِ!\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\"\u003eمنتج يعيد كتابة تاريخ بشرتك:\u003c\/h5\u003e\n \u003ch4 class=\"snail-section-title fade-in\"\u003e96% من مخاط الحلزون: المكوّن السحري لتجديد البشرة\u003c\/h4\u003e\n \n \u003cdiv class=\"two-column\"\u003e\n \u003cdiv class=\"column slide-in-left\"\u003e\n \u003cp class=\"snail-text\"\u003eهو أكثر من مجرد منتج للعناية بالبشرة—إنه \u003cspan class=\"highlight\"\u003eاختراق علمي حقيقي\u003c\/span\u003e في عالم العناية بالبشرة. هذا المستحضر يحتوي على تركيز غير مسبوق بـ 96% من إفراز الحلزون النقي، الذي يحمل في طياته \u003cspan class=\"highlight\"\u003eالقوة الطبيعية\u003c\/span\u003e لترميم البشرة وتجديدها بشكل استثنائي.\u003c\/p\u003e\n \n \u003cul class=\"snail-list fade-in\"\u003e\n \u003cli\u003eإصلاح الأنسجة التالفة بعمق.\u003c\/li\u003e\n \u003cli\u003eتحفيز إنتاج الكولاجين والإيلاستين، مما يقلل من الخطوط الدقيقة ويعيد المرونة المفقودة.\u003c\/li\u003e\n \u003cli\u003eتهدئة الالتهابات وشفاء البشرة المتضررة من حب الشباب أو الندوب.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"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\"\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\"\u003eصوديوم هيالورونات: الترطيب العميق الذي ينعش بشرتك\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\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"column slide-in-left\"\u003e\n \u003cp class=\"snail-text\"\u003eتركيبة تضم \u003cspan class=\"highlight\"\u003e1,000 جزء بالمليون من صوديوم الهيالورونات\u003c\/span\u003e، التي تمنحك:\u003c\/p\u003e\n \n \u003cul class=\"snail-list fade-in\"\u003e\n \u003cli\u003eترطيبًا مكثفًا يدوم طوال اليوم.\u003c\/li\u003e\n \u003cli\u003eتعزيز امتلاء البشرة مما يقلل من ظهور الخطوط الدقيقة.\u003c\/li\u003e\n \u003cli\u003eنعومة ولمعانًا طبيعيًا يعكس صحة البشرة من الداخل.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"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\"\u003eلماذا يُعتبر هذا المنتج طفرة في عالم العناية بالبشرة؟\u003c\/h3\u003e\n \n \u003col class=\"snail-numbered-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 \u003c\/ol\u003e\n \n \u003cdiv class=\"usage-section fade-in\"\u003e\n \u003ch3\u003eطريقة الاستخدام:\u003c\/h3\u003e\n \u003cul class=\"snail-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eالخطوة 1\u003c\/strong\u003e: بعد تنظيف البشرة جيدًا، ضعي كمية مناسبة من \u003cstrong\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/strong\u003e على وجهك باستخدام أطراف الأصابع.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالخطوة 2\u003c\/strong\u003e: قومي بتوزيع المنتج برفق على البشرة بلطف، مع التدليك الخفيف حتى يتم امتصاصه بشكل كامل.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالخطوة 3\u003c\/strong\u003e: استخدميه صباحًا ومساءً للحصول على أفضل النتائج. يمكن متابعة الروتين باستخدام مرطبك المعتاد للحصول على ترطيب إضافي.\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 \/\/ 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 \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 حمض الهياليرونيك 3% | السيراميدات | عوامل الترطيب الطبيعية | مرطب للبشرة | حشو التجاعيد","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: rtl;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 1.9rem;\n text-align: right;\n }\n\n .product-description h3 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n }\n\n .product-description ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 0.8em;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .feature-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n \/* Info blocks *\/\n .info-block {\n background: #fcfcfc;\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n border-right: 4px solid #ebebeb;\n transition: transform 0.3s ease;\n }\n\n .info-block:hover {\n transform: translateX(-5px);\n }\n\n .info-title {\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: bold;\n font-size: 1.3rem;\n }\n\n \/* Highlight block *\/\n .highlight-block {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n text-align: center;\n }\n\n .highlight-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Illustration *\/\n .penetration-chart {\n width: 100%;\n height: 250px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n padding: 20px;\n margin: 30px 0;\n position: relative;\n }\n\n .skin-layers {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n .skin-layer {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n position: relative;\n }\n\n .epidermis {\n background: linear-gradient(to bottom, #f7d6c3, #e6c3b0);\n border-radius: 8px 8px 0 0;\n }\n\n .dermis {\n background: linear-gradient(to bottom, #e6c3b0, #d5a997);\n }\n\n .hypodermis {\n background: linear-gradient(to bottom, #d5a997, #c1937f);\n border-radius: 0 0 8px 8px;\n }\n\n .penetration-arrow {\n position: absolute;\n top: 10%;\n right: 50%;\n height: 80%;\n width: 4px;\n background: #9C8102;\n z-index: 2;\n }\n\n .penetration-arrow::before {\n content: '';\n position: absolute;\n bottom: -10px;\n right: -8px;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 15px solid #9C8102;\n }\n\n .penetration-label {\n position: absolute;\n top: 50%;\n right: 30%;\n transform: translateY(-50%);\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n }\n\n .layer-label {\n position: absolute;\n right: 10px;\n color: #333;\n font-weight: bold;\n }\n\n \/* Usage steps *\/\n .usage-steps {\n margin: 2em 0;\n }\n\n .step {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n transition: transform 0.3s ease;\n }\n\n .step:hover {\n transform: translateX(-5px);\n }\n\n .step-number {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n }\n\n .step-text {\n flex-grow: 1;\n }\n\n \/* Call to action *\/\n .cta-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-title {\n color: black;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_2.webp?v=1745676258\" alt=\"COSRX Hyaluronic Acid Serum\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eتحدي الجفاف يبدأ هنا: بشرة مرطّبة، مشدودة، ومتوهّجة\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eبشرتك تستغيث لفقدان نضارتها، وكل يوم يمر دون علاج يزيد من عمق المشكلة ويصعب التراجع عنها.\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003eهل تعلمين أن التجاعيد المبكرة ليست تغييراً طبيعياً فحسب؟ بل هي دليل على تدهور حاجز الترطيب الحيوي في بشرتك. هذه الخطوط ليست مجرد علامات عابرة؛ إنها إنذارات بأن بشرتك بدأت تفقد قدرتها على الاحتفاظ بالرطوبة والمرونة. ومع كل يوم يمر دون ترطيب فعّال، تصبح هذه العلامات أعمق وأكثر صعوبة في المعالجة. تذكّري، التجاعيد تبدأ بالظهور عندما تفتقر البشرة إلى العناية المناسبة؛ وأي نقص في الترطيب يمكن أن يتحول إلى خطوط وتجاعيد لا تختفي بسهولة. امنحي بشرتك القوة التي تحتاجها مع حمض الهيالورونيك، واعيدي إليها حيويتها قبل فوات الأوان.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_1.webp?v=1745676253\" alt=\"COSRX Hyaluronic Acid Serum Application\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eابتكار يذهب أبعد من المرطبات التقليدية:\u003c\/h3\u003e\n \n \u003cp\u003eمعظم المنتجات تُرطّب فقط، لكن هذا السيروم يعمل كـ:\u003c\/p\u003e\n \n \u003c!-- Feature Grid --\u003e\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eمُصلح طبيعي\u003c\/div\u003e\n \u003cp\u003eيُرمم الحاجز الواقي للبشرة، مما يجعلها أقوى وأكثر مقاومة للتلف.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eمُحسن للنسيج الجلدي\u003c\/div\u003e\n \u003cp\u003eيزيل ملمس البشرة الخشن ليتركها ناعمة كالحرير بعد الاستخدام الأول.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eمُكافح للجفاف المزمن\u003c\/div\u003e\n \u003cp\u003eيعالج الجفاف من جذوره مع توفير حماية طويلة الأمد تستمر لساعات.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eإحساس بالفخامة مع كل استخدام:\u003c\/h3\u003e\n \n \u003cp\u003eملمسه الفريد لا يُشبه أي منتج جرّبته من قبل. التركيبة خفيفة، تُمتص بسهولة، لكنها تغلّف بشرتك بغطاء من النعومة والراحة يدوم طوال اليوم.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\" alt=\"COSRX Hyaluronic Acid Serum Close Up\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eما الذي يميز تركيبة سيروم COSRX Hyaluronic Acid Intensive Cream؟\u003c\/h2\u003e\n \n \u003c!-- First Info Block --\u003e\n \u003cdiv class=\"info-block\"\u003e\n \u003ch3 class=\"info-title\"\u003e1. مزيج قوي من NMF (Amino Acid Complex):\u003c\/h3\u003e\n \n \u003cp\u003eNatural Moisturizing Factors (NMF) تشمل مجموعة من الأحماض الأمينية التي تُحاكي العناصر الطبيعية الموجودة في البشرة، والتي تعمل على:\u003c\/p\u003e\n \n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eترطيب البشرة بعمق:\u003c\/strong\u003e الأحماض الأمينية تساعد البشرة في الاحتفاظ بالماء، مما يمنحها نضارة ومرونة طبيعية.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eإصلاح حاجز البشرة:\u003c\/strong\u003e يُعزز هذا المركب من قدرة الجلد على الحماية ضد العوامل البيئية الضارة والجفاف.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيادة النعومة:\u003c\/strong\u003e مع الاستخدام المنتظم، يُقلل من ملمس البشرة الخشن ويُعيد التوازن لمستوى الترطيب الطبيعي.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Second Info Block --\u003e\n \u003cdiv class=\"info-block\"\u003e\n \u003ch3 class=\"info-title\"\u003e2. السيراميدات: الحصن الأخير بين بشرتك وعوامل الشيخوخة\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eعندما ينهار حاجز البشرة، تبدأ بشرتك رحلة لا عودة نحو الجفاف وفقدان النضارة\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eبدون حاجز قوي، كل عدو لبشرتك سيغزوها بلا رحمة. \u003c\/strong\u003eالبشرة الطبيعية تحتوي على \u003cstrong\u003eالسيراميدات\u003c\/strong\u003e كجزء أساسي من الحاجز الواقي الذي يحتفظ بالرطوبة ويمنع فقدانها.\u003c\/p\u003e\n \n \u003cp\u003eعند فقدان هذه السيراميدات يؤدي إلى انهيار حاجز البشرة و فقدان الرطوبة و النضارة و تعريض البشرة للعوامل البيئية المسببة للشيخوخة. بدون هذا الدعم، يتحول الجلد إلى ساحة معركة، حيث تتسارع علامات الإجهاد والتقدم في السن. هل ستترك بشرتك مكشوفة وعرضة للتلف؟\u003c\/p\u003e\n \n \u003cp\u003eيحتوي السيروم على تركيز عالي من السيراميدات التي ستساعد بشرتك في استعادة درعها الوقائي ويمنع العوامل الضارة من التسلل لطبقات جلدك العميقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Penetration Depth Section --\u003e\n \u003cdiv class=\"highlight-block\"\u003e\n \u003ch3 class=\"highlight-title\"\u003e3. ترطيب يصل إلى 2,5 مل تحت سطح الجلد\u003c\/h3\u003e\n \n \u003cp\u003eتستخدم التركيبة تركيزًا فعالًا من حمض الهيالورونيك الذي يُرطّب البشرة بعمق عبر جميع طبقات الجلد ويصل لعمق غير مسبوق في جميع المرطبات. تتغلغل هذه التركيبة عبر أعمق خلايا جلدك لتوفر الترطيب الفعال على جميع مستويات البشرة.\u003c\/p\u003e\n \n \u003c!-- Skin Penetration Visualization --\u003e\n \u003cdiv class=\"penetration-chart\"\u003e\n \u003cdiv class=\"skin-layers\"\u003e\n \u003cdiv class=\"skin-layer epidermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eالبشرة الخارجية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin-layer dermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eالأدمة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin-layer hypodermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eتحت الأدمة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"penetration-arrow\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"penetration-label\"\u003eعمق التغلغل: 2.5 مل\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_1600_x_1200_px.jpg?v=1734291139\" alt=\"COSRX Hyaluronic Acid Serum Skin Benefits\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3.jpg?v=1745676384\" alt=\"COSRX Hyaluronic Acid Serum Bottle\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eكل قطرة تُعيد بناء بشرتك من الداخل\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eقطرة صغيرة... تأثير هائل: ترطيب كامل للبشرة بكمية بسيطة\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003eبفضل تركيبة سيروم الهيالورونيك من COSRX، لا تحتاجين سوى كمية صغيرة جدًا لتغطية وجهك بالكامل. التركيبة المركزة والفعّالة تعمل بذكاء لتوزيع الترطيب بعمق في كل طبقة من بشرتك، مما يمنحك نتائج ملحوظة دون إهدار المنتج.\u003c\/p\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003ch3\u003eطريقة الاستخدام:\u003c\/h3\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتنظيف البشرة جيداً باستخدام منظف مناسب لنوع بشرتك\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eضع بضع قطرات من السيروم على بشرة نظيفة ورطبة قليلاً\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eانشر السيروم برفق باستخدام أطراف أصابعك بحركات دائرية لطيفة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eاتبعي بكريم مرطب لإغلاق الترطيب داخل البشرة (اختياري)\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eاستخدمي السيروم مرتين يومياً، في الصباح والمساء لأفضل النتائج\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch3 class=\"cta-title\"\u003eCOSRX Hyaluronic Acid Intensive Cream\u003c\/h3\u003e\n \u003cp\u003eالحل المثالي لبشرة متعطشة للترطيب العميق والنضارة المستمرة\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eأعيدي الحياة لبشرتك الآن!\u003c\/strong\u003e\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to feature cards when they come into view\n observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info blocks when they come into view\n observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to steps when they come into view\n observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to highlight block when it comes into view\n observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n \n \/\/ Animate the penetration arrow after the block appears\n setTimeout(() =\u003e {\n const arrow = element.querySelector('.penetration-arrow');\n if (arrow) {\n arrow.style.height = '0%';\n arrow.style.transition = 'height 1.5s ease';\n \n setTimeout(() =\u003e {\n arrow.style.height = '80%';\n }, 300);\n }\n }, 300);\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44297342386373,"sku":"INSTA055008CHIQ","price":1020.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1734295431"},{"product_id":"cosrx-niacinamide-serum","title":"Cosrx نياسيناميد 15% | متخصص المسام | تفتيح | تنظيم الزيوت","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: rtl;\n }\n\n \/* Typography *\/\n .product-description h2 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h2::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Featured section *\/\n .featured-section {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n }\n\n .featured-title {\n color: #9C8102;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n \/* Benefits section *\/\n .benefits-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 2em 0;\n }\n\n .benefit-card {\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n font-size: 1.8rem;\n margin: 0 auto 15px;\n }\n\n .benefit-content {\n padding: 25px;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: bold;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n text-align: center;\n }\n\n \/* Before\/After comparison *\/\n .comparison-container {\n position: relative;\n width: 100%;\n margin: 2em 0;\n border-radius: 15px;\n overflow: hidden;\n }\n\n .comparison-image {\n width: 100%;\n display: block;\n border-radius: 15px;\n }\n\n \/* Percentage indicator *\/\n .percentage-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 3em 0;\n }\n\n .percentage-circle {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n background: conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .percentage-circle::before {\n content: '';\n position: absolute;\n width: 130px;\n height: 130px;\n border-radius: 50%;\n background-color: white;\n }\n\n .percentage-text {\n position: relative;\n z-index: 1;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n }\n\n .percentage-label {\n margin-right: 20px;\n font-size: 1.2rem;\n color: #333;\n flex: 1;\n }\n\n \/* Info sections *\/\n .info-section {\n margin: 3em 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border-right: 5px solid #9C8102;\n transition: transform 0.3s ease;\n }\n\n .info-section:hover {\n transform: translateX(-5px);\n }\n\n \/* Usage section *\/\n .usage-section {\n margin: 3em 0;\n }\n\n .usage-title {\n color: #9C8102;\n font-size: 1.5rem;\n margin-bottom: 20px;\n }\n\n .usage-steps {\n display: flex;\n justify-content: space-between;\n position: relative;\n margin: 40px 0;\n }\n\n .usage-steps::before {\n content: '';\n position: absolute;\n top: 25px;\n right: 0;\n left: 0;\n height: 2px;\n background-color: rgba(156, 129, 2, 0.3);\n z-index: -1;\n }\n\n .usage-step {\n text-align: center;\n position: relative;\n width: 120px;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.3rem;\n margin: 0 auto 15px;\n }\n\n .step-text {\n font-size: 0.95rem;\n color: #555;\n }\n\n \/* Call to action *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 3em 0 1em;\n }\n\n .cta-container h2 {\n color: white;\n margin-bottom: 20px;\n }\n\n .cta-container h2::after {\n background-color: white;\n margin: 10px auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: rgba(156, 129, 2, 0.08);\n border-radius: 10px;\n padding: 20px;\n margin: 2em 0;\n border: 3px solid #000;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-container {\n grid-template-columns: 1fr;\n }\n\n .percentage-container {\n flex-direction: column;\n }\n\n .percentage-label {\n margin: 20px 0 0 0;\n text-align: center;\n }\n\n .usage-steps {\n flex-direction: column;\n align-items: center;\n }\n\n .usage-steps::before {\n display: none;\n }\n\n .usage-step {\n margin-bottom: 30px;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\" alt=\"COSRX Niacinamide 15% Serum\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eالمركب المثالي الذي غير موازين العناية بالبشرة.. الآن في أعلى تركيز ممكن\u003c\/h2\u003e\n \n \u003c!-- Percentage Indicator --\u003e\n \u003cdiv class=\"percentage-container\"\u003e\n \u003cdiv class=\"percentage-circle\"\u003e\n \u003cdiv class=\"percentage-text\"\u003e15%\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"percentage-label\"\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eاكتشف الفرق مع التركيز العالي\u003c\/h3\u003e\n \u003cp\u003eربما جربت النياسيناميد من قبل، لكن لم تجربه بتركيز 15% هذا، وهو التركيز الذي سيتحدى كل ما تعرفه عن العناية بالبشرة. تأثيره أقوى من أي وقت مضى ضد الشوائب، ويعمل على تقليص المسام بفاعلية غير مسبوقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15.png?v=1745677490\" alt=\"COSRX Niacinamide 15% Serum Product\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eالتركيبة الموازنة للميلانين تتحدى أصعب التصبغات\u003c\/h2\u003e\n \n \u003cdiv class=\"info-section\"\u003e\n \u003cp\u003eهذه التركيبة عالية التخصص في موازنة انتاج الميلانين, عند التعرض للعوامل البيئية تقوم البشرة بزيادة انتاج الميلانين بشكل غير متساوي مما يؤدي الى ظهور هذه التصبغات المزعجة التي تؤثر على مظهرك بشكل ملحوظ.\u003c\/p\u003e\n \n \u003cp\u003eتقوم هذه التركيبة بموازنة انتاج الصبغة مما يؤدي لتوحيد لون البشرة و تحقيق بشرة صافية خالية من التصبغات.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\" alt=\"Pore Minimizing Effect\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eهل تعاني من المسام الواسعة ؟ هذا هو الحل النهائي\u003c\/h2\u003e\n \n \u003cp\u003eتخلص من هذه المسام الواسعة المزعجة التي تجعلك تبدو أكبر من سنك و تمتص الـأتربة و العوامل البيئية الضارة وتدخلها إلى أعماق جلدك.\u003c\/p\u003e\n \n \u003cp\u003eيقوم السيروم بتنظيف و تنقية مسامي البشرة و تقليل إفرازات الدهون مما يقلل حجم المسام بشكل غير مرئي و يجعل نسيج بشرتك يبدو كالزجاج .. حرفيا!\u003c\/p\u003e\n \n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-container\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليص المسام\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتركيز 15% من النياسيناميد يعمل على تنظيم إفراز الزيوت وتقليص المسام الواسعة بفعالية كبيرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيعالج التصبغات ويوحد لون البشرة من خلال تنظيم إنتاج صبغة الميلانين\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eمحاربة حب الشباب\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقلل من الالتهابات ويمنع ظهور حب الشباب من خلال تنظيم إفراز الدهون\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\" alt=\"Texture Improvement\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eيعيد بناء نسيج البشرة\u003c\/h2\u003e\n \n \u003cp\u003eسيروم النياسيناميد لا يساعد فقط في محاربة حب الشباب، لكنه أيضًا يساهم في تحسين نسيج البشرة بشكل عام ويجعلها أكثر نعومة ومرونة.\u003c\/p\u003e\n \u003cp\u003eإنه أكثر من مجرد سيروم، إنه تجديد كامل لبشرتك.\u003c\/p\u003e\n \n \u003c!-- Before\/After Comparison --\u003e\n \u003cdiv class=\"comparison-container\"\u003e\n \u003cimg class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\" alt=\"Before and After Using Niacinamide Serum\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eوداعا للرؤوس البيضاء و السوداء\u003c\/h2\u003e\n \n \u003cp\u003eالرؤوس البيضاء والسوداء تتكون عندما يتراكم الزيت والأنربة داخل المسام ويغلقها أو يتفاعل مع الهواء. سيروم النياسيناميد من COSRX يعمل على تقليص حجم المسام وتنظيم إفراز الدهون، مما يمنع تراكم الزيت والأوساخ. كما يساعد في تجديد خلايا البشرة وتقشيرها بلطف، مما يمنع انسداد المسام ويعالج الرؤوس البيضاء والسوداء بشكل فعال.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_no_background.webp?v=1745677778\" alt=\"COSRX Niacinamide 15% Serum Bottle\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eإنه منتج الأحلام للبشرة الدهنية\u003c\/h2\u003e\n \n \u003cdiv class=\"featured-section\"\u003e\n \u003cp\u003eإذا كنت تمتلك بشرة دهنية أو مختلطة، فمن المؤكد أنك تعرف تماماً تحديات التعامل مع فائض الدهون والمسام الواسعة. لكن مع سيروم النياسيناميد 15% من COSRX، يمكنك الآن تحقيق بشرة نقية ومشدودة دون القلق من اللمعان الزائد أو المشاكل المرتبطة بإفراز الدهون.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eوقاية شاملة من عوامل الزمن..العلاج و الوقاية في تركيبة واحدة\u003c\/h2\u003e\n \n \u003cp\u003eالزمن لا يرحم جلدك, كل يوم نتعرض فيه للعوامل البيئية الضارة هي خطوة أكبر للشيخوخة المبكرة\u003cbr\u003eلا تترك جلدك وحيد في حربه ضد الزمن\u003c\/p\u003e\n \n \u003cp\u003eيجب على بشرتك التسلح بدرع وقائي من النياسيناميد! يقوم النياسيناميد في هذه التركيبة عالية التركيز بحماية البشرة من عوامل التأكسد المسببة للشيخوخة المبكرة!\u003c\/p\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch3 class=\"usage-title\"\u003eكيف تستخدمه؟\u003c\/h3\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتنظيف البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع التونر\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eالكريم المرطب\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"highlight-box\"\u003e\n \u003cp\u003eيوضع سيروم النياسيناميد 15% صباحًا ومساءً على بشرة نظيفة قبل أي كريمات أو زيوت أخرى.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eملاحظة\u003c\/strong\u003e: لا يُفضل استخدامه في نفس الوقت مع منتجات تحتوي على فيتامين C النقي (حمض الأسكوربيك).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-container\"\u003e\n \u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n \u003cp\u003eالحل الأمثل للمسام الواسعة والبشرة غير متساوية اللون\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to animate percentage circle\n const animatePercentageCircle = () =\u003e {\n const percentageCircle = document.querySelector('.percentage-circle');\n \n if (percentageCircle) {\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n \n setTimeout(() =\u003e {\n percentageCircle.style.transition = 'background 1.5s ease-out';\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n }, 300);\n }\n };\n \n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Animate percentage circle when it comes into view\n observeElements([document.querySelector('.percentage-container')], () =\u003e {\n animatePercentageCircle();\n });\n \n \/\/ Apply animations to benefit cards when they come into view\n observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info sections when they come into view\n observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n });\n \n \/\/ Apply animations to step numbers when they come into view\n observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n element.style.animation = 'pulseIn 0.5s ease forwards';\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n @keyframes pulseIn {\n 0% {\n transform: scale(0.5);\n opacity: 0;\n }\n 70% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n }\n \n .benefit-card,\n .info-section,\n .featured-section,\n .highlight-box {\n opacity: 0;\n }\n \n .step-number {\n opacity: 0;\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44299894751429,"sku":"INSTA05ت5008CHIQ","price":1350.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1734367558"},{"product_id":"anua-heartleaf-toner","title":"Anua مستخلص الهارتليف 77% | تونر مهدئ للبشرة | معالج للاحمرار و الحبوب | مرطب","description":"\u003ch3\u003e\u003cstrong\u003eAnua Heartleaf 77% Soothing Toner: الحل الكوري الأمثل لبشرتك\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eهذا ليس مجرد تونر عادي، بل تركيبة متقدمة تستهدف مشكلات البشرة مباشرة وتساعد في استعادة نضارتها وصحتها:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eاحمرار وتهيج؟\u003c\/strong\u003e التونر يهدّئ البشرة بفضل احتوائه على 77% من مستخلص نبات القلب (Houttuynia Cordata)، المعروف بخصائصه المهدئة والمضادة للالتهاب.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eحب الشباب؟\u003c\/strong\u003e يقلل من ظهور الحبوب وينقي المسام للحصول على بشرة نقية وخالية من الشوائب.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eبشرة جافة وباهتة؟\u003c\/strong\u003e يوفر ترطيبًا عميقًا ويمنح البشرة مظهرًا مشرقًا ونديًا.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eحاجز بشرة ضعيف؟\u003c\/strong\u003e يعيد تقوية البشرة وحمايتها من العوامل البيئية الضارة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eاستعيد توازن بشرتك الطبيعي مع درجة حموضة مثالية (pH 5.5)\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eإذا كنت تعاني من اختلال في توازن بشرتك بسبب العوامل البيئية أو المنتجات القاسية، فإن تونر Anua Heartleaf هو الحل المثالي لك. بفضل تركيبته الغنية التي تتمتع بدرجة حموضة متوازنة 5.5، يعيد هذا التونر التوازن لبشرتك بشكل طبيعي، ويحافظ على حاجزها المائي بدون التأثير على طبقة الحماية الطبيعية للبشرة. بتركيز مثالي، يعمل على تنظيف البشرة بلطف ويمنحها شعورًا بالانتعاش والترطيب.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eبشرتك حساسة؟ هنا الحل الطبيعي المثالي\u003c\/strong\u003e\u003cbr\u003eإذا كنت من أصحاب البشرة الحساسة التي تتفاعل بسرعة مع المنتجات الكيميائية أو المواد المهيجة، فإن تونر Anua Heartleaf هو الحل الأمثل لك. بفضل مستخلص نبات القلب، المعروف بخصائصه المهدئة والمضادة للالتهابات، يساعد هذا التونر على تقليل الاحمرار والتهيج الناتج عن العوامل الخارجية مثل التلوث وأشعة الشمس. استخدامه المنتظم يهدئ البشرة ويمنحك شعورًا بالراحة والانتعاش طوال اليوم.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eأقصى تركيز من النبات الأفضل في تهدئة البشرة المتهيجة\u003c\/strong\u003e\u003cbr\u003eمستخلص نبات القلب (Houttuynia Cordata) هو المكون الرئيس في هذا التونر بتركيز 77%. يعد هذا النبات من أكثر النباتات فعالية في تهدئة البشرة المتهيجة بفضل خصائصه المضادة للبكتيريا والمضادة للالتهابات. يعمل بشكل فعال على تقليل التورم والاحمرار الناتج عن مشاكل البشرة اليومية مثل حب الشباب والتهيج الناتج عن المنتجات القاسية. احصل على أقصى استفادة من هذا المكون الطبيعي في عناية بشرتك مع تونر Anua.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eإنه بمثابة الغذاء الصحي لبشرتك\u003c\/strong\u003e\u003cbr\u003eتمامًا مثلما يحتاج جسمك إلى غذاء صحي ليتوازن ويظل نشيطًا، فإن بشرتك تحتاج إلى العناصر الطبيعية لتظل ناعمة وصحية. مع تركيبة غنية بمستخلص نبات القلب وحمض الهيالورونيك، يوفر تونر Anua كل ما تحتاجه بشرتك من ترطيب وتهدئة، ليمنحها إشراقة وحيوية طوال اليوم. إنه بمثابة الطعام الذي يغذي بشرتك من الداخل، ويعمل على تجديد خلاياها وحمايتها من العوامل البيئية الضارة.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eمستخلص نبات القلب (Houttuynia Cordata):\u003c\/strong\u003e\u003cbr\u003eيعد مستخلص نبات القلب أحد المكونات الطبيعية الفعّالة التي يُستخدمها التونر Anua Heartleaf 77% Soothing Toner. هذا النبات، الذي يُعرف أيضًا باسم \"الهووتويا\"، يتمتع بخصائص مذهلة تجعله مثاليًا للبشرة المتعبة والمتهيجة. إليك لماذا يُعتبر مستخلص نبات القلب المكون الأساسي لهذا التونر:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتهدئة البشرة المتهيجة:\u003c\/strong\u003e نبات القلب معروف بقدرته الفائقة على تهدئة البشرة المتعبة والمتهيجة. يحتوي على مركبات مضادة للالتهابات تعمل على تقليل الاحمرار والتهيج الناتج عن العوامل البيئية أو استخدام منتجات قاسية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eخصائص مضادة للبكتيريا:\u003c\/strong\u003e يساعد مستخلص نبات القلب على تقليل نمو البكتيريا التي تسبب التهابات الجلد وحب الشباب. لذلك، فهو مثالي للبشرة المعرضة لهذه المشكلات.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتعزيز صحة البشرة بشكل عام:\u003c\/strong\u003e يحتوي النبات على مكونات مضادة للأكسدة التي تحارب الجذور الحرة وتقلل من تأثيرات الشيخوخة المبكرة. كما أنه يساهم في تجديد البشرة ويحسن من مرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eترطيب البشرة:\u003c\/strong\u003e يعد نبات القلب من المصادر الطبيعية التي تحسن من مستوى الترطيب في البشرة، مما يجعلها ناعمة ومرطبة بشكل دائم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eنتائج مثبتة:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e97% من المستخدمين\u003c\/strong\u003e أكدوا تقليل الاحمرار خلال أول أسبوع من الاستخدام.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e92% شعروا بتحسن كبير في مستوى ترطيب بشرتهم.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e90% لاحظوا نعومة وصحة واضحة لبشرتهم.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eطريقة الاستخدام:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eبعد تنظيف وجهك، ضعي كمية مناسبة من التونر على قطعة قطنية أو على يديك.\u003c\/li\u003e\n\u003cli\u003eامسحي بشرتك بلطف أو اربتي عليها للسماح للتونر بالامتصاص.\u003c\/li\u003e\n\u003cli\u003eاتبعيه بروتينك المعتاد للعناية بالبشرة.\u003c\/li\u003e\n\u003c\/ol\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44333256343749,"sku":"","price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_77_hyaluron_toner.jpg?v=1735136895"},{"product_id":"cosrx-advanced-snail-92-cream","title":"COSRX Advanced Snail 92 Cream كريم الترطيب بأقصى تركيز من إفرازات الحلزون","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Introductory Section Styles *\/\n .intro-section {\n max-width: 1000px;\n margin: 0 auto 60px;\n padding: 20px;\n direction: rtl;\n }\n\n .intro-hero-banner {\n background: linear-gradient(135deg, #9C8102 0%, #C4A503 50%, #9C8102 100%);\n padding: 50px 30px;\n border-radius: 25px;\n text-align: center;\n margin-bottom: 40px;\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.3);\n position: relative;\n overflow: hidden;\n }\n\n .intro-hero-banner::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n animation: rotate 20s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .intro-hero-banner h2 {\n color: white;\n font-size: 2.5rem;\n font-weight: 900;\n margin: 0;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);\n position: relative;\n z-index: 1;\n }\n\n .main-uses-section {\n margin-bottom: 50px;\n }\n\n .section-title {\n color: #9C8102;\n font-size: 2.2rem;\n font-weight: 800;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n padding-bottom: 15px;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(to left, transparent, #9C8102, transparent);\n }\n\n .uses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-bottom: 40px;\n }\n\n .use-card {\n background: linear-gradient(145deg, #ffffff 0%, #f9f9f9 100%);\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n border: 2px solid transparent;\n position: relative;\n overflow: hidden;\n }\n\n .use-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to left, #9C8102, #C4A503);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.4s ease;\n }\n\n .use-card:hover::before {\n transform: scaleX(1);\n }\n\n .use-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n border-color: #9C8102;\n }\n\n .use-card h4 {\n color: #9C8102;\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .use-icon {\n font-size: 1.8rem;\n filter: drop-shadow(2px 2px 4px rgba(156, 129, 2, 0.3));\n }\n\n .use-card p {\n color: #444;\n font-size: 1.05rem;\n line-height: 1.8;\n margin: 0;\n }\n\n .highlight-box {\n background: linear-gradient(135deg, #f5f0e1 0%, #fff9e6 100%);\n padding: 40px;\n border-radius: 20px;\n margin: 50px 0;\n border-right: 6px solid #9C8102;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n position: relative;\n }\n\n .highlight-box::before {\n content: '✨';\n position: absolute;\n top: 20px;\n left: 20px;\n font-size: 3rem;\n opacity: 0.2;\n }\n\n .highlight-box h3 {\n color: #9C8102;\n font-size: 1.9rem;\n font-weight: 800;\n margin-bottom: 20px;\n }\n\n .highlight-box p {\n color: #333;\n font-size: 1.15rem;\n line-height: 1.9;\n margin-bottom: 15px;\n }\n\n .highlight-box strong {\n color: #9C8102;\n font-weight: 700;\n }\n\n .tech-info-section {\n background: #fafafa;\n padding: 50px 30px;\n border-radius: 25px;\n margin: 50px 0;\n }\n\n .tech-title {\n color: #9C8102;\n font-size: 2rem;\n font-weight: 800;\n text-align: center;\n margin-bottom: 15px;\n }\n\n .tech-subtitle {\n color: #666;\n font-size: 1.3rem;\n text-align: center;\n margin-bottom: 40px;\n font-weight: 600;\n }\n\n .tech-features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n }\n\n .tech-feature-card {\n background: white;\n padding: 35px;\n border-radius: 18px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n transition: all 0.3s ease;\n border-top: 4px solid #9C8102;\n }\n\n .tech-feature-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.2);\n }\n\n .tech-feature-card h5 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .tech-feature-card p {\n color: #555;\n font-size: 1.05rem;\n line-height: 1.8;\n margin: 0;\n }\n\n .science-harmony-box {\n background: linear-gradient(135deg, #9C8102 0%, #B39203 100%);\n padding: 45px;\n border-radius: 20px;\n margin: 50px 0;\n box-shadow: 0 15px 45px rgba(156, 129, 2, 0.3);\n }\n\n .science-harmony-box h3 {\n color: white;\n font-size: 2rem;\n font-weight: 800;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .science-harmony-box p {\n color: white;\n font-size: 1.15rem;\n line-height: 2;\n text-align: justify;\n margin: 0;\n }\n\n .divider {\n height: 3px;\n background: linear-gradient(to left, transparent, #9C8102, transparent);\n margin: 60px auto;\n max-width: 60%;\n border-radius: 2px;\n }\n\n \/* Responsive Design for Intro Section *\/\n @media (max-width: 768px) {\n .intro-hero-banner {\n padding: 35px 20px;\n }\n\n .intro-hero-banner h2 {\n font-size: 1.8rem;\n }\n\n .section-title {\n font-size: 1.8rem;\n }\n\n .uses-grid {\n grid-template-columns: 1fr;\n }\n\n .highlight-box {\n padding: 25px;\n }\n\n .tech-info-section {\n padding: 30px 20px;\n }\n\n .tech-features-grid {\n grid-template-columns: 1fr;\n }\n\n .science-harmony-box {\n padding: 30px 20px;\n }\n }\n\n \/* Base styles for main product section *\/\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 .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-right: 20px;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 0.8em;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature 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 right: 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-left: 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-right: 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-right: 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 left, #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-left: 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 left, 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\u003c!-- Introductory Section --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n\u003cdiv class=\"intro-hero-banner\"\u003e\n\u003ch2\u003e🐌 الاستخدامات الرئيسية 🐌\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"main-uses-section\"\u003e\n\u003cdiv class=\"uses-grid\"\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch4\u003e\n\u003cspan class=\"use-icon\"\u003e🔧\u003c\/span\u003e ترميم البشرة المتضررة\u003c\/h4\u003e\n\u003cp\u003eإفرازات الحلزون تحتوي على عوامل نمو طبيعية وبروتينات، مثل الجليكوبروتينات وحمض الهيالورونيك، التي تساعد في إصلاح الأنسجة المتضررة وتجديد خلايا الجلد بسرعة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch4\u003e\n\u003cspan class=\"use-icon\"\u003e💪\u003c\/span\u003e استعادة مرونة البشرة\u003c\/h4\u003e\n\u003cp\u003eالمنتج يعزز إنتاج الكولاجين في البشرة، مما يساهم في تحسين مرونة الجلد وتقليل ظهور التجاعيد والخطوط الدقيقة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch4\u003e\n\u003cspan class=\"use-icon\"\u003e💧\u003c\/span\u003e ترطيب استثنائي\u003c\/h4\u003e\n\u003cp\u003eإفرازات الحلزون تختلف عن أي مرطب جربته سابقا...هذا الكريم يوفر ترطيب غير مسبوق و طويل الأمد على جميع مستويات البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch4\u003e\n\u003cspan class=\"use-icon\"\u003e🎨\u003c\/span\u003e توحيد لون البشرة\u003c\/h4\u003e\n\u003cp\u003eيحتوي المنتج على عناصر تساعد في تنظيم إنتاج الميلانين، مما يقلل من ظهور التصبغات ويوحد لون البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch4\u003e\n\u003cspan class=\"use-icon\"\u003e🌸\u003c\/span\u003e علاج للاحمرار و التهيج\u003c\/h4\u003e\n\u003cp\u003eتعمل المكونات الطبيعية مثل مستخلصات الحلزون على تهدئة البشرة وتقليل التهيجات الناتجة عن حب الشباب أو العوامل البيئية الضارة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-box\"\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\u003cp\u003eالجفاف هو الجاسوس الذي يخترق بشرتك و يدمرها من الداخل, أكثر من 90% من مشاكل البشرة سببها الجفاف, سواء كنت تعاني من التصبغات, البهتان , الحبوب أو التجاعيد..يعتبر الترطيب جزء لا يتجزأ من حل المشكلة..مخاط الحلزون هو من أقوى المرطبات الموجودة في الطبيعة بفضل وزنه الجزيئي المثالي و احتوائه على الكثير من العناصر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-info-section\"\u003e\n\u003ch3 class=\"tech-title\"\u003eمعلومات تقنية\u003c\/h3\u003e\n\u003ch4 class=\"tech-subtitle\"\u003eكيف يعمل ؟\u003c\/h4\u003e\n\u003cdiv class=\"tech-features-grid\"\u003e\n\u003cdiv class=\"tech-feature-card\"\u003e\n\u003ch5\u003eتركيز 92% من إفرازات الحلزون\u003c\/h5\u003e\n\u003cp\u003eالتركيز العالي من إفرازات الحلزون يزوّد البشرة بالبروتينات التي تسرّع من تجديد وإصلاح الأنسجة المتضررة، مما يقلل من الندوب ويمنح البشرة مظهرًا صحيًا ومتجددًا.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature-card\"\u003e\n\u003ch5\u003eتعزيز التجديد الخلوي الطبيعي\u003c\/h5\u003e\n\u003cp\u003eيعمل إفراز الحلزون كعامل محفّز لتجديد البشرة بفضل احتوائه على البروتينات والجليكوبروتينات التي تحفز إنتاج خلايا جديدة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature-card\"\u003e\n\u003ch5\u003eإعادة بناء الأنسجة المتضررة\u003c\/h5\u003e\n\u003cp\u003eيتضمن المنتج مركبات فريدة مثل الإلاستين والجليكوبروتينات التي تسهم في إصلاح خلايا الجلد التالفة، ما يعزز تجديد الأنسجة ويترك البشرة بمظهر صحي ومتجدد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature-card\"\u003e\n\u003ch5\u003eتقنية التغلغل العميق\u003c\/h5\u003e\n\u003cp\u003eبفضل التركيبة الجزيئية الدقيقة لإفراز الحلزون، يتمكن المنتج من اختراق أعمق طبقات الجلد بفعالية لتوفير فوائد طويلة الأمد وعلاج المشكلات من الجذور.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-harmony-box\"\u003e\n\u003ch3\u003eقوة الطبيعة والعلم في انسجام مثالي\u003c\/h3\u003e\n\u003cp\u003eيكمن السر وراء فعالية الكريم في تركيبته الفريدة التي تحتوي على 92% من إفرازات الحلزون، المعروفة بخصائصها الفائقة في تجديد خلايا البشرة وإصلاحها بعمق. تتكامل هذه الإفرازات مع مكونات متقدمة مثل Sodium Hyaluronate، الذي يوفر ترطيبًا عميقًا ويمنح البشرة مظهرًا ممتلئًا وناعمًا، وAdenosine الذي يعمل على تحسين مرونة البشرة وتقليل مظهر التجاعيد والخطوط الدقيقة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Main Product Description Section --\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX Snail 92 All In One Cream\" 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\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch5\u003e\u003cstrong\u003eمنتج يعيد كتابة تاريخ بشرتك: \u003c\/strong\u003e\u003c\/h5\u003e\n\u003ch4\u003e\u003cstrong\u003e92% من مخاط الحلزون: المكوّن السحري لتجديد البشرة\u003c\/strong\u003e\u003c\/h4\u003e\n\u003c!-- Animated Percentage --\u003e\n\u003cdiv class=\"percentage-container\"\u003e\n\u003cdiv id=\"countUp\" class=\"percentage-number\"\u003e92%\u003c\/div\u003e\n\u003cdiv class=\"percentage-text\"\u003eمن مخاط الحلزون النقي\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eهو أكثر من مجرد منتج للعناية بالبشرة—إنه \u003cstrong\u003eاختراق علمي حقيقي\u003c\/strong\u003e في عالم العناية بالبشرة. هذا المستحضر يحتوي على تركيز عالي جدا بنسبة 92% من إفراز الحلزون النقي، الذي يحمل في طياته \u003cstrong\u003eالقوة الطبيعية\u003c\/strong\u003e لترميم البشرة وتجديدها بشكل استثنائي.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eإصلاح الأنسجة التالفة بعمق.\u003c\/li\u003e\n\u003cli\u003eتحفيز إنتاج الكولاجين والإيلاستين، مما يقلل من الخطوط الدقيقة ويعيد المرونة المفقودة.\u003c\/li\u003e\n\u003cli\u003eتهدئة الالتهابات وشفاء البشرة المتضررة من حب الشباب أو الندوب.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX Snail 92 All In One Cream Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_all_in_one_cream_92_snail_mucin.jpg?v=1745675566\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eكيف يعمل \u003cstrong\u003eCOSRX Snail 92\u003c\/strong\u003e لتحقيق بشرة مثالية؟\u003c\/h3\u003e\n\u003cdiv class=\"features-section\"\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4 class=\"feature-title\"\u003eإصلاح وترميم البشرة المتضررة (92% Snail Filtrate)\u003c\/h4\u003e\n\u003cp\u003eالتركيز العالي من إفرازات الحلزون يزوّد البشرة بعوامل النمو الطبيعية والبروتينات التي تسرّع من تجديد الخلايا وإصلاح الأنسجة المتضررة، مما يقلل من الندوب ويمنح البشرة مظهرًا صحيًا ومتجددًا.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4 class=\"feature-title\"\u003eترطيب عميق يدوم طويلاً (Sodium Hyaluronate + Betaine)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium Hyaluronate\u003c\/strong\u003e: يحتفظ بالماء داخل طبقات الجلد، مما يوفر ترطيبًا عميقًا يدوم لساعات.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBetaine\u003c\/strong\u003e: يعمل كمكون طبيعي يجذب الرطوبة ويحمي البشرة من الجفاف، مما يمنحها نعومة فائقة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4 class=\"feature-title\"\u003eتعزيز مرونة البشرة وتقليل التجاعيد (Adenosine)\u003c\/h4\u003e\n\u003cp\u003eمادة فعالة تعمل على تحسين مرونة البشرة عن طريق تعزيز إنتاج الكولاجين، مما يقلل من مظهر الخطوط الدقيقة والتجاعيد ليمنحك مظهرًا أكثر شبابًا.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4 class=\"feature-title\"\u003eتهدئة البشرة الحساسة والمتضررة (Panthenol + Allantoin)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthenol\u003c\/strong\u003e: يُعرف بخصائصه المهدئة التي تقلل التهيج والاحمرار.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAllantoin\u003c\/strong\u003e: يعمل على تهدئة البشرة وتجديد خلاياها، مما يجعلها ناعمة ومريحة حتى بعد التعرض للعوامل الخارجية القاسية.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003e\u003cstrong\u003eلماذا يُعتبر هذا المنتج طفرة في عالم العناية بالبشرة؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv class=\"benefits-section\"\u003e\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\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\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\u003ch3\u003eكيفية استخدام \u003cstrong\u003eCOSRX Snail 92\u003c\/strong\u003e:\u003c\/h3\u003e\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\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eضع التونر (اختياري)\u003c\/div\u003e\n\u003cp\u003eاستخدمي التونر لتحضير البشرة وإعادة توازن درجة الحموضة (pH) لضمان امتصاص أفضل للمنتج.\u003c\/p\u003e\n\u003c\/div\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\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\u003cdiv class=\"separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003ch3\u003eالمكونات الرئيسية وقوتها السحرية:\u003c\/h3\u003e\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\"\u003eمخاط الحلزون (92%)\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cp class=\"ingredient-benefits\"\u003eيحتوي على حمض الهيالورونيك الطبيعي، وبروتينات متعددة، ومضادات الأكسدة التي تعمل معًا لترطيب البشرة وترميم الأنسجة التالفة وتحسين مرونة البشرة ومكافحة التجاعيد.\u003c\/p\u003e\n\u003c\/div\u003e\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\"\u003eهيالورونات الصوديوم\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cp class=\"ingredient-benefits\"\u003eيمتلك القدرة على الاحتفاظ بكمية من الماء تصل إلى 1000 ضعف وزنه، مما يوفر ترطيباً عميقاً ويمنح البشرة امتلاءً وحيوية.\u003c\/p\u003e\n\u003c\/div\u003e\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\"\u003eبيتايين\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cp class=\"ingredient-benefits\"\u003eمستخلص طبيعي يعمل كمرطب قوي يحمي البشرة من الجفاف والتهيج، ويحافظ على توازن الرطوبة الطبيعي للبشرة.\u003c\/p\u003e\n\u003c\/div\u003e\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\"\u003eأدينوزين\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cp class=\"ingredient-benefits\"\u003eمكون نشط معترف به عالمياً لقدرته على تحفيز إنتاج الكولاجين وتقليل ظهور الخطوط الدقيقة والتجاعيد، مما يمنح البشرة مظهراً أكثر شباباً.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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;\"\u003eالمستحضر الثوري الذي سيعيد لبشرتك شبابها ونضارتها في أسرع وقت!\u003c\/p\u003e\n\u003ca 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);\" href=\"#\"\u003eاشتري الآن\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44341563293893,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign-2024-12-29T140801.300.jpg?v=1735474131"},{"product_id":"cosrx-retinol-serum","title":"Cosrx سيروم الريتينول تركيز 0.5% + سكوالين | مضاد التجاعيد | تحسين مرونة الجلد","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3, \n .product-description h4 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 2.2rem;\n text-align: center;\n }\n\n .product-description h3 {\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description h4 {\n font-size: 1.4rem;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description ul {\n list-style: none;\n padding: 0;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 1.5em;\n background: rgba(156, 129, 2, 0.03);\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n border-radius: 15px;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Results section *\/\n .results-container {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .percentage-bar {\n width: 100%;\n height: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 5px;\n overflow: hidden;\n margin: 20px 0;\n }\n\n .percentage-fill {\n height: 100%;\n width: 0;\n background-color: #9C8102;\n transition: width 1.5s ease-in-out;\n }\n\n \/* Usage timeline *\/\n .timeline {\n position: relative;\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 0;\n }\n\n .timeline::after {\n content: '';\n position: absolute;\n width: 6px;\n background-color: rgba(156, 129, 2, 0.2);\n top: 0;\n bottom: 0;\n right: 50%;\n margin-right: -3px;\n }\n\n .timeline-item {\n padding: 10px 50px;\n position: relative;\n width: 50%;\n }\n\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 25px;\n height: 25px;\n background-color: white;\n border: 4px solid #9C8102;\n border-radius: 50%;\n top: 15px;\n transition: transform 0.5s ease, background-color 0.5s ease;\n }\n\n .timeline-item:hover::after {\n transform: scale(1.2);\n background-color: #9C8102;\n }\n\n .right {\n right: 0;\n }\n\n .left::after {\n right: -12px;\n }\n\n .right::after {\n left: -12px;\n }\n\n \/* CTA section *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-container h3 {\n color: white;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::after {\n right: 30px;\n }\n \n .timeline-item {\n width: 100%;\n padding-right: 70px;\n padding-left: 25px;\n }\n \n .right {\n right: auto;\n }\n \n .right::after {\n left: auto;\n right: 18px;\n }\n \n .left::after {\n right: 18px;\n }\n }\n\n \/* Animation classes - Added for animated elements when JS loads *\/\n .animate-on-scroll {\n transition: transform 0.8s ease, opacity 0.8s ease;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003ch2\u003eالريتينول... الجندي المجهول في محاربة علامات التقدم بالسن\u003c\/h2\u003e\n \n \u003cp\u003eهل سبق أن نظرت في المرآة وشعرت أن الزمن بدأ يترك بصماته على بشرتك؟ الخطوط الدقيقة تتسلل ببطء، المسام تبدو أكبر، ملمس الجلد لم يعد ناعماً كما كان؟\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eلا تدع الزمن يتحكم بك\u003c\/strong\u003e\u003cbr\u003eالشيخوخة ليست عذراً لتقبل تلك التغيرات، بل هي تحدٍ يمكنك الانتصار عليه.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\" alt=\"سيروم الريتينول COSRX\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eالحل؟ سيروم الريتينول 0.5% من COSRX\u003c\/h3\u003e\n \n \u003cp\u003eأفضل منتج في عالم الريتينول، مصمم بعناية لاستهداف أدق مشاكل البشرة، من التجاعيد العميقة والخطوط الدقيقة إلى ملمس البشرة الخشن وفقدان المرونة.\u003c\/p\u003e\n \n \u003c!-- Features Section --\u003e\n \u003ch3\u003eلماذا تعد هذه التركيبة من أفضل تركيبات الريتينول ؟\u003c\/h3\u003e\n \n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n \u003ch4\u003eتركيز استثنائي من الريتينول النقي\u003c\/h4\u003e\n \u003cp\u003eهذا المنتج يحتوي على \u003cstrong\u003eتركيز 0.5% من الريتينول النقي\u003c\/strong\u003e، وهو من أعلى التركيزات المتوفرة في السوق. يُعرف الريتينول بصعوبة صياغته في هذه التركيزات العالية، حيث يتطلب تقنيات دقيقة للحفاظ على استقراره وضمان فعاليته.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n \u003ch4\u003eتركيبة لطيفة لا تسبب تهيج البشرة\u003c\/h4\u003e\n \u003cp\u003eعلى عكس تركيبات الريتينول التقليدية التي قد تؤدي إلى تهيج واحمرار البشرة، يحتوي هذا المنتج على مزيج فريد من المكونات المهدئة، مما يجعله لطيفًا حتى على البشرة الحساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n \u003ch4\u003eقوام خفيف وسريع الامتصاص\u003c\/h4\u003e\n \u003cp\u003eبتركيبة زيتية حريرية خفيفة، يمتصه الجلد بسهولة دون أن يترك أي أثر دهني، مما يجعله مثاليًا كخطوة أساسية في روتينك الليلي.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003eترطيب عميق مع السكوالين النباتي\u003c\/h4\u003e\n \u003cp\u003eيحتوي المنتج على \u003cstrong\u003eسكوالين مستخلص من النباتات\u003c\/strong\u003e، الذي يعمل كمرطب قوي يمنع الجفاف الناتج عن استخدام الريتينول، مما يحافظ على ترطيب ونعومة البشرة طوال الليل.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eتوكوترينول (فيتامين E فائق)\u003c\/h4\u003e\n \u003cp\u003eيقلل بشكل كبير من أضرار الجذور الحرة ويحسن مظهر البشرة بشكل عام، مما يعزز من فعالية الريتينول ويضمن نتائج متكاملة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Results Section --\u003e\n \u003cdiv class=\"results-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" alt=\"نتائج استخدام سيروم الريتينول\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\u003e\n \n \u003ch3\u003eنتائج سريرية مبهرة!\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eتحسن بنسبة 18.4% في خطوط الأنف والشفاه في 4 أسابيع فقط\u003c\/strong\u003e (مؤكد عبر تجارب مخبرية).\u003c\/p\u003e\n \n \u003cdiv class=\"percentage-bar\"\u003e\n \u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" alt=\"COSRX الريتينول\" style=\"display: block; margin: 30px auto;\"\u003e\n \n \u003c!-- Usage Timeline --\u003e\n \u003ch3\u003eاستخدام تدريجي، تأثير استثنائي\u003c\/h3\u003e\n \n \u003cdiv class=\"timeline\"\u003e\n \u003cdiv class=\"timeline-item left\"\u003e\n \u003ch4\u003eالأسبوع 1-2\u003c\/h4\u003e\n \u003cp\u003eابدئي ببطء لتسمحي لبشرتك بالتأقلم. استخدمي المنتج مرة واحدة أسبوعياً في البداية، ثم مرتين أسبوعياً بدءاً من الأسبوع الثاني.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item right\"\u003e\n \u003ch4\u003eالأسبوع 3-4\u003c\/h4\u003e\n \u003cp\u003eزيدي التردد إلى 3 مرات أسبوعياً. ستلاحظين تحسناً في ملمس البشرة وتقليل الخطوط الدقيقة الأولية.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item left\"\u003e\n \u003ch4\u003eالأسبوع 5-8\u003c\/h4\u003e\n \u003cp\u003eاستخدمي المنتج يومياً أو حسب تحمل بشرتك. ستلاحظين تحسناً واضحاً في مرونة البشرة ونضارتها.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item right\"\u003e\n \u003ch4\u003eمن الأسبوع 8 وما بعد\u003c\/h4\u003e\n \u003cp\u003eاستمتعي ببشرة متجددة، نضرة، خالية من التجاعيد وعلامات التقدم بالسن!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-container\"\u003e\n \u003ch3\u003eزيت الريتينول 0.5% من COSRX\u003c\/h3\u003e\n \u003cp\u003eليس مجرد منتج آخر للعناية بالبشرة، إنه ابتكار علمي متقدم يمنحك نتائج ملموسة دون التنازل عن راحة بشرتك.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eابدئي الآن، وحارب علامات الزمن!\u003c\/strong\u003e\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Animate percentage bar\n (function() {\n \/\/ Add animation to percentage bar without hiding content\n setTimeout(function() {\n var percentageFills = document.querySelectorAll('.percentage-fill');\n percentageFills.forEach(function(fill) {\n var percent = fill.getAttribute('data-percent');\n fill.style.width = percent + '%';\n });\n }, 500);\n \n \/\/ Optional: Enable scroll animations only if preferred\n var enableScrollAnimations = false;\n \n if (enableScrollAnimations) {\n \/\/ Add animation classes to elements\n var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n \n elementsToAnimate.forEach(function(el) {\n el.classList.add('animate-on-scroll');\n });\n \n \/\/ Intersection Observer for scroll animations\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n \n elementsToAnimate.forEach(function(el) {\n el.style.opacity = 0;\n el.style.transform = 'translateY(20px)';\n observer.observe(el);\n });\n }\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359242252485,"sku":null,"price":1170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1736169264"},{"product_id":"cosrx-6-peptide","title":"Cosrx The 6 peptide تونر و سيروم الـ 6 ببتيدات | تجديد شامل للجلد | علاجي لكافة مشاكل الجلد","description":"\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animation for elements as they come into view\n const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n animatedElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Count-up animation for percentage numbers\n const countUpElements = document.querySelectorAll('.count-up');\n \n const countObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n const finalValue = parseFloat(element.getAttribute('data-value'));\n \n let startTime;\n const duration = 2000; \/\/ 2 seconds\n \n function animate(currentTime) {\n if (!startTime) startTime = currentTime;\n \n const elapsedTime = currentTime - startTime;\n const progress = Math.min(elapsedTime \/ duration, 1);\n \n const currentValue = progress * finalValue;\n element.textContent = currentValue.toFixed(1) + '%';\n \n if (progress \u003c 1) {\n requestAnimationFrame(animate);\n }\n }\n \n requestAnimationFrame(animate);\n countObserver.unobserve(element);\n }\n });\n }, {\n threshold: 0.5\n });\n \n countUpElements.forEach(el =\u003e {\n countObserver.observe(el);\n });\n });\n \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n \u003cstyle\u003e\n .cosrx-peptide-section * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .cosrx-peptide-section {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n direction: rtl;\n font-family: inherit;\n color: #333;\n }\n \n .peptide-header {\n text-align: center;\n margin-bottom: 50px;\n }\n \n .peptide-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n font-weight: 700;\n }\n \n .peptide-subtitle {\n font-size: 1.1rem;\n line-height: 1.6;\n color: #555;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .peptide-content {\n margin-bottom: 60px;\n }\n \n .peptide-section-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .peptide-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #444;\n margin-bottom: 20px;\n }\n \n .peptide-image {\n width: 100%;\n border-radius: 10px;\n margin: 30px 0;\n display: block;\n }\n \n .peptide-benefits {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 40px 0;\n }\n \n .benefit-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .benefit-card:hover {\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .benefit-title {\n font-weight: 700;\n margin-bottom: 10px;\n color: #9C8102;\n font-size: 1.1rem;\n }\n \n .peptide-list {\n list-style-type: disc;\n padding-right: 20px;\n margin: 20px 0;\n }\n \n .peptide-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .result-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 30px 0;\n }\n \n .result-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .result-percentage {\n font-size: 2rem;\n font-weight: 700;\n color: #c3a300;\n margin-bottom: 10px;\n }\n \n .result-text {\n font-size: 0.95rem;\n color: #555;\n }\n \n .how-to-use {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 25px;\n margin-top: 40px;\n }\n \n .how-to-use h3 {\n margin-bottom: 15px;\n font-weight: 700;\n font-size: 1.2rem;\n color: #c3a300;\n }\n \n .how-to-use ol {\n padding-right: 25px;\n }\n \n .how-to-use li {\n margin-bottom: 10px;\n line-height: 1.5;\n }\n \n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .slide-in-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .slide-in-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .scale-in {\n opacity: 0;\n transform: scale(0.9);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .count-up {\n display: inline-block;\n }\n \n \/* Shine effect for cards *\/\n .benefit-card, .result-card {\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after, .result-card::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.3) 50%,\n rgba(255, 255, 255, 0) 100%\n );\n transform: rotate(30deg);\n transition: transform 0.7s ease;\n opacity: 0;\n }\n \n .benefit-card:hover::after, .result-card:hover::after {\n opacity: 1;\n transform: rotate(30deg) translate(100%, -100%);\n }\n \n @media (max-width: 768px) {\n .peptide-benefits,\n .result-cards {\n grid-template-columns: 1fr;\n }\n \n .peptide-title {\n font-size: 1.5rem;\n }\n \n .peptide-section-title {\n font-size: 1.3rem;\n }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"peptide-header fade-in\"\u003e\n \u003ch2 class=\"peptide-title\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/h2\u003e\n \u003cp class=\"peptide-subtitle\"\u003eمنتج متطور يحتوي على 6 ببتيدات قوية لتجديد البشرة وتحسين مظهرها بشكل شامل\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-content\"\u003e\n \u003ch3 class=\"peptide-section-title fade-in\"\u003eلماذا البيبتيدات هي كلمة السر؟\u003c\/h3\u003e\n \u003cp class=\"peptide-text fade-in\"\u003eالبيبتيدات هي سلاسل الأحماض الأمينية التي تُعد المفتاح لإصلاح وتجديد البشرة. ومع ذلك، فإن قوة البيبتيدات تكمن في تنوعها.\u003cbr\u003eلهذا السبب قام فريق \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e بابتكار تركيبة مذهلة تحتوي على \u003cspan class=\"highlight\"\u003e6 أنواع من البيبتيدات\u003c\/span\u003e، مصممة لاستهداف كل مشكلة قد تواجهينها:\u003c\/p\u003e\n \n \u003cul class=\"peptide-list fade-in\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eإعادة مرونة البشرة:\u003c\/strong\u003e وداعًا للترهلات.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل التجاعيد العميقة والخطوط الدقيقة:\u003c\/strong\u003e اجعلي وجهكِ يبدو أصغر بسنوات.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل المسام والحصول على بشرة ناعمة:\u003c\/strong\u003e لأن التفاصيل الصغيرة تصنع الفرق.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eترطيب مضاعف دون الشعور بالثقل:\u003c\/strong\u003e بشرتكِ ستتنفس من جديد.\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\" alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eمنتج وحيد سيغنيك عن الروتينات المعقدة والباهظة\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eمع \u003cspan class=\"highlight\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/span\u003e، لا حاجة لك بعد الآن لمجموعة من المنتجات المتعددة التي تثقل كاهلك وتكلفك الكثير من المال. هذا المنتج المتطور يحتوي على 6 ببتيدات فعّالة تُعالج مشاكل البشرة المختلفة في خطوة واحدة فقط.\u003c\/p\u003e\n \n \u003cp class=\"peptide-text\"\u003eبفضل تركيبة السيروم المتكاملة، يمكنك الاستغناء عن التونر، السيروم، والمستحضرات الأخرى، وبالتالي توفير الوقت والمال. الجمال والعناية بالبشرة لم يعد يحتاج إلى روتين معقد. سيروم COSRX 6 Peptide هو كل ما تحتاجه لبشرة صحية ومتجددة.\u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\" alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003e6 ببتيدات تعمل في تناغم لاستعادة شباب بشرتك\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eتخيل أن بشرتك تحصل على أفضل علاج ممكن بفضل مزيج متكامل من 6 ببتيدات قوية تعمل معًا لتجديد وتحسين مظهر بشرتك. من تعزيز مرونة البشرة وتقليل التجاعيد إلى توحيد اللون وتجديد الخلايا، هذه الببتيدات تُحفز البشرة على إصلاح نفسها بشكل طبيعي.\u003c\/p\u003e\n \n \u003cp class=\"peptide-text\"\u003eكل ببتيد من الـ6 يعمل على معالجة مشكلة معينة: تقليل الخطوط الدقيقة، تحسين ملمس البشرة، مكافحة التصبغات، وتجديد شباب الجلد. النتيجة؟ بشرة مشدودة، ناعمة، ومشرقة، مع تقدم ملحوظ في تجديد شباب البشرة.\u003c\/p\u003e\n \n \u003cdiv class=\"peptide-benefits\"\u003e\n \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eمكافحة علامات التقدم في السن\u003c\/h4\u003e\n \u003cp\u003eالببتيدات تعمل على تحفيز إنتاج الكولاجين والإيلاستين، مما يساعد في تقليل التجاعيد وإعادة الشباب للبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eترطيب عميق للبشرة\u003c\/h4\u003e\n \u003cp\u003eتعمل الببتيدات مع حمض الهيالورونيك لتوفير ترطيب مكثف للبشرة، مما يجعلها أكثر نعومة ومرونة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h4\u003e\n \u003cp\u003eبفضل النياسيناميد والببتيدات، يعمل السيروم على تفتيح التصبغات وتوحيد لون البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eتعزيز الحاجز الواقي للبشرة\u003c\/h4\u003e\n \u003cp\u003eيساعد السيروم في تقوية الحاجز الواقي للبشرة، مما يحميها من العوامل البيئية الضارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\" alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eتركيبة متقدمة تدمج الببتيدات مع أقوى مكونات العناية بالبشرة\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eالنياسيناميد، الهياليرونيك، والأدينوسين\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"peptide-text\"\u003eالببتيدات بمفردها معروفة بقدرتها الفائقة في تجديد البشرة وتحفيز إنتاج الكولاجين، \u003cstrong\u003eولكن عندما يتم دمجها مع مكونات مثل النياسيناميد، الهياليرونيك، والأدينوسين، يحدث تأثير مذهل لا يمكن أن يتحقق من خلال أي منتج آخر.\u003c\/strong\u003e\u003cbr\u003eالنياسيناميد يساعد في توحيد لون البشرة وتقليل المسام، بينما الهياليرونيك يوفر ترطيباً عميقاً، والأدينوسين يعمل على تقليل التجاعيد. معاً، هذه التركيبة الفائقة لا تمنحك فقط بشرة مشدودة، ناعمة، وأكثر إشراقاً، بل تعزز أيضاً من قدرة البشرة على مقاومة آثار الزمن.\u003c\/p\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eقوام خفيف ... نتائج ثقيلة\u003c\/h3\u003e\n \n \u003cdiv class=\"result-cards\"\u003e\n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في إشراقة الجلد\u003c\/strong\u003e: تصبح البشرة أكثر إشراقاً ونقاءً، مع استعادة لمعانها الطبيعي.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في الترطيب\u003c\/strong\u003e: الحصول على ترطيب عميق للبشرة، مما يعزز نعومتها ومرونتها.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في النضارة\u003c\/strong\u003e: تظهر البشرة بمظهر أكثر حيوية وشباباً، وكأنها استعادت طاقتها الطبيعية.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في حمض الهيالورونيك\u003c\/strong\u003e: زيادة نسبة حمض الهيالورونيك تعني ترطيباً أعمق للبشرة، مما يساعد في الحفاظ على صحتها ومرونتها.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eلا تجعل الزمن يترك أثره على بشرتك\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eمع \u003cspan class=\"highlight\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/span\u003e، لن يكون للزمن أي تأثير سلبي على بشرتك بعد الآن. هذا المنتج هو الحل الأمثل لمحاربة علامات تقدم السن، بفضل تركيباته المتطورة التي تحتوي على 6 ببتيدات قوية تعمل على تجديد الخلايا، تقليل التجاعيد، وتحسين مرونة البشرة. استمتع ببشرة أكثر شبابًا ونضارة، واستعد لتحدي الزمن بثقة.\u003c\/p\u003e\n \n \u003cdiv class=\"how-to-use\"\u003e\n \u003ch3\u003eكيفية الاستخدام\u003c\/h3\u003e\n \u003col\u003e\n \u003cli\u003eبعد تنظيف بشرتك، ضع 2-3 مضخات من سيروم \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e على وجهك.\u003c\/li\u003e\n \u003cli\u003eقم بتدليك المنتج بلطف باستخدام أطراف أصابعك حتى يتم امتصاصه بالكامل.\u003c\/li\u003e\n \u003cli\u003eبعد ذلك، استخدم مرطبك المفضل للحصول على ترطيب إضافي.\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003cp style=\"margin-top: 15px;\"\u003eيمكنك أيضًا دمج السيروم مع منتجات أخرى من \u003cstrong\u003eCOSRX\u003c\/strong\u003e مثل سيروم النياسيناميد أو فيتامين C لتحقيق أفضل النتائج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359311098053,"sku":null,"price":1380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_6_peptide_skin_booster_6.jpg?v=1736165614"},{"product_id":"some-by-mi-cica-peptide-anti-hair-loss-tonic","title":"Some By Mi Cica Peptide Anti Hair Loss Tonic 150 ml تونيك الـ 11 ببتايد لعلاج تساقط الشعر","description":"\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%","description":"\u003ch2 data-end=\"61\" data-start=\"0\"\u003eبشرتك باهتة؟ لون غير متجانس؟ إشراقك يختفي يومًا بعد يوم؟\u003c\/h2\u003e\n\u003cp data-end=\"264\" data-start=\"63\"\u003eكل يوم تتعرض فيه بشرتك للإجهاد، التلوث، وأشعة الشمس، تفقد جزءًا من رونقها الطبيعي. تصبح البقع الداكنة أكثر وضوحًا، وتظهر التصبغات، ويبدو وجهك متعبًا بلا حياة. تجاهل المشكلة يعني استمرارها… وازديادها.\u003c\/p\u003e\n\u003cp data-end=\"338\" data-start=\"266\"\u003eلكن ماذا لو كان هناك حل يعيد لبشرتك توازنها الطبيعي وإشراقتها الساحرة؟\u003c\/p\u003e\n\u003ch2 data-end=\"437\" data-start=\"340\"\u003e ثورة حقيقية في تفتيح البشرة وتوحيد لونها!\u003c\/h2\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003eليس مجرد مستحضر آخر، بل \u003cstrong data-end=\"501\" data-start=\"463\"\u003eنقلة نوعية في عالم العناية بالبشرة\u003c\/strong\u003e! بتركيبة متطورة تحتوي على \u003cstrong data-end=\"558\" data-start=\"528\"\u003e95% من مستخلص Galactomyces\u003c\/strong\u003e، هذه الإيسنس يمنح بشرتك قوة تجديد غير مسبوقة، ليعيد إليها الإشراق، التوازن، والترطيب العميق.\u003c\/p\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"0\" data-end=\"27\"\u003eما هو الجالاكتومايسيس؟\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e الجالاكتومايسيس هو مستخلص طبيعي يُستخلص من عملية تخمير الخميرة، ويُعد من أسرار العناية بالبشرة في عالم الكورية. يحتوي على تركيبة غنية بالفيتامينات والمعادن والأحماض الأمينية التي تُحفّز تجديد خلايا البشرة وتحسين مرونتها. \u003c\/p\u003e\n\u003ch2 data-start=\"259\" data-end=\"277\"\u003eما سبب الشعبية الهائلة و الفعالية العالية لهذا المكون؟\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e يساعد الجالاكتومايسيس في إعادة توازن البشرة من خلال تعزيز إنتاج الكولاجين وتقليل ظهور التصبغات والبقع الداكنة، مما يمنح بشرتك إشراقة متجددة. كما يعمل على ترطيب البشرة بعمق، محاربًا الجذور الحرة ومُحسّنًا لمظهر وملمس البشرة، ليمنحك مظهرًا أكثر شبابًا وحيوية. إنه المفتاح للحصول على بشرة نضرة ومضيئة!\u003c\/p\u003e\n\u003ch3 data-end=\"694\" data-start=\"655\"\u003e\n\u003cstrong data-end=\"692\" data-start=\"659\"\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003ch3 data-end=\"694\" data-start=\"655\"\u003e\u003cstrong data-end=\"692\" data-start=\"659\"\u003eكيف يعمل هذا الابتكار العلمي؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp data-end=\"1011\" data-start=\"696\"\u003e🔬 \u003cstrong data-end=\"736\" data-start=\"699\"\u003e95% Galactomyces Ferment Filtrate\u003c\/strong\u003e\u003cbr data-end=\"739\" data-start=\"736\"\u003eمكون مذهل مستخلص من الخمائر الطبيعية، يعمل على:\u003cbr data-end=\"789\" data-start=\"786\"\u003e✔ تحفيز تجديد خلايا البشرة لتحسين نسيجها وإزالة البهتان.\u003cbr data-end=\"848\" data-start=\"845\"\u003e✔ تقليل مظهر التصبغات والبقع الداكنة ليمنحك لونًا موحدًا أكثر إشراقًا.\u003cbr data-end=\"921\" data-start=\"918\"\u003e✔ تقوية حاجز البشرة وحمايتها من العوامل الضارة، مما يقلل من تأثير التلوث والإجهاد عليها.\u003c\/p\u003e\n\u003ch3 data-end=\"1166\" data-start=\"1013\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 data-end=\"1166\" data-start=\"1013\"\u003eولكن الفعالية العالية لهذا المنتج لا تقتصر على الجالاكتومايسيس فقط !\u003c\/h3\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003e💦 \u003cstrong data-end=\"1051\" data-start=\"1016\"\u003eحمض الهيالورونيك + النياسيناميد\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003eثنائي مذهل يرطب البشرة بعمق، ويعمل على تفتيحها تدريجيًا بطريقة آمنة دون أي تهيج، مما يجعلها تبدو ممتلئة ونضرة.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e🛡 \u003cstrong data-end=\"1196\" data-start=\"1171\"\u003eمضادات الأكسدة القوية\u003c\/strong\u003e\u003cbr data-end=\"1199\" data-start=\"1196\"\u003eتحارب الجذور الحرة، تحافظ على شباب البشرة، وتمنحها إشراقة صحية من الداخل للخارج.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"99\" data-start=\"0\"\u003eقد تبدو التركيبة بسيطة، ولكن الجالاكتوميسيس بتركيزاته العالية يُحدث ثورة في عالم العناية بالبشرة\u003c\/h2\u003e\n\u003cp data-end=\"250\" data-start=\"101\"\u003eالجالاكتوميسيس، المستخلص الطبيعي من عملية تخمير الخميرة، قد يبدو كمكون بسيط، لكنه يحمل في طياته فوائد مذهلة للبشرة، خاصة عند استخدامه بتركيزات عالية.\u003c\/p\u003e\n\u003ch3 data-end=\"292\" data-start=\"252\"\u003eفعالية الجالاكتوميسيس بتركيزات عالية\u003c\/h3\u003e\n\u003cul data-end=\"695\" data-start=\"294\"\u003e\n\u003cli data-end=\"453\" data-start=\"294\"\u003e\n\u003cp data-end=\"453\" data-start=\"296\"\u003e\u003cstrong data-end=\"324\" data-start=\"296\"\u003eتفتيح وتوحيد لون البشرة:\u003c\/strong\u003e عند استخدام الجالاكتوميسيس بتركيزات عالية، يُلاحظ تحسن ملحوظ في توحيد لون البشرة وتقليل التصبغات، مما يمنح البشرة إشراقة طبيعية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"568\" data-start=\"455\"\u003e\n\u003cp data-end=\"568\" data-start=\"457\"\u003e\u003cstrong data-end=\"472\" data-start=\"457\"\u003eترطيب عميق:\u003c\/strong\u003e يعمل الجالاكتوميسيس على تعزيز ترطيب البشرة من الداخل، مما يساعد في الحفاظ على نعومتها ومرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"1324\" data-start=\"1283\"\u003e\u003cstrong data-end=\"1322\" data-start=\"1286\"\u003eتركيبة غير مسبوقة في السوق \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1623\" data-start=\"1326\"\u003e✨ \u003cstrong data-end=\"1408\" data-start=\"1328\"\u003eتركيبة فائقة الفعالية بتركيز 95% من Galactomyces – أعلى تركيز متاح في السوق!\u003c\/strong\u003e\u003cbr data-end=\"1411\" data-start=\"1408\"\u003e✨ \u003cstrong data-end=\"1467\" data-start=\"1413\"\u003eنتائج واضحة في تفتيح لون البشرة خلال أسابيع قليلة.\u003c\/strong\u003e\u003cbr data-end=\"1470\" data-start=\"1467\"\u003e✨ \u003cstrong data-end=\"1547\" data-start=\"1472\"\u003eتركيبة خفيفة تمتص بسرعة دون ترك أي أثر دهني، مثالية لجميع أنواع البشرة.\u003c\/strong\u003e\u003cbr data-end=\"1550\" data-start=\"1547\"\u003e✨ \u003cstrong data-end=\"1621\" data-start=\"1552\"\u003eيدعم الحاجز الطبيعي للبشرة، مما يجعله مناسبًا حتى للبشرة الحساسة.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong\u003eكيفية الاستخدام\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e يُنصح بتطبيقه صباحًا ومساءً بعد تنظيف البشرة. ضع كمية مناسبة على الوجه واتبع ذلك بروتين العناية بالبشرة المعتاد.\u003cbr\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong data-end=\"1659\" data-start=\"1628\"\u003eبشرتك تستحق إشراقة لا تخفت!\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1810\" data-start=\"1663\"\u003eلا تدعي التصبغات والبشرة الباهتة تحدد إطلالتك. مع \u003cstrong data-end=\"1761\" data-start=\"1713\"\u003eCOSRX Galactomyces 95 Tone Balancing Essence\u003c\/strong\u003e، استعيدي صفاء ونقاء بشرتك بأقوى تركيبة مبتكرة!\u003c\/p\u003e\n\u003cp data-is-only-node=\"\" data-is-last-node=\"\" data-end=\"1859\" data-start=\"1812\"\u003e\u003cstrong data-is-last-node=\"\" data-end=\"1859\" data-start=\"1815\"\u003eابدئي رحلتك نحو بشرة أكثر إشراقًا اليوم!\u003c\/strong\u003e\u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44545031405765,"sku":"","price":1750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_galactomyces_essense_95_original_1.jpg?v=1741776112"},{"product_id":"cosrx-bha-blackhead-power-liquid","title":"Cosrx BHA Blackhead Power Liquid 100 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: rtl;\n }\n\n \/* Typography *\/\n .product-description h3 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description ul {\n list-style: none;\n padding: 0;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 1.5em;\n background: rgba(156, 129, 2, 0.03);\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n }\n\n .product-description strong {\n color: #9C8102;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n transition: transform 0.5s ease;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Results section *\/\n .results-container {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n \/* Before\/After comparison *\/\n .before-after-container {\n position: relative;\n width: 100%;\n max-width: 700px;\n margin: 0 auto 30px;\n overflow: hidden;\n border-radius: 10px;\n }\n\n .comparison-slider {\n position: absolute;\n top: 0;\n bottom: 0;\n width: 40px;\n background: rgba(156, 129, 2, 0.7);\n left: 50%;\n transform: translateX(-50%);\n cursor: ew-resize;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .comparison-slider::before {\n content: '⇄';\n color: white;\n font-size: 20px;\n }\n\n .before-image, .after-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .before-container {\n position: absolute;\n top: 0;\n left: 0;\n width: 50%;\n height: 100%;\n overflow: hidden;\n }\n\n .before-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 200%;\n }\n\n .after-container {\n position: relative;\n width: 100%;\n }\n\n \/* Timeline *\/\n .timeline-container {\n margin: 40px 0;\n }\n\n .timeline-steps {\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n }\n\n .timeline-step {\n flex: 1;\n text-align: center;\n position: relative;\n }\n\n .timeline-dot {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n margin: 0 auto 10px;\n position: relative;\n z-index: 2;\n }\n\n .timeline-bar {\n position: absolute;\n top: 15px;\n left: 0;\n right: 0;\n height: 4px;\n background-color: rgba(156, 129, 2, 0.3);\n z-index: 1;\n }\n\n .timeline-label {\n font-weight: bold;\n color: #9C8102;\n }\n\n \/* Ingredient section *\/\n .ingredient-container {\n margin: 30px 0;\n }\n\n .ingredient-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-bottom: 20px;\n transition: transform 0.3s ease;\n border-right: 3px solid #9C8102;\n }\n\n .ingredient-card:hover {\n transform: translateX(-5px);\n }\n\n .ingredient-title {\n color: #9C8102;\n font-size: 1.2rem;\n margin-bottom: 10px;\n }\n\n \/* Value section *\/\n .value-points {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .value-point {\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n text-align: center;\n }\n\n .value-point:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n }\n\n .value-icon {\n font-size: 2rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* CTA section *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-container h3 {\n color: white;\n }\n\n .cta-container h3::after {\n background-color: white;\n margin: 10px auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n \n .value-points {\n grid-template-columns: 1fr;\n }\n \n .timeline-steps {\n flex-direction: column;\n }\n \n .timeline-step {\n margin-bottom: 30px;\n }\n \n .timeline-bar {\n display: none;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid.webp?v=1745672690\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eالرؤوس السوداء: البثور المزعجة التي تُفسد صفاء بشرتك وتقلل من ثقتك بنفسك\u003c\/h3\u003e\n\u003cp\u003eتُعتبر الرؤوس السوداء من المشكلات الجلدية الشائعة التي تظهر نتيجة انسداد المسام بالزيوت الطبيعية وخلايا الجلد الميتة. هذه البثور الداكنة لا تؤثر فقط على مظهر البشرة، بل قد تُقلل من ثقة الشخص بنفسه.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_2.webp?v=1745672690\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eمنتج واحد سيخلصك من المشكلة في أسبوع واحد\u003c\/h3\u003e\n\u003cp\u003eمع \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e، يمكنكِ التخلص من الرؤوس السوداء والحصول على بشرة نقية في غضون أسبوع. يحتوي هذا المنتج على 4% من \u003cstrong\u003eبيتين ساليسيلات\u003c\/strong\u003e، وهو حمض بيتا هيدروكسي لطيف وفعال في تنظيف المسام.\u003c\/p\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_3.webp?v=1745672733\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003e10 دقائق في الأسبوع .. نتائج تدوم شهور\u003c\/h3\u003e\n\u003cp\u003eبعد أسبوع من الاستخدام المنتظم، ستلاحظين تحسنًا في ملمس بشرتكِ، حيث ستصبح أكثر نعومة وإشراقًا. بالإضافة إلى ذلك، يساعد المنتج في تقليل البثور وتحسين مرونة البشرة.\u003c\/p\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-steps\"\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الأول\u003c\/div\u003e\n\u003cp\u003eبداية التنظيف العميق للمسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الثالث\u003c\/div\u003e\n\u003cp\u003eتقليل حجم المسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الخامس\u003c\/div\u003e\n\u003cp\u003eبشرة أكثر نعومة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم السابع\u003c\/div\u003e\n\u003cp\u003eاختفاء الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Image --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Clinical Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_results_800x800_d9917e8f-4e16-4f05-81b6-a52c688fbabf.jpg?v=1745672794\" class=\"hero-image\"\u003e\n\u003ch3\u003eنتائج مذهلة في أسبوع واحد\u003c\/h3\u003e\n\u003cp\u003eتظهر النتائج السريرية تحسناً ملحوظاً في مظهر البشرة بعد استخدام المنتج بشكل منتظم لمدة أسبوع واحد فقط!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3\u003eمتخصص تنظيف وتصغير المسام\u003c\/h3\u003e\n\u003cp\u003eتم تصميم \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e خصيصًا لتنظيف المسام بعمق وتقليل حجمها، مما يمنحكِ بشرة أكثر صفاءً وشبابًا. يتميز بتركيبته التي تحتوي على \u003cstrong\u003eمستخلص لحاء الصفصاف\u003c\/strong\u003e و\u003cstrong\u003eبيتين ساليسيلات\u003c\/strong\u003e، مما يساعد في تقليل الالتهابات وتحسين صحة البشرة بشكل عام.\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتنظيف عميق للمسام\u003c\/h4\u003e\n\u003cp\u003eيتغلغل عميقاً في المسام لإزالة الشوائب والزيوت المتراكمة التي تسبب الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتجديد خلايا البشرة\u003c\/h4\u003e\n\u003cp\u003eيساعد على تسريع عملية تجديد خلايا البشرة للحصول على بشرة أكثر إشراقاً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتصغير المسام\u003c\/h4\u003e\n\u003cp\u003eيعمل على تقليل حجم المسام الواسعة بشكل ملحوظ مع الاستخدام المنتظم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Bottle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_a57cb5f3-40b7-4f06-a9a5-61842ceed862.jpg?v=1745672964\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eأفضل من مقشرات BHA الأخرى\u003c\/h3\u003e\n\u003cp\u003eيتميز هذا المنتج عن غيره من مقشرات BHA بتركيبته الفريدة التي تجمع بين الفعالية واللطف على البشرة. بالإضافة إلى ذلك، لا يحتوي على عطور أو كحول، مما يجعله مناسبًا لجميع أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n\u003ch3\u003eلماذا يعتبر هذا المنتج قيمة مقابل سعر جيدة ؟\u003c\/h3\u003e\n\u003cdiv class=\"value-points\"\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eحجم العبوة الكبير (100 مل)\u003c\/strong\u003e\n\u003cp\u003eيكفي لعدة أشهر من الاستخدام المنتظم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eفعالية طويلة الأمد\u003c\/strong\u003e\n\u003cp\u003eتطبيق واحد يكفي للحصول على نتائج تستمر لمدة أسبوع كامل\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eمكونات فعّالة عالية التركيز\u003c\/strong\u003e\n\u003cp\u003eيحتوي على تركيز عالي من حمض الساليسيليك (BHA) لإزالة الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eمكونات إضافية قيمة\u003c\/strong\u003e\n\u003cp\u003eمثل ماء لحاء الصفصاف لتنظيف المسام وتجديد خلايا البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eلا حاجة للاستخدام اليومي\u003c\/strong\u003e\n\u003cp\u003eيمكن استخدامه بمرات أقل مع نتائج مستمرة، مما يزيد من قيمته مقابل السعر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003eالمكونات الرئيسية وكيفية عملها:\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eبيتين ساليسيلات (Betaine Salicylate) 4%\u003c\/h4\u003e\n\u003cp\u003eيُعد بديلاً أكثر لطفًا لحمض الساليسيليك، يعمل على تقشير البشرة وإذابة الدهون داخل المسام، مما يساعد في تقليل الرؤوس السوداء وتحسين ملمس البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eمستخلص لحاء الصفصاف (Salix Alba Bark Extract)\u003c\/h4\u003e\n\u003cp\u003eيُعتبر مصدرًا طبيعيًا للبيتاين ساليسيلات، يساهم في تقليل الالتهابات وتحسين صحة البشرة العامة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eبيوتيلين غليكول (Butylene Glycol)\u003c\/h4\u003e\n\u003cp\u003eيعمل كمرطب، يساعد في الحفاظ على رطوبة البشرة ويعزز من امتصاص المكونات الأخرى.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eإيثيل هكسانيديول (Ethyl Hexanediol)\u003c\/h4\u003e\n\u003cp\u003eيُستخدم كمذيب، يساعد في تحسين قوام المنتج وتسهيل توزيعه على البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX BHA Blackhead Power Liquid\u003c\/h3\u003e\n\u003cp\u003eالحل المثالي للتخلص من الرؤوس السوداء والحصول على بشرة نقية وخالية من الشوائب.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eابدئي الآن، وودعي الرؤوس السوداء إلى الأبد!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eاشتري الآن\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44545277296837,"sku":null,"price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_5.webp?v=1745672839"},{"product_id":"some-by-mi-bye-bye-blackhead","title":"Some By Mi Bye Bye Blackhead 30 Days Miracle Green Tea Tox Bubble Cleanser 120g","description":"\u003c!-- قسم وصف منتج Some By Mi Bye Bye Black Head - تصميم بسيط وأنيق --\u003e\n\n\u003cstyle\u003e\n\/* أنماط قسم وصف المنتج *\/\n.blackhead-product-description {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n}\n\n\/* العنوان الرئيسي *\/\n.blackhead-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.blackhead-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: #4caf50;\n}\n\n\/* مقدمة المنتج *\/\n.blackhead-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 30px;\n line-height: 1.6;\n}\n\n\/* صورة رئيسية مع تأثير بسيط *\/\n.blackhead-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.blackhead-main-image:hover {\n transform: translateY(-5px);\n}\n\n\/* شبكة ميزات المنتج *\/\n.blackhead-features {\n margin: 30px 0;\n}\n\n\/* كرت واحد للميزات - تصميم بسيط *\/\n.blackhead-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 margin-bottom: 20px;\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: 18px;\n font-weight: bold;\n}\n\n.blackhead-feature-icon {\n margin-left: 10px;\n color: #4caf50;\n font-size: 20px;\n}\n\n.blackhead-feature-content {\n line-height: 1.6;\n color: #555;\n}\n\n\/* قسم المكونات *\/\n.blackhead-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.blackhead-section-title {\n text-align: center;\n font-size: 22px;\n color: #333;\n margin-bottom: 25px;\n}\n\n\/* قائمة الفوائد *\/\n.blackhead-benefits-list {\n padding-right: 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: 18px;\n margin-left: 10px;\n margin-top: 3px;\n}\n\n.blackhead-benefit-content {\n flex: 1;\n}\n\n.blackhead-benefit-title {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.blackhead-benefit-text {\n color: #555;\n line-height: 1.6;\n}\n\n\/* قسم طريقة الاستخدام *\/\n.blackhead-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.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}\n\n.blackhead-step::before {\n content: counter(step-counter);\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.blackhead-step-content {\n line-height: 1.6;\n}\n\n\/* شريط جانبي مميز للأقسام *\/\n.blackhead-highlight-section {\n position: relative;\n padding-right: 15px;\n}\n\n.blackhead-highlight-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n background-color: #4caf50;\n border-radius: 3px;\n}\n\n\/* بطاقة المميزات الأخيرة *\/\n.blackhead-value-card {\n background-color: #f9f9f9;\n border-radius: 8px;\n padding: 25px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n border-right: 3px solid #4caf50;\n}\n\n.blackhead-value-card h3 {\n color: #333;\n margin-bottom: 15px;\n font-size: 20px;\n}\n\n\/* تحريك العناصر عند ظهورها *\/\n.blackhead-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 .blackhead-feature-card {\n padding: 20px;\n }\n \n .blackhead-main-title {\n font-size: 22px;\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=\"blackhead-product-description\"\u003e\n \u003ch2 class=\"blackhead-main-title blackhead-fade-in\"\u003eالحل الجذري و النهائي للرؤوس السوداء و البيضاء\u003c\/h2\u003e\n \n \u003cp class=\"blackhead-intro blackhead-fade-in\"\u003e\n اكتشفي الحل الثوري لتنقية بشرتك والتخلص من الرؤوس السوداء مع \u003cstrong\u003eSome By Mi Bye Bye Black Head\u003c\/strong\u003e. تركيبة مبتكرة تجمع بين التقنيات الكيميائية المتطورة والمكونات الطبيعية النقية لتعمل على إزالة الشوائب، تقليل الإفرازات الدهنية، وتحسين ملمس البشرة وإشراقتها. هذا المنتج هو المفتاح لبشرة صافية، ناعمة وخالية من عيوب المسام.\n \u003c\/p\u003e\n \n \u003cimg class=\"blackhead-main-image blackhead-fade-in\" 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 Black Head\"\u003e\n \n \u003c!-- قسم المتخصص --\u003e\n \u003cdiv class=\"blackhead-feature-card blackhead-fade-in\"\u003e\n \u003cdiv class=\"blackhead-feature-title\"\u003e\n \u003ci class=\"fas fa-star blackhead-feature-icon\"\u003e\u003c\/i\u003e\n متخصص تنقية المسام و تنظيم الدهون\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\"\u003eتقليل الرؤوس السوداء:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eتعمل التركيبة بفعالية على إذابة الشوائب وتنظيف المسام، مما يقلل من ظهور الرؤوس السوداء بشكل ملحوظ.\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\"\u003eتنقية المسام بعمق:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eتساعد مكونات AHA، BHA، وPHA على إزالة خلايا الجلد الميتة وتفتح المسام المسدودة، مما يمنحك بشرة أكثر صفاءً.\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\"\u003eتنظيم إفراز الدهون:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eتساهم المكونات الطبيعية في موازنة إنتاج الدهون، مما يقلل من لمعان البشرة الزائد ويحافظ على نضارتها.\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\"\u003eتحسين ملمس البشرة:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eمع الاستخدام المنتظم، يلاحظ تحسن في نعومة البشرة وتجانس لونها، مع تقليل البثور والالتهابات.\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\"\u003eتفتيح وإشراقة طبيعية:\u003c\/div\u003e\n \u003cdiv class=\"blackhead-benefit-text\"\u003eيعيد المنتج لبشرتك إشراقتها الطبيعية ويعمل على توحيد لونها، مما يمنحك مظهرًا شبابيًا ومضيئًا.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- صورة إضافية --\u003e\n \u003cimg class=\"blackhead-main-image blackhead-fade-in\" 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 Black Head\"\u003e\n \n \u003c!-- كيف يعمل المنتج --\u003e\n \u003cdiv class=\"blackhead-feature-card blackhead-fade-in\"\u003e\n \u003cdiv class=\"blackhead-feature-title\"\u003e\n \u003ci class=\"fas fa-cogs blackhead-feature-icon\"\u003e\u003c\/i\u003e\n كيف يعمل المنتج؟\n \u003c\/div\u003e\n \u003cdiv class=\"blackhead-feature-content\"\u003e\n يعتمد \u003cstrong\u003eSome By Mi Bye Bye Black Head\u003c\/strong\u003e على مزيج متكامل من التقشير الكيميائي باستخدام الأحماض (AHA، BHA، وPHA) التي تعمل على إزالة الخلايا الميتة، إذابة الشوائب، وتنظيف المسام من الداخل. كما تحتوي تركيبته على مستخلصات نباتية تُساعد في تهدئة البشرة وتنظيم إفراز الدهون، مما يقلل من احتمالية ظهور البثور والالتهابات. هذه الآلية المتكاملة تُحدث تغييرًا واضحًا في مظهر البشرة من خلال إعادة تجديد خلاياها وتحفيزها على الإشراق والتجدد.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم شجرة الشاي --\u003e\n \u003cdiv class=\"blackhead-ingredients blackhead-fade-in\"\u003e\n \u003cdiv class=\"blackhead-highlight-section\"\u003e\n \u003ch3 class=\"blackhead-section-title\"\u003e16 نوع من شجرة الشاي: القوة الطبيعية لتنقية بشرتك\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-bottom: 20px; line-height: 1.6;\"\u003e\n تجمع تركيبة Some By Mi Bye Bye Black Head بين 16 نوعاً من شجرة الشاي، لتوفر حماية مضاعفة بفضل خصائصها المضادة للبكتيريا والالتهابات. تعمل هذه المكونات على تنظيم إفراز الدهون، تطهير المسام بعمق، وتخفيف التهيجات، مما يمنح بشرتك نقاءً متجددًا وإشراقة طبيعية لا مثيل لها.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم طريقة الاستخدام --\u003e\n \u003cdiv class=\"blackhead-how-to-use blackhead-fade-in\"\u003e\n \u003cdiv class=\"blackhead-highlight-section\"\u003e\n \u003ch3 class=\"blackhead-section-title\"\u003eطريقة الاستخدام\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-steps\"\u003e\n \u003cdiv class=\"blackhead-step blackhead-fade-in\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n بعد تنظيف البشرة جيدًا، ضعي كمية مناسبة من المنتج على قطعة قطن أو مباشرة على أطراف أصابعك.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-step blackhead-fade-in\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n قومي بتطبيق المنتج على المناطق المعرضة للرؤوس السوداء والمسام المسدودة، مع التركيز على المناطق الدهنية.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-step blackhead-fade-in\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n يُستخدم مرتين يوميًا، صباحًا ومساءً، لتحقيق أفضل النتائج.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"blackhead-step blackhead-fade-in\"\u003e\n \u003cdiv class=\"blackhead-step-content\"\u003e\n لا حاجة للشطف، مما يسمح للمكونات النشطة بالتغلغل بعمق في البشرة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- قيمة استثنائية --\u003e\n \u003cdiv class=\"blackhead-value-card blackhead-fade-in\"\u003e\n \u003ch3\u003eقيمة استثنائية مقابل السعر\u003c\/h3\u003e\n \u003cp style=\"line-height: 1.6;\"\u003e\n على الرغم من أن \u003cstrong\u003eSome By Mi Bye Bye Black Head\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 \/\/ تحديد جميع العناصر المراد تحريكها\n const fadeElements = document.querySelectorAll('.blackhead-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":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44588880036037,"sku":null,"price":1190.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/somebymibyebyeblackheadgreenteadetox_1.jpg?v=1742642843"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .joseon-container {\n max-width: 1100px;\n margin: 0 auto;\n direction: rtl;\n text-align: right;\n color: #333;\n overflow-x: hidden;\n padding: 0 15px;\n font-family: sans-serif;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n \n .hero-section {\n position: relative;\n padding: 35px 25px;\n background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n border-radius: 10px;\n overflow: hidden;\n margin-bottom: 30px;\n box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n border: 1px solid rgba(201, 169, 126, 0.12);\n }\n \n .hero-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n }\n \n .hero-section::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50%;\n height: 180px;\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n opacity: 0.2;\n z-index: 1;\n }\n \n .hero-content {\n position: relative;\n z-index: 2;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .hero-image {\n flex-shrink: 0;\n width: 250px;\n border-radius: 5px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n \n .hero-text {\n flex: 1;\n }\n \n .brand {\n font-size: 18px;\n color: #c9a97e;\n letter-spacing: 1px;\n margin-bottom: 10px;\n font-weight: bold;\n text-transform: uppercase;\n display: inline-block;\n position: relative;\n }\n \n .brand::after {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .main-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #222;\n line-height: 1.2;\n font-weight: bold;\n }\n \n .main-title span {\n color: #c9a97e;\n position: relative;\n display: inline-block;\n }\n \n .main-title span::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background: rgba(201, 169, 126, 0.1);\n border-radius: 3px;\n z-index: -1;\n }\n \n .hero-subtitle {\n font-size: 18px;\n margin-bottom: 20px;\n opacity: 0.9;\n line-height: 1.5;\n }\n \n .hero-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 20px;\n }\n \n .badge {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(201, 169, 126, 0.05);\n padding: 6px 12px;\n border-radius: 30px;\n font-size: 13px;\n font-weight: 500;\n color: #555;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .ingredients-section {\n margin: 40px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .ingredients-content {\n flex: 1;\n }\n \n .section-title {\n font-size: 28px;\n margin-bottom: 20px;\n color: #222;\n position: relative;\n padding-bottom: 12px;\n font-weight: bold;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 3px;\n }\n \n .ingredient-box {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n \n .ingredient-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .ingredient-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .ingredient-title {\n font-size: 20px;\n margin-bottom: 12px;\n color: #c9a97e;\n font-weight: bold;\n }\n \n .ingredient-desc {\n line-height: 1.6;\n color: #555;\n }\n \n .video-container {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n }\n \n .video-container video {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n }\n \n .benefits-section {\n margin: 50px 0;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n margin-top: 25px;\n }\n \n .benefit-card {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .benefit-card:hover::after {\n transform: scaleX(1);\n }\n \n .benefit-icon {\n color: #c9a97e;\n font-size: 30px;\n margin-bottom: 15px;\n }\n \n .benefit-title {\n font-size: 18px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-section {\n margin: 60px 0;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n padding: 40px 15px;\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .timeline-container {\n position: relative;\n margin-top: 40px;\n padding-right: 40px;\n }\n \n .timeline-bar {\n position: absolute;\n top: 0;\n right: 18px;\n width: 3px;\n height: 100%;\n background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 2px;\n z-index: 1;\n }\n \n .timeline-items {\n display: flex;\n flex-direction: column;\n position: relative;\n z-index: 2;\n }\n \n .timeline-item {\n display: flex;\n flex-direction: column;\n margin-bottom: 60px;\n position: relative;\n }\n \n .timeline-item:last-child {\n margin-bottom: 0;\n }\n \n .timeline-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n \n .timeline-date {\n font-weight: bold;\n color: #c9a97e;\n text-align: right;\n font-size: 16px;\n margin-right: 10px;\n }\n \n .timeline-dot {\n width: 18px;\n height: 18px;\n background: white;\n border: 3px solid #c9a97e;\n border-radius: 50%;\n margin-right: 10px;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n }\n \n .timeline-dot.active {\n background: #c9a97e;\n }\n \n .timeline-content {\n background: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n width: 100%;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .how-it-works {\n margin: 50px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .how-it-works-image {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n }\n \n .how-it-works-image img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n \n .how-it-works-image:hover img {\n transform: scale(1.02);\n }\n \n .how-it-works-content {\n flex: 1;\n }\n \n .usage-section {\n margin: 50px 0;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 0 15px;\n margin-bottom: 20px;\n }\n \n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #c9a97e, #d9c09e);\n border-radius: 50%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: bold;\n margin: 0 auto 15px;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n }\n \n .step-text {\n font-size: 16px;\n line-height: 1.5;\n color: #333;\n }\n \n .cta-section {\n text-align: center;\n margin: 60px 0;\n padding: 50px;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before, .cta-section::after {\n content: \"\";\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n z-index: 0;\n }\n \n .cta-section::before {\n top: -100px;\n right: -50px;\n }\n \n .cta-section::after {\n bottom: -100px;\n left: -50px;\n }\n \n .cta-content {\n position: relative;\n z-index: 1;\n }\n \n .cta-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #333;\n }\n \n .cta-subtitle {\n font-size: 18px;\n margin-bottom: 30px;\n color: #555;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .cta-button {\n display: inline-block;\n padding: 15px 40px;\n background: linear-gradient(to right, #c9a97e, #d9c09e);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, #d9c09e, #c9a97e);\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n }\n \n .cta-button:hover::after {\n opacity: 1;\n }\n \n .footer-note {\n text-align: center;\n margin-top: 20px;\n font-size: 14px;\n color: #777;\n }\n \n \/* Fade animations *\/\n .fade-up {\n opacity: 0;\n transform: translateY(20px);\n }\n \n .pulse {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.03);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @media (max-width: 768px) {\n .hero-content {\n flex-direction: column;\n }\n \n .hero-image {\n width: 200px;\n margin-bottom: 20px;\n }\n \n .ingredients-section, .how-it-works {\n flex-direction: column;\n }\n \n .timeline-items {\n flex-direction: column;\n }\n \n .timeline-bar {\n top: 0;\n left: 50%;\n width: 4px;\n height: 100%;\n transform: translateX(-50%);\n }\n \n .timeline-item {\n width: 100%;\n margin-bottom: 30px;\n display: flex;\n align-items: flex-start;\n }\n \n .timeline-dot {\n margin: 0 15px;\n }\n \n .timeline-content {\n flex: 1;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"joseon-container\"\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\" alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n \u003ch1 class=\"main-title\"\u003eسيروم \u003cspan\u003eالإشراق\u003c\/span\u003e بالنياسيناميد وصمغ النحل\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل لبشرة متألقة ومشرقة\u003c\/p\u003e\n \u003cdiv class=\"hero-badges\"\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n تركيبة كورية أصلية\n \u003c\/div\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n بدون مواد كيميائية ضارة\n \u003c\/div\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n مناسب لجميع أنواع البشرة\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredients-section\"\u003e\n \u003cdiv class=\"ingredients-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredient-box\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالنياسيناميد\u003c\/h3\u003e\n \u003cp class=\"ingredient-desc\"\u003eليس مجرد مكون، بل هو معجزة تُعيد توازن البشرة، تقلل من التصبغات وتمنحها لونًا موحدًا ومشرقًا. يعمل على تحسين مرونة الجلد وتقوية حاجز الترطيب الطبيعي.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-box\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالبروبوليس (صمغ النحل)\u003c\/h3\u003e\n \u003cp class=\"ingredient-desc\"\u003eيستخلص من خلايا النحل، ويعمل كمضاد قوي للالتهابات ومُعزز لتجديد الخلايا، مما يحافظ على شباب البشرة ويمنحها حماية طبيعية. يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp\u003eعندما تلتقي هذه المكونات في تركيبة واحدة، تتحول إلى قوة طبيعية لا تُضاهى؛ معجزة تُعيد لبشرتك شبابها وتمنحها الإشراق الذي لطالما حلمتِ به.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline width=\"100%\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\u003e\n متصفحك لا يدعم تشغيل الفيديو.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"instant-results\"\u003e\n \u003ch2 class=\"section-title\"\u003eنتائج لحظية!\u003c\/h2\u003e\n \u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003eمسام أصغر , بشرة أصفى , جلد مثالي\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eفوائد مذهلة لبشرتك\u003c\/h2\u003e\n \u003cp\u003eهذا السيروم هو الحل الشامل للبشرة الباهتة والمتعبة، حيث يُظهر تأثيرات مذهلة تشمل:\u003c\/p\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\n \u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\n \u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\n \u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\n \u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\n \u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتعزيز إشراقة البشرة\u003c\/h3\u003e\n \u003cp\u003eتفتيح البشرة وتوحيد لونها مع تقليل التصبغات والعلامات الداكنة بفعالية.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n \u003cp\u003eزيادة نعومة البشرة بفضل خصائص النياسيناميد المُرطبة والمضيئة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية البشرة\u003c\/h3\u003e\n \u003cp\u003eحماية من الالتهابات الخارجية والأضرار الناتجة عن الجذور الحرة بفضل قوة البروبوليس.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n \u003cline x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003cline x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003cline x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eدعم وظيفة الحاجز الجلدي\u003c\/h3\u003e\n \u003cp\u003eالحفاظ على رطوبة البشرة ومنع فقدانها، مما يساعد في تقليل الخطوط الدقيقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة النتائج المذهلة\u003c\/h2\u003e\n \u003cp\u003eمع الاستخدام المنتظم، ستلاحظين تحسناً تدريجياً يصل إلى النتائج المثالية خلال أسابيع قليلة.\u003c\/p\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"timeline-items\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eالاستخدام الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eترطيب فوري\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eستلاحظين ترطيباً فورياً للبشرة وملمساً أكثر نعومة. البشرة تبدو أكثر انتعاشاً وإشراقاً بشكل ملحوظ منذ الاستخدام الأول.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتحسن الملمس والتوهج\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eتصبح البشرة أكثر توهجاً ونعومة. تقل الاحمرار والتهيجات بفضل خصائص البروبوليس المضادة للالتهابات. انخفاض ملحوظ في دهنية البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتقليل التصبغات\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eبداية ظهور نتائج توحيد لون البشرة. تقل البقع الداكنة والتصبغات تدريجياً. تصبح البشرة أكثر إشراقاً ونضارة، مع مسام أصغر حجماً وأقل وضوحاً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتحول ملحوظ\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eتحسن كبير في نسيج البشرة ولونها. اختفاء ملحوظ للعديد من مشاكل البشرة كالبقع الداكنة والندبات. تقليل واضح للخطوط الدقيقة وعلامات الشيخوخة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد شهرين\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eبشرة متجددة تماماً\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eبشرة مشرقة ومتألقة بشكل مذهل. توحيد كامل للون البشرة وتقليل كبير للتصبغات. تحسن دائم في مظهر البشرة وملمسها، مع مرونة محسنة وصحة أفضل للجلد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"how-it-works\"\u003e\n \u003cdiv class=\"how-it-works-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\" alt=\"تركيبة متقدمة علمياً\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"how-it-works-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eتركيبة متقدمة علمياً\u003c\/h2\u003e\n \u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eكيف يعمل السيروم؟\u003c\/h3\u003e\n \n \u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eتعمل تركيبة \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e بتناغم لإحداث تأثير شامل على البشرة. يقوم البروبوليس، المُستخلص من خلايا النحل، بتطهير البشرة ومكافحة الالتهابات وتحفيز تجديد الخلايا، مما يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n \n \u003cp style=\"line-height: 1.8;\"\u003eبينما يعمل النياسيناميد على توحيد لون البشرة وتقليل التصبغات، بالإضافة إلى تحسين مرونة الجلد وتقوية حاجز الترطيب. هذه المكونات النشطة معًا تُحدث تغييرًا جذريًا في نسيج البشرة، فتمنحها مظهرًا أكثر إشراقًا وحيوية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \u003cp\u003eبعد تنظيف البشرة جيدًا، يُوضع السيروم على منطقة الوجه مع التركيز على المناطق التي تحتاج إلى تفتيح وتحسين، مثل حول العينين والجبهة وخطوط الفك. يُدلك بلطف حتى يتم امتصاصه بالكامل، ثم يُتبع بمرطب للحفاظ على الترطيب وتعزيز الفعالية. يُستخدم صباحًا ومساءً لتحقيق أفضل النتائج.\u003c\/p\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتنظيف البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتدليك برفق\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع المرطب\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cta-section pulse\"\u003e\n \u003cdiv class=\"cta-content\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاستعيدي إشراقة بشرتك اليوم\u003c\/h2\u003e\n \u003cp class=\"cta-subtitle\"\u003eقيمة عالية مقابل سعر مناسب - تجمع تركيبة سيروم الإشراق بين مكونات طبيعية مُثبتة علمياً لبشرة متألقة وصحية\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاطلبيه الآن\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"footer-note\"\u003e\n \u003cp\u003eتجمع تركيبة Beauty Of Joseon Glow Serum Propolis + Niacinamide بين مكونات طبيعية مُثبتة علمياً تعمل على تحسين إشراقة البشرة وتوحيد لونها مع حماية متقدمة من العوامل البيئية. بالرغم من أنه قد يكون بسعر أعلى قليلاً مقارنة ببعض المنتجات الأخرى، فإن كمية قليلة منه تكفي لتحقيق نتائج مذهلة وطويلة الأمد، مما يجعله استثمارًا فعّالًا لصحة وجمال بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Init functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animations\n initFadeEffects();\n \n \/\/ Video autoplay fix for some mobile browsers\n const video = document.querySelector('video');\n if (video) {\n video.play().catch(function(error) {\n console.log(\"Video autoplay prevented by browser\");\n });\n }\n });\n \n \/\/ Initialize fade effects\n function initFadeEffects() {\n const fadeElements = document.querySelectorAll('.fade-up');\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n \n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n \n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Add staggered animations\n const staggerElements = document.querySelectorAll('.fade-up');\n staggerElements.forEach((el, index) =\u003e {\n el.style.transitionDelay = `${index * 0.05}s`;\n });\n }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589240746181,"sku":"","price":995.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml.jpg?v=1742651704"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Beauty of Joseon Revive Eye Serum متخصص الهالات | انتفاخات محيط العين | علامات السن","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #4a4a4a;\n line-height: 1.6;\n direction: rtl;\n }\n \n .product-header {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .product-title {\n font-size: 2.2rem;\n color: #3a2d28;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, #c3a300, #c3a300);\n border-radius: 2px;\n }\n \n .product-subtitle {\n font-size: 1.2rem;\n color: #7d6e67;\n font-weight: 400;\n }\n \n .section {\n margin-bottom: 40px;\n position: relative;\n overflow: visible;\n }\n \n .section-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 20px;\n }\n \n .section-icon {\n width: 30px;\n height: 30px;\n margin-bottom: 10px;\n fill: #c3a300;\n }\n \n .section-title {\n font-size: 1.5rem;\n color: #3a2d28;\n position: relative;\n margin-bottom: 15px;\n text-align: center;\n }\n \n .section-divider {\n width: 100%;\n height: 1px;\n background-color: #c3a300;\n }\n \n .section-content {\n color: #5d5d5d;\n font-size: 1rem;\n padding: 15px 0;\n display: block;\n visibility: visible;\n }\n \n .highlight {\n color: #c3a300;\n font-weight: 500;\n }\n \n .feature-list {\n margin-top: 25px;\n display: block;\n visibility: visible;\n }\n \n .feature-item {\n display: flex;\n margin-bottom: 25px;\n opacity: 1;\n transform: none;\n visibility: visible;\n }\n \n .feature-icon {\n width: 40px;\n height: 40px;\n min-width: 40px;\n fill: #c3a300;\n margin-left: 15px;\n margin-top: 5px;\n }\n \n .feature-content {\n flex: 1;\n }\n \n .feature-title {\n font-weight: bold;\n color: #3a2d28;\n margin-bottom: 5px;\n font-size: 1.1rem;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n text-align: center;\n flex: 1;\n min-width: 100px;\n margin: 10px;\n position: relative;\n opacity: 1;\n }\n \n .step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 30px;\n left: -15px;\n width: 30px;\n height: 2px;\n background-color: #c3a300;\n }\n \n .step-number {\n width: 40px;\n height: 40px;\n background-color: #c3a300;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto 15px;\n font-weight: bold;\n box-shadow: 0 5px 10px rgba(195, 163, 0, 0.3);\n }\n \n .step-text {\n font-size: 0.9rem;\n }\n \n .clinical-results {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n \n .result-card {\n border: 1px solid #e8e8e8;\n border-radius: 12px;\n padding: 30px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: transform 0.3s, box-shadow 0.3s;\n background-color: #ffffff;\n margin-bottom: 15px;\n }\n \n .result-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n \n .result-icon {\n width: 50px;\n height: 50px;\n margin: 0 auto 15px;\n fill: #c3a300;\n }\n \n .result-title {\n font-size: 1rem;\n color: #3a2d28;\n margin-bottom: 15px;\n }\n \n .result-percentage {\n font-size: 2.4rem;\n color: #c3a300;\n font-weight: bold;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .result-percentage::after {\n content: '%';\n font-size: 1.2rem;\n position: absolute;\n top: 0;\n right: -20px;\n }\n \n .percentage-wrapper {\n position: relative;\n height: 120px;\n margin-bottom: 15px;\n margin-top: 10px;\n }\n \n .counter {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 2.2rem;\n color: #c3a300;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n \n .counter-value {\n font-size: 2.2rem;\n }\n \n .counter-suffix {\n font-size: 1rem;\n margin-top: -8px;\n }\n \n .circular-progress {\n position: relative;\n height: 100px;\n width: 100px;\n margin: 0 auto;\n }\n \n .circle-container {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n border: 6px solid #c3a300;\n margin: 0 auto;\n position: relative;\n }\n \n .circular-progress circle {\n stroke-dashoffset: 251.2;\n stroke-dasharray: 251.2;\n stroke-width: 8px;\n stroke-linecap: round;\n fill: none;\n }\n \n .circular-progress .bg {\n stroke: #f1f1f1;\n }\n \n .circular-progress .progress {\n stroke: #c3a300;\n transition: stroke-dashoffset 1.5s ease;\n }\n \n .progress.animated {\n animation: progressAnimation 1.5s ease forwards;\n }\n \n @keyframes progressAnimation {\n from {\n stroke-dashoffset: 251.2;\n }\n to {\n stroke-dashoffset: var(--final-offset, 0);\n }\n }\n \n .result-description {\n color: #5d5d5d;\n font-size: 0.9rem;\n }\n \n @keyframes wave {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .animate-wave {\n animation: wave 3s ease-in-out infinite;\n }\n \n .fade-in {\n animation: fadeIn 1s forwards;\n }\n \n @media (max-width: 768px) {\n .feature-item {\n flex-direction: column;\n text-align: center;\n }\n \n .feature-icon {\n margin: 0 auto 10px;\n }\n \n .step:not(:last-child)::after {\n display: none;\n }\n \n .clinical-results {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eرحلة تجديد شباب عينيك تبدأ الآن\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eاكتشفي سر إشراقة عينيك مع \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003e، تركيبة مبتكرة تجمع بين أحدث التقنيات العلمية والمكونات الطبيعية النقية لإحياء منطقة العين الحساسة. هذا السيروم الثوري يعمل على مكافحة علامات التعب والشيخوخة في آنٍ واحد، ليمنح عينيك مظهرًا أكثر شبابًا وتوهجًا.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_e8f8ea7b-01fc-4144-9da3-ecc29addcda7.webp?v=1742659829\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M17.66,11.2C17.43,10.9 17.15,10.64 16.89,10.38C16.22,9.78 15.46,9.35 14.82,8.72C13.33,7.26 13,4.85 13.95,3C13,3.23 12.17,3.75 11.46,4.32C8.87,6.4 7.85,10.07 9.07,13.22C9.11,13.32 9.15,13.42 9.15,13.55C9.15,13.77 9,13.97 8.8,14.05C8.57,14.15 8.33,14.09 8.14,13.93C8.08,13.88 8.04,13.83 8,13.76C6.87,12.33 6.69,10.28 7.45,8.64C5.78,10 4.87,12.3 5,14.47C5.06,14.97 5.12,15.47 5.29,15.97C5.43,16.57 5.7,17.17 6,17.7C7.08,19.43 8.95,20.67 10.96,20.92C13.1,21.19 15.39,20.8 17.03,19.32C18.86,17.66 19.5,15 18.56,12.72L18.43,12.46C18.22,12 17.66,11.2 17.66,11.2M14.5,17.5C14.22,17.74 13.76,18 13.4,18.1C12.28,18.5 11.16,17.94 10.5,17.28C11.69,17 12.4,16.12 12.61,15.23C12.78,14.43 12.46,13.77 12.33,13C12.21,12.26 12.23,11.63 12.5,10.94C12.69,11.32 12.89,11.7 13.13,12C13.9,13 15.11,13.44 15.37,14.8C15.41,14.94 15.43,15.08 15.43,15.23C15.46,16.05 15.1,16.95 14.5,17.5Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eيعمل السيروم من خلال مزج ثلاثة مكونات رئيسية تُحدث تأثيرًا متكاملًا: يُساهم الريتينال في تنعيم البشرة وتحفيز تجديد خلاياها، بينما تعمل الليبوسومات على تثبيت الريتينال وتحسين امتصاصه بفعالية، ويضفي مستخلص جذر الجينسنغ ترطيبًا طويل الأمد وحماية فائقة. بهذه الآلية الفريدة، يتم إعادة بناء حاجز البشرة وتقليل ظهور التجاعيد الدقيقة والهالات الداكنة والانتفاخ، مما يُعيد لعينيك الحيوية والإشراقة.\u003c\/p\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"feature-icon\"\u003e\n \u003cpath d=\"M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003eما الذي يميز التركيبة؟\u003c\/h3\u003e\n\u003cp\u003eتميز هذه التركيبة يكمن في دمجها لقوة الريتينال مع الليبوصولات ومستخلص الجينسنغ؛ حيث يُعتبر كل مكون بمفرده معجزة في تحسين صحة البشرة. عند اتحادها معًا، تُصبح قوة طبيعية لا يُمكن وقفها تعمل على تجديد منطقة العين وتحفيز إنتاج الكولاجين، مما يُحسن مرونة البشرة ويقلل من علامات التعب والشيخوخة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"feature-icon\"\u003e\n \u003cpath d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003eلماذا تعتبر هذه التركيبة افضل من مشتقات الريتينول الأخرى ؟\u003c\/h3\u003e\n\u003cp\u003eالريتينول هو شكل من أشكال فيتامين A يحتاج إلى التحول داخل البشرة ليصبح نشطًا، مما يجعله أقل فعالية مقارنةً بالريتينال.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e أما الريتينال\u003c\/strong\u003e، فهو يعمل مباشرةً لتحفيز تجديد الخلايا وإنتاج الكولاجين دون الحاجة إلى تحويل، مما يسرع من النتائج ويقلل من مخاطر التهيج. هذا الفرق يجعل الريتينال الخيار الأمثل للعناية المكثفة بمنطقة العين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M4,6H2V20A2,2 0 0,0 6,20V22H6A2,2 0 0,0 8,20V4A2,2 0 0,0 6,2H4V4H6V6M14,6H12V20A2,2 0 0,0 16,20V22H16A2,2 0 0,0 18,20V4A2,2 0 0,0 16,2H14V4H16V6M22,20V2H20V4H22V6H20V20H22Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eبعد تنظيف البشرة بلطف، يُوضع السيروم على منطقة العين باستخدام كمية قليلة. قومي بتدليك المنتج برفق حتى يتم امتصاصه بالكامل، ثم اتبعيه بمرطب مناسب للحفاظ على الترطيب وتعزيز النتائج. يُفضل استخدام السيروم صباحًا ومساءً لتحقيق أفضل النتائج.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eتنظيف البشرة بلطف\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eوضع كمية قليلة من السيروم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eتدليك برفق حتى الامتصاص\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eمتابعة بمرطب مناسب\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eالنتائج السريرية\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eأظهرت التجارب أن الاستخدام المنتظم للسيروم يؤدي إلى تحسينات ملحوظة في عدة مجالات:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتقليل التجاعيد الدقيقة\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e16\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eانخفاض في عمق التجاعيد الدقيقة حول العينين بعد 8 أسابيع من الاستخدام المنتظم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eزيادة الترطيب\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e118\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eتحسن في مستويات ترطيب منطقة العين مقارنة بالقياسات الأساسية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتقليل الهالات السوداء\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e30\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eتحسن ملحوظ في لون البشرة وتقليل التصبغات حول العينين بعد 4 أسابيع فقط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e50\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eزيادة في نعومة البشرة وتحسين ملمسها بفضل تجديد الخلايا وتعزيز حاجز البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eإن \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e ليس مجرد منتج عناية؛ إنه استثمار حقيقي في شباب وجمال عينيك. تركيبته المتطورة توفر نتائج مذهلة بجرعة قليلة، مما يجعله الخيار الأمثل لمن تسعى للحصول على إشراقة وطلة شبابية تدوم طويلاً.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44589813104837,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml.jpg?v=1742657450"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003eالحلزون .. السر السحري في مقاومة علامات الزمن\u003c\/h2\u003e\n\u003cp data-start=\"36\" data-end=\"285\" class=\"\"\u003eاستعدي لمواجهة آثار الزمن والتلف مع \u003cstrong data-start=\"72\" data-end=\"106\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – منتج ثوري يجمع بين قوة مستخلص الحلزون الأسود بنسبة 89% وتركيبة Trusica العلاجية التي تعمل على إصلاح البشرة وترطيبها بعمق. كل قطرة تُعتبر خطوة جريئة نحو بشرة أكثر شبابًا ونضارة.\u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003eتركيبة غير مسبوقة من مستخلص الحلزون الأسود\u003c\/h2\u003e\n\u003cp data-start=\"315\" data-end=\"366\" class=\"\"\u003e تجمع التركيبة بين مكونين طبيعيين أساسيين\u003c\/p\u003e\n\u003cul data-start=\"367\" data-end=\"756\"\u003e\n\u003cli data-start=\"367\" data-end=\"485\" class=\"\"\u003e\n\u003cp data-start=\"369\" data-end=\"485\" class=\"\"\u003e\u003cstrong data-start=\"369\" data-end=\"394\"\u003eمستخلص الحلزون الأسود\u003c\/strong\u003e الذي يُغذي البشرة بعمق، يُحفّز تجديد الخلايا، ويقلل من التجاعيد والندوب وآثار حب الشباب.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003e\u003cstrong data-start=\"488\" data-end=\"515\"\u003eتركيبة Trusica العلاجية\u003c\/strong\u003e التي تُزيل آثار التلف وتعالج الندوب بخبرة، لتُعيد لبشرتك توازنها الطبيعي وترطيبها الدائم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003eتتحد هذه المكونات مع النياسيناميد والمستخلصات النباتية لدعم مرونة البشرة وحاجزها الواقي، مما يحميها من العوامل البيئية الضارة ويمنحها إشراقة مُبهرة.\u003cbr data-start=\"605\" data-end=\"608\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\"\u003e\u003c\/h2\u003e\n\u003ch2\u003eلماذا الحلزون الأسود تحديدا ؟ \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eيُعتبر مستخلص الحلزون مكونًا شائعًا في منتجات العناية بالبشرة بفضل فوائده المتعددة. ومع ذلك، يتميز مستخلص الحلزون الأسود بخصائص فريدة تجعله يتفوق على المستخلصات الأخرى. في الجدول التالي، نوضح الأسباب التي دفعتنا لاختيار مستخلص الحلزون الأسود في سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالعنصر\u003c\/th\u003e\n\u003cth\u003eمستخلص الحلزون الأسود\u003c\/th\u003e\n\u003cth\u003eمستخلصات الحلزون الأخرى\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eالمكونات النشطة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على نسبة عالية من البروتينات، الإيلاستين، الكولاجين، والأحماض الدهنية الأساسية، مما يُعزز صحة البشرة ويُحسن مرونتها.\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مكونات نشطة، ولكن بنسب أقل مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالفعالية في إصلاح البشرة\u003c\/td\u003e\n\u003ctd\u003eيُحفّز تجديد خلايا البشرة، يُقلل من ظهور الندوب وآثار حب الشباب، ويُحسّن ملمس البشرة بشكل عام.\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تجديد البشرة، ولكن قد يكون أقل فعالية في معالجة الندوب العميقة وآثار حب الشباب.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالترطيب والمرونة\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا عميقًا ويُعزز مرونة البشرة بفضل محتواه الغني من الكولاجين والبروتينات.\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا جيدًا، لكن قد يكون أقل في تعزيز المرونة مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eمكافحة الشيخوخة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مضادات أكسدة قوية تُقلل من ظهور الخطوط الدقيقة والتجاعيد، مما يُعطي مظهرًا أكثر شبابًا.\u003c\/td\u003e\n\u003ctd\u003eيُساهم في مكافحة الشيخوخة، ولكن قد يكون تأثيره أقل وضوحًا مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eتوحيد لون البشرة\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تقليل التصبغات وتوحيد لون البشرة، مما يمنحها إشراقة طبيعية.\u003c\/td\u003e\n\u003ctd\u003eقد يُساهم في توحيد لون البشرة، لكن بفعالية أقل.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eباختيار مستخلص الحلزون الأسود، يُقدم سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e فوائد متعددة تتفوق على المستخلصات الأخرى، مما يجعله خيارًا مثاليًا لمن يسعى للحصول على بشرة صحية، نضرة، وخالية من العيوب.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"758\" data-end=\"783\" class=\"\"\u003eفيه حل لكل مشكلة في بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"784\" data-end=\"877\" class=\"\"\u003eيُعتبر \u003cstrong data-start=\"791\" data-end=\"825\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e الحل الشامل لمشاكل البشرة المتضررة؛ فهو يعمل على:\u003c\/p\u003e\n\u003cul data-start=\"878\" data-end=\"1164\"\u003e\n\u003cli data-start=\"878\" data-end=\"958\" class=\"\"\u003e\n\u003cp data-start=\"880\" data-end=\"958\" class=\"\"\u003eإعادة الترطيب العميق للبشرة وتحفيز تجديد خلاياها، مما يُحسن من مظهرها العام.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"959\" data-end=\"1037\" class=\"\"\u003e\n\u003cp data-start=\"961\" data-end=\"1037\" class=\"\"\u003eتقليل ظهور التجاعيد الدقيقة والندوب الناتجة عن حب الشباب والعوامل البيئية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1038\" data-end=\"1106\" class=\"\"\u003e\n\u003cp data-start=\"1040\" data-end=\"1106\" class=\"\"\u003eدعم حاجز البشرة الطبيعي وإعادة توازن مستويات الزيوت والماء فيها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1107\" data-end=\"1164\" class=\"\"\u003e\n\u003cp data-start=\"1109\" data-end=\"1164\" class=\"\"\u003eتحسين ملمس البشرة وإضفاء إشراقة طبيعية تدوم طوال اليوم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cul data-start=\"1269\" data-end=\"1582\"\u003e\n\u003cli data-start=\"1269\" data-end=\"1367\" class=\"\"\u003e\n\u003cp data-start=\"1271\" data-end=\"1367\" class=\"\"\u003eيُحفّز مستخلص الحلزون الأسود إنتاج الكولاجين وتجديد الخلايا، مما يُعيد للبشرة شبابها ومرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1368\" data-end=\"1491\" class=\"\"\u003e\n\u003cp data-start=\"1370\" data-end=\"1491\" class=\"\"\u003eتُساعد تركيبة Trusica على معالجة الندوب وعلامات التلف، في حين يعمل النياسيناميد على توحيد لون البشرة وتخفيف الالتهابات.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1492\" data-end=\"1582\" class=\"\"\u003e\n\u003cp data-start=\"1494\" data-end=\"1582\" class=\"\"\u003eالنتيجة هي بشرة مُرتبة، متجددة، ومحفوظة من آثار الزمن والتلف مع ملمس ناعم وإشراقة مبهرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003eطريقة الاستخدام المثالية\u003c\/h2\u003e\n\u003cp data-start=\"1614\" data-end=\"1886\" class=\"\"\u003eبعد تنظيف البشرة بلطف، يُوضع السيروم على الوجه مع التركيز على المناطق المتضررة مثل خطوط التجاعيد والندوب. قومي بتدليك المنتج برفق حتى يتم امتصاصه بالكامل، ثم اتبعيه بمرطب مناسب للحفاظ على الترطيب وتعزيز النتائج. يُفضل استخدام السيروم صباحًا ومساءً للحصول على أفضل النتائج.\u003c\/p\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003eأفضل الاستثمارات في صحة بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"1920\" data-end=\"2177\" class=\"\"\u003eإن \u003cstrong data-start=\"1923\" data-end=\"1957\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e ليس مجرد منتج عناية بالبشرة، بل هو استثمار حقيقي في شباب بشرتك. تركيبته المركزة والفعالة تُحقق نتائج ملحوظة مع استخدام كمية قليلة، مما يجعله الخيار الأمثل لمن تسعى لاستعادة نضارة وبريق بشرتها وحمايتها من علامات الزمن.\u003c\/p\u003e\n\u003cp data-start=\"2179\" data-end=\"2327\" class=\"\"\u003eاستمتعي بتجربة علاجية متكاملة حيث يلتقي العلم بالطبيعة ليمنح بشرتك التألق الذي تستحقينه، ولتكوني دائمًا على استعداد لمواجهة تحديات الزمن بثقة وجمال.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":44591502786757,"sku":"","price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Heading_2.png?v=1742735468"},{"product_id":"cosrx-advanced-snail-peptide-eye-cream","title":"COSRX كريم العين لتفتيح الهالات وعلاج التجاعيد بمستخلص الحلزون والببتيدات","description":"\u003ch2 data-start=\"0\" data-end=\"39\" class=\"\" style=\"text-align: center;\"\u003e\u003cstrong data-start=\"3\" data-end=\"37\"\u003eلا تترك عينيك تتحدث عن معاناتك\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"40\" data-end=\"343\" class=\"\" style=\"text-align: center;\"\u003eتخيل أن كل إرهاق وسهر وتقدم في العمر ينعكس على عينيك كقصة تُحكى دون أن تتكلم. التجاعيد الدقيقة، الهالات السوداء، والترهل ليست مجرد علامات، بل صرخة استغاثة من بشرتك. لكن لا تقلق، الحل موجود! كريم \u003cstrong data-start=\"235\" data-end=\"278\"\u003eكوزركس Advanced Snail Peptide Eye Cream\u003c\/strong\u003e يعيد لعينيك الحيوية، ليجعلها تتحدث عن إشراقك بدلاً من معاناتك.\u003c\/p\u003e\n\u003cstyle\u003e\n .peptides-info * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .peptides-info {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n direction: rtl;\n font-family: inherit;\n }\n \n .peptides-header {\n text-align: center;\n margin-bottom: 40px;\n }\n \n .peptides-title {\n font-size: 1.5rem;\n color: #333;\n margin-bottom: 15px;\n }\n \n .peptides-subtitle {\n font-size: 1rem;\n color: #555;\n margin-bottom: 20px;\n }\n \n .peptides-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n \n .peptide-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 .peptide-card:hover {\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .peptide-name {\n font-size: 1.1rem;\n font-weight: 600;\n color: #333;\n margin-bottom: 5px;\n }\n \n .peptide-alias {\n font-size: 0.9rem;\n color: #666;\n font-style: italic;\n margin-bottom: 15px;\n }\n \n .peptide-benefits {\n list-style-type: disc;\n padding-right: 20px;\n }\n \n .peptide-benefit {\n margin-bottom: 10px;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n \n .peptide-highlight {\n font-weight: 600;\n color: #444;\n }\n \n @media (max-width: 768px) {\n .peptides-grid {\n grid-template-columns: 1fr;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"peptides-info\"\u003e\n\u003cdiv class=\"peptides-header\"\u003e\n\u003ch3 class=\"peptides-title\"\u003eلا تقتصر التركيبة على الحلزون بل تجمع بين 5 ببتيدات تعيد الحياة لنسيج الجلد\u003c\/h3\u003e\n\u003cp class=\"peptides-subtitle\"\u003eالكريم يحتوي على \u003cstrong\u003eخمسة أنواع قوية من الببتيدات\u003c\/strong\u003e، كل منها يلعب دورًا محددًا في إعادة بناء وتجديد البشرة حول العينين:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptides-grid\"\u003e\n\u003cdiv class=\"peptide-card\"\u003e\n\u003ch4 class=\"peptide-name\"\u003eCopper Tripeptide-1\u003c\/h4\u003e\n\u003cdiv class=\"peptide-alias\"\u003eالببتيد النحاسي\u003c\/div\u003e\n\u003cul class=\"peptide-benefits\"\u003e\n\u003cli class=\"peptide-benefit\"\u003eيحفّز إنتاج الكولاجين والإيلاستين، مما يساعد في \u003cspan class=\"peptide-highlight\"\u003eشد البشرة وتقليل التجاعيد\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli class=\"peptide-benefit\"\u003eيتمتع بخصائص مضادة للأكسدة تعزز تجديد الخلايا وتحمي من التلف البيئي.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-card\"\u003e\n\u003ch4 class=\"peptide-name\"\u003eAcetyl Hexapeptide-8\u003c\/h4\u003e\n\u003cdiv class=\"peptide-alias\"\u003eبديل البوتوكس\u003c\/div\u003e\n\u003cul class=\"peptide-benefits\"\u003e\n\u003cli class=\"peptide-benefit\"\u003eيُعرف باسم \"بوتوكس بدون إبر\"، حيث يساعد على \u003cspan class=\"peptide-highlight\"\u003eإرخاء العضلات الدقيقة وتقليل ظهور التجاعيد التعبيرية\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli class=\"peptide-benefit\"\u003eيجعل البشرة أكثر نعومة وثباتًا.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-card\"\u003e\n\u003ch4 class=\"peptide-name\"\u003ePalmitoyl Pentapeptide-4\u003c\/h4\u003e\n\u003cdiv class=\"peptide-alias\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul class=\"peptide-benefits\"\u003e\n\u003cli class=\"peptide-benefit\"\u003eيُحفّز إنتاج \u003cspan class=\"peptide-highlight\"\u003eالكولاجين والإيلاستين وحمض الهيالورونيك\u003c\/span\u003e في الجلد.\u003c\/li\u003e\n\u003cli class=\"peptide-benefit\"\u003eيعزز \u003cspan class=\"peptide-highlight\"\u003eامتلاء البشرة وتقليل الخطوط الرفيعة\u003c\/span\u003e، خاصةً في المنطقة الحساسة حول العينين.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-card\"\u003e\n\u003ch4 class=\"peptide-name\"\u003ePalmitoyl Tripeptide-1\u003c\/h4\u003e\n\u003cdiv class=\"peptide-alias\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul class=\"peptide-benefits\"\u003e\n\u003cli class=\"peptide-benefit\"\u003eيعمل على \u003cspan class=\"peptide-highlight\"\u003eإصلاح وتجديد البشرة\u003c\/span\u003e من خلال تحفيز آليات التعافي الطبيعية.\u003c\/li\u003e\n\u003cli class=\"peptide-benefit\"\u003eيساعد على \u003cspan class=\"peptide-highlight\"\u003eتقوية حاجز البشرة وتحسين مرونتها\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-card\"\u003e\n\u003ch4 class=\"peptide-name\"\u003ePalmitoyl Tetrapeptide-7\u003c\/h4\u003e\n\u003cdiv class=\"peptide-alias\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul class=\"peptide-benefits\"\u003e\n\u003cli class=\"peptide-benefit\"\u003eيقلل من \u003cspan class=\"peptide-highlight\"\u003eالالتهابات والتصبغات\u003c\/span\u003e عن طريق تثبيط إنتاج المواد المسببة لتهيج البشرة.\u003c\/li\u003e\n\u003cli class=\"peptide-benefit\"\u003eفعال في \u003cspan class=\"peptide-highlight\"\u003eتقليل الانتفاخ والهالات السوداء\u003c\/span\u003e تحت العينين.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 data-start=\"1142\" data-end=\"1207\" class=\"\" style=\"text-align: center;\"\u003e\u003cstrong data-start=\"1145\" data-end=\"1205\"\u003eتم دمجه بالمركب الأقوى في علاج التصبغات ... النياسيناميد\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-start=\"1208\" data-end=\"1549\" class=\"\" style=\"text-align: center;\"\u003eالبقع الداكنة والهالات السوداء ليست قدرك المحتوم! بفضل \u003cstrong data-start=\"1263\" data-end=\"1279\"\u003eالنياسيناميد\u003c\/strong\u003e، أحد أقوى المكونات في تفتيح البشرة ومكافحة التصبغات، يساعد الكريم على \u003cstrong data-start=\"1350\" data-end=\"1442\"\u003eتوحيد لون البشرة، تقليل الاحمرار، وتحفيز إنتاج السيراميدات التي تعزز حاجز البشرة الطبيعي\u003c\/strong\u003e. مع الاستعمال المنتظم، ستلاحظين كيف يختفي اللون الداكن تدريجيًا، ليترك عينيك مشرقتين دون الحاجة للمكياج.\u003c\/p\u003e\n\u003cp data-start=\"1208\" data-end=\"1549\" class=\"\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"736\" data-end=\"824\" class=\"\" style=\"text-align: center;\"\u003eتعمل هذه المكونات في تناغم لتحقق نتائج صادمة على بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"826\" data-end=\"991\" class=\"\" style=\"text-align: center;\"\u003e\u003cspan class=\"relative -mx-px my-[-0.2rem] rounded px-px py-[0.2rem]\"\u003eعند تطبيق الكريم على منطقة العين، يخترق مستخلص مخاط الحلزون الطبقات العليا للبشرة، محفزاً عملية التجديد الخلوي وتوفير الترطيب اللازم.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-start=\"826\" data-end=\"991\" class=\"\" style=\"text-align: center;\"\u003e\u003cspan class=\"relative -mx-px my-[-0.2rem] rounded px-px py-[0.2rem]\"\u003eفي الوقت نفسه، تعمل البيبتيدات على تعزيز إنتاج البروتينات الأساسية التي تحافظ على بنية البشرة، مما يقلل من الترهل والتجاعيد.\u003c\/span\u003e \u003cspan class=\"relative -mx-px my-[-0.2rem] rounded px-px py-[0.2rem]\"\u003eأما النياسيناميد، فيساهم في توحيد لون البشرة وتقليل التصبغات، مما يمنح منطقة العين مظهراً أكثر إشراقاً وحيوية.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e \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 أمبولة\/سيروم سنتيلا مدغشقر | مهدئ متقدم للبشرة الحساسة | مضاد للاحمرار و التهيج","description":"\u003c!-- SKIN1004 Madagascar Centella Ampoule - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"ph-hero-section\"\u003e\n \u003cdiv class=\"ph-floating-particles\"\u003e\n \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch1 class=\"ph-hero-title\"\u003eالأمبول الكوري النقي 100% اللي بيصلح البشرة المتضررة في دقايق\u003c\/h1\u003e\n \u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eعندما يتحد نقاء السنتيلا الآسياتيكا من مدغشقر بالعلم الكوري المتقدم - علاج SOS حقيقي لأي تضرر أو تهيج في البشرة\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"ph-product-showcase\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_skin_1004_centella_ampoule.webp?v=1762333980\" alt=\"SKIN1004 Madagascar Centella Ampoule\" class=\"ph-product-image\"\u003e\n \u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Ampoule\u003c\/h2\u003e\n \u003cp class=\"ph-product-intro\"\u003e\n البشرة حمرا طول الوقت. حساسة لأي منتج. حاجز البشرة مدمر من الأحماض أو الريتينول. الاحمرار والتهيج مستمرين. المشكلة مش في البشرة نفسها - \u003cstrong\u003eالمشكلة في حاجز البشرة المكسور\u003c\/strong\u003e. SKIN1004 Madagascar Centella Ampoule هو \u003cstrong\u003eأمبول مائي نقي - تقريباً 100% سنتيلا أسياتيكا\u003c\/strong\u003e من مدغشقر (أنقى سنتيلا في العالم). مافيش عطور، مافيش زيوت، مافيش إضافات - \u003cstrong\u003eبس مكون واحد قوي مثبت سريرياً\u003c\/strong\u003e إنه بيصلح الحاجز، يهدي الاحمرار، يسرع الالتئام، ويرطب بعمق. Vegan, Fungal Acne Safe, مناسب لأحساس أنواع البشرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Problem Section --\u003e\n \u003cdiv class=\"ph-problem-section\"\u003e\n \u003ch2 class=\"ph-problem-title\"\u003eحاجز البشرة المكسور = بشرة حساسة وملتهبة\u003c\/h2\u003e\n \n \u003ch3 class=\"ph-problem-subtitle\"\u003e\n \u003cstrong\u003eحاجز البشرة هو خط الدفاع الأول - طبقة الحماية من العالم الخارجي\u003c\/strong\u003e\n \u003c\/h3\u003e\n\n \u003cp class=\"ph-problem-text\"\u003e\n حاجز البشرة هو خط الدفاع الأول - طبقة من الدهون والبروتينات بتحمي البشرة من العالم الخارجي (تلوث، بكتيريا، مهيجات) وبتمنع فقدان الرطوبة من الداخل. لما الحاجز يتضرر من الإفراط في التقشير، المنتجات القاسية، أو الالتهابات المزمنة، البشرة بتفقد قدرتها على حماية نفسها.\n \u003c\/p\u003e\n\n \u003cdiv class=\"ph-problem-details\"\u003e\n \u003ch4 class=\"ph-problem-detail-title\"\u003eعلامات حاجز البشرة المتضرر:\u003c\/h4\u003e\n \u003cdiv class=\"ph-problem-grid\"\u003e\n \u003cdiv class=\"ph-problem-detail-card\"\u003e\n \u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eاحمرار مستمر\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003eحتى بدون سبب واضح والبشرة حساسة لأي منتج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-problem-detail-card\"\u003e\n \u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eجفاف وتقشر\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003eحتى لو بتستخدم مرطب والبشرة مش مرتاحة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-problem-detail-card\"\u003e\n \u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eحبوب متكررة\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003eالبكتيريا بتدخل بسهولة وآثار الحبوب بطيئة في الالتئام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"ph-problem-highlight\"\u003e\n \u003cstrong\u003eالسبب: إفراط في التقشير، منتجات قاسية، التهابات مزمنة، أو عوامل بيئية\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cp class=\"ph-problem-conclusion\"\u003e\n حاجز البشرة المكسور مش هيصلح نفسه. كل ما الحاجز يضعف أكتر، كل ما البشرة تبقى أكثر حساسية، احمرار، وعرضة للحبوب والالتهابات. المشكلة بتتفاقم مع الوقت، مش بتتحسن.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Grid --\u003e\n \u003cdiv class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eإيه اللي هيعمله لبشرتك؟ - 6 حلول علاجية في قطرتين\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n سنتيلا أسياتيكا 100% من مدغشقر - المكون الطبيعي بفعالية الكورتيزون بدون أعراض جانبية\n \u003c\/p\u003e\n \u003cdiv class=\"ph-benefits-grid\"\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eتهدئة فورية للبشرة الحمرا والمتهيجة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eيهدي التهيج والاحمرار بسرعة - خصوصاً بعد التقشير، الريتينول، أو نوبات التهاب الجلد في دقايق معدودة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eترطيب عميق بدون دهون\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eمرطبات متعددة + تأثير السنتيلا على الهيالورونيك = بشرة نطّاطة، مرطبة، وممتلئة بدون ملمس دهني\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eتسريع التعافي من الحبوب والحروق\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eيعزز الالتئام بعد نوبات الحبوب، حروق الشمس، أو إجراءات البشرة ويسرع تخليق الكولاجين طبيعياً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eB\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eتقوية الحاجز المتضرر\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eيحمي ويصلح الحواجز المكسورة - مثالي للأكزيما، الروزاسيا، التصبغات، أو آثار الحبوب ويعيد الـpH الصحي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eخالي من الزيوت، Non-comedogenic\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eمناسب للفطريات والبشرة الدهنية جداً والمعرضة للحبوب - Vegan, Fungal Acne Safe\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eمضاد للشيخوخة على المدى الطويل\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eالاستخدام طويل المدى يحسن محتوى الكولاجين، ملمس البشرة، الخطوط الدقيقة، والمرونة العامة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"ph-how-it-works\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eسنتيلا أسياتيكا النقية من مدغشقر - النبتة التي حيرت الأطباء\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n المكون الوحيد الحقيقي: Centella Asiatica Extract 100% - أنقى وأقوى سنتيلا في العالم\n \u003c\/p\u003e\n \n \u003cdiv class=\"ph-mechanism-cards\"\u003e\n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eالمركبات النشطة المعجزة\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003e4 مركبات طبيعية قوية تعمل بتناغم مثالي لإصلاح وحماية البشرة\u003c\/p\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eMadecassoside + Asiaticoside:\u003c\/strong\u003e تحفز تخليق الكولاجين وتسرع التئام الجروح\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتزيد إنتاج حمض الهيالورونيك:\u003c\/strong\u003e في البشرة للترطيب العميق\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAsiatic Acid + Madecassic Acid:\u003c\/strong\u003e تثبط الإشارات الالتهابية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضادات أكسدة قوية:\u003c\/strong\u003e تحارب الجذور الحرة وتحمي من الضغوط البيئية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eكيف تعمل السنتيلا علمياً؟\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003eآلية عمل مثبتة سريرياً لإصلاح وحماية حاجز البشرة\u003c\/p\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eتسريع التئام الجروح:\u003c\/strong\u003e تحسن معدل وجودة التعافي الجلدي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل الندبات والاحمرار:\u003c\/strong\u003e تحسن كبير في التصبغات وسُمك الندبات\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eإصلاح الحاجز الفيزيائي:\u003c\/strong\u003e استعادة الـpH الصحي وتقليل فقدان الماء\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضاد للالتهاب الطبيعي:\u003c\/strong\u003e تهدي الاحمرار وتمنع إشارات الضغط الخارجي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eالتأثير الإجمالي المعجز\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003eنتائج شاملة لبشرة صحية ومحمية ومتجددة\u003c\/p\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eتدعم الدورة الدموية الدقيقة:\u003c\/strong\u003e تشجع التئام التشققات الدقيقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتسرع التعافي:\u003c\/strong\u003e بعد الإجراءات أو التقشير الكيميائي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقوي حاجز البشرة:\u003c\/strong\u003e وتعيد التوازن الطبيعي للبشرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eحماية طويلة المدى:\u003c\/strong\u003e ضد العوامل البيئية الضارة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Results Timeline --\u003e\n \u003cdiv class=\"ph-timeline-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eرحلة الـ8 أسابيع لبشرة خالية من التهيج والاحمرار\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-timeline-container\"\u003e\n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003eفوري (دقايق)\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالتهدئة الفورية\u003c\/h3\u003e\n \u003cdiv class=\"ph-timeline-benefits\"\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتقليل الاحمرار والتهيج بوضوح\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eإحساس بالتهدئة والراحة الفورية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eإحساس بالترطيب - البشرة نطّاطة ومرطبة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003e1-2 أسبوع\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eتقوية الحاجز\u003c\/h3\u003e\n \u003cdiv class=\"ph-timeline-benefits\"\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتحسن مقاومة الحاجز - بشرة أقل حساسية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eحبوب أقل - الحاجز القوي بيمنع دخول البكتيريا\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eأقل تقشر أو جفاف وتحسن في التوازن الطبيعي\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003e4-8 أسابيع\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالتجديد الكامل\u003c\/h3\u003e\n \u003cdiv class=\"ph-timeline-benefits\"\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتفتيح آثار الحبوب والتصبغات\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eإشراق دائم وتوحيد لون البشرة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتحسن الصلابة والملمس والمرونة العامة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"ph-timeline-conclusion\"\u003e\n 8 أسابيع فقط = تحول كامل من البشرة المتضررة إلى البشرة الصحية المحمية\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"ph-usage-section\"\u003e\n \u003ch2 class=\"ph-usage-title\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-usage-steps\"\u003e\n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالتوقيت المثالي\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eبعد التونر أو مباشرة بعد التنضيف لو روتينك بسيط - يمكن استخدامه صباحاً و\/أو مساءً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالكمية المثالية\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eضع 2-3 قطرات على البشرة النظيفة - الكمية القليلة كافية بسبب التركيز العالي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالتطبيق اللطيف\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eطبطب بلطف على الوجه والرقبة حتى الامتصاص الكامل - تجنب الفرك القوي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالترطيب الإضافي\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eطبّق فوقه كريم مرطب لو بشرتك جافة أو محتاجة ترطيب إضافي - خفيف جداً للبشرة الجافة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-tips\"\u003e\n \u003ch3 class=\"ph-usage-tips-title\"\u003eنصائح مهمة للاستخدام الأمثل:\u003c\/h3\u003e\n \u003cdiv class=\"ph-usage-tips-grid\"\u003e\n \u003cdiv class=\"ph-usage-tips-column\"\u003e\n \u003ch4 class=\"ph-usage-tips-subtitle advanced\"\u003eالاستخدامات المتقدمة:\u003c\/h4\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيعمل ممتاز صباحاً\u003c\/strong\u003e للتهدئة قبل المكياج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمثالي بالليل\u003c\/strong\u003e بعد استخدام أحماض أو ريتينول\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيمكن استخدامه على الجسم\u003c\/strong\u003e للمناطق المتهيجة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eآمن حول العين والشفاه\u003c\/strong\u003e بدون عطور أو كحول\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-usage-tips-column\"\u003e\n \u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eنصائح إضافية:\u003c\/h4\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيُطبَّق بطبقات\u003c\/strong\u003e مع سيرومات أو أمبولات أخرى\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمناسب بعد الحلاقة\u003c\/strong\u003e أو للأكزيما والتهيج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيمكن الاستخدام المتكرر\u003c\/strong\u003e عند الحاجة للتهدئة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eآمن للحمل والرضاعة\u003c\/strong\u003e بدون امتصاص جهازي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Social Proof --\u003e\n \u003cdiv class=\"ph-social-proof\"\u003e\n \u003ch2 class=\"ph-social-proof-title\"\u003eالنقاوة في أبسط صورة - ليه SKIN1004 مختلف؟\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-proof-grid\"\u003e\n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003e100\u003c\/div\u003e\n \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eسنتيلا أسياتيكا 100%\u003c\/h4\u003e\n \u003cp\u003eمن مدغشقر - أنقى وأقوى سنتيلا في العالم بسبب التربة النظيفة والمناخ المثالي، مثبت سريرياً لإصلاح الحاجز\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eM\u003c\/div\u003e\n \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eMinimalist Formula\u003c\/h4\u003e\n \u003cp\u003eبدون عطور، زيوت، أو إضافات غير ضرورية - نقاوة مطلقة للبشرة الحساسة والمتضررة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eVegan \u0026amp; Fungal Acne Safe\u003c\/h4\u003e\n \u003cp\u003eآمن لكل أنواع البشرة حتى شديدة الحساسية، خالي من المواد المسببة للحساسية والكوميدوجينيك\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eC\u003c\/div\u003e\n \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eمثبت سريرياً\u003c\/h4\u003e\n \u003cp\u003eتجارب سريرية مع كريمات السنتيلا أظهرت تحسن كبير في التصبغات والندبات والتهيج على مدى 8-12 أسبوع\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eS\u003c\/div\u003e\n \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eعلاج SOS فوري\u003c\/h4\u003e\n \u003cp\u003eتهدئة فورية في دقايق - الاحمرار بيقل فوراً والبشرة تحس بالراحة من أول استخدام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"ph-ingredients-list\"\u003e\n \u003ch2 class=\"ph-ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h2\u003e\n \u003cdiv class=\"ph-ingredients-text\"\u003e\n \u003cstrong\u003eالمكونات النشطة:\u003c\/strong\u003e\u003cbr\u003e\n • \u003cstrong\u003eCentella Asiatica Extract (100%)\u003c\/strong\u003e - السنتيلا الآسياتيكا النقية من مدغشقر\u003cbr\u003e\n • \u003cstrong\u003eWater\u003c\/strong\u003e - الماء النقي كقاعدة طبيعية\u003cbr\u003e\n • \u003cstrong\u003eGlycerin\u003c\/strong\u003e - الجليسرين للترطيب اللطيف\u003cbr\u003e\n • \u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - محسن الامتصاص والملمس\u003cbr\u003e\n • \u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - مرطب طبيعي ومثبت\u003cbr\u003e\n • \u003cstrong\u003eCellulose Gum\u003c\/strong\u003e - مثخن طبيعي لقوام مثالي\u003cbr\u003e\n • \u003cstrong\u003eEthylhexylglycerin\u003c\/strong\u003e - مكيف طبيعي للبشرة\u003cbr\u003e\u003cbr\u003e\n \n \u003cstrong\u003eقائمة المكونات الكاملة (INCI):\u003c\/strong\u003e\u003cbr\u003e\n Water, Centella Asiatica Extract (100%), Glycerin, Butylene Glycol, 1,2-Hexanediol, Cellulose Gum, Ethylhexylglycerin\n \u003c\/div\u003e\n \u003cdiv class=\"ph-ingredients-safety\"\u003e\n \u003cp class=\"ph-ingredients-safety-text\"\u003e\n \u003cstrong\u003e✓ خالي من:\u003c\/strong\u003e البارابين، الكبريتات، السيليكون، العطور، الزيوت المعدنية، الكحول القاسي\u003cbr\u003e\n \u003cstrong\u003e✓ اختبار من أطباء الجلدية\u003c\/strong\u003e - Vegan, Cruelty-Free, Fungal Acne Safe\u003cbr\u003e\n \u003cstrong\u003e✓ آمن للحمل والرضاعة\u003c\/strong\u003e - مناسب لكل أنواع البشرة حتى شديدة الحساسية\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003cdiv class=\"ph-cta-section\"\u003e\n \u003cdiv class=\"ph-floating-particles\"\u003e\n \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch2 class=\"ph-cta-title\"\u003eبشرة متضررة ومتهيجة؟ الإنقاذ في قطرتين\u003c\/h2\u003e\n \u003cp class=\"ph-cta-text\"\u003e\n \u003cstrong\u003eSKIN1004 Madagascar Centella Ampoule - النقاوة في أبسط صورة\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\n كل يوم بتستخدم منتجات قاسية أو بتهمل الحاجز = تدمير تدريجي للبشرة.\u003cbr\u003e\n مش هيرطب السطح بس... ده هيدخل عميق ويصلح حاجز البشرة من الجذور.\n \u003c\/p\u003e\n \u003cdiv class=\"ph-cta-content\"\u003e\n \u003cp class=\"ph-cta-highlight\"\u003eحاجز بشرتك محتاج إصلاح فوري\u003c\/p\u003e\n \u003cp class=\"ph-cta-subtext\"\u003eالحل نقي وبسيط. تهدئة فورية - الاحمرار بيقل في دقايق 🌿💧\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44663191535813,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004centellaampoule_1.png?v=1744735865"},{"product_id":"some-by-mi-yuja-niacin-brightening-toner-150ml","title":"Some by Mi Yuja Niacin Brightening Toner 150ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin Brightening Toner - نسخة مبسطة --\u003e\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-description {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n}\n\n.yuja-title {\n text-align: center;\n font-size: 24px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 10px;\n}\n\n.yuja-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 50px;\n height: 2px;\n background-color: #9C8102;\n}\n\n.yuja-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 5px;\n}\n\n.yuja-text {\n margin-bottom: 20px;\n line-height: 1.6;\n text-align: center;\n}\n\n.yuja-section {\n margin: 30px 0;\n padding: 20px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.yuja-section-title {\n font-size: 20px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-right: 15px;\n}\n\n.yuja-section-title:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n background-color: #9C8102;\n border-radius: 3px;\n}\n\n.yuja-list {\n padding-right: 20px;\n}\n\n.yuja-list-item {\n margin-bottom: 15px;\n position: relative;\n}\n\n.yuja-list-item:before {\n content: \"•\";\n position: absolute;\n right: -20px;\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-feature-section {\n margin: 25px 0;\n padding: 15px;\n background-color: #f9f9f9;\n border-radius: 6px;\n}\n\n.yuja-feature-title {\n font-size: 18px;\n color: #333;\n margin-bottom: 10px;\n}\n\n.yuja-cta {\n text-align: center;\n margin: 30px 0;\n padding: 20px;\n background-color: #f9f8f2;\n border-radius: 8px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-description\"\u003e\n\u003c!-- العنوان الرئيسي --\u003e\n\u003ch3 class=\"yuja-title\"\u003eلا تدع البقع الداكنة والبهتان تسرق إشراقة بشرتك\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eهل لاحظت أن بشرتك فقدت نضارتها؟ هل بدأت البقع الداكنة والتصبغات في الظهور؟ كل يوم تأخير في العناية ببشرتك يزيد من صعوبة استعادة إشراقتها الطبيعية. لا تدع الندم يتسلل إليك لاحقًا.\u003c\/p\u003e\n\u003c!-- صورة المنتج الرئيسية --\u003e \u003cimg alt=\"Some By Mi Yuja Niacin Brightening Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_7.webp?v=1744750603\" class=\"yuja-image\"\u003e\n\u003ch3 class=\"yuja-title\"\u003eSome By Mi Yuja Niacin Brightening Toner – ثورة في تفتيح البشرة\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eيقدم هذا التونر تركيبة مبتكرة تحتوي على:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% من مستخلص اليوجا\u003c\/strong\u003e: فاكهة غنية بفيتامين C، تعمل على تفتيح البشرة وتوحيد لونها.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% نياسيناميد\u003c\/strong\u003e: يساعد في تقليل التصبغات والبقع الداكنة، ويعزز مرونة البشرة.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eالجلوتاثيون والأربوتين\u003c\/strong\u003e: مضادات أكسدة قوية تساهم في إشراقة البشرة وتقليل علامات التقدم في السن.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 نوعًا من الفيتامينات\u003c\/strong\u003e: تغذي البشرة وتعزز من حيويتها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"yuja-text\"\u003eهذه التركيبة الفريدة تجعل من التونر خيارًا مثاليًا لمن يسعى لبشرة مشرقة وصحية.\u003c\/p\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_2.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم ما يميز المنتج --\u003e\n\u003cdiv class=\"yuja-section\"\u003e\n\u003ch3 class=\"yuja-section-title\"\u003eما الذي يجعل Some By Mi Yuja Niacin Brightening Toner مميزًا؟\u003c\/h3\u003e\n\u003cp\u003eفي سوق مليء بالتونرات التي تعد بتفتيح البشرة، يبرز \u003cstrong\u003eSome By Mi Yuja Niacin Brightening Toner\u003c\/strong\u003e بتركيبته الفريدة والمركزة التي تجمع بين:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% من مستخلص فاكهة اليوجا (اليوزو)\u003c\/strong\u003e: مصدر غني بفيتامين C، يحتوي على ثلاثة أضعاف كمية فيتامين C الموجودة في الليمون، مما يساعد على تفتيح البشرة وتوحيد لونها.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% نياسيناميد\u003c\/strong\u003e: يساعد في تقليل التصبغات والبقع الداكنة، ويعزز مرونة البشرة.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eمضادات أكسدة قوية مثل الجلوتاثيون والأربوتين\u003c\/strong\u003e: تساهم في إشراقة البشرة وتقليل علامات التقدم في السن.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 نوعًا من الفيتامينات\u003c\/strong\u003e: تغذي البشرة وتعزز من حيويتها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eهذه التركيبة الغنية تجعل من التونر خيارًا مثاليًا لمن يسعى لبشرة مشرقة وصحية، متفوقًا على العديد من التونرات الأخرى التي تحتوي على نسب أقل من هذه المكونات الفعالة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_5.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم القيمة مقابل السعر --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eقيمة ممتازة مقابل السعر\u003c\/h3\u003e\n\u003cp\u003eمع حجم 150 مل، يقدم هذا التونر استخدامًا طويل الأمد، حيث تكفي كمية صغيرة منه لتغطية الوجه بالكامل. بالنظر إلى تركيز المكونات الفعالة فيه، يُعتبر استثمارًا ذكيًا للعناية بالبشرة، حيث يجمع بين الجودة والكمية في منتج واحد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- قسم قوام خفيف --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eقوام خفيف وامتصاص سريع\u003c\/h3\u003e\n\u003cp\u003eيتميز التونر بقوامه الخفيف الذي يمتصه الجلد بسرعة دون ترك أي بقايا دهنية، مما يجعله مناسبًا للاستخدام اليومي لجميع أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Usage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_6.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم الخاتمة --\u003e\n\u003cdiv class=\"yuja-cta\"\u003e\n\u003ch3\u003eلا تؤجل العناية ببشرتك\u003c\/h3\u003e\n\u003cp\u003eكل يوم تأخير في بدء روتين العناية بالبشرة هو خطوة نحو بشرة باهتة ومليئة بالعيوب. ابدأ اليوم مع Some By Mi Yuja Niacin Brightening Toner، واستعد إشراقة بشرتك الطبيعية قبل فوات الأوان.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44663546544325,"sku":"","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/61NmPogYOaL.jpg?v=1744741638"},{"product_id":"beauty-of-joseon-ginseng-essence-water-150-ml","title":"Beauty of Joseon Ginseng Essence Water 150 Ml","description":"\u003c!-- قسم وصف منتج ماء الجينسنج - تصميم بسيط وأنيق --\u003e\n\n\u003cstyle\u003e\n\/* أنماط قسم وصف المنتج *\/\n.ginseng-product-description {\n\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n}\n\n\/* العنوان الرئيسي *\/\n.ginseng-main-title {\n text-align: center;\n font-size: 26px;\n color: #333;\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n}\n\n.ginseng-main-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #d4a017;\n}\n\n\/* مقدمة المنتج *\/\n.ginseng-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 30px;\n line-height: 1.6;\n}\n\n\/* صورة رئيسية مع تأثير بسيط *\/\n.ginseng-main-image {\n display: block;\n margin: 30px auto;\n max-width: 100%;\n border-radius: 8px;\n transition: transform 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-main-image:hover {\n transform: translateY(-5px);\n}\n\n\/* شبكة ميزات المنتج *\/\n.ginseng-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n\/* كرت واحد للميزات - تصميم بسيط *\/\n.ginseng-feature-card {\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n padding: 25px;\n transition: all 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-feature-title {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n color: #333;\n font-size: 18px;\n font-weight: bold;\n}\n\n.ginseng-feature-icon {\n margin-left: 10px;\n color: #d4a017;\n font-size: 20px;\n}\n\n.ginseng-feature-content {\n line-height: 1.6;\n color: #555;\n}\n\n\/* قسم المكونات *\/\n.ginseng-ingredients {\n background-color: #fbfbfb;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-section-title {\n text-align: center;\n font-size: 22px;\n color: #333;\n margin-bottom: 25px;\n}\n\n.ginseng-ingredients-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n}\n\n.ginseng-ingredient {\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n flex: 1;\n min-width: 120px;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n transition: transform 0.3s ease;\n}\n\n.ginseng-ingredient:hover {\n transform: scale(1.03);\n}\n\n.ginseng-ingredient-title {\n font-weight: bold;\n color: #333;\n margin-bottom: 5px;\n}\n\n.ginseng-ingredient-percentage {\n font-size: 24px;\n color: #d4a017;\n font-weight: bold;\n margin: 10px 0;\n}\n\n\/* قسم الفوائد *\/\n.ginseng-benefits {\n margin: 40px 0;\n}\n\n.ginseng-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n}\n\n.ginseng-benefit-item {\n display: flex;\n align-items: center;\n padding: 13px 18px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);\n transition: transform 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-benefit-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);\n}\n\n.ginseng-benefit-icon {\n color: #d4a017;\n font-size: 18px;\n margin-left: 10px;\n}\n\n\/* قسم طريقة الاستخدام *\/\n.ginseng-how-to-use {\n background-color: #fff;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-steps {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 20px;\n}\n\n.ginseng-step {\n flex: 1;\n display: flex;\n align-items: flex-start;\n min-width: 250px;\n}\n\n.ginseng-step-number {\n background-color: #f5f5f5;\n color: #333;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-step-content {\n line-height: 1.6;\n}\n\n\/* شريط جانبي مميز للأقسام *\/\n.ginseng-highlight-section {\n position: relative;\n padding-right: 15px;\n}\n\n.ginseng-highlight-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n background-color: #d4a017;\n border-radius: 3px;\n}\n\n\/* تحريك العناصر عند ظهورها *\/\n.ginseng-fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* أنماط توافق مع الشاشات الصغيرة *\/\n@media (max-width: 768px) {\n .ginseng-features {\n grid-template-columns: 1fr;\n }\n \n .ginseng-ingredients-list {\n flex-direction: column;\n }\n \n .ginseng-ingredient {\n min-width: auto;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- CSS للإيقونات من Font Awesome --\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\"\u003e\n\n\u003c!-- بداية قسم وصف المنتج --\u003e\n\u003cdiv class=\"ginseng-product-description\"\u003e\n \u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003eماء الجينسنج – ينبوع الشباب الدائم للبشرة\u003c\/h2\u003e\n \n \u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n خليط نادر من أسرار الطب الكوري التقليدي والتكنولوجيا الحديثة. ماء الجينسنج المُستخدم في هذا المنتج بتركيز 80%، ليس مجرد مكوّن طبيعي، بل هو كنز غني بمضادات الأكسدة، السابونينات، والمغذيات الدقيقة التي تدعم شباب البشرة من الداخل، وتُعيد بناءها مع كل استخدام.\n \u003c\/p\u003e\n \n \u003cimg class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_2_38493ea6-27fe-4423-8576-1279076c3b2a.jpg?v=1744744014\" alt=\"ماء الجينسنج\"\u003e\n \n \u003c!-- قسم ميزات المنتج --\u003e\n \u003cdiv class=\"ginseng-features\"\u003e\n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-leaf ginseng-feature-icon\"\u003e\u003c\/i\u003e\n الجينسنج – أحد أكبر أسرار البشرة الكورية\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n منذ قرون، يُعرف الجينسنج بأنه \"عُشب الآلهة\" في كتب الطب الكوري التقليدي مثل Donguibogam. استخدمته النساء الكوريات الأوائل في الاستحمام والاهتمام بالبشرة لما له من قدرة مذهلة على تنشيط الدورة الدموية، تغذية الخلايا، وتجديد نضارة الجلد.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-feather-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n تركيبة خفيفة – نتائج ثقيلة\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n برغم قوامه الخفيف المشابه للماء، إلا أن هذا التونر يمنح البشرة دفعة مركزة من الترطيب والمغذيات. يمتص بسرعة دون أن يترك أي أثر دهني، ليمنحك تجربة استخدام مريحة وسريعة، بنتائج تظهر من أول أسبوع.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-shield-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n حل جذري لمشاكل تهيج البشرة والالتهاب\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n يحتوي المنتج على النياسيناميد بنسبة 2%، وهو عنصر فعّال مدعوم علميًا في تقوية الحاجز الجلدي، تهدئة الالتهابات، وتقليل الاحمرار الناتج عن العوامل البيئية أو التهيجات اليومية.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- صورة إضافية --\u003e\n \u003cimg class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/blog-boj-ginseng-water-review-cover-830x518_1.webp?v=1744744064\" alt=\"فوائد ماء الجينسنج\"\u003e\n \n \u003c!-- ميزات إضافية --\u003e\n \u003cdiv class=\"ginseng-features\"\u003e\n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-tint ginseng-feature-icon\"\u003e\u003c\/i\u003e\n مرطّب هائل للبشرة\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n السابونينات النشطة الموجودة في ماء الجينسنج تعمل على جذب الرطوبة بعمق داخل الجلد واحتجازها، مما يجعل البشرة مرطّبة لفترة أطول دون الحاجة لإعادة التطبيق. مثالي لمن يعانون من الجفاف المزمن أو تشققات البشرة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-magic ginseng-feature-icon\"\u003e\u003c\/i\u003e\n بشرة أنعم.. أنقى.. أفتح\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n من خلال تنعيم ملمس البشرة، وتنظيم إفراز الزيوت، والمساعدة على تقليل مظهر المسام الواسعة، يساهم هذا التونر في تحسين النقاء العام للبشرة. كما يعمل النياسيناميد على تفتيح التصبغات، وتوحيد اللون، ليظهر وجهك بإشراقة أكثر اتساقًا وصفاءً.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-feature-title\"\u003e\n \u003ci class=\"fas fa-sun ginseng-feature-icon\"\u003e\u003c\/i\u003e\n متخصص علاج البهتان\n \u003c\/div\u003e\n \u003cdiv class=\"ginseng-feature-content\"\u003e\n البهتان المستمر للوجه ليس فقط ناتجًا عن التعب، بل عن افتقار البشرة للعناصر التي تحفز تجددها الطبيعي. ماء الجينسنج يزوّد خلايا البشرة بالطاقة، ويُعيد تنشيط الدورة الدموية الدقيقة في الوجه، ليعيد لها الإشراق واللمعان الطبيعي.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- صورة إضافية --\u003e\n \u003cimg class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.png?v=1744744535\" alt=\"مكونات ماء الجينسنج\"\u003e\n \n \u003c!-- قسم المكونات --\u003e\n \u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n \u003ch3 class=\"ginseng-section-title\"\u003eتركيبة عالية التقدّم من ماء الجينسنج والنياسيناميد!\u003c\/h3\u003e\n \u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eتم تطوير هذه التركيبة بدقة فائقة تجمع بين العلم والتقاليد، مع مكونات مدروسة:\u003c\/p\u003e\n \n \u003cdiv class=\"ginseng-ingredients-list\"\u003e\n \u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-ingredient-title\"\u003eماء جذر الجينسنج الكوري\u003c\/div\u003e\n \u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n \u003cp\u003eالمكون الأساسي لتجديد البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-ingredient-title\"\u003eنياسيناميد\u003c\/div\u003e\n \u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n \u003cp\u003eلتوحيد لون البشرة وتقليل الالتهابات\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-ingredient-title\"\u003eمكونات إضافية\u003c\/div\u003e\n \u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n \u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n \u003c\/div\u003e\n \u003cp\u003eبانثينول، ألانْتوين، مستخلص الجينسنج المُخمر، هيالورونيك أسيد\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp style=\"text-align: center; margin-top: 20px;\"\u003eكل مكوّن فيها يعمل بتكامل ليمنحك أفضل النتائج بأقل جهد، وبدون أي تهيّج.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الفوائد --\u003e\n \u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-highlight-section\"\u003e\n \u003ch3 class=\"ginseng-section-title\"\u003eالفوائد الرئيسية\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefits-list\"\u003e\n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eدعم شباب البشرة من الداخل وإعادة بناءها\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eتنشيط الدورة الدموية وتجديد نضارة الجلد\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eترطيب عميق وتغذية فورية للبشرة\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eامتصاص سريع بدون أثر دهني\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eتقوية الحاجز الجلدي وتهدئة الالتهابات\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eتقليل الاحمرار والتهيجات\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eترطيب البشرة لفترات طويلة\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n \u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n \u003cspan\u003eتنعيم ملمس البشرة وتنظيم إفراز الزيوت\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم طريقة الاستخدام --\u003e\n \u003cdiv class=\"ginseng-how-to-use ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-highlight-section\"\u003e\n \u003ch3 class=\"ginseng-section-title\"\u003eطريقة الاستخدام\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-steps\"\u003e\n \u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ginseng-step-content\"\u003e\n بعد تنظيف البشرة، ضعي كمية صغيرة على اليدين أو قطعة قطن\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ginseng-step-content\"\u003e\n امسحي بلطف على الوجه والرقبة بحركات دائرية\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n \u003cdiv class=\"ginseng-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ginseng-step-content\"\u003e\n اتركيه حتى يمتص تمامًا قبل وضع المنتج التالي في روتينك\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت التحريك البسيط --\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ تحديد جميع العناصر المراد تحريكها\n const fadeElements = document.querySelectorAll('.ginseng-fade-in');\n \n \/\/ إنشاء مراقب للعناصر عند ظهورها في الشاشة\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n \/\/ عند ظهور العنصر في الشاشة\n if (entry.isIntersecting) {\n \/\/ إضافة كلاس لتفعيل التحريك\n setTimeout(() =\u003e {\n entry.target.style.opacity = \"1\";\n entry.target.style.transform = \"translateY(0)\";\n }, 100);\n \n \/\/ إزالة مراقبة العنصر بعد تفعيل التحريك\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 }); \/\/ ظهور 10% من العنصر يكفي لتفعيل التحريك\n \n \/\/ بدء المراقبة لكل عنصر\n fadeElements.forEach(element =\u003e {\n observer.observe(element);\n });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44663751704773,"sku":"","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.webp?v=1744743124"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin 30 Days Blemish Care Serum - تصميم أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-serum-container {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-serum-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-serum-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.yuja-serum-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: scale(0.95);\n animation: fadeInAndScale 0.8s ease forwards;\n animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n font-size: 22px;\n color: #333;\n font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n margin-left: 10px;\n color: #9C8102;\n font-size: 24px;\n}\n\n.yuja-serum-content {\n background-color: #fff;\n border-radius: 8px;\n padding: 25px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n display: flex;\n margin-bottom: 20px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 8px;\n padding: 15px;\n transform: translateX(30px);\n opacity: 0;\n transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n transform: translateX(0);\n opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n color: #555;\n}\n\n.yuja-serum-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n margin: 40px 0;\n padding: 25px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n text-align: center;\n margin: 40px 0;\n padding: 30px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 8px;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-serum-container\"\u003e\n \u003cdiv class=\"yuja-serum-header\"\u003e\n \u003ch3 class=\"yuja-serum-title\"\u003e🌟 ثورة في عالم السيرومات: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n \u003cp class=\"yuja-serum-intro\"\u003e\n في بحر منتجات العناية بالبشرة، يبرز هذا السيروم كتحفة فنية تجمع بين الطبيعة والعلوم الحديثة، مقدّمًا حلاً فوريًا وفعّالًا لمشكلات البشرة.\n \u003c\/p\u003e\n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم التركيبة الفريدة --\u003e\n \u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eتركيبة فريدة تتجاوز التوقعات\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-content\"\u003e\n \u003cp\u003eما يميّز هذا السيروم عن غيره من منتجات النياسيناميد هو مزيجه الاستثنائي من المكونات:\u003c\/p\u003e\n \n \u003cdiv class=\"yuja-serum-ingredients\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e82.3% مستخلص فاكهة اليوجا (اليوسفي الكوري)\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n يُعرف بتركيزه العالي من فيتامين C، حيث يحتوي على ثلاثة أضعاف ما يحتويه الليمون، مما يمنح البشرة إشراقة طبيعية ويعزز إنتاج الكولاجين.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e5% نياسيناميد\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n بتركيز مثالي، يعمل على توحيد لون البشرة، تقليل التصبغات، وتعزيز حاجز البشرة الواقي دون التسبب في تهيج.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003eالجلوتاثيون والأربوتين\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n مضادات أكسدة قوية تساهم في تقليل إنتاج الميلانين، مما يساعد في تفتيح البقع الداكنة ومنح البشرة مظهرًا أكثر تجانسًا.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e12 نوعًا من الفيتامينات\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n تغذي البشرة، تعزز من حيويتها، وتساعد في تهدئة التوتر الناتج عن العوامل البيئية الضارة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\" alt=\"Some By Mi Yuja Niacin Serum Benefits\"\u003e\n \n \u003c!-- قسم النتائج السريعة --\u003e\n \u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eنتائج ملموسة في زمن قياسي\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cp\u003e\n على عكس العديد من السيرومات التي تتطلب شهورًا لإظهار نتائج، يُظهر هذا السيروم تأثيره خلال 30 يومًا فقط. تجارب المستخدمين أشارت إلى تحسن واضح في توحيد لون البشرة وتقليل التصبغات في فترة قصيرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum Value\"\u003e\n \n \u003c!-- قسم القيمة مقابل السعر --\u003e\n \u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eاستثمار ذكي لبشرتك\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cp\u003e\n مع حجم 50 مل وتركيز عالٍ من المكونات الفعّالة، يُعتبر هذا السيروم ذا قيمة ممتازة مقابل السعر. تكفي كمية صغيرة لتحقيق النتائج المرجوة، مما يجعله يدوم لفترة طويلة، ويقدم حلاً اقتصاديًا وفعّالًا للعناية بالبشرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الخاتمة --\u003e\n \u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n \u003cp\u003e\n باختصار، \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e ليس مجرد سيروم آخر في السوق، بل هو تجربة فريدة تمزج بين قوة الطبيعة والتكنولوجيا الحديثة لتحقيق بشرة صحية ومشرقة في وقت قياسي.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n \n \/\/ مراقبة ظهور العناصر عند التمرير\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \/\/ مراقبة جميع الأقسام\n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44664200888517,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1744752710"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-cream-60ml","title":"SOME BY MI Yuja Niacin Anti Blemish Cream 60ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin Anti Blemish Cream - تصميم أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-cream-container {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-cream-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 1s ease forwards;\n}\n\n.yuja-cream-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-cream-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-cream-question {\n font-size: 24px;\n font-weight: bold;\n margin: 25px 0 15px;\n color: #333;\n text-align: center;\n}\n\n.yuja-cream-intro {\n text-align: center;\n font-size: 16px;\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto 20px;\n}\n\n.yuja-cream-image {\n display: block;\n margin: 30px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: scale(0.95) translateY(20px);\n animation: fadeInAndScale 1s ease forwards;\n animation-delay: 0.3s;\n}\n\n.yuja-cream-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n}\n\n.yuja-cream-section {\n margin: 50px 0;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-cream-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n font-size: 24px;\n color: #333;\n font-weight: bold;\n text-align: center;\n justify-content: center;\n}\n\n.yuja-cream-section-icon {\n margin-left: 12px;\n color: #9C8102;\n font-size: 28px;\n}\n\n.yuja-cream-content {\n background-color: #fff;\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n line-height: 1.8;\n text-align: center;\n}\n\n.yuja-cream-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\n}\n\n.yuja-cream-ingredients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.yuja-cream-ingredient-item {\n background-color: #fff;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(20px);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(5) {\n transition-delay: 0.5s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(6) {\n transition-delay: 0.6s;\n}\n\n.yuja-cream-ingredient-item:hover {\n transform: translateY(-7px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);\n}\n\n.yuja-cream-ingredient-item:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 0;\n background-color: #9C8102;\n transition: height 0.4s ease;\n}\n\n.yuja-cream-ingredient-item:hover:before {\n height: 100%;\n}\n\n.yuja-cream-ingredient-title {\n font-weight: bold;\n margin-bottom: 10px;\n color: #333;\n font-size: 17px;\n}\n\n.yuja-cream-ingredient-desc {\n color: #555;\n line-height: 1.6;\n}\n\n.yuja-cream-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-cream-feature-section {\n margin: 50px 0;\n padding: 30px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n text-align: center;\n}\n\n.yuja-cream-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-cream-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-cream-feature-content {\n line-height: 1.8;\n}\n\n.yuja-cream-cta-section {\n margin: 50px 0;\n padding: 35px;\n background: linear-gradient(to left, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1));\n border-radius: 10px;\n text-align: center;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-cta-section.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-cream-cta-title {\n font-size: 24px;\n font-weight: bold;\n margin-bottom: 20px;\n color: #333;\n}\n\n.yuja-cream-cta-content {\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(20px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\n@media (max-width: 768px) {\n .yuja-cream-ingredients {\n grid-template-columns: 1fr;\n }\n \n .yuja-cream-section-title {\n font-size: 22px;\n }\n \n .yuja-cream-question {\n font-size: 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-cream-container\"\u003e\n \u003cdiv class=\"yuja-cream-header\"\u003e\n \u003ch2 class=\"yuja-cream-title\"\u003eكريم اليوجا و النياسيناميد ! متخصص علاج جميع عيوب البشرة\u003c\/h2\u003e\n \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_anti_blemish_cream.webp?v=1744754502\" alt=\"Some By Mi Yuja Niacin Anti Blemish Cream\"\u003e\n \u003ch2 class=\"yuja-cream-question\"\u003eهل بشرتك تعاني من التصبغات والبقع الداكنة؟\u003c\/h2\u003e\n \u003cp class=\"yuja-cream-intro\"\u003e\n إذا كنتِ تشعرين بالإحباط من المنتجات التي تعد بتحسين البشرة دون أن تُقدّم نتائج ملموسة، فقد حان الوقت لتجربة \u003cstrong\u003eكريم Some By Mi Yuja Niacin Anti Blemish\u003c\/strong\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_YUJA_NIACIN_30DAYS_BLEMISH_CARE_SERUM_50_ml.webp?v=1744754624\" alt=\"Some By Mi Yuja Niacin Products\"\u003e\n \n \u003c!-- قسم التركيبة العلمية --\u003e\n \u003cdiv class=\"yuja-cream-section\" id=\"formula-section\"\u003e\n \u003cdiv class=\"yuja-cream-section-title\"\u003e\n \u003ci class=\"fas fa-flask yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n \u003ch2\u003eتركيبة علمية متقدمة لنتائج سريعة وفعّالة\u003c\/h2\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-content\"\u003e\n \u003cp\u003eيحتوي هذا الكريم على مزيج فريد من المكونات النشطة التي تعمل بتناغم لتفتيح البشرة وتحسين مظهرها:\u003c\/p\u003e\n \n \u003cdiv class=\"yuja-cream-ingredients\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003e5% نياسيناميد (فيتامين B3)\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n يُعتبر من أقوى المكونات في تقليل التصبغات وتوحيد لون البشرة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eمستخلص اليوجا (اليوزو)\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n غني بفيتامين C، يساعد في تفتيح البشرة وتقليل البقع الداكنة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eأربوتين\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n يُساهم في تقليل إنتاج الميلانين، مما يقلل من ظهور البقع الداكنة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eجلوتاثيون\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n يُعتبر من أقوى مضادات الأكسدة، يحارب الجذور الحرة ويُحسن إشراقة البشرة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eبانثينول (فيتامين B5)\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n يُرطّب البشرة بعمق ويُعزز من حاجزها الطبيعي.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eمستخلص سنتيلا أسياتيكا (Cica)\u003c\/div\u003e\n \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n يُهدئ البشرة ويُعزز من تجديد الخلايا.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/yuja-niacin-Anti-Blemish-Cream.webp?v=1744754799\" alt=\"Some By Mi Yuja Niacin Cream Benefits\"\u003e\n \n \u003c!-- قسم لماذا هذا الكريم مميز --\u003e\n \u003cdiv class=\"yuja-cream-feature-section\" id=\"benefits-section\"\u003e\n \u003cdiv class=\"yuja-cream-section-title\"\u003e\n \u003ci class=\"fas fa-lightbulb yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n \u003ch2\u003eلماذا يُعتبر هذا الكريم ثورة في العناية بالبشرة؟\u003c\/h2\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-feature-content\"\u003e\n \u003cp\u003e\n يجمع الكريم بين المركب الثوري النياسيناميد الذي قلب موازين العناية بالبشرة مع مستخلص اليوجا بتركيز عالي .. يعتبر نبات اليوجا الذي يعرف باليوسفي الكوري باحتوائه على 3 أضعاف تركيز الفيتامين سي الموجود في الليمون .. مما يجعل هذا المستخلص معجزة في التفتيح و مقاومة الأكسدة و علاج علامات السن.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMI_YujaNiacinAntiBlemishCream60g-Holiholiholic_1_480x480_ff0e92bb-54fe-412f-935f-88df680ffe33.webp?v=1744754852\" alt=\"Some By Mi Yuja Niacin Cream Value\"\u003e\n \n \u003c!-- قسم الاستثمار الذكي --\u003e\n \u003cdiv class=\"yuja-cream-feature-section\" id=\"value-section\"\u003e\n \u003cdiv class=\"yuja-cream-section-title\"\u003e\n \u003ci class=\"fas fa-coins yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n \u003ch2\u003eاستثمار ذكي لبشرة أكثر إشراقة\u003c\/h2\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-feature-content\"\u003e\n \u003cp\u003e\n مع حجم 60 مل، يُعتبر هذا الكريم استثمارًا طويل الأمد. تركيز المكونات الفعّالة فيه يجعله يدوم لفترة طويلة، مما يجعله خيارًا اقتصاديًا وفعّالًا.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الخاتمة --\u003e\n \u003cdiv class=\"yuja-cream-cta-section\" id=\"cta-section\"\u003e\n \u003cdiv class=\"yuja-cream-cta-title\"\u003e\n \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e أنتِ تستحقين بشرة أكثر إشراقة ونضارة \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-cream-cta-content\"\u003e\n \u003cp\u003e\n لا تدعي التصبغات والبقع الداكنة تُؤثّر على ثقتك بنفسك. جربي \u003cstrong class=\"yuja-cream-highlight\"\u003eكريم Some By Mi Yuja Niacin Anti Blemish\u003c\/strong\u003e اليوم، واستمتعي ببشرة أكثر إشراقة ونضارة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const sections = document.querySelectorAll('.yuja-cream-section, .yuja-cream-feature-section, .yuja-cream-cta-section');\n \n \/\/ مراقبة ظهور العناصر عند التمرير\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n \n \/\/ مراقبة جميع الأقسام\n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":44664277893317,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMIYujaNiacinAntiBlemishCream60ml.jpg?v=1744754087"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"ANUA سيروم متقدم لتفتيح البشرة وعلاج التصبغات و الحبوب وتصغير المسام بـ 10% نياسيناميد و 4% TXA.","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\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\"\u003eده مش مجرد سيروم .. ده أقوى تركيبة للتفتيح و علاج التصبغات في العالم\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003eأقوى تركيبة متخصصة في تفتيح البشرة وعلاج التصبغات في العالم. المنتج الحائز على جوائز عالمية والأكثر مبيعاً في أكثر من 30 دولة لعلاج التصبغات العنيدة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eمكونات تكسر التصبغات على المستوى الجزيئي و تفتح البشرة عدة درجات في 30 يوم\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% - المركب المثالي للتفتيح و تصغير المسام\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eتركيز استثنائي لا يُقدمه إلا هذا السيروم، يكسر جزيئات الميلانين ويقلل التصبغات بفاعلية عالية\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% (حمض الترانيكساميك)\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eمكوّن معتمد لمنع التصبغ وتقليل إفراز الميلانين، اختراق علمي في مكافحة البقع الداكنة\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% - من أقوى مركبات التفتيح\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eمن أقوى المشتقات الآمنة لتفتيح البشرة، يعمل مع النياسيناميد لتعزيز النتائج\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 - ترطيب فائق على كل مستويات الجلد\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eثورة في الترطيب واحتباس الماء، يعيد للبشرة امتلاءها ويمنع الجفاف\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 - يستعيد حاجز البشرة \u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eسد حصين لحاجز البشرة الطبيعي، يحميها من العوامل البيئية ويمنع فقدان الرطوبة\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 - مضادات أكسدة فائقة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eحماية مضادة للأكسدة، يهدئ الالتهابات ويمنح البشرة درعاً ضد الأضرار الخارجية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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; position: relative; z-index: 2;\"\u003eده غير أي تركيبة نياسيناميد جربتها قبل كده\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\"\u003eالتوازن المثالي\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e10%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eنياسيناميد بأعلى تركيز آمن\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eسرّ التوازن بين قوة التفتيح والعناية بالترطيب مع الهيالورونيك والسيراميدات\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eنقاء المكونات\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e100%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eطبيعي بدون ملونات صناعية\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eلون طبيعي وردي زجاجي من الخلطات النباتية يدلل على نقاء المكونات\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eفعالية سريعة\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e7\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eأيام لملاحظة التحسن\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eمعظم المستخدمات يلاحظن تحسناً في إشراقة البشرة وتقليل البقع خلال أسبوع فقط\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #d4af37;\"\u003e\u003cstrong\u003eمناسبة لجميع أنواع البشرة حتى الحساسة، خالية من العطور والكحوليات المهيجة\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"ph-results-section\"\u003e\n\u003ch2 class=\"ph-results-title\"\u003eمثبت علميا و معمليا\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; margin-bottom: 20px; color: rgba(255,255,255,0.9);\"\u003eدراسة معملية معتمدة على 347 مشاركة لمدة 8 أسابيع\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);\"\u003eتحسن في التصبغات والبقع\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);\"\u003eتوحيد لون البشرة\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);\"\u003eتحسن ملمس البشرة\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);\"\u003eأيام لملاحظة التحسن الأولي\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\u003eنتائج من مختبرات معتمدة دولياً - ليس مجرد ادعاءات تسويقية\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Comparison Section --\u003e\n\u003cdiv class=\"ph-comparison-section\"\u003e\n\u003ch2 style=\"text-align: center; color: #9c8102; font-size: 2rem; margin-bottom: 2rem;\"\u003eأقوى من سيرومات النياسيناميد التقليدية\u003c\/h2\u003e\n\u003ctable class=\"ph-comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمعايير\u003c\/th\u003e\n\u003cth\u003eمنتجات النياسيناميد التقليدية\u003c\/th\u003e\n\u003cth style=\"background: linear-gradient(135deg, #9C8102, #D4AF37);\"\u003eANUA TXA Niacinamide\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\u003e5-10% نياسيناميد فقط\u003c\/td\u003e\n\u003ctd\u003e\n\u003cstrong\u003e10% نياسيناميد + 4% TXA + 2% أربوتين\u003c\/strong\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\n\u003cstrong\u003eتقنية ثلاثية متطورة TXA + Arbutin\u003c\/strong\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\n\u003cstrong\u003e5 أنواع هيالورونيك + سيراميد\u003c\/strong\u003e ✅\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eسرعة ظهور النتائج\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e4-8 أسابيع\u003c\/td\u003e\n\u003ctd\u003e\n\u003cstrong\u003e7 أيام للتحسن الأولي\u003c\/strong\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\n\u003cstrong\u003eآمن 100% وخالي من المهيجات\u003c\/strong\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\n\u003cstrong\u003eتفتيح عميق للتصبغات العنيدة\u003c\/strong\u003e ✅\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eمدة العبوة\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e3-6 أسابيع\u003c\/td\u003e\n\u003ctd\u003e\n\u003cstrong\u003eشهرين كاملين بالاستخدام اليومي\u003c\/strong\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\n\u003cstrong\u003eصناعة كورية معتمدة عالمياً\u003c\/strong\u003e ✅\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results Table --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eاستعد لبشرتك الجديدة من أول شهر استخدام\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\u003eالمرحلة الزمنية\u003c\/th\u003e\n\u003cth\u003eالنتائج المتوقعة\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\u003eالأسبوع الأول\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eتأقلم البشرة، تحسن في النعومة والإشراق الأولي، قد تشعري ببعض الجفاف الطفيف - هذا طبيعي\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"ph-timeline-row\"\u003e\n\u003ctd class=\"ph-timeline-phase\"\u003e\u003cstrong\u003eالأسبوع 2-3\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eبداية تلاشي البقع الحديثة، تقليل اللمعان، تحسن ملحوظ في ملمس البشرة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"ph-timeline-row\"\u003e\n\u003ctd class=\"ph-timeline-phase\"\u003e\u003cstrong\u003eالشهر الأول\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eتوحيد واضح للون البشرة، تلاشي 40-50% من التصبغات الحديثة، إشراق عام وتحسن في حجم المسام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"ph-timeline-row\"\u003e\n\u003ctd class=\"ph-timeline-phase\"\u003e\u003cstrong\u003eالشهر الثاني\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eبشرة موحدة ومشرقة، تلاشي البقع القديمة بوضوح، تحسن واضح في نعومة البشرة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"ph-timeline-row\"\u003e\n\u003ctd class=\"ph-timeline-phase\"\u003e\u003cstrong\u003e3+ أشهر\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eنتائج مستدامة، بشرة صافية وموحدة تماماً، مقاومة أفضل للتصبغات الجديدة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section using Social Proof CSS --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eقيمة مقابل سعر ممتازة\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;\"\u003eاقتصادية فائقة\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003e2-3 قطرات فقط تكفي لتغطية الوجه بالكامل. العبوة 30 مل تدوم شهرين كاملين مع الاستخدام اليومي.\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;\"\u003eتركيزات احترافية\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eنياسيناميد 10% + TXA 4% + أربوتين 2% بجودة مختبرية من أفضل المصانع الكورية.\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;\"\u003eبديل عن منتجات متعددة\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eيغني عن سيروم التفتيح + سيروم الترطيب + علاج التصبغات. وفر مئات الجنيهات!\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Credibility Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eمنتج موثوق عالميا و حاصل على عدة جوائز\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\"\u003eالأكثر مبيعاً عالمياً\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eفي أكثر من 30 دولة حول العالم، حائز على جوائز أفضل منتج للعناية بالبشرة 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\"\u003eتقييم 4.7\/5\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eمن أكثر من 50,000 مراجعة عالمية، يوصي به أطباء الجلدية في 15 دولة\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\"\u003eملايين المستخدمين\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eأكثر من 3 مليون عميل حول العالم، 97% نسبة رضا من المستخدمين يوصون بالمنتج\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\"\u003eعلامة تجارية موثوقة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eANUA رائدة في العناية الكورية منذ 2019، معتمد من FDA الكوري ومرخص عالمياً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How to Use Section --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eطريقة الاستخدام للحصول على أفضل النتائج\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; position: relative; z-index: 2; opacity: 0.95;\"\u003e\u003cstrong\u003e2-3 قطرات فقط تكفي لتغطية الوجه بالكامل - استخدام صحيح لنتائج مضمونة\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\"\u003eالتوقيت المناسب\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003eيستخدم صباحا أو مساء\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\"\u003eالكمية المثالية\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003e2-3 قطرات فقط\u003c\/strong\u003e تكفي لتغطية الوجه بالكامل\u003cbr\u003eضعي السيروم على بشرة نظيفة وجافة\u003cbr\u003eطبقيه قبل المرطب وبعد التونر\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\"\u003eالتطبيق الصحيح\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003eدلكي بلطف بحركات دائرية حتى الامتصاص الكامل\u003cbr\u003eركزي على المناطق الداكنة والتصبغات\u003cbr\u003e\u003cstrong\u003eتجنبي منطقة العين\u003c\/strong\u003e لأن التركيز عالي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 3rem; position: relative; z-index: 2;\"\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💡 نصائح الخبراء للنجاح\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\u003eالصبر مطلوب:\u003c\/strong\u003e النتائج الكاملة تحتاج 6-8 أسابيع للتصبغات العميقة\u003c\/li\u003e\n\u003cli\u003e⚠️ \u003cstrong\u003eتجنبي التعرض للشمس:\u003c\/strong\u003e بدون حماية أثناء فترة العلاج\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch3 class=\"ph-ingredients-list-title\"\u003eجميع المكونات النشطة\u003c\/h3\u003e\n\u003cp class=\"ph-ingredients-text\"\u003e\u003cstrong\u003eالمكونات الكاملة:\u003c\/strong\u003e Water, Glycerin, Niacinamide, Tranexamic Acid, Butylene Glycol, Diethoxyethyl Succinate, 1,2-Hexanediol, Arbutin, Sodium Hyaluronate, Alpha-Arbutin, Coccinia Indica Fruit Extract, Eclipta Prostrata Extract, Macadamia Integrifolia Seed Oil, Olea Europaea (Olive) Fruit Oil, Simmondsia Chinensis (Jojoba) Seed Oil, Vitis Vinifera (Grape) Seed Oil, Theobroma Cacao (Cocoa) Extract, Hydrolyzed Hyaluronic Acid, Chamaecyparis Obtusa Leaf Extract, Prunus Persica (Peach) Flower Extract, Camellia Sinensis Seed Oil, Yeast Ferment Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Candida Bombicola\/Glucose\/Methyl Rapeseedate Ferment, Hyaluronic Acid, Pentylene Glycol, Betaine Salicylate, Sucrose Palmitate, Hydrogenated Lecithin, Gellan Gum, Sodium Phytate, Cellulose, Caprylic\/Capric Triglyceride, Panthenol, Cyanocobalamin, Polyglutamic Acid, 3-O-Ethyl Ascorbic Acid, Ceramide NP, Dextrin, Asiaticoside, Madecassic Acid, Asiatic Acid, Dimethylsilanol Hyaluronate, Hydrolyzed Sodium Hyaluronate, Potassium Hyaluronate, Hydroxypropyltrimonium Hyaluronate, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate Dimethylsilanol, Sodium Acetylated Hyaluronate, Xanthan Gum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003ch2 class=\"ph-cta-title\"\u003eالسيروم ده من أكبر أسرار البشرة الكورية\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\u003cstrong\u003eANUA Niacinamide 10% + TXA 4% Dark Spot Correcting Serum\u003c\/strong\u003e\u003cbr\u003eده السيروم اللي هيكسر التصبغات على المستوى الجزيئي و يفتح جلدك عدة درجات في شهرين .. دي أقوى تركيبة للتفتيح في العالم .. اطلبه الآن\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Additional CSS for animation --\u003e\n\u003cstyle\u003e\n@keyframes tableSlide {\n 0% {\n opacity: 0;\n transform: translateY(30px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\u003c\/style\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":44672001540293,"sku":"","price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/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 أمبول\/تونر سنتيلا مدغشقر بالكبسولات لتفتيح وتوحيد لون البشرة","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 .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-right: 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-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: 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-left: 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\"\u003eكابوس البشرة الباهتة والتصبغات الداكنة يهدد إطلالتك؟ استيقظ على إشراقة الأحلام مع الأمبول المعجزة!\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\u003eالتصبغات لا تختفي بمرور الوقت، بل تتفاقم وتترك علامات يصعب التخلص منها.\u003cbr\u003e\u003cstrong\u003eهل ستهمل المشكلة حتى تصبح صعبة العلاج؟\u003c\/strong\u003e\u003cbr\u003eلا تدع التصبغات تسرق منك إشراقتك وتتركك أسيرًا لعواقب تأخرك.\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\u003eحل جذرّي لمشكلة التصبغات: قوة السنتيلا الآسيوية في منتج واحد\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\"\u003eما الذي يميز سيروم SKIN1004؟\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eتكمن قوة هذا الأمبول في تركيبته الفريدة التي تجمع بين:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eمستخلص كينتيللا أسياتيكا النقي (Centella Asiatica Extract):\u003c\/strong\u003e بتركيز عالٍ لتهدئة البشرة الحساسة وتقوية حاجزها الطبيعي، مما يجعلها أكثر مقاومة للعوامل الخارجية التي تسبب التصبغات.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eمادة الترانيكساميك أسيد (Tranexamic Acid):\u003c\/strong\u003e وهو مكون قوي يعمل بكفاءة على تفتيح البقع الداكنة وتوحيد لون البشرة عن طريق تثبيط إنتاج الميلانين الزائد.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eنياسيناميد (Niacinamide):\u003c\/strong\u003e المعروف أيضًا بفيتامين B3، يعمل على تفتيح البشرة وتقليل مظهر المسام وتحسين مرونة الجلد.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eكبسولات الإشراق:\u003c\/strong\u003e تحتوي على مكونات نشطة إضافية تعمل على تعزيز إشراقة البشرة ومنحها مظهرًا صحيًا ومتوهجًا.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eطريقة عمله السحرية:\u003c\/strong\u003e تتغلغل هذه التركيبة المتطورة بعمق في طبقات البشرة، حيث تعمل على تفتيت التصبغات الموجودة ومنع ظهور تصبغات جديدة. كما تعمل على ترطيب البشرة بعمق وتغذيتها، مما يمنحها ملمسًا ناعمًا ومظهرًا مشرقًا ومتجانسًا.\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\"\u003eكيف يعمل سيروم SKIN1004؟\u003c\/h3\u003e\n\u003ch4\u003e- تقنية مبتكرة لتحقيق نتائج استثنائية -\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e\n يحتوي على تركيز استثنائي من السنتيلا المنتقاة من مدغشقر والتي تتميز بنقاء 100%\n\u003c\/strong\u003e، المعروفة بقدرتها الفائقة على تحسين مرونة البشرة، تهدئة التهيجات، وتعزيز تجديد الخلايا.\u003c\/p\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4 class=\"feature-card-title\"\u003eتقنية الكبسولات الذكية:\u003c\/h4\u003e\n\u003cp\u003eعند ملامسة السيروم للجلد، تنفجر الكبسولات وتطلق المكونات النشطة بشكل سريع وفعّال.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4 class=\"feature-card-title\"\u003eالتفتيح الفوري:\u003c\/h4\u003e\n\u003cp\u003eتعمل المكونات الفعّالة على تبييض البشرة وتوحيد لونها بشكل ملحوظ، مما يساعد في تقليل ظهور التصبغات والبقع الداكنة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4 class=\"feature-card-title\"\u003eتحسين نسيج البشرة:\u003c\/h4\u003e\n\u003cp\u003eمع الاستخدام المنتظم، تصبح البشرة أكثر نعومة وإشراقة، مع تقليل واضح للتجاعيد والخطوط الدقيقة.\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\u003eتسمى السنتيلا بجرعة النور السائل!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tone Brightening Capsule Ampoule\u003c\/strong\u003e هو الحل الأمثل للحد من التصبغات والحصول على إشراقة طبيعية.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eالتركيز العالي للمكونات النشطة:\u003c\/strong\u003e تركيبة قوية وغنية بالمكونات الفعالة التي تعطي نتائج ملحوظة وسريعة في هذا الأمبول\/السيروم.\n \u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتركيبة آمنة:\u003c\/strong\u003e لا يسبب التهيج أو الجفاف حتى للبشرة الحساسة، ويمنحك ترطيبًا طويل الأمد دون أي آثار جانبية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\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\"\u003eطريقة الاستخدام\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\"لتحقيق أقصى استفادة من قوة هذا الأمبول السحري، اتبع الخطوات التالية:\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\u003eبعد تنظيف بشرتك جيدًا (باستخدام التونر)، ضع كمية مناسبة من الأمبول على راحة يدك.\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\u003eوزع الأمبول بلطف على كامل الوجه والرقبة، مع التركيز على المناطق التي تعاني من البهتان والتصبغات.\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\u003eربت بأطراف أصابعك برفق لمساعدة البشرة على امتصاص الأمبول بشكل كامل.\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\u003eللحصول على أفضل النتائج، استخدمه مرتين يوميًا، صباحًا ومساءً، وضمن روتين العناية بالبشرة الخاص بك.\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\"\u003eالطريقة التقنية لعمل المنتج\u003c\/h3\u003e\n\u003cdiv class=\"science-grid\"\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003ch4 class=\"science-card-title\"\u003eمستخلص كينتيللا أسياتيكا\u003c\/h4\u003e\n\u003cp\u003eيحتوي على مركبات نشطة مثل \u003cstrong\u003eماديكاسوسايد\u003c\/strong\u003e، \u003cstrong\u003eآسياتيكوسايد\u003c\/strong\u003e، \u003cstrong\u003eوحمض الآسياتيك\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\u003cdiv class=\"science-card\"\u003e\n\u003ch4 class=\"science-card-title\"\u003eحمض الترانيكساميك\u003c\/h4\u003e\n\u003cp\u003eيعمل بشكل أساسي على تثبيط إنتاج \u003cstrong\u003eالبلازمين\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\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003ch4 class=\"science-card-title\"\u003eنياسيناميد\u003c\/h4\u003e\n\u003cp\u003eوهو شكل من أشكال فيتامين B3، وله فوائد متعددة للبشرة تشمل:\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\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\"\u003eنهاية التصبغات تبدأ من هنا\u003c\/h3\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eلا تدع البهتان والتصبغات يسيطران على جمال بشرتك بعد الآن. امنح بشرتك فرصة التحول مع SKIN1004 Centella Tone Brightening Capsule Ampoule واكتشف سر الإشراقة الخالدة!\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":"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) للتفتيح بخلاصة السنتيلا وفيتامين C (Vita C) حجم 30 مل","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n line-height: 1.6;\n direction: rtl;\n \n background-color: #ffffff;\n }\n\n \/* Typography *\/\n .product-container h1, \n .product-container h2 {\n color: #9C8102;\n margin-top: 1.8em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-container h1 {\n font-size: 2.2rem;\n text-align: center;\n position: relative;\n }\n \n .product-container h1::after {\n content: '';\n display: block;\n width: 100px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n\n .product-container h2 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-container h2::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-container p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n line-height: 1.8;\n }\n\n .product-container strong {\n color: #9C8102;\n font-weight: bold;\n }\n \n .product-container ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n \n .product-container li {\n margin-bottom: 1em;\n position: relative;\n }\n \n .product-container li p {\n margin-bottom: 0.5em;\n }\n\n \/* Hero section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 40px;\n background-color: #ffffff;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n margin: 30px 0;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature section *\/\n .feature-section {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n }\n \n \/* Info box *\/\n .info-box {\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 30px;\n margin: 30px 0;\n position: relative;\n }\n \n .info-box::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 4px;\n background-color: #9C8102;\n border-radius: 0 15px 15px 0;\n }\n\n \/* List items with custom bullets *\/\n .custom-list {\n list-style: none;\n padding: 0;\n }\n \n .custom-list li {\n padding-right: 25px;\n position: relative;\n margin-bottom: 15px;\n }\n \n .custom-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 10px;\n width: 8px;\n height: 8px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n\n \/* Benefits grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n \n .benefit-card {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n transition: transform 0.3s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n }\n \n .benefit-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Testimonials section *\/\n .testimonials-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n }\n \n .testimonials-title {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n \n .testimonial-card {\n background-color: #ffffff;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .testimonial-highlight {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n \/* Call to action - Black *\/\n .cta-section {\n background: #000000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 40px 0;\n }\n \n .cta-title {\n color: white;\n font-size: 1.6rem;\n margin-bottom: 20px;\n position: relative;\n }\n \n .cta-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n \n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 30px;\n color: white;\n }\n \n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: #9C8102;\n color: white;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1.1rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n }\n \n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n background-color: #b49a1c;\n }\n\n \/* Separator *\/\n .separator {\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n margin: 40px 0;\n width: 100%;\n }\n\n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Ingredients section *\/\n .ingredients-section {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 40px 0;\n gap: 30px;\n }\n \n .ingredients-image {\n flex: 1;\n min-width: 300px;\n }\n \n .ingredients-content {\n flex: 1;\n min-width: 300px;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-grid,\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-section {\n flex-direction: column;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section fade-in\"\u003e\n \u003ch1\u003eBeauty of Joseon Light On Serum (Centella + Vita C) – إشراقة كورية متألقة\u003c\/h1\u003e\n \n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c.webp?v=1745771070\" alt=\"Beauty of Joseon Light On Serum\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Introduction Section --\u003e\n \u003cdiv class=\"feature-section fade-in\"\u003e\n \u003ch2\u003eإشراقة بلا عوائق: أهمية علاج التصبغات وتجديد البشرة\u003c\/h2\u003e\n \n \u003cp\u003eالتصبغات والبقع الداكنة مش بس بتقلل من جمال البشرة، لكنها كمان بتخلي مظهرها باهت وأكبر من عمرها الحقيقي. علاج التصبغات بيعيد للبشرة توازنها الطبيعي، وبيخليها أنقى، أفتح، وأكثر إشراقًا. فيتامين C له دور أساسي في تقليل التصبغات وتوحيد اللون، وكمان بيحفز إنتاج الكولاجين، اللي بيجدد شباب البشرة ويحسن مرونتها. لما بشرتك تبقى موحدة ومضيئة، ثقتك في نفسك بتلمع قدام العالم كله.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_light_on_serum_6eeba7fb-b756-4410-a59a-26c1d9a92945.webp?v=1745772222\" alt=\"Beauty of Joseon Light On Serum Application\"\u003e\n \n \u003c!-- Korean Heritage Section --\u003e\n \u003cdiv class=\"fade-in\"\u003e\n \u003ch2\u003eسحر التراث الكوري والابتكار العصري\u003c\/h2\u003e\n \n \u003cp\u003eسيروم Light On هذا المنتج هو تجسيد لفن العناية بالبشرة الكوري. بيحتوي على 68% من خلاصة السنتيلا الآسيوية العضوية – النبتة الأسطورية اللي اشتهرت بقدرتها الخارقة على تهدئة البشرة وتجديد خلاياها. ومع دعمها بأحدث تقنيات استقرار فيتامين C، السيروم بيوفر أقصى فاعلية في التفتيح وعلاج التصبغات بدون أي تهيج. لمسة من التراث ولمسة من الابتكار... والنتيجة: سحر حقيقي على بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c_2_24ba1a6d-be84-4fd5-a1a6-06a5a41a6a23.webp?v=1745772244\" alt=\"Beauty of Joseon Light On Serum Benefits\"\u003e\n \n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"info-box fade-in\"\u003e\n \u003ch2\u003eكيف يعمل السيروم: ثنائي فريد من التفتيح والترطيب\u003c\/h2\u003e\n \n \u003cul class=\"custom-list\"\u003e\n \u003cli\u003e\n \u003cp\u003eأول ما تحطي السيروم على بشرتك، بيبدأ مستخلص السنتيلا يرطبها ويهدي أي احمرار أو التهابات.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003eفيتامين C المستقر يخترق البشرة بأمان، يقلل إنتاج الميلانين، ويفتح التصبغات العنيدة تدريجيًا.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003eمع الاستخدام المنتظم، هتلاحظي إن بشرتك بقت أنعم، أفتح، وخالية من البقع، مع ترطيب عميق يحافظ عليها مشدودة ومتوهجة.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003cdiv class=\"ingredients-image\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\" alt=\"Beauty of Joseon Light On Serum Ingredients\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredients-content\"\u003e\n \u003ch2\u003eالمكونات الرئيسية ودورها: فيتامين C وسنتيلا في خدمة بشرتك\u003c\/h2\u003e\n \n \u003cul class=\"custom-list\"\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eفيتامين C (3-O-Ethyl Ascorbic Acid 10%)\u003c\/strong\u003e: مضاد أكسدة قوي بيوحد لون البشرة، بيفتح البقع الداكنة، وبينشط إنتاج الكولاجين لتحسين مظهر الخطوط الرفيعة والتجاعيد.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eمستخلص السنتيلا الآسيوية (68%)\u003c\/strong\u003e: نبات علاجي بيهدي البشرة المتهيجة، بيحفز تجديد خلايا الجلد، وبيعزز الترطيب العميق للحفاظ على مرونة وصحة البشرة.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- Unique Benefits Section --\u003e\n \u003cdiv class=\"fade-in\"\u003e\n \u003ch2\u003eسر التفوق: ليه السيروم ده غير كل اللي جربتيه قبل كده؟\u003c\/h2\u003e\n \n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty-of-Joeson-Light-On-Serum-Centella-Vita-C-30ml-6-min.jpg?v=1745772347\" alt=\"Beauty of Joseon Light On Serum Unique Benefits\"\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eتركيبة خفيفة تمتص بسرعة\u003c\/h3\u003e\n \u003cp\u003eمفيش إحساس دهني أو طبقة لزجة، بس نعومة وإشراقة واضحة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eتركيز عالي من المكونات الفعالة\u003c\/h3\u003e\n \u003cp\u003eكمية فيتامين C وسنتيلا أعلى من معظم السيرومات المنافسة، يعني نتائج أسرع وأقوى.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eمثالي للبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eخالي من العطور والكحول، بيهدي البشرة بدل ما يهيجها.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eنتائج مزدوجة\u003c\/h3\u003e\n \u003cp\u003eتفتيح + مكافحة علامات التقدم في العمر في خطوة واحدة سهلة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Testimonials Section --\u003e\n \u003cdiv class=\"testimonials-section fade-in\"\u003e\n \u003ch2 class=\"testimonials-title\"\u003eآراء المستخدمين: قصص نجاح حقيقية\u003c\/h2\u003e\n \n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eنتائج ملحوظة من أول أسابيع\u003c\/h3\u003e\n \u003cp\u003eأغلب المستخدمين لاحظوا فرق واضح في توحيد لون بشرتهم وزيادة إشراقتها خلال أسابيع قليلة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eملمس خفيف ومريح\u003c\/h3\u003e\n \u003cp\u003eالكل أشاد بإن قوامه خفيف وسهل الامتصاص، مثالي حتى لأيام الصيف الحارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eمناسب للبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eناس كتير من أصحاب البشرة الحساسة أكدوا إنه ساعد على تهدئة بشرتهم بدون أي تهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eرضا كامل وتوصيات واسعة\u003c\/h3\u003e\n \u003cp\u003eنسبة كبيرة من اللي جربوه حبوه لدرجة إنهم أعادوا شراءه أكتر من مرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Call to Action Section - Black Box --\u003e\n \u003cdiv class=\"cta-section fade-in\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشفي سر الإشراقة الكورية اليوم\u003c\/h2\u003e\n \n \u003cp class=\"cta-text\"\u003eبشرة أكثر إشراقاً وتوهجاً بخطوة واحدة بسيطة. قولي وداعاً للبقع الداكنة والتصبغات، وأهلاً بالبشرة المتوهجة!\u003c\/p\u003e\n \n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to handle fade-in animations\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to fade-in elements when they come into view\n observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n setTimeout(() =\u003e {\n element.classList.add('visible');\n }, 100);\n });\n })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691708903621,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1745770414"},{"product_id":"centella-skincare-routine-set","title":"Centella Skincare Routine Set Complete Centella-Based Skincare Solution","description":"\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 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 h3 {\n font-size: 1.8rem;\n position: relative;\n }\n \n .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 .product-container h4 {\n font-size: 1.3rem;\n color: #9C8102;\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 box *\/\n .intro-box {\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 30px;\n margin: 30px 0;\n border-right: 4px solid #9C8102;\n }\n\n \/* Product grid *\/\n .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 .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 .product-card:hover {\n transform: translateY(-10px);\n }\n \n .product-image {\n width: 100%;\n height: 200px;\n object-fit: cover;\n }\n \n .product-details {\n padding: 20px;\n }\n \n .product-title {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.2rem;\n margin-bottom: 10px;\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 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 .process-step:hover {\n border-color: #9C8102;\n }\n \n .step-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 5px;\n }\n\n \/* Results timeline *\/\n .results-timeline {\n margin: 40px 0;\n }\n \n .timeline-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n position: relative;\n margin-top: 50px;\n }\n \n .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 .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 .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 .timeline-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n text-align: center;\n }\n \n .timeline-content {\n text-align: center;\n }\n\n \/* Benefits section *\/\n .benefits-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n }\n \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: 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 .benefit-card:hover {\n transform: translateY(-5px);\n border-color: #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 \/* Usage section *\/\n .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 .usage-title {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .daily-routine,\n .weekly-routine {\n margin-bottom: 30px;\n }\n \n .routine-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 15px;\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 \/* Testimonials section *\/\n .testimonials-section {\n margin: 40px 0;\n }\n \n .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 .testimonial-text {\n font-size: 1.1rem;\n margin-bottom: 15px;\n }\n \n .testimonial-author {\n font-weight: bold;\n color: #9C8102;\n text-align: left;\n }\n\n \/* Collapsible ingredients *\/\n .ingredients-container {\n margin: 40px 0;\n }\n \n .ingredient-section {\n margin-bottom: 20px;\n border: 1px solid #f0f0f0;\n border-radius: 10px;\n overflow: hidden;\n }\n \n .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 .ingredient-header:hover {\n background-color: #f0f0f0;\n }\n \n .ingredient-title {\n font-weight: bold;\n color: #9C8102;\n }\n \n .ingredient-toggle {\n width: 20px;\n height: 20px;\n position: relative;\n }\n \n .ingredient-toggle::before,\n .ingredient-toggle::after {\n content: '';\n position: absolute;\n background-color: #9C8102;\n transition: transform 0.3s ease;\n }\n \n .ingredient-toggle::before {\n width: 2px;\n height: 20px;\n left: 9px;\n top: 0;\n }\n \n .ingredient-toggle::after {\n width: 20px;\n height: 2px;\n left: 0;\n top: 9px;\n }\n \n .ingredient-header.active .ingredient-toggle::before {\n transform: rotate(90deg);\n }\n \n .ingredient-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n padding: 0 20px;\n }\n \n .ingredient-header.active + .ingredient-content {\n max-height: 1000px;\n padding: 20px;\n }\n\n .ingredients-title {\n margin-bottom: 20px;\n color: #9C8102;\n font-size: 1.5rem;\n font-weight: bold;\n }\n\n .english-ingredients {\n direction: ltr;\n text-align: left;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .product-grid {\n grid-template-columns: 1fr;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline-container::before {\n display: none;\n }\n \n .timeline-item {\n width: 100%;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg class=\"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\u003eانفجار النقاء: مجموعة Centella Skincare Routine Set\u003c\/h3\u003e\n\u003ch4\u003eالطقم الكوري اللي هيغير مفهومك للعناية بالبشرة\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"intro-box fade-in\"\u003e\n\u003cp\u003eمجموعة متكاملة بتقدم لك أفضل منتجات SKIN1004 لعام 2024 المبنية على قوة السنتيلا الآسيوية. من أول تنظيف لطيف، لحد ترميم الحاجز وتهدئة فورية، هتحس بتحول ملموس في إشراقة ونضارة بشرتك.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Products Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch3\u003eمحتويات الطقم: خمس خطوات نحو بشرة مثالية\u003c\/h3\u003e\n\u003cimg class=\"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=\"product-grid\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"product-details\"\u003e\n\u003ch4 class=\"product-title\"\u003eToner \/ التونر\u003c\/h4\u003e\n\u003cp\u003eتونر مائي خفيف مقشر بلطف بفضل PHA والسنتيلا، بيشيل الشوائب والخلايا الميتة من غير ما يجفف البشرة، وبيهيئ الجلد لاستقبال السيروم والكريم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"product-details\"\u003e\n\u003ch4 class=\"product-title\"\u003eAmpoule \/ الأمبول المركز\u003c\/h4\u003e\n\u003cp\u003eجرعة مركزة من سنتيلا مدغشقر لتهدئة الفورية وترطيب عميق، يقوّي حاجز البشرة ويقلل الاحمرار في ثواني.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"product-details\"\u003e\n\u003ch4 class=\"product-title\"\u003eSoothing Cream \/ الكريم المهدّي\u003c\/h4\u003e\n\u003cp\u003eكريم جل خفيف بيسد المسام ويوازن pH البشرة، بيمزج السيراميد والدهون الأساسية مع السنتيلا ليدعم الحاجز ويمنح ملمس حريري بلا لزوجة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"product-details\"\u003e\n\u003ch4 class=\"product-title\"\u003eQuick Calming Pad \/ منصات التهدئة السريعة\u003c\/h4\u003e\n\u003cp\u003eمنصّات مشبعة بالسيروم المهدّي (سنتيلا + بانثينول)، تعطي دفعة تهدئة وترطيب في 3–5 دقائق، بتناسب كامل الوجه وحَوالين العينين والأنف بسهولة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"product-details\"\u003e\n\u003ch4 class=\"product-title\"\u003eWatergel Sheet Ampoule Mask \/ قناع الجل المائي\u003c\/h4\u003e\n\u003cp\u003eقناع جل غني بالسنتيلا والبابونج وزيت الذرة المنعش، يلتصق في البشرة ويحافظ على ترطيبها العميق مع تأثير تبريد مريح خلال 10–20 دقيقة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works 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\/SKIN1004-Centella_Original-Routine.webp?v=1745856060\" alt=\"SKIN1004 Centella Routine Application\"\u003e\n\u003ch3\u003eكيف يعمل الطقم؟\u003c\/h3\u003e\n\u003ch4\u003e– روتين شامل في خمس خطوات\u003c\/h4\u003e\n\u003col class=\"process-steps\"\u003e\n\u003cli class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eتنظيف وتقشير خفيف\u003c\/div\u003e\n\u003cp\u003eتونر التونيج يفتح المسام ويمنع تراكم الزيوت والخلايا الميتة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eترطيب وتهدئة فورية\u003c\/div\u003e\n\u003cp\u003eالأمبول يغمر البشرة بمضادات الأكسدة ويقلل الاحمرار على طول.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eتقوية حاجز البشرة\u003c\/div\u003e\n\u003cp\u003eالكريم المهدّي يدعم طبقة البشرة الخارجية، ويمنع فقدان الماء ويحافظ على التوازن الطبيعي.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eعناية سريعة ومركزة\u003c\/div\u003e\n\u003cp\u003eمنصّات التهدئة تعيد للبشرة دفعة من الرطوبة والراحة في دقائق معدودة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eقناع الاهتمام المكثف\u003c\/div\u003e\n\u003cp\u003eقناع الجل المائي يختم الروتين بترطيب عميق وامتصاص فوري للحصول على ملمس ناعم ومتجدد.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c!-- Key Ingredients Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg class=\"hero-image fade-in\" 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\u003eسر التفوق: المكونات والفوائد\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eخلاصة سنتيلا آسيوتيكا\u003c\/strong\u003e: تُعدّ مصدرًا قويًا للماديكاسوسيد والآسيتات الماديكسين التي تهدّئ الالتهابات وتعزز تجديد الخلايا.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePHA مقشر لطيف\u003c\/strong\u003e: يقشر البشرة تدريجيًا من غير أنّ يأثر على حاجز البشرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eحمض الهيالورونيك\u003c\/strong\u003e: يجذب جزيئات الماء داخل الخلايا، يحافظ على ترطيب يدوم لساعات.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eالنياسيناميد\u003c\/strong\u003e: يوحّد لون البشرة ويقلّل من حجم المسام لملمس أنعم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline fade-in\"\u003e\n\u003ch3\u003eالنتائج المتوقعة: إشراقة واضحة وخطوات ملموسة\u003c\/h3\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eبعد أول أسبوع\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cp\u003eبشرة منتعشة، ترطيب واضح، وتهدئة فورية لأي احمرار.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eبعد أسبوعين\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cp\u003eلون البشرة بيتوحّد بشكل ملاحظ، والتصبغات الخفيفة بتبدأ تقل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eبعد ثلاثة أسابيع\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cp\u003eملمس البشرة بيكون أنعم ومشدود، مع تقليل في مظهر الخطوط الرفيعة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eبعد شهر\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\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!-- Benefits 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\/SKIN1004-Centella_Original-Routine-for-Normal-to-Dry-Skin-_2.jpg?v=1745856191\" alt=\"SKIN1004 Centella Routine Benefits\"\u003e\n\u003ch3\u003eاستثمار ذكي في صحة بشرتك\u003c\/h3\u003e\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\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eروتين كامِل في عبوة واحدة\u003c\/h4\u003e\n\u003cp\u003eخمس منتجات بتغطي كل احتياجات بشرتك من A إلى Z.\u003c\/p\u003e\n\u003c\/div\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\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\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-section fade-in\"\u003e\n\u003ch3 class=\"usage-title\"\u003eكيفية الاستخدام: طبق الروتين ببساطة\u003c\/h3\u003e\n\u003cdiv class=\"daily-routine\"\u003e\n\u003ch4 class=\"routine-title\"\u003eروتين يومي (صباح ومساء):\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتونر التونيج:\u003c\/strong\u003e ضعي على قطنة أو كفيك وربتي لحد ما يمتص.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eالأمبول:\u003c\/strong\u003e قطرة أو اثنين على بشرة نظيفة وزعي وربتي لحد الامتصاص.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eالكريم المهدّي:\u003c\/strong\u003e كمية مناسبة على الوجه ودلكي بلطف لامتصاص كامل.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"weekly-routine\"\u003e\n\u003ch4 class=\"routine-title\"\u003eأقراص التهدئة (مرتين–ثلاث أسبوعيًا):\u003c\/h4\u003e\n\u003cp\u003eحطي القرص على الوجه أو المناطق اللي بتحسي فيها توتر 3–5 دقائق، بعدين شيله وربتي لامتصاص الباقي.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"weekly-routine\"\u003e\n\u003ch4 class=\"routine-title\"\u003eقناع الجل المائي (مرة–مرتين أسبوعيًا):\u003c\/h4\u003e\n\u003cp\u003eبعد التنظيف والتونر، لزقي القناع 10–20 دقيقة، بعدين شيله وربتي لامتصاص السيروم المتبقي.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Testimonials Section --\u003e\n\u003cdiv class=\"testimonials-section fade-in\"\u003e\n\u003ch3\u003eثقة الخبراء وآراء المستخدمين\u003c\/h3\u003e\n\u003cdiv class=\"testimonial\"\u003e\n\u003cp class=\"testimonial-text\"\u003eأوصى به أطباء الجلدية كأفضل روتين متكامل لتفتيح وتهدئة البشرة. آلاف المستخدمين شاركوا صور تحولات بشرتهم على السوشيال ميديا، وأكدوا إنه \"أفضل استثمار لبشرة صحية ونضرة\".\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Collapsible Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-container fade-in\"\u003e\n\u003ch3 class=\"ingredients-title\"\u003eالمكونات\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eCentella Toning Toner 210ml\u003c\/div\u003e\n\u003cdiv class=\"ingredient-toggle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp class=\"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=\"ingredient-section\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eCentella Ampoule 100ml\u003c\/div\u003e\n\u003cdiv class=\"ingredient-toggle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp class=\"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=\"ingredient-section\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eCentella Soothing Cream 75ml\u003c\/div\u003e\n\u003cdiv class=\"ingredient-toggle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp class=\"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=\"ingredient-section\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eCentella Quick Calming Pad 70EA\u003c\/div\u003e\n\u003cdiv class=\"ingredient-toggle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp class=\"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=\"ingredient-section\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eCentella Watergel Sheet Ampoule Mask 5EA\u003c\/div\u003e\n\u003cdiv class=\"ingredient-toggle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp class=\"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\u003c!-- Call to Action Section - Black --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch3 class=\"cta-title\"\u003eاحصل على روتين العناية المتكامل اليوم\u003c\/h3\u003e\n\u003cp class=\"cta-text\"\u003eمن أول أسبوع هتلاحظ الفرق. من أول شهر هتغير بشرتك تماماً. مجموعة SKIN1004 Centella Routine Set هي استثمارك الأمثل في بشرة مشرقة ونضرة!\u003c\/p\u003e\n\u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Add JavaScript for Collapsible Functionality --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Initialize fade-in animations\n const fadeElements = document.querySelectorAll('.fade-in');\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.1 });\n \n fadeElements.forEach(element =\u003e {\n observer.observe(element);\n });\n \n \/\/ Setup collapsible ingredients sections\n const ingredientHeaders = document.querySelectorAll('.ingredient-header');\n \n ingredientHeaders.forEach(header =\u003e {\n header.addEventListener('click', function() {\n this.classList.toggle('active');\n \n \/\/ Toggle aria-expanded for accessibility\n const isExpanded = this.classList.contains('active');\n this.setAttribute('aria-expanded', isExpanded);\n \n \/\/ Optionally focus on content when expanded\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\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 سيروم بالخوخ 70% والنياسيناميد لتفتيح البشرة وتوحيد اللون ومحاربة التصبغات 30 مل","description":"\u003cdiv class=\"anua-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"anua-hero\"\u003e\n\u003cdiv class=\"anua-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003e\"خدعوك فقالوا إن كل النياسيناميد واحد!\"\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eفي عالم تتشابه فيه الوعود، تختلف النتائج اختلافاً جذرياً.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003eتقف اليوم أمام خيار مصيري: الاستمرار في استخدام منتجات اعتيادية تمنحك نتائج اعتيادية، أو اتخاذ قرار يغير مصير بشرتك للأبد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"anua-hero-image\"\u003e\u003cimg class=\"product-image\" alt=\"Anua Peach 70% Niacinamide Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.png?v=1747140901\"\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\"\u003eبشرتك باهتة... والناس بتلاحظ!\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eهل لاحظت إن بشرتك بتفقد نضارتها سنة ورا سنة؟ مع مرور الوقت البقع الداكنة بتزيد، المسام بتتوسع، والبشرة بتبقى خشنة ومطفية. \u003cstrong\u003eبس السؤال الأهم: أنت قررت تعمل إيه بخصوص كده؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"problem-image\"\u003e\u003cimg class=\"full-width-image\" alt=\"Skin Problems\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_3.webp?v=1747140899\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003ch3 class=\"accent-text\"\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!-- Product Introduction --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eسيروم Anua بالخوخ والنياسيناميد 70%: المعادلة العلمية لبشرة متألقة كالزجاج\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eعلماء Anua قضوا 3 سنوات في تطوير هذه التركيبة المثالية اللي هتخلي بشرتك تتحول من باهتة ومتعبة لبشرة مشرقة ومتألقة \u003cstrong\u003eكأنها منحوتة من النور\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"formula-image\"\u003e\u003cimg class=\"full-width-image\" alt=\"Anua Peach Formula\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_4.webp?v=1747140899\"\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\"\u003eكيف يعمل؟\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eقوة الخوخ بتركيز 70%\u003c\/h3\u003e\n\u003cp\u003eمش مجرد فاكهة... ده مصنع كامل من الفيتامينات والأحماض. خلاصة الخوخ \u003cstrong\u003eبتخترق 7 طبقات من خلايا البشرة\u003c\/strong\u003e عشان توصل للطبقات العميقة وتعالجها من الداخل للخارج.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eنياسيناميد 5% (المعجزة المثبتة علمياً)\u003c\/h3\u003e\n\u003cp\u003eالنياسيناميد (فيتامين B3) هو المكون اللي غيّر قواعد اللعبة في عالم العناية بالبشرة. \u003cstrong\u003eبتركيز 5% المثالي\u003c\/strong\u003e، بيقدر:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e يقلل ظهور المسام بنسبة \u003cspan class=\"benefit-number\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003eيفتّح البقع الداكنة في \u003cspan class=\"benefit-number\"\u003e14\u003c\/span\u003e يوم فقط\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003eينظم إفراز الدهون ويمنع اللمعان المزعج\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003eيبني حاجز البشرة الطبيعي ويقويه ضد الملوثات\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eالهيالورونيك أسيد الثلاثي\u003c\/h3\u003e\n\u003cp\u003eمش نوع واحد... دول \u003cstrong\u003e3 أنواع مختلفة\u003c\/strong\u003e من الهيالورونيك أسيد بأوزان جزيئية متنوعة، عشان يوصلوا لكل طبقات البشرة:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003eالنوع الأول: بيرطب السطح فوراً\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003eالنوع الثاني: بيوصل للطبقة الوسطى ويحبس الماء جواها\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003eالنوع الثالث: بيخترق للطبقات العميقة ويرفع مستوى الترطيب من الداخل\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"accent-text\"\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\u003c!-- Transformation Journey --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"transformation-image\"\u003e\u003cimg class=\"full-width-image\" alt=\"Skin Transformation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_2.webp?v=1747140895\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eرحلة تحول بشرتك مع سيروم Anua\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\u003eبعد الاستخدام الأول\u003c\/h3\u003e\n\u003cp\u003eلمعان فوري ونعومة ملحوظة، كأنك عملت ماسك بألف جنيه\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد 3 أيام\u003c\/h3\u003e\n\u003cp\u003eانكماش المسام، بداية توحيد لون البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد أسبوع\u003c\/h3\u003e\n\u003cp\u003eاختفاء الخشونة والملمس المتعب، بشرة أنعم بنسبة 40%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد أسبوعين\u003c\/h3\u003e\n\u003cp\u003eتفتيح البقع الداكنة، إشراقة متجددة كأنك رجعت 5 سنين للوراء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد شهر\u003c\/h3\u003e\n\u003cp\u003eتحول كامل - بشرة زجاجية نقية، صافية، متوهجة من غير ماكياج\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Miracle --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"miracle-image\"\u003e\u003cimg class=\"full-width-image\" alt=\"Scientific Miracle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_5.webp?v=1747140899\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eالمعجزة العلمية اللي محدش هيقولهالك\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eالناس هيسألوك: \u003cstrong\u003eأنت بتعمل إيه لبشرتك؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eالسر يكمن في تكنولوجيا \"الاختراق الذكي\" اللي بتميز السيروم ده.. المكونات مغلفة بجزيئات دقيقة (نانو تكنولوجي) بتوصل المكونات الفعالة للمناطق المحتاجاها، مش بس على السطح زي المنتجات العادية.\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 class=\"full-width-image\" alt=\"Why Choose Anua\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/qXFYxnaNUR28pIwzePQs50YSmVPBLdE7.jpg?v=1747141341\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eفي عالم مليان منتجات... ليه سيروم Anua بالذات؟\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\"\u003eتركيبة مثبتة علمياً\u003c\/h3\u003e\n\u003cp\u003eاختبارات إكلينيكية أثبتت النتائج على أكثر من مئات المتطوعين\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eفجوة بين العلم والجمال\u003c\/h3\u003e\n\u003cp\u003eبيقدم تركيزات أعلى من المكونات الفعالة بـ 3 مرات من المنافسين\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"accent-text\"\u003eآمن لكل أنواع البشرة\u003c\/h3\u003e\n\u003cp\u003eحتى الحساسة والمختلطة والدهنية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/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\"\u003eبشرتك من أنهي نوع؟\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\u003eنوع البشرة\u003c\/th\u003e\n\u003cth\u003eالمشكلة الأساسية\u003c\/th\u003e\n\u003cth\u003eإيه اللي هيعمله Anua\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eالتعبانة على طول\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eباهتة ومرهقة وعندها هالات سودا\u003c\/td\u003e\n\u003ctd\u003eبيحسن الدورة الدموية، ويصحي الخلايا النايمة، ويدي إشراقة فورية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eالحساسة اللي بتتعب من كل حاجة\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eبتتهيج من أي منتج وبتحمر بسرعة\u003c\/td\u003e\n\u003ctd\u003eبيهديها على طول، بيقلل الالتهاب، وبيقوي حاجز الحماية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eالدهنية اللماعة\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eمسام واسعة ولمعان مش كويس طول اليوم\u003c\/td\u003e\n\u003ctd\u003eبيظبط الدهون وبيقفل المسام بنسبة 68%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eالمتقدمة في العمر\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eخطوط رفيعة وترهلات وبقع داكنة\u003c\/td\u003e\n\u003ctd\u003eبيحفز إنتاج الكولاجين وبيفتح البقع الداكنة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eالمختلطة المحتارة\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eناشفة في حتت ودهنية في حتت تانية\u003c\/td\u003e\n\u003ctd\u003eبيظبط كل المناطق بذكاء التوزيع\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"anua-cta\"\u003e\n\u003cdiv class=\"cta-image\"\u003e\u003cimg class=\"product-image-large\" alt=\"Anua Peach Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.jpg?v=1747140897\"\u003e\u003c\/div\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003e\"كل استثمار له عائد... والاستثمار في بشرتك أعلى العوائد\"\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eلا تعامل بشرتك كآخر أولوياتك، فهي أول ما يراه الناس فيك.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"cta-subtext\"\u003eسيروم Anua بالخوخ والنياسيناميد 70% - \u003cstrong\u003eلأن بشرتك تستحق الأفضل.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eاطلب الآن\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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: rtl;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n.section-line {\n height: 3px;\n width: 80px;\n background-color: #9C8102;\n margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.anua-hero {\n display: flex;\n flex-direction: row-reverse;\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-left: 5px;\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\/* 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: right;\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-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.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 كريم متقدم ومهدئ للبشرة الحساسة بـ 70% خلاصة الهارت ليف والسيراميد 50 مل","description":"\u003cdiv class=\"anua-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"anua-hero\"\u003e\n\u003cdiv class=\"anua-hero-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_2.webp?v=1747143721\" alt=\"Anua Heartleaf Intense Calming Cream\" class=\"product-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"anua-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003e\"تخيل كوريا... بلد مش بتعرف يعني إيه 'بشرة حساسة'!\"\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eالعلماء الكوريين اكتشفوا نبات طبيعي بينمو على شكل قلب، واستخلصوه بتركيز 70% فكان الحل السحري للبشرة الملتهبة. السر وصل مصر أخيراً\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"anua-section problem-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eالخبراء بيقولوا إن 80% من مشاكل البشرة سببها حاجز حماية ضعيف\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eهل بشرتك بتحمر لأي سبب؟ حاسس بحرقان ولسعة مع كل منتج بتجربه؟ الطقس البارد بيسبب جفاف وتقشير؟ \u003cstrong\u003eلحد إمتى هتستحمل الألم ده؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"problem-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_1.webp?v=1747143745\" alt=\"Skin Problems\" class=\"full-width-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003ch3 class=\"accent-text\"\u003e\"كل الكريمات المهدئة متشابهة... ودي أكبر كدبة في عالم العناية بالبشرة\"\u003c\/h3\u003e\n\u003cp\u003eمعظم الكريمات المهدئة بتعتمد على المكونات الكيماوية اللي بتعالج الأعراض وبتسيب السبب الرئيسي. \u003cstrong\u003eشركة ANUA اختارت طريق مختلف تماماً.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eكريم Anua المهدئ بخلاصة الهارتليف 70%: الحارس الشخصي لبشرتك الحساسة\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eعلماء أنوا (Anua) استخدموا تكنولوجيا فريدة لاستخراج خلاصة نبات الهارتليف من مزارع خاصة في كوريا بنسبة تركيز 70% - \u003cstrong\u003eالنسبة الأعلى عالمياً.\u003c\/strong\u003e النتيجة؟ كريم مش بس بيهدئ البشرة... ده بيعيد برمجة طريقة تعاملها مع المهيجات الخارجية.\u003c\/p\u003e\n\u003cdiv class=\"section-header secondary-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eسر البشرة الكورية اللي مبتتهيجش أبداً!\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/philodendron_cordatum_heart_leaf_PDP_02.webp?v=1747143691\" alt=\"Heartleaf Plant\" class=\"ingredient-img\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eعجيبة الهارتليف\u003c\/h3\u003e\n\u003cp\u003eنبات الهارتليف (على شكل قلب) مش مجرد مكون عادي... ده \u003cstrong\u003eنظام حماية متكامل\u003c\/strong\u003e. بيحتوي على مضادات التهاب طبيعية قوية بتوقف الاحمرار والتهيج فوراً، وبتصلح pH البشرة اللي مضطرب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\" alt=\"Ceramide\" class=\"ingredient-img\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eسيراميد الحماية المركز\u003c\/h3\u003e\n\u003cp\u003eالسيراميد مش كريم... ده \u003cstrong\u003eطوب بناء حاجز البشرة\u003c\/strong\u003e الواقي. لما بتفقد السيراميد، بيحصل تسرب للرطوبة وتسلل للملوثات. كريم Anua غني بالسيراميد اللي بيرجع يبني الحاجز الواقي ويمنع الالتهابات المستقبلية تماماً.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_BHAToner_1200x1200_Listing3_b3fce2a0-8095-4f85-8456-2453dbd1f4be.webp?v=1747144258\" alt=\"Panthenol\" class=\"ingredient-img\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eبانثينول (فيتامين B5) المعجزة\u003c\/h3\u003e\n\u003cp\u003eالبانثينول مكون سحري بيتغلغل لأعماق البشرة ويعمل حاجتين مهمين:\u003c\/p\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eبيسرع التئام الخلايا المتضررة بنسبة \u003cspan class=\"counter\" data-target=\"34\"\u003e0\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eبيكوّن درع احتياطي ضد التهيجات المستقبلية\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Three-Layer Theory --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eنظرية \"الطبقات الثلاث\" للحماية المطلقة\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالطبقة\u003c\/th\u003e\n\u003cth\u003eدور كريم Anua\u003c\/th\u003e\n\u003cth\u003eالكريمات الأخرى\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eالطبقة الخارجية\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eبيهدئ فوراً وبيوقف الاحمرار\u003c\/td\u003e\n\u003ctd\u003eبيعالجوا الأعراض بس\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eالطبقة الوسطى\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eبيرطب عميق وبيمنع فقدان الماء\u003c\/td\u003e\n\u003ctd\u003eبيرطبوا السطح مؤقتاً\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eالطبقة الداخلية\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eبيصلح الخلايا وبيقوي مناعة البشرة\u003c\/td\u003e\n\u003ctd\u003eمبيوصلوش للطبقة دي خالص\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"results-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_HeartleafIntenseCalmingCream_2000x2200_Listing1.webp?v=1747144397\" alt=\"Product Results\" class=\"full-width-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e\"الصبر جميل... بس مش لازم تستنى كتير\"\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eالنتائج المتوقعة باستخدامك للكريم\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eمن أول استخدام\u003c\/h3\u003e\n\u003cp\u003eإحساس فوري بالراحة، احمرار أقل، وانسداد للمسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد 3 أيام\u003c\/h3\u003e\n\u003cp\u003eاختفاء التهيج ورجوع لون البشرة الطبيعي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد أسبوع\u003c\/h3\u003e\n\u003cp\u003eبشرة أكثر مقاومة للمهيجات، وأقل حساسية للمنتجات الأخرى\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد أسبوعين\u003c\/h3\u003e\n\u003cp\u003eقدرة البشرة على حماية نفسها بتتضاعف\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eبعد شهر\u003c\/h3\u003e\n\u003cp\u003eتحول كامل - بشرة متوازنة، قوية ومش بتتأثر بالعوامل الخارجية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eده مش مجرد كريم... ده نظام إنقاذ للبشرة المتعبة\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quote-box\"\u003e\n\u003cp\u003eنهاية الاحمرار و التهيج هتبدأ من هنا !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eكريم Anua الهارتليف مصمم خصيصاً للبشرة اللي زهقت من كل حاجة. سواء كانت بشرتك:\u003c\/p\u003e\n\u003cdiv class=\"skin-types-container\"\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eحساسة وبتحمر من أي حاجة\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eجافة وبتتقشر مع الجو\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eدهنية وبتلمع وبتتهيج\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eمختلطة ومحتارة\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eمميزات مش هتلاقيها في أي منتج تاني:\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eملمس غير دهني\u003c\/h3\u003e\n\u003cp\u003eبيتشرب فوراً من غير ما يسيب آثار دهنية أو لمعان\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eعديم الرائحة\u003c\/h3\u003e\n\u003cp\u003eمفيهوش عطور صناعية تهيج البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eتركيبة كورية أصلية\u003c\/h3\u003e\n\u003cp\u003eمستخرجة من مزارع خاصة في كوريا\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eمتوافق مع كل البشرات\u003c\/h3\u003e\n\u003cp\u003eمن الحساسة للدهنية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"anua-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eبشرتك مش محتاجة تتحمل ألم كمان... \u003c\/h2\u003e\n\u003cp class=\"cta-subheading\"\u003eالبشرة المهدأة = ثقة أكبر = حياة أفضل\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003eابدأ النهاردة... كريم Anua بالهارتليف هيكون أعظم قرار تاخده لبشرتك.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eاطلب الآن\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.anua-product-container {\n font-family: Arial, sans-serif;\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: rtl;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n.section-line {\n height: 3px;\n width: 80px;\n background-color: #9C8102;\n margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.anua-hero {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 60px;\n gap: 30px;\n}\n\n.anua-hero-content {\n flex: 1;\n}\n\n.anua-hero-image {\n flex: 1;\n text-align: center;\n}\n\n.anua-hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n}\n\n.hero-subtitle {\n font-size: 1.3rem;\n line-height: 1.6;\n}\n\n.product-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Section Styles *\/\n.anua-section {\n margin-bottom: 60px;\n}\n\n.section-header {\n margin-bottom: 30px;\n}\n\n.section-header h2 {\n font-size: 1.8rem;\n margin-bottom: 5px;\n}\n\n.secondary-header {\n margin-top: 40px;\n}\n\n\/* Full Width Images *\/\n.full-width-image {\n width: 100%;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n margin: 30px 0;\n transition: transform 0.3s ease;\n}\n\n.full-width-image:hover {\n transform: translateY(-5px);\n}\n\n\/* Highlighted Text *\/\n.highlighted-text {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 30px;\n margin: 30px 0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.highlighted-text h3 {\n margin-bottom: 15px;\n font-size: 1.4rem;\n}\n\n\/* Ingredients Grid *\/\n.ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 30px;\n}\n\n.ingredient-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ingredient-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-image {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.ingredient-img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n transition: transform 0.3s ease;\n}\n\n.ingredient-card:hover .ingredient-img {\n transform: scale(1.03);\n}\n\n.ingredient-card h3 {\n margin-bottom: 15px;\n font-size: 1.4rem;\n}\n\n.ingredient-benefits {\n list-style-type: disc;\n padding-right: 20px;\n margin-top: 15px;\n}\n\n.ingredient-benefits li {\n margin-bottom: 10px;\n}\n\n\/* Table Styles *\/\n.table-container {\n overflow-x: auto;\n margin: 30px 0;\n}\n\n.comparison-table {\n width: 100%;\n border-collapse: collapse;\n background-color: #fff;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.comparison-table th {\n background-color: #9C8102;\n color: white;\n text-align: right;\n padding: 15px;\n}\n\n.comparison-table td {\n padding: 15px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.comparison-table tr:last-child td {\n border-bottom: none;\n}\n\n.table-row {\n transition: background-color 0.3s ease;\n}\n\n.table-row:hover {\n background-color: #f5f5f5;\n}\n\n\/* Timeline Section *\/\n.timeline {\n position: relative;\n margin: 40px 0;\n padding-right: 40px;\n}\n\n.timeline:before {\n content: '';\n position: absolute;\n top: 0;\n right: 10px;\n height: 100%;\n width: 2px;\n background: #9C8102;\n}\n\n.timeline-item {\n position: relative;\n margin-bottom: 40px;\n}\n\n.timeline-marker {\n position: absolute;\n top: 5px;\n right: -40px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.timeline-item:hover .timeline-marker {\n transform: scale(1.2);\n box-shadow: 0 0 0 6px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content {\n background: #f9f9f9;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.timeline-item:hover .timeline-content {\n transform: translateX(-10px);\n}\n\n.timeline-content h3 {\n color: #9C8102;\n margin-bottom: 10px;\n font-size: 1.2rem;\n}\n\n\/* Quote Box *\/\n.quote-box {\n background-color: #f9f9f9;\n border-right: 4px solid #9C8102;\n padding: 20px;\n margin: 30px 0;\n font-style: italic;\n font-size: 1.2rem;\n position: relative;\n}\n\n.quote-box:before {\n content: '\"';\n position: absolute;\n right: -15px;\n top: 10px;\n font-size: 3rem;\n color: #9C8102;\n font-family: serif;\n}\n\n\/* Skin Types *\/\n.skin-types-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n.skin-type-box {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n.skin-type-box:hover {\n transform: translateY(-5px);\n background-color: #f5f1e2;\n}\n\n.skin-type-box h3 {\n color: #9C8102;\n font-size: 1.1rem;\n}\n\n\/* Features Grid *\/\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 30px;\n}\n\n.feature-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.feature-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.feature-card h3 {\n margin-bottom: 10px;\n font-size: 1.2rem;\n color: #9C8102;\n}\n\n\/* CTA Section *\/\n.anua-cta {\n text-align: center;\n padding: 40px;\n background-color: #f9f9f9;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 15px;\n}\n\n.cta-subheading {\n font-size: 1.4rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.cta-text {\n font-size: 1.1rem;\n margin-bottom: 25px;\n}\n\n.cta-button {\n padding: 15px 35px;\n background-color: #9C8102;\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .anua-hero {\n flex-direction: column;\n }\n \n .ingredients-grid, .features-grid, .skin-types-container {\n grid-template-columns: 1fr;\n }\n \n .timeline {\n padding-right: 30px;\n }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":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 سيروم التوهج العميق بالأرز و الألفا-أربوتين لتفتيح البشرة.","description":"\u003cdiv class=\"joseon-product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"joseon-hero\"\u003e\n \u003cdiv class=\"hero-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_2.webp?v=1747571948\" alt=\"Beauty of Joseon Glow Deep Serum\" class=\"product-image\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"accent-text\"\u003eسيروم Beauty of Joseon العميق: عندما يلتقي تراث الأجداد بعلم المستقبل\u003c\/h1\u003e\n \u003cp class=\"hero-description\"\u003eفي قلب هذا السيروم المعجزة، تم الجمع بين سر جمال الإمبراطورات الكوريات (\u003cstrong\u003e68% ماء نخالة الأرز\u003c\/strong\u003e) مع أقوى مكون علمي حديث لتفتيح البشرة (\u003cstrong\u003e2% ألفا أربوتين\u003c\/strong\u003e).\u003c\/p\u003e\n \u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eالنتيجة؟ ثورة حقيقية\u003c\/strong\u003e في عالم تفتيح البشرة وتوحيد لونها بطريقة آمنة، فعالة، وسريعة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Traditional Wisdom Section --\u003e\n \u003cdiv class=\"section tradition-section\"\u003e\n \u003cdiv class=\"section-image right-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_1.webp?v=1747571949\" alt=\"Traditional Korean Beauty Secret\" class=\"section-img\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"section-content\"\u003e\n \u003ch2 class=\"section-title accent-text\"\u003eكنز كوري قديم بتكنولوجيا عصرية\u003c\/h2\u003e\n \u003cp\u003eمن عصر سلالة جوسيون الكورية العريقة، وصلنا سر جمال الإمبراطورات الكوريات اللي كانوا بيستخدموا ماء نخالة الأرز كـ \"ماء الجمال\" لبشرة مشرقة خالية من العيوب.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Introduction --\u003e\n \u003cdiv class=\"section product-intro\"\u003e\n \u003cdiv class=\"intro-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum.webp?v=1747572064\" alt=\"Beauty of Joseon Glow Deep Serum\" class=\"full-width-img\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"intro-content\"\u003e\n \u003ch2 class=\"intro-title accent-text\"\u003eسيروم جلو ديب من بيوتي أوف جوسيون: علم تفتيح البشرة بأنقى صوره\u003c\/h2\u003e\n \u003cp\u003eيجمع هذا السيروم بين قوة تراث كوري عمره مئات السنين وأحدث اكتشافات علم العناية بالبشرة في تركيبة فريدة تحتوي على:\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"section ingredients-section\"\u003e\n \u003ch2 class=\"section-title accent-text\"\u003eمكونات فائقة القوة والفعالية:\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredients-container\"\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_6.webp?v=1747571949\" alt=\"Rice Water\" class=\"ingredient-img\"\u003e\n \u003cdiv class=\"rice-animation\"\u003e\n \u003cdiv class=\"rice-grain grain1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rice-grain grain2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rice-grain grain3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rice-grain grain4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-content\"\u003e\n \u003ch3 class=\"ingredient-title accent-text\"\u003eماء نخالة الأرز بتركيز \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n \u003cp\u003eليس مجرد مكون ترطيب عادي... بل كنز غذائي للبشرة:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eغني بالأحماض الأمينية الأساسية لبناء خلايا جديدة\u003c\/li\u003e\n \u003cli\u003eمليء بالمعادن اللي بتنشط الدورة الدموية وبتدي إشراقة طبيعية\u003c\/li\u003e\n \u003cli\u003eيحتوي على إنزيمات طبيعية بتقشر البشرة برفق وتجدد خلاياها\u003c\/li\u003e\n \u003cli\u003eمعروف تاريخياً بقدرته على تفتيح البشرة وتوحيد لونها بطريقة آمنة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_7.webp?v=1747571949\" alt=\"Alpha Arbutin\" class=\"ingredient-img\"\u003e\n \u003cdiv class=\"arbutin-animation\"\u003e\n \u003cdiv class=\"molecule molecule1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"molecule molecule2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"molecule molecule3\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-content\"\u003e\n \u003ch3 class=\"ingredient-title accent-text\"\u003eألفا-أربوتين بتركيز \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (النسبة المثالية علمياً)\u003c\/h3\u003e\n \u003cp\u003eمكون ياباني متطور يتفوق على كل مبيضات البشرة التقليدية:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eأقوى بـ \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e مرات من البيتا-أربوتين المستخدم في معظم المنتجات\u003c\/li\u003e\n \u003cli\u003eيثبط إنزيم التيروزيناز المسؤول عن إنتاج الميلانين بطريقة آمنة\u003c\/li\u003e\n \u003cli\u003eيستهدف البقع الداكنة من جذورها بدون تهيج البشرة\u003c\/li\u003e\n \u003cli\u003eيمنع ظهور تصبغات جديدة مع الاستخدام المنتظم\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Section --\u003e\n \u003cdiv class=\"section features-section\"\u003e\n \u003cdiv class=\"features-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_3.webp?v=1747571949\" alt=\"Product Features\" class=\"full-width-img\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"section-title accent-text\"\u003eميزات فريدة تجعله رقم واحد في تفتيح البشرة:\u003c\/h2\u003e\n \n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e\n \u003cdiv class=\"droplet-animation\"\u003e\n \u003cdiv class=\"droplet\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch3 class=\"feature-title accent-text\"\u003eتركيبة خفيفة سريعة الامتصاص\u003c\/h3\u003e\n \u003cp\u003eعلى عكس منتجات التفتيح الدهنية والثقيلة، سيروم جلو ديب:\u003c\/p\u003e\n \u003cul class=\"check-list\"\u003e\n \u003cli\u003eيتغلغل للطبقات العميقة من البشرة فوراً\u003c\/li\u003e\n \u003cli\u003eلا يترك أي آثار دهنية أو لمعان\u003c\/li\u003e\n \u003cli\u003eمناسب لجميع أنواع البشرة (حتى الدهنية والمختلطة)\u003c\/li\u003e\n \u003cli\u003eيمكن استخدامه قبل المكياج مباشرة بدون مشاكل\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e\n \u003cdiv class=\"results-animation\"\u003e\n \u003cdiv class=\"chart-bar bar1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"chart-bar bar2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"chart-bar bar3\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch3 class=\"feature-title accent-text\"\u003eنتائج مُثبتة علمياً\u003c\/h3\u003e\n \u003cul class=\"check-list\"\u003e\n \u003cli\u003eتفتيح البقع الداكنة بنسبة تصل إلى \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% خلال 4 أسابيع\u003c\/li\u003e\n \u003cli\u003eتوحيد لون البشرة وتقليل الاختلافات اللونية\u003c\/li\u003e\n \u003cli\u003eزيادة إشراقة البشرة ونضارتها\u003c\/li\u003e\n \u003cli\u003eتحسين صحة البشرة العامة وقوة حاجز حمايتها\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"section timeline-section\"\u003e\n \u003ch2 class=\"section-title accent-text\"\u003eرحلة التحول مع سيروم جلو ديب:\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-table-container\"\u003e\n \u003ctable class=\"timeline-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eالمرحلة\u003c\/th\u003e\n \u003cth\u003eالنتيجة المتوقعة\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالأسبوع الأول\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eترطيب عميق، نعومة ملحوظة، إشراقة أولية\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالأسبوع الثاني\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eبداية تفتيح البقع القديمة، توحيد تدريجي للون\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالأسبوع الرابع\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eتحسن واضح في البقع وتوحيد اللون، بشرة أكثر صحة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالشهر الثاني\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eتحول كامل - بشرة مشرقة، موحدة اللون وصحية\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"section usage-section\"\u003e\n \u003cdiv class=\"usage-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_4.webp?v=1747571949\" alt=\"How to Use\" class=\"full-width-img\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"section-title accent-text\"\u003eطريقة الاستخدام المثالية:\u003c\/h2\u003e\n \n \u003cdiv class=\"steps-container\"\u003e\n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eضعي 2-3 قطرات على بشرة نظيفة ومرطبة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eدلكي برفق بحركات دائرية من المركز للخارج\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eاستخدميه صباحاً ومساءً للحصول على أفضل النتائج\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eتأكدي من استخدام واقي الشمس نهاراً للحفاظ على النتائج\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003cdiv class=\"joseon-cta\"\u003e\n \u003ch2 class=\"cta-heading accent-text\"\u003e\"إشراقة بشرتك الحقيقية موجودة... بس محتاجة المفتاح الصحيح\"\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003eتاريخ كوريا العريق + علم ياباني متطور = بشرة مثالية موحدة اللون.\u003c\/p\u003e\n \u003cp class=\"cta-conclusion\"\u003eسيروم جلو ديب من بيوتي أوف جوسيون - \u003cstrong\u003eلأن بشرتك تستحق أن تشرق بلونها الطبيعي الموحد.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cbutton class=\"cta-button\"\u003eاطلبي الآن\u003c\/button\u003e\n \u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* Base Styles *\/\n.joseon-product-container {\n\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: rtl;\n background-color: #fafafa;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n\/* Hero Section *\/\n.joseon-hero {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 60px;\n gap: 30px;\n}\n\n.hero-image {\n flex: 1;\n}\n\n.hero-content {\n flex: 1;\n}\n\n.hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-description {\n font-size: 1.1rem;\n margin-bottom: 15px;\n line-height: 1.6;\n}\n\n.hero-conclusion {\n font-size: 1.2rem;\n margin-top: 20px;\n}\n\n.product-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 70px;\n padding: 30px;\n background-color: #fff;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n}\n\n.section:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 100px;\n height: 100px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 50%;\n z-index: 1;\n}\n\n.section-title {\n font-size: 1.8rem;\n margin-bottom: 25px;\n position: relative;\n display: inline-block;\n}\n\n.section-title:after {\n content: '';\n position: absolute;\n bottom: -10px;\n right: 0;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n}\n\n.tradition-section {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 30px;\n}\n\n.section-image {\n flex: 1;\n}\n\n.section-content {\n flex: 1;\n}\n\n.right-image {\n order: 2;\n}\n\n.section-img, .full-width-img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n}\n\n.section-img:hover, .full-width-img:hover {\n transform: scale(1.02);\n}\n\n.intro-image {\n margin-bottom: 20px;\n}\n\n.intro-title {\n text-align: center;\n margin-bottom: 20px;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\n gap: 30px;\n margin-top: 40px;\n}\n\n.ingredient-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n overflow: hidden;\n position: relative;\n}\n\n.ingredient-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-image {\n flex: 1;\n margin-left: 20px;\n position: relative;\n}\n\n.ingredient-img {\n width: 100%;\n border-radius: 10px;\n position: relative;\n z-index: 2;\n}\n\n.ingredient-content {\n flex: 2;\n text-align: right;\n width: 100%;\n}\n\n.ingredient-title {\n font-size: 1.4rem;\n margin-bottom: 15px;\n text-align: right;\n width: 100%;\n}\n\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin: 15px 0 0 0;\n width: 100%;\n display: block;\n text-align: right;\n}\n\n.benefits-list li {\n padding: 12px 0;\n position: relative;\n padding-right: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: right;\n display: block;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-size: 20px;\n}\n\n\/* Rice Animation *\/\n.rice-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.rice-grain {\n position: absolute;\n width: 15px;\n height: 8px;\n background-color: #fff;\n border-radius: 50%;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n opacity: 0;\n animation: float 3s infinite;\n}\n\n.grain1 {\n top: 20%;\n left: 20%;\n animation-delay: 0s;\n}\n\n.grain2 {\n top: 30%;\n left: 60%;\n animation-delay: 0.5s;\n}\n\n.grain3 {\n top: 50%;\n left: 40%;\n animation-delay: 1s;\n}\n\n.grain4 {\n top: 70%;\n left: 70%;\n animation-delay: 1.5s;\n}\n\n@keyframes float {\n 0% { transform: translateY(0); opacity: 0; }\n 50% { opacity: 1; }\n 100% { transform: translateY(-20px); opacity: 0; }\n}\n\n\/* Arbutin Animation *\/\n.arbutin-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.molecule {\n position: absolute;\n width: 10px;\n height: 10px;\n background-color: #9C8102;\n border-radius: 50%;\n opacity: 0;\n animation: pulse 3s infinite;\n}\n\n.molecule1 {\n top: 30%;\n left: 30%;\n animation-delay: 0s;\n}\n\n.molecule2 {\n top: 50%;\n left: 50%;\n animation-delay: 1s;\n}\n\n.molecule3 {\n top: 70%;\n left: 20%;\n animation-delay: 2s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); opacity: 0; }\n 50% { transform: scale(1.5); opacity: 1; }\n 100% { transform: scale(1); opacity: 0; }\n}\n\n\/* Features Section *\/\n.features-image {\n margin-bottom: 30px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 40px;\n width: 100%;\n}\n\n.features-section,\n.ingredients-section {\n width: 100%;\n box-sizing: border-box;\n}\n\n.feature-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 25px 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n width: 100%;\n box-sizing: border-box;\n align-items: flex-start;\n text-align: right;\n}\n\n.feature-icon {\n width: 50px;\n height: 50px;\n margin-left: 20px;\n position: relative;\n flex-shrink: 0;\n}\n\n.feature-content {\n flex: 1;\n width: 100%;\n text-align: right;\n padding-right: 0;\n}\n\n.feature-title {\n font-size: 1.3rem;\n margin-bottom: 15px;\n text-align: right;\n width: 100%;\n}\n\n.check-list {\n list-style-type: none;\n padding: 0;\n width: 100%;\n display: block;\n text-align: right;\n margin: 0;\n}\n\n.check-list li {\n padding: 12px 0;\n position: relative;\n padding-right: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: right;\n display: block;\n}\n\n.check-list li:before {\n content: '✓';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-weight: bold;\n font-size: 16px;\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.droplet {\n position: absolute;\n top: 0;\n left: 20px;\n width: 20px;\n height: 20px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n opacity: 0.7;\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.7; }\n 80% { top: 30px; opacity: 0.7; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Results Animation *\/\n.results-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.chart-bar {\n position: absolute;\n bottom: 0;\n width: 10px;\n background-color: #9C8102;\n border-radius: 5px 5px 0 0;\n opacity: 0.7;\n animation: grow 2.5s infinite;\n}\n\n.bar1 {\n height: 20px;\n left: 5px;\n animation-delay: 0s;\n}\n\n.bar2 {\n height: 30px;\n left: 25px;\n animation-delay: 0.5s;\n}\n\n.bar3 {\n height: 40px;\n left: 45px;\n animation-delay: 1s;\n}\n\n@keyframes grow {\n 0% { height: 0; opacity: 0.5; }\n 60% { height: 100%; opacity: 0.7; }\n 100% { height: 100%; opacity: 0.5; }\n}\n\n\/* Counter Style *\/\n.counter {\n color: #9C8102;\n font-weight: bold;\n display: inline-block;\n min-width: 2rem;\n text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline-table-container {\n overflow-x: auto;\n margin: 30px 0;\n}\n\n.timeline-table {\n width: 100%;\n border-collapse: collapse;\n background-color: #fff;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-table th {\n background-color: #9C8102;\n color: white;\n text-align: right;\n padding: 15px;\n font-weight: 600;\n}\n\n.timeline-table td {\n padding: 15px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.timeline-row {\n transition: background-color 0.3s ease, transform 0.3s ease;\n}\n\n.timeline-row:hover {\n background-color: #f5f5f5;\n transform: translateX(-5px);\n}\n\n.timeline-phase {\n width: 150px;\n font-weight: bold;\n}\n\n\/* Usage Instructions *\/\n.usage-image {\n margin-bottom: 30px;\n}\n\n.steps-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.step-card {\n display: flex;\n align-items: center;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.step-card:hover {\n transform: translateY(-5px);\n}\n\n.step-number {\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.2rem;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.step-content {\n flex: 1;\n font-size: 1rem;\n}\n\n\/* CTA Section *\/\n.joseon-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n margin-top: 50px;\n position: relative;\n overflow: hidden;\n}\n\n.joseon-cta:before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to left, #9C8102, transparent);\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.3rem;\n margin-bottom: 15px;\n}\n\n.cta-conclusion {\n font-size: 1.2rem;\n margin-bottom: 30px;\n}\n\n.cta-button {\n padding: 15px 40px;\n background-color: #9C8102;\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .joseon-hero, .tradition-section {\n flex-direction: column;\n }\n \n .ingredients-container, .features-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredient-card {\n flex-direction: column;\n width: 100%;\n box-sizing: border-box;\n text-align: right;\n }\n \n .ingredient-image {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .right-image {\n order: 1;\n }\n \n .feature-card, \n .ingredient-card,\n .step-card {\n width: 100%;\n box-sizing: border-box;\n padding: 20px 15px;\n }\n \n .steps-container {\n grid-template-columns: 1fr;\n }\n \n .feature-content,\n .ingredient-content {\n width: 100%;\n text-align: right;\n }\n \n .check-list li,\n .benefits-list li {\n width: 100%;\n box-sizing: border-box;\n padding-right: 40px;\n text-align: right;\n }\n \n .check-list li:before,\n .benefits-list li:before {\n right: 10px;\n }\n \n .section {\n padding: 20px 15px;\n }\n \n .feature-title, \n .ingredient-title {\n width: 100%;\n text-align: right;\n }\n \n .ingredient-content {\n padding-right: 0;\n }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ Start animations when page loads\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Start all counters immediately\n startAllCounters();\n \n \/\/ Setup the scroll animation for other elements\n setupScrollAnimations();\n \n \/\/ Add button animation\n setupButtonAnimation();\n});\n\nfunction startAllCounters() {\n const counters = document.querySelectorAll('.counter');\n \n counters.forEach(counter =\u003e {\n const target = parseInt(counter.getAttribute('data-target'));\n let current = 0;\n const increment = Math.max(1, Math.floor(target \/ 40)); \/\/ Ensure minimum step of 1\n \n \/\/ Immediately visible animation\n const timer = setInterval(() =\u003e {\n current += increment;\n \n \/\/ Make sure we don't go over the target\n if (current \u003e= target) {\n current = target;\n clearInterval(timer);\n }\n \n \/\/ Update the counter text\n counter.textContent = current;\n }, 30); \/\/ Speed of animation - lower number = faster\n });\n}\n\nfunction setupScrollAnimations() {\n \/\/ Add fade-in class to elements we want to animate\n const elementsToAnimate = [\n ...document.querySelectorAll('.ingredient-card'),\n ...document.querySelectorAll('.feature-card'),\n ...document.querySelectorAll('.step-card'),\n ...document.querySelectorAll('.timeline-row'),\n document.querySelector('.joseon-cta'),\n ...document.querySelectorAll('.section-title')\n ];\n \n elementsToAnimate.forEach(element =\u003e {\n if (element) element.classList.add('fade-in');\n });\n \n \/\/ Initial check for elements in viewport\n handleScrollAnimations();\n \n \/\/ Listen for scroll events\n window.addEventListener('scroll', handleScrollAnimations);\n}\n\nfunction handleScrollAnimations() {\n \/\/ Animate fade-in elements\n document.querySelectorAll('.fade-in').forEach(element =\u003e {\n if (isInViewport(element)) {\n element.classList.add('active');\n }\n });\n}\n\nfunction isInViewport(element) {\n const rect = element.getBoundingClientRect();\n \/\/ Consider element in viewport even if only partially visible\n return (\n rect.top \u003c (window.innerHeight || document.documentElement.clientHeight) + 100 \u0026\u0026\n rect.bottom \u003e -100\n );\n}\n\nfunction setupButtonAnimation() {\n \/\/ Add click event to CTA button\n const ctaButton = document.querySelector('.cta-button');\n if (ctaButton) {\n ctaButton.addEventListener('click', function(e) {\n e.preventDefault();\n this.textContent = 'تمت الإضافة إلى السلة!';\n setTimeout(() =\u003e {\n this.textContent = 'اطلبي الآن';\n }, 2000);\n });\n }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":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 سيروم إحياء البشرة بالجينسينغ وإفراز الحلزون لتجديد ومرونة البشرة.","description":"\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Video Section --\u003e\n \u003cdiv class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay muted loop playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3ef500d9baac416bbea61350e65fce38.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Hero Text Section --\u003e\n \u003cdiv class=\"hero-text-section\"\u003e\n \u003ch1 class=\"main-title fade-in\"\u003eالعلم يثبت: الجينسنغ + مخاط الحلزون = معادلة الشباب المثالية\u003c\/h1\u003e\n \u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: تركيبة علمية متطورة تعيد برمجة خلايا بشرتك\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Key Benefits Grid --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💫\u003c\/div\u003e\n \u003ch3\u003eعلاج البهتان\u003c\/h3\u003e\n \u003cp\u003eالجينسنغ 63% ينشط الدورة الدموية ويعيد الإشراق الطبيعي للبشرة المتعبة خلال أسبوعين.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eمضاد للتأكسد\u003c\/h3\u003e\n \u003cp\u003e15 نوع من الجينسنوسايد يحمي البشرة من الجذور الحرة والتلوث والأشعة الضارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n \u003ch3\u003eمضاد للتجاعيد\u003c\/h3\u003e\n \u003cp\u003eمخاط الحلزون 3% يحفز إنتاج الكولاجين ويقلل ظهور الخطوط الدقيقة والتجاعيد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eمرطب عميق\u003c\/h3\u003e\n \u003cp\u003eالهيالورونيك أسيد الطبيعي يحبس الرطوبة في البشرة لمدة 12 ساعة متواصلة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eيحسن نسيج الجلد\u003c\/h3\u003e\n \u003cp\u003eالبروتينات الطبيعية تنعم ملمس البشرة وتقلل ظهور المسام والخشونة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"600\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eيهدئ الاحمرار\u003c\/h3\u003e\n \u003cp\u003eالأللانتوين في مخاط الحلزون يقلل الالتهاب والتهيج ويهدئ البشرة الحساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Section --\u003e\n \u003cdiv class=\"science-section\"\u003e\n \u003cdiv class=\"ingredient-showcase\"\u003e\n \u003cdiv class=\"ingredient-card ginseng-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_5_c8f51ca2-5353-4586-a78a-f3c95b3cb1b3.jpg?v=1748094708\" alt=\"Ginseng\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eالجينسنغ 63% - محرك التجديد الخلوي\u003c\/h3\u003e\n \u003cdiv class=\"molecular-animation\"\u003e\n \u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cul class=\"ingredient-benefits\"\u003e\n \u003cli\u003eالسابونين النشط: يحفز الدورة الدموية الدقيقة بنسبة 40%\u003c\/li\u003e\n \u003cli\u003eالجينسينوسيدات: تحفز إنتاج الكولاجين الطبيعي\u003c\/li\u003e\n \u003cli\u003eمضادات الأكسدة القوية: تحارب الجذور الحرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card snail-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_7.jpg?v=1748096683\" alt=\"Snail Mucin\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eمخاط الحلزون المُنقى 3% - معجزة الإصلاح والتجديد\u003c\/h3\u003e\n \u003cdiv class=\"repair-animation\"\u003e\n \u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003col class=\"ingredient-process\"\u003e\n \u003cli\u003eيخترق الطبقات العميقة للبشرة\u003c\/li\u003e\n \u003cli\u003eيحفز إنتاج الكولاجين الجديد\u003c\/li\u003e\n \u003cli\u003eيصلح الحمض النووي التالف\u003c\/li\u003e\n \u003cli\u003eيعزز دوران الخلايا\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Centella Asiatica Section --\u003e\n \u003cdiv class=\"centella-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالمكونات المساعدة: فريق علمي متكامل\u003c\/h2\u003e\n \u003cdiv class=\"centella-container\"\u003e\n \u003cdiv class=\"centella-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\" alt=\"Centella Asiatica\"\u003e\n \u003cdiv class=\"healing-animation\"\u003e\n \u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"centella-info\"\u003e\n \u003ch3\u003e🌿 مستخلص السنتيلا آسياتيكا\u003c\/h3\u003e\n \u003cdiv class=\"compound-list\"\u003e\n \u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"100\"\u003e\n \u003cdiv class=\"compound-icon\"\u003e🧬\u003c\/div\u003e\n \u003cdiv class=\"compound-details\"\u003e\n \u003ch4\u003eحمض الآسياتيك\u003c\/h4\u003e\n \u003cp\u003eيحفز إنتاج الكولاجين نوع 1 و 3\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"200\"\u003e\n \u003cdiv class=\"compound-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"compound-details\"\u003e\n \u003ch4\u003eالمادينكاسوسايد\u003c\/h4\u003e\n \u003cp\u003eمضاد التهاب طبيعي يهدئ الاحمرار فوراً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"300\"\u003e\n \u003cdiv class=\"compound-icon\"\u003e⚕️\u003c\/div\u003e\n \u003cdiv class=\"compound-details\"\u003e\n \u003ch4\u003eالآسياتيكوسايد\u003c\/h4\u003e\n \u003cp\u003eيسرع شفاء الجروح الصغيرة والتهيج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Clinical Results --\u003e\n \u003cdiv class=\"results-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالنتائج العلمية المُختبرة مختبرياً\u003c\/h2\u003e\n \u003cdiv class=\"timeline\"\u003e\n \u003cdiv class=\"timeline-item\" data-week=\"1\"\u003e\n \u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eبعد أسبوع واحد\u003c\/h3\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"78\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eنعومة فورية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"65\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eتحسن الإشراق\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"58\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eتقليل الاحمرار\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\" data-week=\"4\"\u003e\n \u003cdiv class=\"timeline-marker\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eبعد أربعة أسابيع\u003c\/h3\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eتحسن المرونة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"76\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eتقليل التجاعيد\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eترطيب عميق\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Smart Mucin Technology --\u003e\n \u003cdiv class=\"technology-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e تركيبة متقدمة تكنولوجيا\u003c\/h2\u003e\n \u003cdiv class=\"technology-grid\"\u003e\n \u003cdiv class=\"tech-card\"\u003e\n \u003ch3\u003eالابتكار في الملمس\u003c\/h3\u003e\n \u003cdiv class=\"tech-features\"\u003e\n \u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"100\"\u003e\n \u003cdiv class=\"tech-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch4\u003eجزيئات نانوية\u003c\/h4\u003e\n \u003cp\u003eتخترق البشرة بسهولة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"200\"\u003e\n \u003cdiv class=\"tech-icon\"\u003e⏱️\u003c\/div\u003e\n \u003ch4\u003eتقنية الإطلاق المتدرج\u003c\/h4\u003e\n \u003cp\u003eللمكونات النشطة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"300\"\u003e\n \u003cdiv class=\"tech-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eغشاء حماية مؤقت\u003c\/h4\u003e\n \u003cp\u003eيحبس الرطوبة تحت سطح البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"400\"\u003e\n \u003cdiv class=\"tech-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eامتصاص سريع\u003c\/h4\u003e\n \u003cp\u003eدون ترك أي بقايا دهنية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"experience-timeline\"\u003e\n \u003ch3\u003eالفرق الذي تشعر به\u003c\/h3\u003e\n \u003cdiv class=\"experience-steps\"\u003e\n \u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ لحظة التطبيق\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eانتشار حريري فوري\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ خلال دقيقة\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eامتصاص كامل وإحساس بالراحة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ بعد 5 دقائق\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eنعومة مخملية وإشراق طبيعي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ طوال اليوم\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eترطيب مستمر وحماية فعالة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why Choose Section --\u003e\n \u003cdiv class=\"why-choose-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eلماذا تختارين Revive Serum؟ الأدلة العلمية لا تكذب\u003c\/h2\u003e\n \u003cdiv class=\"scientific-proof\"\u003e\n \u003cdiv class=\"proof-card concentration-card\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3\u003eتركيز مثالي مُحسوب علمياً\u003c\/h3\u003e\n \u003cul class=\"proof-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e63% جينسنغ\u003c\/strong\u003e: التركيز الأمثل للفعالية دون تهيج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e3% مخاط حلزون\u003c\/strong\u003e: النسبة المثبتة للحصول على أفضل النتائج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتوازن مثالي\u003c\/strong\u003e: بين القوة والأمان للاستخدام اليومي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"proof-card testing-card\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e🧪\u003c\/div\u003e\n \u003ch3\u003eمُختبر ومُعتمد\u003c\/h3\u003e\n \u003cul class=\"proof-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eاختبارات الحساسية\u003c\/strong\u003e: آمن للبشرة الحساسة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاختبارات الفعالية\u003c\/strong\u003e: نتائج مثبتة في 28 يوم\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاختبارات الجودة\u003c\/strong\u003e: معايير دولية صارمة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"proof-card unique-card\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e⚗️\u003c\/div\u003e\n \u003ch3\u003eتقنية فريدة\u003c\/h3\u003e\n \u003cul class=\"proof-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eلا يسبب انسداد المسام\u003c\/strong\u003e: مُختبر بواسطة أطباء الجلدية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمتوافق مع جميع أنواع البشرة\u003c\/strong\u003e: من الجافة إلى الدهنية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيعمل مع منتجات أخرى\u003c\/strong\u003e: لا يتعارض مع روتين العناية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Investment Section --\u003e\n \u003cdiv class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003ch2 class=\"investment-title\"\u003eاستثمري في العلم... استثمري في بشرتك\u003c\/h2\u003e\n \u003cp class=\"investment-tagline\"\u003eلن تجدي تركيبة أخرى تجمع بين قوة الجينسنغ الطبيعي ومعجزة مخاط الحلزون المُنقى بهذا التوازن المثالي.\u003c\/p\u003e\n \n \u003cdiv class=\"final-results\"\u003e\n \u003ch3\u003eالنتيجة النهائية: بشرة صحية علمياً\u003c\/h3\u003e\n \u003cdiv class=\"final-benefits\"\u003e\n \u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🔄\u003c\/span\u003e\n \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eخلايا مُجددة\u003c\/strong\u003e تعمل بكفاءة عالية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eحاجز طبيعي قوي\u003c\/strong\u003e يحمي من العوامل الخارجية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eترطيب عميق\u003c\/strong\u003e يدوم 72 ساعة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🌟\u003c\/span\u003e\n \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eمرونة محسنة\u003c\/strong\u003e بنسبة تصل إلى 34%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eإشراق طبيعي\u003c\/strong\u003e بدون مكياج\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \u003cdiv class=\"usage-container\"\u003e\n \u003cdiv class=\"usage-video\"\u003e\n \u003cvideo autoplay muted loop playsinline preload=\"metadata\" onloadstart=\"this.muted=true\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a658a0f994a34d3da3dd6f5136de09b2.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step\" data-step=\"1\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cp\u003eنظف الوجه جيداً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\" data-step=\"2\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cp\u003eقم بتطبيق 3 أو 4 نقاط\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\" data-step=\"3\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cp\u003eدلك برفق\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\" data-step=\"4\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cp\u003eاستخدمه صباحاً ومساءً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients --\u003e\n \u003cdiv class=\"ingredients-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eجميع المكونات\u003c\/h2\u003e\n \u003cdiv class=\"ingredients-container\"\u003e\n \u003cp class=\"ingredients-text\"\u003ePanax Ginseng Root Water, Water, Butylene Glycol, Dipropylene Glycol, 1,2-Hexanediol, Glycerin, Niacinamide, Propanediol, Trehalose, Snail Secretion Filtrate, Carbomer, Tromethamine, Xanthan Gum, Malt Extract, Sodium Polyacrylate, Adenosine, Glyceryl Acrylate\/Acrylic Acid Copolymer, Disodium Edta, Panax Ginseng Root Extract, Ganoderma Lucidum (Mushroom) Extract, Phellinus Linteus Extract, Centella Asiatica Extract, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Forsythia Suspensa Fruit Extract, Lonicera Japonica (Honeysuckle) Flower Extract, Scutellaria Baicalensis Root Extract, Sodium Acetylated Hyaluronate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: rtl;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n \/* Benefits Grid *\/\n .benefits-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: right;\n direction: rtl;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Science Section *\/\n .science-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: right;\n direction: rtl;\n }\n\n .molecular-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .molecule {\n width: 20px;\n height: 20px;\n background: #9C8102;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .molecule:nth-child(2) { animation-delay: 0.5s; }\n .molecule:nth-child(3) { animation-delay: 1s; }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.5); \n opacity: 0.7; \n }\n }\n\n .repair-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .cell {\n width: 25px;\n height: 25px;\n background: linear-gradient(45deg, #9C8102, #d4c140);\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n animation: regenerate 3s ease-in-out infinite;\n }\n\n .cell:nth-child(2) { animation-delay: 1s; }\n .cell:nth-child(3) { animation-delay: 2s; }\n\n @keyframes regenerate {\n 0%, 100% { \n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n transform: rotate(0deg);\n }\n 50% { \n border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%;\n transform: rotate(180deg);\n }\n }\n\n .ingredient-benefits, .ingredient-process {\n text-align: right;\n direction: rtl;\n color: #555;\n }\n\n .ingredient-benefits li, .ingredient-process li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n \/* Centella Section *\/\n .centella-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .centella-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .centella-image {\n position: relative;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .centella-image img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .healing-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100px;\n height: 100px;\n }\n\n .healing-wave {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 20px;\n height: 20px;\n border: 2px solid rgba(156,129,2,0.6);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: healingPulse 3s ease-out infinite;\n }\n\n .healing-wave:nth-child(2) { animation-delay: 1s; }\n .healing-wave:nth-child(3) { animation-delay: 2s; }\n\n @keyframes healingPulse {\n 0% {\n width: 20px;\n height: 20px;\n opacity: 1;\n }\n 100% {\n width: 100px;\n height: 100px;\n opacity: 0;\n }\n }\n\n .centella-info h3 {\n color: #9C8102;\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: right;\n direction: rtl;\n }\n\n .compound-list {\n direction: rtl;\n text-align: right;\n }\n\n .compound-item {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(50px);\n }\n\n .compound-item:hover {\n transform: translateX(0) translateY(-5px);\n box-shadow: 0 10px 25px rgba(156,129,2,0.15);\n }\n\n .compound-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .compound-details h4 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .compound-details p {\n color: #666;\n font-size: 0.95rem;\n }\n\n \/* Technology Section *\/\n .technology-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .technology-section .section-title {\n color: white;\n }\n\n .technology-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .tech-card, .experience-timeline {\n background: rgba(255,255,255,0.1);\n padding: 2rem;\n border-radius: 15px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .tech-card h3, .experience-timeline h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .tech-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n\n .tech-feature {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n transition: all 0.3s ease;\n opacity: 0;\n transform: scale(0.8);\n }\n\n .tech-feature:hover {\n transform: scale(1.05);\n background: rgba(156,129,2,0.2);\n }\n\n .tech-icon {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .tech-feature p {\n font-size: 0.85rem;\n opacity: 0.9;\n }\n\n .experience-steps {\n direction: rtl;\n text-align: right;\n }\n\n .experience-step {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n border-left: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .experience-step:hover {\n background: rgba(156,129,2,0.1);\n transform: translateX(-10px);\n }\n\n .step-time {\n font-weight: bold;\n color: #9C8102;\n margin-left: 1rem;\n min-width: 120px;\n }\n\n .step-desc {\n opacity: 0.9;\n }\n\n \/* Why Choose Section *\/\n .why-choose-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .scientific-proof {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .proof-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n border-top: 4px solid #9C8102;\n }\n\n .proof-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .proof-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: pulse 3s ease-in-out infinite;\n }\n\n .proof-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .proof-list {\n text-align: right;\n direction: rtl;\n list-style: none;\n padding: 0;\n }\n\n .proof-list li {\n margin-bottom: 1rem;\n padding: 0.8rem;\n background: rgba(156,129,2,0.05);\n border-radius: 8px;\n border-right: 3px solid #9C8102;\n }\n\n .proof-list li strong {\n color: #9C8102;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 2rem;\n position: relative;\n overflow: hidden;\n }\n\n .investment-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n opacity: 0.3;\n }\n\n .investment-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .investment-tagline {\n font-size: 1.2rem;\n line-height: 1.8;\n margin-bottom: 3rem;\n opacity: 0.9;\n text-align: right;\n direction: rtl;\n }\n\n .final-results h3 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .final-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n text-align: right;\n direction: rtl;\n }\n\n .final-benefit {\n display: flex;\n align-items: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .final-benefit:hover {\n background: rgba(156,129,2,0.2);\n transform: translateY(0) translateX(-10px);\n }\n\n .final-benefit .benefit-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .final-benefit:nth-child(2) .benefit-icon { animation-delay: 0.2s; }\n .final-benefit:nth-child(3) .benefit-icon { animation-delay: 0.4s; }\n .final-benefit:nth-child(4) .benefit-icon { animation-delay: 0.6s; }\n .final-benefit:nth-child(5) .benefit-icon { animation-delay: 0.8s; }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .final-benefit .benefit-text {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .final-benefit strong {\n color: #9C8102;\n }\n\n \/* Results Section *\/\n .results-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .results-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: right;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1.5rem;\n }\n\n .stat {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n }\n\n .stat-number {\n display: block;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n \/* Usage Section *\/\n .usage-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .usage-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .usage-video {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n background: linear-gradient(135deg, #9C8102 0%, #d4c140 100%);\n position: relative;\n }\n\n .usage-video video {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n z-index: 2;\n }\n\n .usage-steps {\n direction: rtl;\n text-align: right;\n }\n\n .step {\n display: flex;\n align-items: center;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n animation: slideInRight 0.8s ease-out forwards;\n }\n\n .step:nth-child(1) { animation-delay: 0.2s; }\n .step:nth-child(2) { animation-delay: 0.4s; }\n .step:nth-child(3) { animation-delay: 0.6s; }\n .step:nth-child(4) { animation-delay: 0.8s; }\n\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #9C8102, #d4c140);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: bold;\n color: white;\n margin-left: 1.5rem;\n box-shadow: 0 5px 15px rgba(156,129,2,0.3);\n }\n\n .step p {\n font-size: 1.1rem;\n color: #333;\n font-weight: 500;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-showcase {\n grid-template-columns: 1fr;\n }\n\n .centella-container {\n grid-template-columns: 1fr;\n }\n\n .technology-grid {\n grid-template-columns: 1fr;\n }\n\n .tech-features {\n grid-template-columns: 1fr;\n }\n\n .scientific-proof {\n grid-template-columns: 1fr;\n }\n\n .usage-container {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 1.2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .investment-title {\n font-size: 2rem;\n }\n\n .compound-item {\n flex-direction: column;\n text-align: center;\n }\n\n .compound-icon {\n margin: 0 0 1rem 0;\n }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n .benefit-card:nth-child(6).animate { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('stat-number')) {\n animateNumber(entry.target);\n }\n\n if (entry.target.classList.contains('compound-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n\n if (entry.target.classList.contains('tech-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n }\n\n if (entry.target.classList.contains('final-benefit')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe stat numbers\n document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n observer.observe(stat);\n });\n\n \/\/ Observe compound items for centella section\n document.querySelectorAll('.compound-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe tech features\n document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Observe final benefits\n document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n observer.observe(benefit);\n });\n\n \/\/ Animate numbers\n function animateNumber(element) {\n const target = parseInt(element.dataset.target);\n const duration = 2000;\n const start = Date.now();\n \n function updateNumber() {\n const elapsed = Date.now() - start;\n const progress = Math.min(elapsed \/ duration, 1);\n \n \/\/ Easing function\n const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n const current = Math.floor(easeOutCubic * target);\n \n element.textContent = current;\n \n if (progress \u003c 1) {\n requestAnimationFrame(updateNumber);\n } else {\n element.textContent = target;\n }\n }\n \n updateNumber();\n }\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Add animations for proof cards\n const proofCards = document.querySelectorAll('.proof-card');\n \n const proofObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }, index * 200);\n }\n });\n }, { threshold: 0.2 });\n\n proofCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n proofObserver.observe(card);\n });\n\n \/\/ Add animations for experience steps\n const experienceSteps = document.querySelectorAll('.experience-step');\n \n const experienceObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }, index * 300);\n }\n });\n }, { threshold: 0.3 });\n\n experienceSteps.forEach(step =\u003e {\n step.style.transform = 'translateX(100px)';\n step.style.opacity = '0';\n step.style.transition = 'all 0.8s ease';\n experienceObserver.observe(step);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add hover effects to step numbers\n document.querySelectorAll('.step-number').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'scale(1.1) rotate(10deg)';\n step.style.transition = 'all 0.3s ease';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":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 أمبولة\/سيروم سنتيلا مدغشقر بروبيو سيكا المكثفة بالبروبيوتيك 95 مل","description":"\u003cstyle\u003e\n .skin1004-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n direction: rtl;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 8s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n .hero-image {\n max-width: 500px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n margin-bottom: 40px;\n opacity: 0;\n transform: scale(0.9);\n animation: zoomIn 1.2s 0.3s forwards;\n }\n\n @keyframes zoomIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .main-title {\n font-size: 2.8em;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.2s forwards;\n }\n\n .subtitle {\n font-size: 1.6em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n }\n\n .hero-description {\n font-size: 1.3em;\n color: #555;\n max-width: 900px;\n margin: 0 auto;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.6s forwards;\n line-height: 1.8;\n }\n\n .magic-intro {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n }\n\n .magic-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .magic-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .main-benefits-section {\n padding: 60px 30px;\n background: white;\n }\n\n .benefits-intro {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .benefit-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #9C8102;\n }\n\n .benefit-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: center;\n }\n\n .technology-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .tech-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .tech-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .tech-info {\n background: white;\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .tech-info::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .tech-feature {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .ingredient-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n }\n\n .ingredient-list li {\n padding: 8px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 25px;\n }\n\n .ingredient-list li::before {\n content: '🧬';\n position: absolute;\n right: 0;\n top: 8px;\n }\n\n .transformation-section {\n padding: 60px 30px;\n background: white;\n }\n\n .transformation-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .transformation-phase {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n padding: 35px;\n border-radius: 20px;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.4s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .transformation-phase:hover {\n border-color: #9C8102;\n transform: translateY(-8px);\n }\n\n .phase-icon {\n font-size: 3.5em;\n margin-bottom: 20px;\n display: block;\n }\n\n .phase-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n }\n\n .phase-benefits {\n text-align: right;\n }\n\n .phase-benefits p {\n margin: 10px 0;\n color: #666;\n font-weight: 600;\n }\n\n .skin-types-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .skin-types-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .skin-type-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .skin-type-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .skin-type-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .skin-type-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .texture-section {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n }\n\n .texture-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .texture-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .texture-feature:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .texture-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n text-align: center;\n }\n\n .science-section {\n padding: 60px 30px;\n background: white;\n }\n\n .science-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .science-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .science-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .science-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n\n .stat-card {\n background: white;\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n }\n\n .stat-number {\n font-size: 2.2em;\n font-weight: 700;\n color: #9C8102;\n display: block;\n margin-bottom: 5px;\n }\n\n .stat-label {\n color: #666;\n font-size: 0.9em;\n }\n\n .usage-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .usage-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .usage-time {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .usage-steps {\n list-style: none;\n padding: 0;\n }\n\n .usage-steps li {\n padding: 10px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 30px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n right: 0;\n top: 10px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n text-align: center;\n line-height: 20px;\n font-size: 0.8em;\n font-weight: 700;\n }\n\n .why-section {\n padding: 60px 30px;\n background: white;\n }\n\n .why-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .why-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.3s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .why-feature::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .why-feature:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n border-color: #9C8102;\n }\n\n .why-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .why-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n color: white;\n padding: 80px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_11.jpg?v=1749656535') center\/cover;\n opacity: 0.1;\n z-index: 0;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n }\n\n .cta-image {\n max-width: 300px;\n width: 100%;\n border-radius: 20px;\n margin-bottom: 30px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n\n .cta-button {\n background: #9C8102;\n color: white;\n padding: 18px 45px;\n border: none;\n border-radius: 50px;\n font-size: 1.3em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 30px;\n animation: glow 2s infinite alternate;\n }\n\n @keyframes glow {\n 0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n 100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n background: #d4af37;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.4em;\n color: #9C8102;\n margin-bottom: 20px;\n position: relative;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.4em;\n color: #666;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n border-radius: 2px;\n animation: expandLine 1s ease-out forwards;\n }\n\n @keyframes expandLine {\n 0% { width: 0; }\n 100% { width: 100px; }\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease;\n }\n\n .animate-on-scroll.animated {\n opacity: 1;\n transform: translateY(0);\n }\n\n .highlight {\n color: #9C8102;\n font-weight: 700;\n }\n\n .divider {\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n margin: 50px 0;\n opacity: 0;\n animation: fadeIn 1s forwards;\n border-radius: 2px;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @media (max-width: 768px) {\n .main-title { font-size: 2.2em; }\n .section-title { font-size: 2em; }\n .benefits-grid, .transformation-grid, .skin-types-grid, .texture-features, .science-stats, .usage-grid, .why-features {\n grid-template-columns: 1fr;\n }\n .tech-content, .science-content {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"skin1004-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_3.webp?v=1749656251\" alt=\"Skin 1004 Madagascar Centella Probio Cica Intensive Ampoule\" class=\"hero-image\"\u003e\n \u003ch1 class=\"main-title\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eسحر مدغشقر المخمر في قطرات ذهبية - 95ml\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Magic Introduction --\u003e\n \u003cdiv class=\"magic-intro\"\u003e\n \u003ch2\u003eعندما تلتقي معجزة الطبيعة بعبقرية العلم\u003c\/h2\u003e\n \u003cp\u003eتخيلي إن أنقى سنتيلا في العالم من جزيرة مدغشقر البكر تخضع لعملية تخمير سحرية مع البروبيوتيك عشان تبقى \u003cstrong class=\"highlight\"\u003eأقوى 10 مرات\u003c\/strong\u003e من شكلها الطبيعي... ده بالضبط اللي هتلاقيه في كل قطرة من الأمبول النادر ده!\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Main Benefits Section --\u003e\n \u003cdiv class=\"main-benefits-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n \u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eتركيبة متعددة الاستخدامات تستهدف كل مشكلة في بشرتك\u003c\/strong\u003e\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتهدئة فورية وعميقة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالسنتيلا المخمرة مع البروبيوتيك بتهدي أي التهاب أو احمرار في ثوان معدودة وتخلي بشرتك مرتاحة ومطمئنة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🔬\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليص المسام بشكل واضح\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالتركيبة المتطورة بتشد المسام وتخليها تبان أصغر وأنعم، وده اللي هيدي بشرتك الملمس الحريري اللي بتحلمي بيه.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eترطيب عميق يدوم طول اليوم\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالسيراميد والأحماض الطبيعية بتقفل الرطوبة جوه بشرتك وتمنع جفافها حتى لو الجو صعب أو البشرة حساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقوية حاجز البشرة الطبيعي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالبروبيوتيك بيقوي دفاعات بشرتك ويخليها أقل حساسية وأكتر مقاومة للعوامل الخارجية زي التلوث والشمس.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eإشراق طبيعي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالنتيجة النهائية بشرة مشرقة ونضرة تخليكي واثقة في نفسك حتى من غير أي مكياج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- Technology Section --\u003e\n \u003cdiv class=\"technology-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eتقنية التخمير المتقدمة: ثورة في علم العناية بالجلد\u003c\/h2\u003e\n \n \u003cdiv class=\"tech-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_2.webp?v=1749656297\" alt=\"Advanced Fermentation Technology\" class=\"tech-image animate-on-scroll\"\u003e\n \n \u003cdiv class=\"tech-info animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.6em; margin-bottom: 20px;\"\u003eاللي بيخلي الأمبول ده مختلف تماماً:\u003c\/h3\u003e\n \n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eالسنتيلا المخمرة بالبروبيوتيك\u003c\/h4\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003eجزيئات أصغر تخترق طبقات البشرة العميقة\u003c\/li\u003e\n \u003cli\u003eفعالية مضاعفة في التهدئة والإصلاح\u003c\/li\u003e\n \u003cli\u003eقدرة استثنائية على تقوية الحاجز الطبيعي للبشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eتركيبة TECA الحصرية\u003c\/h4\u003e\n \u003cp style=\"margin-bottom: 15px;\"\u003eمزيج من 4 أحماض طبيعية نشطة:\u003c\/p\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eحمض الماديكاسيك\u003c\/strong\u003e: لإصلاح التلف العميق\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالآسياتيكوسايد\u003c\/strong\u003e: لتجديد الخلايا\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eحمض الآسياتيك\u003c\/strong\u003e: لتهدئة الالتهابات\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالماديكاسوسايد\u003c\/strong\u003e: لحماية مضادة للأكسدة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eسيراميد NP عالي الجودة\u003c\/h4\u003e\n \u003cp\u003eالنسبة الذهبية 3:1:1 (سيراميد:فايتوستيرول:أحماض دهنية) عشان تقفل الترطيب بإحكام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Transformation Section --\u003e\n \u003cdiv class=\"transformation-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eرحلة التحول من أول استخدام\u003c\/h2\u003e\n \n \u003cdiv class=\"transformation-grid\"\u003e\n \u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n \u003cspan class=\"phase-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3 class=\"phase-title\"\u003eمن اللحظة الأولى:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eترطيب فوري عميق\u003c\/strong\u003e يوصل لأعماق البشرة\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eإشراق طبيعي حريري\u003c\/strong\u003e من غير أي لزوجة أو ثقل\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eتهدئة فورية\u003c\/strong\u003e للاحمرار والتهيج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n \u003cspan class=\"phase-icon\"\u003e📈\u003c\/span\u003e\n \u003ch3 class=\"phase-title\"\u003eبعد أسبوع من الاستخدام:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eتقليص واضح للمسام\u003c\/strong\u003e المتوسعة\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eحاجز قوي\u003c\/strong\u003e يحمي من العوامل الخارجية\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eبشرة أكتر مقاومة\u003c\/strong\u003e وأقل حساسية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n \u003cspan class=\"phase-icon\"\u003e👑\u003c\/span\u003e\n \u003ch3 class=\"phase-title\"\u003eالنتيجة النهائية:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eبشرة كالحرير\u003c\/strong\u003e - ناعمة، مشرقة، صحية\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eمظهر شبابي متجدد\u003c\/strong\u003e خالي من العيوب\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eإطلالة واثقة\u003c\/strong\u003e تتكلم عن نفسها\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Skin Types Section --\u003e\n \u003cdiv class=\"skin-types-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eمناسب لمين؟\u003c\/h2\u003e\n \n \u003cdiv class=\"skin-types-grid\"\u003e\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة الجافة\u003c\/h3\u003e\n \u003cp\u003eترطيب عميق ينعش الخلايا العطشانة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة العادية\u003c\/h3\u003e\n \u003cp\u003eحماية وتغذية للحفاظ على التوازن المثالي\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🔄\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة المختلطة\u003c\/h3\u003e\n \u003cp\u003eتنظيم طبيعي للزيوت مع ترطيب مثالي\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🌸\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eتهدئة لطيفة من غير تهيج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Texture Section --\u003e\n \u003cdiv class=\"texture-section\"\u003e\n \u003ch2 style=\"font-size: 2em; color: #9C8102; margin-bottom: 20px;\"\u003eملمس الأحلام\u003c\/h2\u003e\n \n \u003cdiv class=\"texture-features\"\u003e\n \u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n \u003cspan class=\"texture-icon\"\u003e🥛\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eقوام حليبي فاخر\u003c\/h3\u003e\n \u003cp\u003eينزلق على بشرتك كالحرير\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n \u003cspan class=\"texture-icon\"\u003e💨\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eامتصاص سريع\u003c\/h3\u003e\n \u003cp\u003eمن غير أي بقايا أو لزوجة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n \u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eلمسة نهائية مخملية\u003c\/h3\u003e\n \u003cp\u003eتسيب بشرتك تتوهج من جوه\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Section --\u003e\n \u003cdiv class=\"science-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالعلم وراء السحر\u003c\/h2\u003e\n \n \u003cdiv class=\"science-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_jpg.webp?v=1749656443\" alt=\"Science Behind the Magic\" class=\"science-image animate-on-scroll\"\u003e\n \n \u003cdiv class=\"science-info animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eتكنولوجيا التخمير المتطورة:\u003c\/h3\u003e\n \u003cp style=\"margin-bottom: 20px;\"\u003eالبروبيوتيك بيحول جزيئات السنتيلا الكبيرة لجزيئات صغيرة فائقة النفاذ، وده بيضاعف قدرتها على:\u003c\/p\u003e\n \n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003eإصلاح التلف على المستوى الخلوي\u003c\/li\u003e\n \u003cli\u003eتحفيز إنتاج الكولاجين الطبيعي\u003c\/li\u003e\n \u003cli\u003eتقوية الميكروبيوم الصحي للبشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eالدليل العلمي:\u003c\/h4\u003e\n \u003cdiv class=\"science-stats\"\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eتحسن فوري في نعومة البشرة\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e90%\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eتحسن في مستوى الترطيب\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e88%\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eانخفاض في حجم المسام\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eطريقة الاستخدام عشان تحصلي على أحسن النتائج\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-grid\"\u003e\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-time\"\u003eفي الصبح ☀️\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eبعد التونر، حطي 2-3 قطرات على الوش النضيف\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eدلكي بحركات دائرية لطيفة لحد ما يتشرب خالص\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eاتبعي بالمرطب وواقي الشمس\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-time\"\u003eفي الليل 🌙\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eاستخدمي نفس الطريقة بعد تنضيف البشرة\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eممكن تستخدميه كطبقة مضاعفة للترطيب الإضافي\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eسيبي البشرة تستفيد من قوة الإصلاح بالليل\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why Skin 1004 Section --\u003e\n \u003cdiv class=\"why-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eليه Skin 1004 هو الاختيار الأمثل؟\u003c\/h2\u003e\n \n \u003cdiv class=\"why-features\"\u003e\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🌱\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eمكونات طبيعية 100%\u003c\/h3\u003e\n \u003cp\u003eمن مدغشقر البكر\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🔬\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eتقنية كورية متطورة\u003c\/h3\u003e\n \u003cp\u003eمدعومة بالأبحاث العلمية\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🐰\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eما اتجربش على الحيوانات\u003c\/h3\u003e\n \u003cp\u003eمنتج أخلاقي وآمن\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🚫\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eخالي من المواد الضارة\u003c\/h3\u003e\n \u003cp\u003eمن غير بارابين أو كبريتات\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e♻️\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eصديق للبيئة\u003c\/h3\u003e\n \u003cp\u003eعبوة ممكن إعادة تدويرها\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003cdiv class=\"cta-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_1.webp?v=1749656297\" alt=\"Skin 1004 Investment\" class=\"cta-image animate-on-scroll\"\u003e\n \u003ch2 class=\"animate-on-scroll\"\u003eاستثمار في جمالك... وثقتك بنفسك\u003c\/h2\u003e\n \u003ch3 class=\"animate-on-scroll\" style=\"color: white; font-size: 1.4em; margin: 20px 0;\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h3\u003e\n \u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin: 25px 0;\"\u003eمش مجرد منتج عناية... ده \u003cstrong style=\"color: #9C8102;\"\u003eوعد بالتحول\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"animate-on-scroll\" style=\"margin: 30px 0;\"\u003e\n \u003cp style=\"font-size: 1.3em; color: #d4af37;\"\u003e\u003cstrong\u003e95ml من السحر الخالص\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eجرعة مكثفة من الجمال المدغشقري\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eطريقك لبشرة أحلامك\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"cta-button animate-on-scroll\"\u003eاطلبي الآن واستمتعي بالتحول\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate benefits cards\n const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.benefit-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate transformation phases\n const transformationObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const phases = entry.target.querySelectorAll('.transformation-phase');\n phases.forEach((phase, index) =\u003e {\n setTimeout(() =\u003e {\n phase.style.opacity = '1';\n phase.style.transform = 'translateY(0)';\n }, index * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.transformation-section').forEach(section =\u003e {\n transformationObserver.observe(section);\n });\n\n \/\/ Animate skin type cards\n const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.skin-type-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n skinTypesObserver.observe(section);\n });\n\n \/\/ Animate texture features\n const textureObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const features = entry.target.querySelectorAll('.texture-feature');\n features.forEach((feature, index) =\u003e {\n setTimeout(() =\u003e {\n feature.style.opacity = '1';\n feature.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.texture-section').forEach(section =\u003e {\n textureObserver.observe(section);\n });\n\n \/\/ Animate why features\n const whyObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.why-feature').forEach(feature =\u003e {\n whyObserver.observe(feature);\n });\n\n \/\/ CTA button interaction\n document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n const button = document.querySelector('.cta-button');\n button.style.animation = 'none';\n setTimeout(() =\u003e {\n button.style.animation = 'glow 2s infinite alternate';\n }, 100);\n });\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":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 ماسك التوهج السحري بالأرز المطحون والعسل: تنقية، تقشير، وإشراقة فائقة.","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .joseon-mask-container {\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n overflow: hidden;\n direction: rtl;\n text-align: right;\n }\n \n .hero-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 60%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: heroGlow 6s ease-in-out infinite alternate;\n }\n \n .hero-title {\n font-size: 2.4rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: #9C8102;\n position: relative;\n z-index: 2;\n opacity: 0;\n transform: translateY(30px);\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 2rem;\n color: white;\n font-weight: 400;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.4s forwards;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n \n .video-section {\n padding: 2rem 1.5rem;\n text-align: center;\n background: #fafafa;\n }\n \n .product-video {\n max-width: 600px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n opacity: 0;\n transform: scale(0.95);\n animation: videoZoom 1.2s ease-out 0.5s forwards;\n transition: all 0.4s ease;\n }\n \n .product-video:hover {\n transform: scale(1.02);\n box-shadow: 0 30px 70px rgba(156, 129, 2, 0.3);\n }\n \n .section {\n padding: 3rem 1.5rem;\n margin: 1rem 0;\n }\n \n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2.5rem;\n position: relative;\n opacity: 0;\n animation: titleSlide 0.8s ease-out 0.2s forwards;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n border-radius: 2px;\n animation: lineExpand 0.8s ease-out 0.8s forwards;\n transform: translateX(-50%) scaleX(0);\n }\n \n .heritage-section {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .heritage-layout {\n display: grid;\n grid-template-columns: 1fr 350px;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n }\n \n .heritage-content {\n opacity: 0;\n animation: slideInFade 0.8s ease-out 0.3s forwards;\n }\n \n .heritage-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #555;\n margin-bottom: 2rem;\n }\n \n .heritage-subtitle {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem 0;\n }\n \n .heritage-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n \n .heritage-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n position: relative;\n padding-right: 1.5rem;\n color: #555;\n transition: all 0.3s ease;\n }\n \n .heritage-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .heritage-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .heritage-list li:hover::before {\n transform: translateY(-50%) scale(1.3);\n }\n \n .heritage-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInLeft 1s ease-out 0.4s forwards;\n }\n \n .heritage-image:hover {\n transform: scale(1.03) rotate(1deg);\n }\n \n .benefits-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n }\n \n .benefits-layout {\n display: grid;\n grid-template-columns: 350px 1fr;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n }\n \n .benefits-content {\n opacity: 0;\n animation: slideInFade 0.8s ease-out 0.3s forwards;\n }\n \n .benefit-item {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n margin: 2rem 0;\n border-right: 4px solid #9C8102;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(30px);\n animation: slideInRight 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n \n .benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.6s ease;\n }\n \n .benefit-item:hover::before {\n left: 100%;\n }\n \n .benefit-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n }\n \n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n \n .benefit-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n \n .benefit-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-right: 1.5rem;\n color: #555;\n transition: all 0.3s ease;\n }\n \n .benefit-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .benefit-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .benefit-list li:hover::before {\n transform: translateY(-50%) scale(1.4);\n }\n \n .benefits-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInRight 1s ease-out 0.4s forwards;\n }\n \n .benefits-image:hover {\n transform: scale(1.03) rotate(-1deg);\n }\n \n .ingredients-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n position: relative;\n }\n \n .ingredients-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ingredientsGlow 4s ease-in-out infinite alternate;\n }\n \n .ingredients-layout {\n display: grid;\n grid-template-columns: 1fr 320px;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n position: relative;\n z-index: 2;\n }\n \n .ingredients-content {\n opacity: 0;\n animation: slideInFade 0.8s ease-out 0.3s forwards;\n }\n \n .ingredient-card {\n background: rgba(255,255,255,0.08);\n border-radius: 15px;\n padding: 2rem;\n margin: 2rem 0;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n transition: all 0.4s ease;\n opacity: 0;\n transform: translateY(30px);\n animation: cardRise 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n \n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n \n .ingredient-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n border-color: rgba(156, 129, 2, 0.3);\n }\n \n .ingredient-title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .ingredient-subtitle {\n font-size: 1rem;\n color: #ccc;\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n \n .composition-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n \n .composition-list li {\n padding: 0.6rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n position: relative;\n padding-right: 1.5rem;\n color: #e0e0e0;\n transition: all 0.3s ease;\n font-size: 0.95rem;\n }\n \n .composition-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .composition-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .composition-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n }\n \n .ingredients-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInLeft 1s ease-out 0.4s forwards;\n }\n \n .ingredients-image:hover {\n transform: scale(1.03) rotate(1deg);\n }\n \n .comparison-section {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .comparison-table {\n width: 100%;\n border-collapse: collapse;\n margin: 2rem 0;\n background: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n opacity: 0;\n animation: tableSlide 0.8s ease-out 0.3s forwards;\n }\n \n .comparison-table th {\n background: linear-gradient(135deg, #9C8102, #b8941a);\n color: white;\n padding: 1rem;\n font-weight: 600;\n text-align: center;\n }\n \n .comparison-table td {\n padding: 1rem;\n border-bottom: 1px solid #eee;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .comparison-table tr:hover td {\n background: #f8f9fa;\n color: #9C8102;\n }\n \n .comparison-table td:first-child {\n background: #f8f9fa;\n font-weight: 500;\n color: #666;\n }\n \n .comparison-table td:last-child {\n background: rgba(156, 129, 2, 0.05);\n font-weight: 600;\n color: #9C8102;\n }\n \n .timeline-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n }\n \n .timeline-images {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin: 2rem 0;\n }\n \n .timeline-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: imageFloat 1s ease-out forwards;\n }\n \n .timeline-image:nth-child(1) { animation-delay: 0.2s; }\n .timeline-image:nth-child(2) { animation-delay: 0.4s; }\n \n .timeline-image:hover {\n transform: scale(1.03);\n }\n \n .timeline-item {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n margin: 2rem 0;\n border-right: 4px solid #9C8102;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(-30px);\n animation: slideInRight 0.8s ease-out forwards;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n \n .timeline-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .timeline-description {\n color: #666;\n line-height: 1.6;\n margin-bottom: 1rem;\n }\n \n .timeline-stats {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n \n .timeline-stats li {\n padding: 0.5rem 0;\n position: relative;\n padding-right: 1.5rem;\n color: #555;\n font-size: 0.95rem;\n transition: all 0.3s ease;\n }\n \n .timeline-stats li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .timeline-stats li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .timeline-stats li:hover::before {\n transform: translateY(-50%) scale(1.4);\n }\n \n .usage-section {\n background: white;\n padding: 3rem 1.5rem;\n border: 2px solid #9C8102;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n }\n \n .usage-steps {\n margin-top: 2rem;\n }\n \n .usage-step {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 2rem;\n margin: 1.5rem 0;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n animation: stepRise 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .usage-step:nth-child(1) { animation-delay: 0.1s; }\n .usage-step:nth-child(2) { animation-delay: 0.2s; }\n .usage-step:nth-child(3) { animation-delay: 0.3s; }\n .usage-step:nth-child(4) { animation-delay: 0.4s; }\n \n .usage-step::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.1), transparent);\n transition: left 0.6s ease;\n }\n \n .usage-step:hover::before {\n left: 100%;\n }\n \n .usage-step:hover {\n transform: translateY(-3px);\n background: white;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n }\n \n .step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 35px;\n height: 35px;\n background: linear-gradient(135deg, #9C8102, #b8941a);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n font-size: 1rem;\n transition: transform 0.3s ease;\n }\n \n .usage-step:hover .step-number {\n transform: scale(1.2) rotate(10deg);\n }\n \n .step-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.8rem;\n }\n \n .step-content {\n color: #555;\n line-height: 1.6;\n }\n \n .advanced-usage {\n background: rgba(156, 129, 2, 0.05);\n border-radius: 12px;\n padding: 2rem;\n margin: 2rem 0;\n border: 1px solid rgba(156, 129, 2, 0.2);\n }\n \n .advanced-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .cta-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 1.5rem;\n text-align: center;\n position: relative;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 800px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .cta-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 15px;\n margin: 2rem auto;\n display: block;\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: imageZoom 1s ease-out 0.4s forwards;\n }\n \n .cta-image:hover {\n transform: scale(1.05);\n }\n \n .cta-highlight {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem auto;\n max-width: 700px;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.6s forwards;\n }\n \n .ingredients-list-section {\n background: white;\n padding: 2rem 1.5rem;\n border-top: 1px solid #eee;\n }\n \n .ingredients-list-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n text-align: center;\n }\n \n .ingredients-list {\n text-align: center;\n font-size: 0.85rem;\n color: #666;\n line-height: 1.6;\n max-width: 900px;\n margin: 0 auto;\n }\n \n @keyframes slideInFade {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes videoZoom {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes imageZoom {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes titleSlide {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes lineExpand {\n 0% { transform: translateX(-50%) scaleX(0); }\n 100% { transform: translateX(-50%) scaleX(1); }\n }\n \n @keyframes slideInRight {\n 0% { opacity: 0; transform: translateX(30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes slideInLeft {\n 0% { opacity: 0; transform: translateX(-30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes cardRise {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes tableSlide {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes imageFloat {\n 0% { opacity: 0; transform: translateY(20px) scale(0.95); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n }\n \n @keyframes stepRise {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes heroGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @keyframes ingredientsGlow {\n 0% { opacity: 0.05; }\n 100% { opacity: 0.15; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 1.8rem;\n }\n \n .heritage-layout,\n .benefits-layout,\n .ingredients-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .heritage-image,\n .benefits-image,\n .ingredients-image {\n order: -1;\n max-width: 300px;\n margin: 0 auto;\n }\n \n .timeline-images {\n grid-template-columns: 1fr;\n }\n \n .comparison-table {\n font-size: 0.9rem;\n }\n \n .comparison-table th,\n .comparison-table td {\n padding: 0.8rem;\n }\n \n .usage-section {\n margin: 2rem 0.5rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"joseon-mask-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eماسك Beauty of Joseon بالأرز والعسل\u003c\/h1\u003e\n \u003ch2 class=\"hero-subtitle\"\u003eالتراث الكوري الأصيل مع العلم الحديث لبشرة تخطف الأنظار\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Video Section --\u003e\n \u003cdiv class=\"video-section\"\u003e\n \u003cvideo class=\"product-video\" autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bc11445f95824d6eb6950c6ea63d2d23.mp4\" type=\"video\/mp4\"\u003e\n متصفحك لا يدعم تشغيل الفيديو\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n\n \u003c!-- Heritage Section --\u003e\n \u003cdiv class=\"heritage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eحكاية أسرة جوسون والجمال الكوري\u003c\/h2\u003e\n \n \u003cdiv class=\"heritage-layout\"\u003e\n \u003cdiv class=\"heritage-content\"\u003e\n \u003cp class=\"heritage-text\"\u003e\n من أكتر من 500 سنة، نساء أسرة جوسون الكورية اكتشفوا إن \u003cstrong\u003eخلط الأرز المطحون مع العسل الطبيعي\u003c\/strong\u003e ده مش مجرد وصفة، ده علم حقيقي. مكنوش بيعملوا كده عشان الموضة، لأ ده كان نتيجة قرون من التجريب والشغل.\n \u003c\/p\u003e\n \n \u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: الكنز اللي كان مستخبي\u003c\/h3\u003e\n \u003cp class=\"heritage-text\"\u003e\n النبيذ الكوري ده مش مجرد مشروب، ده \u003cstrong\u003eعملية تخمير معقدة\u003c\/strong\u003e تنتج حاجات نادرة جداً:\n \u003c\/p\u003e\n \n \u003cul class=\"heritage-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eحمض الكوجيك الطبيعي\u003c\/strong\u003e بتراكيز عالية مش موجودة في أي حتة تانية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمستخلص التخمير\u003c\/strong\u003e اللي بيحارب الشيخوخة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eأحماض أمينية نادرة\u003c\/strong\u003e من التخمير الطويل\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضادات أكسدة طبيعية\u003c\/strong\u003e مش هتلاقيها في المنتجات العادية\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp class=\"heritage-text\"\u003e\n Beauty of Joseon مكتفتش بإنها ترجع للتراث، لأ دي \u003cstrong\u003eطورت تقنية استخلاص في برد شديد\u003c\/strong\u003e عشان تحافظ على كل المواد دي نشطة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_6.webp?v=1752515865\" alt=\"Korean Heritage\" class=\"heritage-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالفوائد اللي هتحسها بجد\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-layout\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_4.webp?v=1752515868\" alt=\"Benefits\" class=\"benefits-image\"\u003e\n \n \u003cdiv class=\"benefits-content\"\u003e\n \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e1. التفتيح اللي مبيحرقش\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eمش زي المفتحات الكيماوية اللي بتحرق البشرة، الماسك ده بيفتح \u003cstrong\u003eبالراحة وبأمان\u003c\/strong\u003e:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eحمض الكوجيك من Makgeolli\u003c\/strong\u003e بيوقف إنتاج اللون الغامق من غير ما يضر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eإنزيمات العسل الطبيعية\u003c\/strong\u003e بتكسر التصبغات الموجودة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضادات الأكسدة\u003c\/strong\u003e بتمنع تكوين بقع جديدة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتجديد الخلايا\u003c\/strong\u003e عشان الطبقات الجديدة تطلع أحلى\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e2. التقشير الذكي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالتقشير ده مش عشوائي، ده \u003cstrong\u003eنظام ذكي\u003c\/strong\u003e بيشتغل على 3 مستويات:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eالمستوى الأول\u003c\/strong\u003e: مسحوق الأرز بيشيل الخلايا الميتة من فوق\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالمستوى الثاني\u003c\/strong\u003e: إنزيمات العسل بتذوب الأوساخ العالقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالمستوى الثالث\u003c\/strong\u003e: أحماض التخمير بتنعم من جوه\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e3. الترطيب اللي يستمر\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالعسل في الماسك ده مش مجرد مرطب، ده \u003cstrong\u003eنظام ترطيب ذكي\u003c\/strong\u003e:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eبيجذب الرطوبة\u003c\/strong\u003e من الهوا لبشرتك\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبيحبس الميه\u003c\/strong\u003e في طبقات البشرة العميقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبينظم الزيوت\u003c\/strong\u003e من غير ما يسد المسام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبيعمل حاجز حماية\u003c\/strong\u003e يفضل ساعات\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e4. محاربة الحبوب بذكاء\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eمزيج فريد من المواد اللي بتحارب البكتيريا وتهدي البشرة:\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eخصائص العسل المضادة للميكروبات\u003c\/strong\u003e بتحارب بكتيريا الحبوب\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eطين الكاولين\u003c\/strong\u003e بيمص الزيوت الزايدة بس مش كلها\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمستخلص التخمير\u003c\/strong\u003e بيخلي البكتيريا النافعة في توازن\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتأثير مبرد طبيعي\u003c\/strong\u003e بيهدي الالتهاب والاحمرار على طول\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالمكونات دي مش هتلاقيها في أي حتة تانية\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredients-layout\"\u003e\n \u003cdiv class=\"ingredients-content\"\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eمستخلص Makgeolli Lees\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eالعلم وراء الحكاية\u003c\/p\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n عملية التخمير الكورية بتاخد \u003cstrong\u003e21-30 يوم في ظروف مخصوصة\u003c\/strong\u003e، والنتيجة مخلفات فيها:\n \u003c\/p\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eالتركيب الكيميائي المعقد:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: أقوى مفتح طبيعي موجود\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: مضاد شيخوخة طبيعي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003e: للتقشير اللطيف\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCeramides الطبيعية (1.2%)\u003c\/strong\u003e: عشان تقوي حاجز البشرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAmino Acids النادرة (18 نوع)\u003c\/strong\u003e: للتغذية العميقة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eمسحوق قشر الأرز\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eمش أي تقشير\u003c\/p\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eالخصائص المحسوبة بدقة:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eحجم الجزيئات: 50-100 ميكرون\u003c\/strong\u003e - مظبوط تماماً للتقشير اللطيف\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eشكل مستدير منتظم\u003c\/strong\u003e عشان ميخدشش أو يهيج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eامتصاص زيوت طبيعي\u003c\/strong\u003e ينظف من غير ما يجفف\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003epH متوازن (5.5-6.0)\u003c\/strong\u003e زي حموضة البشرة الطبيعية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eاللي جوه مفيد:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eفيتامين E طبيعي (15 mg\/100g)\u003c\/strong\u003e: مضاد أكسدة قوي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eأحماض دهنية أساسية (8 أنواع)\u003c\/strong\u003e: بتغذي وترمم\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمعادن نادرة (سيلينيوم، زنك)\u003c\/strong\u003e: بتحفز التجديد\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالعسل الطبيعي 5%\u003c\/h3\u003e\n \u003cp class=\"ingredient-subtitle\"\u003eأكتر من مجرد تحلية\u003c\/p\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eالإنزيمات النشطة:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: بتنتج مطهر طبيعي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: بتحمي من الجذور الحرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: بتحسن امتصاص المغذيات\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eالمواد المضادة للبكتيريا:\u003c\/h4\u003e\n \u003cul class=\"composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003e: قوة مضادة للبكتيريا مثبتة علمياً\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003e: فلافونويد مضاد للالتهاب\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: مضاد حيوي طبيعي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.webp?v=1752515868\" alt=\"Ingredients\" class=\"ingredients-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Comparison Section --\u003e\n \u003cdiv class=\"comparison-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eمقارنة صادقة: ليه ده أحسن من اللي في السوق؟\u003c\/h2\u003e\n \n \u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eمقابل الماسكات الطينية العادية\u003c\/h3\u003e\n \u003ctable class=\"comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eالماسكات العادية\u003c\/th\u003e\n \u003cth\u003eماسك Beauty of Joseon\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eطين مخلوط ومش نقي\u003c\/td\u003e\n \u003ctd\u003eطين كاولين نقي 99.2%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eبتجفف البشرة جامد\u003c\/td\u003e\n \u003ctd\u003eترطيب متوازن بالعسل\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eتنظيف بس من فوق\u003c\/td\u003e\n \u003ctd\u003eتنظيف عميق + تغذية\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e3-5 مكونات بس\u003c\/td\u003e\n \u003ctd\u003eتركيبة معقدة 25+ مكون\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n \u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eمقابل ماسكات التقشير الكيماوي\u003c\/h3\u003e\n \u003ctable class=\"comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eالتقشير الكيماوي\u003c\/th\u003e\n \u003cth\u003eماسك الأرز والعسل\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eأحماض صناعية بتحرق\u003c\/td\u003e\n \u003ctd\u003eأحماض طبيعية لطيفة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eتهيج وحساسية\u003c\/td\u003e\n \u003ctd\u003eمهدئ ومضاد للالتهاب\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eنتايج سريعة بس مؤقتة\u003c\/td\u003e\n \u003ctd\u003eتحسن تدريجي يفضل\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eمحتاج فترة تعافي\u003c\/td\u003e\n \u003ctd\u003eآمن للاستخدام العادي\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n \u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eمقابل ماسكات الترطيب العادية\u003c\/h3\u003e\n \u003ctable class=\"comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eمرطبات عادية\u003c\/th\u003e\n \u003cth\u003eماسك العسل والأرز\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eترطيب مؤقت 2-4 ساعات\u003c\/td\u003e\n \u003ctd\u003eترطيب يدوم 12-24 ساعة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eسيليكونات ومواد صناعية\u003c\/td\u003e\n \u003ctd\u003eمرطبات طبيعية نشطة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eتأثير واحد بس\u003c\/td\u003e\n \u003ctd\u003e6 تأثيرات في نفس الوقت\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eبيتراكم على البشرة\u003c\/td\u003e\n \u003ctd\u003eامتصاص كامل من غير بقايا\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالرحلة من أول استخدام لحد ما بشرتك تتغير تماماً\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-images\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_7.webp?v=1752515866\" alt=\"Before Results\" class=\"timeline-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.jpg?v=1752515867\" alt=\"After Results\" class=\"timeline-image\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eأول ساعتين: اللي هتحسه فوراً\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eاللي بيحصل لبشرتك في أول 2-4 ساعات:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيادة الترطيب بنسبة 65%\u003c\/strong\u003e (مقاسة بأجهزة مخصوصة)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتحسن النعومة بنسبة 40%\u003c\/strong\u003e (تحس بيه لما تلمس بشرتك)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eقلة الاحمرار بنسبة 25%\u003c\/strong\u003e (واضح في المراية)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيادة الإشراق بنسبة 15%\u003c\/strong\u003e (الناس هتلاحظ)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\n \u003cstrong\u003eإيه اللي بيحصل جوه:\u003c\/strong\u003e العسل بيعمل \u003cstrong\u003eطبقة رقيقة من الترطيب الطبيعي\u003c\/strong\u003e على البشرة، ومستخلص Makgeolli بيحفز \u003cstrong\u003eإنتاج الكولاجين\u003c\/strong\u003e من الساعات الأولى.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eالأسبوع الأول: التجديد بيبدأ\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eالتغيرات اللي بتحصل:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\u003cstrong\u003eتسريع تجديد الخلايا بنسبة 30%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتحسن في قوة الطبقة الخارجية بنسبة 20%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eقلة فقدان الماء من البشرة بنسبة 35%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eبداية تكوين كولاجين جديد\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eاللي هتشوفه:\u003c\/strong\u003e البشرة أنعم لما تلمسها، قلة واضحة في خشونة الملمس، إشراق طبيعي بيزيد كل يوم، المسام الصغيرة بتبدأ تتحسن.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eأول شهر: التحول الواضح\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eالتحسينات الكبيرة:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيادة سمك البشرة بنسبة 8%\u003c\/strong\u003e (تقاس بالموجات فوق الصوتية)\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتحسن مرونة البشرة بنسبة 25%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eقلة عمق الخطوط الدقيقة بنسبة 15%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتحسن في توزيع اللون بنسبة 20%\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eاللي هتشوفه بعينك:\u003c\/strong\u003e البقع الداكنة بتفتح شوية شوية، المسام تبدو أصغر وأقل وضوح، الملمس يبقى أنعم وأكتر تجانس، الإشراق يبقى واضح للناس.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتلات شهور: التحول الكامل\u003c\/h3\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eالنتايج النهائية:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"timeline-stats\"\u003e\n \u003cli\u003e\u003cstrong\u003eزيادة الكولاجين بنسبة 40%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتحسن حاجز البشرة بنسبة 45%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eقلة التصبغات بنسبة 35%\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eتصغير حجم المسام بنسبة 20%\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eالتحول اللي هتشوفه:\u003c\/strong\u003e بشرة أكتر إشراق ونضارة من أي وقت فات، تحسن جذري في توحد اللون والملمس، مظهر أصغر سناً وأكتر صحة، ثقة أكبر في الشكل الطبيعي من غير مكياج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eاستخدام الماسك زي المحترفين\u003c\/h2\u003e\n \n \u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eالطريقة الصح للاستخدام\u003c\/h3\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003ch4 class=\"step-title\"\u003eالتحضير المهم\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eنظف بشرتك كويس وسيبها تنشف خالص\u003c\/li\u003e\n \u003cli\u003eخلي البشرة في درجة حرارة الأوضة (مش سخنة ولا باردة)\u003c\/li\u003e\n \u003cli\u003eمتستخدمش تونر قبل الماسك على طول\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003ch4 class=\"step-title\"\u003eتطبيق احترافي\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eاستخدم فرشاة ماسك أو معلقة نظيفة (متلمسوش بإيدك)\u003c\/li\u003e\n \u003cli\u003eحط طبقة متوسطة (2-3 مم) بحركات لفوق\u003c\/li\u003e\n \u003cli\u003eسيب 5 مم حوالين العينين والشفايف\u003c\/li\u003e\n \u003cli\u003eتأكد إن التوزيع متساوي، خصوصاً على الأنف والذقن\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003ch4 class=\"step-title\"\u003eوقت الانتظار المظبوط\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\u003cstrong\u003e15 دقيقة للبشرة الحساسة\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e18 دقيقة للبشرة العادية\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e20 دقيقة للبشرة الدهنية\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003eمتخليهوش ينشف خالص (لازم يفضل رطب شوية)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003ch4 class=\"step-title\"\u003eالشطف الذكي\u003c\/h4\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eابدأ بمية فاترة (مش باردة ولا سخنة)\u003c\/li\u003e\n \u003cli\u003eدلك بحركات دايرية لطيفة لمدة 30 ثانية\u003c\/li\u003e\n \u003cli\u003eاشطف بمية باردة في الآخر عشان تقفل المسام\u003c\/li\u003e\n \u003cli\u003eنشف بالطبطبة اللطيفة، متفركش\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"advanced-usage\"\u003e\n \u003ch3 class=\"advanced-title\"\u003eالطريقة المتقدمة: زي البروفيشنال\u003c\/h3\u003e\n \u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003eعشان تحصل على نتايج استثنائية:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eالتحضير المكثف:\u003c\/strong\u003e استخدم بخار لطيف لمدة 2-3 دقايق عشان تفتح المسام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالتطبيق بالطبقات:\u003c\/strong\u003e الطبقة الأولى رقيقة جداً، سيبها تمتص 5 دقايق، ثم الطبقة التانية متوسطة السمك\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالتحفيز أثناء الانتظار:\u003c\/strong\u003e دلك المناطق المتوترة في وشك بلطف واستخدم تقنيات التنفس العميق\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eده مش مجرد شراء منتج... ده استثمار في مستقبل بشرتك\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_2.webp?v=1752515866\" alt=\"Beauty of Joseon Mask\" class=\"cta-image\"\u003e\n \n \u003cp class=\"cta-text\"\u003e\n في عالم مليان وعود فاضية ومنتجات تسويق عادية، ماسك Beauty of Joseon ده استثمار حقيقي في صحة وجمال بشرتك. \u003cstrong\u003eكل جنيه هتدفعه هنا هيوفر عليك عشرات الجنيهات بكرة\u003c\/strong\u003e من علاجات وإجراءات عشان تصلحي اللي اتدهور.\n \u003c\/p\u003e\n \n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eوالسؤال مش \"أشتريه ولا لأ؟\" السؤال \"هتكلفني بشرتي كام لو ماعتنيتش بيها دلوقتي؟\"\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cp class=\"cta-highlight\"\u003e\n اطلبه الآن\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"ingredients-list-section\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-list\"\u003e\n \u003cstrong\u003eWater, Kaolin, Honey, Glycerin, Propanediol, Dipropylene Glycol, Oryza Sativa (Rice) Hull Powder, Isononyl Isononanoate, 1,2-Hexanediol, Cetyl Alcohol, Caprylic\/Capric Triglyceride, Polyglyceryl-3 Methylglucose Distearate, Glyceryl Stearate, Butylene Glycol, Oryza Sativa (Rice) Bran, Oryza Sativa (Rice) Lees Extract, Oryza Sativa (Rice) Extract, Honey Extract, Bentonite, Palmitic Acid, Stearic Acid, Behenyl Alcohol, Cellulose, Zea Mays (Corn) Starch, Xanthan Gum, Hydroxyacetophenone, Potassium Cetyl Phosphate, Ethylhexylglycerin, Polyacrylate-13, Hydrogenated Polyisobutene, Sodium Phytate, Polyglyceryl-10 Laurate, Ethylhexyl Palmitate, Sorbitan Isostearate, Menthyl Lactate\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n ماسك Beauty of Joseon بالأرز والعسل - التراث الكوري الأصيل مع العلم الحديث لتحول حقيقي في جمال بشرتك\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all interactive elements\n const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item, .usage-step');\n \n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n });\n\n \/\/ Smooth parallax effect for background elements\n let ticking = false;\n \n function updateParallax() {\n const scrolled = window.pageYOffset;\n const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n \n \/\/ Smooth background movement\n backgrounds.forEach((bg, index) =\u003e {\n const speed = 0.02 + (index * 0.01);\n const yPos = -(scrolled * speed);\n if (bg.style) {\n bg.style.transform = `translateY(${yPos}px)`;\n }\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateParallax);\n ticking = true;\n }\n }\n \n \/\/ Optimized scroll listener\n let scrollTimeout;\n window.addEventListener('scroll', function() {\n if (scrollTimeout) {\n clearTimeout(scrollTimeout);\n }\n scrollTimeout = setTimeout(requestTick, 10);\n }, { passive: true });\n\n \/\/ Enhanced ingredient card interactions\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n \n const listItems = this.querySelectorAll('.composition-list li');\n listItems.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#f0f0f0';\n item.style.paddingRight = '2rem';\n }, i * 50);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.08)';\n this.style.borderColor = 'rgba(255,255,255,0.1)';\n \n const listItems = this.querySelectorAll('.composition-list li');\n listItems.forEach(item =\u003e {\n item.style.color = '#e0e0e0';\n item.style.paddingRight = '1.5rem';\n });\n });\n });\n\n \/\/ Usage steps with enhanced interactions\n const usageSteps = document.querySelectorAll('.usage-step');\n usageSteps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n }\n });\n \n step.addEventListener('mouseleave', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1) rotate(0deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n }\n });\n });\n\n \/\/ Dynamic text glow effects\n const titles = document.querySelectorAll('.hero-title, .section-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n title.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Heritage and benefit list interactions\n const lists = document.querySelectorAll('.heritage-list, .benefit-list, .timeline-stats');\n lists.forEach(list =\u003e {\n const items = list.querySelectorAll('li');\n items.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n this.style.borderRadius = '5px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.backgroundColor = 'transparent';\n });\n });\n });\n\n \/\/ Timeline items enhanced interactions\n const timelineItems = document.querySelectorAll('.timeline-item');\n timelineItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.borderRightColor = '#b8941a';\n this.style.borderRightWidth = '6px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.borderRightColor = '#9C8102';\n this.style.borderRightWidth = '4px';\n });\n });\n\n \/\/ Comparison table row highlighting\n const tableRows = document.querySelectorAll('.comparison-table tr');\n tableRows.forEach(row =\u003e {\n row.addEventListener('mouseenter', function() {\n if (!this.querySelector('th')) {\n this.style.background = 'rgba(156, 129, 2, 0.1)';\n }\n });\n \n row.addEventListener('mouseleave', function() {\n if (!this.querySelector('th')) {\n this.style.background = '';\n }\n });\n });\n\n \/\/ Video hover effects\n const video = document.querySelector('.product-video');\n if (video) {\n video.addEventListener('mouseenter', function() {\n this.style.filter = 'brightness(1.1)';\n });\n \n video.addEventListener('mouseleave', function() {\n this.style.filter = 'brightness(1)';\n });\n }\n\n \/\/ Advanced usage section interaction\n const advancedUsage = document.querySelector('.advanced-usage');\n if (advancedUsage) {\n advancedUsage.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(156, 129, 2, 0.08)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.01)';\n });\n \n advancedUsage.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(156, 129, 2, 0.05)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.2)';\n this.style.transform = 'scale(1)';\n });\n }\n\n \/\/ Smooth image loading enhancement\n const images = document.querySelectorAll('img');\n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Performance optimization: debounced resize handler\n let resizeTimeout;\n window.addEventListener('resize', function() {\n if (resizeTimeout) {\n clearTimeout(resizeTimeout);\n }\n resizeTimeout = setTimeout(() =\u003e {\n \/\/ Recalculate any size-dependent animations\n const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item');\n cards.forEach(card =\u003e {\n card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n }, 250);\n });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":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":"SKIN1004 كريم محيط العين المضاد للتجاعيد و الهالات بالباكوشيول والبروبيو سيكا","description":"\u003cdiv class=\"eye-cream-container\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n .eye-cream-container {\n direction: rtl;\n text-align: right;\n max-width: 100%;\n margin: 0 auto;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n background: #fafafa;\n position: relative;\n }\n\n .eye-cream-container * {\n box-sizing: border-box;\n }\n\n \/* Simple floating background *\/\n .eye-cream-container::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.02) 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.03) 1px, transparent 1px);\n pointer-events: none;\n z-index: -1;\n }\n\n .main-title {\n color: #9C8102;\n font-size: 3em;\n font-weight: 900;\n margin-bottom: 40px;\n text-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n text-align: center;\n opacity: 0;\n transform: translateY(40px);\n animation: fadeInUp 1.5s ease-out forwards;\n position: relative;\n letter-spacing: -0.02em;\n }\n\n .main-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n right: 50%;\n transform: translateX(50%);\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, transparent 0%, #9C8102 50%, transparent 100%);\n animation: lineExpand 2s ease-out 1s forwards;\n }\n\n .hero-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 40px auto;\n display: block;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n opacity: 0;\n transform: scale(0.9);\n animation: scaleIn 1.5s ease-out 0.5s forwards;\n transition: transform 0.3s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n .intro-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 100%);\n color: white;\n padding: 50px;\n border-radius: 20px;\n margin: 60px 0;\n text-align: center;\n opacity: 0;\n animation: fadeIn 1.5s ease-out 1s forwards;\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n }\n\n .intro-title {\n color: #f4e4a6;\n font-size: 2.5em;\n font-weight: 800;\n margin-bottom: 20px;\n text-shadow: 0 2px 10px rgba(244, 228, 166, 0.5);\n }\n\n .intro-text {\n font-size: 1.2em;\n line-height: 1.8;\n opacity: 0.95;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin: 50px 0;\n padding: 0 20px;\n }\n\n .benefit-card {\n background: white;\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n border: 1px solid rgba(156, 129, 2, 0.1);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n }\n\n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.15);\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n margin: 0 auto 20px auto;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 24px;\n font-weight: bold;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.2em;\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .benefit-description {\n color: #666;\n font-size: 0.95em;\n line-height: 1.6;\n }\n\n .section-header {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #2a2a2a 100%);\n color: white;\n padding: 40px;\n margin: 60px 0 40px 0;\n border-radius: 15px;\n text-align: center;\n opacity: 0;\n animation: fadeIn 1.5s ease-out 2s forwards;\n box-shadow: 0 15px 35px rgba(0,0,0,0.4);\n border: 2px solid rgba(156, 129, 2, 0.3);\n }\n\n .section-title {\n font-size: 2.2em;\n font-weight: 800;\n margin-bottom: 10px;\n text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n color: #f4e4a6;\n }\n\n .section-subtitle {\n font-size: 1.1em;\n opacity: 0.9;\n font-weight: 300;\n color: #e0e0e0;\n }\n\n .ingredient-section {\n background: #f8f9fa;\n padding: 50px;\n border-radius: 15px;\n margin: 50px 0;\n border: 2px solid #9C8102;\n }\n\n .ingredient-card {\n background: white;\n padding: 30px;\n border-radius: 12px;\n margin: 25px 0;\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n border-right: 4px solid #9C8102;\n opacity: 0;\n transform: translateX(30px);\n transition: all 0.3s ease;\n }\n\n .ingredient-card:hover {\n transform: translateX(-10px);\n box-shadow: 0 12px 30px rgba(156, 129, 2, 0.1);\n }\n\n .ingredient-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .benefits-list {\n list-style: none;\n padding: 0;\n margin: 20px 0;\n }\n\n .benefit-item {\n background: #f1f3f4;\n margin-bottom: 10px;\n padding: 15px 20px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n gap: 12px;\n transition: all 0.3s ease;\n color: #333;\n }\n\n .benefit-item:hover {\n background: #e8f4f8;\n transform: translateX(-5px);\n }\n\n .benefit-bullet {\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .comparison-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);\n color: white;\n padding: 50px;\n border-radius: 15px;\n margin: 60px 0;\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n }\n\n .comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .comparison-card {\n background: #333;\n padding: 30px;\n border-radius: 12px;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.3s ease;\n }\n\n .comparison-card.premium {\n border-top: 4px solid #d4af37;\n }\n\n .comparison-card.basic {\n border-top: 4px solid #666;\n }\n\n .comparison-card:hover {\n transform: translateY(-5px);\n }\n\n .comparison-title {\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .comparison-title.premium {\n color: #f4e4a6;\n }\n\n .comparison-title.basic {\n color: #ccc;\n }\n\n .comparison-list {\n list-style: none;\n padding: 0;\n }\n\n .comparison-item {\n padding: 10px 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .comparison-item:last-child {\n border-bottom: none;\n }\n\n .comparison-check {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 10px;\n font-weight: bold;\n }\n\n .comparison-check.premium {\n background: linear-gradient(135deg, #9C8102, #d4af37);\n color: white;\n }\n\n .comparison-check.basic {\n background: #666;\n color: white;\n }\n\n .timeline-section {\n background: #f5f5f5;\n padding: 50px;\n border-radius: 15px;\n margin: 50px 0;\n border: 2px solid #9C8102;\n }\n\n .timeline-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 30px 0;\n }\n\n .timeline-card {\n background: white;\n padding: 25px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n position: relative;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.3s ease;\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n }\n\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(156, 129, 2, 0.1);\n }\n\n .timeline-badge {\n position: absolute;\n top: -10px;\n right: 20px;\n background: linear-gradient(135deg, #9C8102, #d4af37);\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-weight: 700;\n font-size: 0.8em;\n }\n\n .timeline-title {\n color: #9C8102;\n font-size: 1.2em;\n font-weight: 700;\n margin: 20px 0 15px 0;\n }\n\n .warning-section {\n background: linear-gradient(135deg, #8B0000, #DC143C);\n color: white;\n padding: 50px;\n border-radius: 15px;\n margin: 60px 0;\n text-align: center;\n opacity: 0;\n animation: fadeIn 1.5s ease-out 3s forwards;\n box-shadow: 0 15px 35px rgba(139, 0, 0, 0.3);\n }\n\n .warning-title {\n color: #FFE4E1;\n font-size: 2.2em;\n font-weight: 800;\n margin-bottom: 20px;\n }\n\n .cta-final {\n background: linear-gradient(135deg, #1a1a1a 0%, #000 100%);\n color: white;\n padding: 60px;\n border-radius: 20px;\n text-align: center;\n margin: 60px 0;\n opacity: 0;\n animation: fadeIn 1.5s ease-out 3.5s forwards;\n border: 3px solid #9C8102;\n box-shadow: 0 20px 50px rgba(0,0,0,0.4);\n }\n\n .cta-title {\n color: #f4e4a6;\n font-size: 2.8em;\n font-weight: 800;\n margin-bottom: 20px;\n }\n\n .cta-text {\n font-size: 1.2em;\n margin: 20px 0;\n opacity: 0.95;\n line-height: 1.7;\n }\n\n .cta-highlight {\n font-size: 1.4em;\n font-weight: 700;\n color: #f4e4a6;\n margin: 30px 0;\n }\n\n .ingredients-list {\n background: #f8f9fa;\n padding: 30px;\n border-radius: 12px;\n margin: 40px 0;\n border: 2px solid #9C8102;\n font-size: 0.9em;\n line-height: 1.7;\n color: #666;\n text-align: justify;\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n to {\n opacity: 1;\n }\n }\n\n @keyframes scaleIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes lineExpand {\n from { width: 0; }\n to { width: 100px; }\n }\n\n @media (max-width: 768px) {\n .main-title {\n font-size: 2.4em;\n margin-bottom: 30px;\n }\n\n .hero-image {\n max-width: 90%;\n margin: 30px auto;\n }\n \n .benefits-grid,\n .timeline-grid,\n .comparison-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n padding: 0 10px;\n }\n \n .intro-section,\n .section-header,\n .ingredient-section,\n .timeline-section,\n .comparison-section,\n .warning-section,\n .cta-final {\n padding: 30px 20px;\n margin: 30px 10px;\n }\n\n .intro-title {\n font-size: 2em;\n }\n\n .section-title {\n font-size: 1.8em;\n }\n\n .cta-title {\n font-size: 2.2em;\n }\n\n .benefit-card,\n .ingredient-card,\n .timeline-card,\n .comparison-card {\n padding: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .main-title {\n font-size: 2em;\n }\n\n .intro-title {\n font-size: 1.8em;\n }\n\n .section-title {\n font-size: 1.6em;\n }\n\n .cta-title {\n font-size: 1.8em;\n }\n\n .intro-section,\n .section-header,\n .ingredient-section,\n .timeline-section,\n .comparison-section,\n .warning-section,\n .cta-final {\n padding: 25px 15px;\n border-radius: 12px;\n }\n }\n \u003c\/style\u003e\n\n \u003c!-- Main Title --\u003e\n \u003ch1 class=\"main-title\"\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream - كريم العين اللي هيرجع شبابك من غير حقن أو جراحة\u003c\/h1\u003e\n\n \u003c!-- Hero Image --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_3.webp?v=1754234127\" alt=\"SKIN1004 Probio-Cica Bakuchiol Eye Cream\" class=\"hero-image\"\u003e\n\n \u003c!-- Intro Section --\u003e\n \u003cdiv class=\"intro-section\"\u003e\n \u003ch2 class=\"intro-title\"\u003eمنطقة العين بتفضحك قدام الكل... وانت مش واخد بالك\u003c\/h2\u003e\n \u003cdiv class=\"intro-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eمنطقة العين أرق جزء في الوجه... وأول مكان تظهر فيه علامات التقدم في السن\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eبس إيه لو قولتلك إن فيه طريقة طبيعية وآمنة تقدر تعيد شباب عينيك... من غير ريتينول قاسي أو مواد كيميائية مهيجة؟\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream مش مجرد كريم عين عادي... ده الحل العلمي الطبيعي اللي هيدي عينيك شباب جديد بأمان تام\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 2 --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_4.webp?v=1754234127\" alt=\"فوائد كريم العين من SKIN1004\" class=\"hero-image\"\u003e\n\n \u003c!-- Benefits Grid --\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e👁\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eيقلل التجاعيد والخطوط الرفيعة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eبفعالية الريتينول بدون تهيج\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eيرطب عمقاً\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eويمنع جفاف الجلد الرقيق حول العين\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eيهدي الالتهابات والاحمرار\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eبخلاصة السينتيلا المتخمرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eيفتح الهالات السوداء\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eويوحد لون منطقة العين\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eآمن 100% للعيون الحساسة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eبدون دموع أو تهيج\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eعيون أصغر بـ 5-10 سنين\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eمن عمرك الحقيقي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Technology Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eالتقنية الثورية: البكوشيول + السينتيلا المتخمرة + البروبيوتيك\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eأقوى تركيبة طبيعية لمحاربة الشيخوخة حول العين\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-section\"\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003e🌿 خلاصة السينتيلا المتخمرة بالبروبيوتيك - المعجزة الكورية\u003c\/h3\u003e\n \u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eتقنية التخمير الحيوي تضاعف قوة السينتيلا 10 مرات\u003c\/p\u003e\n \n \u003cul class=\"benefits-list\"\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتخترق الجلد الرقيق\u003c\/strong\u003e بفعالية أكبر 5 مرات من السينتيلا العادية\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتقوي الميكروبيوم الطبيعي\u003c\/strong\u003e للبشرة حول العين\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتسرع شفاء الخلايا التالفة\u003c\/strong\u003e من أضرار الشمس والعمر\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتهدي فوراً\u003c\/strong\u003e أي التهاب أو حساسية في المنطقة الحساسة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003e🌱 البكوشيول 5000ppm - الريتينول النباتي الآمن\u003c\/h3\u003e\n \u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eبديل طبيعي للريتينول بنفس الفعالية بدون أي آثار جانبية\u003c\/p\u003e\n \n \u003cul class=\"benefits-list\"\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eيحفز تجديد الخلايا\u003c\/strong\u003e بلطف ومن غير تقشر أو تهيج\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eينشط إنتاج الكولاجين\u003c\/strong\u003e لبشرة أكثر شباباً ومرونة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eيقلل الخطوط والتجاعيد\u003c\/strong\u003e بنسبة مؤكدة علمياً\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eآمن للاستخدام النهاري\u003c\/strong\u003e مع أشعة الشمس بدون حساسية\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003e🛡️ سيراميد NP + نياسيناميد - الحماية والتغذية\u003c\/h3\u003e\n \u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eتقوية حاجز البشرة مع تفتيح وتوحيد اللون\u003c\/p\u003e\n \n \u003cul class=\"benefits-list\"\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eسيراميد NP\u003c\/strong\u003e يحبس الرطوبة ويمنع فقدان المياه\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eنياسيناميد\u003c\/strong\u003e يفتح الهالات ويوحد لون البشرة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eهيالورونيك أسيد\u003c\/strong\u003e بحجمين جزيئيين للترطيب العميق\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eزبدة الشيا\u003c\/strong\u003e تغذي وتنعم الجلد الحساس\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Comparison Section --\u003e\n \u003cdiv class=\"comparison-section\"\u003e\n \u003ch2 style=\"color: #f4e4a6; font-size: 2.2em; text-align: center; margin-bottom: 20px; font-weight: 800;\"\u003eليه SKIN1004 مختلف عن كريمات العين التانية؟\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.1em; margin-bottom: 30px; opacity: 0.9;\"\u003eكريمات العين العادية ضد SKIN1004 - المقارنة الصادقة\u003c\/p\u003e\n\n \u003cdiv class=\"comparison-grid\"\u003e\n \u003cdiv class=\"comparison-card basic\"\u003e\n \u003ch3 class=\"comparison-title basic\"\u003eكريمات العين التقليدية\u003c\/h3\u003e\n \u003cul class=\"comparison-list\"\u003e\n \u003cli class=\"comparison-item\"\u003e\n \u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eريتينول قاسي\u003c\/strong\u003e يسبب تهيج وحساسية حول العين\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"comparison-item\"\u003e\n \u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eمكونات كيميائية\u003c\/strong\u003e مش مناسبة للجلد الرقيق\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"comparison-item\"\u003e\n \u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eنتايج بطيئة\u003c\/strong\u003e تحتاج شهور طويلة للظهور\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"comparison-item\"\u003e\n \u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتحسن مؤقت\u003c\/strong\u003e يروح بمجرد إيقاف الاستخدام\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"comparison-item\"\u003e\n \u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eسعر عالي\u003c\/strong\u003e مقابل فوايد محدودة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"comparison-card premium\"\u003e\n \u003ch3 class=\"comparison-title premium\"\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream\u003c\/h3\u003e\n \u003cul class=\"comparison-list\"\u003e\n \u003cli class=\"comparison-item\"\u003e\n \u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eبكوشيول طبيعي\u003c\/strong\u003e بفعالية الريتينول بدون تهيج\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"comparison-item\"\u003e\n \u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eمكونات طبيعية 100%\u003c\/strong\u003e آمنة للمنطقة الحساسة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"comparison-item\"\u003e\n \u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eنتايج سريعة\u003c\/strong\u003e من الأسبوع الثاني\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"comparison-item\"\u003e\n \u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتحسن تراكمي ودائم\u003c\/strong\u003e يزيد مع الوقت\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"comparison-item\"\u003e\n \u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eقيمة ممتازة\u003c\/strong\u003e تقنية متطورة بسعر معقول\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة تجديد الشباب - شوف عينيك بتتغير أسبوع بأسبوع\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eمش مجرد تحسن... ده إعادة إحياء لمنطقة العين\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-section\"\u003e\n \u003cdiv class=\"timeline-grid\"\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n \u003ch3 class=\"timeline-title\"\u003eاللمسة الأولى\u003c\/h3\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eترطيب فوري\u003c\/strong\u003e للجلد الجاف حول العين\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتهدئة كاملة\u003c\/strong\u003e للاحمرار أو التهيج الموجود\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eنعومة ملحوظة\u003c\/strong\u003e في ملمس الجلد الرقيق\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003ch3 class=\"timeline-title\"\u003eبداية السحر\u003c\/h3\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتقليل واضح في الخطوط الرفيعة\u003c\/strong\u003e الحديثة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eإشراق في منطقة العين\u003c\/strong\u003e وتحسن في اللون\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eزيادة في مرونة الجلد\u003c\/strong\u003e ومقاومة للشد\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد شهر\u003c\/div\u003e\n \u003ch3 class=\"timeline-title\"\u003eالتحول الحقيقي\u003c\/h3\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eاختفاء الخطوط الرفيعة\u003c\/strong\u003e بنسبة ملحوظة للعين\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتفتيح واضح في الهالات السوداء\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eشد طبيعي للجلد\u003c\/strong\u003e المترهل حول العين\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-card\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد 3 شهور\u003c\/div\u003e\n \u003ch3 class=\"timeline-title\"\u003eالشباب المستعاد\u003c\/h3\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتجاعيد أقل بـ 60-70%\u003c\/strong\u003e من البداية\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eبشرة مشدودة ونضرة\u003c\/strong\u003e حول العين\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eمظهر أصغر بسنين\u003c\/strong\u003e يلاحظه كل الناس\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"ingredient-section\"\u003e\n \u003ch2 style=\"color: #9C8102; font-size: 2em; text-align: center; margin-bottom: 30px;\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \n \u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px;\"\u003e\n \u003cdiv style=\"background: white; padding: 25px; border-radius: 12px; border-right: 4px solid #9C8102;\"\u003e\n \u003ch4 style=\"color: #9C8102; margin-bottom: 15px; font-size: 1.2em;\"\u003e🌅 في الصباح والمساء\u003c\/h4\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eنضف الوجه\u003c\/strong\u003e بالغسول اللطيف المعتاد\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eجفف منطقة العين\u003c\/strong\u003e بلطف بدون فرك\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eضع كمية صغيرة\u003c\/strong\u003e (حجم حبة الأرز) من الكريم\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eربت برفق\u003c\/strong\u003e من الزاوية الداخلية للخارجية\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"background: white; padding: 25px; border-radius: 12px; border-right: 4px solid #DC143C;\"\u003e\n \u003ch4 style=\"color: #DC143C; margin-bottom: 15px; font-size: 1.2em;\"\u003e⚠️ تحذيرات للاستخدام الآمن\u003c\/h4\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتجنب دخول المنتج في العين\u003c\/strong\u003e مباشرة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eابدأ بكمية قليلة\u003c\/strong\u003e وزود تدريجياً حسب الحاجة\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eلا تستخدم مع منتجات ريتينول أخرى\u003c\/strong\u003e في نفس الوقت\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n \u003cspan\u003e\u003cstrong\u003eتوقف فوراً\u003c\/strong\u003e لو حصل أي تهيج غير طبيعي\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warning Section --\u003e\n \u003cdiv class=\"warning-section\"\u003e\n \u003ch2 class=\"warning-title\"\u003e⚠️ تحذير مهم: منطقة العين بتعجز أسرع من باقي الوجه\u003c\/h2\u003e\n \u003cdiv style=\"font-size: 1.1em; line-height: 1.8;\"\u003e\n \u003cp\u003e\u003cstrong\u003eالجلد حول العين أرق بـ 10 مرات من باقي الوجه\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل يوم بدون عناية خاصة... التجاعيد بتتعمق أكتر\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل أسبوع إهمال... مرونة الجلد بتقل أكتر\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل شهر تأجيل... الأضرار بتبقى أصعب في الإصلاح\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003cdiv class=\"cta-final\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_1.webp?v=1754234127\" alt=\"استثمر في شباب عينيك الآن\" style=\"width: 100%; max-width: 400px; margin: 0 auto 30px auto; display: block; border-radius: 15px;\"\u003e\n \n \u003ch2 class=\"cta-title\"\u003eقرار النهاردة هيحدد شكل عينيك في المستقبل\u003c\/h2\u003e\n \u003cdiv class=\"cta-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eكل يوم بدون عناية... منطقة العين بتعجز أسرع\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل أسبوع تأجيل... التجاعيد بتتعمق وتبقى أصعب في العلاج\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل شهر إهمال... الفجوة بتزيد بين عمرك الحقيقي وعمر عينيك\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cta-highlight\"\u003e\n SKIN1004 مش مجرد كريم عين... ده الحل الطبيعي الآمن لشباب عينيك\n \u003c\/div\u003e\n \u003cdiv class=\"cta-text\"\u003e\n \u003cstrong\u003eابدأ رحلة تجديد عينيك من النهاردة... اطلبه الآن\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"section-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eقائمة المكونات الكاملة\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003cp\u003e\u003cstrong\u003eWater, Glycerin, Butylene Glycol, Dipentaerythrityl Hexa C5-9 Acid Esters, 1,2-Hexanediol, Niacinamide, Squalane, Polyglyceryl-3 Distearate, Cetearyl Alcohol, Caprylic\/Capric Triglyceride, Betaine, Butyrospermum Parkii (Shea) Butter, Heptyl Undecylenate, Centella Asiatica Extract, Panthenol, Bakuchiol, Glyceryl Stearate, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Palmitic Acid, Tromethamine, Stearic Acid, Glyceryl Stearate Citrate, Carbomer, Ethylhexylglycerin, Adenosine, Macadamia Ternifolia Seed Oil, Sodium Hyaluronate, Sodium Phytate, Hydrogenated Lecithin, Ceramide NP, Glyceryl Acrylate\/Acrylic Acid Copolymer, Theobroma Cacao (Cocoa) Extract, Dextrin, Polyglyceryl-10 Myristate, Phytosphingosine, Lactobacillus Ferment, Madecassic Acid, Asiaticoside, Hydrolyzed Extensin, Sucrose Distearate, Asiatic Acid, Phytosterols, Lauric Acid, Hydrolyzed Hyaluronic Acid, Caprylyl Glycol, Acetyl Hexapeptide-8\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Simple intersection observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n \n if (element.classList.contains('benefit-card')) {\n element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n } else if (element.classList.contains('ingredient-card')) {\n element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n } else if (element.classList.contains('timeline-card')) {\n element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n } else if (element.classList.contains('comparison-card')) {\n element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Initialize animations on page load\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const animatedElements = document.querySelectorAll('.benefit-card, .ingredient-card, .timeline-card, .comparison-card');\n \n animatedElements.forEach((el, index) =\u003e {\n el.style.animationDelay = `${index * 0.1}s`;\n observer.observe(el);\n });\n\n \/\/ Simple hover effects\n const cards = document.querySelectorAll('.benefit-card, .ingredient-card, .timeline-card, .comparison-card');\n cards.forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n card.style.transform = card.classList.contains('timeline-card') || card.classList.contains('comparison-card') \n ? 'translateY(-5px)' \n : 'translateY(-5px) scale(1.02)';\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = '';\n });\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":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 أمبول الشاي الأخضر و السنتيلا النقية | متخصص تهدئة الالتهاب","description":"\u003c!-- SKIN1004 Centella Tea-Trica Relief Ampoule - Redesigned with Site CSS --\u003e\n\u003cdiv class=\"product-description-container\" dir=\"rtl\"\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003csection class=\"ph-hero-section\"\u003e\n \u003ch1 class=\"ph-hero-title\"\u003e\n SKIN1004 Centella Tea-Trica Relief Ampoule\n \u003c\/h1\u003e\n \u003cp class=\"ph-hero-subtitle\"\u003e\n الحل النهائي للحبوب والبشرة الدهنية اللي مش عايزة تهدأ\n \u003c\/p\u003e\n \u003cdiv class=\"ph-product-showcase\"\u003e\n \u003cimg class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009457398_1440x_eeea136e-0251-48f0-a2eb-a23f3ae687c5.webp?v=1754244097\" alt=\"SKIN1004 Centella Tea-Trica Relief Ampoule\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Problem Statement Section --\u003e\n \u003csection class=\"ph-section tea-trica-problem-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eحبوبك والدهون الزيادة بتدمر ثقتك في نفسك... وانت تعبت من المحاولات\u003c\/h2\u003e\n \n \u003cdiv class=\"tea-trica-problem-list\"\u003e\n \u003cdiv class=\"tea-trica-problem-item\"\u003e\n \u003cspan class=\"tea-trica-problem-number\"\u003e1\u003c\/span\u003e\n \u003cp\u003eهل بقت الحبوب جزء من وجهك وصعب تتخلص منها؟\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tea-trica-problem-item\"\u003e\n \u003cspan class=\"tea-trica-problem-number\"\u003e2\u003c\/span\u003e\n \u003cp\u003eهل بشرتك دهنية لدرجة إن المكياج بيروح في ساعات؟\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tea-trica-problem-item\"\u003e\n \u003cspan class=\"tea-trica-problem-number\"\u003e3\u003c\/span\u003e\n \u003cp\u003eهل جربت منتجات كتير للحبوب بس إما مكنتش بتشتغل أو كانت بتهيج بشرتك؟\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tea-trica-problem-item\"\u003e\n \u003cspan class=\"tea-trica-problem-number\"\u003e4\u003c\/span\u003e\n \u003cp\u003eهل حاسس إن مسامك واسعة والدهون بتطلع مهما تنضف وجهك؟\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tea-trica-solution-intro\"\u003e\n \u003cp\u003e\u003cstrong\u003eالحبوب والبشرة الدهنية مش مجرد مشكلة مؤقتة... دي دورة مفرغة من الالتهابات والدهون الزايدة.\u003c\/strong\u003e\u003c\/p\u003e\n \u003ch3\u003e\u003cstrong\u003eبس إيه لو قولتلك إن فيه تركيبة طبيعية قوية تقدر تكسر الدورة دي... وتديك بشرة صافية وصحية من غير قسوة أو تهيج؟\u003c\/strong\u003e\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tea-Trica Relief Ampoule\u003c\/strong\u003e مش مجرد أمبول عادي... ده \u003cstrong\u003eالمحارب الطبيعي\u003c\/strong\u003e اللي هيحرر بشرتك من مأساة الحبوب والدهون الزايدة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Key Benefits Section --\u003e\n \u003csection class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eالاستخدامات والفوائد الرئيسية\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-product-showcase\"\u003e\n \u003cimg class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009719542_1440x_44be4ca4-a8fb-44c0-9b31-eaf1b4bd6da4.webp?v=1754244098\" alt=\"استخدامات المنتج\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefits-grid\"\u003e\n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eيهاجم الحبوب من الجذور\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eبماء شجرة الشاي المركز 94,000ppm\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eيهدي الالتهابات والاحمرار\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eبخلاصة السينتيلا النقية\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eيتحكم في الدهون الزايدة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eويمنع اللمعة غير المرغوبة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eيقلل حجم المسام الواسعة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eويحسن ملمس البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e5\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eيمنع ظهور حبوب جديدة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eبالحماية المستمرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e6\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eيسرع شفاء آثار الحبوب\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eالقديمة والندب السطحية\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e7\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eملمس خفيف سريع الامتصاص\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eمش دهني أو لزج\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e8\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eمختبر ضد انسداد المسام\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eآمن للبشرة المعرضة للحبوب\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e9\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eيوازن رطوبة البشرة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eبدون زيادة الدهون\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003csection class=\"ph-how-it-works\"\u003e\n \u003ch2 class=\"ph-section-title\" style=\"color: white;\"\u003eازاي بيشتغل؟\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-product-showcase\"\u003e\n \u003cimg class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009817846_1440x_84cd5d3b-d782-450e-86c7-44a191ea7a96.webp?v=1754244098\" alt=\"مكونات المنتج\"\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"tea-trica-ingredient-title\"\u003eTea Tree + Centella + Pine Complex\u003c\/h3\u003e\n \u003ch4 class=\"tea-trica-ingredient-subtitle\"\u003eأقوى تحالف طبيعي ضد الحبوب والبشرة الدهنية\u003c\/h4\u003e\n \n \u003cdiv class=\"ph-mechanism-cards\"\u003e\n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eماء شجرة الشاي 94,000ppm\u003c\/h3\u003e\n \u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eالمحارب الأول\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 1rem;\"\u003eأعلى تركيز من ماء شجرة الشاي في منتج SKIN1004.\u003c\/p\u003e\n \u003cul class=\"tea-trica-benefits-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضاد بكتيريا طبيعي قوي\u003c\/strong\u003e يقتل بكتيريا الحبوب من الجذور\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضاد التهاب فعال\u003c\/strong\u003e يهدي الاحمرار والتورم فوراً\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eينظم إفراز الدهون\u003c\/strong\u003e ويمنع انسداد المسام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيسرع شفاء الحبوب الملتهبة\u003c\/strong\u003e ويمنع تكون ندب\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eخلاصة السينتيلا 5,621ppm\u003c\/h3\u003e\n \u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eالمهدي الطبيعي\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 1rem;\"\u003eالسينتيلا الآسيوية بتركيز عالي للتهدئة العميقة.\u003c\/p\u003e\n \u003cul class=\"tea-trica-benefits-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيهدي البشرة الملتهبة\u003c\/strong\u003e بدون جفاف أو تهيج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيسرع تجديد الخلايا\u003c\/strong\u003e ويصلح الأنسجة التالفة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيقوي حاجز البشرة\u003c\/strong\u003e ضد الأضرار الخارجية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيحفز الكولاجين\u003c\/strong\u003e لملء آثار الحبوب طبيعياً\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eمجمع الصنوبر الثلاثي\u003c\/h3\u003e\n \u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eالدرع الواقي\u003c\/p\u003e\n \u003cp style=\"margin-bottom: 1rem;\"\u003eتحالف طبيعي من 3 أنواع صنوبر لحماية مضاعفة.\u003c\/p\u003e\n \u003cul class=\"tea-trica-benefits-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضادات أكسدة قوية\u003c\/strong\u003e تحارب الجذور الحرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيقوي المناعة الطبيعية للبشرة\u003c\/strong\u003e ضد البكتيريا\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيحمي من التلوث والأتربة\u003c\/strong\u003e المسببة للحبوب\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eيحافظ على صحة البشرة طويل المدى\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- How to Use Section --\u003e\n \u003csection class=\"ph-usage-section\"\u003e\n \u003ch2 class=\"ph-usage-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-usage-steps\"\u003e\n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ph-step-content\"\u003e\n \u003ch3 class=\"ph-step-title\"\u003eتنضيف البشرة\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eنضف وجهك بغسول مناسب واتأكد إنه جاف تماماً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ph-step-content\"\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالتونر\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eاستخدم التونر المفضل ليك لتحضير البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ph-step-content\"\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالأمبول\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eخد 2-3 قطرات ووزعها على وجهك بالكامل بحركات دائرية لطيفة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ph-step-content\"\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالتربيت\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eربت بخفة على بشرتك لحد ما يتمتص بالكامل\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"ph-step-content\"\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالمرطب والحماية\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eأكمل روتينك بالمرطب والصن سكرين في النهار\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-tips\"\u003e\n \u003ch3 class=\"ph-tips-title\"\u003eنصائح للاستخدام\u003c\/h3\u003e\n \u003cul class=\"ph-tips-list\"\u003e\n \u003cli\u003eاستخدمه صباحاً ومساءً للنتائج المثلى\u003c\/li\u003e\n \u003cli\u003eممكن تستخدمه موضعياً على الحبوب الملتهبة لعلاج مكثف\u003c\/li\u003e\n \u003cli\u003eمناسب للاستخدام اليومي - مش هيهيج بشرتك\u003c\/li\u003e\n \u003cli\u003eممكن تستخدمه قبل المكياج لبشرة ناعمة وغير لامعة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Timeline\/Results Section --\u003e\n \u003csection class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eالنتائج المتوقعة مع الوقت\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-timeline-section\"\u003e\n \u003cdiv class=\"ph-timeline-container\"\u003e\n \n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003eأسبوع 1\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالبداية الواعدة\u003c\/h3\u003e\n \u003cdiv class=\"tea-trica-timeline-list\"\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eتهدئة فورية للالتهابات والاحمرار\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eتحكم ملحوظ في الدهون واللمعان\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eالبشرة تبدأ تبقى أكثر نعومة وراحة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003eأسبوع 2-3\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالتحسن الواضح\u003c\/h3\u003e\n \u003cdiv class=\"tea-trica-timeline-list\"\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eالحبوب الموجودة بتبدأ تصغر وتشفى بسرعة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eالمسام بتبدأ تضيق والبشرة أكثر نعومة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eحبوب جديدة أقل كتير\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eالبشرة متوازنة ومش لامعة بنفس الدرجة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003eأسبوع 4-6\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالتحول الكامل\u003c\/h3\u003e\n \u003cdiv class=\"tea-trica-timeline-list\"\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eبشرة صافية بدون حبوب نشطة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eآثار الحبوب بتتلاشى بوضوح\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eمسام مشدودة وبشرة ناعمة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eتوازن مثالي في الدهون والرطوبة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n \u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eبشرة صحية ومشرقة بشكل طبيعي\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Clinical Results Section --\u003e\n \u003csection class=\"ph-results-section\"\u003e\n \u003ch2 class=\"ph-results-title\"\u003eنتائج مثبتة علمياً\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-stats-grid\"\u003e\n \u003cdiv class=\"ph-stat-item\"\u003e\n \u003cdiv class=\"ph-stat-number\"\u003e95%\u003c\/div\u003e\n \u003cp\u003eتحسن في التهابات الحبوب\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-stat-item\"\u003e\n \u003cdiv class=\"ph-stat-number\"\u003e88%\u003c\/div\u003e\n \u003cp\u003eتقليل في إفراز الدهون\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-stat-item\"\u003e\n \u003cdiv class=\"ph-stat-number\"\u003e92%\u003c\/div\u003e\n \u003cp\u003eتحسن في حجم المسام\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-stat-item\"\u003e\n \u003cdiv class=\"ph-stat-number\"\u003e100%\u003c\/div\u003e\n \u003cp\u003eمختبر ضد انسداد المسام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tea-trica-clinical-note\"\u003e\n \u003cp\u003eمختبر من قبل أطباء جلدية\u003c\/p\u003e\n \u003cp\u003eآمن للبشرة الحساسة\u003c\/p\u003e\n \u003cp\u003eخالي من المواد الضارة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Why Choose Section --\u003e\n \u003csection class=\"ph-section tea-trica-why-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eليه تختار Tea-Trica Relief Ampoule؟\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-benefits-grid\"\u003e\n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003e100% طبيعي\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eبدون مواد كيميائية ضارة - آمن لكل أنواع البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eB\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eمثبت علمياً\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eاختبارات سريرية تؤكد الفعالية والأمان\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eنتائج سريعة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eتحسن ملحوظ من الأسبوع الأول\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eD\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eتركيز عالي\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003e94,000ppm ماء شجرة الشاي - أعلى تركيز\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eE\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eحماية شاملة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eيعالج ويمنع الحبوب في نفس الوقت\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eF\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eملمس فاخر\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eخفيف، سريع الامتصاص، مش دهني\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Warning Section --\u003e\n \u003csection class=\"ph-section tea-trica-warning\"\u003e\n \u003cdiv class=\"tea-trica-warning-box\"\u003e\n \u003ch3\u003eتحذير مهم\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eالحبوب والبشرة الدهنية مش هتتحسن لوحدها...\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eكل يوم بيعدي بدون علاج فعال، البشرة بتتضرر أكتر والثقة بالنفس بتقل.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eTea-Trica Relief Ampoule\u003c\/strong\u003e هو الحل الطبيعي اللي بشرتك محتاجاه دلوقتي!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Product Info Section --\u003e\n \u003csection class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eمعلومات المنتج\u003c\/h2\u003e\n \n \u003cdiv class=\"tea-trica-product-info\"\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eالحجم:\u003c\/strong\u003e 100ml\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eنوع البشرة:\u003c\/strong\u003e دهنية، مختلطة، معرضة للحبوب، حساسة\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eالمكونات الرئيسية:\u003c\/strong\u003e ماء شجرة الشاي 94,000ppm، خلاصة السينتيلا 5,621ppm، مجمع الصنوبر الثلاثي\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eخالي من:\u003c\/strong\u003e البارابين، الكبريتات، العطور الصناعية، الكحول المجفف\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eالاستخدام:\u003c\/strong\u003e صباحاً ومساءً\n \u003c\/div\u003e\n \u003cdiv class=\"tea-trica-info-item\"\u003e\n \u003cstrong\u003eمدة الصلاحية:\u003c\/strong\u003e سنتين من تاريخ الإنتاج\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* Additional Product-Specific Styles *\/\n\n.tea-trica-problem-section {\n background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);\n padding: 3rem 2rem;\n border-radius: 15px;\n}\n\n\/* Compact Problem List *\/\n.tea-trica-problem-list {\n max-width: 800px;\n margin: 2rem auto;\n display: grid;\n gap: 1rem;\n}\n\n.tea-trica-problem-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 1.5rem;\n background: white;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n transition: all 0.3s ease;\n border-right: 3px solid #9C8102;\n}\n\n.tea-trica-problem-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 6px 20px rgba(156, 129, 2, 0.15);\n}\n\n.tea-trica-problem-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: 600;\n font-size: 0.9rem;\n flex-shrink: 0;\n}\n\n.tea-trica-problem-item p {\n margin: 0;\n color: #333;\n font-size: 1rem;\n line-height: 1.6;\n}\n\n.tea-trica-solution-intro {\n max-width: 900px;\n margin: 3rem auto 0;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n text-align: center;\n}\n\n.tea-trica-solution-intro h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin: 1.5rem 0;\n line-height: 1.6;\n}\n\n.tea-trica-solution-intro p {\n font-size: 1.1rem;\n line-height: 1.7;\n color: #333;\n margin: 1rem 0;\n}\n\n\/* Timeline Benefits - Elegant and Compact *\/\n.tea-trica-timeline-list {\n display: grid;\n gap: 0.6rem;\n text-align: right;\n}\n\n.tea-trica-timeline-benefit {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.5rem 0;\n}\n\n.tea-trica-check {\n color: #9C8102;\n font-size: 1rem;\n font-weight: 600;\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n.tea-trica-timeline-benefit span:last-child {\n color: #333;\n font-size: 0.95rem;\n line-height: 1.5;\n}\n\n.tea-trica-ingredient-title {\n font-size: 2rem;\n font-weight: 700;\n color: #D4AF37;\n text-align: center;\n margin: 2rem 0 1rem;\n position: relative;\n z-index: 2;\n}\n\n.tea-trica-ingredient-subtitle {\n font-size: 1.2rem;\n color: white;\n text-align: center;\n margin-bottom: 3rem;\n opacity: 0.9;\n position: relative;\n z-index: 2;\n}\n\n.tea-trica-benefits-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.tea-trica-benefits-list li {\n padding: 0.5rem 0;\n color: white;\n line-height: 1.6;\n position: relative;\n padding-right: 1.5rem;\n}\n\n.tea-trica-benefits-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #D4AF37;\n font-weight: bold;\n}\n\n.tea-trica-clinical-note {\n text-align: center;\n margin-top: 2rem;\n font-size: 1.1rem;\n}\n\n.tea-trica-clinical-note p {\n margin: 0.5rem 0;\n font-weight: 600;\n}\n\n.tea-trica-why-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n padding: 3rem 2rem;\n border-radius: 15px;\n}\n\n.tea-trica-warning {\n margin: 3rem 0;\n}\n\n.tea-trica-warning-box {\n background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);\n border: 3px solid #9C8102;\n border-radius: 15px;\n padding: 2rem;\n text-align: center;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.2);\n}\n\n.tea-trica-warning-box h3 {\n color: #9C8102;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n}\n\n.tea-trica-warning-box p {\n font-size: 1.1rem;\n color: #333;\n margin: 1rem 0;\n line-height: 1.7;\n}\n\n.tea-trica-product-info {\n max-width: 800px;\n margin: 0 auto;\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n.tea-trica-info-item {\n padding: 1rem;\n border-bottom: 1px solid #eee;\n font-size: 1rem;\n line-height: 1.6;\n text-align: right;\n}\n\n.tea-trica-info-item:last-child {\n border-bottom: none;\n}\n\n.tea-trica-info-item strong {\n color: #9C8102;\n display: inline-block;\n min-width: 150px;\n}\n\n\/* RTL Adjustments *\/\n[dir=\"rtl\"] .tea-trica-benefits-list li {\n padding-right: 1.5rem;\n padding-left: 0;\n}\n\n[dir=\"rtl\"] .tea-trica-benefits-list li::before {\n right: 0;\n left: auto;\n}\n\n[dir=\"rtl\"] .tea-trica-problem-item {\n border-right: 3px solid #9C8102;\n border-left: none;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n .tea-trica-problem-section {\n padding: 2rem 1rem;\n }\n \n .tea-trica-problem-item {\n padding: 0.85rem 1rem;\n }\n \n .tea-trica-problem-number {\n width: 28px;\n height: 28px;\n font-size: 0.85rem;\n }\n \n .tea-trica-problem-item p {\n font-size: 0.95rem;\n }\n \n .tea-trica-ingredient-title {\n font-size: 1.5rem;\n }\n \n .tea-trica-ingredient-subtitle {\n font-size: 1rem;\n }\n \n .tea-trica-solution-intro {\n padding: 1.5rem;\n }\n \n .tea-trica-solution-intro h3 {\n font-size: 1.1rem;\n }\n \n .tea-trica-warning-box {\n padding: 1.5rem;\n }\n \n .tea-trica-warning-box h3 {\n font-size: 1.4rem;\n }\n \n .tea-trica-info-item strong {\n display: block;\n margin-bottom: 0.5rem;\n }\n \n .tea-trica-timeline-benefit span:last-child {\n font-size: 0.9rem;\n }\n}\n\u003c\/style\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":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:\/\/sa.instachiq.com\/collections\/korean-skincare-secrets-cosrx-some-by-mi-beauty-joseon.oembed?page=4","provider":"Instachiq","version":"1.0","type":"link"}