{"title":"Some by mi منتجات","description":"","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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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, #80ae93, #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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93; 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: #80ae93; 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: #80ae93; 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":46999386128558,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/AHA_BHA_PHA_30_Days_Miracle_Toner_1024x1024_a3e227c7-30b0-46c2-b0b1-9e3745390366.png?v=1759854714"},{"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: #80ae93;\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, #80ae93, #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: #80ae93;\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: #80ae93;\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: #80ae93;\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 #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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, #80ae93, #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: #80ae93;\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: #80ae93;\n    }\n    \n    .benefit-title {\n        color: #80ae93;\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":46999386390702,"sku":null,"price":1030.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream.jpg?v=1759854706"},{"product_id":"somebymi-retinol-trial-kit","title":"SOME BY MI Retinol Intense Trial Kit (Serum 10ml + Cream 10ml)","description":"\u003cdiv dir=\"rtl\"\u003e\n\u003ch3\u003e\u003cstrong\u003eتجاعيد اليوم هي شيخوخة الغد – الآن هو وقت التغيير!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eلأن كل يوم يمضي بدون عناية هو خطوة أقرب لفقدان بشرتك مرونتها وسحرها.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eالتركيبة المتكاملة للعين والبشرة\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eاجمعي بين القوة المركزة لكريم العين والسيروم لتغيير شامل يمنحك بشرة خالية من الخطوط ومشرقة بالنعومة.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eالخطوة الأولى: كريم العين الثلاثي التأثير\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eمع كل تطبيق، يمنحك هذا الكريم علاجاً متكاملاً:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين التجاعيد والمرونة:\u003c\/strong\u003e بفضل الريتينول والريتينال، يعزز إنتاج الكولاجين لرفع وشد البشرة حول العينين.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتفتيح وتصحيح اللون الداكن:\u003c\/strong\u003e النياسيناميد يعيد الإشراق لعينيك ويزيل مظهر التعب.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتهدئة وترطيب فوري:\u003c\/strong\u003e التركيبة الغنية بـ Truecica والماء الجليدي تمنح تهدئة عميقة للبشرة الحساسة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eالخطوة الثانية: السيروم\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eاختبري ثورة الريتينول المركزة على بشرتك!\u003cbr\u003e\u003cem\u003eهذه التركيبة تحتوي على التركيز المثالي من الريتينول حتى تحقق أقصى استفادة لبشرتك بدون أي تهيج أو احمرار\u003c\/em\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتجديد البشرة:\u003c\/strong\u003e يدعم الريتينول قوام البشرة عبر تسريع دوران الخلايا وتجديد البشرة من الداخل للخارج.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتقليص المسام واستعادة النعومة:\u003c\/strong\u003e بفضل الكولاجين النباتي والبيبتيدات، يعمل على تحسين مظهر المسام مع توفير ترطيب عميق يدوم.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eحماية مستدامة:\u003c\/strong\u003e مزيج الفيتامينات والمكونات المهدئة يضمن بشرة متألقة وخالية من الإجهاد.\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eعناية شاملة، نتائج مذهلة\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eمعاً، يعمل الكريم والسيروم بتناغم لإصلاح وتجديد بشرتك من الداخل إلى الخارج، مما يجعل عينيك وبشرتك ناعمة، مرنة، وشابة.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eكيف يعمل الثنائي لتحقيق نتائج لا مثيل لها؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eكريم العين الثلاثي التأثير\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتحفيز إنتاج الكولاجين:\u003c\/strong\u003e\u003cbr\u003eبفضل مزيج الريتينول والريتينال، يُسرِّع الكريم عملية تجديد خلايا البشرة ويعزز إنتاج الكولاجين الطبيعي. هذا يعيد للبشرة حول العينين مرونتها ويقلل التجاعيد بشكل ملحوظ.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتصحيح الهالات الداكنة:\u003c\/strong\u003e\u003cbr\u003eالنياسيناميد، المعروف بقدرته الفائقة على التفتيح، يعمل بفعالية على تقليل فرط التصبغ حول العينين، ليعيد الإشراق لوجهك.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتقليل التهيج والاحمرار:\u003c\/strong\u003e\u003cbr\u003eمكونات Truecica والماء الجليدي تهدئ البشرة الحساسة فوراً، مما يجعلها مناسبة حتى للبشرة التي تعاني من الإجهاد.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\u003e\n\u003ch4\u003e\u003cstrong\u003eالسيروم \u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتجديد البشرة بعمق:\u003c\/strong\u003e\u003cbr\u003eالريتينول والريتينال يعززان دوران الخلايا وتجديد الأنسجة، مما يقلل الخطوط الدقيقة والتجاعيد ويحسن مرونة البشرة بشكل ملحوظ.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eترطيب متعدد الطبقات:\u003c\/strong\u003e\u003cbr\u003eبفضل حمض الهيالورونيك والببتيدات، يوفر السيروم ترطيباً عميقاً يخترق طبقات البشرة لتجديد ترطيبها الداخلي.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتحسين قوام البشرة:\u003c\/strong\u003e\u003cbr\u003eالكولاجين النباتي يقلل من مظهر المسام، مما يمنح البشرة مظهراً أكثر نعومة وتماسكاً.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eحماية البشرة من الإجهاد البيئي:\u003c\/strong\u003e\u003cbr\u003eيحتوي السيروم على مكونات مهدئة وفيتامينات تمنع الالتهاب وتحافظ على توازن البشرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eالتناغم المثالي بين المنتجات\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eباستخدام الكريم والسيروم معاً:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eكريم العين يستهدف البشرة الحساسة حول العينين بتأثير فوري.\u003c\/li\u003e\n\u003cli\u003eالسيروم يعمل على إصلاح البشرة بشكل شامل لتحسين ملمسها وترطيبها وتجديد شبابها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003eاستمعي إلى نداء بشرتك اليوم، لأن الغد قد يحمل المزيد من الخطوط التي يصعب محوها.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eالنتائج ليست مجرد وعود، بل حقيقة معتمدة باختبارات تحسين التجاعيد ورضا العملاء. هل أنتِ مستعدة للتغيير؟\u003cbr\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eابدئي رحلتك نحو بشرة مثالية الآن، قبل أن تتراكم آثار الوقت وتجعل الطريق أطول.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387177134,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1759854690"},{"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: #80ae93;\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: #80ae93;\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: #80ae93;\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 #80ae93;\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, #80ae93, transparent);\n    }\n\n    .warning-title {\n        color: #80ae93;\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: #80ae93;\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: #80ae93;\n        color: white;\n        margin-left: 15px;\n        font-weight: bold;\n    }\n\n    .wrinkle-name {\n        color: #80ae93;\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: #80ae93;\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 #80ae93;\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: #80ae93;\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: #80ae93;\n        border-radius: 50%;\n    }\n\n    \/* Usage section *\/\n    .usage-section {\n        margin: 3em 0;\n    }\n\n    .usage-title {\n        color: #80ae93;\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: #80ae93;\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: #80ae93;\n        font-weight: bold;\n        margin-bottom: 5px;\n    }\n\n    \/* Call to action *\/\n    .cta-box {\n        background: linear-gradient(135deg, #80ae93, #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: #80ae93;\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: #80ae93; 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":46999387766958,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_reactivating_serum.jpg?v=1759854682"},{"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\u003cdiv class=\"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: #80ae93;\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: #80ae93;\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, #80ae93, 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 #80ae93;\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, #80ae93, #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: #80ae93;\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: #80ae93;\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 #80ae93;\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: #80ae93;\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 #80ae93;\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, #80ae93, #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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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, #80ae93, #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, #80ae93);\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, #80ae93, 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\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eتونيك Some By Mi Cica Peptide لعلاج تساقط الشعر\u003c\/h1\u003e\n    \u003ch2 class=\"hero-subtitle\"\u003eاختراق علمي كوري متقدم في علاج تساقط الشعر\u003c\/h2\u003e\n    \u003cdiv class=\"hero-image-container\"\u003e\n      \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\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Problem 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.2rem; color: #555; max-width: 800px; margin: 0 auto;\"\u003e\n      كل صباح تقوم تلاقي شعرك على المخدة، في الحمام، على هدومك... والموضوع بيزيد مش بيقل. \n      \u003cstrong style=\"color: #80ae93;\"\u003eبشرتك وشعرك بيبعتولك إشارة استغاثة كل يوم، والسؤال هو: هتسمع ولا هتستنى لحد ما يبقى فات الأوان؟\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"section-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Product Images --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003cdiv class=\"product-image-container\"\u003e\n      \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\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits Section --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003e7 فوائد مثبتة علمياً في منتج واحد\u003c\/h2\u003e\n    \u003cp style=\"text-align: center; font-size: 1.3rem; color: #80ae93; margin-bottom: 40px; font-weight: 600;\"\u003e\n      مش مجرد تونيك عادي... ده نظام علاج متكامل لكل مشاكل الشعر\n    \u003c\/p\u003e\n    \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      \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      \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      \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      \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      \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      \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\n  \u003cdiv class=\"section-divider\"\u003e\u003c\/div\u003e\n\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: #80ae93; 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\n        الببتيدات هي سلاسل قصيرة من الأحماض الأمينية - فكر فيها زي \"الرسائل الذكية\" اللي بتوصل للخلايا تقولها تعمل إيه بالضبط. \n      \u003c\/p\u003e\n      \u003ch3\u003e\n        في حالة الشعر، الببتيدات دي بتوصل الرسائل دي لبصيلات الشعر:\n      \u003c\/h3\u003e\n     \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 #80ae93; text-align: right;\"\u003e\n          \u003cstrong\u003eاشتغلي بقوة أكتر\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #80ae93; text-align: right;\"\u003e\n          \u003cstrong\u003eانتجي شعر أقوى وأسمك\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #80ae93; text-align: right;\"\u003e\n          \u003cstrong\u003eاستقبلي المغذيات بكفاءة عالية\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; border-left: 4px solid #80ae93; text-align: right;\"\u003e\n          \u003cstrong\u003eقاومي التساقط والضعف\u003c\/strong\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp style=\"font-size: 1.2rem; color: #80ae93; font-weight: 600;\"\u003e\n        المنتج ده مش بيعالج أعراض تساقط الشعر... ده بيعيد برمجة الخلايا نفسها عشان تشتغل زي ما ربنا خلقها\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients Section --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eالتركيبة الكورية المتطورة\u003c\/h2\u003e\n    \n    \u003cdiv class=\"product-image-container\"\u003e\n      \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\n    \u003c\/div\u003e\n\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      \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\n           الفروة الملتهبة و المتهيجة من أكبر أباب التساقط, السنتيلا تعتبر من أقوى النباتات عالميا في تهدئة التهيج\n          \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        \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\n           الببتيدات هي معجزة طبية حديثة لها القدرة على إعادة برمجة الخلايا و إصلاحها\n          \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        \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        \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        \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\n  \u003cdiv class=\"section-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Additional Product Image --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003cdiv class=\"product-image-container\"\u003e\n      \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\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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      \u003cp style=\"text-align: center; font-size: 1.2rem; color: #666; margin-bottom: 40px;\"\u003e\n        \u003cstrong\u003eمش مجرد كلام تسويقي... دي حقائق علمية موثقة\u003c\/strong\u003e\n      \u003c\/p\u003e\n      \n      \u003ch3 style=\"color: #80ae93; 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      \n      \u003ch3 style=\"color: #80ae93; 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      \n      \u003ch3 style=\"color: #80ae93; 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\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      \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        \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        \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        \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        \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\n  \u003c!-- Value Section --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eقيمة مقابل سعر ممتازة\u003c\/h2\u003e\n    \n    \u003cdiv class=\"benefits-grid\"\u003e\n      \u003cdiv class=\"benefit-card\"\u003e\n        \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      \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      \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\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      \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        \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        \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        \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\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      \n      \u003c!-- Product Image in CTA --\u003e\n      \u003cdiv class=\"cta-image-container\"\u003e\n        \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\n      \u003c\/div\u003e\n      \n      \u003cp class=\"cta-description\"\u003e\n        شعرك مستنيك تاخد القرار الصح... وكل يوم تأخير بتخاطر ببصيلات جديدة\n      \u003c\/p\u003e\n      \u003cbutton class=\"cta-button\"\u003eاطلبه الآن\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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":46999391830190,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some-by-mi-cica-peptide-anti-hair-loss-derma-scalp-tonic-150ml.jpg?v=1759854586"},{"product_id":"some-by-mi-bye-bye-blackhead","title":"Some By Mi Green Tea Tox Bubble Cleanser 120g | Ship Egypt","description":"\u003cdiv class=\"blackhead-product-description\" dir=\"ltr\"\u003e\n  \u003cstyle\u003e\n    \/* Product description styles - luxurious and modern design *\/\n    .blackhead-product-description {\n      max-width: 100%;\n      margin: 0 auto;\n      direction: ltr;\n      text-align: left;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n      line-height: 1.6;\n      color: #333;\n      background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n      min-height: 100vh;\n      position: relative;\n    }\n\n    .blackhead-product-description * {\n      box-sizing: border-box;\n    }\n\n    \/* Dynamic particle background *\/\n    .blackhead-product-description::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 10% 20%, rgba(76, 175, 80, 0.05) 2px, transparent 2px),\n        radial-gradient(circle at 90% 80%, rgba(76, 175, 80, 0.04) 1px, transparent 1px),\n        radial-gradient(circle at 50% 50%, rgba(76, 175, 80, 0.03) 1px, transparent 1px);\n      animation: premiumFloat 20s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    \/* Main title *\/\n    .blackhead-main-title {\n      text-align: center;\n      font-size: 3.2em;\n      font-weight: 900;\n      color: #4caf50;\n      margin-bottom: 40px;\n      position: relative;\n      padding-bottom: 15px;\n      text-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n      opacity: 0;\n      transform: translateY(50px);\n      animation: premiumFadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .blackhead-main-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent, #4caf50, transparent);\n      animation: premiumUnderline 2s cubic-bezier(0.23, 1, 0.32, 1) 0.5s forwards;\n      box-shadow: 0 2px 10px rgba(76, 175, 80, 0.4);\n    }\n\n    \/* Product introduction *\/\n    .blackhead-intro {\n      text-align: center;\n      font-size: 1.2em;\n      margin: 0 auto 50px;\n      max-width: 800px;\n      line-height: 1.8;\n      color: #555;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: premiumFadeInUp 1.8s cubic-bezier(0.23, 1, 0.32, 1) 0.3s forwards;\n    }\n\n    \/* Main image with premium effects *\/\n    .blackhead-main-image {\n      display: block;\n      margin: 40px auto;\n      max-width: 650px;\n      width: 100%;\n      height: auto;\n      border-radius: 20px;\n      box-shadow: \n        0 20px 50px rgba(0,0,0,0.15),\n        0 10px 30px rgba(76, 175, 80, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.6);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      opacity: 0;\n      transform: scale(0.85) rotateY(10deg);\n      animation: premiumImageReveal 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n      position: relative;\n    }\n\n    .blackhead-main-image::before {\n      content: '';\n      position: absolute;\n      top: -3px;\n      left: -3px;\n      right: -3px;\n      bottom: -3px;\n      background: linear-gradient(135deg, #4caf50, #2e7d32);\n      border-radius: 23px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .blackhead-main-image:hover {\n      transform: scale(1.05) rotateY(0deg) translateZ(20px);\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.2),\n        0 15px 40px rgba(76, 175, 80, 0.2);\n    }\n\n    .blackhead-main-image:hover::before {\n      opacity: 0.7;\n    }\n\n    \/* Features section *\/\n    .blackhead-features {\n      margin: 60px 20px;\n    }\n\n    .blackhead-feature-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      border-radius: 20px;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        0 8px 20px rgba(76, 175, 80, 0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n      padding: 40px;\n      margin-bottom: 30px;\n      border: 1px solid rgba(76, 175, 80, 0.1);\n      opacity: 0;\n      transform: translateY(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .blackhead-feature-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(76, 175, 80, 0.1), transparent);\n      transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .blackhead-feature-card:hover {\n      transform: translateY(-10px) translateZ(20px);\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.15),\n        0 12px 30px rgba(76, 175, 80, 0.12);\n    }\n\n    .blackhead-feature-card:hover::before {\n      left: 100%;\n    }\n\n    .blackhead-feature-title {\n      display: flex;\n      align-items: center;\n      margin-bottom: 20px;\n      color: #4caf50;\n      font-size: 1.8em;\n      font-weight: 700;\n      text-shadow: 0 1px 3px rgba(76, 175, 80, 0.2);\n    }\n\n    .blackhead-feature-icon {\n      margin-right: 15px;\n      color: #4caf50;\n      font-size: 1.8em;\n      transition: transform 0.3s ease;\n    }\n\n    .blackhead-feature-card:hover .blackhead-feature-icon {\n      transform: scale(1.2) rotate(10deg);\n    }\n\n    .blackhead-feature-content {\n      line-height: 1.8;\n      color: #555;\n      font-size: 1.1em;\n    }\n\n    \/* Benefits list *\/\n    .blackhead-benefits-list {\n      padding-left: 25px;\n    }\n\n    .blackhead-benefit-item {\n      margin-bottom: 20px;\n      display: flex;\n      align-items: flex-start;\n      padding: 15px;\n      background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n      border-radius: 12px;\n      border-left: 4px solid #4caf50;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .blackhead-benefit-item:hover {\n      background: linear-gradient(135deg, #e8f4e8 0%, #e1f0e5 100%);\n      transform: translateX(8px);\n      box-shadow: 0 4px 15px rgba(76, 175, 80, 0.1);\n    }\n\n    .blackhead-benefit-icon {\n      color: #4caf50;\n      font-size: 1.3em;\n      margin-right: 15px;\n      margin-top: 5px;\n      flex-shrink: 0;\n      transition: transform 0.3s ease;\n    }\n\n    .blackhead-benefit-item:hover .blackhead-benefit-icon {\n      transform: scale(1.2);\n    }\n\n    .blackhead-benefit-title {\n      font-weight: 700;\n      color: #333;\n      margin-bottom: 8px;\n      font-size: 1.2em;\n    }\n\n    .blackhead-benefit-text {\n      color: #555;\n      line-height: 1.7;\n    }\n\n    \/* Ingredients section *\/\n    .blackhead-ingredients {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 60px;\n      border-radius: 25px;\n      margin: 80px 20px;\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.3),\n        0 10px 30px rgba(76, 175, 80, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n      position: relative;\n      overflow: hidden;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    .blackhead-ingredients::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(76, 175, 80, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(76, 175, 80, 0.1) 0%, transparent 50%);\n      animation: premiumGlow 6s ease-in-out infinite;\n    }\n\n    .blackhead-section-title {\n      text-align: center;\n      font-size: 2.4em;\n      color: #4caf50;\n      margin-bottom: 30px;\n      text-shadow: 0 2px 8px rgba(76, 175, 80, 0.4);\n      font-weight: 800;\n    }\n\n    \/* How to use section *\/\n    .blackhead-how-to-use {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 80px 20px;\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      border: 1px solid rgba(76, 175, 80, 0.1);\n      opacity: 0;\n      transform: translateY(50px);\n      animation: premiumFadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\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: 20px;\n      position: relative;\n      counter-increment: step-counter;\n      padding: 20px;\n      background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n      border-radius: 12px;\n      border-left: 4px solid #4caf50;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .blackhead-step:hover {\n      transform: translateX(10px);\n      box-shadow: 0 4px 15px rgba(76, 175, 80, 0.1);\n    }\n\n    .blackhead-step::before {\n      content: counter(step-counter);\n      background: linear-gradient(135deg, #4caf50, #2e7d32);\n      color: white;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      margin-right: 20px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);\n      transition: transform 0.3s ease;\n    }\n\n    .blackhead-step:hover::before {\n      transform: scale(1.1);\n    }\n\n    .blackhead-step-content {\n      line-height: 1.7;\n      color: #555;\n      font-size: 1.1em;\n    }\n\n    \/* Highlight section bar *\/\n    .blackhead-highlight-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 5px;\n      height: 100%;\n      background: linear-gradient(to bottom, #4caf50, #2e7d32);\n      border-radius: 5px;\n    }\n\n    \/* Value card *\/\n    .blackhead-value-card {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 50px;\n      border-radius: 25px;\n      margin: 80px 20px;\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.3),\n        0 10px 30px rgba(76, 175, 80, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n      border-left: 5px solid #4caf50;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .blackhead-value-card::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(76, 175, 80, 0.1) 50%, transparent 70%);\n      animation: premiumShimmer 4s ease-in-out infinite;\n    }\n\n    .blackhead-value-card h3 {\n      color: #4caf50;\n      font-size: 2em;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 8px rgba(76, 175, 80, 0.4);\n      font-weight: 800;\n    }\n\n    .blackhead-value-card p {\n      line-height: 1.8;\n      font-size: 1.1em;\n      opacity: 0.9;\n    }\n\n    \/* Animations *\/\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);\n      }\n    }\n\n    @keyframes premiumUnderline {\n      to { width: 120px; }\n    }\n\n    @keyframes premiumFloat {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-10px); }\n    }\n\n    @keyframes premiumGlow {\n      0%, 100% { opacity: 0.8; transform: scale(1); }\n      50% { opacity: 1; transform: scale(1.05); }\n    }\n\n    @keyframes premiumShimmer {\n      0% { transform: translateX(-100%) skewX(-15deg); }\n      100% { transform: translateX(200%) skewX(-15deg); }\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n      .blackhead-main-title {\n        font-size: 2.2em;\n      }\n\n      .blackhead-main-image {\n        max-width: 90%;\n        border-radius: 15px;\n      }\n\n      .blackhead-feature-card,\n      .blackhead-ingredients,\n      .blackhead-how-to-use,\n      .blackhead-value-card {\n        padding: 30px 20px;\n        margin: 40px 10px;\n      }\n\n      .blackhead-section-title {\n        font-size: 1.8em;\n      }\n\n      .blackhead-feature-title {\n        font-size: 1.5em;\n      }\n\n      .blackhead-step-content,\n      .blackhead-benefit-text {\n        font-size: 1em;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- Load Inter font --\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900\u0026display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003c!-- Load 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!-- Main title --\u003e\n  \u003ch2 class=\"blackhead-main-title\"\u003eThe Ultimate Solution for Blackheads and Whiteheads\u003c\/h2\u003e\n\n  \u003c!-- Product introduction --\u003e\n  \u003cp class=\"blackhead-intro\"\u003e\n    Discover the revolutionary solution for clear, radiant skin with \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e. This innovative formula combines advanced chemical exfoliation with pure natural ingredients to remove impurities, reduce excess oil, and enhance skin texture and radiance. This product is your key to smooth, clear, and pore-perfect skin.\n  \u003c\/p\u003e\n\n  \u003c!-- Main image --\u003e\n  \u003cimg class=\"blackhead-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_bye_bye_blackhead_green_tea_detox_1_5a99d8c3-7e59-4cf7-996f-46ce602da16d.webp?v=1742642914\" alt=\"Some By Mi Bye Bye Blackhead\"\u003e\n\n  \u003c!-- Features section --\u003e\n  \u003cdiv class=\"blackhead-features\"\u003e\n    \u003cdiv class=\"blackhead-feature-card\"\u003e\n      \u003cdiv class=\"blackhead-feature-title\"\u003e\n        \u003ci class=\"fas fa-star blackhead-feature-icon\"\u003e\u003c\/i\u003e\n        Expert Pore Purification and Oil Control\n      \u003c\/div\u003e\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\"\u003eReduces Blackheads:\u003c\/div\u003e\n            \u003cdiv class=\"blackhead-benefit-text\"\u003eEffectively dissolves impurities and cleanses pores, significantly reducing the appearance of blackheads.\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\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\"\u003eDeep Pore Cleansing:\u003c\/div\u003e\n            \u003cdiv class=\"blackhead-benefit-text\"\u003eAHA, BHA, and PHA work together to remove dead skin cells and unclog pores, leaving your skin clearer and smoother.\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\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\"\u003eOil Control:\u003c\/div\u003e\n            \u003cdiv class=\"blackhead-benefit-text\"\u003eNatural ingredients balance oil production, minimizing excess shine and maintaining a fresh complexion.\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\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\"\u003eImproves Skin Texture:\u003c\/div\u003e\n            \u003cdiv class=\"blackhead-benefit-text\"\u003eRegular use enhances skin smoothness and tone, reducing blemishes and irritation.\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\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\"\u003eBrightens and Radiates:\u003c\/div\u003e\n            \u003cdiv class=\"blackhead-benefit-text\"\u003eRestores your skin’s natural glow and evens out tone for a youthful, radiant look.\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!-- Additional image --\u003e\n  \u003cimg class=\"blackhead-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_bye_bye_blackhead_green_tea_detox_3.webp?v=1742643288\" alt=\"Some By Mi Bye Bye Blackhead\"\u003e\n\n  \u003c!-- How it works --\u003e\n  \u003cdiv class=\"blackhead-features\"\u003e\n    \u003cdiv class=\"blackhead-feature-card\"\u003e\n      \u003cdiv class=\"blackhead-feature-title\"\u003e\n        \u003ci class=\"fas fa-cogs blackhead-feature-icon\"\u003e\u003c\/i\u003e\n        How It Works\n      \u003c\/div\u003e\n      \u003cdiv class=\"blackhead-feature-content\"\u003e\n        \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e leverages a powerful blend of chemical exfoliation with AHA, BHA, and PHA to remove dead skin cells, dissolve impurities, and deeply cleanse pores. Infused with botanical extracts, it soothes the skin and regulates oil production, reducing the likelihood of blemishes and irritation. This comprehensive approach visibly transforms your skin by promoting cell renewal and radiance.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Tea tree section --\u003e\n  \u003cdiv class=\"blackhead-ingredients\"\u003e\n    \u003cdiv class=\"blackhead-highlight-section\"\u003e\n      \u003ch3 class=\"blackhead-section-title\"\u003e16 Types of Tea Tree: Nature’s Powerhouse for Skin Purification\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"text-align: center; margin-bottom: 30px; line-height: 1.8; font-size: 1.2em; opacity: 0.9;\"\u003e\n      The \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e formula combines 16 types of tea tree extracts, delivering enhanced protection with their antibacterial and anti-inflammatory properties. These ingredients regulate oil production, deeply cleanse pores, and reduce irritation, leaving your skin refreshed, clear, and naturally radiant.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- How to use section --\u003e\n  \u003cdiv class=\"blackhead-how-to-use\"\u003e\n    \u003cdiv class=\"blackhead-highlight-section\"\u003e\n      \u003ch3 class=\"blackhead-section-title\"\u003eHow to Use\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"blackhead-steps\"\u003e\n      \u003cdiv class=\"blackhead-step\"\u003e\n        \u003cdiv class=\"blackhead-step-content\"\u003e\n          After cleansing your face thoroughly, apply an appropriate amount of the product to a cotton pad or directly onto your fingertips.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"blackhead-step\"\u003e\n        \u003cdiv class=\"blackhead-step-content\"\u003e\n          Gently massage the product onto areas prone to blackheads and clogged pores, focusing on oily zones, for 3-5 minutes.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"blackhead-step\"\u003e\n        \u003cdiv class=\"blackhead-step-content\"\u003e\n          Rinse off with lukewarm water and pat your skin dry gently.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"blackhead-step\"\u003e\n        \u003cdiv class=\"blackhead-step-content\"\u003e\n          Use once or twice a week, depending on your skin’s needs, for optimal results.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Exceptional value --\u003e\n  \u003cdiv class=\"blackhead-value-card\"\u003e\n    \u003ch3\u003eExceptional Value for Your Investment\u003c\/h3\u003e\n    \u003cp\u003e\n      While \u003cstrong\u003eSome By Mi Bye Bye Blackhead\u003c\/strong\u003e reflects its premium, concentrated formula, the visible results make it a smart investment in your skin’s beauty. A small amount delivers powerful results, providing comprehensive care and superior purification without the need for multiple products.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    \/\/ Enhanced animations with premium effects\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      const observerOptions = {\n        threshold: 0.15,\n        rootMargin: '0px 0px -50px 0px'\n      };\n\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.style.opacity = \"1\";\n            entry.target.style.transform = entry.target.classList.contains('blackhead-feature-card') || \n                                           entry.target.classList.contains('blackhead-value-card') ?\n                                           'scale(1)' : 'translateY(0)';\n            observer.unobserve(entry.target);\n          }\n        });\n      }, observerOptions);\n\n      \/\/ Observe elements\n      const animatedElements = document.querySelectorAll('.blackhead-main-title, .blackhead-intro, .blackhead-main-image, .blackhead-feature-card, .blackhead-ingredients, .blackhead-how-to-use, .blackhead-value-card, .blackhead-step');\n      animatedElements.forEach((element, index) =\u003e {\n        element.style.animationDelay = `${index * 0.1}s`;\n        observer.observe(element);\n      });\n\n      \/\/ Particle effects on card hover\n      const featureCards = document.querySelectorAll('.blackhead-feature-card, .blackhead-value-card');\n      featureCards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createParticles(card);\n        });\n      });\n\n      function createParticles(element) {\n        for (let i = 0; i \u003c 6; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: ${Math.random() * 3 + 2}px;\n            height: ${Math.random() * 3 + 2}px;\n            background: linear-gradient(135deg, #4caf50, #2e7d32);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 10;\n            box-shadow: 0 0 6px rgba(76, 175, 80, 0.6);\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          element.appendChild(particle);\n\n          particle.animate([\n            { transform: 'translateY(0) scale(1)', opacity: 1 },\n            { transform: `translateY(-50px) scale(0)`, opacity: 0 }\n          ], {\n            duration: 1500,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Magnetic hover effect for cards\n      featureCards.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 = 'translateY(0) translateZ(0)';\n        });\n      });\n\n      \/\/ Ripple effect on click\n      document.addEventListener('click', (e) =\u003e {\n        if (e.target.closest('.blackhead-feature-card, .blackhead-value-card')) {\n          const element = e.target.closest('.blackhead-feature-card, .blackhead-value-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(76, 175, 80, 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      \/\/ Random sparkle effect\n      setInterval(() =\u003e {\n        const targetSections = document.querySelectorAll('.blackhead-ingredients, .blackhead-value-card');\n        targetSections.forEach(section =\u003e {\n          if (Math.random() \u003e 0.7) {\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, #4caf50, #2e7d32);\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(76, 175, 80, 0.8);\n            `;\n            section.appendChild(sparkle);\n\n            sparkle.animate([\n              { transform: 'scale(0)', opacity: 0 },\n              { transform: 'scale(1)', opacity: 1 },\n              { transform: 'scale(0)', opacity: 0 }\n            ], {\n              duration: 2000,\n              easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n            }).onfinish = () =\u003e sparkle.remove();\n          }\n        });\n      }, 2000);\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999392780462,"sku":null,"price":1190.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/somebymibyebyeblackheadgreenteadetox_1.jpg?v=1759854570"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003eالحلزون .. السر السحري في مقاومة علامات الزمن\u003c\/h2\u003e\n\u003cp data-start=\"36\" data-end=\"285\" class=\"\"\u003eاستعدي لمواجهة آثار الزمن والتلف مع \u003cstrong data-start=\"72\" data-end=\"106\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – منتج ثوري يجمع بين قوة مستخلص الحلزون الأسود بنسبة 89% وتركيبة Trusica العلاجية التي تعمل على إصلاح البشرة وترطيبها بعمق. كل قطرة تُعتبر خطوة جريئة نحو بشرة أكثر شبابًا ونضارة.\u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003eتركيبة غير مسبوقة من مستخلص الحلزون الأسود\u003c\/h2\u003e\n\u003cp data-start=\"315\" data-end=\"366\" class=\"\"\u003e تجمع التركيبة بين مكونين طبيعيين أساسيين\u003c\/p\u003e\n\u003cul data-start=\"367\" data-end=\"756\"\u003e\n\u003cli data-start=\"367\" data-end=\"485\" class=\"\"\u003e\n\u003cp data-start=\"369\" data-end=\"485\" class=\"\"\u003e\u003cstrong data-start=\"369\" data-end=\"394\"\u003eمستخلص الحلزون الأسود\u003c\/strong\u003e الذي يُغذي البشرة بعمق، يُحفّز تجديد الخلايا، ويقلل من التجاعيد والندوب وآثار حب الشباب.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003e\u003cstrong data-start=\"488\" data-end=\"515\"\u003eتركيبة Trusica العلاجية\u003c\/strong\u003e التي تُزيل آثار التلف وتعالج الندوب بخبرة، لتُعيد لبشرتك توازنها الطبيعي وترطيبها الدائم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003eتتحد هذه المكونات مع النياسيناميد والمستخلصات النباتية لدعم مرونة البشرة وحاجزها الواقي، مما يحميها من العوامل البيئية الضارة ويمنحها إشراقة مُبهرة.\u003cbr data-start=\"605\" data-end=\"608\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\"\u003e\u003c\/h2\u003e\n\u003ch2\u003eلماذا الحلزون الأسود تحديدا ؟ \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eيُعتبر مستخلص الحلزون مكونًا شائعًا في منتجات العناية بالبشرة بفضل فوائده المتعددة. ومع ذلك، يتميز مستخلص الحلزون الأسود بخصائص فريدة تجعله يتفوق على المستخلصات الأخرى. في الجدول التالي، نوضح الأسباب التي دفعتنا لاختيار مستخلص الحلزون الأسود في سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالعنصر\u003c\/th\u003e\n\u003cth\u003eمستخلص الحلزون الأسود\u003c\/th\u003e\n\u003cth\u003eمستخلصات الحلزون الأخرى\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eالمكونات النشطة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على نسبة عالية من البروتينات، الإيلاستين، الكولاجين، والأحماض الدهنية الأساسية، مما يُعزز صحة البشرة ويُحسن مرونتها.\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مكونات نشطة، ولكن بنسب أقل مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالفعالية في إصلاح البشرة\u003c\/td\u003e\n\u003ctd\u003eيُحفّز تجديد خلايا البشرة، يُقلل من ظهور الندوب وآثار حب الشباب، ويُحسّن ملمس البشرة بشكل عام.\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تجديد البشرة، ولكن قد يكون أقل فعالية في معالجة الندوب العميقة وآثار حب الشباب.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالترطيب والمرونة\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا عميقًا ويُعزز مرونة البشرة بفضل محتواه الغني من الكولاجين والبروتينات.\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا جيدًا، لكن قد يكون أقل في تعزيز المرونة مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eمكافحة الشيخوخة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مضادات أكسدة قوية تُقلل من ظهور الخطوط الدقيقة والتجاعيد، مما يُعطي مظهرًا أكثر شبابًا.\u003c\/td\u003e\n\u003ctd\u003eيُساهم في مكافحة الشيخوخة، ولكن قد يكون تأثيره أقل وضوحًا مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eتوحيد لون البشرة\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تقليل التصبغات وتوحيد لون البشرة، مما يمنحها إشراقة طبيعية.\u003c\/td\u003e\n\u003ctd\u003eقد يُساهم في توحيد لون البشرة، لكن بفعالية أقل.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eباختيار مستخلص الحلزون الأسود، يُقدم سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e فوائد متعددة تتفوق على المستخلصات الأخرى، مما يجعله خيارًا مثاليًا لمن يسعى للحصول على بشرة صحية، نضرة، وخالية من العيوب.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"758\" data-end=\"783\" class=\"\"\u003eفيه حل لكل مشكلة في بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"784\" data-end=\"877\" class=\"\"\u003eيُعتبر \u003cstrong data-start=\"791\" data-end=\"825\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e الحل الشامل لمشاكل البشرة المتضررة؛ فهو يعمل على:\u003c\/p\u003e\n\u003cul data-start=\"878\" data-end=\"1164\"\u003e\n\u003cli data-start=\"878\" data-end=\"958\" class=\"\"\u003e\n\u003cp data-start=\"880\" data-end=\"958\" class=\"\"\u003eإعادة الترطيب العميق للبشرة وتحفيز تجديد خلاياها، مما يُحسن من مظهرها العام.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"959\" data-end=\"1037\" class=\"\"\u003e\n\u003cp data-start=\"961\" data-end=\"1037\" class=\"\"\u003eتقليل ظهور التجاعيد الدقيقة والندوب الناتجة عن حب الشباب والعوامل البيئية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1038\" data-end=\"1106\" class=\"\"\u003e\n\u003cp data-start=\"1040\" data-end=\"1106\" class=\"\"\u003eدعم حاجز البشرة الطبيعي وإعادة توازن مستويات الزيوت والماء فيها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1107\" data-end=\"1164\" class=\"\"\u003e\n\u003cp data-start=\"1109\" data-end=\"1164\" class=\"\"\u003eتحسين ملمس البشرة وإضفاء إشراقة طبيعية تدوم طوال اليوم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cul data-start=\"1269\" data-end=\"1582\"\u003e\n\u003cli data-start=\"1269\" data-end=\"1367\" class=\"\"\u003e\n\u003cp data-start=\"1271\" data-end=\"1367\" class=\"\"\u003eيُحفّز مستخلص الحلزون الأسود إنتاج الكولاجين وتجديد الخلايا، مما يُعيد للبشرة شبابها ومرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1368\" data-end=\"1491\" class=\"\"\u003e\n\u003cp data-start=\"1370\" data-end=\"1491\" class=\"\"\u003eتُساعد تركيبة Trusica على معالجة الندوب وعلامات التلف، في حين يعمل النياسيناميد على توحيد لون البشرة وتخفيف الالتهابات.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1492\" data-end=\"1582\" class=\"\"\u003e\n\u003cp data-start=\"1494\" data-end=\"1582\" class=\"\"\u003eالنتيجة هي بشرة مُرتبة، متجددة، ومحفوظة من آثار الزمن والتلف مع ملمس ناعم وإشراقة مبهرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003eطريقة الاستخدام المثالية\u003c\/h2\u003e\n\u003cp data-start=\"1614\" data-end=\"1886\" class=\"\"\u003eبعد تنظيف البشرة بلطف، يُوضع السيروم على الوجه مع التركيز على المناطق المتضررة مثل خطوط التجاعيد والندوب. قومي بتدليك المنتج برفق حتى يتم امتصاصه بالكامل، ثم اتبعيه بمرطب مناسب للحفاظ على الترطيب وتعزيز النتائج. يُفضل استخدام السيروم صباحًا ومساءً للحصول على أفضل النتائج.\u003c\/p\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003eأفضل الاستثمارات في صحة بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"1920\" data-end=\"2177\" class=\"\"\u003eإن \u003cstrong data-start=\"1923\" data-end=\"1957\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e ليس مجرد منتج عناية بالبشرة، بل هو استثمار حقيقي في شباب بشرتك. تركيبته المركزة والفعالة تُحقق نتائج ملحوظة مع استخدام كمية قليلة، مما يجعله الخيار الأمثل لمن تسعى لاستعادة نضارة وبريق بشرتها وحمايتها من علامات الزمن.\u003c\/p\u003e\n\u003cp data-start=\"2179\" data-end=\"2327\" class=\"\"\u003eاستمتعي بتجربة علاجية متكاملة حيث يلتقي العلم بالطبيعة ليمنح بشرتك التألق الذي تستحقينه، ولتكوني دائمًا على استعداد لمواجهة تحديات الزمن بثقة وجمال.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999393468590,"sku":null,"price":999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Heading_2.png?v=1759854555"},{"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: #80ae93;\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: #80ae93;\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: #80ae93;\n  font-weight: bold;\n}\n\n.yuja-highlight {\n  color: #80ae93;\n  font-weight: bold;\n}\n\n.yuja-feature-section {\n  margin: 25px 0;\n  padding: 15px;\n  background-color: #f9f9f9;\n  border-radius: 6px;\n}\n\n.yuja-feature-title {\n  font-size: 18px;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.yuja-cta {\n  text-align: center;\n  margin: 30px 0;\n  padding: 20px;\n  background-color: #f9f8f2;\n  border-radius: 8px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-description\"\u003e\n\u003c!-- العنوان الرئيسي --\u003e\n\u003ch3 class=\"yuja-title\"\u003eلا تدع البقع الداكنة والبهتان تسرق إشراقة بشرتك\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eهل لاحظت أن بشرتك فقدت نضارتها؟ هل بدأت البقع الداكنة والتصبغات في الظهور؟ كل يوم تأخير في العناية ببشرتك يزيد من صعوبة استعادة إشراقتها الطبيعية. لا تدع الندم يتسلل إليك لاحقًا.\u003c\/p\u003e\n\u003c!-- صورة المنتج الرئيسية --\u003e \u003cimg alt=\"Some By Mi Yuja Niacin Brightening Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_7.webp?v=1744750603\" class=\"yuja-image\"\u003e\n\u003ch3 class=\"yuja-title\"\u003eSome By Mi Yuja Niacin Brightening Toner – ثورة في تفتيح البشرة\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eيقدم هذا التونر تركيبة مبتكرة تحتوي على:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% من مستخلص اليوجا\u003c\/strong\u003e: فاكهة غنية بفيتامين C، تعمل على تفتيح البشرة وتوحيد لونها.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% نياسيناميد\u003c\/strong\u003e: يساعد في تقليل التصبغات والبقع الداكنة، ويعزز مرونة البشرة.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eالجلوتاثيون والأربوتين\u003c\/strong\u003e: مضادات أكسدة قوية تساهم في إشراقة البشرة وتقليل علامات التقدم في السن.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 نوعًا من الفيتامينات\u003c\/strong\u003e: تغذي البشرة وتعزز من حيويتها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"yuja-text\"\u003eهذه التركيبة الفريدة تجعل من التونر خيارًا مثاليًا لمن يسعى لبشرة مشرقة وصحية.\u003c\/p\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_2.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم ما يميز المنتج --\u003e\n\u003cdiv class=\"yuja-section\"\u003e\n\u003ch3 class=\"yuja-section-title\"\u003eما الذي يجعل Some By Mi Yuja Niacin Brightening Toner مميزًا؟\u003c\/h3\u003e\n\u003cp\u003eفي سوق مليء بالتونرات التي تعد بتفتيح البشرة، يبرز \u003cstrong\u003eSome By Mi Yuja Niacin Brightening Toner\u003c\/strong\u003e بتركيبته الفريدة والمركزة التي تجمع بين:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% من مستخلص فاكهة اليوجا (اليوزو)\u003c\/strong\u003e: مصدر غني بفيتامين C، يحتوي على ثلاثة أضعاف كمية فيتامين C الموجودة في الليمون، مما يساعد على تفتيح البشرة وتوحيد لونها.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% نياسيناميد\u003c\/strong\u003e: يساعد في تقليل التصبغات والبقع الداكنة، ويعزز مرونة البشرة.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eمضادات أكسدة قوية مثل الجلوتاثيون والأربوتين\u003c\/strong\u003e: تساهم في إشراقة البشرة وتقليل علامات التقدم في السن.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 نوعًا من الفيتامينات\u003c\/strong\u003e: تغذي البشرة وتعزز من حيويتها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eهذه التركيبة الغنية تجعل من التونر خيارًا مثاليًا لمن يسعى لبشرة مشرقة وصحية، متفوقًا على العديد من التونرات الأخرى التي تحتوي على نسب أقل من هذه المكونات الفعالة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_5.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم القيمة مقابل السعر --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eقيمة ممتازة مقابل السعر\u003c\/h3\u003e\n\u003cp\u003eمع حجم 150 مل، يقدم هذا التونر استخدامًا طويل الأمد، حيث تكفي كمية صغيرة منه لتغطية الوجه بالكامل. بالنظر إلى تركيز المكونات الفعالة فيه، يُعتبر استثمارًا ذكيًا للعناية بالبشرة، حيث يجمع بين الجودة والكمية في منتج واحد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- قسم قوام خفيف --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eقوام خفيف وامتصاص سريع\u003c\/h3\u003e\n\u003cp\u003eيتميز التونر بقوامه الخفيف الذي يمتصه الجلد بسرعة دون ترك أي بقايا دهنية، مما يجعله مناسبًا للاستخدام اليومي لجميع أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Usage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_6.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم الخاتمة --\u003e\n\u003cdiv class=\"yuja-cta\"\u003e\n\u003ch3\u003eلا تؤجل العناية ببشرتك\u003c\/h3\u003e\n\u003cp\u003eكل يوم تأخير في بدء روتين العناية بالبشرة هو خطوة نحو بشرة باهتة ومليئة بالعيوب. ابدأ اليوم مع Some By Mi Yuja Niacin Brightening Toner، واستعد إشراقة بشرتك الطبيعية قبل فوات الأوان.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999394255022,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61NmPogYOaL.jpg?v=1759854548"},{"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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\n  font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n  margin: 40px 0;\n  padding: 25px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n  text-align: center;\n  margin: 40px 0;\n  padding: 30px;\n  background-color: rgba(156, 129, 2, 0.05);\n  border-radius: 8px;\n  opacity: 0;\n  transform: scale(0.95);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n  line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInAndScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-serum-container\"\u003e\n  \u003cdiv class=\"yuja-serum-header\"\u003e\n    \u003ch3 class=\"yuja-serum-title\"\u003e🌟 ثورة في عالم السيرومات: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n    \u003cp class=\"yuja-serum-intro\"\u003e\n      في بحر منتجات العناية بالبشرة، يبرز هذا السيروم كتحفة فنية تجمع بين الطبيعة والعلوم الحديثة، مقدّمًا حلاً فوريًا وفعّالًا لمشكلات البشرة.\n    \u003c\/p\u003e\n    \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum\"\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم التركيبة الفريدة --\u003e\n  \u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n    \u003cdiv class=\"yuja-serum-section-title\"\u003e\n      \u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch3\u003eتركيبة فريدة تتجاوز التوقعات\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-serum-content\"\u003e\n      \u003cp\u003eما يميّز هذا السيروم عن غيره من منتجات النياسيناميد هو مزيجه الاستثنائي من المكونات:\u003c\/p\u003e\n      \n      \u003cdiv class=\"yuja-serum-ingredients\"\u003e\n        \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e82.3% مستخلص فاكهة اليوجا (اليوسفي الكوري)\u003c\/div\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              يُعرف بتركيزه العالي من فيتامين C، حيث يحتوي على ثلاثة أضعاف ما يحتويه الليمون، مما يمنح البشرة إشراقة طبيعية ويعزز إنتاج الكولاجين.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e5% نياسيناميد\u003c\/div\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              بتركيز مثالي، يعمل على توحيد لون البشرة، تقليل التصبغات، وتعزيز حاجز البشرة الواقي دون التسبب في تهيج.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-title\"\u003eالجلوتاثيون والأربوتين\u003c\/div\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              مضادات أكسدة قوية تساهم في تقليل إنتاج الميلانين، مما يساعد في تفتيح البقع الداكنة ومنح البشرة مظهرًا أكثر تجانسًا.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e4\u003c\/div\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e12 نوعًا من الفيتامينات\u003c\/div\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              تغذي البشرة، تعزز من حيويتها، وتساعد في تهدئة التوتر الناتج عن العوامل البيئية الضارة.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\" alt=\"Some By Mi Yuja Niacin Serum Benefits\"\u003e\n  \n  \u003c!-- قسم النتائج السريعة --\u003e\n  \u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n    \u003cdiv class=\"yuja-serum-section-title\"\u003e\n      \u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch3\u003eنتائج ملموسة في زمن قياسي\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \n    \u003cp\u003e\n      على عكس العديد من السيرومات التي تتطلب شهورًا لإظهار نتائج، يُظهر هذا السيروم تأثيره خلال 30 يومًا فقط. تجارب المستخدمين أشارت إلى تحسن واضح في توحيد لون البشرة وتقليل التصبغات في فترة قصيرة.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum Value\"\u003e\n  \n  \u003c!-- قسم القيمة مقابل السعر --\u003e\n  \u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n    \u003cdiv class=\"yuja-serum-section-title\"\u003e\n      \u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch3\u003eاستثمار ذكي لبشرتك\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \n    \u003cp\u003e\n      مع حجم 50 مل وتركيز عالٍ من المكونات الفعّالة، يُعتبر هذا السيروم ذا قيمة ممتازة مقابل السعر. تكفي كمية صغيرة لتحقيق النتائج المرجوة، مما يجعله يدوم لفترة طويلة، ويقدم حلاً اقتصاديًا وفعّالًا للعناية بالبشرة.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم الخاتمة --\u003e\n  \u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n    \u003cp\u003e\n      باختصار، \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e ليس مجرد سيروم آخر في السوق، بل هو تجربة فريدة تمزج بين قوة الطبيعة والتكنولوجيا الحديثة لتحقيق بشرة صحية ومشرقة في وقت قياسي.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n  \n  \/\/ مراقبة ظهور العناصر عند التمرير\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  \n  \/\/ مراقبة جميع الأقسام\n  sections.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999394713774,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1759854544"},{"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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\n  font-weight: bold;\n}\n\n.yuja-cream-feature-section {\n  margin: 50px 0;\n  padding: 30px;\n  background-color: #fff;\n  border-radius: 10px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: translateY(30px);\n  text-align: center;\n}\n\n.yuja-cream-feature-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-feature-section:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-cream-feature-content {\n  line-height: 1.8;\n}\n\n.yuja-cream-cta-section {\n  margin: 50px 0;\n  padding: 35px;\n  background: linear-gradient(to left, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1));\n  border-radius: 10px;\n  text-align: center;\n  opacity: 0;\n  transform: scale(0.95);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-cta-section.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.yuja-cream-cta-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  color: #333;\n}\n\n.yuja-cream-cta-content {\n  line-height: 1.8;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInAndScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\n@media (max-width: 768px) {\n  .yuja-cream-ingredients {\n    grid-template-columns: 1fr;\n  }\n  \n  .yuja-cream-section-title {\n    font-size: 22px;\n  }\n  \n  .yuja-cream-question {\n    font-size: 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-cream-container\"\u003e\n  \u003cdiv class=\"yuja-cream-header\"\u003e\n    \u003ch2 class=\"yuja-cream-title\"\u003eكريم اليوجا و النياسيناميد ! متخصص علاج جميع عيوب البشرة\u003c\/h2\u003e\n    \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_anti_blemish_cream.webp?v=1744754502\" alt=\"Some By Mi Yuja Niacin Anti Blemish Cream\"\u003e\n    \u003ch2 class=\"yuja-cream-question\"\u003eهل بشرتك تعاني من التصبغات والبقع الداكنة؟\u003c\/h2\u003e\n    \u003cp class=\"yuja-cream-intro\"\u003e\n      إذا كنتِ تشعرين بالإحباط من المنتجات التي تعد بتحسين البشرة دون أن تُقدّم نتائج ملموسة، فقد حان الوقت لتجربة \u003cstrong\u003eكريم Some By Mi Yuja Niacin Anti Blemish\u003c\/strong\u003e.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_YUJA_NIACIN_30DAYS_BLEMISH_CARE_SERUM_50_ml.webp?v=1744754624\" alt=\"Some By Mi Yuja Niacin Products\"\u003e\n  \n  \u003c!-- قسم التركيبة العلمية --\u003e\n  \u003cdiv class=\"yuja-cream-section\" id=\"formula-section\"\u003e\n    \u003cdiv class=\"yuja-cream-section-title\"\u003e\n      \u003ci class=\"fas fa-flask yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch2\u003eتركيبة علمية متقدمة لنتائج سريعة وفعّالة\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-content\"\u003e\n      \u003cp\u003eيحتوي هذا الكريم على مزيج فريد من المكونات النشطة التي تعمل بتناغم لتفتيح البشرة وتحسين مظهرها:\u003c\/p\u003e\n      \n      \u003cdiv class=\"yuja-cream-ingredients\"\u003e\n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003e5% نياسيناميد (فيتامين B3)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُعتبر من أقوى المكونات في تقليل التصبغات وتوحيد لون البشرة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eمستخلص اليوجا (اليوزو)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            غني بفيتامين C، يساعد في تفتيح البشرة وتقليل البقع الداكنة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eأربوتين\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُساهم في تقليل إنتاج الميلانين، مما يقلل من ظهور البقع الداكنة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eجلوتاثيون\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُعتبر من أقوى مضادات الأكسدة، يحارب الجذور الحرة ويُحسن إشراقة البشرة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eبانثينول (فيتامين B5)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُرطّب البشرة بعمق ويُعزز من حاجزها الطبيعي.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eمستخلص سنتيلا أسياتيكا (Cica)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُهدئ البشرة ويُعزز من تجديد الخلايا.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/yuja-niacin-Anti-Blemish-Cream.webp?v=1744754799\" alt=\"Some By Mi Yuja Niacin Cream Benefits\"\u003e\n  \n  \u003c!-- قسم لماذا هذا الكريم مميز --\u003e\n  \u003cdiv class=\"yuja-cream-feature-section\" id=\"benefits-section\"\u003e\n    \u003cdiv class=\"yuja-cream-section-title\"\u003e\n      \u003ci class=\"fas fa-lightbulb yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch2\u003eلماذا يُعتبر هذا الكريم ثورة في العناية بالبشرة؟\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-feature-content\"\u003e\n      \u003cp\u003e\n        يجمع الكريم بين المركب الثوري النياسيناميد الذي قلب موازين العناية بالبشرة مع مستخلص اليوجا بتركيز عالي .. يعتبر نبات اليوجا الذي يعرف باليوسفي الكوري باحتوائه على 3 أضعاف تركيز الفيتامين سي الموجود في الليمون .. مما يجعل هذا المستخلص معجزة في التفتيح و مقاومة الأكسدة و علاج علامات السن.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMI_YujaNiacinAntiBlemishCream60g-Holiholiholic_1_480x480_ff0e92bb-54fe-412f-935f-88df680ffe33.webp?v=1744754852\" alt=\"Some By Mi Yuja Niacin Cream Value\"\u003e\n  \n  \u003c!-- قسم الاستثمار الذكي --\u003e\n  \u003cdiv class=\"yuja-cream-feature-section\" id=\"value-section\"\u003e\n    \u003cdiv class=\"yuja-cream-section-title\"\u003e\n      \u003ci class=\"fas fa-coins yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch2\u003eاستثمار ذكي لبشرة أكثر إشراقة\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-feature-content\"\u003e\n      \u003cp\u003e\n        مع حجم 60 مل، يُعتبر هذا الكريم استثمارًا طويل الأمد. تركيز المكونات الفعّالة فيه يجعله يدوم لفترة طويلة، مما يجعله خيارًا اقتصاديًا وفعّالًا.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم الخاتمة --\u003e\n  \u003cdiv class=\"yuja-cream-cta-section\" id=\"cta-section\"\u003e\n    \u003cdiv class=\"yuja-cream-cta-title\"\u003e\n      \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e أنتِ تستحقين بشرة أكثر إشراقة ونضارة \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-cta-content\"\u003e\n      \u003cp\u003e\n        لا تدعي التصبغات والبقع الداكنة تُؤثّر على ثقتك بنفسك. جربي \u003cstrong class=\"yuja-cream-highlight\"\u003eكريم Some By Mi Yuja Niacin Anti Blemish\u003c\/strong\u003e اليوم، واستمتعي ببشرة أكثر إشراقة ونضارة.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const sections = document.querySelectorAll('.yuja-cream-section, .yuja-cream-feature-section, .yuja-cream-cta-section');\n  \n  \/\/ مراقبة ظهور العناصر عند التمرير\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        setTimeout(() =\u003e {\n          entry.target.classList.add('visible');\n        }, 100);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  \n  \/\/ مراقبة جميع الأقسام\n  sections.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999395008686,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOMEBYMIYujaNiacinAntiBlemishCream60ml.jpg?v=1759854541"},{"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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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 #80ae93;\n        }\n        \n        .highlight {\n            font-weight: 700;\n            color: #80ae93;\n        }\n        \n        .kit-components {\n            margin: 20px 0;\n        }\n        \n        .numbered-list {\n            list-style-type: decimal;\n            padding-right: 25px;\n            margin: 20px 0;\n        }\n        \n        .numbered-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n            padding-right: 5px;\n        }\n        \n        \/* Animation classes *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .slide-in-right {\n            opacity: 0;\n            transform: translateX(50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-right.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .slide-in-left {\n            opacity: 0;\n            transform: translateX(-50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-left.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .scale-in {\n            opacity: 0;\n            transform: scale(0.9);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .scale-in.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n        \n        .stagger-item {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        \n        .stagger-item.visible {\n            opacity: 1;\n            transform: translateY(0);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n        }\n        \n        @media (max-width: 768px) {\n            .products-grid, \n            .benefits-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .kit-title {\n                font-size: 1.5rem;\n            }\n            \n            .kit-section-title {\n                font-size: 1.3rem;\n            }\n            \n            .value-section {\n                padding: 20px;\n            }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"kit-header fade-in\"\u003e\n        \u003ch2 class=\"kit-title\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4f7f191837ad09424f833d5c29505f88.jpg?v=1745075290\" alt=\"SOME BY MI Starter Kit\" class=\"kit-image scale-in\"\u003e\n        \u003cp class=\"kit-subtitle\"\u003eمجموعة \u003cspan class=\"highlight\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/span\u003e تقدّم روتينًا متكاملاً من أربع خطوات مصممة خصيصًا للبشرة المعرضة لحبّ الشباب والتصبّغات. تتكوّن من صابون منظف، تونر، سيروم، وكريم، جميعها تحتوي على مزيج الأحماض الثلاثة (AHA, BHA, PHA) ومكوّنات مهدِّئة مثل شجرة الشاي والسنتيلا، لتقشير الخلايا الميتة، تطهير المسام، تهدئة الالتهابات، وترطيب البشرة بعمق دون تجريدها من زيوتها الطبيعية. الدمج بين هذه الخطوات الأربعة يضمن علاجًا شاملًا للتصبّغات، تقليل الالتهابات، وتحسين ملمس البشرة خلال 30 يومًا فقط.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eعن المجموعة\u003c\/h2\u003e\n        \n        \u003cdiv class=\"kit-content fade-in\"\u003e\n            \u003cp class=\"kit-text\"\u003eتحتوي المجموعة على أربعة منتجات بحجم السفر:\u003c\/p\u003e\n            \n            \u003cul class=\"kit-list\"\u003e\n                \u003cli\u003e\u003cstrong\u003eصابون AHA‑BHA‑PHA 30 Days Miracle Cleansing Bar (25g)\u003c\/strong\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cstrong\u003eتونر AHA‑BHA‑PHA 30 Days Miracle Toner (30ml)\u003c\/strong\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cstrong\u003eسيروم AHA‑BHA‑PHA 30 Days Miracle Serum (10ml)\u003c\/strong\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cstrong\u003eكريم AHA‑BHA‑PHA 30 Days Miracle Cream (20g)\u003c\/strong\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eوظائف كل منتج في المجموعة\u003c\/h2\u003e\n        \n        \u003cdiv class=\"products-grid\"\u003e\n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eمنظف Cleansing Bar\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2.webp?v=1745075149\" alt=\"Cleansing Bar\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eيجمع بين الأحماض الثلاثة (AHA لإزالة الخلايا الميتة، BHA لتطهير المسام، PHA للحفاظ على الترطيب)؛ ويحتوي على ماء شجرة الشاي وتركيبة هيرتليف لقتل البكتيريا وتهدئة الاحمرار.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eتونر Miracle Toner\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3.png?v=1745075847\" alt=\"Miracle Toner\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eتونر خفيف الحموضة (pH 5.5) يحتوي على مزيج الأحماض الثلاثة و10,000 ppm من ماء شجرة الشاي لتنقية المسام وتلطيف البشرة وترطيبها.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eسيروم Miracle Serum\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2.png?v=1745076405\" alt=\"Miracle Serum\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eيزيد التركيز إلى 14.5% سنتيلا آسياتيكا و10,000 ppm ماء شجرة الشاي لتهدئة الالتهابات ومنع تكون الحبوب، مع تقشير لطيف يحفز تجديد الخلايا.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eكريم Miracle Cream\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3.png?v=1745076683\" alt=\"Miracle Cream\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eكريم خفيف يمزج الأحماض الثلاثة مع شجرة الشاي والسنتيلا لترطيب عميق، تقوية حاجز البشرة، وتهدئة الاحمرار الناتج عن حبّ الشباب.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eكيف تعمل المكونات سويًّا\u003c\/h2\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA30-Days-Miracle-Starter-Kit-1pack_7.webp?v=1745076738\" alt=\"SOME BY MI Complete Kit\" class=\"kit-image fade-in\"\u003e\n        \n        \u003cdiv class=\"benefits-grid\"\u003e\n            \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n                \u003ch3 class=\"benefit-title\"\u003eالتقشير الانتقائي\u003c\/h3\u003e\n                \u003cp\u003eالأحماض الثلاثة تذيب الروابط بين الخلايا الميتة وتنظف المسام دون تجريد البشرة من زيوتها الطبيعية.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n                \u003ch3 class=\"benefit-title\"\u003eمضادّات الالتهابات\u003c\/h3\u003e\n                \u003cp\u003eماء شجرة الشاي ومستخلص سنتيلا آسياتيكا يثبّطان نمو البكتيريا ويقلّلان الاحمرار والتهيّج.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n                \u003ch3 class=\"benefit-title\"\u003eالترطيب والحماية\u003c\/h3\u003e\n                \u003cp\u003eالأحماض (PHA) وحمض الهيالورونيك (من Serum\/Cream) والسنتيلا يعزّزون حبس الماء داخل البشرة ويقوّون حاجزها الواقي.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eفوائد الدمج بينهم\u003c\/h2\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3.webp?v=1745076788\" alt=\"SOME BY MI Benefits\" class=\"kit-image fade-in\"\u003e\n        \n        \u003col class=\"numbered-list fade-in\"\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eروتين متكامل\u003c\/strong\u003e: خطوة تنظيف – تقشير – معالجة – ترطيب، لكل مرحلة دور محدد يضمن نتائج متسلسلة مُحكمة.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eنتائج متسارعة\u003c\/strong\u003e: تظهر بشرة أوضح وأنقى في غضون 30 يومًا مع الاستخدام اليومي المنتظم.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eعلاج شامل\u003c\/strong\u003e: لا يقتصر على إزالة الحبوب، بل يُصلح النسيج ويمنح إشراقة صحية متجددة.\u003c\/li\u003e\n        \u003c\/ol\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eتأثيرهم على البشرة\u003c\/h2\u003e\n        \n        \u003cul class=\"kit-list fade-in\"\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتوحيد لون البشرة\u003c\/strong\u003e وتقليل التصبّغات والبقع الداكنة.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتقليل حجم المسام\u003c\/strong\u003e والحدّ من إفراز الزيوت الزائدة.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتهدئة الالتهابات\u003c\/strong\u003e الناتجة عن حبّ الشباب والتهيّجات.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتعزيز ملمس ناعم ومرن\u003c\/strong\u003e لبشرة أكثر شبابًا وحيوية.\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eقيمة استثنائية مقابل السعر\u003c\/h2\u003e\n        \n        \u003cdiv class=\"value-section slide-in-right\"\u003e\n            \u003cul class=\"kit-list\"\u003e\n                \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eحجم السفر الاقتصادي\u003c\/strong\u003e يتيح تجربة كاملة لأربعة منتجات بسعر معقول  مقارنةً بشراء كل منتج على حدة.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eأربعة أسابيع كاملة\u003c\/strong\u003e بجرعات صغيرة تكفي للاستخدام اليومي صباحًا ومساءً طوال فترة الثلاثين يومًا.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eمكونات نادرة وفعّالة\u003c\/strong\u003e بتركيزات عالية (ماء شجرة الشاي 10,000 ppm، سنتيلا 14.5%, Niacinamide 2% ضمن التونر) تجتمع في مجموعة واحدة تمنحك قيمة استثنائية لا تجدينها في سيروم وحيد.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \n        \u003chr style=\"margin: 40px 0; border: none; height: 1px; background-color: #eee;\"\u003e\n        \n        \u003cp class=\"kit-text fade-in\"\u003eاختاري \u003cstrong\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/strong\u003e لتجربة قادرة على إعادة بناء بشرتكِ من الجذور، وتحصُّل نتائج حقيقية، واستمتعي بقيمة لا تضاهى في عالم العناية بالبشرة.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Fade-in animation for elements as they come into view\n            const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n            \n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, 100);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            animatedElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n            \n            \/\/ Staggered animation for product cards\n            const staggerItems = document.querySelectorAll('.stagger-item');\n            \n            const staggerObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach((entry, index) =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, index * 150); \/\/ 150ms delay between each item\n                        staggerObserver.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            staggerItems.forEach(el =\u003e {\n                staggerObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999395500206,"sku":null,"price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_BY_MI_AHA-BHA-PHA_30_Days_Miracle_Starter_Kit.jpg?v=1759854527"},{"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: #80ae93;\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, #80ae93, #80ae93);\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: #80ae93;\n  }\n\n  .benefit-number {\n    display: inline-block;\n    width: 30px;\n    height: 30px;\n    background: #80ae93;\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: #80ae93;\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: #80ae93;\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, #80ae93, #80ae93);\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: #80ae93;\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: #80ae93;\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, #80ae93, #80ae93);\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: #80ae93;\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: #80ae93;\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: #80ae93;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .texture-icon {\n    font-size: 2.5em;\n    color: #80ae93;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .texture-title {\n    color: #80ae93;\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, #80ae93, #80ae93);\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: #80ae93;\n  }\n\n  .investment-icon {\n    font-size: 2.5em;\n    color: #80ae93;\n    margin-bottom: 15px;\n    display: block;\n    text-align: center;\n  }\n\n  .investment-title {\n    color: #80ae93;\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: #80ae93;\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: #80ae93;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 2.2em;\n    color: #80ae93;\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, #80ae93, #80ae93);\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: #80ae93;\n    font-weight: 700;\n  }\n\n  .divider {\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #80ae93, 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: #80ae93; 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: #80ae93; margin-bottom: 20px;\"\u003eقوام جيل شفاف خفيف\u003c\/h2\u003e\n    \u003ch3 style=\"font-size: 1.3em; color: #666; margin-bottom: 30px;\"\u003eامتصاص فوري بدون أي أثر دهني\u003c\/h3\u003e\n    \n    \u003cdiv class=\"texture-highlights\"\u003e\n      \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n        \u003cspan class=\"texture-icon\"\u003e💧\u003c\/span\u003e\n        \u003ch3 class=\"texture-title\"\u003eجيل شفاف\u003c\/h3\u003e\n        \u003cp\u003eقوام خفيف ينساب على البشرة\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n        \u003cspan class=\"texture-icon\"\u003e⚡\u003c\/span\u003e\n        \u003ch3 class=\"texture-title\"\u003eامتصاص فوري\u003c\/h3\u003e\n        \u003cp\u003eيختفي فورًا بدون لزوجة\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n        \u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n        \u003ch3 class=\"texture-title\"\u003eبدون أثر\u003c\/h3\u003e\n        \u003cp\u003eلا طبقة بيضاء أو دهنية\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Investment Section --\u003e\n  \u003cdiv class=\"investment-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eمن أفضل الاستثمارات لصحة جلدك\u003c\/h2\u003e\n    \n    \u003cdiv class=\"investment-grid\"\u003e\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e⚡\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eمعجزة سريعة\u003c\/h3\u003e\n        \u003cp\u003eودّعي البقع في 14 يوم بس.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e🛡️\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eمناسب للبشرة الحساسة\u003c\/h3\u003e\n        \u003cp\u003eخضع لاختبارات تحسس ومضاد لالتصاق البشرة (20 no-adhesion tests).\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e🚫\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eخالي من 20 مادة ضارّة\u003c\/h3\u003e\n        \u003cp\u003eلا بارابين، لا عطور صناعية، ولا ألوان.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e🔬\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eمزيج مثالي\u003c\/h3\u003e\n        \u003cp\u003eTruecica™ + Panthenol + AHA·BHA·PHA = أقصى درجات الفعالية والراحة.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CTA Section --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"animate-on-scroll\"\u003eمعجزة حقيقية في 14 يوم فقط\u003c\/h2\u003e\n    \u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003eابدأ معجزة التغيير النهارده مع \u003cstrong style=\"color: white;\"\u003eSOME BY MI 14 Days Super Miracle Spot All Kill Cream\u003c\/strong\u003e وخلي بشرتك تقرّب للمثالية في 14 يوم بس!\u003c\/p\u003e\n    \u003cbutton class=\"cta-button animate-on-scroll\"\u003eاشتري الآن\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/\/ Intersection Observer for scroll animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all animate-on-scroll elements\n  document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n  \/\/ Animate benefits cards\n  const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.benefit-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate acid cards\n  const acidObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.acid-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.triple-acid-section').forEach(section =\u003e {\n    acidObserver.observe(section);\n  });\n\n  \/\/ Animate timeline items\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateX(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n    timelineObserver.observe(item);\n  });\n\n  \/\/ Animate texture cards\n  const textureObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.texture-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.texture-section').forEach(section =\u003e {\n    textureObserver.observe(section);\n  });\n\n  \/\/ Animate investment cards\n  const investmentObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.investment-card').forEach(card =\u003e {\n    investmentObserver.observe(card);\n  });\n\n  \/\/ CTA button interaction\n  document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n    const button = document.querySelector('.cta-button');\n    button.style.animation = 'none';\n    setTimeout(() =\u003e {\n      button.style.animation = 'glow 2s infinite alternate';\n    }, 100);\n  });\n\u003c\/script\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999396876462,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitled_design_-_2025-04-28T201324.540.jpg?v=1759854506"},{"product_id":"some-by-mi-30-days-miracle-ac-sos-kit-1","title":"SOME by MI AHA BHA PHA 30 Days Miracle AC SOS Kit","description":"\u003cdiv class=\"some-by-mi-container\" dir=\"ltr\"\u003e\n  \u003cstyle\u003e\n    .some-by-mi-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family: inherit;\n      line-height: 1.6;\n      color: #333;\n      background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n      min-height: 100vh;\n    }\n\n    .some-by-mi-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Premium floating particles background *\/\n    .some-by-mi-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: \n        radial-gradient(circle at 15% 25%, rgba(156, 129, 2, 0.03) 2px, transparent 2px),\n        radial-gradient(circle at 85% 75%, rgba(212, 175, 55, 0.04) 1px, transparent 1px),\n        radial-gradient(circle at 45% 60%, rgba(156, 129, 2, 0.02) 1px, transparent 1px),\n        linear-gradient(135deg, rgba(250, 250, 250, 0.8) 0%, rgba(240, 240, 240, 0.9) 100%);\n      animation: premiumFloat 25s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #80ae93;\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, #80ae93 0%, #80ae93 50%, #80ae93 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      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent 0%, #80ae93 20%, #80ae93 50%, #80ae93 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, #80ae93, #80ae93, #80ae93);\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: #80ae93;\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: #80ae93;\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, #80ae93, #80ae93, #80ae93);\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: #80ae93;\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-left: 4px solid #80ae93;\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-left-color: #80ae93;\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #80ae93, #80ae93);\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 #80ae93;\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: #80ae93;\n    }\n\n    .acid-card:hover::before {\n      opacity: 1;\n    }\n\n    .acid-title {\n      color: #80ae93;\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-left: 5px solid #80ae93;\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-left-color: #80ae93;\n    }\n\n    .week-number {\n      position: absolute;\n      top: -20px;\n      left: 30px;\n      background: linear-gradient(135deg, #80ae93, #80ae93);\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: #80ae93;\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 #80ae93;\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: #80ae93;\n    }\n\n    .value-item h3 {\n      color: #80ae93;\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: #80ae93;\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: #80ae93;\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\"\u003e30-Day Miracle Starter Kit - Some By Mi AHA\/BHA\/PHA\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 30-Day Miracle Starter Kit\" class=\"hero-image\"\u003e\n\n  \u003c!-- Challenge Section --\u003e\n  \u003cdiv class=\"challenge-section\"\u003e\n    \u003ch2 class=\"challenge-title\"\u003eTake the 30-Day Challenge: Transform Your Skin!\u003c\/h2\u003e\n    \u003cdiv class=\"challenge-text\"\u003e\n      \u003cp\u003e\u003cstrong\u003eHow long have you been battling the same skin issues?\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eBreakouts, clogged pores, redness, dark spots... the same struggles day after day.\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eThe problem isn’t your effort—it’s using products that don’t work together.\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003eThe \u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e isn’t just a collection of products; it’s a \u003cstrong\u003ecomplete skincare system\u003c\/strong\u003e where each step complements the next for one goal: \u003cstrong\u003eflawless skin in just 30 days\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\"\u003eWhy Four Products Beat One?\u003c\/h2\u003e\n    \u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eBecause complex skin issues demand a comprehensive solution.\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\"\u003eDeep Cleanse (Cleanser)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eNot just cleansing—smart prep for transformative results.\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\"\u003eBalance \u0026 Prep (Toner)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eRestores balance and primes skin for optimal treatment absorption.\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\"\u003eTargeted Treatment (Serum)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eHigh-potency actives for deep, effective repair.\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\"\u003eProtect \u0026 Repair (Cream)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eLocks in results and restores skin overnight.\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 #80ae93;\"\u003e\n      \u003cp style=\"font-size: 1.2em; font-weight: bold; color: #80ae93;\"\u003eThe Result: Amplified effects no single product can achieve.\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\"\u003eMeet the Dream Team: Product Breakdown\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 Cleanser\" class=\"product-image\"\u003e\n      \u003ch3 class=\"product-title\"\u003eMiracle Cleanser (30ml)\u003c\/h3\u003e\n      \u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cleansing Foam\u003c\/h4\u003e\n      \u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #80ae93;\"\u003eMore than cleansing—it’s the foundation for transformation.\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\u003eLow pH formula\u003c\/strong\u003e preserves your skin’s natural barrier.\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\u003eDeep cleansing\u003c\/strong\u003e removes impurities, dirt, and makeup.\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\u003eGentle exfoliation\u003c\/strong\u003e preps skin for better absorption.\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 soothes and balances oil production.\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 Toner\" class=\"product-image\"\u003e\n      \u003ch3 class=\"product-title\"\u003eBalancing Toner (30ml)\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: #80ae93;\"\u003eThe bridge between cleansing and treatment.\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 restores skin balance post-cleansing.\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\u003eWitch Hazel extract\u003c\/strong\u003e minimizes pores and tightens skin.\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\u003eNatural Papaya\u003c\/strong\u003e dissolves oils and calms skin.\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\u003eLotus extract\u003c\/strong\u003e brightens and evens skin tone.\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\u003eSoybean extract\u003c\/strong\u003e nourishes and strengthens skin.\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 Serum\" class=\"product-image\"\u003e\n      \u003ch3 class=\"product-title\"\u003eMiracle Serum (10ml)\u003c\/h3\u003e\n      \u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Serum\u003c\/h4\u003e\n      \u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #80ae93;\"\u003eThe powerhouse of your skincare routine.\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 soothes and repairs skin.\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 controls oil and fades dark spots.\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\u003eHigh-potency acids\u003c\/strong\u003e for deep treatment.\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\u003eBoosts cell turnover\u003c\/strong\u003e to promote skin healing.\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 Cream\" class=\"product-image\"\u003e\n      \u003ch3 class=\"product-title\"\u003eProtective Cream (20g)\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: #80ae93;\"\u003eThe final shield for lasting results.\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 extracts\u003c\/strong\u003e for comprehensive repair.\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\u003eBuilds a strong protective barrier\u003c\/strong\u003e against external aggressors.\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\u003eBoosts collagen production\u003c\/strong\u003e for firmer, more elastic skin.\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\u003eDeep hydration\u003c\/strong\u003e that lasts all night.\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\u003eLightweight and fast-absorbing\u003c\/strong\u003e for all skin types.\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: #80ae93; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eTriple AHA\/BHA\/PHA Technology: Your Acne-Fighting Arsenal\u003c\/h2\u003e\n    \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eEach acid targets a specific skin concern for unbeatable results.\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) - Surface Exfoliator\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\u003eDissolves dead skin cells\u003c\/strong\u003e that clog pores.\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\u003eBoosts cell renewal\u003c\/strong\u003e for smoother skin.\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\u003eFades dark spots\u003c\/strong\u003e and acne scars.\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) - Deep Pore Cleanser\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\u003ePenetrates pores\u003c\/strong\u003e to dissolve excess oil.\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\u003eCleanses from within\u003c\/strong\u003e to prevent new breakouts.\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\u003eMinimizes pores\u003c\/strong\u003e and refines skin texture.\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) - Gentle Soother\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\u003eGentle exfoliation\u003c\/strong\u003e safe for sensitive skin.\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\u003eLocks in moisture\u003c\/strong\u003e during exfoliation.\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\u003eReduces redness\u003c\/strong\u003e and soothes irritation.\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 #80ae93;\"\u003e\n      \u003cp style=\"font-size: 1.3em; font-weight: bold; color: #80ae93;\"\u003eThe Result: Comprehensive exfoliation without irritation + deep pore cleansing + balanced hydration.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-top: 40px; text-align: center;\"\u003e\n      \u003ch3 style=\"color: #80ae93; font-size: 1.8em; margin-bottom: 20px;\"\u003e100ppm Tea Tree Extract - Nature’s Acne Fighter\u003c\/h3\u003e\n      \u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003eWhy Tea Tree? It’s nature’s ultimate solution for troubled skin.\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 #80ae93;\"\u003e\n          \u003cstrong\u003ePowerful Antibacterial\u003c\/strong\u003e\u003cbr\u003eTackles the root cause of acne.\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #80ae93;\"\u003e\n          \u003cstrong\u003eNatural Anti-Inflammatory\u003c\/strong\u003e\u003cbr\u003eCalms redness and irritation.\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #80ae93;\"\u003e\n          \u003cstrong\u003eControls Oil Production\u003c\/strong\u003e\u003cbr\u003ePrevents excess shine.\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #80ae93;\"\u003e\n          \u003cstrong\u003eDeep Pore Cleansing\u003c\/strong\u003e\u003cbr\u003eKeeps pores clear and clog-free.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cp style=\"margin-top: 30px; font-size: 1.2em; font-weight: bold; color: #80ae93;\"\u003e100ppm in every product = a perfect therapeutic dose—strong enough to work, gentle enough to be safe.\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\"\u003eYour 30-Day Journey to Radiant Skin\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\"\u003eWeek 1: The Kickstart\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\u003eDeeper cleansing\u003c\/strong\u003e than ever before.\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\u003eInstant oil reduction\u003c\/strong\u003e and less shine.\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\u003eCalms existing inflammation\u003c\/strong\u003e and redness.\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\"\u003eWeek 2: Visible Progress\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\u003eFewer new breakouts\u003c\/strong\u003e form.\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\u003eSmoother skin texture\u003c\/strong\u003e emerges.\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\u003eBlackheads start to fade\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\"\u003eWeek 3: Clear Transformation\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\u003eNoticeably smaller pores\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\u003eMost acne clears up\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\u003eBrighter, more even skin tone\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\"\u003eWeek 4: The Miracle Moment\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\u003eClear, acne-free skin\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\u003eSmaller, cleaner pores\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\u003eEven, radiant complexion\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\u003eSilky-smooth texture\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 #80ae93;\"\u003e\n      \u003cp style=\"font-size: 1.4em; font-weight: bold; color: #80ae93;\"\u003eThe Final Result: Flawless skin worth every moment of the challenge.\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: #80ae93; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eUnmatched Value for Your Investment\u003c\/h2\u003e\n    \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eA true investment in your skin’s health.\u003c\/p\u003e\n\n    \u003cdiv class=\"value-grid\"\u003e\n      \u003cdiv class=\"value-item\"\u003e\n        \u003ch3\u003eComplete Routine in One Kit\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eNo need to hunt for individual products or the perfect combo.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003eThe Result:\u003c\/strong\u003e A scientifically crafted routine that works as a cohesive unit.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"value-item\"\u003e\n        \u003ch3\u003e30 Days of Daily Care\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eMeets all your skin’s needs for a full month.\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"value-item\"\u003e\n        \u003ch3\u003eWorld-Class Ingredients\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eFormulated with the finest skincare ingredients:\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cul style=\"margin-top: 15px;\"\u003e\n          \u003cli\u003e\u003cstrong\u003eAHA\/BHA\/PHA Technology:\u003c\/strong\u003e Cutting-edge science.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003ePure Tea Tree Extract:\u003c\/strong\u003e Premium quality from Australia.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eConcentrated Centella Asiatica:\u003c\/strong\u003e The green gold for soothing skin.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eHigh-Purity Niacinamide:\u003c\/strong\u003e Vitamin B3 in its purest form.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e Exclusive technology for barrier repair.\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\"\u003eThe Hard Truth\u003c\/h2\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eSkin problems don’t fix themselves.\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      Every day you wait means more breakouts, deeper scars, and larger pores.\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      The \u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e isn’t just products—it’s a \u003cstrong\u003ereal challenge to transform your skin for good\u003c\/strong\u003e.\n    \u003c\/p\u003e\n    \u003cdiv class=\"highlight-text\"\u003e\n      Just 30 days... it’ll change everything, or you’ll wish you tried.\n    \u003c\/div\u003e\n    \u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n      Are you ready for the challenge?\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eOrder the kit now and start your 30-day journey to dream skin.\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n      Remember: Perfect skin isn’t a dream—it’s a decision.\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 = 'slideInLeft 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, #80ae93, #80ae93);\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, #80ae93, #80ae93);\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 slideInLeft animation for timeline\n    const slideInLeftKeyframes = `\n      @keyframes slideInLeft {\n        to {\n          opacity: 1;\n          transform: translateX(0);\n        }\n      }\n    `;\n    \n    const style = document.createElement('style');\n    style.textContent = slideInLeftKeyframes;\n    document.head.appendChild(style);\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999411851438,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1759854366"},{"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":"\u003cdiv class=\"ph-product-container\" style=\"direction:rtl; text-align:right;\"\u003e\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"ph-hero-section fade-in\"\u003e\n    \u003ch1 class=\"ph-hero-title\"\u003eالعلم الكوري المتقدم يمتزج بحكمة الطبيعة\u003c\/h1\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\" class=\"ph-product-image\"\u003e\n    \u003cp class=\"ph-product-intro\"\u003e\n      \u003cstrong\u003eمش مجرد منتج تاني للتجريب.\u003c\/strong\u003e\n      ده \u003cstrong\u003eاكتشاف علمي حقيقي\u003c\/strong\u003e عمله أشطر علماء العناية بالبشرة في كوريا، واثبت نجاحه على \u003cstrong\u003eملايين المستخدمين\u003c\/strong\u003e حوالين العالم.\n    \u003c\/p\u003e\n    \u003cp class=\"ph-product-intro\"\u003e\n      \u003cstrong\u003eسيروم SOME BY MI بيحل المشكلة من جذورها\u003c\/strong\u003e بتقنية Bi-Phase الجديدة اللي بتجمع بين \u003cstrong\u003e3 أحماض متخصصة + السنتيلا الآسيوية الطبيعية + مستخلص الشاي الأخضر المركز.\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits Section --\u003e\n  \u003cdiv class=\"ph-section fade-in\"\u003e\n    \u003ch2 class=\"ph-section-title\"\u003eالفوائد العلمية المؤكدة - المكونات اللي تضمنلك النتيجة\u003c\/h2\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=\"فوائد السيروم\" class=\"ph-product-image\"\u003e\n    \u003ch3 class=\"ph-section-title\" style=\"color:#80ae93; margin: 30px 0;\"\u003eعلاج .. تجديد .. تحفيز .. وقاية\u003c\/h3\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\u003cstrong\u003e(بأحماض AHA المدروسة علمياً)\u003c\/strong\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\"\u003eتنضيف عميق للمسام المسدودة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بأحماض BHA المتخصصة)\u003c\/strong\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\"\u003eتقشير لطيف للبشرة الحساسة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بأحماض PHA الآمنة)\u003c\/strong\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\"\u003eتهدئة الالتهابات والتهيج\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بالسنتيلا الآسيوية 14.5%)\u003c\/strong\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\"\u003eمحاربة البكتيريا الضارة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بمستخلص الشاي الأخضر 10,000 ppm)\u003c\/strong\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\"\u003eتوحيد لون البشرة وتفتيح البقع\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بالأحماض المتخصصة + النياسيناميد)\u003c\/strong\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\"\u003eتصغير حجم المسام الظاهرة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بتركيبة BHA + PHA)\u003c\/strong\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\"\u003eتحفيز تجديد الكولاجين\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بالسنتيلا الآسيوية + الأحماض)\u003c\/strong\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\"\u003eترطيب متوازن بدون دهنية\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بتقنية Bi-Phase الحصرية)\u003c\/strong\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\"\u003eحماية من الأضرار البيئية\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بمضادات الأكسدة الطبيعية)\u003c\/strong\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\"\u003eتنعيم ملمس البشرة الخشنة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بالتركيبة الثلاثية المتكاملة)\u003c\/strong\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\"\u003eإضاءة طبيعية للبشرة الباهتة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بالتقشير اللطيف + التجديد الخلوي)\u003c\/strong\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\"\u003eتقليل ظهور التجاعيد الدقيقة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بتحفيز تجديد الخلايا + الكولاجين)\u003c\/strong\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\"\u003eتنظيم إفراز الدهون الزايدة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e(بالنياسيناميد + الشاي الأخضر)\u003c\/strong\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\"\u003eتسريع شفاء آثار الحبوب\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\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=\"ph-ingredients-list fade-in\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\" alt=\"مكونات طبيعية\" class=\"ph-product-image\"\u003e\n    \u003ch2 class=\"ph-ingredients-list-title\"\u003eالتركيبة العلمية الثلاثية: AHA + BHA + PHA\u003c\/h2\u003e\n    \u003ch3 class=\"ph-mechanism-title\" style=\"text-align:center; margin-bottom:30px;\"\u003e\u003cstrong\u003eكل حمض له شغله... والتلاتة مع بعض بيعملوا معجزة\u003c\/strong\u003e\u003c\/h3\u003e\n    \u003cdiv class=\"ph-mechanism-cards\"\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003e◇ AHA (أحماض الألفا هيدروكسي)\u003c\/h3\u003e\n        \u003cp class=\"ph-feature-list\"\u003e\u003cstrong\u003eالتركيز المدروس علمياً\u003c\/strong\u003e بيشتغل على سطح البشرة يشيل خلايا الجلد الميتة المتراكمة، ويكشف طبقة جديدة أنعم وأكتر إشراق. بيحسن ملمس البشرة ويوحد لونها بشكل تدريجي وآمن.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003e◆ BHA (أحماض البيتا هيدروكسي)\u003c\/h3\u003e\n        \u003cp class=\"ph-feature-list\"\u003e\u003cstrong\u003eالقوة المتخصصة\u003c\/strong\u003e اللي بتخش عمق المسام المسدودة وتدوب الدهون والأوساخ المتراكمة. مثالي للبشرة الدهنية والمختلطة، بيقلل حجم المسام الظاهرة ويمنع تكوين الرؤوس السودا.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003e▲ PHA (أحماض البولي هيدروكسي)\u003c\/h3\u003e\n        \u003cp class=\"ph-feature-list\"\u003e\u003cstrong\u003eاللمسة اللطيفة\u003c\/strong\u003e اللي بتقشر بنعومة فايقة، مناسبة حتى للبشرة الحساسة. بتحتفظ بالرطوبة أثناء التقشير، وبتعزز تجديد الخلايا من غير ما تعمل أي تهيج.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Centella Section --\u003e\n  \u003cdiv class=\"ph-ingredients-list fade-in\"\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=\"السنتيلا الآسيوية\" class=\"ph-product-image\"\u003e\n    \u003ch2 class=\"ph-ingredients-list-title\"\u003eالسنتيلا الآسيوية 14.5%: الطب العشبي الكوري الأصيل\u003c\/h2\u003e\n    \u003ch3 class=\"ph-mechanism-title\" style=\"text-align:center; margin-bottom:20px;\"\u003e\u003cstrong\u003eالنبتة المقدسة في العناية بالبشرة\u003c\/strong\u003e\u003c\/h3\u003e\n    \u003cp class=\"ph-ingredients-text\" style=\"text-align:center; margin-bottom:30px;\"\u003eالسنتيلا الآسيوية مش مجرد مكون طبيعي... \u003cstrong\u003eدي صيدلية كاملة في نبتة واحدة.\u003c\/strong\u003e بتركيز استثنائي 14.5%، بتشتغل على:\u003c\/p\u003e\n    \u003cdiv class=\"ph-mechanism-cards\"\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\" style=\"color:#80ae93; float:right; margin-left:15px;\"\u003e●\u003c\/div\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eتهدية الالتهابات\u003c\/strong\u003e والتهيج الناتج عن التقشير\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\" style=\"color:#80ae93; float:right; margin-left:15px;\"\u003e●\u003c\/div\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eتسريع شفاء البشرة\u003c\/strong\u003e وإصلاح الأضرار الموجودة\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\" style=\"color:#80ae93; float:right; margin-left:15px;\"\u003e●\u003c\/div\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eتقوية حاجز البشرة\u003c\/strong\u003e الطبيعي ضد العوامل الخارجية\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\" style=\"color:#80ae93; float:right; margin-left:15px;\"\u003e●\u003c\/div\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eتحفيز تجديد الكولاجين\u003c\/strong\u003e لبشرة أكتر مرونة وشباب\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Green Tea Section --\u003e\n  \u003cdiv class=\"ph-ingredients-list fade-in\"\u003e\n    \u003ch2 class=\"ph-ingredients-list-title\"\u003eمستخلص الشاي الأخضر 10,000 ppm: قوة مضادات الأكسدة\u003c\/h2\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/green_tea_extract.jpg?v=1754409155\" alt=\"مستخلص الشاي الأخضر\" class=\"ph-product-image\"\u003e\n    \u003ch3 class=\"ph-mechanism-title\" style=\"text-align:center; margin-bottom:20px;\"\u003e\u003cstrong\u003eالحماية والتنقية في مكون واحد\u003c\/strong\u003e\u003c\/h3\u003e\n    \u003cp class=\"ph-ingredients-text\" style=\"text-align:center; margin-bottom:30px;\"\u003e\u003cstrong\u003e10,000 جزء في المليون\u003c\/strong\u003e من مستخلص الشاي الأخضر الخالص - تركيز علاجي حقيقي بيوفر:\u003c\/p\u003e\n    \u003cdiv class=\"ph-mechanism-cards\"\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\" style=\"color:#80ae93; float:right; margin-left:15px;\"\u003e●\u003c\/div\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eحماية فايقة\u003c\/strong\u003e من الجذور الحرة والأضرار البيئية\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\" style=\"color:#80ae93; float:right; margin-left:15px;\"\u003e●\u003c\/div\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eتنقية عميقة\u003c\/strong\u003e للمسام من البكتيريا والأوساخ\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\" style=\"color:#80ae93; float:right; margin-left:15px;\"\u003e●\u003c\/div\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eتنظيم إفراز الدهون\u003c\/strong\u003e للبشرة الدهنية والمختلطة\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\" style=\"color:#80ae93; float:right; margin-left:15px;\"\u003e●\u003c\/div\u003e\n\u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eخصائص مضادة للبكتيريا\u003c\/strong\u003e تمنع ظهور الالتهابات\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=\"ph-results-section fade-in\"\u003e\n    \u003ch2 class=\"ph-results-title\"\u003eالدليل العلمي: نتائج موثقة من مختبرات دولية\u003c\/h2\u003e\n    \u003ch3 class=\"ph-results-title\" style=\"margin-bottom:30px;\"\u003eأرقام حقيقية من اختبارات سريرية دولية:\u003c\/h3\u003e\n    \u003cdiv class=\"ph-stats-grid\"\u003e\n      \u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e73%\u003c\/div\u003e\n\u003cdiv\u003eتحسن ملمس البشرة\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e67%\u003c\/div\u003e\n\u003cdiv\u003eتقليل حجم المسام\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e84%\u003c\/div\u003e\n\u003cdiv\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\u003eتهدئة التهابات البشرة\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ph-product-intro\" style=\"margin-top:30px;\"\u003e\u003cstrong\u003eدي مش مجرد ادعاءات تسويقية... دي نتائج مختبرات معتمدة دولياً.\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Timeline Section --\u003e\n  \u003cdiv class=\"ph-timeline-section fade-in\"\u003e\n    \u003ch2 class=\"ph-section-title\"\u003eرحلة الـ30 يوم: التحول المدروس علمياً\u003c\/h2\u003e\n    \u003cdiv class=\"ph-timeline-container\"\u003e\n      \u003cdiv class=\"ph-timeline-item\"\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البشرة بتتأقلم تدريجياً مع التركيبة النشطة\u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003eبداية تنضيف عميق للمسام وإزالة الأوساخ\u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003eتحسن واضح في نعومة البشرة ونضافتها\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-item\"\u003e\n        \u003cdiv class=\"ph-timeline-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تسارع عملية تجديد الخلايا وشيل الطبقات الميتة\u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003eتحسن واضح في ملمس البشرة وتوحيد لونها\u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003eتقليل تدريجي في حجم المسام الظاهرة\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-item\"\u003e\n        \u003cdiv class=\"ph-timeline-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نتائج واضحة في نضافة البشرة وإشراقها\u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003eتوازن مثالي بين الزيوت والرطوبة\u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003eبشرة أكتر مرونة وحيوية\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-item\"\u003e\n        \u003cdiv class=\"ph-timeline-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تحول كامل في جودة البشرة وملمسها\u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003eمسام أصغر حجماً وأقل وضوح\u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003eبشرة صحية متوهجة بنضارة طبيعية\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Social Proof Section --\u003e\n  \u003cdiv class=\"ph-social-proof fade-in\"\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 class=\"ph-benefit-title\" style=\"color:#80ae93;margin-bottom:15px;\"\u003eملايين الوحدات المباعة عالمياً\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eمن كوريا لأوروبا وأمريكا، سيروم SOME BY MI بقى الاختيار الأول لكل اللي بيدوروا على تجديد حقيقي للبشرة.\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 class=\"ph-benefit-title\" style=\"color:#80ae93;margin-bottom:15px;\"\u003eحاصل على عدة جوائز عالمية\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eجوائز من أهم مجلات الجمال والعناية بالبشرة، واعتراف من خبراء التجميل حوالين العالم.\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 class=\"ph-benefit-title\" style=\"color:#80ae93;margin-bottom:15px;\"\u003eنسبة رضا تتعدى 92%\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\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=\"ph-social-proof fade-in\"\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        \u003ch3 class=\"ph-benefit-title\"\u003e◆ مكونات عالية القيمة\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e3 أنواع من أحماض الهيدروكسي المتخصصة + خلاصة السنتيلا بتركيز 14.5% + مركز عالي من مستخلص الشاي الأخضر\u003c\/strong\u003e - تركيبة تضاهي أغلى العلاجات في العيادات المتخصصة.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-proof-item\"\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003e▲ حجم كبير - قيمة أكبر\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e50 مل من التركيز الفايق\u003c\/strong\u003e يكفي لعدة شهور من الاستخدام المنتظم. حجم سخي يضمن استمرارية العلاج من غير انقطاع.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-proof-item\"\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003e● كمية صغيرة تكفي\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003e3 قطرات بس كافية لتغطية الوجه كله\u003c\/strong\u003e - تركيز عالي يعني استخدام اقتصادي وفعالية قصوى.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-proof-item\"\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003e✓ نتائج مضمونة\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\u003cstrong\u003eده مش منتج للتجريب... دي نتائج مضمونة وموثقة على ملايين المستخدمين\u003c\/strong\u003e حوالين العالم. استثمار واثق في جمال بشرتك.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Guide Section --\u003e\n  \u003cdiv class=\"ph-usage-section fade-in\"\u003e\n    \u003ch2 class=\"ph-usage-title\"\u003eدليل الاستخدام العلمي الدقيق\u003c\/h2\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=\"طريقة الاستخدام\" class=\"ph-product-image\"\u003e\n    \u003cdiv class=\"ph-usage-steps\"\u003e\n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eالتحضير الصح\u003c\/h3\u003e\n        \u003cul class=\"ph-feature-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 - استخدم المنتج 2-3 مرات في الأسبوع في البداية\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eالتطبيق الأمثل\u003c\/h3\u003e\n        \u003cul class=\"ph-feature-list\"\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      \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        \u003cul class=\"ph-feature-list\"\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=\"ph-social-proof fade-in\"\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\" style=\"border-right-color: #dc3545;\"\u003e\n        \u003ch3 class=\"ph-benefit-title\" style=\"color:#dc3545;\"\u003e! إرشادات مهمة\u003c\/h3\u003e\n        \u003cul class=\"ph-feature-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      \u003cdiv class=\"ph-proof-item\" style=\"border-right-color: #28a745;\"\u003e\n        \u003ch3 class=\"ph-benefit-title\" style=\"color:#28a745;\"\u003e✓ نصايح للنجاح\u003c\/h3\u003e\n        \u003cul class=\"ph-feature-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=\"ph-results-section fade-in\"\u003e\n    \u003ch2 class=\"ph-results-title\"\u003eالاستثمار في علم البشرة المتقدم\u003c\/h2\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_serun.jpg?v=1754409432\" alt=\"استثمار في الجمال\" class=\"ph-product-image\"\u003e\n    \u003cp class=\"ph-product-intro\"\u003e\u003cstrong\u003eسيروم SOME BY MI مش مجرد منتج تجميل... ده قطعة من تكنولوجيا العناية بالبشرة الكورية المتقدمة.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp class=\"ph-product-intro\"\u003e\u003cstrong\u003eتركيبة سريرية معقدة، أبحاث سنين، واختبارات دولية صارمة\u003c\/strong\u003e - كل ده في إزازة واحدة تحقق تحول حقيقي في بشرتك.\u003c\/p\u003e\n    \u003cp class=\"ph-product-intro\" style=\"font-weight:bold;\"\u003e\u003cstrong\u003eاستثمر في العلم... واحصد جمال البشرة المثالية.\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients List Section --\u003e\n  \u003cdiv class=\"ph-ingredients-list fade-in\"\u003e\n    \u003ch3 class=\"ph-ingredients-list-title\"\u003eقائمة المكونات الكاملة:\u003c\/h3\u003e\n    \u003cp class=\"ph-ingredients-text\"\u003eWater, 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, والمزيد من المكونات النشطة المتخصصة.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Final CTA Section --\u003e\n  \u003cdiv class=\"ph-cta-section fade-in pulse\"\u003e\n    \u003ch2 class=\"ph-cta-title\"\u003eخلاص كفاية تجريب عشوائي... ابدأ العلاج الحقيقي النهارده\u003c\/h2\u003e\n    \u003cp class=\"ph-cta-text\"\u003e\u003cstrong\u003eسيروم SOME BY MI - العلم الكوري المتقدم في خدمة جمالك\u003c\/strong\u003e\u003cbr\u003eتحول حقيقي، نتائج مضمونة، ثقة ملايين المستخدمين حوالين العالم\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418044590,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_miracle_30_days_aha_bha_pha_tea_tree_centella_serum_2.jpg?v=1759854306"},{"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: #80ae93;\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: #80ae93;\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 #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .social-proof {\n            background: #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93;\n            margin-bottom: 10px;\n            font-size: 1.1em;\n        }\n\n        .final-cta {\n            background: linear-gradient(135deg, #000000 0%, #80ae93 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: #80ae93;\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: #80ae93;\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 #80ae93;\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: #80ae93;\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: #80ae93;\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: #80ae93; 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: #80ae93; 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: #80ae93;\"\u003e\u003cstrong\u003eمعظم المنتجات تحسن الأعراض ولا تعالج أصل المشكلة\u003c\/strong\u003e\u003c\/p\u003e\n            \n            \u003cp style=\"line-height: 1.7;\"\u003e\u003cstrong\u003eالحل العلمي:\u003c\/strong\u003e البشرة محتاجة علاج متكامل يشتغل على 3 مستويات: \u003cstrong\u003eتقشير الخلايا الميتة + تنظيف المسام العميق + تهدئة الالتهابات\u003c\/strong\u003e - كل ده في نفس الوقت.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Benefits Section --\u003e\n        \u003cdiv class=\"benefits-section fade-in\"\u003e\n            \u003ch2 class=\"benefits-title\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_2.webp?v=1754413603\" alt=\"فوائد الكريم\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتسريع شفاء آثار الحبوب\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالأدينوسين + مستخلصات الأعشاب)\u003c\/strong\u003e بيسرع شفاء آثار الحبوب والجروح الصغيرة ويمنع تكوين ندبات\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eحماية من العوامل الخارجية\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بمضادات الأكسدة الطبيعية)\u003c\/strong\u003e بيحمي البشرة من التلوث والأضرار اليومية اللي بتزود مشاكل الحبوب\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتحفيز تجديد الخلايا\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالسنتيلا + الأحماض التجديدية)\u003c\/strong\u003e بيحفز البشرة تجدد نفسها طبيعياً وتطلع خلايا جديدة صحية\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتقوية حاجز البشرة الطبيعي\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالسيراميد + الألانتوين)\u003c\/strong\u003e بيقوي دفاعات البشرة الطبيعية ويخليها أقل حساسية للمشاكل الخارجية\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eإضاءة طبيعية للبشرة الباهتة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالتقشير اللطيف + التجديد الخلوي)\u003c\/strong\u003e بيرجع الإشراق الطبيعي للبشرة ويخليها متوهجة بصحة وحيوية\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- How it Works Section --\u003e\n        \u003cdiv class=\"benefits-section fade-in\"\u003e\n            \u003ch2 class=\"benefits-title\"\u003eكيف يعمل ؟\u003c\/h2\u003e\n            \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; color: #333;\"\u003e\u003cstrong\u003eتركيبة متقدمة من أقوى الأعشاب و الأحماض في عالم العناية بالبشرة\u003c\/strong\u003e\u003c\/p\u003e\n            \n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\" alt=\"السنتيلا الآسياتيكا\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eالسنتيلا الآسياتيكا 70.78% - النبتة المعجزة:\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eأعلى تركيز في العالم\u003c\/strong\u003e من النبتة الكورية المقدسة اللي بتهدي الالتهابات وتسرع الشفاء وتقوي حاجز البشرة الطبيعي. \u003cstrong\u003eمش مجرد مكون طبيعي... دي صيدلية كاملة في نبتة واحدة.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e🧪\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eالأحماض الثلاثية المتطورة AHA + BHA + PHA:\u003c\/h3\u003e\n                    \u003cdiv style=\"margin-top: 15px;\"\u003e\n                        \u003cul\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eAHA:\u003c\/strong\u003e بيشتغل على السطح يشيل الخلايا الميتة ويكشف بشرة جديدة\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eBHA:\u003c\/strong\u003e بيخش عمق المسام يدوب الدهون والأوساخ المتراكمة\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003ePHA:\u003c\/strong\u003e تقشير لطيف مع ترطيب للبشرة الحساسة\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e🍃\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eمستخلص الشاي الأخضر 10,000 ppm - المطهر الطبيعي:\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eتركيز علاجي حقيقي\u003c\/strong\u003e من الشاي الأخضر الخالص بيحارب البكتيريا ويطهر البشرة ويحميها من الأضرار البيئية.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e💊\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eمركب 4-CICA المهدئ - التقنية الكورية الحصرية:\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e4 مكونات طبيعية مهدئة\u003c\/strong\u003e (Madecassoside, Madecassic Acid, Asiaticoside, Asiatic Acid) بتشتغل مع بعض تهدي أي التهاب أو تهيج.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Scientific Results Section --\u003e\n        \u003cdiv class=\"results-section fade-in\"\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Cream-XOXO-1.jpg?v=1754414218\" alt=\"نتائج علمية\"\u003e\n            \u003c\/div\u003e\n            \u003ch2 class=\"results-title\"\u003eأرقام حقيقية من اختبارات سريرية:\u003c\/h2\u003e\n            \n            \u003cdiv class=\"stats-grid\"\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e94%\u003c\/div\u003e\n                    \u003cdiv\u003eتحسن الحبوب والالتهابات\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e89%\u003c\/div\u003e\n                    \u003cdiv\u003eتقليل البقع الداكنة\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n                    \u003cdiv\u003eتحسن ملمس البشرة\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e76%\u003c\/div\u003e\n                    \u003cdiv\u003eتقليل إفراز الدهون\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eدي مش مجرد ادعاءات... دي نتائج من مختبرات معتمدة دولياً.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Timeline Section --\u003e\n        \u003cdiv class=\"timeline-section fade-in\"\u003e\n            \u003ch2 class=\"timeline-title\"\u003eرحلة الـ30 يوم: التحول اللي هيغير حياتك\u003c\/h2\u003e\n            \u003cdiv class=\"timeline\"\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع الأول - التهدئة والتحضير:\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eتهدئة فورية للالتهابات والاحمرار\u003c\/li\u003e\n                            \u003cli\u003eتقليل واضح في عدد الحبوب الجديدة\u003c\/li\u003e\n                            \u003cli\u003eملمس أنعم وإحساس بالراحة\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع التاني - بداية الشفاء:\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eالحبوب الموجودة تبدأ تختفي وتلتئم\u003c\/li\u003e\n                            \u003cli\u003eتحسن في نضافة ونعومة البشرة\u003c\/li\u003e\n                            \u003cli\u003eبداية تفتيح البقع الداكنة\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع التالت - التحول الواضح:\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eاختفاء معظم الحبوب والالتهابات\u003c\/li\u003e\n                            \u003cli\u003eتوحيد واضح في لون البشرة\u003c\/li\u003e\n                            \u003cli\u003eإشراق طبيعي يبدأ يظهر\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع الرابع - اكتمال المعجزة:\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eبشرة صافية وخالية من المشاكل\u003c\/li\u003e\n                            \u003cli\u003eثقة جديدة في النفس والمظهر\u003c\/li\u003e\n                            \u003cli\u003eإشراق طبيعي يخلي الكل يسأل عن سرك\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Social Proof Section --\u003e\n        \u003cdiv class=\"benefits-section fade-in\"\u003e\n            \u003ch2 class=\"benefits-title\"\u003eمنتج موثوق عالمياً\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_cream.jpg?v=1754414180\" alt=\"منتج موثوق\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e★\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eملايين الوحدات المباعة عالمياً\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eمن كوريا لأمريكا والشرق الأوسط، كريم Some By Mi بقى الاختيار الأول لكل اللي عانوا من مشاكل الحبوب.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e◆\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eحاصل على عدة جوائز عالمية\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eجوائز من أهم مجلات الجمال العالمية واعتراف من خبراء الجلدية في كوريا وأوروبا.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▲\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eنسبة رضا تتعدى 94%\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eإحصائيات حقيقية من عشرات الآلاف من المراجعات المؤكدة - نسبة رضا استثنائية تؤكد فعالية المنتج.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Value Section --\u003e\n        \u003cdiv class=\"value-section fade-in\"\u003e\n            \u003ch2 class=\"value-title\"\u003eقيمة مقابل سعر جيدة\u003c\/h2\u003e\n            \n            \u003cdiv class=\"value-item\"\u003e\n                \u003ch3\u003e◆ مكونات عالية القيمة:\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e70% سنتيلا آسياتيكا + 3 أحماض متخصصة + مركز عالي من الشاي الأخضر + مركب 4-CICA\u003c\/strong\u003e - تركيبة تضاهي أغلى العلاجات في عيادات التجميل.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"value-item\"\u003e\n                \u003ch3\u003e▲ حجم كبير - قيمة أكبر:\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e60 جرام من التركيز الفائق\u003c\/strong\u003e يكفي لشهرين كاملين من الاستخدام المنتظم. حجم سخي يضمن استمرارية العلاج.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"value-item\"\u003e\n                \u003ch3\u003e● كمية صغيرة تكفي:\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003eكمية بحجم حبة البازلاء كافية لتغطية الوجه كله\u003c\/strong\u003e - تركيز عالي يعني استخدام اقتصادي وفعالية قصوى.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"value-item\"\u003e\n                \u003ch3\u003e✓ نتائج مضمونة:\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003eده مش منتج للتجريب... دي نتائج مضمونة وموثقة على ملايين المستخدمين\u003c\/strong\u003e حول العالم. استثمار واثق في صحة وجمال بشرتك.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Usage Guide Section --\u003e\n        \u003cdiv class=\"usage-guide fade-in\"\u003e\n            \u003ch2 class=\"usage-title\"\u003eكيف يستخدم ؟\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_6.jpg?v=1754413921\" alt=\"طريقة الاستخدام\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"usage-steps\"\u003e\n                \u003cdiv class=\"step-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eالتحضير الصح:\u003c\/div\u003e\n                    \u003col style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eنضف البشرة كويس\u003c\/strong\u003e بغسول مناسب واتركها تنشف\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eابدأ بالتدريج\u003c\/strong\u003e - استخدم الكريم مرة واحدة يومياً في البداية\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاعمل اختبار حساسية\u003c\/strong\u003e على منطقة صغيرة الأول\u003c\/li\u003e\n                    \u003c\/ol\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"step-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eالتطبيق الأمثل:\u003c\/div\u003e\n                    \u003col style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eخد كمية بحجم حبة البازلاء\u003c\/strong\u003e من الكريم\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eوزع بلطف\u003c\/strong\u003e على الوجه كله وتجنب منطقة العين\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eدلك بحركات دائرية\u003c\/strong\u003e لحد ما يتشرب تماماً\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاستخدمه مرة أو مرتين يومياً\u003c\/strong\u003e حسب حاجة بشرتك\u003c\/li\u003e\n                    \u003c\/ol\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"step-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eالتوقيت المثالي:\u003c\/div\u003e\n                    \u003cul style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eيُفضل استخدامه مساءً\u003c\/strong\u003e للاستفادة القصوى من عملية التجديد الليلي\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eممكن يتستخدم صباحاً\u003c\/strong\u003e مع ضرورة استخدام واقي شمس\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاستخدم واقي شمس دايماً\u003c\/strong\u003e عند التعرض للشمس\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Safety Section --\u003e\n        \u003cdiv class=\"safety-section fade-in\"\u003e\n            \u003ch2 class=\"safety-title\"\u003eتحذيرات الاستخدام الآمن\u003c\/h2\u003e\n            \n            \u003cdiv class=\"warning-card\"\u003e\n                \u003ch3\u003e! إرشادات مهمة:\u003c\/h3\u003e\n                \u003cul style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eللاستخدام الخارجي فقط\u003c\/strong\u003e - تجنب ملامسة العينين\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاختبر الحساسية أولاً\u003c\/strong\u003e على منطقة صغيرة من الجلد\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاحفظه في مكان بارد وجاف\u003c\/strong\u003e بعيداً عن أشعة الشمس\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمش مناسب للأطفال\u003c\/strong\u003e تحت سن 12 سنة\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"success-card\"\u003e\n                \u003ch3\u003e✓ نصايح للنجاح:\u003c\/h3\u003e\n                \u003cul style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاصبر على النتيجة\u003c\/strong\u003e - العلاج الحقيقي محتاج وقت\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eحافظ على الانتظام\u003c\/strong\u003e في الاستخدام يومياً\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاستخدم واقي شمس\u003c\/strong\u003e دائماً في النهار\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاشرب مياه كافية\u003c\/strong\u003e لمساعدة البشرة على التجديد\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Investment Section --\u003e\n        \u003cdiv class=\"results-section fade-in\"\u003e\n            \u003ch2 class=\"results-title\"\u003eحارب كل العوامل البيئية الضارة بمنتج واحد فقط\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_7.jpg?v=1754413840\" alt=\"استثمار في الجمال\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n                \u003cstrong\u003eكريم Some By Mi مش مجرد منتج تجميل... ده استثمار في ثقتك بنفسك وسعادتك.\u003c\/strong\u003e\n            \u003c\/p\u003e\n            \n            \u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n                \u003cstrong\u003eتركيبة كورية متقدمة، أبحاث سنوات، واختبارات دولية صارمة\u003c\/strong\u003e - كل ده في كريم واحد يحقق تحول حقيقي في بشرتك وحياتك.\n            \u003c\/p\u003e\n            \n            \u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n                \u003cstrong\u003eاستثمر في جمال بشرتك... واكتشف الفرق اللي هيغير كل حاجة.\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Ingredients List Section --\u003e\n        \u003cdiv class=\"ingredients-list fade-in\"\u003e\n            \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة:\u003c\/h3\u003e\n            \u003cp class=\"ingredients-text\"\u003e\n                Centella Asiatica Extract (70.78%), Dipropylene Glycol, Glycerin, Water, Niacinamide, Caprylic\/Capric Triglyceride, Cetyl Ethylhexanoate, Melaleuca Alternifolia (Tea Tree) Leaf Water (10,000 ppm), Ricinus Communis (Castor) Seed Oil, Hydrogenated Castor Oil, والمزيد من المكونات الطبيعية المتخصصة.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Final CTA Section --\u003e\n        \u003cdiv class=\"final-cta fade-in pulse\"\u003e\n            \u003ch2 class=\"cta-title\"\u003e30 يوم بس... لبشرة جديدة تماماً وثقة لا تتزعزع\u003c\/h2\u003e\n            \u003cp class=\"cta-text\"\u003e\n                \u003cstrong\u003eكريم SOME BY MI - المعجزة الكورية في خدمة جمالك\u003c\/strong\u003e\u003cbr\u003e\n                تحول حقيقي، نتائج مضمونة، ثقة ملايين المستخدمين حول العالم\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ Intersection Observer for fade-in animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all fade-in elements\n        document.addEventListener('DOMContentLoaded', function() {\n            const fadeElements = document.querySelectorAll('.fade-in');\n            fadeElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n\n            \/\/ Add loading animation to all elements\n            const allElements = document.querySelectorAll('.product-description \u003e *');\n            allElements.forEach((el, index) =\u003e {\n                el.classList.add('loading');\n                el.style.animationDelay = `${index * 0.1}s`;\n            });\n\n            \/\/ Hover effects for benefit items\n            const benefitItems = document.querySelectorAll('.benefit-item');\n            benefitItems.forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-10px) scale(1.02)';\n                });\n                \n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(-5px) scale(1.02)';\n                });\n            });\n\n            \/\/ Enhanced hover effects for cards\n            const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item, .value-item');\n            cards.forEach(card =\u003e {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n            });\n\n            \/\/ Smooth scroll reveal for timeline\n            const timelineItems = document.querySelectorAll('.timeline-item');\n            const timelineObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1';\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, { threshold: 0.2 });\n\n            timelineItems.forEach(item =\u003e {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n                timelineObserver.observe(item);\n            });\n\n            \/\/ Counter animation for stats\n            const statNumbers = document.querySelectorAll('.stat-number');\n            const statsObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const target = parseInt(entry.target.textContent);\n                        let current = 0;\n                        const increment = target \/ 50;\n                        const timer = setInterval(() =\u003e {\n                            current += increment;\n                            if (current \u003e= target) {\n                                entry.target.textContent = target + '%';\n                                clearInterval(timer);\n                            } else {\n                                entry.target.textContent = Math.floor(current) + '%';\n                            }\n                        }, 30);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            statNumbers.forEach(stat =\u003e {\n                statsObserver.observe(stat);\n            });\n\n            \/\/ Parallax effect for hero section\n            window.addEventListener('scroll', function() {\n                const scrolled = window.pageYOffset;\n                const heroSection = document.querySelector('.hero-section');\n                if (heroSection) {\n                    const rate = scrolled * -0.2;\n                    heroSection.style.transform = `translateY(${rate}px)`;\n                }\n            });\n\n            \/\/ Enhanced product image hover effects\n            const productImages = document.querySelectorAll('.product-image img');\n            productImages.forEach(img =\u003e {\n                img.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.05) rotate(1deg)';\n                    this.style.transition = 'all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n                \n                img.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n\n            \/\/ Add subtle animations to step numbers\n            const stepNumbers = document.querySelectorAll('.step-number');\n            stepNumbers.forEach(step =\u003e {\n                step.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.2) rotate(360deg)';\n                    this.style.transition = 'all 0.5s ease';\n                });\n                \n                step.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n    \u003c\/script\u003e\n","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418437806,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61otJV0m4JL._SL1500.jpg?v=1759854303"},{"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: #80ae93;\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: #80ae93;\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 #80ae93;\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: #80ae93;\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: #80ae93;\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 #80ae93;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #80ae93;\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 #80ae93;\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: #80ae93;\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 #80ae93;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #80ae93;\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 #80ae93;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #80ae93;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #80ae93 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 #80ae93;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #80ae93;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #000000 0%, #80ae93 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: #80ae93; 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: #80ae93;\"\u003e\u003cstrong\u003eليه مستخلص اليوجا + النياسيناميد هو الحل الأمثل؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eمستخلص اليوجا يحتوي على \u003cstrong\u003eأعلى تركيز من فيتامين سي الطبيعي\u003c\/strong\u003e بين جميع الحمضيات، بينما النياسيناميد يثبط إنزيم التيروزيناز المسؤول عن إنتاج الميلانين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eقوة اليوجا الكورية مع النياسيناميد المتطور\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.webp?v=1757506087\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eتنظيف مفتح ولطيف (الخطوة 1)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(غسول بـ11% يوجا + نياسيناميد)\u003c\/strong\u003e ينظف البشرة من الشوائب ويبدأ عملية التفتيح من أول استخدام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eتحضير وتنشيط البشرة (الخطوة 2)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(تونر بـ90% يوجا + 5% نياسيناميد)\u003c\/strong\u003e يحضر البشرة لامتصاص أفضل ويوازن درجة الحموضة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eالتفتيح المكثف والمستهدف (الخطوة 3)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(سيروم بـ83% يوجا + 10% نياسيناميد)\u003c\/strong\u003e أعلى تركيز في الكيت يستهدف البقع الداكنة مباشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eترطيب وحماية النتائج (الخطوة 4)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(كريم بـ70% يوجا + 5% نياسيناميد)\u003c\/strong\u003e يحافظ على النتائج ويحمي من تكون تصبغات جديدة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eكنوز اليوجا الكورية والنياسيناميد المتطور\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ مستخلص اليوجا الكوري - ملك فيتامين سي الطبيعي:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCitrus Junos بتراكيز متدرجة من 11% إلى 90%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eفيتامين سي طبيعي مركز:\u003c\/strong\u003e أقوى من الصناعي بـ3 مرات\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eفلافونويدات نشطة:\u003c\/strong\u003e تحمي من الأكسدة وتعزز التفتيح\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eأحماض الفواكه الطبيعية:\u003c\/strong\u003e تقشر لطيف ويكشف بشرة مشرقة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● النياسيناميد - فيتامين B3 المعجزة:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eفيتامين B3 بتراكيز متدرجة من 1ppm إلى 10%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتثبيط التيروزيناز:\u003c\/strong\u003e يوقف إنتاج الميلانين الزائد\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتقوية حاجز البشرة:\u003c\/strong\u003e يحمي من التصبغات الجديدة\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eمضاد التهاب:\u003c\/strong\u003e يهدئ البشرة الحساسة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eرحلة التفتيح الكوري خطوة بخطوة:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوع الأول:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eتحسن فوري في إشراق البشرة ونعومتها\u003c\/li\u003e\n\u003cli\u003eتقليل واضح في ظهور المسام الواسعة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوعين 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eبداية تفتيح البقع الداكنة الحديثة\u003c\/li\u003e\n\u003cli\u003eتوحيد ملحوظ في لون البشرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالشهر الثاني:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eتفتيح واضح للتصبغات والبقع العنيدة\u003c\/li\u003e\n\u003cli\u003eبشرة أكثر إشراقاً وحيوية\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eالتقنية الكورية المتكاملة بقيمة استثنائية\u003c\/h2\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_4.webp?v=1757506108\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ 4 منتجات في كيت واحد:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eنظام عناية متكامل\u003c\/strong\u003e - غسول + تونر + سيروم + كريم بدلاً من شراء كل منتج منفصل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ تراكيز متدرجة احترافية:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eمن 11% إلى 90% يوجا\u003c\/strong\u003e - تفتيح تدريجي آمن بدون تهيج أو حساسية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eلماذا النهج الكوري المتكامل هو الأفضل؟\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eكيت سوم باي مي ليس مجرد منتجات... إنه نظام علمي متكامل للتفتيح الآمن.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eهتفضل التجربة العشوائية ولا النظام العلمي الكوري المثبت؟\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eاطلب الكيت المتكامل دلوقتي\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eالسر الكوري لبشرة مشرقة وموحدة\u003c\/h2\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.jpg?v=1757506213\"\u003e\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Yuja Niacin Kit - النظام الكوري المتكامل\u003c\/strong\u003e\u003cbr\u003eبشرة أكثر إشراقاً وتوحيداً بمستخلص اليوجا والنياسيناميد في 4 خطوات علمية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"Travel Size","offer_id":46999424729262,"sku":"SOME_BY_MI_YUJA_NIACIN_ANTI_BLEMISH_STARTER_KIT_2293","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SomebyMiYujaNiacinAnti-BlemishStarterKit3.jpg?v=1759854234"},{"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: #80ae93;\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: #80ae93;\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 #80ae93;\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: #80ae93;\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: #80ae93;\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 #80ae93;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #80ae93;\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 #80ae93;\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: #80ae93;\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 #80ae93;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #80ae93;\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 #80ae93;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #80ae93;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #80ae93 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 #80ae93;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #80ae93;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #000000 0%, #80ae93 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: #80ae93; 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: #80ae93;\"\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":46999425155246,"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\/0717\/5359\/7102\/files\/Some_by_Mi_Beta_Panthenol_Repair_Cream_60_grams.jpg?v=1759854231"},{"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: #80ae93;\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: #80ae93;\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 #80ae93;\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: #80ae93;\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: #80ae93;\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 #80ae93;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #80ae93;\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 #80ae93;\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: #80ae93;\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 #80ae93;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #80ae93;\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 #80ae93;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #80ae93;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #80ae93 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 #80ae93;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #80ae93;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #000000 0%, #80ae93 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: #80ae93; 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: #80ae93;\"\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":46999425417390,"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\/0717\/5359\/7102\/files\/some_by_mi_super_matcha_pore_care_starter_kit-1.jpg?v=1759854228"},{"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: #80ae93;\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: #80ae93;\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 #80ae93;\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: #80ae93;\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: #80ae93;\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 #80ae93;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #80ae93;\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 #80ae93;\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: #80ae93;\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 #80ae93;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #80ae93;\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 #80ae93;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #80ae93;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #80ae93 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 #80ae93;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #80ae93;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #000000 0%, #80ae93 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: #80ae93; 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: #80ae93;\"\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":46999425679534,"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\/0717\/5359\/7102\/files\/Some_by_Mi_Beta_Panthenol_Toner_Multicolour_150ml.png?v=1759854225"},{"product_id":"some-by-mi-snail-truecica-cream","title":"Some By Mi Snail Truecica Miracle Repair Cream","description":"\u003c!-- Some By Mi Snail Truecica Cream - Ultra Luxury Glassmorphism Design --\u003e\n\u003cdiv id=\"snail-glass-dossier\" dir=\"rtl\"\u003e\n\n    \u003c!-- Ambient Glowing Background Orbs --\u003e\n    \u003cdiv class=\"ambient-orb orb-1\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ambient-orb orb-2\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ambient-orb orb-3\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ambient-orb orb-4\"\u003e\u003c\/div\u003e\n\n    \u003c!-- 1. Hero Section --\u003e\n    \u003cheader class=\"glass-section\"\u003e\n        \u003cdiv class=\"glass-panel hero-panel glass-reveal\"\u003e\n            \u003cdiv class=\"hero-grid\"\u003e\n                \u003cdiv class=\"hero-content\"\u003e\n                    \u003cdiv class=\"gold-badge\"\u003e\n                        \u003cspan class=\"gold-dot\"\u003e\u003c\/span\u003e مركز قيادة الإصلاح الخلوي\n                    \u003c\/div\u003e\n                    \u003ch1 class=\"main-title gold-text\"\u003eالعلم الكوري أخيراً يحل المعضلة التي فشلت فيها كل كريمات الترطيب\u003c\/h1\u003e\n                    \u003cp class=\"desc-text\"\u003e\n                        أول كريم في فئته يجمع أعلى تركيز من \u003cstrong\u003eمخاط الحلزون الأسود (40%)\u003c\/strong\u003e مع الخماسية الكاملة للسيراميدات ومركب ™Truecica الحصري في تركيبة واحدة — مستحيل أن تجديه في أي منتج آخر.\n                    \u003c\/p\u003e\n                    \u003ca href=\"#glass-buy\" class=\"gold-btn\" onclick=\"window.scrollTo(0,0); return false;\"\u003eابدأي رحلة الإصلاح\u003c\/a\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"hero-visual\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Product_with_black_snails_202605241303.jpg?v=1779617032\" alt=\"Snail Truecica Cream\" class=\"floating-img\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- 2. The Breakthrough --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"glass-panel split-panel glass-reveal\"\u003e\n            \u003cdiv class=\"split-content\"\u003e\n                \u003ch2 class=\"gold-text\"\u003eليس مجرد كريم ترطيب... إنه إصلاح شامل\u003c\/h2\u003e\n                \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n                \u003cp class=\"lead-text text-white\"\u003e\n                    كريمات الترطيب العادية تعالج السطح فقط. كريمات آثار الحبوب تفتّح اللون فقط. كريمات السيراميد تصلح الحاجز الجلدي فقط. \n                    \u003cbr\u003e\u003cbr\u003e\n                    \u003cstrong class=\"gold-text-solid\"\u003eتضطرين لشراء منتجات متعددة دون الوصول للنتيجة المرجوة، لأن بشرتك المتضررة تحتاج إلى كل هذه العلاجات في نفس اللحظة!\u003c\/strong\u003e\n                \u003c\/p\u003e\n                \u003cp class=\"desc-text\"\u003e\n                    هذا بالضبط هو الاختراق العلمي الذي يقدمه Some By Mi Snail Truecica Miracle Repair Cream. أول معادلة علاجية متكاملة تعمل على 5 مستويات في آنٍ واحد:\n                \u003c\/p\u003e\n                \u003cul class=\"gold-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                    \u003cli\u003eتجديد مرونة الجلد.\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"split-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/0A3E16D8-A041-4468-A992-F8DF13A3681F_grande_54967b7a-3b61-4316-9db0-816935374353.webp?v=1779617464\" alt=\"5 in 1 Formula\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 3. Comprehensive Benefits Grid --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"section-header glass-reveal\"\u003e\n            \u003ch3 class=\"sub-title\"\u003eكل ما تحتاجه بشرتك في مكان واحد\u003c\/h3\u003e\n            \u003ch2 class=\"gold-text\"\u003eخمس قوى علمية تعيد بناء بشرتك من الصفر\u003c\/h2\u003e\n            \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"glass-grid grid-3\"\u003e\n            \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n                \u003cdiv class=\"icon-circle emoji-icon\"\u003e🛡️\u003c\/div\u003e\n                \u003ch4 class=\"text-white\"\u003eإصلاح الحاجز من الأعماق\u003c\/h4\u003e\n                \u003cp\u003eبمركب الـ 5 سيراميدات الكامل (NP, NS, AS, AP, EOP) ليطابق السيراميدات الطبيعية في بشرتك ويمنع فقدان الرطوبة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n                \u003cdiv class=\"icon-circle emoji-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch4 class=\"text-white\"\u003eمحو البقع والآثار العنيدة\u003c\/h4\u003e\n                \u003cp\u003eمخاط الحلزون 40% + النياسيناميد يسرعان علمياً عملية تجديد الخلايا وتفتيح التصبغات من الأسبوع الثاني.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n                \u003cdiv class=\"icon-circle emoji-icon\"\u003e🌿\u003c\/div\u003e\n                \u003ch4 class=\"text-white\"\u003eتهدئة فورية للالتهاب\u003c\/h4\u003e\n                \u003cp\u003eمركب ™Truecica ثلاثي القوة يضم شاي الشجرة (10,000 ppm) والسنتيلا لإخماد الالتهاب في دقائق.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n                \u003cdiv class=\"icon-circle emoji-icon\"\u003e💧\u003c\/div\u003e\n                \u003ch4 class=\"text-white\"\u003eترطيب يمتص في ثوانٍ\u003c\/h4\u003e\n                \u003cp\u003eملمس جل-كريم خفيف جداً يمتص بدون ثقل أو لزوجة، ويستمر في ترطيب الطبقات العميقة طوال اليوم.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n                \u003cdiv class=\"icon-circle emoji-icon\"\u003e⏳\u003c\/div\u003e\n                \u003ch4 class=\"text-white\"\u003eمكافحة الشيخوخة والشد\u003c\/h4\u003e\n                \u003cp\u003eالكولاجين البحري والأدينوسين لزيادة سُمك الجلد، ملء الخطوط الرفيعة، وتحسين نضارة البشرة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n                \u003cdiv class=\"icon-circle emoji-icon\"\u003e🛡️\u003c\/div\u003e\n                \u003ch4 class=\"text-white\"\u003eحماية من البكتيريا\u003c\/h4\u003e\n                \u003cp\u003eالفيتوسفينجوزين النادر يعمل كمضاد حيوي طبيعي للبشرة لمنع تكاثر بكتيريا الحبوب.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n                \u003cdiv class=\"icon-circle emoji-icon\"\u003e🔬\u003c\/div\u003e\n                \u003ch4 class=\"text-white\"\u003eتسريع شفاء الخلايا\u003c\/h4\u003e\n                \u003cp\u003e4 مستخلصات معزولة من السنتيلا بتركيزات دقيقة لتحفيز الكولاجين وشفاء الجروح وآثار الحبوب.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n                \u003cdiv class=\"icon-circle emoji-icon\"\u003e🎯\u003c\/div\u003e\n                \u003ch4 class=\"text-white\"\u003eتوحيد اللون وتقليل المسام\u003c\/h4\u003e\n                \u003cp\u003eالنياسيناميد متعدد الوظائف يضبط إفراز الزيوت ويضيّق المسام المرئية بقوة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n                \u003cdiv class=\"icon-circle emoji-icon\"\u003e🛡️\u003c\/div\u003e\n                \u003ch4 class=\"text-white\"\u003eدرع حماية مزدوج\u003c\/h4\u003e\n                \u003cp\u003eفيتامين E + السكوالان يحميان الدهون الطبيعية للبشرة من التلوث والأشعة.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 4. Science Dossier --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"section-header glass-reveal\"\u003e\n            \u003ch3 class=\"sub-title\"\u003eالعلم وراء كل مكون\u003c\/h3\u003e\n            \u003ch2 class=\"gold-text\"\u003e5 مركبات متقدمة — هندسة بيولوجية دقيقة\u003c\/h2\u003e\n            \u003cp class=\"text-white\"\u003eتطور مخاط الحلزون الأسود على مدى ملايين السنين كآلية إصلاح بيولوجية لا مثيل لها.\u003c\/p\u003e\n            \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snails_with_scientific_vibes_202605241312.jpg?v=1779617584\" alt=\"Science behind Snail Truecica\" class=\"floating-img glass-reveal\" style=\"margin: 0 auto 3rem auto; max-width: 600px;\"\u003e\n\n        \u003cdiv class=\"dossier-list\"\u003e\n            \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n                \u003cdiv class=\"tech-icon-wrapper\"\u003e\n                    \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e01\u003c\/h2\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tech-info\"\u003e\n                    \u003ch4 class=\"text-white\"\u003eمخاط الحلزون الأسود 40% (400,000 ppm)\u003c\/h4\u003e\n                    \u003ch5 class=\"gold-text-solid\"\u003eمصنع الإصلاح الطبيعي\u003c\/h5\u003e\n                    \u003cp\u003eمادة بيولوجية معقدة يستخدمها الحلزون لإصلاح أنسجته. تحتوي على الجليكوبروتينات لتحفيز الكولاجين، الهيالورونيك للترطيب، الجليكوليك للتقشير، الأللانتوين للشفاء، والببتيدات للتجديد.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n                \u003cdiv class=\"tech-icon-wrapper\"\u003e\n                    \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e02\u003c\/h2\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tech-info\"\u003e\n                    \u003ch4 class=\"text-white\"\u003eمركب ™Truecica\u003c\/h4\u003e\n                    \u003ch5 class=\"gold-text-solid\"\u003eالدرع الكوري الثلاثي\u003c\/h5\u003e\n                    \u003cp\u003eتقنية حصرية تجمع شجرة الشاي (10,000 ppm) للقضاء على بكتيريا الحبوب، الأرتيميسيا لتهدئة الاحمرار، والسنتيلا مع 4 مستخلصات معزولة (Asiaticoside, Madecassoside) لإصلاح الجروح.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n                \u003cdiv class=\"tech-icon-wrapper\"\u003e\n                    \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e03\u003c\/h2\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tech-info\"\u003e\n                    \u003ch4 class=\"text-white\"\u003eمجمع الـ 5 سيراميدات الكامل\u003c\/h4\u003e\n                    \u003ch5 class=\"gold-text-solid\"\u003eإعادة بناء الحاجز جزيئة جزيئة\u003c\/h5\u003e\n                    \u003cp\u003eيحتوي على (NP, NS, AS, AP, EOP) مع الكوليسترول والفيتوسفينجوزين لإكمال المصفوفة الدهنية الطبيعية وضمان اندماج السيراميدات مع بنية البشرة بشكل حقيقي.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n                \u003cdiv class=\"tech-icon-wrapper\"\u003e\n                    \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e04\u003c\/h2\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tech-info\"\u003e\n                    \u003ch4 class=\"text-white\"\u003eالكولاجين البحري المهدرج\u003c\/h4\u003e\n                    \u003ch5 class=\"gold-text-solid\"\u003eحقن النضارة... بدون إبرة\u003c\/h5\u003e\n                    \u003cp\u003eمكسر لجزيئات ببتيدية صغيرة تخترق الطبقات الجلدية العميقة، لتمنحك بشرة أكثر كثافة وخطوط أقل وضوحاً.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n                \u003cdiv class=\"tech-icon-wrapper\"\u003e\n                    \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e05\u003c\/h2\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tech-info\"\u003e\n                    \u003ch4 class=\"text-white\"\u003eالأدينوسين + فيتامين E + السكوالان\u003c\/h4\u003e\n                    \u003ch5 class=\"gold-text-solid\"\u003eالثالوث الصامت\u003c\/h5\u003e\n                    \u003cp\u003eالأدينوسين لتقليل الخطوط، فيتامين E للحماية من الأكسدة، والسكوالان كمرطب حيوي خفيف لا يسد المسام أبداً.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 5. Clinical Results --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"section-header glass-reveal\"\u003e\n            \u003ch3 class=\"sub-title\"\u003eالنتائج بالأرقام\u003c\/h3\u003e\n            \u003ch2 class=\"gold-text\"\u003eإثباتات سريرية من مراجع عالمية\u003c\/h2\u003e\n            \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"glass-grid grid-3\"\u003e\n            \u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n                \u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e82%\u003c\/h4\u003e\n                \u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eتقليل التهيج\u003c\/h4\u003e\n                \u003cp\u003eدراسة على (سنتيلا الآسياتيكا) خلال 4 أسابيع.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n                \u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e65%\u003c\/h4\u003e\n                \u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eإصلاح الحاجز\u003c\/h4\u003e\n                \u003cp\u003eدراسة على (السيراميدات الخماسية) خلال أسبوعين.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n                \u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e68%\u003c\/h4\u003e\n                \u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eتحسن التصبغات\u003c\/h4\u003e\n                \u003cp\u003eدراسة على (النياسيناميد) خلال 8 أسابيع.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n                \u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e27%\u003c\/h4\u003e\n                \u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eتقليل الخطوط\u003c\/h4\u003e\n                \u003cp\u003eدراسة FDA على (الأدينوسين) خلال 12 أسبوع.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center; grid-column: span 1;\"\u003e\n                \u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e4.7\/5\u003c\/h4\u003e\n                \u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eتقييم عالمي\u003c\/h4\u003e\n                \u003cp\u003eمن أكثر من 50,000 مراجعة عالمية موثقة للمنتج.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 6. Timeline (Updated Layout: Stacked for better readability) --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"section-header glass-reveal\"\u003e\n            \u003ch3 class=\"sub-title\"\u003eكيف تتفاعل بشرتك مع مركز الإصلاح الكوري؟\u003c\/h3\u003e\n            \u003ch2 class=\"gold-text\"\u003eرحلة التحول\u003c\/h2\u003e\n            \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"glass-panel glass-reveal\" style=\"padding: 3rem 2rem;\"\u003e\n            \u003c!-- Top Image --\u003e\n            \u003cdiv style=\"text-align: center; margin-bottom: 3rem;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some-By-Mi-Snail-Truecica-Miracle-Repair-Cream-6_83413c0c-cb5f-4e20-bad3-d861ed72c7d0.jpg?v=1779619411\" alt=\"Transformation Result\" style=\"width: 100%; max-width: 900px; border-radius: 16px; border: 2px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 40px rgba(212, 175, 55, 0.15); object-fit: cover;\"\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Bottom Timeline Grid --\u003e\n            \u003cdiv class=\"glass-grid grid-3\"\u003e\n                \u003cdiv class=\"glass-card minimal-card\" style=\"align-items: flex-start; text-align: right; background: rgba(0,0,0,0.3);\"\u003e\n                    \u003ch4 class=\"gold-text-solid\" style=\"font-size: 1.4rem; margin-bottom: 1.5rem; border-bottom: 1px dashed rgba(212,175,55,0.3); padding-bottom: 1rem; width: 100%;\"\u003eمن أول استخدام:\u003c\/h4\u003e\n                    \u003cul class=\"gold-list\" style=\"margin: 0; padding: 0;\"\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=\"glass-card minimal-card\" style=\"align-items: flex-start; text-align: right; background: rgba(0,0,0,0.3);\"\u003e\n                    \u003ch4 class=\"gold-text-solid\" style=\"font-size: 1.4rem; margin-bottom: 1.5rem; border-bottom: 1px dashed rgba(212,175,55,0.3); padding-bottom: 1rem; width: 100%;\"\u003eبعد 1-2 أسبوع:\u003c\/h4\u003e\n                    \u003cul class=\"gold-list\" style=\"margin: 0; padding: 0;\"\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=\"glass-card minimal-card\" style=\"align-items: flex-start; text-align: right; background: rgba(0,0,0,0.3);\"\u003e\n                    \u003ch4 class=\"gold-text-solid\" style=\"font-size: 1.4rem; margin-bottom: 1.5rem; border-bottom: 1px dashed rgba(212,175,55,0.3); padding-bottom: 1rem; width: 100%;\"\u003eبعد 3 أشهر:\u003c\/h4\u003e\n                    \u003cul class=\"gold-list\" style=\"margin: 0; padding: 0;\"\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\/section\u003e\n\n    \u003c!-- 7. Usage Protocol --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"section-header glass-reveal\"\u003e\n            \u003ch2 class=\"text-white\"\u003eطريقة الاستخدام لأقصى نتيجة\u003c\/h2\u003e\n            \u003cp class=\"gold-text-solid\"\u003e\u003cstrong\u003eتطبيق صحيح = نتائج مضاعفة\u003c\/strong\u003e\u003c\/p\u003e\n            \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"glass-grid grid-5\"\u003e\n            \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n                \u003cdiv class=\"step-num\"\u003e01\u003c\/div\u003e\n                \u003ch4 class=\"gold-text-solid\"\u003eالتوقيت\u003c\/h4\u003e\n                \u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eيُستخدم صباحاً و\/أو مساءً. (يُفضل مساءً للاستفادة من التجديد الليلي).\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n                \u003cdiv class=\"step-num\"\u003e02\u003c\/div\u003e\n                \u003ch4 class=\"gold-text-solid\"\u003eالترتيب\u003c\/h4\u003e\n                \u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eطبقيه كخطوة أخيرة لحفظ الفوائد بعد التونر والسيروم.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n                \u003cdiv class=\"step-num\"\u003e03\u003c\/div\u003e\n                \u003ch4 class=\"gold-text-solid\"\u003eالكمية\u003c\/h4\u003e\n                \u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eكمية بحجم حبة البازلاء، سخنيها بين يديك واضغطي بلطف دون فرك.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n                \u003cdiv class=\"step-num\"\u003e04\u003c\/div\u003e\n                \u003ch4 class=\"gold-text-solid\"\u003eالاستهداف\u003c\/h4\u003e\n                \u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eيمكن وضع طبقة إضافية مكثفة على آثار الحبوب أو مناطق التقشير.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n                \u003cdiv class=\"step-num\"\u003e05\u003c\/div\u003e\n                \u003ch4 class=\"gold-text-solid\"\u003eالخبراء\u003c\/h4\u003e\n                \u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eممتاز كعازل مهدئ بعد تطبيق الريتينول أو الأحماض القوية.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"glass-alert glass-reveal\" style=\"margin-top: 2rem;\"\u003e\n            \u003cdiv class=\"alert-text\" style=\"width: 100%;\"\u003e\n                \u003ch4 class=\"gold-text-solid\" style=\"margin-bottom: 1rem; font-size: 1.2rem;\"\u003e💡 تجارب وآراء المستخدمين الحقيقية\u003c\/h4\u003e\n                \u003cul class=\"gold-list\"\u003e\n                    \u003cli\u003e\"الملمس مدهش — يُمتص تماماً بدون أي إحساس بالثقل.\"\u003c\/li\u003e\n                    \u003cli\u003e\"استخدمته بعد ليزر الوجه، هدأ البشرة وسرّع التعافي جداً.\"\u003c\/li\u003e\n                    \u003cli\u003e\"مناسب جداً للبشرة المختلطة، غير ثقيل أو دهني رغم غناه بالمكونات.\"\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eتنبيه:\u003c\/strong\u003e يحتوي على زيوت عطرية طبيعية (برغموت وسيج)، وقد يحدث تنقية (Purging) طفيفة في الأسبوع الأول.\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 8. Ingredients --\u003e\n    \u003csection class=\"glass-section glass-reveal\"\u003e\n        \u003cdiv class=\"glass-panel\" style=\"padding: 3rem; text-align: center;\"\u003e\n            \u003ch3 class=\"gold-text-solid\" style=\"margin-bottom: 1rem; font-size: 1.3rem;\"\u003eقائمة المكونات الكاملة (INCI)\u003c\/h3\u003e\n            \u003cp class=\"text-white\" style=\"font-family: monospace; font-size: 0.85rem; opacity: 0.8; line-height: 1.8; text-align: left; direction: ltr;\"\u003e\n                Water, Snail Secretion Filtrate (40%), Propanediol, Dicaprylyl Carbonate, Polyglyceryl-3 Methylglucose Distearate, Niacinamide, 1,2-Hexanediol, Melaleuca Alternifolia (Tea Tree) Leaf Extract (10,000 ppm), Centella Asiatica Extract, Butylene Glycol, Cyclomethicone, Cetearyl Alcohol, Squalane, Glyceryl Stearate, Carbomer, Tromethamine, Citrus Aurantium Bergamia (Bergamot) Fruit Oil, Sodium Polyacrylate, Madecassoside, Ethylhexylglycerin, Artemisia Princeps (Mugwort) Leaf Extract, Hydrolyzed Collagen, Glycerin, Adenosine, Disodium EDTA, Salvia Officinalis (Sage) Oil, Tocopherol, Hydrolyzed Vegetable Protein, Hydrogenated Lecithin, Asiaticoside (400 ppb), Madecassic Acid (360 ppb), Asiatic Acid (240 ppb), Stearic Acid, Ceramide NP, Ceramide NS, Phytosphingosine, Cholesterol, Ceramide AS, Ceramide AP, Ceramide EOP, Limonene, Linalool.\n            \u003c\/p\u003e\n            \u003cdiv style=\"margin-top: 1.5rem; text-align: right;\"\u003e\n                \u003cp style=\"color: #aaa; font-size: 0.9rem;\"\u003e* خالٍ من البارابين والكبريتات. يحتوي على Cyclomethicone (سيليكون خفيف يتبخر تماماً). ليس آمناً للحبوب الفطرية (Malassezia).\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 9. Final CTA --\u003e\n    \u003csection class=\"glass-section\" id=\"glass-buy\"\u003e\n        \u003cdiv class=\"glass-panel cta-panel glass-reveal\"\u003e\n            \u003cdiv class=\"cta-content\"\u003e\n                \u003cp class=\"gold-text-solid\" style=\"font-size: 1.1rem; letter-spacing: 1px;\"\u003eبشرتك المتضررة تستحق بداية جديدة!\u003c\/p\u003e\n                \u003ch2 class=\"main-title text-white\"\u003eمركز قيادة الإصلاح الخلوي بأكمله\u003c\/h2\u003e\n                \u003cp class=\"desc-text text-white\" style=\"font-size: 1.2rem; margin-bottom: 2rem;\"\u003eبفضل 40% من قوة الطبيعة، 5 سيراميدات، ومركب ™Truecica الكوري، ستحصلين على حل متكامل يمتص في ثوانٍ ويعمل لساعات.\u003c\/p\u003e\n                \u003ca href=\"#glass-buy\" class=\"gold-btn large\" onclick=\"window.scrollTo(0,0); return false;\"\u003eابدئي رحلة الإصلاح الآن\u003c\/a\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"cta-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Product_floats_with_snails_sea_202605241343.jpg?v=1779619392\" alt=\"Healthy Repaired Skin\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Luxury Glassmorphism CSS --\u003e\n\u003cstyle\u003e\n    #snail-glass-dossier {\n        position: relative;\n        background-color: #050505;\n        background-image: radial-gradient(circle at 50% 50%, #0d110f 0%, #000 100%);\n        color: #e0e0e0;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        line-height: 1.6;\n        overflow: hidden;\n        padding-bottom: 5rem;\n    }\n\n    #snail-glass-dossier * {\n        box-sizing: border-box;\n    }\n\n    \/* Typography Utilities *\/\n    .text-white { color: #ffffff !important; }\n    .gold-text {\n        background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        color: transparent;\n    }\n    .gold-text-solid { color: #D4AF37; }\n\n    \/* Ambient Background Orbs - Deep Earthy\/Gold\/Green *\/\n    .ambient-orb {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(100px);\n        opacity: 0.35;\n        z-index: 0;\n        animation: floatOrb 20s infinite ease-in-out alternate;\n        pointer-events: none;\n    }\n    .orb-1 { width: 500px; height: 500px; background: #5c430a; top: -10%; right: -10%; opacity: 0.2; }\n    .orb-2 { width: 400px; height: 400px; background: #2e5746; bottom: 20%; left: -10%; animation-delay: -5s; }\n    .orb-3 { width: 600px; height: 600px; background: #D4AF37; top: 40%; right: 20%; opacity: 0.1; animation-delay: -10s; }\n    .orb-4 { width: 300px; height: 300px; background: #1a291f; bottom: -5%; right: 10%; animation-delay: -15s; }\n\n    @keyframes floatOrb {\n        0% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(-30px, 50px) scale(1.1); }\n        100% { transform: translate(20px, -30px) scale(0.9); }\n    }\n\n    \/* Layout \u0026 Containers *\/\n    .glass-section {\n        position: relative;\n        z-index: 10;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 4rem 2rem;\n    }\n\n    \/* Glass Panels \u0026 Cards *\/\n    .glass-panel, .glass-card {\n        background: rgba(25, 25, 20, 0.4);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        border: 1px solid rgba(212, 175, 55, 0.15);\n        border-radius: 24px;\n        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);\n    }\n    \n    .glass-card {\n        padding: 2rem;\n        transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n    }\n    .glass-card:hover {\n        transform: translateY(-8px);\n        border-color: rgba(212, 175, 55, 0.5);\n        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.1);\n    }\n\n    \/* Animations *\/\n    .glass-reveal {\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .glass-reveal.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Header Components *\/\n    .section-header {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\n    .section-header h2 {\n        font-size: 2.2rem;\n        font-weight: 800;\n        margin-bottom: 1rem;\n    }\n    .sub-title {\n        font-size: 1.1rem;\n        color: #D4AF37;\n        margin-bottom: 0.5rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n    .gold-divider {\n        height: 3px;\n        width: 60px;\n        background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728);\n        margin: 0 auto;\n        border-radius: 2px;\n    }\n    .gold-divider.left { margin: 0; }\n    .desc-text { color: #b0b0b0; font-size: 1.05rem; }\n\n    \/* Buttons *\/\n    .gold-btn {\n        display: inline-block;\n        background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728);\n        color: #000 !important;\n        padding: 12px 35px;\n        border-radius: 30px;\n        text-decoration: none;\n        font-weight: bold;\n        font-size: 1.1rem;\n        box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);\n        transition: all 0.3s ease;\n        border: none;\n    }\n    .gold-btn:hover {\n        transform: scale(1.05);\n        box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5);\n    }\n    .gold-btn.large { padding: 15px 45px; font-size: 1.2rem; }\n\n    \/* Filters for Icons to make them Gold *\/\n    .gold-filter {\n        filter: invert(75%) sepia(35%) saturate(500%) hue-rotate(5deg) brightness(1.1) contrast(1.1);\n    }\n\n    \/* Grids *\/\n    .glass-grid { display: grid; gap: 1.5rem; }\n    .grid-5 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }\n    .grid-4 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }\n    .grid-3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }\n\n    \/* 1. Hero *\/\n    .hero-panel { padding: 4rem; margin-top: 2rem; }\n    .hero-grid { display: flex; flex-direction: column; gap: 2rem; align-items: center; text-align: center; }\n    @media (min-width: 992px) {\n        .hero-grid { flex-direction: row; text-align: right; }\n        .hero-content { align-items: flex-start; }\n    }\n    .main-title { font-size: 2.8rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; }\n    .hero-content .desc-text { margin-bottom: 2.5rem; max-width: 800px; }\n    .floating-img {\n        width: 100%; border-radius: 16px;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n        animation: floatImg 6s ease-in-out infinite;\n        border: 1px solid rgba(255,255,255,0.1);\n        max-width: 500px;\n    }\n    @keyframes floatImg {\n        0% { transform: translateY(0); }\n        50% { transform: translateY(-15px); }\n        100% { transform: translateY(0); }\n    }\n    .gold-badge {\n        display: inline-flex; align-items: center; gap: 8px;\n        background: rgba(212, 175, 55, 0.1);\n        border: 1px solid rgba(212, 175, 55, 0.3);\n        color: #fcf6ba; padding: 6px 14px;\n        border-radius: 20px; font-size: 0.85rem; font-weight: bold; margin-bottom: 1.5rem;\n    }\n    .gold-dot {\n        width: 8px; height: 8px; background: #FFD700; border-radius: 50%;\n        box-shadow: 0 0 10px #FFD700;\n    }\n\n    \/* 2. Minimal Cards *\/\n    .icon-circle {\n        width: 80px; height: 80px;\n        background: rgba(255, 255, 255, 0.05);\n        border-radius: 50%; display: flex; align-items: center; justify-content: center;\n        margin-bottom: 1.5rem; border: 1px solid rgba(212, 175, 55, 0.2);\n    }\n    .emoji-icon { font-size: 2rem; }\n    .minimal-card h4 { font-size: 1.15rem; margin-bottom: 0.5rem; font-weight: 700; }\n    .minimal-card p { font-size: 0.95rem; color: #aaa; margin: 0; }\n\n    \/* 3. Split Panel *\/\n    .split-panel { display: flex; flex-direction: column; align-items: center; gap: 2rem; padding: 4rem; text-align: center; }\n    @media (min-width: 992px) {\n        .split-panel { flex-direction: row; text-align: right; }\n    }\n    .split-image { flex: 1; text-align: center; }\n    .split-image img { width: 100%; max-width: 450px; border-radius: 16px; border: 2px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 40px rgba(212, 175, 55, 0.15); }\n    .split-content { flex: 1; }\n    .lead-text { font-size: 1.2rem; line-height: 1.8; margin: 2rem 0; padding-right: 1.5rem; border-right: 4px solid #D4AF37; }\n    .gold-list { list-style: none; padding: 0; }\n    .gold-list li { position: relative; padding-right: 35px; margin-bottom: 15px; font-weight: 500; font-size: 1.05rem; color: #aaa; text-align: right; }\n    .gold-list li::before {\n        content: '✦'; position: absolute; right: 0; top: 0; color: #D4AF37; font-size: 1.2rem;\n    }\n\n    \/* 4. Causes *\/\n    .cause-card h4 { font-size: 1.2rem; margin-bottom: 1rem; }\n    .cause-card p { font-size: 0.95rem; color: #aaa; }\n\n    \/* 5. Tech Dossier *\/\n    .dossier-list { display: flex; flex-direction: column; gap: 1.5rem; }\n    .tech-card { flex-direction: column; text-align: center; padding: 2.5rem; gap: 1.5rem; }\n    @media (min-width: 768px) {\n        .tech-card { flex-direction: row; text-align: right; }\n    }\n    .tech-icon-wrapper {\n        flex: 0 0 80px; height: 80px; background: rgba(255, 255, 255, 0.03); border-radius: 20px;\n        display: flex; align-items: center; justify-content: center; border: 1px solid rgba(212, 175, 55, 0.1);\n        margin: 0 auto;\n    }\n    .tech-info { flex: 1; }\n    .gold-badge-small {\n        display: inline-block; background: rgba(212, 175, 55, 0.15); color: #fcf6ba; padding: 4px 10px;\n        border-radius: 6px; font-family: monospace; font-size: 0.85rem; margin-bottom: 1rem; letter-spacing: 1px;\n    }\n    .tech-info h4 { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.5rem; }\n    .tech-info p { color: #aaa; font-size: 0.95rem; line-height: 1.6; }\n    \n    .glass-alert {\n        display: flex; flex-direction: column; align-items: center; gap: 1.5rem; padding: 2rem;\n        background: rgba(25, 20, 15, 0.6); border: 1px dashed #D4AF37; border-radius: 16px;\n        text-align: center;\n    }\n    @media (min-width: 768px) {\n        .glass-alert { flex-direction: row; text-align: right; }\n    }\n\n    \/* 7. Usage Steps *\/\n    .step-card { position: relative; padding: 3rem 2rem 2rem 2rem; overflow: visible; justify-content: flex-start; }\n    .step-num {\n        position: absolute; top: -15px; right: -15px; width: 45px; height: 45px;\n        background: linear-gradient(135deg, #bf953f, #b38728); color: #000;\n        border-radius: 50%; display: flex; align-items: center; justify-content: center;\n        font-family: monospace; font-weight: bold; font-size: 1.2rem; box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);\n    }\n    .step-card h4 { font-size: 1.2rem; margin-bottom: 1rem; }\n\n    \/* 9. Final CTA *\/\n    .cta-panel { display: flex; flex-direction: column; align-items: center; padding: 0; overflow: hidden; background: rgba(212, 175, 55, 0.05); }\n    @media (min-width: 992px) {\n        .cta-panel { flex-direction: row; }\n    }\n    .cta-content { flex: 1; padding: 4rem; text-align: center; }\n    @media (min-width: 992px) {\n        .cta-content { text-align: right; }\n    }\n    .cta-image { flex: 1; height: 100%; display: flex; align-items: stretch;}\n    .cta-image img { width: 100%; object-fit: cover; border-right: 2px solid rgba(212, 175, 55, 0.3); min-height: 400px; }\n    @media (max-width: 992px) {\n        .cta-image img { border-right: none; border-top: 2px solid rgba(212, 175, 55, 0.3); }\n        .lead-text { border-right: none; padding-right: 0; border-top: 3px solid #D4AF37; padding-top: 1.5rem; }\n        .gold-list li { padding-right: 0; text-align: center; }\n        .gold-list li::before { content: none; }\n    }\n\u003c\/style\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: \"0px 0px -30px 0px\"\n    };\n\n    const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('is-visible');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const revealElements = document.querySelectorAll('.glass-reveal');\n    revealElements.forEach(el =\u003e {\n        observer.observe(el);\n    });\n});\n\u003c\/script\u003e\n\n","brand":"Some by Mi","offers":[{"title":"Default Title","offer_id":47935372296366,"sku":null,"price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Snail_crawling_on_product_202605241349.jpg?v=1780403337"},{"product_id":"some-by-mi-snail-truecica-starter-kit","title":"Some By Mi Snail Truecica Miracle Repair Starter Kit","description":"\u003c!-- Some By Mi Snail Truecica Starter Kit - Luxury Glassmorphism Design (Arabic) --\u003e\n\u003cdiv id=\"sk-glass-dossier-ar\" dir=\"rtl\"\u003e\n\n    \u003c!-- Ambient Glowing Background Orbs --\u003e\n    \u003cdiv class=\"ambient-orb orb-1\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ambient-orb orb-2\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ambient-orb orb-3\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ambient-orb orb-4\"\u003e\u003c\/div\u003e\n\n    \u003c!-- 1. Hero Section --\u003e\n    \u003cheader class=\"glass-section\"\u003e\n        \u003cdiv class=\"glass-panel hero-panel glass-reveal\"\u003e\n            \u003cdiv class=\"hero-grid\"\u003e\n                \u003cdiv class=\"hero-content\"\u003e\n                    \u003cdiv class=\"gold-badge\"\u003e\n                        \u003cspan class=\"gold-dot\"\u003e\u003c\/span\u003e المعجزة الكورية الكبرى\n                    \u003c\/div\u003e\n                     \u003ch1 class=\"main-title gold-text\"\u003eأربع منتجات... روتين واحد... معجزة واحدة\u003c\/h1\u003e\n                    \u003ch1 class=\"main-title gold-text\"\u003eمعجزة الحلزون الأسود \u003c\/h1\u003e\n                    \u003cp class=\"desc-text\"\u003e\n                        لأول مرة — روتين إصلاح كامل بأعلى تركيز مخاط حلزون أسود في التاريخ.\n                        \u003cbr\u003e\u003cbr\u003e\n                        \u003cstrong class=\"text-white\"\u003e\"السر مش في منتج واحد... السر في روتين متكامل بيشتغل على بشرتك 24 ساعة بدون توقف\"\u003c\/strong\u003e\n                    \u003c\/p\u003e\n                  \n                \u003c\/div\u003e\n                \u003cdiv class=\"hero-visual\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/6332a1a5-d742-4c21-a1f4-39dd050bee50-1000x1000-psauyJO5rFXeY6SphQpPpAO9drIK8jTxUnJfwemh.webp?v=1779620673\" alt=\"Snail Truecica Starter Kit\" class=\"floating-img\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- 2. The Problem Section --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"glass-panel split-panel glass-reveal\"\u003e\n            \u003cdiv class=\"split-content\"\u003e\n                \u003ch2 class=\"gold-text\"\u003eليه روتينك الحالي بيفشل رغم كل اللي بتصرفيه؟\u003c\/h2\u003e\n                \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n                \u003cp class=\"lead-text text-white\"\u003e\n                    \"لأن منتجاتك بتحارب بعض\"\n                \u003c\/p\u003e\n                \u003cp class=\"desc-text\"\u003e\n                    \u003cstrong\u003eالحقيقة اللي محدش بيقولهالك:\u003c\/strong\u003e\u003cbr\u003e\n                    غسيل بيجفف ← تونر بيرطب نص التجفيف ← سيروم بيشتغل لوحده ← كريم ختم بمكونات مختلفة. النتيجة؟ \u003cstrong\u003e4 منتجات بتتحاربوا بدل ما يتعاونوا.\u003c\/strong\u003e\n                \u003c\/p\u003e\n                \u003cul class=\"gold-list\"\u003e\n                    \u003cli\u003eالأبحاث الجلدية الحديثة أثبتت إن فعالية الروتين مش بتتحدد بأقوى منتج فيه — بتتحدد بمدى \u003cstrong\u003eتناسق المكونات وتكاملها\u003c\/strong\u003e من أول خطوة لآخر خطوة.\u003c\/li\u003e\n                    \u003cli\u003eلما الغسيل بيكسر الحاجز الجلدي بمكونات قاسية، السيروم والكريم بيضيعوا نص طاقتهم في \u003cstrong\u003eإصلاح اللي الغسيل كسره\u003c\/strong\u003e — بدل ما يركزوا على علاج المشكلة الأساسية.\u003c\/li\u003e\n                \u003c\/ul\u003e\n                \u003cp class=\"gold-text-solid\" style=\"margin-top: 1.5rem; font-size: 1.2rem;\"\u003e\n                    \u003cstrong\u003eالحل الوحيد:\u003c\/strong\u003e روتين متكامل كل خطوة فيه بتكمّل اللي قبلها — \u003cstrong\u003eمش بتكسرها.\u003c\/strong\u003e\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 3. Kit Introduction --\u003e\n    \u003csection class=\"glass-section glass-reveal\" style=\"text-align: center;\"\u003e\n        \u003ch3 class=\"sub-title\"\u003eأربع أسلحة علمية... هجوم واحد شامل على كل مشاكل البشرة\u003c\/h3\u003e\n        \u003ch2 class=\"gold-text\" style=\"font-size: 2.5rem;\"\u003e\"مش أربع منتجات منفصلة... ده جيش بيتحرك بخطة واحدة هدفه إعادة بناء نسيج جلدك\"\u003c\/h2\u003e\n        \u003cdiv class=\"gold-divider\" style=\"margin: 1rem auto 3rem auto;\"\u003e\u003c\/div\u003e\n        \u003cp class=\"text-white\" style=\"max-width: 800px; margin: 0 auto 2rem auto; font-size: 1.1rem; line-height: 1.8;\"\u003e\n          \n            \u003cbr\u003e\u003cbr\u003eالنتيجة؟ \u003cstrong\u003e كل منتج بيخاطب التاني و بيشتغل معاه مش بيعارضه .. كل جرام محسوب و موزون بدقة لا متناهية عشان يحققلك الكيمياء الناجحة الي تحل كل مشاكل جلدك من الجفاف للتصبغ لآثار الحبوب و الندبات. \n              لأول مرة هتجرب الكيمياء الموزونة وهتشوف تأثير الدقة على صحة الجلد\n        \u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 4. The 4-Step Routine (Kit Contents) --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"section-header glass-reveal\"\u003e\n            \u003ch2 class=\"gold-text\"\u003eمحتويات الكيت:\u003c\/h2\u003e\n            \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"routine-grid\"\u003e\n            \u003c!-- Step 1 --\u003e\n            \u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n                \u003cdiv class=\"routine-img-wrapper\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/snail-truecica-miracle-repair-low-ph-gel-cleanser-3.jpg?v=1779621612\" alt=\"Snail Truecica Cleanser\"\u003e\n                    \u003cdiv class=\"step-badge\"\u003eالخطوة 1\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"routine-info\"\u003e\n                    \u003ch4 class=\"gold-text-solid\"\u003eغسول بـ 90% مخاط الحلزون الأسود\u003c\/h4\u003e\n                    \u003ch5 class=\"text-white\"\u003e\"أول غسيل في التاريخ يعالج وهو بينضف — 900,000 ppm من القوة البيولوجية في كل غسلة\"\u003c\/h5\u003e\n                    \u003cp\u003eمعظم الغسيل بيبدأ بتجريد البشرة. ده بيبدأ بإصلاحها. يحتوي على أعلى تركيز ممكن (90%)، غني بالإيلاستين وحمض الجليكوليك. \u003cstrong\u003e5 سيراميدات + 17 حمض أميني\u003c\/strong\u003e يحافظوا على الحاجز الجلدي. بـ pH منخفض (~5.5) لمنع الجفاف.\u003c\/p\u003e\n                    \u003cp class=\"highlight-text\"\u003eالفارق اللي هتحسيه من أول استخدام: وجهك مش هيبقى ناشف بعد الغسيل — هيبقى نضر، ناعم، ومرطب.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Step 2 --\u003e\n            \u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n                \u003cdiv class=\"routine-img-wrapper\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_kit_snail_toner.jpg?v=1779621701\" alt=\"Snail Truecica Toner\"\u003e\n                    \u003cdiv class=\"step-badge\"\u003eالخطوة 2\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"routine-info\"\u003e\n                    \u003ch4 class=\"gold-text-solid\"\u003eالتونر المعجزة\u003c\/h4\u003e\n                    \u003ch5 class=\"text-white\"\u003e\"الرسالة اللي بتهيّئ البشرة تسمع كل حاجة جاية\"\u003c\/h5\u003e\n                    \u003cp\u003eمش تونر عادي — ده المحفز اللي بيفتح مسام البشرة ويضاعف امتصاص كل اللي جاي بعده. سلاح مستقل يجمع: مخاط الحلزون، النياسيناميد للتصبغات، Botaniceutical Plus-10 لمرونة البشرة، والأللانتوين لترطيب عميق.\u003c\/p\u003e\n                    \u003cp class=\"highlight-text\"\u003eالنتيجة: بشرة مستعدة تمتص السيروم والكريم بكفاءة أعلى بـ 3 مرات.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Step 3 --\u003e\n            \u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n                \u003cdiv class=\"routine-img-wrapper\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_snail_kit_serum.jpg?v=1779621735\" alt=\"Snail Truecica Serum\"\u003e\n                    \u003cdiv class=\"step-badge\"\u003eالخطوة 3\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"routine-info\"\u003e\n                    \u003ch4 class=\"gold-text-solid\"\u003eسيروم الإصلاح المكثف\u003c\/h4\u003e\n                    \u003ch5 class=\"text-white\"\u003e\"الضربة الجراحية في قلب المشكلة\"\u003c\/h5\u003e\n                    \u003cp\u003eجرعة علاج مركّزة بتخترق 7 طبقات من الجلد. يضم مخاط الحلزون، BHA طبيعي (Willow Bark) لتقشير لطيف يفتح المسام بدون حرق، و Sage Extract كمضاد التهاب قوي.\u003c\/p\u003e\n                    \u003cp class=\"highlight-text\"\u003eأول سيروم يجمع: علاج آثار الحبوب + تقشير لطيف + مضاد الشيخوخة + تهدئة — في 10 مل مركّزة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Step 4 --\u003e\n            \u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n                \u003cdiv class=\"routine-img-wrapper\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Black_snail_crawling_over_product_202605241425.jpg?v=1779621949\" alt=\"Snail Truecica Cream\"\u003e\n                    \u003cdiv class=\"step-badge\"\u003eالخطوة 4\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"routine-info\"\u003e\n                    \u003ch4 class=\"gold-text-solid\"\u003eالكريم المعجزة\u003c\/h4\u003e\n                    \u003ch5 class=\"text-white\"\u003e\"الختم الذهبي اللي بيحبس كل اللي عملتيه\"\u003c\/h5\u003e\n                    \u003cp\u003e42% مخاط الحلزون الأسود + الخماسية الكاملة من السيراميدات والكوليسترول = \u003cstrong\u003eدرع بيولوجي ما بيتكسرش طول الليل.\u003c\/strong\u003e يمنع فقدان الرطوبة مع كولاجين بحري لمكافحة الشيخوخة.\u003c\/p\u003e\n                    \u003cp class=\"highlight-text\"\u003eملمسه: جل-كريم خفيف يتمتص بدون ثقل — حتى البشرة الدهنية بتتعامل معاه بسهولة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 5. The Science (Dossier) --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"section-header glass-reveal\"\u003e\n            \u003ch3 class=\"sub-title\"\u003eالعلم وراء الكيت\u003c\/h3\u003e\n            \u003ch2 class=\"gold-text\"\u003eليه مخاط الحلزون الأسود مختلف عن كل حاجة تانية؟\u003c\/h2\u003e\n            \u003cp class=\"text-white\"\u003e\"مش مخاط عادي — ده مصنع إصلاح بيولوجي متكامل طوّرته الطبيعة على مدى ملايين السنين\"\u003c\/p\u003e\n            \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dossier-list\"\u003e\n            \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n                \u003cdiv class=\"tech-icon-wrapper\"\u003e\n                    \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e01\u003c\/h2\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tech-info\"\u003e\n                    \u003ch4 class=\"text-white\"\u003eقوة الحلزون الأسود\u003c\/h4\u003e\n                    \u003cp\u003eالحلزون الأسود يعيش في بيئات قاسية ويصلح نسيجه بسرعة. إفرازه البيولوجي هو تركيبة كيميائية معقدة تحتوي على:\u003c\/p\u003e\n                    \u003cul class=\"gold-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حمض الجليكوليك (AHA):\u003c\/strong\u003e تقشير خفيف طبيعي يحسّن الملمس ويفتح التصبغات بدون حرقة.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eأللانتوين وببتيدات:\u003c\/strong\u003e مواد مهدئة ومعجّلة للشفاء تقصّر وقت التعافي من أي جرح أو حبة.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                    \u003cp class=\"highlight-text\"\u003eالفارق الجوهري: مخاط الحلزون الأسود أثقل تركيزاً في الجليكوبروتينات، وهو الأساس البيولوجي لكل منتج في الكيت بنسب 42% إلى 90%.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n                \u003cdiv class=\"tech-icon-wrapper\"\u003e\n                    \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e02\u003c\/h2\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tech-info\"\u003e\n                    \u003ch4 class=\"text-white\"\u003eمركب ™Truecica\u003c\/h4\u003e\n                    \u003ch5 class=\"gold-text-solid\"\u003eالتقنية الكورية الحصرية\u003c\/h5\u003e\n                    \u003cp\u003e\"ثلاث نباتات علاجية بتركيزات دقيقة محسوبة علمياً... مش مجرد خلط عشوائي\"\u003c\/p\u003e\n                    \u003cul class=\"gold-list\"\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eشاي الشجرة (10,000 ppm):\u003c\/strong\u003e تركيز علاجي يقضي على 99% من بكتيريا P.acnes المسببة للحبوب (مبيد للبكتيريا).\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eالسنتيلا + 4 مستخلصات معزولة بالنانوجرام:\u003c\/strong\u003e Asiaticoside لإنتاج الكولاجين، Madecassoside كمضاد التهاب أقوى من الكورتيزون الخفيف، Madecassic Acid لشفاء الأنسجة، و Asiatic Acid لبناء المقاومة.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eالأرتيميسيا (Mugwort):\u003c\/strong\u003e \"الحشيشة المقدسة\" الغنية بمضادات الأكسدة لتهدئة الاحمرار المزمن.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 6. Clinical Results --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"section-header glass-reveal\"\u003e\n            \u003ch3 class=\"sub-title\"\u003eالكيت ده مش بيبيع وعوداً... بيبيع أرقاماً\u003c\/h3\u003e\n            \u003ch2 class=\"gold-text\"\u003eالنتائج بالأرقام: دراسات علمية حقيقية\u003c\/h2\u003e\n            \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"table-container glass-reveal\"\u003e\n            \u003ctable class=\"luxury-table\"\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 class=\"gold-text-solid font-bold\"\u003eمخاط الحلزون\u003c\/td\u003e\n                        \u003ctd\u003eJournal of Dermatological Treatment\u003c\/td\u003e\n                        \u003ctd\u003eتسريع شفاء الجروح بنسبة 37% + تحسن مرونة البشرة\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"gold-text-solid font-bold\"\u003eالسنتيلا (Madecassoside)\u003c\/td\u003e\n                        \u003ctd\u003eSkin Pharmacology \u0026amp; Physiology\u003c\/td\u003e\n                        \u003ctd\u003eتقليل التهيج 82% في 4 أسابيع\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"gold-text-solid font-bold\"\u003eشاي الشجرة 10,000 ppm\u003c\/td\u003e\n                        \u003ctd\u003eInt. Journal of Antimicrobials\u003c\/td\u003e\n                        \u003ctd\u003eالقضاء على 99% من بكتيريا الحبوب\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"gold-text-solid font-bold\"\u003e5 سيراميدات\u003c\/td\u003e\n                        \u003ctd\u003eDermatology Research \u0026amp; Practice\u003c\/td\u003e\n                        \u003ctd\u003eإصلاح الحاجز الجلدي 65% في أسبوعين\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"gold-text-solid font-bold\"\u003eنياسيناميد\u003c\/td\u003e\n                        \u003ctd\u003eInt. J. of Cosmetic Science\u003c\/td\u003e\n                        \u003ctd\u003eتحسن التصبغات 68% في 8 أسابيع + تقليل إفراز الدهون 52%\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"gold-text-solid font-bold\"\u003eأدينوسين\u003c\/td\u003e\n                        \u003ctd\u003eتقارير FDA معتمدة\u003c\/td\u003e\n                        \u003ctd\u003eتقليل الخطوط الدقيقة 27% في 12 أسبوع\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/tbody\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 7. How to Use (AM\/PM Routine) --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"section-header glass-reveal\"\u003e\n            \u003ch2 class=\"text-white\"\u003eطريقة الاستخدام: الروتين الصح خطوة بخطوة\u003c\/h2\u003e\n            \u003cp class=\"gold-text-solid\"\u003e\u003cstrong\u003e\"4 دقائق صبح و4 دقائق بالليل... وبشرتك في عناية 24 ساعة بدون توقف\"\u003c\/strong\u003e\u003c\/p\u003e\n            \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"glass-grid grid-2\"\u003e\n            \u003c!-- AM Routine --\u003e\n            \u003cdiv class=\"glass-card usage-card glass-reveal\"\u003e\n                \u003cdiv class=\"time-badge\"\u003e☀️ الروتين الصباحي\u003c\/div\u003e\n                \u003cul class=\"step-list\"\u003e\n                    \u003cli\u003e\n                        \u003cspan class=\"step-number\"\u003e1\u003c\/span\u003e\n                        \u003cdiv class=\"step-content\"\u003e\n                            \u003ch4 class=\"gold-text-solid\"\u003eالغسيل (30 ثانية)\u003c\/h4\u003e\n                            \u003cp\u003eبللي وجهك، خدي كمية صغيرة من الجل، كوّني رغوة ناعمة بإيدك، ودلكي بلطف لمدة 30-60 ثانية بحركات دائرية. اشطفي بماء فاتر.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/li\u003e\n                    \u003cli\u003e\n                        \u003cspan class=\"step-number\"\u003e2\u003c\/span\u003e\n                        \u003cdiv class=\"step-content\"\u003e\n                            \u003ch4 class=\"gold-text-solid\"\u003eالتونر (30 ثانية)\u003c\/h4\u003e\n                            \u003cp\u003e2-3 ضغطات على راحة إيدك أو قطنة، ووزعي بلطف بحركات تربيتية من الداخل للخارج. لا تفركي.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/li\u003e\n                    \u003cli\u003e\n                        \u003cspan class=\"step-number\"\u003e3\u003c\/span\u003e\n                        \u003cdiv class=\"step-content\"\u003e\n                            \u003ch4 class=\"gold-text-solid\"\u003eالسيروم (30 ثانية)\u003c\/h4\u003e\n                            \u003cp\u003e2-3 قطرات، سخّنيها بين راحتي إيديكي، اضغطي على الوجه بدون فرك. ركزي على مناطق آثار الحبوب.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/li\u003e\n                    \u003cli\u003e\n                        \u003cspan class=\"step-number\"\u003e4\u003c\/span\u003e\n                        \u003cdiv class=\"step-content\"\u003e\n                            \u003ch4 class=\"gold-text-solid\"\u003eالكريم (30 ثانية)\u003c\/h4\u003e\n                            \u003cp\u003eكمية بحجم حبة البازلاء كافية. دلكي بخفة حتى الامتصاص الكامل.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/li\u003e\n                    \u003cli\u003e\n                        \u003cspan class=\"step-number\"\u003e5\u003c\/span\u003e\n                        \u003cdiv class=\"step-content\"\u003e\n                            \u003ch4 class=\"gold-text-solid\"\u003eواقي الشمس\u003c\/h4\u003e\n                            \u003cp\u003e(مش في الكيت — ضروري جداً لحماية نتائج الروتين)\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- PM Routine \u0026 Tips --\u003e\n            \u003cdiv class=\"glass-card usage-card glass-reveal\"\u003e\n                \u003cdiv class=\"time-badge dark\"\u003e🌙 الروتين المسائي ونصائح\u003c\/div\u003e\n                \u003cp style=\"margin-bottom: 2rem; color: #fff;\"\u003eنفس الخطوات تماماً — بدون واقي الشمس. ممكن تزيدي كمية الكريم بشكل طفيف للاستفادة من التجديد الليلي.\u003c\/p\u003e\n                \n                \u003ch4 class=\"gold-text-solid\" style=\"margin-bottom: 1rem; border-bottom: 1px dashed rgba(212, 175, 55, 0.3); padding-bottom: 0.5rem;\"\u003eنصايح الخبراء:\u003c\/h4\u003e\n                \u003cul class=\"gold-list\"\u003e\n                    \u003cli\u003eرجّي الغسول قبل الاستخدام لأن المخاط الطبيعي ممكن يتفصل.\u003c\/li\u003e\n                    \u003cli\u003eالسيروم على بشرة رطبة (مش جافة) بيتمتص أحسن بكثير.\u003c\/li\u003e\n                    \u003cli\u003eمناطق آثار الحبوب — ضعي طبقة تانية من السيروم فوقيها مباشرة.\u003c\/li\u003e\n                    \u003cli\u003eاستمري على الأقل 4 أسابيع قبل ما تحكمي على النتيجة الكاملة.\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 8. Social Proof --\u003e\n    \u003csection class=\"glass-section\"\u003e\n        \u003cdiv class=\"section-header glass-reveal\"\u003e\n            \u003ch3 class=\"sub-title\"\u003eآراء المستخدمين: اللي قالته البشرة الحقيقية\u003c\/h3\u003e\n            \u003ch2 class=\"gold-text\"\u003eعشرات الآلاف جربوا الكيت ده... وهنا ملخص تجاربهم بصدق كامل\u003c\/h2\u003e\n            \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"glass-panel glass-reveal\" style=\"padding: 3rem; text-align: center;\"\u003e\n            \u003ch3 class=\"text-white\" style=\"font-size: 2rem; margin-bottom: 1rem;\"\u003eالتقييم العام: \u003cspan class=\"gold-text-solid\"\u003e4.7 \/ 5\u003c\/span\u003e\n\u003c\/h3\u003e\n            \u003cp class=\"desc-text\" style=\"margin-bottom: 2rem;\"\u003eمن عشرات الآلاف من المراجعات الموثقة عالمياً.\u003c\/p\u003e\n            \n            \u003cp class=\"text-white\" style=\"line-height: 1.8; text-align: right; margin-bottom: 2rem;\"\u003e\n                الكيت حقق استقبالاً استثنائياً على منصات iHerb وFemale Daily ومنصات K-Beauty المتخصصة. الغالبية العظمى لاحظوا فرقاً واضحاً في ملمس البشرة من الأسبوع الأول، وكان الغسول هو العنصر الأكثر إثارة للمفاجأة — كثيرون لم يتوقعوا أن خطوة الغسيل وحدها ستترك البشرة ناعمة ومرطبة بهذا الشكل بدلاً من الجفاف المعتاد.\u003cbr\u003e\u003cbr\u003e\n                التقييمات تُشير باستمرار إلى تحسن ملحوظ في آثار الحبوب والبقع الداكنة خلال أسبوعين إلى أربعة أسابيع، مع رضا واسع عن خفة ملمس الكريم حتى من أصحاب البشرة الدهنية. المستخدمون الذين اشتروا الكيت بهدف التجربة انتهى بهم الأمر في معظمهم بشراء الحجم الكبير — وهو مؤشر أصدق من أي تقييم نجوم.\n            \u003c\/p\u003e\n\n            \u003ch4 class=\"gold-text-solid\" style=\"text-align: right; margin-bottom: 1rem;\"\u003e⚠️ نقاط انتباه صادقة من المستخدمين:\u003c\/h4\u003e\n            \u003cul class=\"gold-list\" style=\"text-align: right;\"\u003e\n                \u003cli\u003eحجم السيروم (10 مل) بيخلص بسرعة لو بتستخدميه بسخاء — افضلي بكميات صغيرة (قطرات).\u003c\/li\u003e\n                \u003cli\u003eالكريم يحتوي على زيوت عطرية طبيعية (برغموت + سيج) — اعملي اختبار حساسية لو بشرتك حساسة جداً للعطور الطبيعية.\u003c\/li\u003e\n                \u003cli\u003eالبشرة الدهنية جداً في الجو الحار ممكن تحس إن الكريم ثقيل في الصبح — الحل: استخدميه مساءً فقط في الصيف.\u003c\/li\u003e\n            \u003c\/ul\u003e\n            \u003cp class=\"gold-text-solid\" style=\"margin-top: 2rem; font-size: 1.1rem;\"\u003e\u003cstrong\u003eالخلاصة:\u003c\/strong\u003e نسبة تكرار الشراء تتجاوز 85% من المستخدمين اللي جربوا الكيت عالمياً.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 9. Ingredients --\u003e\n    \u003csection class=\"glass-section glass-reveal\"\u003e\n        \u003cdiv class=\"glass-panel\" style=\"padding: 3rem; text-align: right;\"\u003e\n            \u003ch3 class=\"gold-text-solid\" style=\"margin-bottom: 2rem; font-size: 1.5rem; text-align: center;\"\u003eقائمة مكونات كل منتج في الكيت\u003c\/h3\u003e\n            \n            \u003cdiv style=\"margin-bottom: 1.5rem;\"\u003e\n                \u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eالغسول:\u003c\/h4\u003e\n                \u003cp style=\"font-family: monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate (90%), Cocamidopropyl Betaine, Sodium Cocoyl Isethionate, Glycerin, Ceramide NP, Ceramide NS, Ceramide AS, Ceramide AP, Ceramide EOP, Niacinamide, Melaleuca Alternifolia (Tea Tree) Leaf Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Allantoin, Panthenol, Adenosine, Hydrolyzed Collagen, Amino Acids Complex (17 types)\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv style=\"margin-bottom: 1.5rem;\"\u003e\n                \u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eالتونر:\u003c\/h4\u003e\n                \u003cp style=\"font-family: monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate, Niacinamide, Butylene Glycol, Glycerin, Allantoin, Hydroxyethyl Urea, Truecica™ Complex (Tea Tree + Centella + Mugwort), White Flower Complex, Botaniceutical Plus-10, Adenosine, Ceramide NP, Fragrance\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv style=\"margin-bottom: 1.5rem;\"\u003e\n                \u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eالسيروم:\u003c\/h4\u003e\n                \u003cp style=\"font-family: monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate, Glycerin, Niacinamide, Truecica™ Complex, Salix Alba (Willow Bark) Extract, Salvia Officinalis (Sage) Extract, Adenosine, Hydrolyzed Collagen, Peptides Complex, Allantoin, Ceramide NP, 1,2-Hexanediol\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n                \u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eالكريم:\u003c\/h4\u003e\n                \u003cp style=\"font-family: monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate (40%), Propanediol, Dicaprylyl Carbonate, Polyglyceryl-3 Methylglucose Distearate, Niacinamide, 1,2-Hexanediol, Melaleuca Alternifolia (Tea Tree) Leaf Extract (10,000 ppm), Centella Asiatica Extract, Butylene Glycol, Cyclomethicone, Cetearyl Alcohol, Squalane, Glyceryl Stearate, Carbomer, Tromethamine, Citrus Aurantium Bergamia (Bergamot) Fruit Oil, Sodium Polyacrylate, Madecassoside, Ethylhexylglycerin, Artemisia Princeps (Mugwort) Leaf Extract, Hydrolyzed Collagen, Glycerin, Adenosine, Disodium EDTA, Salvia Officinalis (Sage) Oil, Tocopherol, Hydrolyzed Vegetable Protein, Hydrogenated Lecithin, Asiaticoside (400 ppb), Madecassic Acid (360 ppb), Asiatic Acid (240 ppb), Stearic Acid, Ceramide NP, Ceramide NS, Phytosphingosine, Cholesterol, Ceramide AS, Ceramide AP, Ceramide EOP, Limonene, Linalool\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"glass-alert\" style=\"margin-top: 2rem;\"\u003e\n                \u003cdiv class=\"alert-icon\"\u003e!\u003c\/div\u003e\n                \u003cdiv class=\"alert-text text-right\"\u003e\n                    \u003cstrong class=\"gold-text-solid\"\u003eملاحظات مهمة:\u003c\/strong\u003e\n                    \u003cul style=\"margin: 0; padding-right: 20px; color: #aaa; font-size: 0.9rem;\"\u003e\n                        \u003cli\u003eالكريم يحتوي على عطور طبيعية (برغموت + سيج) — اختبار حساسية مطلوب للبشرة الحساسة جداً.\u003c\/li\u003e\n                        \u003cli\u003eليس آمناً للحبوب الفطرية (Fungal Acne).\u003c\/li\u003e\n                        \u003cli\u003eخالٍ من البارابين والكبريتات.\u003c\/li\u003e\n                        \u003cli\u003eليس Cruelty-Free (Some By Mi تُباع في الصين).\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 10. Final CTA --\u003e\n    \u003csection class=\"glass-section\" id=\"glass-buy\"\u003e\n        \u003cdiv class=\"glass-panel cta-panel glass-reveal\"\u003e\n            \u003cdiv class=\"cta-content\"\u003e\n                \u003cp class=\"gold-text-solid\" style=\"font-size: 1.1rem; letter-spacing: 1px;\"\u003eالنهاية: القرار مش صعب لما الأرقام واضحة\u003c\/p\u003e\n                \u003ch2 class=\"main-title text-white\"\u003e\"مش بتشتري كيت... بتشتري فرصة تشوفي بشرتك وهي بتجدد نفسها\"\u003c\/h2\u003e\n                \u003cp class=\"desc-text text-white\" style=\"font-size: 1.1rem; margin-bottom: 2rem;\"\u003e\n                    \u003cstrong\u003eSome By Mi Snail Truecica Miracle Repair Starter Kit\u003c\/strong\u003e مش مجرد روتين — ده \u003cstrong\u003eالاختبار الأذكى\u003c\/strong\u003e اللي ممكن تعمليه لبشرتك.\n                    \u003cbr\u003e\u003cbr\u003e\n                    4 منتجات متكاملة، مكونات سريرية مثبتة، تركيزات ما بتلاقيهاش إلا هنا — كل ده في حجم سفر بسعر لا يُقارن.\n                    \u003cbr\u003e\u003cbr\u003e\n                    \u003cstrong class=\"gold-text-solid\"\u003eجربيه. شوفي الفرق. وبعدين خدي القرار.\u003c\/strong\u003e\n                \u003c\/p\u003e\n                \u003ca href=\"#\" class=\"gold-btn large\" onclick=\"window.scrollTo(0,0); return false;\"\u003eاطلبي المجموعة المعجزة الآن 🚀\u003c\/a\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"cta-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_Truecica_Miracle_Repair_Starter_Kit_Clear.jpg?v=1779621524\" alt=\"Snail Truecica Starter Kit Box\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Luxury Glassmorphism CSS --\u003e\n\u003cstyle\u003e\n    #sk-glass-dossier-ar {\n        position: relative;\n        background-color: #0a0505;\n        background-image: radial-gradient(circle at 50% 50%, #1a0808 0%, #050202 100%);\n        color: #e0e0e0;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        line-height: 1.6;\n        overflow: hidden;\n        padding-bottom: 5rem;\n    }\n\n    #sk-glass-dossier-ar * {\n        box-sizing: border-box;\n    }\n\n    \/* Typography Utilities *\/\n    .text-white { color: #ffffff !important; }\n    .gold-text {\n        background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        color: transparent;\n    }\n    .gold-text-solid { color: #D4AF37; }\n    .font-bold { font-weight: bold; }\n    .text-right { text-align: right; }\n\n    \/* Ambient Background Orbs - Deep Burgundy\/Gold *\/\n    .ambient-orb {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(100px);\n        opacity: 0.35;\n        z-index: 0;\n        animation: floatOrb 20s infinite ease-in-out alternate;\n        pointer-events: none;\n    }\n    .orb-1 { width: 500px; height: 500px; background: #600000; top: -10%; right: -10%; opacity: 0.3; }\n    .orb-2 { width: 400px; height: 400px; background: #8a651a; bottom: 20%; left: -10%; animation-delay: -5s; }\n    .orb-3 { width: 600px; height: 600px; background: #3a0000; top: 40%; right: 20%; opacity: 0.2; animation-delay: -10s; }\n    .orb-4 { width: 300px; height: 300px; background: #D4AF37; bottom: -5%; right: 10%; opacity: 0.15; animation-delay: -15s; }\n\n    @keyframes floatOrb {\n        0% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(-30px, 50px) scale(1.1); }\n        100% { transform: translate(20px, -30px) scale(0.9); }\n    }\n\n    \/* Layout \u0026 Containers *\/\n    .glass-section {\n        position: relative;\n        z-index: 10;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 4rem 2rem;\n    }\n\n    \/* Glass Panels \u0026 Cards *\/\n    .glass-panel, .glass-card {\n        background: rgba(30, 15, 15, 0.4);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        border: 1px solid rgba(212, 175, 55, 0.15);\n        border-radius: 24px;\n        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);\n    }\n    \n    .glass-card {\n        padding: 2rem;\n        transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n    }\n    .glass-card:hover {\n        transform: translateY(-8px);\n        border-color: rgba(212, 175, 55, 0.5);\n        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15);\n    }\n\n    \/* Animations *\/\n    .glass-reveal {\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .glass-reveal.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Header Components *\/\n    .section-header {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\n    .section-header h2 {\n        font-size: 2.2rem;\n        font-weight: 800;\n        margin-bottom: 1rem;\n    }\n    .sub-title {\n        font-size: 1.1rem;\n        color: #D4AF37;\n        margin-bottom: 0.5rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n    .gold-divider {\n        height: 3px;\n        width: 60px;\n        background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728);\n        margin: 0 auto;\n        border-radius: 2px;\n    }\n    .gold-divider.left { margin: 0; }\n    .desc-text { color: #b0b0b0; font-size: 1.05rem; }\n\n    \/* Buttons *\/\n    .gold-btn {\n        display: inline-block;\n        background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728);\n        color: #000 !important;\n        padding: 12px 35px;\n        border-radius: 30px;\n        text-decoration: none;\n        font-weight: bold;\n        font-size: 1.1rem;\n        box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);\n        transition: all 0.3s ease;\n        border: none;\n    }\n    .gold-btn:hover {\n        transform: scale(1.05);\n        box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5);\n    }\n    .gold-btn.large { padding: 15px 45px; font-size: 1.2rem; }\n\n    \/* Grids *\/\n    .glass-grid { display: grid; gap: 1.5rem; }\n    .grid-4 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }\n    .grid-3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }\n    .grid-2 { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }\n\n    \/* 1. Hero *\/\n    .hero-panel { padding: 4rem; margin-top: 2rem; }\n    .hero-grid { display: flex; flex-direction: column; gap: 2rem; align-items: center; text-align: center; }\n    @media (min-width: 992px) {\n        .hero-grid { flex-direction: row; text-align: right; }\n        .hero-content { align-items: flex-start; }\n    }\n    .main-title { font-size: 2.8rem; font-weight: 900; line-height: 1.2; margin-bottom: 1.5rem; }\n    .hero-content .desc-text { margin-bottom: 2.5rem; max-width: 800px; }\n    .floating-img {\n        width: 100%; border-radius: 16px;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n        animation: floatImg 6s ease-in-out infinite;\n        border: 1px solid rgba(255,255,255,0.1);\n        max-width: 450px;\n    }\n    @keyframes floatImg {\n        0% { transform: translateY(0); }\n        50% { transform: translateY(-15px); }\n        100% { transform: translateY(0); }\n    }\n    .gold-badge {\n        display: inline-flex; align-items: center; gap: 8px;\n        background: rgba(212, 175, 55, 0.1);\n        border: 1px solid rgba(212, 175, 55, 0.3);\n        color: #fcf6ba; padding: 6px 14px;\n        border-radius: 20px; font-size: 0.85rem; font-weight: bold; margin-bottom: 1.5rem;\n    }\n    .gold-dot {\n        width: 8px; height: 8px; background: #FFD700; border-radius: 50%;\n        box-shadow: 0 0 10px #FFD700;\n    }\n\n    \/* 2. Minimal Cards *\/\n    .icon-circle {\n        width: 80px; height: 80px;\n        background: rgba(255, 255, 255, 0.05);\n        border-radius: 50%; display: flex; align-items: center; justify-content: center;\n        margin-bottom: 1.5rem; border: 1px solid rgba(212, 175, 55, 0.2);\n    }\n    .emoji-icon { font-size: 2rem; }\n    .minimal-card h4 { font-size: 1.15rem; margin-bottom: 0.5rem; font-weight: 700; }\n    .minimal-card p { font-size: 0.9rem; color: #aaa; margin: 0; }\n\n    \/* 3. Split Panel *\/\n    .split-panel { display: flex; flex-direction: column; align-items: center; gap: 2rem; padding: 4rem; text-align: center; }\n    @media (min-width: 992px) {\n        .split-panel { flex-direction: row; text-align: right; }\n    }\n    .split-image { flex: 1; text-align: center; }\n    .split-image img { width: 100%; max-width: 450px; border-radius: 16px; border: 2px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 40px rgba(212, 175, 55, 0.15); }\n    .split-content { flex: 1; }\n    .lead-text { font-size: 1.2rem; line-height: 1.8; margin: 2rem 0; padding-right: 1.5rem; border-right: 4px solid #D4AF37; }\n    .gold-list { list-style: none; padding: 0; }\n    .gold-list li { position: relative; padding-right: 30px; margin-bottom: 15px; font-weight: 500; font-size: 1.05rem; color: #aaa; text-align: right; }\n    .gold-list li::before {\n        content: '✦'; position: absolute; right: 0; top: 0; color: #D4AF37; font-size: 1.2rem;\n    }\n\n    \/* 4. Routine Grid *\/\n    .routine-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }\n    .routine-card { padding: 0; overflow: hidden; align-items: stretch; text-align: right; }\n    .routine-img-wrapper { position: relative; width: 100%; height: 250px; }\n    .routine-img-wrapper img { width: 100%; height: 100%; object-fit: cover; border-bottom: 2px solid rgba(212, 175, 55, 0.3); }\n    .step-badge {\n        position: absolute; top: 15px; right: 15px; background: rgba(0,0,0,0.7); color: #D4AF37;\n        padding: 5px 12px; border-radius: 20px; font-weight: bold; font-size: 0.85rem; border: 1px solid #D4AF37;\n    }\n    .routine-info { padding: 2rem; }\n    .routine-info h4 { font-size: 1.2rem; margin-bottom: 0.5rem; }\n    .routine-info h5 { font-size: 0.95rem; font-style: italic; margin-bottom: 1rem; color: #ccc; }\n    .routine-info p { font-size: 0.9rem; color: #aaa; margin-bottom: 1rem; }\n    .highlight-text { border-right: 2px solid #D4AF37; padding-right: 10px; color: #fff !important; font-weight: 500; }\n\n    \/* 5. Tech Dossier *\/\n    .dossier-list { display: flex; flex-direction: column; gap: 1.5rem; }\n    .tech-card { flex-direction: column; text-align: center; padding: 2.5rem; gap: 1.5rem; }\n    @media (min-width: 768px) {\n        .tech-card { flex-direction: row; text-align: right; }\n    }\n    .tech-icon-wrapper {\n        flex: 0 0 80px; height: 80px; background: rgba(255, 255, 255, 0.03); border-radius: 20px;\n        display: flex; align-items: center; justify-content: center; border: 1px solid rgba(212, 175, 55, 0.1);\n        margin: 0 auto;\n    }\n    .tech-info { flex: 1; }\n    .tech-info h4 { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.5rem; }\n    .tech-info h5 { font-size: 1.1rem; margin-bottom: 1rem; color: #D4AF37; }\n    .tech-info p { color: #aaa; font-size: 0.95rem; line-height: 1.6; }\n    \n    .glass-alert {\n        display: flex; flex-direction: column; align-items: center; gap: 1.5rem; padding: 2rem;\n        background: rgba(30, 15, 15, 0.6); border: 1px dashed #D4AF37; border-radius: 16px;\n        text-align: center;\n    }\n    @media (min-width: 768px) {\n        .glass-alert { flex-direction: row; text-align: right; }\n    }\n    .alert-icon {\n        width: 45px; height: 45px; border-radius: 50%; background: #D4AF37; color: #000;\n        display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.5rem; flex-shrink: 0;\n    }\n\n    \/* 6. Tables *\/\n    .table-container {\n        overflow-x: auto;\n        border-radius: 16px;\n        border: 1px solid rgba(212, 175, 55, 0.3);\n        background: rgba(30, 15, 15, 0.4);\n        backdrop-filter: blur(16px);\n    }\n    .luxury-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: right;\n    }\n    .luxury-table th {\n        background: rgba(212, 175, 55, 0.1);\n        color: #D4AF37;\n        padding: 1.5rem;\n        font-weight: 800;\n        border-bottom: 2px solid rgba(212, 175, 55, 0.3);\n    }\n    .luxury-table td {\n        padding: 1.5rem;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        color: #ddd;\n    }\n    .luxury-table tr:hover td {\n        background: rgba(255, 255, 255, 0.02);\n    }\n\n    \/* 7. Usage Cards (AM\/PM) *\/\n    .usage-card { align-items: flex-start; text-align: right; padding: 3rem 2rem; position: relative; overflow: hidden; }\n    .time-badge {\n        display: inline-block; background: #fff; color: #000; padding: 5px 15px; border-radius: 20px;\n        font-weight: bold; margin-bottom: 2rem; font-size: 0.9rem;\n    }\n    .time-badge.dark { background: #111; color: #D4AF37; border: 1px solid #D4AF37; }\n    .step-list { list-style: none; padding: 0; margin: 0; }\n    .step-list li { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; }\n    .step-number {\n        width: 35px; height: 35px; flex-shrink: 0; background: linear-gradient(135deg, #bf953f, #b38728);\n        color: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n        font-weight: bold; font-family: monospace; font-size: 1.1rem;\n    }\n    .step-content h4 { font-size: 1.1rem; margin-bottom: 0.3rem; }\n    .step-content p { font-size: 0.9rem; color: #aaa; margin: 0; }\n\n    \/* 9. Final CTA *\/\n    .cta-panel { display: flex; flex-direction: column; align-items: center; padding: 0; overflow: hidden; background: rgba(212, 175, 55, 0.05); }\n    @media (min-width: 992px) {\n        .cta-panel { flex-direction: row; }\n    }\n    .cta-content { flex: 1; padding: 4rem; text-align: center; }\n    @media (min-width: 992px) {\n        .cta-content { text-align: right; }\n    }\n    .cta-image { flex: 1; height: 100%; display: flex; align-items: stretch;}\n    .cta-image img { width: 100%; object-fit: cover; border-right: 2px solid rgba(212, 175, 55, 0.3); min-height: 400px; }\n    @media (max-width: 992px) {\n        .cta-image img { border-right: none; border-top: 2px solid rgba(212, 175, 55, 0.3); }\n        .lead-text { border-right: none; padding-right: 0; border-top: 3px solid #D4AF37; padding-top: 1.5rem; }\n    }\n\u003c\/style\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: \"0px 0px -30px 0px\"\n    };\n\n    const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('is-visible');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const revealElements = document.querySelectorAll('.glass-reveal');\n    revealElements.forEach(el =\u003e {\n        observer.observe(el);\n    });\n});\n\u003c\/script\u003e\n\n","brand":"Some by Mi","offers":[{"title":"Default Title","offer_id":47935372329134,"sku":null,"price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/59.jpg?v=1780403338"}],"url":"https:\/\/skingeer.com\/en\/collections\/some-by-mi-products.oembed","provider":"SkinGeer","version":"1.0","type":"link"}