{"title":"Some by mi منتجات","description":"\u003cstyle\u003e.ch{background:linear-gradient(135deg,#000,#131a15);padding:50px 20px;font-family:'Cairo',sans-serif;color:#fff;line-height:1.6;direction:rtl}.cc{max-width:1000px;margin:0 auto}.cq{background:rgba(255,255,255,.03);border:1px solid rgba(128,174,147,.3);border-radius:12px;padding:16px 20px;text-align:center;margin:0 auto 26px;max-width:560px}.cq p{margin:0;font-size:1.05rem;color:#80ae93;font-weight:600;font-style:italic}.ct{font-size:2.6rem;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#fff,#80ae93);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;line-height:1.25}.cd{font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.9);text-align:center;max-width:600px;margin:0 auto 26px;font-weight:300}.cg{display:flex;gap:12px;overflow-x:auto;justify-content:center;flex-wrap:wrap;padding:6px 0}.cn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;text-align:center;min-width:120px}.cn h3{margin:0 0 4px;font-size:.95rem;font-weight:600;color:#fff}.cn p{margin:0;font-size:.75rem;color:#80ae93;font-weight:500}@media(max-width:768px){.ch{padding:36px 15px}.ct{font-size:2rem}}\u003c\/style\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"ch\"\u003e\u003cdiv class=\"cc\"\u003e\n\u003cdiv class=\"cq\"\u003e\u003cp\u003eلمسة كورية لبشرة أصفى\u003c\/p\u003e\u003c\/div\u003e\n\u003ch1 class=\"ct\"\u003eمنتجات Some By Mi\u003c\/h1\u003e\n\u003cp class=\"cd\"\u003eماركة كورية مشهورة بسلسلة AHA·BHA·PHA وسيروم ريتينول وسنيل ترو سيكا. كريمات وتونرات وسيرومات وكيتات للحبوب والمسام والتصبغات.\u003c\/p\u003e\n\u003cdiv class=\"cg\"\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eAHA·BHA·PHA\u003c\/h3\u003e\n\u003cp\u003eالحبوب والمسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eYuja Niacin\u003c\/h3\u003e\n\u003cp\u003eالتصبغات\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eTruecica\u003c\/h3\u003e\n\u003cp\u003eإصلاح البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eRetinol\u003c\/h3\u003e\n\u003cp\u003eعلامات السن\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eStarter Kits\u003c\/h3\u003e\n\u003cp\u003eابدأ بسهولة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e","products":[{"product_id":"somebymi-aha-bha-pha-miracle-toner","title":"Some By Mi AHA-BHA-PHA 30 Days Miracle Toner 150ml","description":"\u003cdiv class=\"sbm30-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === المتغيرات والألوان الأساسية (هوية شجرة الشاي والذهب) === *\/\n        .sbm30-wrapper {\n            --sbm30-bg-dark: #0a110d; \/* أخضر غابي داكن جداً يميل للأسود *\/\n            --sbm30-bg-card: rgba(20, 35, 25, 0.6); \/* زجاج أخضر داكن *\/\n            --sbm30-green-main: #2e8b57; \/* أخضر شجرة الشاي *\/\n            --sbm30-green-light: #66cdaa; \/* أخضر فاتح مشع *\/\n            --sbm30-gold-main: #d4af37; \/* ذهبي فاخر *\/\n            --sbm30-gold-light: #f3e5ab; \/* ذهبي فاتح مضيء *\/\n            --sbm30-glow-green: rgba(46, 139, 87, 0.3);\n            --sbm30-glow-gold: rgba(212, 175, 55, 0.25);\n            --sbm30-text-main: #f0fdf4;\n            --sbm30-text-muted: #b0c4b1;\n            --sbm30-border: rgba(46, 139, 87, 0.3);\n            --sbm30-border-hover: rgba(102, 205, 170, 0.6);\n            \n            background-color: var(--sbm30-bg-dark);\n            color: var(--sbm30-text-main);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(46, 139, 87, 0.05) inset;\n        }\n\n        .sbm30-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbm30-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .sbm30-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === فقاعات التنقية في الخلفية === *\/\n        .sbm30-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .sbm30-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm30-glow-green) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            border: 1px solid rgba(102, 205, 170, 0.2);\n            animation: floatUpMint 15s infinite ease-in-out;\n            filter: blur(4px);\n        }\n\n        @keyframes floatUpMint {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n        }\n\n        \/* === العناوين والنصوص === *\/\n        .sbm30-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            background: linear-gradient(135deg, #ffffff 0%, var(--sbm30-green-light) 60%, var(--sbm30-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--sbm30-glow-green);\n        }\n\n        .sbm30-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: var(--sbm30-gold-main);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .sbm30-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -12px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbm30-green-light), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--sbm30-green-main);\n        }\n\n        \/* === الهيرو (الواجهة) === *\/\n        .sbm30-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .sbm30-badge {\n            display: inline-block;\n            background: rgba(46, 139, 87, 0.15);\n            border: 1px solid var(--sbm30-green-main);\n            color: var(--sbm30-green-light);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--sbm30-glow-green);\n        }\n        \n        .sbm30-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--sbm30-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n            border-right: 3px solid var(--sbm30-green-main);\n            padding-right: 15px;\n            background: linear-gradient(90deg, transparent, rgba(46, 139, 87, 0.05));\n            border-radius: 8px 0 0 8px;\n        }\n\n        \/* === الكروت الزجاجية (Glassmorphism) === *\/\n        .sbm30-glass-box {\n            background: var(--sbm30-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--sbm30-border);\n            border-radius: 20px;\n            padding: 35px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .sbm30-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--sbm30-green-light), var(--sbm30-gold-main), transparent);\n        }\n\n        \/* === شبكة الفوائد والمكونات === *\/\n        .sbm30-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .sbm30-card {\n            background: linear-gradient(145deg, rgba(20, 35, 25, 0.7), rgba(10, 15, 12, 0.9));\n            border: 1px solid var(--sbm30-border);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        .sbm30-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            right: -50%;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .sbm30-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm30-gold-main);\n            box-shadow: 0 15px 30px var(--sbm30-glow-green);\n            background: rgba(25, 45, 30, 0.8);\n        }\n\n        .sbm30-card:hover::after { bottom: -10%; right: -10%; }\n\n        .sbm30-icon {\n            width: 60px; height: 60px; background: rgba(46, 139, 87, 0.1);\n            border: 1px solid rgba(102, 205, 170, 0.3); border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px; color: var(--sbm30-green-light); font-size: 28px;\n            transition: transform 0.3s ease; box-shadow: 0 0 15px rgba(46, 139, 87, 0.2);\n        }\n        \n        .sbm30-card:hover .sbm30-icon {\n            transform: scale(1.1) rotate(-5deg); background: linear-gradient(135deg, var(--sbm30-green-main), var(--sbm30-gold-main));\n            color: #111; border-color: transparent; box-shadow: 0 0 25px var(--sbm30-gold-main);\n        }\n\n        .sbm30-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 12px; line-height: 1.4; }\n        .sbm30-card p { color: var(--sbm30-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === جدول المقارنة === *\/\n        .sbm30-table-container {\n            overflow-x: auto; margin: 30px 0; border-radius: 16px; border: 1px solid var(--sbm30-border);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5); background: rgba(10, 15, 12, 0.6);\n        }\n\n        .sbm30-table { width: 100%; border-collapse: collapse; text-align: right; min-width: 500px; }\n        .sbm30-table th, .sbm30-table td { padding: 15px 20px; border-bottom: 1px solid rgba(255,255,255,0.05); }\n        .sbm30-table th { background: rgba(46, 139, 87, 0.2); color: var(--sbm30-gold-light); font-weight: 800; font-size: 1.1rem; }\n        .sbm30-table td strong { color: var(--sbm30-text-main); }\n        .sbm30-table td.sbm30-highlight { background: rgba(46, 139, 87, 0.08); color: var(--sbm30-green-light); font-weight: bold; font-size: 1.05rem; }\n        .sbm30-table tr:last-child td { border-bottom: none; }\n\n        \/* === خطوات الاستخدام === *\/\n        .sbm30-steps-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }\n        .sbm30-step-item {\n            display: flex; align-items: center; background: rgba(255,255,255,0.02);\n            border: 1px solid var(--sbm30-border); padding: 20px; border-radius: 12px; transition: all 0.3s;\n        }\n        .sbm30-step-item:hover { border-color: var(--sbm30-gold-main); background: rgba(212, 175, 55, 0.05); transform: translateX(-5px); }\n        .sbm30-step-num {\n            font-size: 2rem; font-weight: 900; color: rgba(212, 175, 55, 0.2); -webkit-text-stroke: 1px var(--sbm30-gold-main);\n            margin-left: 20px; min-width: 45px; text-align: center; text-shadow: 0 0 10px var(--sbm30-glow-gold);\n        }\n\n        \/* === Animations === *\/\n        .sbm30-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .sbm30-reveal.sbm30-active { opacity: 1; transform: translateY(0); }\n        .sbm30-delay-1 { transition-delay: 0.1s; }\n        .sbm30-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbm30-hero { padding: 10px 0 20px; }\n            .sbm30-step-item { flex-direction: column; text-align: center; }\n            .sbm30-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- فقاعات التنقية في الخلفية --\u003e\n    \u003cdiv class=\"sbm30-ambient-particles\" id=\"sbm30-particles\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"sbm30-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"sbm30-hero sbm30-reveal sbm30-active\"\u003e\n            \u003cdiv class=\"sbm30-badge\"\u003eالتونر المعجزة الكوري الأكثر مبيعاً حول العالم\u003c\/div\u003e\n            \u003ch1 class=\"sbm30-title-glow\"\u003eأسرار البشرة الزجاجية الصافية تكمن في قطرات هذا التونر!\u003c\/h1\u003e\n            \n            \u003cp class=\"sbm30-hero-subtitle\"\u003e\n                \"الجلد الميت المتراكم لا يعطي عنك الانطباع الخاطئ فحسب، بل يسد مسامك ويمنع أي كريم غالي من اختراق بشرتك.\" \u003cbr\u003e\n                حوّلي بشرتك لأصفى وأنقى حالاتها في 30 يوماً فقط مع تونر \u003cstrong\u003eSome By Mi Miracle\u003c\/strong\u003e المطور.\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_toner_aha_bha_pha_peeling_toner_4.jpg?v=1730725686\" alt=\"تونر المعجزة من سوم باي مي\" style=\"margin: 0 auto 30px;\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Problem \/ Main Solution --\u003e\n        \u003cdiv class=\"sbm30-glass-box sbm30-reveal\"\u003e\n            \u003ch2 style=\"color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 15px;\"\u003eهل تعانين من بشرة باهتة، مسام واسعة، وحبوب لا تنتهي؟\u003c\/h2\u003e\n            \u003cp style=\"text-align: center; color: var(--sbm30-text-muted); line-height: 1.8; font-size: 1.1rem; margin-bottom: 20px;\"\u003e\n                السبب الرئيسي لمعظم مشاكل البشرة هو فشل دورة التجديد الطبيعية. عندما تتراكم الخلايا الميتة والزيوت المؤكسدة، تختنق البشرة وتبدأ بالالتهاب.\n            \u003c\/p\u003e\n            \u003cdiv style=\"background: rgba(212, 175, 55, 0.1); border: 1px dashed var(--sbm30-gold-main); padding: 20px; border-radius: 12px; text-align: center;\"\u003e\n                \u003cp style=\"color: var(--sbm30-gold-light); font-size: 1.25rem; font-weight: bold; margin-bottom: 10px;\"\u003eالمكنسة الثلاثية للأحماض (AHA, BHA, PHA)\u003c\/p\u003e\n                \u003cp style=\"color: #fff; font-size: 1.05rem;\"\u003e\n                    هذا التونر ليس مجرد \"ماء معطر\". إنه يعمل بفعالية ميكرو-كيميائية على إزالة خلايا الجلد الميتة وتذويب الرؤوس السوداء والبيضاء. بفضل احتوائه على AHA، يمسح القشور من السطح، بينما يغوص الـ BHA داخل المسام ليذيب دهون السنين، أما الـ PHA فيحافظ على ترطيب البشرة ويمنع تهيجها.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. Miracle Ingredients (Tea Tree) --\u003e\n        \u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eقوة شجرة الشاي التي قلبت موازين طب التجميل\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_3.webp?v=1745762837\" alt=\"قوة شجرة الشاي\" class=\"sbm30-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n        \n        \u003cp class=\"sbm30-reveal\" style=\"text-align: center; color: var(--sbm30-text-muted); font-size: 1.1rem; max-width: 800px; margin: 0 auto 40px; line-height: 1.8;\"\u003e\n            بفضل عمليات التنقية والاستخلاص الكورية المتقدمة، تم ضخ هذا التونر بالتركيز الأقصى من خلاصة أوراق شجرة الشاي الحقيقية \u003cstrong style=\"color: var(--sbm30-gold-light);\"\u003e(10,000 جزء في المليون)\u003c\/strong\u003e. هذا المكون السحري هو المعجزة الأكبر للبشرة الدهنية والمعرضة للحبوب؛ فهو يقتل البكتيريا المسببة لحب الشباب، يطفئ الالتهاب والاحمرار فوراً، ويوازن إنتاج الزيوت الزائدة بشكل لا يصدق!\n        \u003c\/p\u003e\n\n        \u003c!-- 4. Triple Action Benefits Grid --\u003e\n        \u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eفوائد ثلاثية الأبعاد لبشرة زجاجية مثالية\u003c\/h2\u003e\n        \u003cdiv class=\"sbm30-grid\"\u003e\n            \u003cdiv class=\"sbm30-card sbm30-reveal\"\u003e\n                \u003cdiv class=\"sbm30-icon\"\u003e🕳️\u003c\/div\u003e\n                \u003ch3\u003eالحل النهائي للمسام الواسعة\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003eحظ سعيد في محاولتك لرؤية مسامك بعد اليوم!\u003c\/strong\u003e التونر ينظف المسام من العمق ثم يقلص حجمها بفضل النياسيناميد (Niacinamide) المدمج في التركيبة.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm30-card sbm30-reveal sbm30-delay-1\"\u003e\n                \u003cdiv class=\"sbm30-icon\"\u003e⚖️\u003c\/div\u003e\n                \u003ch3\u003eتوازن درجة الحموضة (pH 5.5)\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003eألطف مقشر على البشرة الحساسة.\u003c\/strong\u003e هناك خيط رفيع يفصل بين التقشير والتهيج! التونر مصمم ليطابق حموضة الجلد الطبيعية ليقشر بعمق وبـ \"صفر\" تهيج.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm30-card sbm30-reveal sbm30-delay-2\"\u003e\n                \u003cdiv class=\"sbm30-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch3\u003eإشراقة وتجديد فوري\u003c\/h3\u003e\n                \u003cp\u003eيحتوي على مستخلصات البابايا وبندق الساحرة لتسريع إزالة الجلد الميت، بالإضافة لمستخلص اللوتس والأدينوزين لشد البشرة ومقاومة التجاعيد.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_2.webp?v=1745763008\" alt=\"فوائد التونر\" class=\"sbm30-reveal\" style=\"margin: 40px auto; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\"\u003e\n\n        \u003c!-- 5. Comparison Table --\u003e\n        \u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eلماذا يتفوق تونر Some By Mi على التونرات العادية؟\u003c\/h2\u003e\n        \u003cdiv class=\"sbm30-table-container sbm30-reveal\"\u003e\n            \u003ctable class=\"sbm30-table\"\u003e\n                \u003cthead\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eوجه المقارنة\u003c\/th\u003e\n                        \u003cth\u003eالتونرات المقشرة العادية\u003c\/th\u003e\n                        \u003cth style=\"background: rgba(212, 175, 55, 0.15); color: #fff;\"\u003eتونر المعجزة (Some By Mi)\u003c\/th\u003e\n                    \u003c\/tr\u003e\n                \u003c\/thead\u003e\n                \u003ctbody\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eنظام التقشير\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eنوع واحد فقط (عادة AHA)\u003c\/td\u003e\n                        \u003ctd class=\"sbm30-highlight\"\u003eنظام ثلاثي الأبعاد (AHA \/ BHA \/ PHA)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eتأثير الترطيب\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eتسبب جفاف وتقشر واضح\u003c\/td\u003e\n                        \u003ctd class=\"sbm30-highlight\"\u003eترطيب عميق بفضل جزيئات الـ PHA\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eمعالجة الحبوب\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eقد تهيج الحبوب النشطة\u003c\/td\u003e\n                        \u003ctd class=\"sbm30-highlight\"\u003eتطفيء الالتهاب وتقتل البكتيريا (بفضل شجرة الشاي)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eالتوازن الحمضي\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eقلوية أو حمضية قاسية\u003c\/td\u003e\n                        \u003ctd class=\"sbm30-highlight\"\u003ePH 5.5 متوازن تماماً لحماية حاجز البشرة\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eالبشرة الحساسة\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eغير مناسبة لاحتوائها على كحول\u003c\/td\u003e\n                        \u003ctd class=\"sbm30-highlight\"\u003eآمن جداً ومختبر طبياً كـ (Non-Comedogenic)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/tbody\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Usage Instructions --\u003e\n        \u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eطريقة الاستخدام لنتائج سريعة\u003c\/h2\u003e\n        \u003cdiv class=\"sbm30-steps-wrap sbm30-reveal\"\u003e\n            \u003cdiv class=\"sbm30-step-item\"\u003e\n                \u003cdiv class=\"sbm30-step-num\"\u003e1\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالتنظيف العميق\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted);\"\u003eاغسلي وجهك جيداً بالغسول المفضل لديك وجففيه بلطف.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbm30-step-item\"\u003e\n                \u003cdiv class=\"sbm30-step-num\"\u003e2\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالمسح بالقطنة\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted);\"\u003eضعي كمية مناسبة من التونر على قطعة قطن نظيفة، وامسحي بها وجهك بلطف متتبعة نسيج البشرة (من الداخل للخارج).\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbm30-step-item\"\u003e\n                \u003cdiv class=\"sbm30-step-num\"\u003e3\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالتربيت للامتصاص\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted);\"\u003eربتي بلطف بأطراف أصابعك على وجهك لمساعدة البشرة على امتصاص كامل العناصر الغذائية.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbm30-step-item\"\u003e\n                \u003cdiv class=\"sbm30-step-num\"\u003e4\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالحماية الإجبارية\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted);\"\u003eأتبعيه بسيروم ومرطب. وفي الصباح، \u003cstrong\u003eواقي الشمس (SPF) هو خطوة إجبارية\u003c\/strong\u003e لأن الأحماض تجعل البشرة حساسة للشمس.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 7. Social Proof (Reviews) --\u003e\n        \u003ch2 class=\"sbm30-section-title sbm30-reveal\"\u003eتجارب حقيقية: لماذا سُمي بـ \"المعجزة\"؟\u003c\/h2\u003e\n        \u003cdiv class=\"sbm30-glass-box sbm30-reveal\" style=\"text-align: right; padding: 25px;\"\u003e\n            \u003cul style=\"list-style: none;\"\u003e\n                \u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n                    \u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eالجانب المشرق (الإيجابيات):\u003c\/strong\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eأشاد غالبية المستخدمين بقدرة التونر السريعة على تجفيف الحبوب النشطة وتقليل الالتهابات والاحمرار في غضون أيام قليلة. كما لاحظوا تحسناً كبيراً في ملمس البشرة ونعومتها، وتصغيراً ملحوظاً لشكل المسام بفضل التقشير اللطيف والعميق الذي لا يسبب أي تهيج.\u003c\/p\u003e\n                \u003c\/li\u003e\n                \u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n                    \u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eنقطة للملاحظة:\u003c\/strong\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eأشار البعض إلى أن أصحاب البشرة شديدة الجفاف قد يحتاجون إلى إدخال التونر تدريجياً في روتينهم (يوماً بعد يوم في البداية) لتجنب أي شد في البشرة، مع ضرورة اتباع خطوة التقشير بمرطب قوي ومناسب للحصول على أفضل النتائج بدون جفاف.\u003c\/p\u003e\n                \u003c\/li\u003e\n                \u003cli\u003e\n                    \u003cstrong style=\"color: #fff; font-size: 1.1rem;\"\u003eالخلاصة:\u003c\/strong\u003e\n                    \u003cp style=\"color: var(--sbm30-text-muted); margin-top: 5px;\"\u003eيعتبر هذا التونر \"منقذاً\" حقيقياً للبشرة الدهنية والمختلطة والمعرضة للحبوب. استثمار ممتاز يقدم تقشيراً آمناً يومياً ونتائج تضاهي جلسات التنظيف الاحترافية في التخلص من الجلد الميت وتنقية المسام وإعادة التوهج الطبيعي للوجه.\u003c\/p\u003e\n                \u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 8. Final CTA --\u003e\n        \u003cdiv class=\"sbm30-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--sbm30-border);\"\u003e\n            \u003ch2 class=\"sbm30-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eبشرة جديدة ونقية في 30 يوماً فقط!\u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_toner_1.webp?v=1745762879\" alt=\"تطبيق التونر\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\"\u003e\n            \n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                توقفي عن إخفاء الحبوب والمشاكل تحت طبقات كثيفة من المكياج. \u003cstrong\u003eتونر المعجزة من Some By Mi\u003c\/strong\u003e سيعمل كـ \"زر إعادة التشغيل\" (Reset Button) لبشرتك، لينسف الخلايا الميتة والدهون، ويترك لك سطحاً نقياً وصحياً تتنفس من خلاله بشرتك.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--sbm30-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--sbm30-glow-gold);\"\u003e\n                اطلبيه الآن واحصلي على بشرتك الزجاجية!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 9. Ingredients Footer --\u003e\n        \u003cdiv class=\"sbm30-reveal\" style=\"background: rgba(0,0,0,0.5); border: 1px dashed var(--sbm30-border); border-radius: 12px; padding: 25px; font-size: 0.85rem; color: #888; margin-top: 50px; text-align: left; direction: ltr;\"\u003e\n            \u003ch3 style=\"color: var(--sbm30-gold-main); margin-bottom: 15px; font-size: 1.1rem; text-align: right; direction: rtl;\"\u003eقائمة المكوّنات الكاملة (INCI)\u003c\/h3\u003e\n            \u003cp\u003eWater, Butylene Glycol, Dipropylene Glycol, Glycerin, \u003cstrong\u003eNiacinamide\u003c\/strong\u003e, \u003cstrong\u003eMelaleuca Alternifolia (Tea Tree) Leaf Extract (10,000ppm)\u003c\/strong\u003e, Polyglyceryl-4 Caprate, Carica Papaya (Papaya) Fruit Extract, Lens Esculenta (Lentil) Seed Extract, Hamamelis Virginiana (Witch Hazel) Extract, Nelumbo Nucifera Flower Extract, Swiftlet Nest Extract, Sodium Hyaluronate, Fructan, Allantoin, \u003cstrong\u003eAdenosine\u003c\/strong\u003e, Hydroxyethyl Urea, Xylitol, \u003cstrong\u003eSalicylic Acid (100ppm)\u003c\/strong\u003e, \u003cstrong\u003eLactobionic Acid (100ppm)\u003c\/strong\u003e, \u003cstrong\u003eCitric Acid (500ppm)\u003c\/strong\u003e, Sodium Citrate, 1,2-Hexanediol, Benzyl Glycol, Ethylhexylglycerin, Raspberry Ketone, Mentha Piperita (Peppermint) Oil.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Scroll Reveal Animation Logic\n            var reveals = document.querySelectorAll('.sbm30-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm30-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('sbm30-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Mint Bubbles\n            var ambientContainer = document.getElementById('sbm30-particles');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('sbm30-particle');\n                \n                var size = Math.random() * 40 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 12; \n                var delay = Math.random() * 10; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999386128558,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/AHA_BHA_PHA_30_Days_Miracle_Toner_1024x1024_a3e227c7-30b0-46c2-b0b1-9e3745390366.png?v=1788175418"},{"product_id":"somebymi-retinol-triple-action-eye-cream","title":"SOME BY MI Retinol Intense Advanced Triple Action Eye Cream, 30Ml","description":"\u003cdiv class=\"sbmeye-premium-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (Twilight Purple \u0026 Gold Theme) === *\/\n        .sbmeye-premium-wrapper {\n            --sbmeye-bg-deep: #0d0514; \/* Deep midnight purple\/black *\/\n            --sbmeye-bg-card: rgba(30, 15, 45, 0.6); \/* Translucent dark purple *\/\n            --sbmeye-gold-main: #d4af37; \/* Premium Gold *\/\n            --sbmeye-gold-light: #f9e596; \/* Luminous soft gold *\/\n            --sbmeye-purple-accent: #9c27b0; \/* Bright purple for accents *\/\n            --sbmeye-purple-light: #e1bee7; \/* Soft pastel purple *\/\n            --sbmeye-glow-gold: rgba(212, 175, 55, 0.25);\n            --sbmeye-glow-purple: rgba(156, 39, 176, 0.3);\n            --sbmeye-text-main: #fdfbf7;\n            --sbmeye-text-muted: #c4b5c7;\n            --sbmeye-border: rgba(212, 175, 55, 0.2);\n            --sbmeye-border-hover: rgba(249, 229, 150, 0.6);\n            --sbmeye-alert: #ff5252;\n            \n            background-color: var(--sbmeye-bg-deep);\n            color: var(--sbmeye-text-main);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(156, 39, 176, 0.05) inset;\n        }\n\n        .sbmeye-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbmeye-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .sbmeye-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Ambient Starry Night Background === *\/\n        .sbmeye-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n            background: radial-gradient(circle at 15% 30%, rgba(156, 39, 176, 0.08), transparent 50%),\n                        radial-gradient(circle at 85% 70%, rgba(212, 175, 55, 0.05), transparent 50%);\n        }\n\n        .sbmeye-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbmeye-glow-gold) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpEye 18s infinite ease-in-out;\n            filter: blur(5px);\n        }\n\n        @keyframes floatUpEye {\n            0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n        }\n\n        \/* === Typography \u0026 Headers === *\/\n        .sbmeye-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #fff;\n            text-shadow: 0 5px 25px rgba(0,0,0,0.8);\n        }\n\n        .sbmeye-title-glow span {\n            background: linear-gradient(135deg, var(--sbmeye-gold-light) 0%, var(--sbmeye-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--sbmeye-glow-gold);\n        }\n\n        .sbmeye-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: var(--sbmeye-gold-light);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .sbmeye-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbmeye-gold-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--sbmeye-gold-main);\n        }\n\n        \/* === Hero Section === *\/\n        .sbmeye-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .sbmeye-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--sbmeye-gold-main);\n            color: var(--sbmeye-gold-light);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n        }\n        \n        .sbmeye-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--sbmeye-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .sbmeye-glass-box {\n            background: var(--sbmeye-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--sbmeye-border);\n            border-radius: 20px;\n            padding: 40px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            position: relative;\n            overflow: hidden;\n            text-align: center;\n        }\n\n        .sbmeye-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--sbmeye-gold-light), var(--sbmeye-purple-accent), transparent);\n            box-shadow: 0 0 15px var(--sbmeye-gold-main);\n        }\n\n        \/* === Benefits Grid === *\/\n        .sbmeye-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 40px 0;\n        }\n\n        .sbmeye-card {\n            background: linear-gradient(145deg, rgba(25, 10, 35, 0.7), rgba(10, 5, 15, 0.9));\n            border: 1px solid rgba(212, 175, 55, 0.15);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: right;\n            z-index: 1;\n        }\n\n        .sbmeye-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            right: -50%;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(156, 39, 176, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .sbmeye-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbmeye-gold-main);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n            background: rgba(35, 15, 45, 0.8);\n        }\n\n        .sbmeye-card:hover::after {\n            bottom: -10%;\n            right: -10%;\n        }\n\n        .sbmeye-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(212, 175, 55, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--sbmeye-gold-light);\n            font-size: 26px;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .sbmeye-card:hover .sbmeye-icon {\n            background: linear-gradient(135deg, var(--sbmeye-gold-main), var(--sbmeye-gold-light));\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n            border-color: transparent;\n        }\n\n        .sbmeye-card h3 {\n            font-size: 1.25rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .sbmeye-card p {\n            color: var(--sbmeye-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === Scientific Triad (The 3 Pillars) === *\/\n        .sbmeye-triad {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            margin: 40px 0;\n        }\n\n        @media (min-width: 768px) {\n            .sbmeye-triad {\n                flex-direction: row;\n                justify-content: center;\n            }\n            .sbmeye-triad-item {\n                flex: 1;\n            }\n        }\n\n        .sbmeye-triad-item {\n            background: rgba(0,0,0,0.5);\n            border: 1px dashed var(--sbmeye-gold-main);\n            padding: 30px 20px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .sbmeye-triad-item:hover {\n            transform: translateY(-5px);\n            background: rgba(212, 175, 55, 0.05);\n            box-shadow: 0 10px 25px var(--sbmeye-glow-gold);\n        }\n\n        .sbmeye-triad-num {\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: rgba(212, 175, 55, 0.15);\n            line-height: 1;\n            position: absolute;\n            top: 10px;\n            right: 20px;\n            z-index: 0;\n        }\n\n        .sbmeye-triad-item h4 {\n            color: var(--sbmeye-gold-light);\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .sbmeye-triad-item p {\n            color: #fff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* === Usage Steps List === *\/\n        .sbmeye-step-list {\n            list-style: none;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .sbmeye-step-item {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--sbmeye-border);\n            padding: 20px;\n            border-radius: 16px;\n            transition: all 0.3s;\n        }\n\n        .sbmeye-step-item:hover {\n            border-color: var(--sbmeye-gold-light);\n            background: rgba(212, 175, 55, 0.05);\n            transform: translateX(-5px);\n        }\n\n        .sbmeye-step-num {\n            width: 45px;\n            height: 45px;\n            min-width: 45px;\n            background: var(--sbmeye-bg-deep);\n            border: 2px solid var(--sbmeye-gold-main);\n            color: var(--sbmeye-gold-light);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            font-weight: bold;\n            box-shadow: 0 0 15px var(--sbmeye-glow-gold);\n        }\n\n        \/* === Warning Box === *\/\n        .sbmeye-warning-box {\n            background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(255, 82, 82, 0.3);\n            border-right: 4px solid var(--sbmeye-alert);\n            padding: 25px;\n            border-radius: 12px;\n            margin: 30px 0;\n            text-align: right;\n        }\n\n        .sbmeye-warning-box h3 {\n            color: var(--sbmeye-alert);\n            font-size: 1.25rem;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        \/* === Animations === *\/\n        .sbmeye-reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .sbmeye-reveal.sbmeye-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbmeye-delay-1 { transition-delay: 0.1s; }\n        .sbmeye-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbmeye-hero { padding: 10px 0 20px; }\n            .sbmeye-step-item { flex-direction: column; text-align: center; }\n            .sbmeye-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- Ambient Starry Particles --\u003e\n    \u003cdiv class=\"sbmeye-ambient-particles\" id=\"sbmeye-particles-ar\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"sbmeye-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"sbmeye-hero sbmeye-reveal sbmeye-active\"\u003e\n            \u003cdiv class=\"sbmeye-badge\"\u003eالحل الجذري الثلاثي المفعول\u003c\/div\u003e\n            \u003ch1 class=\"sbmeye-title-glow\"\u003eأيقظي شباب عينيكِ: \u003cspan\u003eوداعاً للهالات السوداء والتجاعيد الغائرة!\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cp class=\"sbmeye-hero-subtitle\"\u003e\n                الهالات المظلمة، الخطوط الرفيعة، والترهل تفضح الإرهاق وتقدم العمر. الجلد حول العين رقيق جداً ويحتاج لعناية استثنائية لا توفرها الكريمات العادية.\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.jpg?v=1745762288\" alt=\"Some By Mi Retinol Intense Eye Cream Application\" style=\"margin: 0 auto 30px;\"\u003e\n            \n            \u003ch2 class=\"sbmeye-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.6rem; color: #fff;\"\u003eSome By Mi Retinol Intense Advanced Triple Action Eye Cream\u003c\/h2\u003e\n            \u003cp style=\"color: var(--sbmeye-text-muted); max-width: 800px; margin: 0 auto; line-height: 1.8;\"\u003e\n                اكتشفي قوة \u003cstrong\u003e\"المفعول الثلاثي\"\u003c\/strong\u003e مع هذا الكريم الساحر. تركيبة طبية متطورة مصممة على المستوى الجزيئي لتختراق الجلد الرقيق بأمان تام. إنه يمحو التجاعيد بقوة \u003cstrong\u003eالريتينول\u003c\/strong\u003e، يفتت التصبغات الداكنة بـ \u003cstrong\u003eالنياسيناميد وحمض الترانيكساميك\u003c\/strong\u003e، ويملأ الفراغات بالترطيب المكثف.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The UVP \/ Science (Triple Action) --\u003e\n        \u003cdiv class=\"sbmeye-glass-box sbmeye-reveal\"\u003e\n            \u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003eكيف يتفوق هذا الكريم؟ (سر الثالوث المقدس)\u003c\/h2\u003e\n            \u003cp style=\"color: var(--sbmeye-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px;\"\u003e\n                في منتجات العناية بالعين، هناك خط دقيق جداً يفصل بين \"الفعالية\" و\"التهيج\". هذا الجلد الضعيف يتضرر بسرعة. لكن Some By Mi حققت المعادلة المستحيلة: أقصى فعالية مع أقصى درجات اللطف والتوافق.\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"sbmeye-triad\"\u003e\n                \u003cdiv class=\"sbmeye-triad-item\"\u003e\n                    \u003cdiv class=\"sbmeye-triad-num\"\u003e01\u003c\/div\u003e\n                    \u003ch4\u003eالريتينول والريتينال (مكافحة الشيخوخة)\u003c\/h4\u003e\n                    \u003cp\u003eتركيز مثالي وآمن (0.1%) يعمل على تسريع تجديد الخلايا، يحفز إنتاج الكولاجين، ويكوي الخطوط الدقيقة (أقدام الغراب) دون التسبب باحمرار أو تقشر مزعج.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbmeye-triad-item\"\u003e\n                    \u003cdiv class=\"sbmeye-triad-num\"\u003e02\u003c\/div\u003e\n                    \u003ch4\u003eنياسيناميد + ترانيكساميك (تفتيح الهالات)\u003c\/h4\u003e\n                    \u003cp\u003eفريق العمل المتخصص في تفتيت صبغة الميلانين. يعمل حمض الترانيكساميك على إيقاف التصبغ من جذوره، بينما يوحد النياسيناميد لون البشرة ليزيل مظهر الإرهاق الأسود أو البني.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbmeye-triad-item\"\u003e\n                    \u003cdiv class=\"sbmeye-triad-num\"\u003e03\u003c\/div\u003e\n                    \u003ch4\u003eTRUECICA™ + بانثينول (ترميم وحماية)\u003c\/h4\u003e\n                    \u003cp\u003eالتكنولوجيا الحصرية من السيكا لتهدئة الجلد الرقيق فوراً، مدعومة بحمض الهيالورونيك والبانثينول لحبس الرطوبة في الأعماق ومنح العين مظهراً ممتلئاً ومشدوداً (Plumping).\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. New Images Showcase --\u003e\n        \u003cdiv class=\"sbmeye-reveal\" style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 50px 0;\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_eye_cream_114076e1-651f-4297-8dfb-d4ac3b01407e.webp?v=1788019150\" alt=\"Retinol Eye Cream Texture\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream_1.webp?v=1788019150\" alt=\"Retinol Eye Cream Details\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 4. Benefits Grid --\u003e\n        \u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003eماذا سيقدم هذا الإكسير لعينيكِ؟\u003c\/h2\u003e\n        \u003cdiv class=\"sbmeye-grid\"\u003e\n            \u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n                \u003cdiv class=\"sbmeye-icon\"\u003e👁️\u003c\/div\u003e\n                \u003ch3\u003eأستيكة الهالات السوداء\u003c\/h3\u003e\n                \u003cp\u003eيعمل بقوة مضاعفة لتفتيح محيط العين المظلم وتوحيد لون البشرة، مما يمنحك مظهراً مستيقظاً ونشيطاً حتى بدون مكياج.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-1\"\u003e\n                \u003cdiv class=\"sbmeye-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch3\u003eكي التجاعيد والخطوط\u003c\/h3\u003e\n                \u003cp\u003eقوة الريتينول اللطيف تستهدف الخطوط التعبيرية وتجاعيد الضحك، لتشد الجلد المترهل وتعيد له مرونته المفقودة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-2\"\u003e\n                \u003cdiv class=\"sbmeye-icon\"\u003e💧\u003c\/div\u003e\n                \u003ch3\u003eامتلاء مائي (Plumping)\u003c\/h3\u003e\n                \u003cp\u003eترطيب مكثف يغوص للطبقات العميقة بفضل حمض الهيالورونيك، ليملأ الفراغات الغائرة ويمنع الجلد من الجفاف والتشقق.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n                \u003cdiv class=\"sbmeye-icon\"\u003e🛡️\u003c\/div\u003e\n                \u003ch3\u003eدرع التهدئة (Hypoallergenic)\u003c\/h3\u003e\n                \u003cp\u003eمصمم خصيصاً ليناسب البشرة شديدة الحساسية حول العين، بفضل مركب ترويسيكا الذي يمنع أي احمرار أو تهيج معتاد مع الريتينول.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Warning \/ Retinol Rule --\u003e\n        \u003cdiv class=\"sbmeye-alert-box sbmeye-reveal\"\u003e\n            \u003ch3\u003e⚠️ تنبيه هام: القوة تتطلب تدرجاً في الاستخدام!\u003c\/h3\u003e\n            \u003cp style=\"color: var(--sbmeye-text-muted); line-height: 1.8;\"\u003e\n                لأن هذا المنتج يحتوي على الريتينول النشط، من الضروري تعويد بشرتك عليه ببطء لتجنب الجفاف أو التحسس. \u003cbr\u003e\n                \u003cstrong style=\"color: #fff;\"\u003eالأسبوع 1 و 2:\u003c\/strong\u003e استخدميه مرتين إلى ثلاث مرات فقط أسبوعياً، وفي المساء \u003cstrong\u003eفقط\u003c\/strong\u003e. \u003cbr\u003e\n                \u003cstrong style=\"color: #fff;\"\u003eالأسبوع 3 وما بعده:\u003c\/strong\u003e يمكنك استخدامه يومياً أو يوم بعد يوم حسب تحمل بشرتك. \u003cbr\u003e\n                \u003cstrong style=\"color: var(--sbmeye-alert); display: block; margin-top: 10px;\"\u003eضروري جداً: يجب استخدام واقي شمس (SPF) في صباح اليوم التالي، لأن الريتينول يزيد من حساسية الجلد للشمس.\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Usage Guide --\u003e\n        \u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003eدليل الاستخدام الاحترافي\u003c\/h2\u003e\n        \n        \u003cul class=\"sbmeye-step-list sbmeye-reveal\"\u003e\n            \u003cli class=\"sbmeye-step-item\"\u003e\n                \u003cdiv class=\"sbmeye-step-num\"\u003e1\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eالتحضير\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eنظفي وجهك جيداً قبل النوم، وجففي منطقة حول العينين تماماً.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"sbmeye-step-item\"\u003e\n                \u003cdiv class=\"sbmeye-step-num\"\u003e2\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eالكمية السحرية\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eضعي كمية صغيرة جداً (بحجم حبة البازلاء تكفي للعينين معاً) على إصبع البنصر (الأضعف ضغطاً).\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"sbmeye-step-item\"\u003e\n                \u003cdiv class=\"sbmeye-step-num\"\u003e3\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eالطبطبة اللطيفة\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eوزعي الكريم بطبطبة خفيفة جداً حول عظمة العين (تجنبي الجفن العلوي المتحرك والاقتراب الشديد من الرموش) حتى يمتص تماماً.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003c!-- 7. Final CTA --\u003e\n        \u003cdiv class=\"sbmeye-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--sbmeye-border);\"\u003e\n            \u003ch2 class=\"sbmeye-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eاستعيدي شباب عينيكِ بلمسة واحدة كل ليلة!\u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.webp?v=1745762329\" alt=\"Some By Mi Eye Cream Results\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\"\u003e\n            \n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                لا تدعي الإرهاق وعلامات الزمن تسرق جمال نظرتك. عبوة واحدة من \u003cstrong\u003eSome By Mi Retinol Eye Cream\u003c\/strong\u003e تكفي لعدة أشهر من العناية المتقدمة التي ستغير شكل محيط عينيكِ جذرياً.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--sbmeye-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--sbmeye-glow-gold);\"\u003e\n                اطلبيه الآن، واجعلي من نومك جلسة علاج وتجديد متكاملة!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var reveals = document.querySelectorAll('.sbmeye-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbmeye-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('sbmeye-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Starry Particles\n            var ambientContainer = document.getElementById('sbmeye-particles-ar');\n            for (var i = 0; i \u003c 25; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('sbmeye-particle');\n                var size = Math.random() * 30 + 10; \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDuration = (Math.random() * 15 + 15) + 's';\n                particle.style.animationDelay = (Math.random() * 10) + 's';\n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999386390702,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream.jpg?v=1788175416"},{"product_id":"somebymi-retinol-trial-kit","title":"SOME BY MI Retinol Intense Trial Kit (Serum 10ml + Cream 10ml)","description":"\u003cdiv dir=\"rtl\"\u003e\n\u003ch3\u003e\u003cstrong\u003eتجاعيد اليوم هي شيخوخة الغد – الآن هو وقت التغيير!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eلأن كل يوم يمضي بدون عناية هو خطوة أقرب لفقدان بشرتك مرونتها وسحرها.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eالتركيبة المتكاملة للعين والبشرة\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eاجمعي بين القوة المركزة لكريم العين والسيروم لتغيير شامل يمنحك بشرة خالية من الخطوط ومشرقة بالنعومة.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eالخطوة الأولى: كريم العين الثلاثي التأثير\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eمع كل تطبيق، يمنحك هذا الكريم علاجاً متكاملاً:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين التجاعيد والمرونة:\u003c\/strong\u003e بفضل الريتينول والريتينال، يعزز إنتاج الكولاجين لرفع وشد البشرة حول العينين.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتفتيح وتصحيح اللون الداكن:\u003c\/strong\u003e النياسيناميد يعيد الإشراق لعينيك ويزيل مظهر التعب.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتهدئة وترطيب فوري:\u003c\/strong\u003e التركيبة الغنية بـ Truecica والماء الجليدي تمنح تهدئة عميقة للبشرة الحساسة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eالخطوة الثانية: السيروم\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eاختبري ثورة الريتينول المركزة على بشرتك!\u003cbr\u003e\u003cem\u003eهذه التركيبة تحتوي على التركيز المثالي من الريتينول حتى تحقق أقصى استفادة لبشرتك بدون أي تهيج أو احمرار\u003c\/em\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتجديد البشرة:\u003c\/strong\u003e يدعم الريتينول قوام البشرة عبر تسريع دوران الخلايا وتجديد البشرة من الداخل للخارج.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتقليص المسام واستعادة النعومة:\u003c\/strong\u003e بفضل الكولاجين النباتي والبيبتيدات، يعمل على تحسين مظهر المسام مع توفير ترطيب عميق يدوم.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eحماية مستدامة:\u003c\/strong\u003e مزيج الفيتامينات والمكونات المهدئة يضمن بشرة متألقة وخالية من الإجهاد.\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eعناية شاملة، نتائج مذهلة\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eمعاً، يعمل الكريم والسيروم بتناغم لإصلاح وتجديد بشرتك من الداخل إلى الخارج، مما يجعل عينيك وبشرتك ناعمة، مرنة، وشابة.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eكيف يعمل الثنائي لتحقيق نتائج لا مثيل لها؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eكريم العين الثلاثي التأثير\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتحفيز إنتاج الكولاجين:\u003c\/strong\u003e\u003cbr\u003eبفضل مزيج الريتينول والريتينال، يُسرِّع الكريم عملية تجديد خلايا البشرة ويعزز إنتاج الكولاجين الطبيعي. هذا يعيد للبشرة حول العينين مرونتها ويقلل التجاعيد بشكل ملحوظ.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتصحيح الهالات الداكنة:\u003c\/strong\u003e\u003cbr\u003eالنياسيناميد، المعروف بقدرته الفائقة على التفتيح، يعمل بفعالية على تقليل فرط التصبغ حول العينين، ليعيد الإشراق لوجهك.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتقليل التهيج والاحمرار:\u003c\/strong\u003e\u003cbr\u003eمكونات Truecica والماء الجليدي تهدئ البشرة الحساسة فوراً، مما يجعلها مناسبة حتى للبشرة التي تعاني من الإجهاد.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\u003e\n\u003ch4\u003e\u003cstrong\u003eالسيروم \u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتجديد البشرة بعمق:\u003c\/strong\u003e\u003cbr\u003eالريتينول والريتينال يعززان دوران الخلايا وتجديد الأنسجة، مما يقلل الخطوط الدقيقة والتجاعيد ويحسن مرونة البشرة بشكل ملحوظ.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eترطيب متعدد الطبقات:\u003c\/strong\u003e\u003cbr\u003eبفضل حمض الهيالورونيك والببتيدات، يوفر السيروم ترطيباً عميقاً يخترق طبقات البشرة لتجديد ترطيبها الداخلي.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتحسين قوام البشرة:\u003c\/strong\u003e\u003cbr\u003eالكولاجين النباتي يقلل من مظهر المسام، مما يمنح البشرة مظهراً أكثر نعومة وتماسكاً.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eحماية البشرة من الإجهاد البيئي:\u003c\/strong\u003e\u003cbr\u003eيحتوي السيروم على مكونات مهدئة وفيتامينات تمنع الالتهاب وتحافظ على توازن البشرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eالتناغم المثالي بين المنتجات\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eباستخدام الكريم والسيروم معاً:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eكريم العين يستهدف البشرة الحساسة حول العينين بتأثير فوري.\u003c\/li\u003e\n\u003cli\u003eالسيروم يعمل على إصلاح البشرة بشكل شامل لتحسين ملمسها وترطيبها وتجديد شبابها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003eاستمعي إلى نداء بشرتك اليوم، لأن الغد قد يحمل المزيد من الخطوط التي يصعب محوها.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eالنتائج ليست مجرد وعود، بل حقيقة معتمدة باختبارات تحسين التجاعيد ورضا العملاء. هل أنتِ مستعدة للتغيير؟\u003cbr\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eابدئي رحلتك نحو بشرة مثالية الآن، قبل أن تتراكم آثار الوقت وتجعل الطريق أطول.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387177134,"sku":null,"price":17.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1788175413"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Retinol Intense Reactivating Serum | سيروم تصحيح التجاعيد | استعادة مرونة البشرة","description":"\u003cdiv class=\"sbm-ultimate-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (SOME BY MI Identity: Deep Amethyst \u0026 Gold) === *\/\n        .sbm-ultimate-wrapper {\n            --sbm-bg-dark: #0a0510; \/* Deepest purple-black *\/\n            --sbm-bg-darker: #050208;\n            --sbm-card-glass: rgba(255, 255, 255, 0.03);\n            --sbm-card-hover: rgba(139, 92, 246, 0.08);\n            --sbm-primary: #8b5cf6; \/* Vibrant purple *\/\n            --sbm-primary-glow: rgba(139, 92, 246, 0.3);\n            --sbm-gold: #f59e0b; \/* Accent Gold *\/\n            --sbm-gold-glow: rgba(245, 158, 11, 0.25);\n            --sbm-gradient-accent: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);\n            --sbm-gradient-gold: linear-gradient(135deg, #fcd34d 0%, #b45309 100%);\n            --sbm-gradient-bg: linear-gradient(135deg, #2e1065 0%, #0a0510 100%);\n            --sbm-text-light: #f8fafc;\n            --sbm-text-muted: #cbd5e1;\n            --sbm-border: rgba(255, 255, 255, 0.08);\n            --sbm-border-highlight: rgba(139, 92, 246, 0.4);\n            \n            font-family: inherit; \/* Inherits Shopify theme font *\/\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--sbm-bg-dark);\n            color: var(--sbm-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .sbm-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbm-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Mobile-Perfect Media Wrappers === *\/\n        .sbm-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto 40px;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 30px var(--sbm-primary-glow);\n            border: 1px solid var(--sbm-border);\n            overflow: hidden;\n        }\n\n        .sbm-media-wrapper.size-lg { max-width: 850px; }\n        .sbm-media-wrapper.size-md { max-width: 600px; }\n\n        .sbm-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n\n        .sbm-media-wrapper:hover .sbm-product-media {\n            transform: scale(1.03);\n        }\n\n        \/* === Typography === *\/\n        .sbm-title-main {\n            font-size: clamp(28px, 5vw, 42px);\n            font-weight: 900;\n            line-height: 1.3;\n            margin-bottom: 25px;\n            letter-spacing: -0.02em;\n            text-align: center;\n        }\n\n        .sbm-title-section {\n            font-size: clamp(24px, 4vw, 34px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .sbm-subtitle {\n            font-size: clamp(16px, 2.5vw, 18px);\n            color: var(--sbm-text-muted);\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        .sbm-text-purple {\n            background: var(--sbm-gradient-accent);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n        \n        .sbm-text-gold {\n            background: var(--sbm-gradient-gold);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .sbm-warning-box {\n            background: rgba(245, 158, 11, 0.08);\n            border-right: 4px solid var(--sbm-gold);\n            padding: 30px;\n            border-radius: 16px;\n            margin: 40px auto;\n            max-width: 850px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n            text-align: justify;\n        }\n\n        .sbm-warning-box p {\n            font-size: 1.15rem;\n            margin-bottom: 15px;\n            color: var(--sbm-text-light);\n        }\n        .sbm-warning-box p:last-child { margin-bottom: 0; }\n\n        \/* === Alternating Sections === *\/\n        .sbm-section { padding: 80px 0; position: relative; }\n        \n        .sbm-theme-dark { background-color: var(--sbm-bg-dark); }\n        .sbm-theme-darker { background-color: var(--sbm-bg-darker); border-top: 1px solid var(--sbm-border); border-bottom: 1px solid var(--sbm-border); }\n        .sbm-theme-gradient { background: var(--sbm-gradient-bg); }\n\n        \/* Ambient Glows *\/\n        .sbm-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .sbm-glow {\n            position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.5;\n        }\n        .sbm-glow-1 { width: 500px; height: 500px; background: rgba(139, 92, 246, 0.15); top: -100px; right: -150px; }\n        .sbm-glow-2 { width: 600px; height: 600px; background: rgba(245, 158, 11, 0.1); bottom: 10%; left: -200px; }\n\n        \/* === Grids \u0026 Glass Cards === *\/\n        .sbm-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .sbm-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n        .sbm-card {\n            background: var(--sbm-card-glass);\n            backdrop-filter: blur(10px);\n            border: 1px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n        }\n\n        .sbm-card:hover {\n            transform: translateY(-8px);\n            background: var(--sbm-card-hover);\n            border-color: var(--sbm-border-highlight);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--sbm-primary-glow);\n        }\n\n        .sbm-icon-badge {\n            width: 55px; height: 55px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid var(--sbm-border);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--sbm-gold);\n            font-size: 22px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family: system-ui, sans-serif;\n        }\n\n        .sbm-card:hover .sbm-icon-badge {\n            background: var(--sbm-gradient-gold);\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            border-color: transparent;\n        }\n\n        .sbm-card h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .sbm-card p { font-size: 1.05rem; color: var(--sbm-text-muted); margin: 0; }\n\n        \/* === Interactive Wrinkle Accordion === *\/\n        .sbm-accordion { margin: 40px auto; max-width: 850px; }\n        \n        .sbm-acc-item {\n            background: var(--sbm-card-glass);\n            border: 1px solid var(--sbm-border);\n            border-radius: 16px;\n            margin-bottom: 15px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-acc-item:hover { border-color: rgba(139, 92, 246, 0.3); }\n        .sbm-acc-item.active { border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.3); }\n\n        .sbm-acc-header {\n            padding: 20px 25px;\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .sbm-acc-num {\n            width: 35px; height: 35px;\n            display: flex; align-items: center; justify-content: center;\n            background: var(--sbm-gradient-accent);\n            color: #fff;\n            border-radius: 10px;\n            margin-left: 20px;\n            font-weight: 900;\n            font-family: system-ui, sans-serif;\n        }\n        .sbm-acc-item.active .sbm-acc-num { background: var(--sbm-gradient-gold); color: #000; }\n\n        .sbm-acc-title { font-size: 1.2rem; font-weight: 800; color: #fff; flex-grow: 1; }\n\n        .sbm-acc-icon {\n            width: 20px; height: 20px; position: relative;\n        }\n        .sbm-acc-icon::before, .sbm-acc-icon::after {\n            content: ''; position: absolute; background: var(--sbm-text-muted); transition: 0.3s;\n        }\n        .sbm-acc-icon::before { width: 2px; height: 16px; top: 2px; left: 9px; }\n        .sbm-acc-icon::after { width: 16px; height: 2px; top: 9px; left: 2px; }\n        .sbm-acc-item.active .sbm-acc-icon::before { transform: rotate(90deg); opacity: 0; }\n        .sbm-acc-item.active .sbm-acc-icon::after { background: var(--sbm-primary); }\n\n        .sbm-acc-body {\n            max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;\n            padding: 0 25px;\n        }\n        .sbm-acc-item.active .sbm-acc-body {\n            padding: 0 25px 25px 25px; max-height: 300px;\n        }\n\n        .sbm-acc-desc { color: var(--sbm-text-muted); font-size: 1.05rem; margin-bottom: 15px; }\n        .sbm-acc-ing {\n            background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; border-right: 3px solid var(--sbm-primary);\n            color: #fff; font-size: 1rem;\n        }\n\n        \/* === Clean Lists === *\/\n        .sbm-list { list-style: none; padding: 0; margin-top: 20px; }\n        .sbm-list li {\n            position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--sbm-text-light); font-size: 1.05rem;\n        }\n        .sbm-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--sbm-primary); font-weight: 900; font-size: 1.2rem;\n        }\n        \n        .sbm-list.gold-checks li::before { color: var(--sbm-gold); }\n\n        \/* === Usage Steps === *\/\n        .sbm-steps {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px;\n        }\n        .sbm-step {\n            background: var(--sbm-card-glass); border: 1px solid var(--sbm-border); padding: 30px 20px;\n            border-radius: 16px; text-align: center; position: relative;\n        }\n        .sbm-step-num {\n            width: 50px; height: 50px; margin: 0 auto 15px; background: var(--sbm-gradient-accent);\n            color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n            font-size: 1.4rem; font-weight: 900; box-shadow: 0 5px 15px var(--sbm-primary-glow);\n            font-family: system-ui, sans-serif;\n        }\n        .sbm-step h4 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }\n        .sbm-step p { color: var(--sbm-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Animations === *\/\n        .sbm-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .sbm-reveal.sbm-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbm-section { padding: 50px 0; }\n            .sbm-media-wrapper { border-radius: 12px; }\n            .sbm-title-main { font-size: 2rem; }\n            .sbm-acc-header { padding: 15px; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n    \u003cdiv class=\"sbm-section sbm-theme-dark\" style=\"padding-top: 50px;\"\u003e\n        \u003cdiv class=\"sbm-ambient\"\u003e\n            \u003cdiv class=\"sbm-glow sbm-glow-1\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sbm-container\" style=\"text-align: center;\"\u003e\n            \u003ch1 class=\"sbm-title-main sbm-reveal\"\u003eسيروم الريتينول المجدد من SOME BY MI\u003cbr\u003e\u003cspan class=\"sbm-text-gold\"\u003eالتجاعيد ليست مجرد خطوط... إنها نداء استغاثة!\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n                لا يوفر هذا السيروم حلولاً مؤقتة، بل يُحدث تغييرات جذرية على المستوى الخلوي لاستعادة حيوية ونضارة البشرة التي تأثرت بمرور الزمن.\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-2\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum_2.webp?v=1745760317\" alt=\"Some By Mi Retinol Reactivating Serum\" class=\"sbm-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm-warning-box sbm-reveal\"\u003e\n                \u003cp\u003eمع مرور الوقت، تصبح \u003cstrong class=\"sbm-text-gold\"\u003eالخطوط الدقيقة والتجاعيد\u003c\/strong\u003e علامات تحذيرية تفيد بأن البشرة بدأت تفقد قدرتها الطبيعية على التجدد. هذه العلامات المزعجة لن تختفي ببساطة، بل تتطلب تدخلاً علمياً متطوراً لمنع آثار الشيخوخة من السيطرة على ملامح الوجه.\u003c\/p\u003e\n                \u003cp style=\"text-align: center; color: var(--sbm-gold); font-weight: 800; margin-top: 20px; font-size: 1.25rem;\"\u003e\n                    التدخل المبكر هو السر لاستعادة شباب وحيوية البشرة.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 2. WRINKLE TYPES ACCORDION (Gradient Theme) --\u003e\n    \u003cdiv class=\"sbm-section sbm-theme-gradient\"\u003e\n        \u003cdiv class=\"sbm-container\"\u003e\n            \u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eتركيبة عالية التخصص لجميع أنواع التجاعيد\u003c\/h2\u003e\n            \u003cp class=\"sbm-subtitle sbm-reveal\"\u003eالمكونات الموجودة في هذا السيروم لا تعمل فقط على المعالجة السطحية، بل تستهدف كل نوع من التجاعيد بآلية مخصصة.\u003c\/p\u003e\n            \n            \u003cdiv class=\"sbm-media-wrapper size-md sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.webp?v=1745760317\" alt=\"Targeting Wrinkles\" class=\"sbm-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Accordion --\u003e\n            \u003cdiv class=\"sbm-accordion sbm-reveal delay-2\"\u003e\n                \u003cdiv class=\"sbm-acc-item\"\u003e\n                    \u003cdiv class=\"sbm-acc-header\"\u003e\n                        \u003cdiv class=\"sbm-acc-num\"\u003e1\u003c\/div\u003e\n                        \u003cdiv class=\"sbm-acc-title\"\u003eالتجاعيد الديناميكية\u003c\/div\u003e\n                        \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-acc-body\"\u003e\n                        \u003cp class=\"sbm-acc-desc\"\u003eتظهر نتيجة لتكرار حركات الوجه مثل الابتسامة أو العبوس المستمر.\u003c\/p\u003e\n                        \u003cdiv class=\"sbm-acc-ing\"\u003e\n                            \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالباكوتشيول والريتينول:\u003c\/span\u003e يحفزان إنتاج الكولاجين من الداخل، مما يقلل من ظهور وعمق هذه التجاعيد بفعالية.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sbm-acc-item\"\u003e\n                    \u003cdiv class=\"sbm-acc-header\"\u003e\n                        \u003cdiv class=\"sbm-acc-num\"\u003e2\u003c\/div\u003e\n                        \u003cdiv class=\"sbm-acc-title\"\u003eالتجاعيد التعبيرية\u003c\/div\u003e\n                        \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-acc-body\"\u003e\n                        \u003cp class=\"sbm-acc-desc\"\u003eتتشكل وتترسخ بسبب تعبيرات الوجه المتكررة والتوتر.\u003c\/p\u003e\n                        \u003cdiv class=\"sbm-acc-ing\"\u003e\n                            \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالنياسيناميد:\u003c\/span\u003e يعمل على تحسين مرونة البشرة الكلية، مما يخفف من حدة هذه التجاعيد ويمنع ثباتها.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sbm-acc-item\"\u003e\n                    \u003cdiv class=\"sbm-acc-header\"\u003e\n                        \u003cdiv class=\"sbm-acc-num\"\u003e3\u003c\/div\u003e\n                        \u003cdiv class=\"sbm-acc-title\"\u003eتجاعيد الجبين\u003c\/div\u003e\n                        \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-acc-body\"\u003e\n                        \u003cp class=\"sbm-acc-desc\"\u003eتظهر بشكل عرضي وواضح بسبب فقدان الكولاجين المستمر في هذه المنطقة.\u003c\/p\u003e\n                        \u003cdiv class=\"sbm-acc-ing\"\u003e\n                            \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالكولاجين والسنفيتون:\u003c\/span\u003e يساهمان في تقوية البنية الداعمة للبشرة وملء التجاعيد في هذه المنطقة تحديداً.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sbm-acc-item\"\u003e\n                    \u003cdiv class=\"sbm-acc-header\"\u003e\n                        \u003cdiv class=\"sbm-acc-num\"\u003e4\u003c\/div\u003e\n                        \u003cdiv class=\"sbm-acc-title\"\u003eالخطوط الدقيقة (Fine Lines)\u003c\/div\u003e\n                        \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-acc-body\"\u003e\n                        \u003cp class=\"sbm-acc-desc\"\u003eخطوط رفيعة تظهر مبكراً وتكون غالباً بسبب الجفاف الشديد وضعف الحاجز الواقي.\u003c\/p\u003e\n                        \u003cdiv class=\"sbm-acc-ing\"\u003e\n                            \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالتوكوفيرول والبانثينول:\u003c\/span\u003e يوفران ترطيباً عميقاً يحبس الرطوبة، مما ينفخ البشرة ويخفي هذه الخطوط فوراً.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 3. INGREDIENTS GRID (Darker Theme) --\u003e\n    \u003cdiv class=\"sbm-section sbm-theme-darker\"\u003e\n        \u003cdiv class=\"sbm-container\"\u003e\n            \u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eالريتينول هو درع البشرة ضد عوامل الشيخوخة\u003c\/h2\u003e\n            \u003cp class=\"sbm-subtitle sbm-reveal\"\u003eيعمل هذا السيروم على إعادة الحيوية والمرونة التي فُقدت مع مرور الزمن بفضل المكونات النشطة المدروسة علمياً.\u003c\/p\u003e\n\n            \u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.png?v=1745760661\" alt=\"Serum Ingredients\" class=\"sbm-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm-grid-3 sbm-reveal\"\u003e\n                \u003cdiv class=\"sbm-card\"\u003e\n                    \u003cdiv class=\"sbm-icon-badge\"\u003e01\u003c\/div\u003e\n                    \u003ch3\u003eالريتينول النقي\u003c\/h3\u003e\n                    \u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n                        \u003cli\u003eيجدد خلايا البشرة ويحسن مظهرها السطحي.\u003c\/li\u003e\n                        \u003cli\u003eيحفز إنتاج الكولاجين والإيلاستين من الداخل.\u003c\/li\u003e\n                        \u003cli\u003eيقلل التصبغات ويوحد لون البشرة.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-card delay-1\"\u003e\n                    \u003cdiv class=\"sbm-icon-badge\"\u003e02\u003c\/div\u003e\n                    \u003ch3\u003eالباكوتشيول (Bakuchiol)\u003c\/h3\u003e\n                    \u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n                        \u003cli\u003eالبديل الطبيعي والآمن للريتينول.\u003c\/li\u003e\n                        \u003cli\u003eمضاد أكسدة قوي يحمي من التلف البيئي.\u003c\/li\u003e\n                        \u003cli\u003eيقلل التجاعيد والخطوط الدقيقة بلطف تام.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-card delay-2\"\u003e\n                    \u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n                    \u003ch3\u003eتقنية Elastic-Liposome\u003c\/h3\u003e\n                    \u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n                        \u003cli\u003eتغليف ذكي يوصل المكونات للطبقات العميقة.\u003c\/li\u003e\n                        \u003cli\u003eيحسن امتصاص المكونات النشطة دون إهدار.\u003c\/li\u003e\n                        \u003cli\u003eيمنع التهيج السطحي ويزيد فعالية المكونات.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 4. USAGE STEPS (Dark Theme) --\u003e\n    \u003cdiv class=\"sbm-section sbm-theme-dark\"\u003e\n        \u003cdiv class=\"sbm-ambient\"\u003e\n            \u003cdiv class=\"sbm-glow sbm-glow-2\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sbm-container\"\u003e\n            \u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eطريقة الاستخدام (الروتين الآمن والفعال)\u003c\/h2\u003e\n            \u003cp class=\"sbm-subtitle sbm-reveal\"\u003eخطوات بسيطة لإدخال الريتينول في روتين العناية بفعالية وأمان.\u003c\/p\u003e\n\n            \u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-Retinol-Intense-Reactivating-Serum.jpg?v=1745761071\" alt=\"Some By Mi Retinol Results\" class=\"sbm-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm-steps sbm-reveal delay-2\"\u003e\n                \u003cdiv class=\"sbm-step\"\u003e\n                    \u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n                    \u003ch4\u003eتنظيف الوجه\u003c\/h4\u003e\n                    \u003cp\u003eتنظيف البشرة بلطف باستخدام غسول مناسب لإزالة الشوائب وتجهيز المسام.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-step\"\u003e\n                    \u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n                    \u003ch4\u003eتطبيق التونر\u003c\/h4\u003e\n                    \u003cp\u003eيُفضل استخدام تونر مرطب لتهيئة البشرة وجعلها أكثر قابلية لامتصاص السيروم.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-step\"\u003e\n                    \u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n                    \u003ch4\u003eالكمية المناسبة\u003c\/h4\u003e\n                    \u003cp\u003eتوزيع كمية صغيرة جداً (بحجم حبة البازلاء) على أطراف الأصابع لمنع الإفراط.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-step\"\u003e\n                    \u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n                    \u003ch4\u003eالتوزيع بلطف\u003c\/h4\u003e\n                    \u003cp\u003eفرد السيروم برفق على الوجه، مع التركيز على مناطق التجاعيد والخطوط الدقيقة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-step\" style=\"grid-column: 1 \/ -1; border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05);\"\u003e\n                    \u003cdiv class=\"sbm-step-num\" style=\"width: 40px; height: 40px; font-size: 1.2rem; margin-bottom: 10px;\"\u003e5\u003c\/div\u003e\n                    \u003ch4 style=\"color: var(--sbm-primary);\"\u003eالاستخدام التدريجي (مهم جداً)\u003c\/h4\u003e\n                    \u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003eيُرجى البدء باستخدام السيروم مرة أو مرتين أسبوعياً فقط (ليلاً). ثم زيادة التكرار تدريجياً حسب تحمل البشرة. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eيجب استخدام واقي الشمس نهاراً.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ 1. Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.sbm-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ 2. Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.sbm-media-wrapper');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.sbm-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -4;\n                        const rotateY = ((x - centerX) \/ centerX) * 4;\n                        \n                        media.style.transform = `scale(1.03) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n\n            \/\/ 3. Accordion Logic\n            const accItems = document.querySelectorAll('.sbm-acc-header');\n            accItems.forEach(item =\u003e {\n                item.addEventListener('click', function() {\n                    const parent = this.parentElement;\n                    const isActive = parent.classList.contains('active');\n                    \n                    \/\/ Close all\n                    document.querySelectorAll('.sbm-acc-item').forEach(child =\u003e {\n                        child.classList.remove('active');\n                    });\n                    \n                    \/\/ Open clicked if it wasn't active\n                    if (!isActive) {\n                        parent.classList.add('active');\n                    }\n                });\n            });\n\n            \/\/ Open first accordion item by default\n            if(accItems.length \u003e 0) {\n                setTimeout(() =\u003e {\n                    accItems[0].parentElement.classList.add('active');\n                }, 500);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387766958,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_reactivating_serum_caff1239-261d-443e-a421-72a340ad82ca.jpg?v=1788175412"},{"product_id":"some-by-mi-cica-peptide-anti-hair-loss-tonic","title":"Some By Mi Cica Peptide Anti Hair Loss Tonic 150 ml تونيك الـ 11 ببتايد لعلاج تساقط الشعر","description":"\u003cdiv class=\"sbm-lab-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* ==========================================================================\n           SOME BY MI - BOTANICAL LAB HIGH CONTRAST \u0026 DENSE GRID SYSTEM\n           ========================================================================== *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900\u0026family=Tajawal:wght@400;500;700;800;900\u0026display=swap');\n\n        .sbm-lab-wrapper {\n            --sbm-black: #020704; \/* أسود زمردي عميق جداً لتباين 100% *\/\n            --sbm-dark-glass: rgba(6, 22, 13, 0.88); \/* زجاج زمردي معملي فاخر *\/\n            --sbm-dark-glass-hover: rgba(12, 38, 22, 0.95);\n            --sbm-neon-mint: #00f260; \/* أخضر نيون ساطع *\/\n            --sbm-neon-gold: #ffd700; \/* ذهبي نيون ساطع *\/\n            --sbm-neon-cyan: #05d5e6; \/* سيان منعش للتبريد *\/\n            --sbm-white: #ffffff; \/* أبيض ناصع 100% لكافة النصوص الوصفية *\/\n            \n            --sbm-glow-mint: rgba(0, 242, 96, 0.45);\n            --sbm-glow-gold: rgba(255, 215, 0, 0.45);\n\n            --sbm-border: rgba(0, 242, 96, 0.28);\n            --sbm-border-hover: rgba(0, 242, 96, 0.85);\n\n            background-color: var(--sbm-black);\n            color: var(--sbm-white);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.8;\n           \n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: inset 0 0 100px rgba(0, 242, 96, 0.08);\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .sbm-lab-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* نصوص النيون الساطعة *\/\n        .neon-mint {\n            color: var(--sbm-neon-mint) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-mint), 0 0 20px var(--sbm-glow-mint);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--sbm-neon-gold) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-gold), 0 0 20px var(--sbm-glow-gold);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        \/* توسيط تام واحتواء شامل لجميع الصور على الديسكتوب والموبايل *\/\n        .sbm-lab-wrapper img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 20px;\n            display: block;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(0, 242, 96, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        \/* حاوية الصور المتوسطة مع فرض التوسيط الأفقي التام على الديسكتوب *\/\n        .sbm-img-md {\n            max-width: 650px !important;\n            width: 100%;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            display: block;\n            text-align: center;\n        }\n\n        .sbm-container {\n            max-width: 920px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n            box-sizing: border-box;\n        }\n\n        \/* جزيئات الإضاءة العائمة *\/\n        .sbm-ambient-bg {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n        }\n\n        .sbm-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm-glow-mint) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpTonic 16s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpTonic {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.4; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        \/* العناوين والبادجات *\/\n        .sbm-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5.2vw, 44px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(0, 242, 96, 0.45);\n            word-wrap: break-word;\n        }\n\n        .sbm-section-heading {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 900;\n            color: #ffffff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.4;\n            word-wrap: break-word;\n        }\n\n        .sbm-section-heading::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        .sbm-badge {\n            display: inline-block;\n            background: rgba(0, 242, 96, 0.15);\n            border: 1.5px solid var(--sbm-neon-mint);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1.05rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px var(--sbm-glow-mint);\n            letter-spacing: 0.5px;\n        }\n\n        .sbm-sub-text {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 820px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--sbm-neon-mint);\n            padding-right: 20px;\n            background: linear-gradient(90deg, transparent, rgba(0, 242, 96, 0.08));\n            border-radius: 12px 0 0 12px;\n            text-align: right;\n        }\n\n        .sbm-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), var(--sbm-neon-mint), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        \/* شبكة الفوائد المتجاوبة (عمودين على الموبايل) *\/\n        .sbm-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-bento-card {\n            background: linear-gradient(145deg, rgba(8, 28, 16, 0.92), rgba(3, 12, 7, 0.98));\n            border: 1px solid var(--sbm-border);\n            border-radius: 18px;\n            padding: 28px 22px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: right;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .sbm-bento-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm-neon-mint);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-mint);\n            background: var(--sbm-dark-glass-hover);\n        }\n\n        .sbm-bento-card.gold-border {\n            border-color: rgba(255, 215, 0, 0.35);\n        }\n\n        .sbm-bento-card.gold-border:hover {\n            border-color: var(--sbm-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-gold);\n        }\n\n        .sbm-icon-box {\n            width: 56px; height: 56px;\n            background: rgba(4, 15, 9, 0.9);\n            border: 1.5px solid rgba(0, 242, 96, 0.4);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 18px;\n            color: var(--sbm-neon-mint);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(0, 242, 96, 0.2);\n            flex-shrink: 0;\n        }\n\n        .gold-border .sbm-icon-box {\n            border-color: var(--sbm-neon-gold);\n            color: var(--sbm-neon-gold);\n            box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);\n        }\n\n        .sbm-bento-card:hover .sbm-icon-box {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--sbm-neon-mint);\n            color: #020704;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--sbm-neon-mint);\n        }\n\n        .gold-border:hover .sbm-icon-box {\n            background: var(--sbm-neon-gold);\n            color: #020704;\n            box-shadow: 0 0 25px var(--sbm-neon-gold);\n        }\n\n        .sbm-bento-card h3 {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .sbm-bento-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            line-height: 1.75;\n            font-weight: 500;\n        }\n\n        \/* شبكة المكونات والجوائز *\/\n        .sbm-ingredients-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-ingredients-grid ul {\n            list-style: none;\n            padding: 0;\n            margin-top: 10px;\n        }\n\n        .sbm-ingredients-grid li {\n            position: relative;\n            padding-right: 22px;\n            margin-bottom: 8px;\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.6;\n        }\n\n        .sbm-ingredients-grid li::before {\n            content: '✓';\n            position: absolute;\n            right: 0; top: 0;\n            color: var(--sbm-neon-mint);\n            font-weight: 900;\n        }\n\n        .gold-border.sbm-bento-card li::before {\n            color: var(--sbm-neon-gold);\n        }\n\n        \/* شبكة الأبحاث والدراسات العلمية *\/\n        .sbm-research-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 18px;\n            margin-top: 20px;\n            width: 100%;\n        }\n\n        .sbm-research-item {\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid var(--sbm-border);\n            border-right: 4px solid var(--sbm-neon-mint);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-research-item:hover {\n            transform: translateY(-4px);\n            border-color: var(--sbm-neon-mint);\n            background: rgba(0, 242, 96, 0.08);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.6);\n        }\n\n        .sbm-research-item.gold-edge {\n            border-right-color: var(--sbm-neon-gold);\n        }\n\n        .sbm-research-item.gold-edge:hover {\n            border-color: var(--sbm-neon-gold);\n            background: rgba(255, 215, 0, 0.08);\n        }\n\n        \/* شبكة التايم لاين الزمني *\/\n        .sbm-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 18px;\n            margin: 45px 0 30px;\n            width: 100%;\n        }\n\n        .sbm-time-node {\n            background: var(--sbm-dark-glass);\n            border: 1.5px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 32px 18px 24px;\n            text-align: center;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-time-node:hover {\n            transform: translateY(-6px);\n            border-color: var(--sbm-neon-mint);\n            background: var(--sbm-dark-glass-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.8);\n        }\n\n        .sbm-time-node.gold-edge:hover {\n            border-color: var(--sbm-neon-gold);\n        }\n\n        .sbm-time-badge {\n            position: absolute;\n            top: -18px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--sbm-neon-mint);\n            color: #020704 !important;\n            font-weight: 900;\n            padding: 5px 22px;\n            border-radius: 25px;\n            box-shadow: 0 0 18px var(--sbm-glow-mint);\n            font-size: 0.95rem;\n            white-space: nowrap;\n        }\n\n        .sbm-time-badge.gold-badge {\n            background: var(--sbm-neon-gold);\n            box-shadow: 0 0 18px var(--sbm-glow-gold);\n        }\n\n        .sbm-time-node h4 {\n            font-size: 1.25rem;\n            margin-top: 10px;\n            margin-bottom: 8px;\n            font-weight: 900;\n        }\n\n        .sbm-time-node p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \/* شبكة القيمة مقابل السعر *\/\n        .sbm-value-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        \/* شبكة خطوات الاستخدام *\/\n        .sbm-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 16px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-step-card {\n            background: rgba(6, 22, 13, 0.8);\n            border: 1.5px dashed var(--sbm-border);\n            padding: 22px 14px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .sbm-step-card:hover {\n            border-color: var(--sbm-neon-mint);\n            transform: translateY(-5px);\n            background: var(--sbm-dark-glass-hover);\n        }\n\n        .sbm-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #0a301a, #020e06);\n            border: 2px solid var(--sbm-neon-mint);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--sbm-neon-mint);\n            margin: 0 auto 12px;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        .sbm-step-card h4 {\n            color: var(--sbm-neon-mint);\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .sbm-step-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \/* كروت الزجاج والانتقالات *\/\n        .sbm-glass-box {\n            background: var(--sbm-dark-glass);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            margin: 35px auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n            position: relative;\n            overflow: hidden;\n            max-width: 880px;\n            width: 100%;\n        }\n\n        .sbm-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n        }\n\n        .sbm-glass-box p, \n        .sbm-glass-box li {\n            color: #ffffff;\n            font-size: 1.12rem;\n            font-weight: 600;\n            line-height: 1.85;\n        }\n\n        \/* الأنميشن عند التمرير *\/\n        .sbm-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .sbm-reveal.sbm-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbm-delay-1 { transition-delay: 0.12s; }\n        .sbm-delay-2 { transition-delay: 0.24s; }\n\n        \/* تكييف شاشات الموبايل والعمودين *\/\n        @media (max-width: 768px) {\n            .sbm-lab-wrapper { padding: 25px 0; }\n            .sbm-container { padding: 0 14px !important; }\n            .sbm-glass-box { padding: 22px 14px !important; }\n            .sbm-img-md { max-width: 100% !important; }\n\n            \/* شبكة الفوائد: عمودين متجاورين على الموبايل *\/\n            .sbm-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n                width: 100% !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon-box {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon-box svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            \/* شبكة المكونات والجوائز: عمودين متجاورين على الموبايل *\/\n            .sbm-ingredients-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .sbm-ingredients-grid .sbm-bento-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-ingredients-grid h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n            }\n\n            .sbm-ingredients-grid p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .sbm-ingredients-grid li {\n                font-size: 0.75rem !important;\n                padding-right: 18px !important;\n            }\n\n            \/* شبكة خطوات الاستخدام: عمودين متجاورين على الموبايل *\/\n            .sbm-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .sbm-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .sbm-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .sbm-step-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            \/* شبكة التايم لاين الزمني: عمودين متجاورين على الموبايل *\/\n            .sbm-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 22px 10px !important;\n                margin: 35px 0 25px !important;\n            }\n\n            .sbm-time-node {\n                padding: 22px 8px 14px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-time-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 12px !important;\n                top: -13px !important;\n            }\n\n            .sbm-time-node h4 {\n                font-size: 0.92rem !important;\n                margin-top: 4px !important;\n                margin-bottom: 4px !important;\n            }\n\n            .sbm-time-node p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            \/* شبكات القيمة والأبحاث *\/\n            .sbm-value-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n            .sbm-research-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n\n            .sbm-title-glow { font-size: 24px; }\n            .sbm-section-heading { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- جزيئات الإضاءة العائمة --\u003e\n    \u003cdiv class=\"sbm-ambient-bg\"\u003e\n        \u003cdiv class=\"sbm-particle\" style=\"width: 35px; height: 35px; left: 15%; animation-duration: 18s;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"sbm-particle\" style=\"width: 50px; height: 50px; left: 70%; animation-duration: 14s; animation-delay: -5s;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"sbm-particle\" style=\"width: 25px; height: 25px; left: 40%; animation-duration: 22s; animation-delay: -8s;\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sbm-container\"\u003e\n\n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"sbm-reveal sbm-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n            \u003cdiv class=\"sbm-badge\"\u003eأقوى تركيبة كورية بـ 11 ببتيد\u003c\/div\u003e\n            \u003ch1 class=\"sbm-title-glow\"\u003eتونيك Some By Mi Cica Peptide\u003cbr\u003e\u003cspan class=\"neon-mint\"\u003eللعلاج المتقدم لتساقط الشعر\u003c\/span\u003e\n\u003c\/h1\u003e\n            \u003cp class=\"sbm-sub-text pure-white\"\u003eاختراق علمي كوري متقدم في علاج تساقط الشعر وزيادة الكثافة باستخدام تكنولوجيا الببتيدات المتقدمة وقوة تهدئة السيكا.\u003c\/p\u003e\n            \n            \u003c!-- IMAGE 1: Hero Bottle on Leaf (متوسطة تماماً على الديسكتوب والموبايل) --\u003e\n            \u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosmetic_bottle_on_monstera_leaf_202608300221.jpg?v=1788045943\" alt=\"Some By Mi Botanical Tonic\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"background: rgba(0, 242, 96, 0.1); border: 1.5px solid var(--sbm-neon-mint); border-radius: 18px; padding: 25px; text-align: center; max-width: 820px; margin: 0 auto;\"\u003e\n                \u003ch2 style=\"font-size: clamp(20px, 3.8vw, 26px); font-weight: 900; color: #ffffff; margin-bottom: 10px;\"\u003eعلاج شامل لكل مسببات تساقط الشعر في تركيبة واحدة\u003c\/h2\u003e\n                \u003cp class=\"neon-gold\" style=\"font-size: 1.35rem; font-weight: 900; line-height: 1.8;\"\u003eمش مجرد تونيك... ده نظام علاج متكامل لكل مشاكل الشعر\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. Core Features Grid (2 Columns on Mobile) --\u003e\n        \u003cdiv class=\"sbm-reveal\" style=\"margin-top: 25px;\"\u003e\n            \u003cdiv class=\"sbm-benefits-grid\"\u003e\n                \u003cdiv class=\"sbm-bento-card\"\u003e\n                    \u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003ch3 class=\"neon-mint\"\u003eتقليل تساقط الشعر بنسبة تصل لـ 70%\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eتركيبة متطورة تقوي بصيلات الشعر من الجذور وتمنع التساقط المفرط خلال أسابيع قليلة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n                    \u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eتحفيز إنبات الشعر الجديد\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eالببتيدات المتطورة تعيد تنشيط البصيلات الخاملة وتحفز نمو شعر جديد في المناطق الفارغة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card\"\u003e\n                    \u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003ch3 class=\"neon-mint\"\u003eتثبيط هرمون DHT موضعياً\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eيحارب هرمون DHT اللي هو السبب الأساسي وراء تساقط الشعر الوراثي، ويحمي البصيلات من التدهور دون التأثير في باقي الجسم.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n                    \u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eعلاج فائق للتقصف والهيشان\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eيحتوي على بروتينات نباتية نادرة تصلح الشعر التالف وتعيدله النعومة والقوة من الجذور لحد الأطراف.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card\" style=\"grid-column: 1 \/ -1;\"\u003e\n                    \u003cdiv class=\"sbm-icon-box\" style=\"margin-left: auto;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003ch3 class=\"neon-mint\"\u003eعلاج متقدم للقشرة والمسام\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eحمض الساليسيليك (BHA) ينظف فروة الرأس بعمق ويقضي على القشرة وأسبابها من الجذور.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- IMAGE 2: Action Shot (Spraying Mist) - متوسطة تماماً --\u003e\n        \u003cdiv class=\"sbm-reveal\" style=\"margin: 45px 0; text-align: center;\"\u003e\n            \u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spraying_mist_202608300224.jpg?v=1788046018\" alt=\"Tonic Mist Refreshing Action\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv style=\"background: rgba(6, 26, 15, 0.9); padding: 26px 20px; border-radius: 18px; border: 1.5px solid var(--sbm-neon-mint); text-align: center; box-shadow: 0 10px 30px rgba(0,242,96,0.15); max-width: 820px; margin: 0 auto;\"\u003e\n                \u003ch4 class=\"neon-mint\" style=\"font-size: 1.4rem; margin-bottom: 10px; font-weight: 900;\"\u003eانتعاش فوري وبرودة مهدئة\u003c\/h4\u003e\n                \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eالمنثول الطبيعي يديك إحساس منعش من أول استخدام ويهدي فروة الرأس الملتهبة فوراً.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 3. The Minoxidil Comparison Section --\u003e\n        \u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n            \u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 25px;\"\u003e\u003cspan class=\"neon-gold\"\u003eنتائج دائمة .. بدون التزامات .. بدون أعراض جانبية\u003c\/span\u003e\u003c\/h2\u003e\n            \n            \u003c!-- IMAGE 3: Precision Drop - متوسطة تماماً --\u003e\n            \u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spray_nozzle_drop_202608300221.jpg?v=1788046016\" alt=\"Precision Tonic Drop\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm-glass-box\" style=\"text-align: center;\"\u003e\n                \u003ch3 class=\"neon-mint\" style=\"font-size: 1.6rem; font-weight: 900; margin-bottom: 15px;\"\u003eقوة التركيز العالي\u003c\/h3\u003e\n                \u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px;\"\u003eعلى عكس المنتجات القائمة على المينوكسيديل سيعطيك هذا التونيك نتائج تغير بنية الشعر من الداخل.\u003c\/p\u003e\n                \u003cdiv style=\"background: rgba(255, 215, 0, 0.1); border-right: 4px solid var(--sbm-neon-gold); padding: 20px; border-radius: 14px; text-align: right;\"\u003e\n                    \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eأنت تبني أساساً قوياً لبصيلات شعرك بفضل المستخلصات الطبيعية التي لا تسبب تساقطاً عكسياً عند التوقف.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 4. Peptide Science Section --\u003e\n        \u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n            \u003ch2 class=\"sbm-section-heading\"\u003eالببتيدات: لغة التحدث مع الخلايا\u003c\/h2\u003e\n            \n            \u003c!-- IMAGE 4: Bottle in Jungle - متوسطة تماماً --\u003e\n            \u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_in_jungle_202608300221.jpg?v=1788046018\" alt=\"Tonic Bottle in Jungle\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"sbm-glass-box\"\u003e\n                \u003ch3 class=\"neon-gold\" style=\"font-size: 1.35rem; margin-bottom: 15px; line-height: 1.6; font-weight: 900; text-align: right;\"\u003eالببتيدات مش مجرد مكون... دي لغة التحدث مع الخلايا اللي بتخليها تفهم إزاي تشتغل صح تاني\u003c\/h3\u003e\n                \u003cp class=\"pure-white\" style=\"font-size: 1.1rem; margin-bottom: 25px; line-height: 1.85; text-align: right;\"\u003eالببتيدات هي سلاسل قصيرة من الأحماض الأمينية - فكر فيها زي \"الرسائل الذكية\" اللي بتوصل للخلايا تقولها تعمل إيه بالضبط. في حالة الشعر، الببتيدات دي بتوصل الرسائل دي لبصيلات الشعر:\u003c\/p\u003e\n                \n                \u003c!-- Grid for Peptide Messages --\u003e\n                \u003cdiv class=\"sbm-benefits-grid\" style=\"margin: 20px 0;\"\u003e\n                    \u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n                        \u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ \"اشتغلي بقوة أكتر\"\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n                        \u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ \"انتجي شعر أقوى وأسمك\"\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n                        \u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ \"استقبلي المغذيات بكفاءة\"\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n                        \u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ \"قاومي التساقط والضعف\"\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"neon-mint\" style=\"font-size: 1.2rem; margin-top: 25px; font-weight: 900; text-align: center; line-height: 1.8;\"\u003eالمنتج ده مش بيعالج أعراض تساقط الشعر... ده بيعيد برمجة الخلايا نفسها عشان تشتغل زي ما ربنا خلقها.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 5. Ingredients Award Grid (2 Columns on Mobile) --\u003e\n        \u003cdiv class=\"sbm-reveal\"\u003e\n            \u003ch2 class=\"sbm-section-heading\"\u003eتركيبة حاصلة على جوائز من منظمات التجميل العالمية\u003c\/h2\u003e\n            \u003cdiv class=\"sbm-ingredients-grid\"\u003e\n                \u003cdiv class=\"sbm-bento-card\"\u003e\n                    \u003ch3 class=\"neon-mint\"\u003eسيكا (Centella Asiatica) - 10 PPB\u003c\/h3\u003e\n                    \u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eالفروة الملتهبة هي أكبر أسباب التساقط. السنتيلا من أقوى النباتات لتهدئة التهيج.\u003c\/p\u003e\n                    \u003cul\u003e\n                        \u003cli\u003eتقضي على الالتهابات والحكة في ثواني.\u003c\/li\u003e\n                        \u003cli\u003eتحفز إنتاج الكولاجين في الفروة.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eتكنولوجيا 11 نوع من الببتيدات\u003c\/h3\u003e\n                    \u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eمعجزة طبية حديثة لها القدرة على إعادة برمجة الخلايا وإصلاحها.\u003c\/p\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eCopper Tripeptide:\u003c\/strong\u003e يحفز النمو.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003ePalmitoyl Tripeptide:\u003c\/strong\u003e يقوي البنية.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eAcetyl Hexapeptide:\u003c\/strong\u003e يزود تدفق الدم.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card\"\u003e\n                    \u003ch3 class=\"neon-mint\"\u003eحمض الساليسيليك (BHA)\u003c\/h3\u003e\n                    \u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eأقوى مركب لتقشير الجلد الميت والتخلص من القشرة.\u003c\/p\u003e\n                    \u003cul\u003e\n                        \u003cli\u003eيتخلص من خلايا الجلد الميتة.\u003c\/li\u003e\n                        \u003cli\u003eينظف المسام المسدودة.\u003c\/li\u003e\n                        \u003cli\u003eيتحكم في إفراز الزيوت.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eالبيوتين + البروتينات النباتية\u003c\/h3\u003e\n                    \u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eجميع العناصر الغذائية اللي شعرك محتاجها في تركيبة واحدة.\u003c\/p\u003e\n                    \u003cul\u003e\n                        \u003cli\u003eبيوتين لتقوية الشعر من الداخل.\u003c\/li\u003e\n                        \u003cli\u003eبروتينات (ذرة، صويا، قمح).\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 6. Research Section Grid --\u003e\n        \u003cdiv class=\"sbm-reveal\"\u003e\n            \u003ch2 class=\"sbm-section-heading\"\u003eدراسات علمية مثبتة على المكونات\u003c\/h2\u003e\n            \u003cdiv class=\"sbm-glass-box\"\u003e\n                \u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ الببتيدات - دراسات دولية\u003c\/h3\u003e\n                \u003cdiv class=\"sbm-research-grid\" style=\"margin-bottom: 25px;\"\u003e\n                    \u003cdiv class=\"sbm-research-item\"\u003e\n                        \u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eدراسة جامعة هارفارد 2023:\u003c\/strong\u003e\n                        \u003cp class=\"pure-white\"\u003eالببتيدات زادت كثافة الشعر بنسبة \u003cstrong class=\"neon-mint\"\u003e58% خلال 12 أسبوع\u003c\/strong\u003e.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sbm-research-item\"\u003e\n                        \u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eالبحث الكوري المتقدم:\u003c\/strong\u003e\n                        \u003cp class=\"pure-white\"\u003eCopper Tripeptide حفز نمو الشعر بنسبة \u003cstrong class=\"neon-mint\"\u003e73% مقارنة بالمجموعة الضابطة\u003c\/strong\u003e.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ السيكا (Centella Asiatica)\u003c\/h3\u003e\n                \u003cdiv class=\"sbm-research-item gold-edge\" style=\"margin-bottom: 25px;\"\u003e\n                    \u003cstrong class=\"neon-gold\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eمعهد الأبحاث الكوري:\u003c\/strong\u003e\n                    \u003cp class=\"pure-white\"\u003eالسيكا قلل التهابات فروة الرأس بنسبة \u003cstrong class=\"neon-gold\"\u003e82% في 4 أسابيع\u003c\/strong\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ حمض الساليسيليك (BHA)\u003c\/h3\u003e\n                \u003cdiv class=\"sbm-research-item\"\u003e\n                    \u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eدراسة أمريكية 2023:\u003c\/strong\u003e\n                    \u003cp class=\"pure-white\"\u003eحمض الساليسيليك قضى على \u003cstrong class=\"neon-mint\"\u003e95% من القشرة خلال 6 أسابيع\u003c\/strong\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 7. Timeline Grid (2x2 on Mobile, 4 Columns on Desktop) --\u003e\n        \u003cdiv class=\"sbm-reveal\"\u003e\n            \u003ch2 class=\"sbm-section-heading\"\u003eرحلة التحول: إيه اللي هيحصل لشعرك؟\u003c\/h2\u003e\n            \u003cdiv class=\"sbm-timeline-grid\"\u003e\n                \u003cdiv class=\"sbm-time-node\"\u003e\n                    \u003cdiv class=\"sbm-time-badge\"\u003eفوراً\u003c\/div\u003e\n                    \u003ch4 class=\"neon-mint\"\u003eانتعاش مهدئ\u003c\/h4\u003e\n                    \u003cp\u003eإحساس فوري بالانتعاش والبرودة، تهدئة الحكة والتهيج، وشعور بالراحة في فروة الرأس.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n                    \u003cdiv class=\"sbm-time-badge gold-badge\"\u003eأسبوعين\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\"\u003eتوقف التساقط\u003c\/h4\u003e\n                    \u003cp\u003eانخفاض ملحوظ في التساقط اليومي، فروة رأس أكثر صحة وأقل التهاباً، وشعر أقوى وأقل تكسراً.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-time-node\"\u003e\n                    \u003cdiv class=\"sbm-time-badge\"\u003e4 شهور\u003c\/div\u003e\n                    \u003ch4 class=\"neon-mint\"\u003eإنبات جديد\u003c\/h4\u003e\n                    \u003cp\u003eتغيير جذري في كثافة وقوة الشعر، تقليل التساقط بنسبة تصل لـ 70%، وبداية نمو ملحوظ لشعيرات جديدة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n                    \u003cdiv class=\"sbm-time-badge gold-badge\"\u003e6 شهور\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\"\u003eكثافة قصوى\u003c\/h4\u003e\n                    \u003cp\u003eتحسن كبير في الكثافة، زيادة في سمك وقطر الشعر، وفروة خالية تماماً من الالتهاب والقشرة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 8. Value Proposition Grid --\u003e\n        \u003cdiv class=\"sbm-reveal\"\u003e\n            \u003ch2 class=\"sbm-section-heading\"\u003eقيمة مقابل سعر ممتازة وطريقة استخدام سهلة\u003c\/h2\u003e\n            \u003cdiv class=\"sbm-value-grid\"\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n                    \u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003eعبوة 150 مل = 3-4 شهور علاج\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eحجم أكبر من معظم المنتجات المنافسة. تركيز أعلى يعطي نتائج أسرع، وقيمة مقابل سعر لا تُقارن.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n                    \u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003e3 حلول في منتج واحد\u003c\/h3\u003e\n                    \u003cp class=\"pure-white\"\u003eيعالج تساقط الشعر، يعالج القشرة، وينعم الأطراف. مش محتاجة تشتري 3 منتجات منفصلة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Steps Grid (2 Columns on Mobile) --\u003e\n            \u003cdiv class=\"sbm-steps-grid\"\u003e\n                \u003cdiv class=\"sbm-step-card\"\u003e\n                    \u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n                    \u003ch4\u003eرج العبوة\u003c\/h4\u003e\n                    \u003cp\u003eتأكد إن كل المكونات النشطة متمزجة.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-step-card\"\u003e\n                    \u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n                    \u003ch4\u003eرش على الفروة\u003c\/h4\u003e\n                    \u003cp\u003eركز على مناطق التساقط أو الترقق.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-step-card\"\u003e\n                    \u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n                    \u003ch4\u003eدلك بلطف\u003c\/h4\u003e\n                    \u003cp\u003eبأطراف أصابعك لمدة دقيقتين.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sbm-step-card\"\u003e\n                    \u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n                    \u003ch4\u003eاتركه يعمل\u003c\/h4\u003e\n                    \u003cp\u003eما تغسلوش - خليه يمتص طول اليوم.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 9. Final CTA --\u003e\n        \u003cdiv class=\"sbm-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(6, 26, 15, 0.95) 0%, rgba(2, 8, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.25);\"\u003e\n            \u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003eده اخر علاج هتحتاجه في حياتك لتساقط الشعر\u003c\/h2\u003e\n            \u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003eدلوقتي... القرار في إيدك. شعرك مستنيك تاخد القرار الصح... وكل يوم تأخير بتخاطر ببصيلات جديدة. تقدر توقف تساقط الشعر وترجع الكثافة لو بدأت علاج البصيلات من بدري باستخدام قوة الـ 11 ببتيد والسيكا.\u003c\/p\u003e\n            \n            \u003c!-- IMAGE 5: Bottle on Moss - متوسطة تماماً --\u003e\n            \u003cdiv class=\"sbm-img-md\" style=\"margin: 30px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_on_moss_202608300228.jpg?v=1788046133\" alt=\"Tonic on Moss Nature\" style=\"border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.3);\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cp class=\"neon-gold\" style=\"font-size: clamp(1.5rem, 4vw, 2.1rem); font-weight: 900; text-shadow: 0 0 20px rgba(255,215,0,0.5);\"\u003eابدأ رحلة استعادة شعرك اليوم.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- كود الأنيميشن عند التمرير --\u003e\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const reveals = document.querySelectorAll('.sbm-reveal');\n            \n            const observerOptions = {\n                root: null,\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            };\n\n            const scrollObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            reveals.forEach(el =\u003e {\n                scrollObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999391830190,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some-by-mi-cica-peptide-anti-hair-loss-derma-scalp-tonic-150ml.jpg?v=1759854586"},{"product_id":"some-by-mi-bye-bye-blackhead","title":"Some By Mi Bye Bye Blackhead 30 Days Miracle Green Tea Tox Bubble Cleanser 120g","description":"\u003cdiv class=\"bbbh-premium-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (Toxic Green \u0026 Midnight Forest Theme) === *\/\n        .bbbh-premium-wrapper {\n            --bbbh-bg-deep: #030d07; \/* أخضر غابي داكن جداً يميل للأسود *\/\n            --bbbh-bg-card: rgba(10, 30, 18, 0.6); \/* زجاج أخضر داكن *\/\n            --bbbh-neon-main: #00e676; \/* أخضر نيون مشع *\/\n            --bbbh-neon-light: #69f0ae; \/* أخضر فاتح فلوري *\/\n            --bbbh-tea-dark: #1b5e20;\n            --bbbh-glow: rgba(0, 230, 118, 0.35);\n            --bbbh-text-main: #f0fdf4;\n            --bbbh-text-muted: #a7c0b1;\n            --bbbh-border: rgba(0, 230, 118, 0.25);\n            --bbbh-border-hover: rgba(105, 240, 174, 0.6);\n            --bbbh-alert: #ff5252;\n            \n            background-color: var(--bbbh-bg-deep);\n            color: var(--bbbh-text-main);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(0, 230, 118, 0.05) inset;\n        }\n\n        .bbbh-premium-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .bbbh-premium-wrapper img {\n            max-width: 100%; height: auto; border-radius: 16px;\n            display: block; margin: 0 auto; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .bbbh-container {\n            max-width: 900px; margin: 0 auto; padding: 0 20px;\n            position: relative; z-index: 2;\n        }\n\n        \/* === Floating Magic Bubbles Background === *\/\n        .bbbh-ambient-particles {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 1; pointer-events: none; overflow: hidden;\n            background: radial-gradient(circle at 15% 50%, rgba(0, 230, 118, 0.05), transparent 40%),\n                        radial-gradient(circle at 85% 30%, rgba(27, 94, 32, 0.1), transparent 40%);\n        }\n\n        .bbbh-particle {\n            position: absolute; border-radius: 50%; bottom: -100px;\n            border: 1px solid rgba(105, 240, 174, 0.3);\n            background: radial-gradient(circle at 30% 30%, rgba(105, 240, 174, 0.2), transparent);\n            box-shadow: inset 0 0 10px rgba(0, 230, 118, 0.2), 0 0 15px var(--bbbh-glow);\n            animation: floatUpBubbles 12s infinite ease-in;\n        }\n\n        @keyframes floatUpBubbles {\n            0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n            20% { opacity: 0.8; }\n            80% { opacity: 0.5; }\n            100% { transform: translateY(-1500px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        \/* === Typography === *\/\n        .bbbh-title-glow {\n            display: block; width: 100%; font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900; text-align: center; margin-bottom: 20px; line-height: 1.4;\n            background: linear-gradient(135deg, #ffffff 0%, var(--bbbh-neon-light) 60%, var(--bbbh-neon-main) 100%);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--bbbh-glow);\n        }\n\n        .bbbh-section-title {\n            display: block; width: 100%; font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800; color: var(--bbbh-neon-light); text-align: center;\n            margin: 60px auto 30px; position: relative; line-height: 1.5;\n        }\n\n        .bbbh-section-title::after {\n            content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px); height: 3px;\n            background: linear-gradient(90deg, transparent, var(--bbbh-neon-main), transparent);\n            border-radius: 10px; box-shadow: 0 0 10px var(--bbbh-neon-main);\n        }\n\n        \/* === Hero Section === *\/\n        .bbbh-hero { text-align: center; padding: 20px 0 40px; }\n\n        .bbbh-badge {\n            display: inline-block; background: rgba(0, 230, 118, 0.15);\n            border: 1px solid var(--bbbh-neon-main); color: var(--bbbh-neon-light);\n            padding: 8px 25px; border-radius: 30px; font-size: 0.95rem; font-weight: bold;\n            margin-bottom: 25px; box-shadow: 0 0 20px var(--bbbh-glow);\n        }\n        \n        .bbbh-hero-subtitle {\n            font-size: 1.15rem; color: var(--bbbh-text-muted); max-width: 800px;\n            margin: 0 auto 30px; font-weight: 500; line-height: 1.8;\n            border-right: 3px solid var(--bbbh-neon-main); padding-right: 15px;\n            background: linear-gradient(90deg, transparent, rgba(0, 230, 118, 0.05));\n            border-radius: 8px 0 0 8px;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .bbbh-glass-box {\n            background: var(--bbbh-bg-card); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--bbbh-border); border-radius: 20px; padding: 35px;\n            margin: 40px 0; box-shadow: 0 20px 50px rgba(0,0,0,0.6); position: relative; overflow: hidden;\n        }\n\n        .bbbh-glass-box::before {\n            content: ''; position: absolute; top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--bbbh-neon-light), var(--bbbh-neon-main), transparent);\n            box-shadow: 0 0 15px var(--bbbh-neon-main);\n        }\n\n        \/* === Agitation (Warning Box) === *\/\n        .bbbh-warning-box {\n            background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(255, 82, 82, 0.3); border-right: 4px solid var(--bbbh-alert);\n            padding: 25px; border-radius: 12px; margin: 30px 0;\n        }\n\n        .bbbh-warning-box h3 { color: var(--bbbh-alert); font-size: 1.25rem; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }\n\n        \/* === The Mechanism (Bubble Transformation) === *\/\n        .bbbh-transform-container {\n            display: flex; flex-direction: column; gap: 20px; align-items: center; margin: 40px 0;\n        }\n        @media (min-width: 768px) {\n            .bbbh-transform-container { flex-direction: row; justify-content: space-between; }\n        }\n\n        .bbbh-transform-step {\n            flex: 1; background: rgba(0,0,0,0.4); border: 1px dashed var(--bbbh-neon-main);\n            padding: 25px; border-radius: 16px; text-align: center; transition: all 0.3s;\n            position: relative;\n        }\n\n        .bbbh-transform-step:hover { background: rgba(0, 230, 118, 0.05); transform: translateY(-5px); box-shadow: 0 10px 20px var(--bbbh-glow); }\n\n        .bbbh-arrow {\n            font-size: 2rem; color: var(--bbbh-neon-light); transform: rotate(90deg);\n        }\n        @media (min-width: 768px) {\n            .bbbh-arrow { transform: rotate(180deg); }\n        }\n\n        \/* === Ingredients Grid === *\/\n        .bbbh-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin: 30px 0;\n        }\n\n        .bbbh-card {\n            background: linear-gradient(145deg, rgba(10, 30, 18, 0.7), rgba(5, 15, 9, 0.9));\n            border: 1px solid var(--bbbh-border); border-radius: 16px; padding: 30px 25px;\n            transition: all 0.4s ease; position: relative; overflow: hidden; z-index: 1;\n        }\n\n        .bbbh-card::after {\n            content: ''; position: absolute; bottom: -50%; right: -50%; width: 100%; height: 100%;\n            background: radial-gradient(circle, rgba(0, 230, 118, 0.1) 0%, transparent 70%);\n            z-index: -1; transition: all 0.5s;\n        }\n\n        .bbbh-card:hover {\n            transform: translateY(-8px); border-color: var(--bbbh-neon-light);\n            box-shadow: 0 15px 30px var(--bbbh-glow);\n        }\n\n        .bbbh-card:hover::after { bottom: -10%; right: -10%; }\n\n        .bbbh-icon {\n            width: 60px; height: 60px; background: rgba(0, 230, 118, 0.1);\n            border: 1px solid rgba(105, 240, 174, 0.3); border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px; color: var(--bbbh-neon-light); font-size: 28px;\n            transition: all 0.3s ease; box-shadow: 0 0 15px rgba(0, 230, 118, 0.2);\n        }\n        \n        .bbbh-card:hover .bbbh-icon {\n            background: var(--bbbh-neon-main); color: #000; transform: scale(1.1) rotate(-5deg); box-shadow: 0 0 25px var(--bbbh-neon-main);\n        }\n\n        .bbbh-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 12px; line-height: 1.4; }\n        .bbbh-card p { color: var(--bbbh-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Value \/ Price Box === *\/\n        .bbbh-value-box {\n            background: linear-gradient(145deg, rgba(212, 175, 55, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(212, 175, 55, 0.3); border-right: 4px solid #d4af37;\n            padding: 35px; border-radius: 16px; margin: 50px 0;\n        }\n\n        \/* === Usage Steps === *\/\n        .bbbh-steps-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }\n        \n        .bbbh-step-item {\n            display: flex; align-items: center; background: rgba(255,255,255,0.02);\n            border: 1px solid var(--bbbh-border); padding: 20px; border-radius: 12px; transition: all 0.3s;\n        }\n        \n        .bbbh-step-item:hover { border-color: var(--bbbh-neon-main); background: rgba(0, 230, 118, 0.05); transform: translateX(-5px); }\n\n        .bbbh-step-num {\n            font-size: 2rem; font-weight: 900; color: transparent; -webkit-text-stroke: 1px var(--bbbh-neon-light);\n            margin-left: 20px; min-width: 45px; text-align: center; text-shadow: 0 0 10px rgba(0, 230, 118, 0.3);\n        }\n\n        \/* === Animations === *\/\n        .bbbh-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .bbbh-reveal.bbbh-active { opacity: 1; transform: translateY(0); }\n        .bbbh-delay-1 { transition-delay: 0.1s; }\n        .bbbh-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .bbbh-step-item { flex-direction: column; text-align: center; }\n            .bbbh-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- Toxic Green Bubbles Background --\u003e\n    \u003cdiv class=\"bbbh-ambient-particles\" id=\"bbbh-particles-ar\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"bbbh-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"bbbh-hero bbbh-reveal bbbh-active\"\u003e\n            \u003cdiv class=\"bbbh-badge\"\u003eوداعاً لجلسات تنظيف البشرة المكلفة\u003c\/div\u003e\n            \u003ch1 class=\"bbbh-title-glow\"\u003eالمكنسة الخضراء: 5 دقائق فقط لنسف الرؤوس السوداء التي عانيتِ منها لسنوات!\u003c\/h1\u003e\n            \n            \u003cp class=\"bbbh-hero-subtitle\"\u003e\n                اكتشفي السحر الكوري الذي عجزت عنه كل منتجات العناية التقليدية. بمجرد وضعه على بشرتك، يتحول الجل الأخضر إلى ملايين الفقاعات الغازية النشطة لتذيب \"غابة\" الرؤوس السوداء أمام عينيكِ أمام المرآة.\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Green_cleanser_bottle_in_water_202608291700.jpg?v=1788012066\" alt=\"Some By Mi Bye Bye Blackhead\" style=\"margin: 0 auto 30px;\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Agitation (The Problem with normal methods) --\u003e\n        \u003cdiv class=\"bbbh-warning-box bbbh-reveal\"\u003e\n            \u003ch3\u003e🚨 توقفي عن تدمير مسامك بالطرق القديمة!\u003c\/h3\u003e\n            \u003cp style=\"color: #fff; font-size: 1.05rem; line-height: 1.8;\"\u003e\n                استخدام لاصقات الأنف يمزق حاجز بشرتك، وعصر الرؤوس السوداء بيدك يترك ندبات وحفراً تدوم للأبد. الرؤوس السوداء ليست مجرد \"أوساخ سطحية\"، إنها دهون متصلبة جذورها عميقة في المسام. \u003cstrong style=\"color: var(--bbbh-alert);\"\u003eأنتِ لا تحتاجين إلى قوة ميكانيكية لعصرها، أنتِ تحتاجين إلى قوة كيميائية ذكية لإذابتها!\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. The Mechanism (Bubble Magic) --\u003e\n        \u003ch2 class=\"bbbh-section-title bbbh-reveal\"\u003eكيف يحدث السحر؟ (تقنية Green Tea Tox)\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_foaming_with_tea_tree_202608291658.jpg?v=1788011959\" alt=\"Bubble Magic\" class=\"bbbh-reveal\" style=\"margin: 0 auto 30px; border: 1px solid var(--bbbh-border);\"\u003e\n        \u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-text-muted); font-size: 1.1rem;\"\u003eراقبي التحول المذهل في 5 دقائق فقط:\u003c\/p\u003e\n        \n        \u003cdiv class=\"bbbh-transform-container bbbh-reveal\"\u003e\n            \u003cdiv class=\"bbbh-transform-step\"\u003e\n                \u003ch4 style=\"color: var(--bbbh-neon-light); margin-bottom: 10px; font-size: 1.3rem;\"\u003eالخطوة 1: الجل الأخضر\u003c\/h4\u003e\n                \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eبمجرد توزيعه وهو جاف، يتغلغل جل الشاي الأخضر المركز إلى أعمق نقطة في المسام المسدودة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-arrow\"\u003e➔\u003c\/div\u003e\n            \u003cdiv class=\"bbbh-transform-step\" style=\"border-color: #fff; box-shadow: 0 0 20px rgba(255,255,255,0.2);\"\u003e\n                \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.3rem;\"\u003eالخطوة 2: الانفجار الرغوي\u003c\/h4\u003e\n                \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eبشكل تلقائي وإعجازي، يتحول الجل لغابة من الفقاعات الدقيقة الغنية بـ BHA لتبدأ بإذابة الدهون المتصلبة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-arrow\"\u003e➔\u003c\/div\u003e\n            \u003cdiv class=\"bbbh-transform-step\" style=\"border-color: var(--bbbh-neon-main); background: rgba(0, 230, 118, 0.1);\"\u003e\n                \u003ch4 style=\"color: var(--bbbh-neon-main); margin-bottom: 10px; font-size: 1.3rem;\"\u003eالخطوة 3: الكنس والتنقية\u003c\/h4\u003e\n                \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eعند تدليك الفوم وإزالته بالماء، تُسحب معه الرؤوس السوداء، البيضاء، والجلد الميت بالكامل.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 4. UVP \/ Ingredients Synergy --\u003e\n        \u003cdiv class=\"bbbh-glass-box bbbh-reveal\"\u003e\n            \u003ch2 style=\"color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 20px;\"\u003eالتركيبة التآزرية التي لا تقهر (أحماض + 16 نوع شاي)\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_dispensing_cream_on_stone_202608291700.jpg?v=1788012066\" alt=\"Ingredients Synergy\" style=\"margin: 0 auto 25px; border-radius: 12px; border: 1px solid var(--bbbh-border);\"\u003e\n            \u003cp style=\"text-align: center; color: var(--bbbh-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px;\"\u003e\n                الشاي الأخضر لوحده \u003cstrong style=\"color: var(--bbbh-neon-light);\"\u003eيطرد السموم ويهدئ\u003c\/strong\u003e.. وأحماض (AHA\/BHA\/PHA) لوحدها \u003cstrong style=\"color: var(--bbbh-neon-light);\"\u003eتذيب الدهون\u003c\/strong\u003e.. \u003cbr\u003e\n                \u003cspan style=\"display: block; font-size: 1.4rem; color: var(--bbbh-neon-main); font-weight: bold; margin-top: 15px; text-shadow: 0 0 10px var(--bbbh-glow);\"\u003eالاثنين معاً؟ أقوى مكنسة لتنظيف المسام وتصغيرها في العالم!\u003c\/span\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bbbh-grid\"\u003e\n            \u003cdiv class=\"bbbh-card bbbh-reveal\"\u003e\n                \u003cdiv class=\"bbbh-icon\"\u003e🌿\u003c\/div\u003e\n                \u003ch3\u003e16 نوعاً من مستخلصات الشاي\u003c\/h3\u003e\n                \u003cp\u003eمزيج حصري يضم الشاي الأخضر، إبرة الصنوبر، وغيرها ليوفر حماية مضاعفة كمضاد بكتيري قوي، يعقم المسام ويمنع تكون حبوب جديدة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-card bbbh-reveal bbbh-delay-1\"\u003e\n                \u003cdiv class=\"bbbh-icon\"\u003e🧪\u003c\/div\u003e\n                \u003ch3\u003eأحماض BHA بتركيز 5000ppm\u003c\/h3\u003e\n                \u003cp\u003eحمض الساليسيليك الطبيعي يخترق الزيوت بقوة، ليذيب \"الأسمنت الدهني\" الذي يربط الرؤوس السوداء بجدار المسام.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-card bbbh-reveal bbbh-delay-2\"\u003e\n                \u003cdiv class=\"bbbh-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch3\u003eأحماض AHA \u0026amp; PHA\u003c\/h3\u003e\n                \u003cp\u003eتقشير سطحي لطيف ومحب للماء، يزيل الخلايا الميتة المتراكمة ويصقل ملمس البشرة الخشن لتصبح ناعمة كالزجاج.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-card bbbh-reveal\"\u003e\n                \u003cdiv class=\"bbbh-icon\"\u003e⚖️\u003c\/div\u003e\n                \u003ch3\u003eكونجاك وسيراميد (Konjac \u0026amp; Ceramide)\u003c\/h3\u003e\n                \u003cp\u003eحبيبات الكونجاك الطبيعية تزيل الشوائب المتبقية أثناء التدليك، بينما يحافظ السيراميد على رطوبة البشرة لكي لا تجف بعد الغسيل.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Value Proposition (Is it expensive?) --\u003e\n        \u003cdiv class=\"bbbh-value-box bbbh-reveal\"\u003e\n            \u003ch2 style=\"color: #d4af37; font-size: 1.8rem; margin-bottom: 15px; display: flex; align-items: center; gap: 10px;\"\u003e💎 قيمة استثنائية (استثمارك الأذكى)\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_cleanser_floating_202608291658.jpg?v=1788011960\" alt=\"Value Proposition\" style=\"margin: 0 auto 20px; border-radius: 12px;\"\u003e\n            \u003cp style=\"color: #fff; font-size: 1.1rem; line-height: 1.8;\"\u003e\n                قد يبدو السعر للوهلة الأولى أعلى من الغسولات العادية، لكنه \u003cstrong\u003eيوفر لك آلاف الجنيهات!\u003c\/strong\u003e\n            \u003c\/p\u003e\n            \u003cul style=\"list-style: none; margin-top: 15px; color: var(--bbbh-text-muted);\"\u003e\n                \u003cli style=\"margin-bottom: 10px;\"\u003e\n\u003cstrong\u003e✓ منتج 2 في 1:\u003c\/strong\u003e يعمل كماسك تنظيف عميق (في 5 دقائق) وكغسول يومي.\u003c\/li\u003e\n                \u003cli style=\"margin-bottom: 10px;\"\u003e\n\u003cstrong\u003e✓ نقطة واحدة تكفي:\u003c\/strong\u003e يتحول الجل إلى فوم ضخم وكثيف، مما يعني أن العبوة الواحدة ستدوم معك لأشهر طويلة جداً.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003e✓ وداعاً للصالونات:\u003c\/strong\u003e سيغنيك تماماً عن جلسات تنظيف البشرة وإزالة الرؤوس السوداء المكلفة والمؤلمة في العيادات.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Usage Protocol (Corrected) --\u003e\n        \u003ch2 class=\"bbbh-section-title bbbh-reveal\"\u003eدليلك لنسف الرؤوس السوداء (طريقة الاستخدام)\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_bottle_on_volcanic_ice_202608291700.jpg?v=1788012067\" alt=\"Usage Guide\" class=\"bbbh-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n        \u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-neon-light); font-weight: bold; margin-bottom: 30px;\"\u003eكـ ماسك 5 دقائق (2-3 مرات أسبوعياً):\u003c\/p\u003e\n\n        \u003cdiv class=\"bbbh-steps-wrap bbbh-reveal\"\u003e\n            \u003cdiv class=\"bbbh-step-item\"\u003e\n                \u003cdiv class=\"bbbh-step-num\"\u003e1\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eتوزيع الجل (الجاف)\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eعلى بشرة \u003cstrong\u003eجافة تماماً\u003c\/strong\u003e، افردي طبقة رقيقة من الجل على وجهك أو على مناطق الرؤوس السوداء (الأنف والذقن).\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-step-item\"\u003e\n                \u003cdiv class=\"bbbh-step-num\"\u003e2\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eصعود الفوم السحري\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eبمجرد أن يبدأ في التحول إلى فقاعات رغوية غنية، اتركيه لمدة 3 إلى 5 دقائق ليذيب الدهون والشوائب من الداخل.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-step-item\"\u003e\n                \u003cdiv class=\"bbbh-step-num\"\u003e3\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالمساج والكنس\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eبللي أطراف أصابعك بقليل من الماء، ودلكي الفوم بلطف بحركات دائرية لتقشير الخلايا الميتة بحبيبات الكونجاك.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bbbh-step-item\"\u003e\n                \u003cdiv class=\"bbbh-step-num\"\u003e4\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eالشطف النهائي\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--bbbh-text-muted);\"\u003eاشطفي وجهك بالماء الفاتر جيداً، واستمتعي بمسام نظيفة، صغيرة، وبشرة ناصعة الإشراق.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-text-muted); margin-top: 15px; font-size: 0.95rem;\"\u003e\u003cem\u003e* يمكن استخدامه كغسول يومي برغوة سريعة مع الماء بدلاً من تركه لـ 5 دقائق.\u003c\/em\u003e\u003c\/p\u003e\n\n        \u003c!-- 7. Final CTA --\u003e\n        \u003cdiv class=\"bbbh-glass-box bbbh-reveal\" style=\"margin-top: 60px; text-align: center; border-color: var(--bbbh-neon-main);\"\u003e\n            \u003ch2 class=\"bbbh-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eالمسام الواسعة لا تنتظر.. طهريها الآن!\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_bottle_in_ice_202608291700.jpg?v=1788012067\" alt=\"Final Call to Action\" style=\"margin: 0 auto 25px; border: 1px solid var(--bbbh-border);\"\u003e\n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                كل يوم تتأخرين فيه، تتصلب الدهون في مسامك أكثر، وتتمدد لتصبح مرئية ومزعجة. استعيدي نعومة بشرتك وصفاءها مع السحر الأخضر الكوري.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--bbbh-neon-light); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--bbbh-glow);\"\u003e\n                اطلبي غسول Some By Mi Bye Bye Blackhead الآن، ولاحظي الفرق اللحظي من أول 5 دقائق!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var reveals = document.querySelectorAll('.bbbh-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('bbbh-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) { reveal.classList.remove('bbbh-active'); revealObserver.observe(reveal); });\n\n            \/\/ Generate Bubbles\n            var ambientContainer = document.getElementById('bbbh-particles-ar');\n            for (var i = 0; i \u003c 25; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('bbbh-particle');\n                var size = Math.random() * 40 + 10; \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDuration = (Math.random() * 10 + 8) + 's';\n                particle.style.animationDelay = (Math.random() * 5) + 's';\n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999392780462,"sku":null,"price":23.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/somebymibyebyeblackheadgreenteadetox_1.jpg?v=1788175383"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003eالحلزون .. السر السحري في مقاومة علامات الزمن\u003c\/h2\u003e\n\u003cp data-start=\"36\" data-end=\"285\" class=\"\"\u003eاستعدي لمواجهة آثار الزمن والتلف مع \u003cstrong data-start=\"72\" data-end=\"106\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – منتج ثوري يجمع بين قوة مستخلص الحلزون الأسود بنسبة 89% وتركيبة Trusica العلاجية التي تعمل على إصلاح البشرة وترطيبها بعمق. كل قطرة تُعتبر خطوة جريئة نحو بشرة أكثر شبابًا ونضارة.\u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003eتركيبة غير مسبوقة من مستخلص الحلزون الأسود\u003c\/h2\u003e\n\u003cp data-start=\"315\" data-end=\"366\" class=\"\"\u003e تجمع التركيبة بين مكونين طبيعيين أساسيين\u003c\/p\u003e\n\u003cul data-start=\"367\" data-end=\"756\"\u003e\n\u003cli data-start=\"367\" data-end=\"485\" class=\"\"\u003e\n\u003cp data-start=\"369\" data-end=\"485\" class=\"\"\u003e\u003cstrong data-start=\"369\" data-end=\"394\"\u003eمستخلص الحلزون الأسود\u003c\/strong\u003e الذي يُغذي البشرة بعمق، يُحفّز تجديد الخلايا، ويقلل من التجاعيد والندوب وآثار حب الشباب.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003e\u003cstrong data-start=\"488\" data-end=\"515\"\u003eتركيبة Trusica العلاجية\u003c\/strong\u003e التي تُزيل آثار التلف وتعالج الندوب بخبرة، لتُعيد لبشرتك توازنها الطبيعي وترطيبها الدائم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003eتتحد هذه المكونات مع النياسيناميد والمستخلصات النباتية لدعم مرونة البشرة وحاجزها الواقي، مما يحميها من العوامل البيئية الضارة ويمنحها إشراقة مُبهرة.\u003cbr data-start=\"605\" data-end=\"608\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\"\u003e\u003c\/h2\u003e\n\u003ch2\u003eلماذا الحلزون الأسود تحديدا ؟ \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eيُعتبر مستخلص الحلزون مكونًا شائعًا في منتجات العناية بالبشرة بفضل فوائده المتعددة. ومع ذلك، يتميز مستخلص الحلزون الأسود بخصائص فريدة تجعله يتفوق على المستخلصات الأخرى. في الجدول التالي، نوضح الأسباب التي دفعتنا لاختيار مستخلص الحلزون الأسود في سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالعنصر\u003c\/th\u003e\n\u003cth\u003eمستخلص الحلزون الأسود\u003c\/th\u003e\n\u003cth\u003eمستخلصات الحلزون الأخرى\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eالمكونات النشطة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على نسبة عالية من البروتينات، الإيلاستين، الكولاجين، والأحماض الدهنية الأساسية، مما يُعزز صحة البشرة ويُحسن مرونتها.\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مكونات نشطة، ولكن بنسب أقل مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالفعالية في إصلاح البشرة\u003c\/td\u003e\n\u003ctd\u003eيُحفّز تجديد خلايا البشرة، يُقلل من ظهور الندوب وآثار حب الشباب، ويُحسّن ملمس البشرة بشكل عام.\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تجديد البشرة، ولكن قد يكون أقل فعالية في معالجة الندوب العميقة وآثار حب الشباب.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالترطيب والمرونة\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا عميقًا ويُعزز مرونة البشرة بفضل محتواه الغني من الكولاجين والبروتينات.\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا جيدًا، لكن قد يكون أقل في تعزيز المرونة مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eمكافحة الشيخوخة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مضادات أكسدة قوية تُقلل من ظهور الخطوط الدقيقة والتجاعيد، مما يُعطي مظهرًا أكثر شبابًا.\u003c\/td\u003e\n\u003ctd\u003eيُساهم في مكافحة الشيخوخة، ولكن قد يكون تأثيره أقل وضوحًا مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eتوحيد لون البشرة\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تقليل التصبغات وتوحيد لون البشرة، مما يمنحها إشراقة طبيعية.\u003c\/td\u003e\n\u003ctd\u003eقد يُساهم في توحيد لون البشرة، لكن بفعالية أقل.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eباختيار مستخلص الحلزون الأسود، يُقدم سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e فوائد متعددة تتفوق على المستخلصات الأخرى، مما يجعله خيارًا مثاليًا لمن يسعى للحصول على بشرة صحية، نضرة، وخالية من العيوب.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"758\" data-end=\"783\" class=\"\"\u003eفيه حل لكل مشكلة في بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"784\" data-end=\"877\" class=\"\"\u003eيُعتبر \u003cstrong data-start=\"791\" data-end=\"825\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e الحل الشامل لمشاكل البشرة المتضررة؛ فهو يعمل على:\u003c\/p\u003e\n\u003cul data-start=\"878\" data-end=\"1164\"\u003e\n\u003cli data-start=\"878\" data-end=\"958\" class=\"\"\u003e\n\u003cp data-start=\"880\" data-end=\"958\" class=\"\"\u003eإعادة الترطيب العميق للبشرة وتحفيز تجديد خلاياها، مما يُحسن من مظهرها العام.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"959\" data-end=\"1037\" class=\"\"\u003e\n\u003cp data-start=\"961\" data-end=\"1037\" class=\"\"\u003eتقليل ظهور التجاعيد الدقيقة والندوب الناتجة عن حب الشباب والعوامل البيئية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1038\" data-end=\"1106\" class=\"\"\u003e\n\u003cp data-start=\"1040\" data-end=\"1106\" class=\"\"\u003eدعم حاجز البشرة الطبيعي وإعادة توازن مستويات الزيوت والماء فيها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1107\" data-end=\"1164\" class=\"\"\u003e\n\u003cp data-start=\"1109\" data-end=\"1164\" class=\"\"\u003eتحسين ملمس البشرة وإضفاء إشراقة طبيعية تدوم طوال اليوم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cul data-start=\"1269\" data-end=\"1582\"\u003e\n\u003cli data-start=\"1269\" data-end=\"1367\" class=\"\"\u003e\n\u003cp data-start=\"1271\" data-end=\"1367\" class=\"\"\u003eيُحفّز مستخلص الحلزون الأسود إنتاج الكولاجين وتجديد الخلايا، مما يُعيد للبشرة شبابها ومرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1368\" data-end=\"1491\" class=\"\"\u003e\n\u003cp data-start=\"1370\" data-end=\"1491\" class=\"\"\u003eتُساعد تركيبة Trusica على معالجة الندوب وعلامات التلف، في حين يعمل النياسيناميد على توحيد لون البشرة وتخفيف الالتهابات.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1492\" data-end=\"1582\" class=\"\"\u003e\n\u003cp data-start=\"1494\" data-end=\"1582\" class=\"\"\u003eالنتيجة هي بشرة مُرتبة، متجددة، ومحفوظة من آثار الزمن والتلف مع ملمس ناعم وإشراقة مبهرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003eطريقة الاستخدام المثالية\u003c\/h2\u003e\n\u003cp data-start=\"1614\" data-end=\"1886\" class=\"\"\u003eبعد تنظيف البشرة بلطف، يُوضع السيروم على الوجه مع التركيز على المناطق المتضررة مثل خطوط التجاعيد والندوب. قومي بتدليك المنتج برفق حتى يتم امتصاصه بالكامل، ثم اتبعيه بمرطب مناسب للحفاظ على الترطيب وتعزيز النتائج. يُفضل استخدام السيروم صباحًا ومساءً للحصول على أفضل النتائج.\u003c\/p\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003eأفضل الاستثمارات في صحة بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"1920\" data-end=\"2177\" class=\"\"\u003eإن \u003cstrong data-start=\"1923\" data-end=\"1957\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e ليس مجرد منتج عناية بالبشرة، بل هو استثمار حقيقي في شباب بشرتك. تركيبته المركزة والفعالة تُحقق نتائج ملحوظة مع استخدام كمية قليلة، مما يجعله الخيار الأمثل لمن تسعى لاستعادة نضارة وبريق بشرتها وحمايتها من علامات الزمن.\u003c\/p\u003e\n\u003cp data-start=\"2179\" data-end=\"2327\" class=\"\"\u003eاستمتعي بتجربة علاجية متكاملة حيث يلتقي العلم بالطبيعة ليمنح بشرتك التألق الذي تستحقينه، ولتكوني دائمًا على استعداد لمواجهة تحديات الزمن بثقة وجمال.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999393468590,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Heading_2.png?v=1788175380"},{"product_id":"some-by-mi-yuja-niacin-brightening-toner-150ml","title":"Some by Mi Yuja Niacin Brightening Toner 150ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin Brightening Toner - نسخة مبسطة --\u003e\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-description {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: rtl;\n  color: #333;\n}\n\n.yuja-title {\n  text-align: center;\n  font-size: 24px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 10px;\n}\n\n.yuja-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 50px;\n  height: 2px;\n  background-color: #9C8102;\n}\n\n.yuja-image {\n  display: block;\n  margin: 25px auto;\n  max-width: 100%;\n  border-radius: 5px;\n}\n\n.yuja-text {\n  margin-bottom: 20px;\n  line-height: 1.6;\n  text-align: center;\n}\n\n.yuja-section {\n  margin: 30px 0;\n  padding: 20px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.yuja-section-title {\n  font-size: 20px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-right: 15px;\n}\n\n.yuja-section-title:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 100%;\n  background-color: #9C8102;\n  border-radius: 3px;\n}\n\n.yuja-list {\n  padding-right: 20px;\n}\n\n.yuja-list-item {\n  margin-bottom: 15px;\n  position: relative;\n}\n\n.yuja-list-item:before {\n  content: \"•\";\n  position: absolute;\n  right: -20px;\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-feature-section {\n  margin: 25px 0;\n  padding: 15px;\n  background-color: #f9f9f9;\n  border-radius: 6px;\n}\n\n.yuja-feature-title {\n  font-size: 18px;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.yuja-cta {\n  text-align: center;\n  margin: 30px 0;\n  padding: 20px;\n  background-color: #f9f8f2;\n  border-radius: 8px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-description\"\u003e\n\u003c!-- العنوان الرئيسي --\u003e\n\u003ch3 class=\"yuja-title\"\u003eلا تدع البقع الداكنة والبهتان تسرق إشراقة بشرتك\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eهل لاحظت أن بشرتك فقدت نضارتها؟ هل بدأت البقع الداكنة والتصبغات في الظهور؟ كل يوم تأخير في العناية ببشرتك يزيد من صعوبة استعادة إشراقتها الطبيعية. لا تدع الندم يتسلل إليك لاحقًا.\u003c\/p\u003e\n\u003c!-- صورة المنتج الرئيسية --\u003e \u003cimg alt=\"Some By Mi Yuja Niacin Brightening Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_7.webp?v=1744750603\" class=\"yuja-image\"\u003e\n\u003ch3 class=\"yuja-title\"\u003eSome By Mi Yuja Niacin Brightening Toner – ثورة في تفتيح البشرة\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eيقدم هذا التونر تركيبة مبتكرة تحتوي على:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% من مستخلص اليوجا\u003c\/strong\u003e: فاكهة غنية بفيتامين C، تعمل على تفتيح البشرة وتوحيد لونها.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% نياسيناميد\u003c\/strong\u003e: يساعد في تقليل التصبغات والبقع الداكنة، ويعزز مرونة البشرة.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eالجلوتاثيون والأربوتين\u003c\/strong\u003e: مضادات أكسدة قوية تساهم في إشراقة البشرة وتقليل علامات التقدم في السن.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 نوعًا من الفيتامينات\u003c\/strong\u003e: تغذي البشرة وتعزز من حيويتها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"yuja-text\"\u003eهذه التركيبة الفريدة تجعل من التونر خيارًا مثاليًا لمن يسعى لبشرة مشرقة وصحية.\u003c\/p\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_2.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم ما يميز المنتج --\u003e\n\u003cdiv class=\"yuja-section\"\u003e\n\u003ch3 class=\"yuja-section-title\"\u003eما الذي يجعل Some By Mi Yuja Niacin Brightening Toner مميزًا؟\u003c\/h3\u003e\n\u003cp\u003eفي سوق مليء بالتونرات التي تعد بتفتيح البشرة، يبرز \u003cstrong\u003eSome By Mi Yuja Niacin Brightening Toner\u003c\/strong\u003e بتركيبته الفريدة والمركزة التي تجمع بين:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% من مستخلص فاكهة اليوجا (اليوزو)\u003c\/strong\u003e: مصدر غني بفيتامين C، يحتوي على ثلاثة أضعاف كمية فيتامين C الموجودة في الليمون، مما يساعد على تفتيح البشرة وتوحيد لونها.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% نياسيناميد\u003c\/strong\u003e: يساعد في تقليل التصبغات والبقع الداكنة، ويعزز مرونة البشرة.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eمضادات أكسدة قوية مثل الجلوتاثيون والأربوتين\u003c\/strong\u003e: تساهم في إشراقة البشرة وتقليل علامات التقدم في السن.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 نوعًا من الفيتامينات\u003c\/strong\u003e: تغذي البشرة وتعزز من حيويتها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eهذه التركيبة الغنية تجعل من التونر خيارًا مثاليًا لمن يسعى لبشرة مشرقة وصحية، متفوقًا على العديد من التونرات الأخرى التي تحتوي على نسب أقل من هذه المكونات الفعالة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_5.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم القيمة مقابل السعر --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eقيمة ممتازة مقابل السعر\u003c\/h3\u003e\n\u003cp\u003eمع حجم 150 مل، يقدم هذا التونر استخدامًا طويل الأمد، حيث تكفي كمية صغيرة منه لتغطية الوجه بالكامل. بالنظر إلى تركيز المكونات الفعالة فيه، يُعتبر استثمارًا ذكيًا للعناية بالبشرة، حيث يجمع بين الجودة والكمية في منتج واحد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- قسم قوام خفيف --\u003e\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eقوام خفيف وامتصاص سريع\u003c\/h3\u003e\n\u003cp\u003eيتميز التونر بقوامه الخفيف الذي يمتصه الجلد بسرعة دون ترك أي بقايا دهنية، مما يجعله مناسبًا للاستخدام اليومي لجميع أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Usage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_6.webp?v=1744750657\" class=\"yuja-image\"\u003e \u003c!-- قسم الخاتمة --\u003e\n\u003cdiv class=\"yuja-cta\"\u003e\n\u003ch3\u003eلا تؤجل العناية ببشرتك\u003c\/h3\u003e\n\u003cp\u003eكل يوم تأخير في بدء روتين العناية بالبشرة هو خطوة نحو بشرة باهتة ومليئة بالعيوب. ابدأ اليوم مع Some By Mi Yuja Niacin Brightening Toner، واستعد إشراقة بشرتك الطبيعية قبل فوات الأوان.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999394255022,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61NmPogYOaL_f067d8a8-d1cc-4965-98cd-20f958b0296c.jpg?v=1788175376"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin 30 Days Blemish Care Serum - تصميم أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-serum-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: rtl;\n  color: #333;\n  overflow-x: hidden;\n}\n\n.yuja-serum-header {\n  text-align: center;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n  font-size: 26px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 15px;\n  display: inline-block;\n}\n\n.yuja-serum-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n  animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.yuja-serum-image {\n  display: block;\n  margin: 25px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: scale(0.95);\n  animation: fadeInAndScale 0.8s ease forwards;\n  animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n  margin: 40px 0;\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  font-size: 22px;\n  color: #333;\n  font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n  margin-left: 10px;\n  color: #9C8102;\n  font-size: 24px;\n}\n\n.yuja-serum-content {\n  background-color: #fff;\n  border-radius: 8px;\n  padding: 25px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n  margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n  display: flex;\n  margin-bottom: 20px;\n  background-color: rgba(156, 129, 2, 0.03);\n  border-radius: 8px;\n  padding: 15px;\n  transform: translateX(30px);\n  opacity: 0;\n  transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n  transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n  transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n  transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background-color: #9C8102;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n  flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n  font-weight: bold;\n  margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n  color: #555;\n}\n\n.yuja-serum-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n  margin: 40px 0;\n  padding: 25px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n  text-align: center;\n  margin: 40px 0;\n  padding: 30px;\n  background-color: rgba(156, 129, 2, 0.05);\n  border-radius: 8px;\n  opacity: 0;\n  transform: scale(0.95);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n  line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInAndScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-serum-container\"\u003e\n  \u003cdiv class=\"yuja-serum-header\"\u003e\n    \u003ch3 class=\"yuja-serum-title\"\u003e🌟 ثورة في عالم السيرومات: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n    \u003cp class=\"yuja-serum-intro\"\u003e\n      في بحر منتجات العناية بالبشرة، يبرز هذا السيروم كتحفة فنية تجمع بين الطبيعة والعلوم الحديثة، مقدّمًا حلاً فوريًا وفعّالًا لمشكلات البشرة.\n    \u003c\/p\u003e\n    \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum\"\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم التركيبة الفريدة --\u003e\n  \u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n    \u003cdiv class=\"yuja-serum-section-title\"\u003e\n      \u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch3\u003eتركيبة فريدة تتجاوز التوقعات\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-serum-content\"\u003e\n      \u003cp\u003eما يميّز هذا السيروم عن غيره من منتجات النياسيناميد هو مزيجه الاستثنائي من المكونات:\u003c\/p\u003e\n      \n      \u003cdiv class=\"yuja-serum-ingredients\"\u003e\n        \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e82.3% مستخلص فاكهة اليوجا (اليوسفي الكوري)\u003c\/div\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              يُعرف بتركيزه العالي من فيتامين C، حيث يحتوي على ثلاثة أضعاف ما يحتويه الليمون، مما يمنح البشرة إشراقة طبيعية ويعزز إنتاج الكولاجين.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e5% نياسيناميد\u003c\/div\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              بتركيز مثالي، يعمل على توحيد لون البشرة، تقليل التصبغات، وتعزيز حاجز البشرة الواقي دون التسبب في تهيج.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-title\"\u003eالجلوتاثيون والأربوتين\u003c\/div\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              مضادات أكسدة قوية تساهم في تقليل إنتاج الميلانين، مما يساعد في تفتيح البقع الداكنة ومنح البشرة مظهرًا أكثر تجانسًا.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e4\u003c\/div\u003e\n          \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e12 نوعًا من الفيتامينات\u003c\/div\u003e\n            \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              تغذي البشرة، تعزز من حيويتها، وتساعد في تهدئة التوتر الناتج عن العوامل البيئية الضارة.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\" alt=\"Some By Mi Yuja Niacin Serum Benefits\"\u003e\n  \n  \u003c!-- قسم النتائج السريعة --\u003e\n  \u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n    \u003cdiv class=\"yuja-serum-section-title\"\u003e\n      \u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch3\u003eنتائج ملموسة في زمن قياسي\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \n    \u003cp\u003e\n      على عكس العديد من السيرومات التي تتطلب شهورًا لإظهار نتائج، يُظهر هذا السيروم تأثيره خلال 30 يومًا فقط. تجارب المستخدمين أشارت إلى تحسن واضح في توحيد لون البشرة وتقليل التصبغات في فترة قصيرة.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum Value\"\u003e\n  \n  \u003c!-- قسم القيمة مقابل السعر --\u003e\n  \u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n    \u003cdiv class=\"yuja-serum-section-title\"\u003e\n      \u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch3\u003eاستثمار ذكي لبشرتك\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \n    \u003cp\u003e\n      مع حجم 50 مل وتركيز عالٍ من المكونات الفعّالة، يُعتبر هذا السيروم ذا قيمة ممتازة مقابل السعر. تكفي كمية صغيرة لتحقيق النتائج المرجوة، مما يجعله يدوم لفترة طويلة، ويقدم حلاً اقتصاديًا وفعّالًا للعناية بالبشرة.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم الخاتمة --\u003e\n  \u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n    \u003cp\u003e\n      باختصار، \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e ليس مجرد سيروم آخر في السوق، بل هو تجربة فريدة تمزج بين قوة الطبيعة والتكنولوجيا الحديثة لتحقيق بشرة صحية ومشرقة في وقت قياسي.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n  \n  \/\/ مراقبة ظهور العناصر عند التمرير\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  \n  \/\/ مراقبة جميع الأقسام\n  sections.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999394713774,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1788175374"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-cream-60ml","title":"SOME BY MI Yuja Niacin Anti Blemish Cream 60ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin Anti Blemish Cream - تصميم أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-cream-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: rtl;\n  color: #333;\n  overflow-x: hidden;\n}\n\n.yuja-cream-header {\n  text-align: center;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 1s ease forwards;\n}\n\n.yuja-cream-title {\n  font-size: 26px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 15px;\n  display: inline-block;\n}\n\n.yuja-cream-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n  animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-cream-question {\n  font-size: 24px;\n  font-weight: bold;\n  margin: 25px 0 15px;\n  color: #333;\n  text-align: center;\n}\n\n.yuja-cream-intro {\n  text-align: center;\n  font-size: 16px;\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto 20px;\n}\n\n.yuja-cream-image {\n  display: block;\n  margin: 30px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: scale(0.95) translateY(20px);\n  animation: fadeInAndScale 1s ease forwards;\n  animation-delay: 0.3s;\n}\n\n.yuja-cream-image:hover {\n  transform: translateY(-10px) scale(1.02);\n  box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n}\n\n.yuja-cream-section {\n  margin: 50px 0;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-section-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 25px;\n  font-size: 24px;\n  color: #333;\n  font-weight: bold;\n  text-align: center;\n  justify-content: center;\n}\n\n.yuja-cream-section-icon {\n  margin-left: 12px;\n  color: #9C8102;\n  font-size: 28px;\n}\n\n.yuja-cream-content {\n  background-color: #fff;\n  border-radius: 10px;\n  padding: 30px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  line-height: 1.8;\n  text-align: center;\n}\n\n.yuja-cream-content:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\n}\n\n.yuja-cream-ingredients {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n  margin-top: 30px;\n}\n\n.yuja-cream-ingredient-item {\n  background-color: #fff;\n  border-radius: 8px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  transition: all 0.4s ease;\n  position: relative;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(20px);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(1) {\n  transition-delay: 0.1s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(2) {\n  transition-delay: 0.2s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(4) {\n  transition-delay: 0.4s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(5) {\n  transition-delay: 0.5s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(6) {\n  transition-delay: 0.6s;\n}\n\n.yuja-cream-ingredient-item:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);\n}\n\n.yuja-cream-ingredient-item:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 0;\n  background-color: #9C8102;\n  transition: height 0.4s ease;\n}\n\n.yuja-cream-ingredient-item:hover:before {\n  height: 100%;\n}\n\n.yuja-cream-ingredient-title {\n  font-weight: bold;\n  margin-bottom: 10px;\n  color: #333;\n  font-size: 17px;\n}\n\n.yuja-cream-ingredient-desc {\n  color: #555;\n  line-height: 1.6;\n}\n\n.yuja-cream-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-cream-feature-section {\n  margin: 50px 0;\n  padding: 30px;\n  background-color: #fff;\n  border-radius: 10px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: translateY(30px);\n  text-align: center;\n}\n\n.yuja-cream-feature-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-feature-section:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-cream-feature-content {\n  line-height: 1.8;\n}\n\n.yuja-cream-cta-section {\n  margin: 50px 0;\n  padding: 35px;\n  background: linear-gradient(to left, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1));\n  border-radius: 10px;\n  text-align: center;\n  opacity: 0;\n  transform: scale(0.95);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-cta-section.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.yuja-cream-cta-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  color: #333;\n}\n\n.yuja-cream-cta-content {\n  line-height: 1.8;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInAndScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\n@media (max-width: 768px) {\n  .yuja-cream-ingredients {\n    grid-template-columns: 1fr;\n  }\n  \n  .yuja-cream-section-title {\n    font-size: 22px;\n  }\n  \n  .yuja-cream-question {\n    font-size: 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-cream-container\"\u003e\n  \u003cdiv class=\"yuja-cream-header\"\u003e\n    \u003ch2 class=\"yuja-cream-title\"\u003eكريم اليوجا و النياسيناميد ! متخصص علاج جميع عيوب البشرة\u003c\/h2\u003e\n    \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_anti_blemish_cream.webp?v=1744754502\" alt=\"Some By Mi Yuja Niacin Anti Blemish Cream\"\u003e\n    \u003ch2 class=\"yuja-cream-question\"\u003eهل بشرتك تعاني من التصبغات والبقع الداكنة؟\u003c\/h2\u003e\n    \u003cp class=\"yuja-cream-intro\"\u003e\n      إذا كنتِ تشعرين بالإحباط من المنتجات التي تعد بتحسين البشرة دون أن تُقدّم نتائج ملموسة، فقد حان الوقت لتجربة \u003cstrong\u003eكريم Some By Mi Yuja Niacin Anti Blemish\u003c\/strong\u003e.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_YUJA_NIACIN_30DAYS_BLEMISH_CARE_SERUM_50_ml.webp?v=1744754624\" alt=\"Some By Mi Yuja Niacin Products\"\u003e\n  \n  \u003c!-- قسم التركيبة العلمية --\u003e\n  \u003cdiv class=\"yuja-cream-section\" id=\"formula-section\"\u003e\n    \u003cdiv class=\"yuja-cream-section-title\"\u003e\n      \u003ci class=\"fas fa-flask yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch2\u003eتركيبة علمية متقدمة لنتائج سريعة وفعّالة\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-content\"\u003e\n      \u003cp\u003eيحتوي هذا الكريم على مزيج فريد من المكونات النشطة التي تعمل بتناغم لتفتيح البشرة وتحسين مظهرها:\u003c\/p\u003e\n      \n      \u003cdiv class=\"yuja-cream-ingredients\"\u003e\n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003e5% نياسيناميد (فيتامين B3)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُعتبر من أقوى المكونات في تقليل التصبغات وتوحيد لون البشرة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eمستخلص اليوجا (اليوزو)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            غني بفيتامين C، يساعد في تفتيح البشرة وتقليل البقع الداكنة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eأربوتين\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُساهم في تقليل إنتاج الميلانين، مما يقلل من ظهور البقع الداكنة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eجلوتاثيون\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُعتبر من أقوى مضادات الأكسدة، يحارب الجذور الحرة ويُحسن إشراقة البشرة.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eبانثينول (فيتامين B5)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُرطّب البشرة بعمق ويُعزز من حاجزها الطبيعي.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-title\"\u003eمستخلص سنتيلا أسياتيكا (Cica)\u003c\/div\u003e\n          \u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            يُهدئ البشرة ويُعزز من تجديد الخلايا.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/yuja-niacin-Anti-Blemish-Cream.webp?v=1744754799\" alt=\"Some By Mi Yuja Niacin Cream Benefits\"\u003e\n  \n  \u003c!-- قسم لماذا هذا الكريم مميز --\u003e\n  \u003cdiv class=\"yuja-cream-feature-section\" id=\"benefits-section\"\u003e\n    \u003cdiv class=\"yuja-cream-section-title\"\u003e\n      \u003ci class=\"fas fa-lightbulb yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch2\u003eلماذا يُعتبر هذا الكريم ثورة في العناية بالبشرة؟\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-feature-content\"\u003e\n      \u003cp\u003e\n        يجمع الكريم بين المركب الثوري النياسيناميد الذي قلب موازين العناية بالبشرة مع مستخلص اليوجا بتركيز عالي .. يعتبر نبات اليوجا الذي يعرف باليوسفي الكوري باحتوائه على 3 أضعاف تركيز الفيتامين سي الموجود في الليمون .. مما يجعل هذا المستخلص معجزة في التفتيح و مقاومة الأكسدة و علاج علامات السن.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cimg class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMI_YujaNiacinAntiBlemishCream60g-Holiholiholic_1_480x480_ff0e92bb-54fe-412f-935f-88df680ffe33.webp?v=1744754852\" alt=\"Some By Mi Yuja Niacin Cream Value\"\u003e\n  \n  \u003c!-- قسم الاستثمار الذكي --\u003e\n  \u003cdiv class=\"yuja-cream-feature-section\" id=\"value-section\"\u003e\n    \u003cdiv class=\"yuja-cream-section-title\"\u003e\n      \u003ci class=\"fas fa-coins yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n      \u003ch2\u003eاستثمار ذكي لبشرة أكثر إشراقة\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-feature-content\"\u003e\n      \u003cp\u003e\n        مع حجم 60 مل، يُعتبر هذا الكريم استثمارًا طويل الأمد. تركيز المكونات الفعّالة فيه يجعله يدوم لفترة طويلة، مما يجعله خيارًا اقتصاديًا وفعّالًا.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم الخاتمة --\u003e\n  \u003cdiv class=\"yuja-cream-cta-section\" id=\"cta-section\"\u003e\n    \u003cdiv class=\"yuja-cream-cta-title\"\u003e\n      \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e أنتِ تستحقين بشرة أكثر إشراقة ونضارة \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"yuja-cream-cta-content\"\u003e\n      \u003cp\u003e\n        لا تدعي التصبغات والبقع الداكنة تُؤثّر على ثقتك بنفسك. جربي \u003cstrong class=\"yuja-cream-highlight\"\u003eكريم Some By Mi Yuja Niacin Anti Blemish\u003c\/strong\u003e اليوم، واستمتعي ببشرة أكثر إشراقة ونضارة.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const sections = document.querySelectorAll('.yuja-cream-section, .yuja-cream-feature-section, .yuja-cream-cta-section');\n  \n  \/\/ مراقبة ظهور العناصر عند التمرير\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        setTimeout(() =\u003e {\n          entry.target.classList.add('visible');\n        }, 100);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  \n  \/\/ مراقبة جميع الأقسام\n  sections.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999395008686,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOMEBYMIYujaNiacinAntiBlemishCream60ml_25169074-1738-418d-b346-1413aba41b72.jpg?v=1788175373"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-starter-kit","title":"SOME BY MI AHA-BHA-PHA 30 Days Miracle Starter Kit","description":"\u003cdiv class=\"some-by-mi-section\"\u003e\n    \u003cstyle\u003e\n        .some-by-mi-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .some-by-mi-section {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px;\n            direction: rtl;\n            font-family: inherit;\n            color: #333;\n        }\n        \n        .kit-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .kit-title {\n            font-size: 1.8rem;\n            color: #9C8102;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .kit-subtitle {\n            font-size: 1.2rem;\n            color: #666;\n            line-height: 1.6;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .kit-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #444;\n            margin-bottom: 20px;\n        }\n        \n        .kit-image {\n            width: 100%;\n            border-radius: 10px;\n            margin: 30px 0;\n            display: block;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n        }\n        \n        .kit-section {\n            margin-bottom: 60px;\n            overflow: hidden;\n        }\n        \n        .kit-section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 25px;\n            text-align: right;\n        }\n        \n        .kit-subsection-title {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #9C8102;\n            margin: 30px 0 15px;\n        }\n        \n        .kit-content {\n            padding: 0 10px;\n        }\n        \n        .products-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 0;\n        }\n        \n        .product-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 25px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .product-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .product-card::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(\n                to right,\n                rgba(255, 255, 255, 0) 0%,\n                rgba(255, 255, 255, 0.3) 50%,\n                rgba(255, 255, 255, 0) 100%\n            );\n            transform: rotate(30deg);\n            transition: transform 0.7s ease;\n            opacity: 0;\n        }\n        \n        .product-card:hover::after {\n            opacity: 1;\n            transform: rotate(30deg) translate(100%, -100%);\n        }\n        \n        .product-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 15px;\n            font-size: 1.1rem;\n        }\n        \n        .kit-list {\n            list-style-type: disc;\n            padding-right: 20px;\n            margin: 20px 0;\n        }\n        \n        .kit-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n        \n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 0;\n        }\n        \n        .benefit-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .benefit-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .value-section {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 30px;\n            margin-top: 40px;\n            border-right: 4px solid #9C8102;\n        }\n        \n        .highlight {\n            font-weight: 700;\n            color: #9C8102;\n        }\n        \n        .kit-components {\n            margin: 20px 0;\n        }\n        \n        .numbered-list {\n            list-style-type: decimal;\n            padding-right: 25px;\n            margin: 20px 0;\n        }\n        \n        .numbered-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n            padding-right: 5px;\n        }\n        \n        \/* Animation classes *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .slide-in-right {\n            opacity: 0;\n            transform: translateX(50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-right.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .slide-in-left {\n            opacity: 0;\n            transform: translateX(-50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-left.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .scale-in {\n            opacity: 0;\n            transform: scale(0.9);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .scale-in.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n        \n        .stagger-item {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        \n        .stagger-item.visible {\n            opacity: 1;\n            transform: translateY(0);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n        }\n        \n        @media (max-width: 768px) {\n            .products-grid, \n            .benefits-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .kit-title {\n                font-size: 1.5rem;\n            }\n            \n            .kit-section-title {\n                font-size: 1.3rem;\n            }\n            \n            .value-section {\n                padding: 20px;\n            }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"kit-header fade-in\"\u003e\n        \u003ch2 class=\"kit-title\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4f7f191837ad09424f833d5c29505f88.jpg?v=1745075290\" alt=\"SOME BY MI Starter Kit\" class=\"kit-image scale-in\"\u003e\n        \u003cp class=\"kit-subtitle\"\u003eمجموعة \u003cspan class=\"highlight\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/span\u003e تقدّم روتينًا متكاملاً من أربع خطوات مصممة خصيصًا للبشرة المعرضة لحبّ الشباب والتصبّغات. تتكوّن من صابون منظف، تونر، سيروم، وكريم، جميعها تحتوي على مزيج الأحماض الثلاثة (AHA, BHA, PHA) ومكوّنات مهدِّئة مثل شجرة الشاي والسنتيلا، لتقشير الخلايا الميتة، تطهير المسام، تهدئة الالتهابات، وترطيب البشرة بعمق دون تجريدها من زيوتها الطبيعية. الدمج بين هذه الخطوات الأربعة يضمن علاجًا شاملًا للتصبّغات، تقليل الالتهابات، وتحسين ملمس البشرة خلال 30 يومًا فقط.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eعن المجموعة\u003c\/h2\u003e\n        \n        \u003cdiv class=\"kit-content fade-in\"\u003e\n            \u003cp class=\"kit-text\"\u003eتحتوي المجموعة على أربعة منتجات بحجم السفر:\u003c\/p\u003e\n            \n            \u003cul class=\"kit-list\"\u003e\n                \u003cli\u003e\u003cstrong\u003eصابون AHA‑BHA‑PHA 30 Days Miracle Cleansing Bar (25g)\u003c\/strong\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cstrong\u003eتونر AHA‑BHA‑PHA 30 Days Miracle Toner (30ml)\u003c\/strong\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cstrong\u003eسيروم AHA‑BHA‑PHA 30 Days Miracle Serum (10ml)\u003c\/strong\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cstrong\u003eكريم AHA‑BHA‑PHA 30 Days Miracle Cream (20g)\u003c\/strong\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eوظائف كل منتج في المجموعة\u003c\/h2\u003e\n        \n        \u003cdiv class=\"products-grid\"\u003e\n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eمنظف Cleansing Bar\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2.webp?v=1745075149\" alt=\"Cleansing Bar\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eيجمع بين الأحماض الثلاثة (AHA لإزالة الخلايا الميتة، BHA لتطهير المسام، PHA للحفاظ على الترطيب)؛ ويحتوي على ماء شجرة الشاي وتركيبة هيرتليف لقتل البكتيريا وتهدئة الاحمرار.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eتونر Miracle Toner\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3.png?v=1745075847\" alt=\"Miracle Toner\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eتونر خفيف الحموضة (pH 5.5) يحتوي على مزيج الأحماض الثلاثة و10,000 ppm من ماء شجرة الشاي لتنقية المسام وتلطيف البشرة وترطيبها.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eسيروم Miracle Serum\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2.png?v=1745076405\" alt=\"Miracle Serum\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eيزيد التركيز إلى 14.5% سنتيلا آسياتيكا و10,000 ppm ماء شجرة الشاي لتهدئة الالتهابات ومنع تكون الحبوب، مع تقشير لطيف يحفز تجديد الخلايا.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eكريم Miracle Cream\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3.png?v=1745076683\" alt=\"Miracle Cream\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eكريم خفيف يمزج الأحماض الثلاثة مع شجرة الشاي والسنتيلا لترطيب عميق، تقوية حاجز البشرة، وتهدئة الاحمرار الناتج عن حبّ الشباب.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eكيف تعمل المكونات سويًّا\u003c\/h2\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA30-Days-Miracle-Starter-Kit-1pack_7.webp?v=1745076738\" alt=\"SOME BY MI Complete Kit\" class=\"kit-image fade-in\"\u003e\n        \n        \u003cdiv class=\"benefits-grid\"\u003e\n            \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n                \u003ch3 class=\"benefit-title\"\u003eالتقشير الانتقائي\u003c\/h3\u003e\n                \u003cp\u003eالأحماض الثلاثة تذيب الروابط بين الخلايا الميتة وتنظف المسام دون تجريد البشرة من زيوتها الطبيعية.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n                \u003ch3 class=\"benefit-title\"\u003eمضادّات الالتهابات\u003c\/h3\u003e\n                \u003cp\u003eماء شجرة الشاي ومستخلص سنتيلا آسياتيكا يثبّطان نمو البكتيريا ويقلّلان الاحمرار والتهيّج.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n                \u003ch3 class=\"benefit-title\"\u003eالترطيب والحماية\u003c\/h3\u003e\n                \u003cp\u003eالأحماض (PHA) وحمض الهيالورونيك (من Serum\/Cream) والسنتيلا يعزّزون حبس الماء داخل البشرة ويقوّون حاجزها الواقي.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eفوائد الدمج بينهم\u003c\/h2\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3.webp?v=1745076788\" alt=\"SOME BY MI Benefits\" class=\"kit-image fade-in\"\u003e\n        \n        \u003col class=\"numbered-list fade-in\"\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eروتين متكامل\u003c\/strong\u003e: خطوة تنظيف – تقشير – معالجة – ترطيب، لكل مرحلة دور محدد يضمن نتائج متسلسلة مُحكمة.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eنتائج متسارعة\u003c\/strong\u003e: تظهر بشرة أوضح وأنقى في غضون 30 يومًا مع الاستخدام اليومي المنتظم.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eعلاج شامل\u003c\/strong\u003e: لا يقتصر على إزالة الحبوب، بل يُصلح النسيج ويمنح إشراقة صحية متجددة.\u003c\/li\u003e\n        \u003c\/ol\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eتأثيرهم على البشرة\u003c\/h2\u003e\n        \n        \u003cul class=\"kit-list fade-in\"\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتوحيد لون البشرة\u003c\/strong\u003e وتقليل التصبّغات والبقع الداكنة.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتقليل حجم المسام\u003c\/strong\u003e والحدّ من إفراز الزيوت الزائدة.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتهدئة الالتهابات\u003c\/strong\u003e الناتجة عن حبّ الشباب والتهيّجات.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتعزيز ملمس ناعم ومرن\u003c\/strong\u003e لبشرة أكثر شبابًا وحيوية.\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eقيمة استثنائية مقابل السعر\u003c\/h2\u003e\n        \n        \u003cdiv class=\"value-section slide-in-right\"\u003e\n            \u003cul class=\"kit-list\"\u003e\n                \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eحجم السفر الاقتصادي\u003c\/strong\u003e يتيح تجربة كاملة لأربعة منتجات بسعر معقول  مقارنةً بشراء كل منتج على حدة.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eأربعة أسابيع كاملة\u003c\/strong\u003e بجرعات صغيرة تكفي للاستخدام اليومي صباحًا ومساءً طوال فترة الثلاثين يومًا.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eمكونات نادرة وفعّالة\u003c\/strong\u003e بتركيزات عالية (ماء شجرة الشاي 10,000 ppm، سنتيلا 14.5%, Niacinamide 2% ضمن التونر) تجتمع في مجموعة واحدة تمنحك قيمة استثنائية لا تجدينها في سيروم وحيد.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \n        \u003chr style=\"margin: 40px 0; border: none; height: 1px; background-color: #eee;\"\u003e\n        \n        \u003cp class=\"kit-text fade-in\"\u003eاختاري \u003cstrong\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/strong\u003e لتجربة قادرة على إعادة بناء بشرتكِ من الجذور، وتحصُّل نتائج حقيقية، واستمتعي بقيمة لا تضاهى في عالم العناية بالبشرة.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Fade-in animation for elements as they come into view\n            const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n            \n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, 100);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            animatedElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n            \n            \/\/ Staggered animation for product cards\n            const staggerItems = document.querySelectorAll('.stagger-item');\n            \n            const staggerObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach((entry, index) =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, index * 150); \/\/ 150ms delay between each item\n                        staggerObserver.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            staggerItems.forEach(el =\u003e {\n                staggerObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999395500206,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_BY_MI_AHA-BHA-PHA_30_Days_Miracle_Starter_Kit.jpg?v=1788175366"},{"product_id":"some-by-mi-aha-bha-pha-14-days-super-miracle-spot-all-kill-cream","title":"SOME BY MI Aha.Bha.Pha 14 Days Super Miracle Spot All Kill Cream 30ml","description":"\u003cstyle\u003e\n  .somebymi-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n    direction: rtl;\n  }\n\n  .hero-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 60px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    animation: shimmer 6s infinite;\n  }\n\n  @keyframes shimmer {\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n  }\n\n  .hero-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1s 0.3s forwards;\n  }\n\n  @keyframes zoomIn {\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .main-title {\n    font-size: 2.5em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n  }\n\n  .hero-description {\n    font-size: 1.2em;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.6s forwards;\n  }\n\n  .main-benefits-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .benefit-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .benefit-number {\n    display: inline-block;\n    width: 30px;\n    height: 30px;\n    background: #9C8102;\n    color: white;\n    border-radius: 50%;\n    text-align: center;\n    line-height: 30px;\n    font-weight: 700;\n    margin-bottom: 15px;\n    font-size: 0.9em;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.2em;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 0.95em;\n    line-height: 1.6;\n  }\n\n  .ingredient-highlight {\n    background: #f8f9fa;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    color: #9C8102;\n  }\n\n  .truecica-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .truecica-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .truecica-image {\n    max-width: 100%;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n  }\n\n  .truecica-info {\n    background: white;\n    padding: 40px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .truecica-info::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .ingredient-list {\n    list-style: none;\n    padding: 0;\n    margin: 20px 0;\n  }\n\n  .ingredient-list li {\n    padding: 10px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-right: 25px;\n  }\n\n  .ingredient-list li::before {\n    content: '🌿';\n    position: absolute;\n    right: 0;\n    top: 10px;\n  }\n\n  .triple-acid-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .acid-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .acid-card {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 30px;\n    border-radius: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .acid-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .acid-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n  }\n\n  .acid-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 15px;\n  }\n\n  .timeline-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    padding-right: 40px;\n  }\n\n  .timeline-container::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 20px;\n    height: 100%;\n    width: 4px;\n    background: linear-gradient(to bottom, #9C8102, #d4af37);\n    border-radius: 2px;\n  }\n\n  .timeline-item {\n    position: relative;\n    margin-bottom: 40px;\n    padding-right: 60px;\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateX(50px);\n    transition: all 0.3s ease;\n  }\n\n  .timeline-item::before {\n    content: '';\n    position: absolute;\n    right: -42px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #9C8102;\n    border: 4px solid white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n    z-index: 1;\n  }\n\n  .timeline-item:hover {\n    transform: translateX(0);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .timeline-day {\n    color: #9C8102;\n    font-weight: 700;\n    font-size: 1.1em;\n    margin-bottom: 10px;\n  }\n\n  .texture-section {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 15px;\n  }\n\n  .texture-highlights {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .texture-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n  }\n\n  .texture-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .texture-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .texture-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .investment-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .investment-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .investment-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .investment-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .investment-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .investment-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n    text-align: center;\n  }\n\n  .investment-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 60px 30px;\n    text-align: center;\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 15px 40px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.2em;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 30px;\n    animation: glow 2s infinite alternate;\n  }\n\n  @keyframes glow {\n    0% { box-shadow: 0 0 20px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 30px rgba(156, 129, 2, 0.8), 0 0 40px rgba(156, 129, 2, 0.3); }\n  }\n\n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n    background: #d4af37;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 2.2em;\n    color: #9C8102;\n    margin-bottom: 20px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-subtitle {\n    text-align: center;\n    font-size: 1.3em;\n    color: #666;\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 80px; }\n  }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .animate-on-scroll {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.8s ease;\n  }\n\n  .animate-on-scroll.animated {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .highlight {\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .divider {\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 40px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2em; }\n    .section-title { font-size: 1.8em; }\n    .benefits-grid, .acid-grid, .texture-highlights, .investment-grid {\n      grid-template-columns: 1fr;\n    }\n    .truecica-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"somebymi-container\"\u003e\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml.webp?v=1745858282\" alt=\"SOME BY MI Spot All Kill Cream\" class=\"hero-image\"\u003e\n    \u003ch1 class=\"main-title\"\u003eمعجزة الـ14 يوم: القضاء التام على البقع\u003c\/h1\u003e\n    \u003ch2 class=\"subtitle\"\u003eSOME BY MI Aha·Bha·Pha 14 Days Super Miracle Spot All Kill Cream\u003c\/h2\u003e\n    \u003cp class=\"hero-description\"\u003e\u003cstrong\u003eده مش كريم عادي، ده أعتى معجزة صممتها SOME BY MI علشان تودّع البقع وحب الشباب في أقل من أسبوعين.\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Main Benefits Section --\u003e\n  \u003cdiv class=\"main-benefits-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n    \n    \u003cdiv class=\"benefits-grid\"\u003e\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e1\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eالقضاء على البثور والحبوب\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيحتوي على \u003cspan class=\"ingredient-highlight\"\u003eالنياسيناميد وحمض الساليسيليك (500 ppm)\u003c\/span\u003e للقضاء على البكتيريا المسببة للحبوب.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e2\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003e مهدئ للاحمرار و تهيج الجلد للبشرة الحساسة\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eمُدعم بـ \u003cspan class=\"ingredient-highlight\"\u003eمستخلص السنتيلا آسياتيكا (250,000 ppm) والبانثينول والألانتوين\u003c\/span\u003e لتهدئة التهيج والاحمرار.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e3\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eمقشر لآثار الحبوب والحفر \u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيعمل \u003cspan class=\"ingredient-highlight\"\u003eحمض الساليسيليك (500 ppm) وحمض اللاكتوبيونيك (300 ppm)\u003c\/span\u003e على تقشير البشرة بلطف. مما يقلل من الندوب و آثار الحبوب و التصبفات\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e4\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eعلاج متقدم لأصعب التصبغات\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eالنياسيناميد وأحماض الهيدروكسي\u003c\/span\u003e يفتح البقع الداكنة ويوحد لون البشرة بفعالية.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e5\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003e ترطيب عميق ومكثف\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيحتوي على \u003cspan class=\"ingredient-highlight\"\u003eالجليسرين وحمض الهيالورونيك وصوديوم الهيالورونات\u003c\/span\u003e للترطيب العميق.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e6\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eحماية مضادة للأكسدة\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eمُقوى بـ \u003cspan class=\"ingredient-highlight\"\u003eمستخلص السنتيلا آسياتيكا والماديكاسوسايد والآسياتيكوسايد\u003c\/span\u003e لحماية البشرة من التلف.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e7\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتجديد الخلايا ومكافحة الشيخوخة\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eالنياسيناميد والأدينوسين\u003c\/span\u003e يحفزان تجديد خلايا البشرة ويقللان من علامات التقدم في السن.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e8\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتنظيف عميق طبيعي\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eماء أوراق شجرة الشاي (500,000 ppm)\u003c\/span\u003e ينظف البشرة بعمق ويطهرها طبيعياً.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Truecica Section --\u003e\n  \u003cdiv class=\"truecica-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eإيه الـTruecica™؟ سر التهدئة الفائقة\u003c\/h2\u003e\n    \n    \u003cdiv class=\"truecica-content\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml_c850d135-1092-47ee-8828-7df3d8a06e64.webp?v=1745858375\" alt=\"SOME BY MI Spot All Kill Cream Texture\" class=\"truecica-image animate-on-scroll\"\u003e\n      \n      \u003cdiv class=\"truecica-info animate-on-scroll\"\u003e\n        \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 15px;\"\u003eتركيبة حصريّة مهدّية ومقوية لحاجز البشرة\u003c\/h3\u003e\n        \u003cp style=\"margin-bottom: 20px;\"\u003eالـTruecica™ مش مجرد مكون، ده مزيج من:\u003c\/p\u003e\n        \n        \u003cul class=\"ingredient-list\"\u003e\n          \u003cli\u003eخلاصة السنتيلا الآسيوية النقية\u003c\/li\u003e\n          \u003cli\u003eماديكاسوسيد المركز (Madecassoside)\u003c\/li\u003e\n          \u003cli\u003eمستخلص شجرة الشاي (Tea Tree)\u003c\/li\u003e\n          \u003cli\u003eخلاصة خس الخيل (Mugwort)\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \n        \u003cp style=\"background: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;\"\u003eالتوليفة دي بتهدّي الالتهابات وتقوّي حاجز البشرة من أول استعمال، فتقلّل الاحمرار وتحمي بشرتك من التهيج.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Triple Acid Section --\u003e\n  \u003cdiv class=\"triple-acid-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eتقشير ثلاثي المفعول: AHA·BHA·PHA\u003c\/h2\u003e\n    \u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eحظ سعيد في محاولتك لرؤية مسام بشرتك بعد استخدام الكريم\u003c\/h3\u003e\n    \n    \u003cdiv class=\"acid-grid\"\u003e\n      \u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n        \u003cspan class=\"acid-icon\"\u003e🧪\u003c\/span\u003e\n        \u003ch3 class=\"acid-title\"\u003eAHA\u003c\/h3\u003e\n        \u003cp\u003eبيقشر الطبقة السطحيّة بلطف ويخفّف الخطوط الرفيعة.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n        \u003cspan class=\"acid-icon\"\u003e⚗️\u003c\/span\u003e\n        \u003ch3 class=\"acid-title\"\u003eBHA\u003c\/h3\u003e\n        \u003cp\u003eبيتغلغل في عمق المسام، يزيّل الدهون ويمنع تراكم الأوساخ.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n        \u003cspan class=\"acid-icon\"\u003e🔬\u003c\/span\u003e\n        \u003ch3 class=\"acid-title\"\u003ePHA\u003c\/h3\u003e\n        \u003cp\u003eيقشر برفق، يرطب البشرة وينعشها بإشراقة صحية. سوا، بيقدّموا لكِ تقشير ذكي متواصل بيخلي بشرتك نظيفة ومعدة تستقبل التغذية.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Results Timeline --\u003e\n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eالنتائج المتوقعة: بشرة جديدة في 14 يوم\u003c\/h2\u003e\n    \u003ch3 class=\"section-subtitle animate-on-scroll\"\u003e– التحول الزمني خطوة بخطوة –\u003c\/h3\u003e\n    \n    \u003cdiv class=\"timeline-container\"\u003e\n      \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n        \u003cdiv class=\"timeline-day\"\u003eاليوم الأول:\u003c\/div\u003e\n        \u003cp\u003eتهدئة فورية للبقعة وتقليل الاحمرار، وتحس بإحساس راحة على الجلد.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n        \u003cdiv class=\"timeline-day\"\u003eاليوم الثالث:\u003c\/div\u003e\n        \u003cp\u003eتلاحظ تفتح خفيف لحواف البقعة واختفاء بعض الانتفاخ.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n        \u003cdiv class=\"timeline-day\"\u003eنهاية الأسبوع الأول:\u003c\/div\u003e\n        \u003cp\u003eالفرق يبقى واضح، لون البشرة يبدأ يتوحد والبقع الداكنة بتقل بشكل ملحوظ.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n        \u003cdiv class=\"timeline-day\"\u003eاليوم العاشر:\u003c\/div\u003e\n        \u003cp\u003eتحضري لتوديع معظم علامات البقع؛ البشرة هتكون صافية وأقرب للون موحد طبيعي.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n        \u003cdiv class=\"timeline-day\"\u003eاليوم الرابع عشر:\u003c\/div\u003e\n        \u003cp\u003eانتصرت المعجزة؛ بقعك تختفي تقريبًا وبشرتك تستعيد نضارتها وحيويتها بالكامل.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Texture Section --\u003e\n  \u003cdiv class=\"texture-section\"\u003e\n    \u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eقوام جيل شفاف خفيف\u003c\/h2\u003e\n    \u003ch3 style=\"font-size: 1.3em; color: #666; margin-bottom: 30px;\"\u003eامتصاص فوري بدون أي أثر دهني\u003c\/h3\u003e\n    \n    \u003cdiv class=\"texture-highlights\"\u003e\n      \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n        \u003cspan class=\"texture-icon\"\u003e💧\u003c\/span\u003e\n        \u003ch3 class=\"texture-title\"\u003eجيل شفاف\u003c\/h3\u003e\n        \u003cp\u003eقوام خفيف ينساب على البشرة\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n        \u003cspan class=\"texture-icon\"\u003e⚡\u003c\/span\u003e\n        \u003ch3 class=\"texture-title\"\u003eامتصاص فوري\u003c\/h3\u003e\n        \u003cp\u003eيختفي فورًا بدون لزوجة\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n        \u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n        \u003ch3 class=\"texture-title\"\u003eبدون أثر\u003c\/h3\u003e\n        \u003cp\u003eلا طبقة بيضاء أو دهنية\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Investment Section --\u003e\n  \u003cdiv class=\"investment-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eمن أفضل الاستثمارات لصحة جلدك\u003c\/h2\u003e\n    \n    \u003cdiv class=\"investment-grid\"\u003e\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e⚡\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eمعجزة سريعة\u003c\/h3\u003e\n        \u003cp\u003eودّعي البقع في 14 يوم بس.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e🛡️\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eمناسب للبشرة الحساسة\u003c\/h3\u003e\n        \u003cp\u003eخضع لاختبارات تحسس ومضاد لالتصاق البشرة (20 no-adhesion tests).\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e🚫\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eخالي من 20 مادة ضارّة\u003c\/h3\u003e\n        \u003cp\u003eلا بارابين، لا عطور صناعية، ولا ألوان.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e🔬\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eمزيج مثالي\u003c\/h3\u003e\n        \u003cp\u003eTruecica™ + Panthenol + AHA·BHA·PHA = أقصى درجات الفعالية والراحة.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CTA Section --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"animate-on-scroll\"\u003eمعجزة حقيقية في 14 يوم فقط\u003c\/h2\u003e\n    \u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003eابدأ معجزة التغيير النهارده مع \u003cstrong style=\"color: white;\"\u003eSOME BY MI 14 Days Super Miracle Spot All Kill Cream\u003c\/strong\u003e وخلي بشرتك تقرّب للمثالية في 14 يوم بس!\u003c\/p\u003e\n    \u003cbutton class=\"cta-button animate-on-scroll\"\u003eاشتري الآن\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/\/ Intersection Observer for scroll animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all animate-on-scroll elements\n  document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n  \/\/ Animate benefits cards\n  const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.benefit-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate acid cards\n  const acidObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.acid-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.triple-acid-section').forEach(section =\u003e {\n    acidObserver.observe(section);\n  });\n\n  \/\/ Animate timeline items\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateX(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n    timelineObserver.observe(item);\n  });\n\n  \/\/ Animate texture cards\n  const textureObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.texture-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.texture-section').forEach(section =\u003e {\n    textureObserver.observe(section);\n  });\n\n  \/\/ Animate investment cards\n  const investmentObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.investment-card').forEach(card =\u003e {\n    investmentObserver.observe(card);\n  });\n\n  \/\/ CTA button interaction\n  document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n    const button = document.querySelector('.cta-button');\n    button.style.animation = 'none';\n    setTimeout(() =\u003e {\n      button.style.animation = 'glow 2s infinite alternate';\n    }, 100);\n  });\n\u003c\/script\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999396876462,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitled_design_-_2025-04-28T201324.540.jpg?v=1788175359"},{"product_id":"some-by-mi-30-days-miracle-ac-sos-kit-1","title":"SOME by MI AHA BHA PHA 30 Days Miracle AC SOS Kit","description":"\u003cdiv class=\"some-by-mi-container\" dir=\"rtl\"\u003e\n  \u003cstyle\u003e\n    .some-by-mi-container {\n      direction: rtl;\n      text-align: right;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family: inherit;\n      line-height: 1.6;\n      color: #333;\n      background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n      min-height: 100vh;\n    }\n\n    .some-by-mi-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Premium floating particles background *\/\n    .some-by-mi-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: \n        radial-gradient(circle at 15% 25%, rgba(156, 129, 2, 0.03) 2px, transparent 2px),\n        radial-gradient(circle at 85% 75%, rgba(212, 175, 55, 0.04) 1px, transparent 1px),\n        radial-gradient(circle at 45% 60%, rgba(156, 129, 2, 0.02) 1px, transparent 1px),\n        linear-gradient(135deg, rgba(250, 250, 250, 0.8) 0%, rgba(240, 240, 240, 0.9) 100%);\n      animation: premiumFloat 25s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 40px;\n      text-shadow: 0 4px 12px rgba(156, 129, 2, 0.3);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(50px);\n      animation: premiumFadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      position: relative;\n      letter-spacing: -0.02em;\n      background: linear-gradient(135deg, #9C8102 0%, #d4af37 50%, #9C8102 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -15px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 20%, #d4af37 50%, #9C8102 80%, transparent 100%);\n      box-shadow: 0 2px 10px rgba(156, 129, 2, 0.4);\n      animation: premiumUnderline 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 650px;\n      height: auto;\n      margin: 50px auto;\n      display: block;\n      border-radius: 25px;\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.15),\n        0 10px 30px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.6);\n      opacity: 0;\n      transform: scale(0.85) rotateY(8deg) translateZ(0);\n      animation: premiumImageReveal 2s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n    }\n\n    .hero-image::before {\n      content: '';\n      position: absolute;\n      top: -3px;\n      left: -3px;\n      right: -3px;\n      bottom: -3px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 28px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .hero-image:hover {\n      transform: scale(1.05) rotateY(0deg) translateZ(20px);\n      box-shadow: \n        0 35px 80px rgba(0,0,0,0.2),\n        0 15px 40px rgba(156, 129, 2, 0.2),\n        inset 0 1px 0 rgba(255,255,255,0.8);\n    }\n\n    .hero-image:hover::before {\n      opacity: 0.7;\n    }\n\n    .challenge-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9) translateZ(0);\n      animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.3),\n        0 10px 30px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .challenge-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: \n        radial-gradient(circle at 30% 40%, rgba(156, 129, 2, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 70% 70%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n      animation: premiumGlow 6s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .challenge-section::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n      animation: premiumShimmer 4s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .challenge-title {\n      color: #d4af37;\n      font-size: 2.8em;\n      font-weight: 800;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 2px 10px rgba(212, 175, 55, 0.5);\n      letter-spacing: -0.01em;\n    }\n\n    .challenge-text {\n      font-size: 1.2em;\n      line-height: 1.9;\n      opacity: 0.95;\n      position: relative;\n      z-index: 3;\n      font-weight: 400;\n    }\n\n    .section-header {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 40px;\n      margin: 60px 0 40px 0;\n      border-radius: 20px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.2);\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.2),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .section-title {\n      color: #d4af37;\n      font-size: 2.4em;\n      font-weight: 800;\n      margin-bottom: 15px;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n      letter-spacing: -0.01em;\n    }\n\n    .products-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 40px;\n      margin: 60px 0;\n      padding: 0 20px;\n    }\n\n    .product-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 40px;\n      border-radius: 25px;\n      box-shadow: \n        0 20px 50px rgba(0,0,0,0.08),\n        0 8px 25px rgba(156, 129, 2, 0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateY(50px) translateZ(0);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .product-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n      transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .product-card::after {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 27px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .product-card:hover {\n      transform: translateY(-15px) translateZ(30px);\n      box-shadow: \n        0 35px 70px rgba(0,0,0,0.15),\n        0 15px 35px rgba(156, 129, 2, 0.12),\n        inset 0 1px 0 rgba(255,255,255,1);\n    }\n\n    .product-card:hover::before {\n      left: 100%;\n    }\n\n    .product-card:hover::after {\n      opacity: 0.3;\n    }\n\n    .product-image {\n      width: 100%;\n      max-width: 220px;\n      height: auto;\n      margin: 0 auto 30px auto;\n      display: block;\n      border-radius: 15px;\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n    }\n\n    .product-card:hover .product-image {\n      transform: scale(1.08) translateZ(10px);\n      box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n    }\n\n    .product-title {\n      color: #9C8102;\n      font-size: 1.5em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-align: center;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n    }\n\n    .product-description {\n      text-align: center;\n      margin-bottom: 25px;\n      font-weight: 600;\n      color: #666;\n      font-size: 1.05em;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 25px 0;\n    }\n\n    .feature-item {\n      background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n      margin-bottom: 12px;\n      padding: 16px 20px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n      color: #333;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n    }\n\n    .feature-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #e1f0f5 100%);\n      transform: translateX(-8px);\n      box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      margin-top: 10px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 4px rgba(156, 129, 2, 0.3);\n    }\n\n    .science-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 30px;\n      margin: 80px 0;\n      opacity: 0;\n      transform: rotateX(15deg) translateZ(0);\n      animation: premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 40px 80px rgba(0,0,0,0.3),\n        0 15px 40px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .science-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(212, 175, 55, 0.08) 0%, transparent 50%);\n      animation: premiumScienceGlow 8s ease-in-out infinite;\n    }\n\n    .acid-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: 35px;\n      margin: 50px 0;\n      position: relative;\n      z-index: 2;\n    }\n\n    .acid-card {\n      background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-top: 5px solid #9C8102;\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.3),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .acid-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(156, 129, 2, 0.05) 0%, transparent 50%);\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .acid-card:hover {\n      background: linear-gradient(135deg, #404040 0%, #353535 100%);\n      transform: translateY(-10px);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.4),\n        0 10px 25px rgba(156, 129, 2, 0.2),\n        inset 0 1px 0 rgba(255,255,255,0.15);\n      border-top-color: #d4af37;\n    }\n\n    .acid-card:hover::before {\n      opacity: 1;\n    }\n\n    .acid-title {\n      color: #d4af37;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-shadow: 0 1px 3px rgba(212, 175, 55, 0.5);\n    }\n\n    .timeline-section {\n      background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .timeline-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 35px;\n      margin: 50px 0;\n    }\n\n    .timeline-week {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-right: 5px solid #9C8102;\n      position: relative;\n      opacity: 0;\n      transform: translateX(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 12px 30px rgba(0,0,0,0.08),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .timeline-week:hover {\n      transform: translateX(-10px);\n      box-shadow: \n        0 20px 45px rgba(0,0,0,0.12),\n        0 8px 25px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,1);\n      border-right-color: #d4af37;\n    }\n\n    .week-number {\n      position: absolute;\n      top: -20px;\n      right: 30px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 800;\n      font-size: 1.3em;\n      box-shadow: \n        0 8px 20px rgba(156, 129, 2, 0.3),\n        inset 0 1px 0 rgba(255,255,255,0.3);\n      text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n    }\n\n    .week-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin: 25px 0 20px 0;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n    }\n\n    .value-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 25px;\n      margin: 80px 0;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.3),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .value-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 35px;\n      margin: 50px 0;\n    }\n\n    .value-item {\n      background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-top: 5px solid #9C8102;\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.3),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .value-item:hover {\n      transform: translateY(-10px);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.4),\n        0 10px 25px rgba(156, 129, 2, 0.2);\n      border-top-color: #d4af37;\n    }\n\n    .value-item h3 {\n      color: #d4af37;\n      margin-bottom: 20px;\n      font-weight: 700;\n      font-size: 1.3em;\n      text-shadow: 0 1px 3px rgba(212, 175, 55, 0.4);\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 80px;\n      border-radius: 30px;\n      text-align: center;\n      margin: 80px 0;\n      opacity: 0;\n      transform: scale(0.8) translateZ(0);\n      animation: premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.4);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 40px 80px rgba(0,0,0,0.4),\n        0 15px 40px rgba(156, 129, 2, 0.15),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .cta-final::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 400px;\n      height: 400px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: premiumPulse 4s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #d4af37;\n      font-size: 3em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(212, 175, 55, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .cta-text {\n      font-size: 1.3em;\n      margin: 30px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      font-weight: 400;\n      line-height: 1.7;\n    }\n\n    .highlight-text {\n      font-size: 1.6em;\n      font-weight: 800;\n      color: #d4af37;\n      margin: 35px 0;\n      animation: premiumTextGlow 3s ease-in-out infinite;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5);\n    }\n\n    @keyframes premiumFadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes premiumScaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes premiumImageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes premiumRotateIn {\n      to {\n        opacity: 1;\n        transform: rotateX(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes premiumUnderline {\n      to { width: 120px; }\n    }\n\n    @keyframes premiumFloat {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-15px) rotate(180deg); }\n    }\n\n    @keyframes premiumGlow {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.05) rotate(180deg); }\n    }\n\n    @keyframes premiumShimmer {\n      0% { transform: translateX(-100%) skewX(-15deg); }\n      100% { transform: translateX(200%) skewX(-15deg); }\n    }\n\n    @keyframes premiumScienceGlow {\n      0%, 100% { opacity: 0.6; transform: scale(1); }\n      50% { opacity: 0.9; transform: scale(1.02); }\n    }\n\n    @keyframes premiumPulse {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.4; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.3); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes premiumTextGlow {\n      0%, 100% { \n        text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5); \n        transform: scale(1);\n      }\n      50% { \n        text-shadow: 0 4px 20px rgba(212, 175, 55, 0.8); \n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.2em;\n      }\n\n      .hero-image {\n        max-width: 90%;\n        border-radius: 15px;\n      }\n      \n      .products-grid,\n      .acid-grid,\n      .timeline-grid,\n      .value-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .challenge-section,\n      .science-section,\n      .value-section,\n      .cta-final {\n        padding: 30px 20px;\n      }\n\n      .challenge-title {\n        font-size: 1.8em;\n      }\n\n      .cta-title {\n        font-size: 2em;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- Main Title --\u003e\n  \u003ch1 class=\"main-title\"\u003eسيت تحدي البشرة المثالية - Some By Mi AHA\/BHA\/PHA 30Days Miracle Starter Kit\u003c\/h1\u003e\n\n  \u003c!-- Hero Image --\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_sos_kit.avif?v=1753592497\" alt=\"سيت تحدي البشرة المثالية من Some By Mi\" class=\"hero-image\"\u003e\n\n  \u003c!-- Challenge Section --\u003e\n  \u003cdiv class=\"challenge-section\"\u003e\n    \u003ch2 class=\"challenge-title\"\u003eتحدي الـ 30 يوم - هل تجرؤ على تغيير بشرتك نهائياً؟\u003c\/h2\u003e\n    \u003cdiv class=\"challenge-text\"\u003e\n      \u003cp\u003e\u003cstrong\u003eالسؤال الصعب: كم سنة وإنت بتحارب نفس مشاكل البشرة؟\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eالحبوب... المسام الواسعة... الالتهابات... البقع الداكنة... كل يوم نفس المعاناة.\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eالمشكلة مش في إنك مش بتعتني ببشرتك... المشكلة إن كل منتج بيشتغل لوحده بدون تنسيق مع التاني.\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e مش مجرد مجموعة منتجات... ده \u003cstrong\u003eنظام علاجي متكامل\u003c\/strong\u003e كل منتج فيه مصمم يكمل التاني لنتيجة واحدة: \u003cstrong\u003eبشرة مثالية في 30 يوم\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Why 4 Products Section --\u003e\n  \u003cdiv class=\"section-header\"\u003e\n    \u003ch2 class=\"section-title\"\u003eليه 4 منتجات أحسن من منتج واحد؟\u003c\/h2\u003e\n    \u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eلأن مشاكل البشرة معقدة... والحلول لازم تكون شاملة\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003cdiv class=\"timeline-grid\"\u003e\n      \u003cdiv class=\"timeline-week\"\u003e\n        \u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n        \u003ch3 class=\"week-title\"\u003eتنظيف عميق (الغسول)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eمش أي تنظيف... ده تنظيف ذكي يحضر البشرة للعلاج\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-week\"\u003e\n        \u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n        \u003ch3 class=\"week-title\"\u003eتوازن وتحضير (التونر)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eيعيد توازن البشرة ويحضرها لامتصاص أفضل للعلاج\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-week\"\u003e\n        \u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n        \u003ch3 class=\"week-title\"\u003eعلاج مركز (السيروم)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eالتركيز الأعلى من المكونات النشطة للعلاج العميق\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-week\"\u003e\n        \u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n        \u003ch3 class=\"week-title\"\u003eحماية وإصلاح (الكريم)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eيحمي النتائج ويصلح البشرة طوال الليل\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: white; border-radius: 10px; border: 2px solid #9C8102;\"\u003e\n      \u003cp style=\"font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003eالنتيجة: تأثير مضاعف مش ممكن تحصل عليه من منتج واحد لوحده\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Products Details Section --\u003e\n  \u003cdiv class=\"section-header\"\u003e\n    \u003ch2 class=\"section-title\"\u003eتفاصيل كل منتج - فريق العمل المتكامل\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"products-grid\"\u003e\n    \u003c!-- Cleanser --\u003e\n    \u003cdiv class=\"product-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_acne_clear_foam.png?v=1753593938\" alt=\"غسول Some By Mi\" class=\"product-image\"\u003e\n      \u003ch3 class=\"product-title\"\u003eالغسول المعجزة (30مل)\u003c\/h3\u003e\n      \u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cleansing Foam\u003c\/h4\u003e\n      \u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eمش مجرد تنظيف... ده تحضير ذكي للعلاج\u003c\/p\u003e\n      \n      \u003cul class=\"feature-list\"\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003epH منخفض\u003c\/strong\u003e يحافظ على حاجز البشرة الطبيعي\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eتنظيف عميق\u003c\/strong\u003e يزيل الشوائب والأوساخ والمكياج\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eتقشير لطيف\u003c\/strong\u003e يحضر البشرة لامتصاص أفضل\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eTruecica™\u003c\/strong\u003e يهدئ البشرة ويوازن الإفرازات\u003c\/span\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Toner --\u003e\n    \u003cdiv class=\"product-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_9706a063-9b15-4a89-8f3a-0b4e1bb41936.webp?v=1753593603\" alt=\"تونر Some By Mi\" class=\"product-image\"\u003e\n      \u003ch3 class=\"product-title\"\u003eالتونر المتوازن (30مل)\u003c\/h3\u003e\n      \u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Toner\u003c\/h4\u003e\n      \u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eالجسر بين التنظيف والعلاج\u003c\/p\u003e\n      \n      \u003cul class=\"feature-list\"\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003epH 5.5\u003c\/strong\u003e يعيد توازن البشرة بعد التنظيف\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eمستخلص Witch Hazel\u003c\/strong\u003e يقلص المسام ويشد البشرة\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eالبابايا الطبيعية\u003c\/strong\u003e تذيب الدهون وتهدئ البشرة\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eمستخلص اللوتس\u003c\/strong\u003e يضيء البشرة ويوحد لونها\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eبذور الصويا\u003c\/strong\u003e تغذي البشرة وتقوي مناعتها\u003c\/span\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Serum --\u003e\n    \u003cdiv class=\"product-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2_08531341-6157-4a31-9d06-bb318b163a4d.webp?v=1753593603\" alt=\"سيروم Some By Mi\" class=\"product-image\"\u003e\n      \u003ch3 class=\"product-title\"\u003eالسيروم المعجزة (10مل)\u003c\/h3\u003e\n      \u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Serum\u003c\/h4\u003e\n      \u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eالقلب النابض للعلاج\u003c\/p\u003e\n      \n      \u003cul class=\"feature-list\"\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003e14.5% مستخلص Centella Asiatica\u003c\/strong\u003e لتهدئة وإصلاح البشرة\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e ينظم الدهون ويفتح البقع الداكنة\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eتركيز عالي من الأحماض\u003c\/strong\u003e للعلاج العميق\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eينشط دورة تجديد الخلايا\u003c\/strong\u003e ويحفز شفاء البشرة\u003c\/span\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Cream --\u003e\n    \u003cdiv class=\"product-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3_9816bace-b39f-48c7-978f-acce31383091.webp?v=1753593603\" alt=\"كريم Some By Mi\" class=\"product-image\"\u003e\n      \u003ch3 class=\"product-title\"\u003eالكريم الواقي (20جم)\u003c\/h3\u003e\n      \u003ch4 class=\"product-description\"\u003eAHA\/BHA\/PHA 30 Days Miracle Cream\u003c\/h4\u003e\n      \u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 20px; color: #9C8102;\"\u003eالحارس الأخير للنتائج\u003c\/p\u003e\n      \n      \u003cul class=\"feature-list\"\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003e4 أنواع من مستخلص CICA\u003c\/strong\u003e لإصلاح شامل\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eيبني حاجز حماية قوي\u003c\/strong\u003e ضد العوامل الخارجية\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eيحفز إنتاج الكولاجين\u003c\/strong\u003e لبشرة أقوى وأكثر مرونة\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eترطيب عميق\u003c\/strong\u003e يدوم طوال الليل\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"feature-item\"\u003e\n          \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n          \u003cspan\u003e\u003cstrong\u003eخفيف وسريع الامتصاص\u003c\/strong\u003e مناسب لجميع أنواع البشرة\u003c\/span\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Science Section --\u003e\n  \u003cdiv class=\"science-section\"\u003e\n    \u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eتقنية AHA\/BHA\/PHA الثلاثية - سلاح الدمار الشامل ضد الحبوب\u003c\/h2\u003e\n    \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eكل حمض له مهمة محددة في تدمير مشاكل بشرتك\u003c\/p\u003e\n\n    \u003cdiv class=\"acid-grid\"\u003e\n      \u003cdiv class=\"acid-card\"\u003e\n        \u003ch4 class=\"acid-title\"\u003eAHA (Alpha Hydroxy Acid) - المقشر السطحي\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eيذيب خلايا الجلد الميتة\u003c\/strong\u003e اللي بتسد المسام\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eيحفز تجديد الخلايا\u003c\/strong\u003e لبشرة أكثر نعومة\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eيفتح البقع الداكنة\u003c\/strong\u003e وآثار الحبوب القديمة\u003c\/span\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"acid-card\"\u003e\n        \u003ch4 class=\"acid-title\"\u003eBHA (Beta Hydroxy Acid) - الغواص العميق\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eيخترق المسام\u003c\/strong\u003e ويذيب الدهون المتراكمة\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eيطهر من الداخل\u003c\/strong\u003e ويمنع تكوين حبوب جديدة\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eيقلص المسام\u003c\/strong\u003e ويحسن ملمس البشرة\u003c\/span\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"acid-card\"\u003e\n        \u003ch4 class=\"acid-title\"\u003ePHA (Poly Hydroxy Acid) - المهدئ الذكي\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eتقشير لطيف\u003c\/strong\u003e مناسب للبشرة الحساسة\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eيحتفظ بالرطوبة\u003c\/strong\u003e أثناء التقشير\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eيهدئ الالتهابات\u003c\/strong\u003e ويقلل الاحمرار\u003c\/span\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"text-align: center; margin-top: 40px; padding: 25px; background: #404040; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n      \u003cp style=\"font-size: 1.3em; font-weight: bold; color: #9C8102;\"\u003eالنتيجة: تقشير شامل بدون تهيج + علاج عميق للمسام + ترطيب متوازن\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-top: 40px; text-align: center;\"\u003e\n      \u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eمستخلص شجرة الشاي 100ppm - المطهر الطبيعي الخارق\u003c\/h3\u003e\n      \u003cp style=\"font-size: 1.1em; margin-bottom: 20px; font-weight: bold; opacity: 0.9;\"\u003eليه شجرة الشاي بالذات؟ لأنها الطبيب الطبيعي للبشرة المشاكسة\u003c\/p\u003e\n      \n      \u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 25px;\"\u003e\n        \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n          \u003cstrong\u003eمضاد بكتيريا قوي\u003c\/strong\u003e\u003cbr\u003eيقضي على سبب الحبوب\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n          \u003cstrong\u003eمضاد التهاب طبيعي\u003c\/strong\u003e\u003cbr\u003eيهدئ الاحمرار والتهيج\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n          \u003cstrong\u003eينظم إفراز الدهون\u003c\/strong\u003e\u003cbr\u003eويمنع لمعان البشرة المفرط\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #333; padding: 20px; border-radius: 10px; border-top: 3px solid #9C8102;\"\u003e\n          \u003cstrong\u003eيطهر المسام\u003c\/strong\u003e\u003cbr\u003eمن الداخل ويمنع انسدادها\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cp style=\"margin-top: 30px; font-size: 1.2em; font-weight: bold; color: #9C8102;\"\u003e100ppm في كل منتج = جرعة علاجية مثالية قوية بما فيه الكفاية لتكون فعالة، لطيفة بما فيه الكفاية لتكون آمنة\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Journey Timeline --\u003e\n  \u003cdiv class=\"section-header\"\u003e\n    \u003ch2 class=\"section-title\"\u003eرحلة التحدي - 30 يوم لبشرة جديدة\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003cdiv class=\"timeline-grid\"\u003e\n      \u003cdiv class=\"timeline-week\"\u003e\n        \u003cdiv class=\"week-number\"\u003e1\u003c\/div\u003e\n        \u003ch3 class=\"week-title\"\u003eالأسبوع الأول: الصدمة الأولى\u003c\/h3\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eتنظيف أعمق\u003c\/strong\u003e من أي وقت مضى\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eتقليل فوري في اللمعان\u003c\/strong\u003e والإفرازات الدهنية\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eتهدئة الالتهابات\u003c\/strong\u003e الموجودة وتقليل الاحمرار\u003c\/span\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-week\"\u003e\n        \u003cdiv class=\"week-number\"\u003e2\u003c\/div\u003e\n        \u003ch3 class=\"week-title\"\u003eالأسبوع الثاني: بداية التحسن\u003c\/h3\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eانخفاض ملحوظ في الحبوب الجديدة\u003c\/strong\u003e\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eتحسن في ملمس البشرة\u003c\/strong\u003e ونعومتها\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eبداية اختفاء الرؤوس السوداء\u003c\/strong\u003e\u003c\/span\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-week\"\u003e\n        \u003cdiv class=\"week-number\"\u003e3\u003c\/div\u003e\n        \u003ch3 class=\"week-title\"\u003eالأسبوع الثالث: التحول الواضح\u003c\/h3\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eتقليل حجم المسام\u003c\/strong\u003e بشكل ملحوظ\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eاختفاء معظم الحبوب\u003c\/strong\u003e الموجودة\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eتحسن في لون البشرة\u003c\/strong\u003e وإشراقها\u003c\/span\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-week\"\u003e\n        \u003cdiv class=\"week-number\"\u003e4\u003c\/div\u003e\n        \u003ch3 class=\"week-title\"\u003eالأسبوع الرابع: المعجزة الكاملة\u003c\/h3\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eبشرة صافية خالية من الحبوب\u003c\/strong\u003e\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eمسام أصغر ونظيفة\u003c\/strong\u003e\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eلون موحد وإشراق طبيعي\u003c\/strong\u003e\u003c\/span\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"feature-item\"\u003e\n            \u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n            \u003cspan\u003e\u003cstrong\u003eملمس ناعم كالحرير\u003c\/strong\u003e\u003c\/span\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"text-align: center; margin-top: 40px; padding: 30px; background: white; border-radius: 15px; border: 3px solid #9C8102;\"\u003e\n      \u003cp style=\"font-size: 1.4em; font-weight: bold; color: #9C8102;\"\u003eالنتيجة النهائية: بشرة مثالية تستحق كل التحدي\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Value Section --\u003e\n  \u003cdiv class=\"value-section\"\u003e\n    \u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 20px;\"\u003eقيمة استثنائية مقابل السعر\u003c\/h2\u003e\n    \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;\"\u003eاستثمار حقيقي في صحة الجلد\u003c\/p\u003e\n\n    \u003cdiv class=\"value-grid\"\u003e\n      \u003cdiv class=\"value-item\"\u003e\n        \u003ch3\u003eروتين كامل في مجموعة واحدة\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eلا حاجة لشراء منتجات منفصلة أو البحث عن الكومبو المناسب\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003eالنتيجة:\u003c\/strong\u003e روتين علمي مدروس يعمل كوحدة واحدة متكاملة\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"value-item\"\u003e\n        \u003ch3\u003e30 يوم من الاستخدام اليومي\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eيغطي كل احتياجات بشرتك لمدة شهر كامل\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"value-item\"\u003e\n        \u003ch3\u003eمكونات من أفضل ما في العالم\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eتركيبة بمعايير عالمية من أفضل مكونات العناية بالبشرة:\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cul style=\"margin-top: 15px;\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eتقنية AHA\/BHA\/PHA:\u003c\/strong\u003e أحدث ما توصل له العلم\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eمستخلص شجرة الشاي النقي:\u003c\/strong\u003e أجود الأنواع من أستراليا\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eCentella Asiatica المركز:\u003c\/strong\u003e الذهب الأخضر لتهدئة البشرة\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNiacinamide عالي الجودة:\u003c\/strong\u003e فيتامين B3 بأنقى صوره\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003e4-CICA Complex:\u003c\/strong\u003e تقنية حصرية لإصلاح حاجز البشرة\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Final CTA --\u003e\n  \u003cdiv class=\"cta-final\"\u003e\n    \u003ch2 class=\"cta-title\"\u003eالحقيقة القاسية\u003c\/h2\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eمشاكل البشرة مابتحلش نفسها\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      كل يوم تأخير = حبوب جديدة وآثار أعمق ومسام أوسع.\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eSome By Mi AC SOS Kit\u003c\/strong\u003e مش مجرد مجموعة منتجات... ده \u003cstrong\u003eتحدي حقيقي لتغيير بشرتك نهائياً\u003c\/strong\u003e.\n    \u003c\/p\u003e\n    \u003cdiv class=\"highlight-text\"\u003e\n      30 يوم فقط... هتفرق معاك كتير أو هتندم إنك متجربتش\n    \u003c\/div\u003e\n    \u003cp class=\"cta-text\" style=\"font-size: 1.3em; font-weight: bold;\"\u003e\n      أنت مستعد للتحدي؟\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eاطلب المجموعة دلوقتي... وابدأ رحلة الـ 30 يوم لبشرة أحلامك.\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \u003cdiv class=\"highlight-text\" style=\"font-size: 1.5em;\"\u003e\n      تذكر: البشرة المثالية مش حلم... دي قرار\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    \/\/ Enhanced Intersection Observer for premium animations\n    const premiumObserverOptions = {\n      threshold: 0.15,\n      rootMargin: '0px 0px -80px 0px'\n    };\n\n    const premiumObserver = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('product-card')) {\n            element.style.animation = 'premiumFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'premiumScaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('science-section')) {\n            element.style.animation = 'premiumRotateIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('acid-card')) {\n            element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('timeline-week')) {\n            element.style.animation = 'slideInRight 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('value-item')) {\n            element.style.animation = 'premiumFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('challenge-section')) {\n            element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('value-section')) {\n            element.style.animation = 'premiumScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'premiumScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, premiumObserverOptions);\n\n    \/\/ Premium initialization\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.product-card, .section-header, .science-section, .acid-card, .timeline-week, .value-item, .challenge-section, .value-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        premiumObserver.observe(el);\n      });\n\n      \/\/ Premium staggered delays with more sophisticated timing\n      const productCards = document.querySelectorAll('.product-card');\n      productCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.25 + 0.1}s`;\n      });\n\n      const acidCards = document.querySelectorAll('.acid-card');\n      acidCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2 + 0.3}s`;\n      });\n\n      const timelineWeeks = document.querySelectorAll('.timeline-week');\n      timelineWeeks.forEach((week, index) =\u003e {\n        week.style.animationDelay = `${index * 0.15 + 0.2}s`;\n      });\n\n      const valueItems = document.querySelectorAll('.value-item');\n      valueItems.forEach((item, index) =\u003e {\n        item.style.animationDelay = `${index * 0.2 + 0.4}s`;\n      });\n\n      \/\/ Premium particle effects with enhanced visuals\n      const productCards2 = document.querySelectorAll('.product-card');\n      productCards2.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createPremiumParticles(card);\n        });\n      });\n\n      \/\/ Enhanced particle creation with luxury effects\n      function createPremiumParticles(element) {\n        for (let i = 0; i \u003c 8; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: ${Math.random() * 4 + 3}px;\n            height: ${Math.random() * 4 + 3}px;\n            background: linear-gradient(135deg, #9C8102, #d4af37);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 100;\n            box-shadow: 0 0 6px rgba(156, 129, 2, 0.6);\n          `;\n          \n          const rect = element.getBoundingClientRect();\n          particle.style.left = Math.random() * rect.width + 'px';\n          particle.style.top = Math.random() * rect.height + 'px';\n          \n          element.appendChild(particle);\n          \n          \/\/ Premium particle animation with rotation and scaling\n          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1,\n              filter: 'blur(0px)'\n            },\n            { \n              transform: `translateY(-60px) scale(0) rotate(${Math.random() * 360}deg)`, \n              opacity: 0,\n              filter: 'blur(2px)'\n            }\n          ], {\n            duration: 2000,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Premium magnetic hover effects for cards\n      const allCards = document.querySelectorAll('.product-card, .acid-card, .timeline-week, .value-item');\n      allCards.forEach(card =\u003e {\n        card.addEventListener('mousemove', (e) =\u003e {\n          const rect = card.getBoundingClientRect();\n          const x = e.clientX - rect.left;\n          const y = e.clientY - rect.top;\n          const centerX = rect.width \/ 2;\n          const centerY = rect.height \/ 2;\n          const deltaX = (x - centerX) \/ centerX;\n          const deltaY = (y - centerY) \/ centerY;\n          \n          card.style.transform = `\n            perspective(1000px) \n            rotateY(${deltaX * 5}deg) \n            rotateX(${-deltaY * 5}deg) \n            translateZ(10px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Premium sparkle effects with golden particles\n      setInterval(() =\u003e {\n        const targetSections = document.querySelectorAll('.challenge-section, .science-section, .cta-final');\n        targetSections.forEach(section =\u003e {\n          if (Math.random() \u003e 0.7) { \/\/ 30% chance per interval\n            const sparkle = document.createElement('div');\n            sparkle.style.cssText = `\n              position: absolute;\n              width: ${Math.random() * 3 + 2}px;\n              height: ${Math.random() * 3 + 2}px;\n              background: linear-gradient(135deg, #d4af37, #9C8102);\n              border-radius: 50%;\n              pointer-events: none;\n              z-index: 10;\n              left: ${Math.random() * section.offsetWidth}px;\n              top: ${Math.random() * section.offsetHeight}px;\n              box-shadow: 0 0 8px rgba(212, 175, 55, 0.8);\n            `;\n            \n            section.appendChild(sparkle);\n            \n            sparkle.animate([\n              { \n                transform: 'scale(0) rotate(0deg)', \n                opacity: 0,\n                filter: 'brightness(1)'\n              },\n              { \n                transform: 'scale(1) rotate(180deg)', \n                opacity: 1,\n                filter: 'brightness(1.5)'\n              },\n              { \n                transform: 'scale(0) rotate(360deg)', \n                opacity: 0,\n                filter: 'brightness(0.5)'\n              }\n            ], {\n              duration: 3000,\n              easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n            }).onfinish = () =\u003e sparkle.remove();\n          }\n        });\n      }, 2000);\n\n      \/\/ Premium ripple effect on click\n      document.addEventListener('click', (e) =\u003e {\n        if (e.target.closest('.product-card, .timeline-week, .acid-card')) {\n          const element = e.target.closest('.product-card, .timeline-week, .acid-card');\n          const rect = element.getBoundingClientRect();\n          const ripple = document.createElement('div');\n          \n          ripple.style.cssText = `\n            position: absolute;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(156, 129, 2, 0.3) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 50;\n            width: 20px;\n            height: 20px;\n            left: ${e.clientX - rect.left - 10}px;\n            top: ${e.clientY - rect.top - 10}px;\n          `;\n          \n          element.appendChild(ripple);\n          \n          ripple.animate([\n            { transform: 'scale(0)', opacity: 1 },\n            { transform: 'scale(4)', opacity: 0 }\n          ], {\n            duration: 600,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e ripple.remove();\n        }\n      });\n\n      \/\/ Premium scroll-triggered title animations\n      const titles = document.querySelectorAll('.product-title, .acid-title, .week-title');\n      titles.forEach(title =\u003e {\n        title.addEventListener('mouseenter', () =\u003e {\n          title.style.transform = 'scale(1.05)';\n          title.style.textShadow = '0 2px 15px rgba(156, 129, 2, 0.4)';\n        });\n        \n        title.addEventListener('mouseleave', () =\u003e {\n          title.style.transform = '';\n          title.style.textShadow = '';\n        });\n      });\n    });\n\n    \/\/ Premium slideInRight animation for timeline\n    const slideInRightKeyframes = `\n      @keyframes slideInRight {\n        to {\n          opacity: 1;\n          transform: translateX(0);\n        }\n      }\n    `;\n    \n    const style = document.createElement('style');\n    style.textContent = slideInRightKeyframes;\n    document.head.appendChild(style);\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999411851438,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_by_MI_AHA_BHA_PHA_30_Days_Miracle_AC_SOS_Kit.jpg?v=1788175297"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-serum","title":"Some by mi Aha Bha Pha 30 Days Miracle Serum 50Ml","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cstyle\u003e\n        .product-description {\n            direction: rtl;\n            text-align: right;\n            font-family: inherit;\n            line-height: 1.6;\n            color: #333;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0;\n        }\n\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .hero-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 20px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557') no-repeat center;\n            background-size: contain;\n            opacity: 0.1;\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .main-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n        }\n\n        .subtitle {\n            font-size: 1.4em;\n            font-weight: bold;\n            color: #333;\n            margin-bottom: 15px;\n        }\n\n        .hero-text {\n            font-size: 1.1em;\n            line-height: 1.7;\n            margin-bottom: 20px;\n        }\n\n        .product-image {\n            text-align: center;\n            margin: 30px 0;\n            transition: transform 0.3s ease;\n        }\n\n        .product-image:hover {\n            transform: scale(1.02);\n        }\n\n        .product-image img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n\n        .benefits-section {\n            background: #000;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .benefits-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n            padding: 15px;\n            background: rgba(255,255,255,0.05);\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n        }\n\n        .benefit-item:hover {\n            background: rgba(255,255,255,0.1);\n            transform: translateX(-5px);\n        }\n\n        .benefit-icon {\n            margin-left: 15px;\n            color: #9C8102;\n            font-size: 1.2em;\n            min-width: 30px;\n        }\n\n        .benefit-content h3 {\n            font-size: 1.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 8px;\n        }\n\n        .benefit-content p {\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .ingredients-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .ingredients-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .ingredient-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            border-right: 5px solid #9C8102;\n        }\n\n        .ingredient-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .ingredient-name {\n            font-size: 1.3em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n        }\n\n        .ingredient-description {\n            line-height: 1.6;\n            color: #333;\n        }\n\n        .results-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .results-title {\n            font-size: 2em;\n            font-weight: bold;\n            margin-bottom: 30px;\n          color: #333;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .stat-item {\n            background: rgba(255,255,255,0.1);\n            padding: 20px;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n        }\n\n        .stat-item:hover {\n            background: rgba(255,255,255,0.2);\n            transform: scale(1.05);\n        }\n\n        .stat-number {\n            font-size: 2.5em;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        .timeline-section {\n            padding: 40px 20px;\n            margin: 30px 0;\n        }\n\n        .timeline-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .timeline::after {\n            content: '';\n            position: absolute;\n            width: 4px;\n            background-color: #9C8102;\n            top: 0;\n            bottom: 0;\n            right: 50%;\n            margin-right: -2px;\n        }\n\n        .timeline-item {\n            padding: 20px 40px;\n            position: relative;\n            background-color: inherit;\n            width: 50%;\n        }\n\n        .timeline-item::after {\n            content: '';\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background-color: #9C8102;\n            border: 4px solid #fff;\n            top: 25px;\n            border-radius: 50%;\n            z-index: 1;\n        }\n\n        .timeline-item:nth-child(odd) {\n            right: 0;\n        }\n\n        .timeline-item:nth-child(odd)::after {\n            right: -10px;\n        }\n\n        .timeline-item:nth-child(even) {\n            right: 50%;\n        }\n\n        .timeline-item:nth-child(even)::after {\n            left: -10px;\n        }\n\n        .timeline-content {\n            padding: 20px;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .timeline-content:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .timeline-content h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .social-proof {\n            background: linear-gradient(135deg, #333 0%, #000 100%);\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .social-proof-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n        }\n\n        .proof-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .proof-item {\n            background: rgba(255,255,255,0.05);\n            padding: 25px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(156, 129, 2, 0.3);\n        }\n\n        .proof-item:hover {\n            background: rgba(255,255,255,0.1);\n            border-color: #9C8102;\n        }\n\n        .proof-icon {\n            font-size: 2.5em;\n            color: #9C8102;\n            margin-bottom: 15px;\n        }\n\n        .usage-guide {\n            background: #f8f9fa;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .usage-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .usage-steps {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .step-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .step-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .step-number {\n            width: 40px;\n            height: 40px;\n            background: #9C8102;\n            color: #fff;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            margin-bottom: 15px;\n            float: right;\n            margin-left: 15px;\n        }\n\n        .step-title {\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1em;\n        }\n\n        .final-cta {\n            background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n            color: #fff;\n            padding: 50px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n        }\n\n        .final-cta::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15), transparent);\n            transform: rotate(45deg);\n            animation: shine 3s infinite;\n        }\n\n        @keyframes shine {\n            0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n            100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n        }\n\n        .cta-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 2;\n          color : #000;\n        }\n\n        .cta-text {\n            font-size: 1.2em;\n            line-height: 1.6;\n            position: relative;\n            z-index: 2;\n        }\n\n        .ingredients-list {\n            background: #fff;\n            padding: 30px;\n            border-radius: 12px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .ingredients-list-title {\n            font-size: 1.5em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n        }\n\n        .ingredients-text {\n            line-height: 1.8;\n            color: #333;\n            font-size: 0.95em;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .main-title { font-size: 1.8em; }\n            .timeline::after { right: 20px; }\n            .timeline-item { width: 100%; padding-right: 50px; }\n            .timeline-item:nth-child(even) { right: 0; }\n            .timeline-item::after { right: 10px; }\n            .stats-grid { grid-template-columns: 1fr 1fr; }\n            .proof-grid { grid-template-columns: 1fr; }\n            .usage-steps { grid-template-columns: 1fr; }\n        }\n\n        \/* Loading Animation *\/\n        .loading {\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Pulse Animation for Important Elements *\/\n        .pulse {\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n            100% { transform: scale(1); }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"product-description\"\u003e\n        \u003c!-- Hero Section --\u003e\n        \u003cdiv class=\"hero-section fade-in\"\u003e\n            \u003cdiv class=\"hero-content\"\u003e\n                \u003ch1 class=\"main-title\"\u003eالعلم الكوري المتقدم يمتزج بحكمة الطبيعة\u003c\/h1\u003e\n                \u003cdiv class=\"product-image\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557\" alt=\"SOME BY MI Serum\"\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eمش مجرد منتج تاني للتجريب.\u003c\/strong\u003e ده \u003cstrong\u003eاكتشاف علمي حقيقي\u003c\/strong\u003e عمله أشطر علماء العناية بالبشرة في كوريا، واثبت نجاحه على \u003cstrong\u003eملايين المستخدمين\u003c\/strong\u003e حوالين العالم.\u003c\/p\u003e\n                \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eسيروم SOME BY MI بيحل المشكلة من جذورها\u003c\/strong\u003e بتقنية Bi-Phase الجديدة اللي بتجمع بين \u003cstrong\u003e3 أحماض متخصصة + السنتيلا الآسيوية الطبيعية + مستخلص الشاي الأخضر المركز.\u003c\/strong\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Benefits Section --\u003e\n        \u003cdiv class=\"benefits-section fade-in\"\u003e\n            \u003ch2 class=\"benefits-title\"\u003eالفوائد العلمية المؤكدة - المكونات اللي تضمنلك النتيجة\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_3.png?v=1754408549\" alt=\"فوائد السيروم\"\u003e\n            \u003c\/div\u003e\n            \u003ch3 class=\"subtitle\" style=\"color: #9C8102; text-align: center; margin: 30px 0;\"\u003eعلاج .. تجديد .. تحفيز .. وقاية\u003c\/h3\u003e\n            \n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتقشير عميق للخلايا الميتة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بأحماض AHA المدروسة علمياً)\u003c\/strong\u003e بيشيل طبقات الجلد الميت المتراكمة ويكشف بشرة جديدة ناعمة ومشرقة\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتنضيف عميق للمسام المسدودة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بأحماض BHA المتخصصة)\u003c\/strong\u003e بيخش جوه المسام ويدوب الدهون والأوساخ المتراكمة ويمنع تكوين الرؤوس السودا\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتقشير لطيف للبشرة الحساسة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بأحماض PHA الآمنة)\u003c\/strong\u003e تقشير بنعومة فايقة مع الاحتفاظ بالرطوبة الطبيعية للبشرة\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتهدئة الالتهابات والتهيج\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالسنتيلا الآسيوية 14.5%)\u003c\/strong\u003e بتهدي أي التهاب ناتج عن التقشير وتسرع شفاء البشرة طبيعياً\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eمحاربة البكتيريا الضارة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بمستخلص الشاي الأخضر 10,000 ppm)\u003c\/strong\u003e بيقضي على البكتيريا اللي بتسبب الحبوب والالتهابات\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتوحيد لون البشرة وتفتيح البقع\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالأحماض المتخصصة + النياسيناميد)\u003c\/strong\u003e بيوحد لون البشرة ويفتح البقع الداكنة والتصبغات\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتصغير حجم المسام الظاهرة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بتركيبة BHA + PHA)\u003c\/strong\u003e بينضف المسام من الداخل ويشد الأنسجة حواليها فتبان أصغر\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتحفيز تجديد الكولاجين\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالسنتيلا الآسيوية + الأحماض)\u003c\/strong\u003e بيحفز البشرة تنتج كولاجين جديد للمرونة والشد الطبيعي\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eترطيب متوازن بدون دهنية\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بتقنية Bi-Phase الحصرية)\u003c\/strong\u003e بيرطب البشرة ويحافظ على توازن الزيوت والمياه\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eحماية من الأضرار البيئية\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بمضادات الأكسدة الطبيعية)\u003c\/strong\u003e بيحمي البشرة من التلوث والجذور الحرة اللي بتسرع الشيخوخة\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتنعيم ملمس البشرة الخشنة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالتركيبة الثلاثية المتكاملة)\u003c\/strong\u003e بيخلي البشرة ناعمة كالحرير ومتجانسة في الملمس\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eإضاءة طبيعية للبشرة الباهتة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالتقشير اللطيف + التجديد الخلوي)\u003c\/strong\u003e بيرجع الإشراق الطبيعي للبشرة ويخليها متوهجة بصحة\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتقليل ظهور التجاعيد الدقيقة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بتحفيز تجديد الخلايا + الكولاجين)\u003c\/strong\u003e بيملأ الخطوط الدقيقة ويمنع ظهور تجاعيد جديدة\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتنظيم إفراز الدهون الزايدة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالنياسيناميد + الشاي الأخضر)\u003c\/strong\u003e بيظبط إفراز الدهون للبشرة الدهنية والمختلطة\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتسريع شفاء آثار الحبوب\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالسنتيلا + الأحماض التجديدية)\u003c\/strong\u003e بيسرع شفاء آثار الحبوب القديمة ويمنع تكوين ندبات جديدة\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Ingredients Section --\u003e\n        \u003cdiv class=\"ingredients-section fade-in\"\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\" alt=\"مكونات طبيعية\"\u003e\n            \u003c\/div\u003e\n            \n            \u003ch2 class=\"ingredients-title\"\u003eالتركيبة العلمية الثلاثية: AHA + BHA + PHA\u003c\/h2\u003e\n            \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eكل حمض له شغله... والتلاتة مع بعض بيعملوا معجزة\u003c\/strong\u003e\u003c\/h3\u003e\n\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003e◇ AHA (أحماض الألفا هيدروكسي)\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-description\"\u003e\n                    \u003cstrong\u003eالتركيز المدروس علمياً\u003c\/strong\u003e بيشتغل على سطح البشرة يشيل خلايا الجلد الميتة المتراكمة، ويكشف طبقة جديدة أنعم وأكتر إشراق. بيحسن ملمس البشرة ويوحد لونها بشكل تدريجي وآمن.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003e◆ BHA (أحماض البيتا هيدروكسي)\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-description\"\u003e\n                    \u003cstrong\u003eالقوة المتخصصة\u003c\/strong\u003e اللي بتخش عمق المسام المسدودة وتدوب الدهون والأوساخ المتراكمة. مثالي للبشرة الدهنية والمختلطة، بيقلل حجم المسام الظاهرة ويمنع تكوين الرؤوس السودا.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003e▲ PHA (أحماض البولي هيدروكسي)\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-description\"\u003e\n                    \u003cstrong\u003eاللمسة اللطيفة\u003c\/strong\u003e اللي بتقشر بنعومة فايقة، مناسبة حتى للبشرة الحساسة. بتحتفظ بالرطوبة أثناء التقشير، وبتعزز تجديد الخلايا من غير ما تعمل أي تهيج.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Centella Section --\u003e\n        \u003cdiv class=\"ingredients-section fade-in\"\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\" alt=\"السنتيلا الآسيوية\"\u003e\n            \u003c\/div\u003e\n            \n            \u003ch2 class=\"ingredients-title\"\u003eالسنتيلا الآسيوية 14.5%: الطب العشبي الكوري الأصيل\u003c\/h2\u003e\n            \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eالنبتة المقدسة في العناية بالبشرة\u003c\/strong\u003e\u003c\/h3\u003e\n            \n            \u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n                السنتيلا الآسيوية مش مجرد مكون طبيعي... \u003cstrong\u003eدي صيدلية كاملة في نبتة واحدة.\u003c\/strong\u003e بتركيز استثنائي 14.5%، بتشتغل على:\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n                \u003cdiv\u003e\n\u003cstrong\u003eتهدية الالتهابات\u003c\/strong\u003e والتهيج الناتج عن التقشير\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n                \u003cdiv\u003e\n\u003cstrong\u003eتسريع شفاء البشرة\u003c\/strong\u003e وإصلاح الأضرار الموجودة\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n                \u003cdiv\u003e\n\u003cstrong\u003eتقوية حاجز البشرة\u003c\/strong\u003e الطبيعي ضد العوامل الخارجية\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n                \u003cdiv\u003e\n\u003cstrong\u003eتحفيز تجديد الكولاجين\u003c\/strong\u003e لبشرة أكتر مرونة وشباب\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Green Tea Section --\u003e\n        \u003cdiv class=\"ingredients-section fade-in\"\u003e\n            \u003ch2 class=\"ingredients-title\"\u003eمستخلص الشاي الأخضر 10,000 ppm: قوة مضادات الأكسدة\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/green_tea_extract.jpg?v=1754409155\" alt=\"مستخلص الشاي الأخضر\"\u003e\n            \u003c\/div\u003e\n            \n            \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eالحماية والتنقية في مكون واحد\u003c\/strong\u003e\u003c\/h3\u003e\n            \n            \u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n                \u003cstrong\u003e10,000 جزء في المليون\u003c\/strong\u003e من مستخلص الشاي الأخضر الخالص - تركيز علاجي حقيقي بيوفر:\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n                \u003cdiv\u003e\n\u003cstrong\u003eحماية فايقة\u003c\/strong\u003e من الجذور الحرة والأضرار البيئية\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n                \u003cdiv\u003e\n\u003cstrong\u003eتنقية عميقة\u003c\/strong\u003e للمسام من البكتيريا والأوساخ\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n                \u003cdiv\u003e\n\u003cstrong\u003eتنظيم إفراز الدهون\u003c\/strong\u003e للبشرة الدهنية والمختلطة\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n                \u003cdiv\u003e\n\u003cstrong\u003eخصائص مضادة للبكتيريا\u003c\/strong\u003e تمنع ظهور الالتهابات\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Scientific Results Section --\u003e\n        \u003cdiv class=\"results-section fade-in\"\u003e\n            \u003ch2 class=\"results-title \"\u003eالدليل العلمي: نتائج موثقة من مختبرات دولية\u003c\/h2\u003e\n            \u003ch3 style=\"margin-bottom: 30px; color: #333;\"\u003eأرقام حقيقية من اختبارات سريرية دولية:\u003c\/h3\u003e\n            \n            \u003cdiv class=\"stats-grid\"\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e73%\u003c\/div\u003e\n                    \u003cdiv\u003eتحسن ملمس البشرة\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e67%\u003c\/div\u003e\n                    \u003cdiv\u003eتقليل حجم المسام\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e84%\u003c\/div\u003e\n                    \u003cdiv\u003eتوازن الزيوت والرطوبة\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n                    \u003cdiv\u003eتهدئة التهابات البشرة\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eدي مش مجرد ادعاءات تسويقية... دي نتائج مختبرات معتمدة دولياً.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Timeline Section --\u003e\n        \u003cdiv class=\"timeline-section fade-in\"\u003e\n            \u003ch2 class=\"timeline-title\"\u003eرحلة الـ30 يوم: التحول المدروس علمياً\u003c\/h2\u003e\n            \u003cdiv class=\"timeline\"\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع الأول - التحضير والتأقلم\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eالبشرة بتتأقلم تدريجياً مع التركيبة النشطة\u003c\/li\u003e\n                            \u003cli\u003eبداية تنضيف عميق للمسام وإزالة الأوساخ\u003c\/li\u003e\n                            \u003cli\u003eتحسن واضح في نعومة البشرة ونضافتها\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع التاني - بداية التجديد\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eتسارع عملية تجديد الخلايا وشيل الطبقات الميتة\u003c\/li\u003e\n                            \u003cli\u003eتحسن واضح في ملمس البشرة وتوحيد لونها\u003c\/li\u003e\n                            \u003cli\u003eتقليل تدريجي في حجم المسام الظاهرة\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع التالت - التحول الواضح\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eنتائج واضحة في نضافة البشرة وإشراقها\u003c\/li\u003e\n                            \u003cli\u003eتوازن مثالي بين الزيوت والرطوبة\u003c\/li\u003e\n                            \u003cli\u003eبشرة أكتر مرونة وحيوية\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع الرابع - اكتمال المعجزة\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eتحول كامل في جودة البشرة وملمسها\u003c\/li\u003e\n                            \u003cli\u003eمسام أصغر حجماً وأقل وضوح\u003c\/li\u003e\n                            \u003cli\u003eبشرة صحية متوهجة بنضارة طبيعية\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Social Proof Section --\u003e\n        \u003cdiv class=\"social-proof fade-in\"\u003e\n            \u003ch2 class=\"social-proof-title\"\u003eمنتج موثوق من ملايين المستخدمين حول العالم\u003c\/h2\u003e\n            \n            \u003cdiv class=\"proof-grid\"\u003e\n                \u003cdiv class=\"proof-item\"\u003e\n                    \u003cdiv class=\"proof-icon\"\u003e★\u003c\/div\u003e\n                    \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eملايين الوحدات المباعة عالمياً\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eمن كوريا لأوروبا وأمريكا، سيروم SOME BY MI بقى الاختيار الأول لكل اللي بيدوروا على تجديد حقيقي للبشرة.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"proof-item\"\u003e\n                    \u003cdiv class=\"proof-icon\"\u003e◆\u003c\/div\u003e\n                    \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eحاصل على عدة جوائز عالمية\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eجوائز من أهم مجلات الجمال والعناية بالبشرة، واعتراف من خبراء التجميل حوالين العالم.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"proof-item\"\u003e\n                    \u003cdiv class=\"proof-icon\"\u003e▲\u003c\/div\u003e\n                    \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eنسبة رضا تتعدى 92%\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eإحصائيات حقيقية من آلاف المراجعات المؤكدة - نسبة رضا استثنائية تأكد فعالية المنتج.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Value Section --\u003e\n        \u003cdiv class=\"ingredients-section fade-in\"\u003e\n            \u003ch2 class=\"ingredients-title\"\u003eقيمة مقابل سعر جيدة\u003c\/h2\u003e\n            \n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003e◆ مكونات عالية القيمة\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-description\"\u003e\n                    \u003cstrong\u003e3 أنواع من أحماض الهيدروكسي المتخصصة + خلاصة السنتيلا بتركيز 14.5% + مركز عالي من مستخلص الشاي الأخضر\u003c\/strong\u003e - تركيبة تضاهي أغلى العلاجات في العيادات المتخصصة.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003e▲ حجم كبير - قيمة أكبر\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-description\"\u003e\n                    \u003cstrong\u003e50 مل من التركيز الفايق\u003c\/strong\u003e يكفي لعدة شهور من الاستخدام المنتظم. حجم سخي يضمن استمرارية العلاج من غير انقطاع.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003e● كمية صغيرة تكفي\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-description\"\u003e\n                    \u003cstrong\u003e3 قطرات بس كافية لتغطية الوجه كله\u003c\/strong\u003e - تركيز عالي يعني استخدام اقتصادي وفعالية قصوى.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003e✓ نتائج مضمونة\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-description\"\u003e\n                    \u003cstrong\u003eده مش منتج للتجريب... دي نتائج مضمونة وموثقة على ملايين المستخدمين\u003c\/strong\u003e حوالين العالم. استثمار واثق في جمال بشرتك.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Usage Guide Section --\u003e\n        \u003cdiv class=\"usage-guide fade-in\"\u003e\n            \u003ch2 class=\"usage-title\"\u003eدليل الاستخدام العلمي الدقيق\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_2.png?v=1754408553\" alt=\"طريقة الاستخدام\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"usage-steps\"\u003e\n                \u003cdiv class=\"step-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eالتحضير الصح\u003c\/div\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eنضف البشرة كويس\u003c\/strong\u003e بغسول مناسب وسيبها تنشف خالص\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eرج الإزازة كويس\u003c\/strong\u003e عشان تضمن خلط الطبقتين بشكل مثالي\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eابدأ بالتدريج\u003c\/strong\u003e - استخدم المنتج 2-3 مرات في الأسبوع في البداية\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"step-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eالتطبيق الأمثل\u003c\/div\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eحط 3-4 قطرات\u003c\/strong\u003e على أطراف الصوابع\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eطبق بلطف\u003c\/strong\u003e على الوجه وتجنب منطقة العين\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eدلك بحركات دايرية\u003c\/strong\u003e للتوزيع المتجانس\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاتبعه بمرطب مناسب\u003c\/strong\u003e للحماية الإضافية\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"step-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eالتوقيت المثالي\u003c\/div\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eالأفضل بالليل\u003c\/strong\u003e بعد التنضيف وقبل المرطب\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eابدأ 3 مرات في الأسبوع\u003c\/strong\u003e بعدين زود التكرار تدريجياً\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاستخدم واقي شمس\u003c\/strong\u003e في النهار لحماية البشرة المتجددة\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Safety Section --\u003e\n        \u003cdiv class=\"ingredients-section fade-in\"\u003e\n            \u003ch2 class=\"ingredients-title\"\u003eتحذيرات الاستخدام الآمن\u003c\/h2\u003e\n            \n            \u003cdiv class=\"ingredient-card\" style=\"border-right-color: #dc3545;\"\u003e\n                \u003cdiv class=\"ingredient-name\" style=\"color: #dc3545;\"\u003e! إرشادات مهمة\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-description\"\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eللاستخدام الخارجي بس\u003c\/strong\u003e - تجنب ملامسة العينين\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاختبر الحساسية الأول\u003c\/strong\u003e على منطقة صغيرة من الجلد\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاحفظه بعيد عن الشمس\u003c\/strong\u003e المباشرة\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"ingredient-card\" style=\"border-right-color: #28a745;\"\u003e\n                \u003cdiv class=\"ingredient-name\" style=\"color: #28a745;\"\u003e✓ نصايح للنجاح\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-description\"\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاصبر على النتيجة\u003c\/strong\u003e - التجديد الحقيقي محتاج وقت\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eحافظ على الانتظام\u003c\/strong\u003e في الاستخدام\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاستخدم واقي شمس\u003c\/strong\u003e دايماً لما تتعرض للشمس\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Investment Section --\u003e\n        \u003cdiv class=\"results-section fade-in\"\u003e\n            \u003ch2 class=\"results-title\"\u003eالاستثمار في علم البشرة المتقدم\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_serun.jpg?v=1754409432\" alt=\"استثمار في الجمال\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n                \u003cstrong\u003eسيروم SOME BY MI مش مجرد منتج تجميل... ده قطعة من تكنولوجيا العناية بالبشرة الكورية المتقدمة.\u003c\/strong\u003e\n            \u003c\/p\u003e\n            \n            \u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n                \u003cstrong\u003eتركيبة سريرية معقدة، أبحاث سنين، واختبارات دولية صارمة\u003c\/strong\u003e - كل ده في إزازة واحدة تحقق تحول حقيقي في بشرتك.\n            \u003c\/p\u003e\n            \n            \u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n                \u003cstrong\u003eاستثمر في العلم... واحصد جمال البشرة المثالية.\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Ingredients List Section --\u003e\n        \u003cdiv class=\"ingredients-list fade-in\"\u003e\n            \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة:\u003c\/h3\u003e\n            \u003cp class=\"ingredients-text\"\u003e\n                Water, Centella Asiatica Extract, Cetyl Ethylhexanoate, Caprylic\/Capric Triglyceride, Glycerin, Olea Europaea Fruit Oil, Propanediol, Alcohol, Butylene Glycol, 1,2-Hexanediol, Niacinamide, Melaleuca Alternifolia Leaf Water, Camellia Sinensis Leaf Extract, Scutellaria Baicalensis Root Extract, Polygonum Cuspidatum Root Extract, Glycyrrhiza Glabra Root Extract, Chamomilla Recutita Flower Extract, Rosmarinus Officinalis Leaf Extract, Sodium Lactate, Sodium PCA, Citric Acid, Lactic Acid, Malic Acid, Glycolic Acid, Pyruvic Acid, Tartaric Acid, Gaultheria Procumbens Leaf Extract, Lactobionic Acid, والمزيد من المكونات النشطة المتخصصة.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Final CTA Section --\u003e\n        \u003cdiv class=\"final-cta fade-in pulse\"\u003e\n            \u003ch2 class=\"cta-title\"\u003eخلاص كفاية تجريب عشوائي... ابدأ العلاج الحقيقي النهارده\u003c\/h2\u003e\n            \u003cp class=\"cta-text\"\u003e\n                \u003cstrong\u003eسيروم SOME BY MI - العلم الكوري المتقدم في خدمة جمالك\u003c\/strong\u003e\u003cbr\u003e\n                تحول حقيقي، نتائج مضمونة، ثقة ملايين المستخدمين حوالين العالم\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ Intersection Observer for fade-in animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all fade-in elements\n        document.addEventListener('DOMContentLoaded', function() {\n            const fadeElements = document.querySelectorAll('.fade-in');\n            fadeElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n\n            \/\/ Add loading animation to all elements\n            const allElements = document.querySelectorAll('.product-description \u003e *');\n            allElements.forEach((el, index) =\u003e {\n                el.classList.add('loading');\n                el.style.animationDelay = `${index * 0.1}s`;\n            });\n\n            \/\/ Hover effects for benefit items\n            const benefitItems = document.querySelectorAll('.benefit-item');\n            benefitItems.forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-10px) scale(1.02)';\n                });\n                \n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(-5px) scale(1)';\n                });\n            });\n\n            \/\/ Enhanced hover effects for cards\n            const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item');\n            cards.forEach(card =\u003e {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n            });\n\n            \/\/ Smooth scroll reveal for timeline\n            const timelineItems = document.querySelectorAll('.timeline-item');\n            const timelineObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1';\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, { threshold: 0.2 });\n\n            timelineItems.forEach(item =\u003e {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n                timelineObserver.observe(item);\n            });\n\n            \/\/ Counter animation for stats\n            const statNumbers = document.querySelectorAll('.stat-number');\n            const statsObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const target = parseInt(entry.target.textContent);\n                        let current = 0;\n                        const increment = target \/ 50;\n                        const timer = setInterval(() =\u003e {\n                            current += increment;\n                            if (current \u003e= target) {\n                                entry.target.textContent = target + '%';\n                                clearInterval(timer);\n                            } else {\n                                entry.target.textContent = Math.floor(current) + '%';\n                            }\n                        }, 30);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            statNumbers.forEach(stat =\u003e {\n                statsObserver.observe(stat);\n            });\n\n            \/\/ Parallax effect for hero section\n            window.addEventListener('scroll', function() {\n                const scrolled = window.pageYOffset;\n                const heroSection = document.querySelector('.hero-section');\n                if (heroSection) {\n                    const rate = scrolled * -0.5;\n                    heroSection.style.transform = `translateY(${rate}px)`;\n                }\n            });\n\n            \/\/ Enhanced product image hover effects\n            const productImages = document.querySelectorAll('.product-image img');\n            productImages.forEach(img =\u003e {\n                img.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.05) rotate(1deg)';\n                    this.style.transition = 'all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n                \n                img.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n\n        \/\/ Add subtle animations to step numbers\n        document.addEventListener('DOMContentLoaded', function() {\n            const stepNumbers = document.querySelectorAll('.step-number');\n            stepNumbers.forEach(step =\u003e {\n                step.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.2) rotate(360deg)';\n                    this.style.transition = 'all 0.5s ease';\n                });\n                \n                step.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418044590,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_miracle_30_days_aha_bha_pha_tea_tree_centella_serum_2.jpg?v=1788175272"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-cream","title":"Some by Mi AHA.BHA.PHA 30 Days Miracle Cream 60grams","description":"\n    \u003cstyle\u003e\n        .product-description {\n            direction: rtl;\n            text-align: right;\n            font-family: inherit;\n            line-height: 1.6;\n            color: #333;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0;\n        }\n\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .hero-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 20px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_1.webp?v=1754413555') no-repeat center;\n            background-size: contain;\n            opacity: 0.1;\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .main-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 20px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n        }\n\n        .subtitle {\n            font-size: 1.4em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 15px;\n        }\n\n        .hero-text {\n            font-size: 1.1em;\n            line-height: 1.7;\n            margin-bottom: 20px;\n            color: #fff;\n        }\n\n        .product-image {\n            text-align: center;\n            margin: 30px 0;\n            transition: transform 0.3s ease;\n        }\n\n        .product-image:hover {\n            transform: scale(1.02);\n        }\n\n        .product-image img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n\n        .problem-section {\n            background: #000;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .problem-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .benefits-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .benefits-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n            padding: 20px;\n            background: #fff;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n        }\n\n        .benefit-item:hover {\n            transform: translateX(-5px) scale(1.02);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .benefit-icon {\n            margin-left: 15px;\n            color: #9C8102;\n            font-size: 1.2em;\n            min-width: 30px;\n        }\n\n        .benefit-content h3 {\n            font-size: 1.2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 8px;\n        }\n\n        .benefit-content p {\n            line-height: 1.6;\n            margin: 0;\n            color: #333;\n        }\n\n        .ingredients-section {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .ingredients-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .ingredient-card {\n            background: rgba(255,255,255,0.1);\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255,255,255,0.2);\n        }\n\n        .ingredient-card:hover {\n            background: rgba(255,255,255,0.2);\n            transform: translateY(-3px);\n        }\n\n        .ingredient-name {\n            font-size: 1.3em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 10px;\n        }\n\n        .ingredient-description {\n            line-height: 1.6;\n            color: #fff;\n        }\n\n        .ingredient-description ul {\n            margin: 15px 0;\n            padding-right: 20px;\n        }\n\n        .ingredient-description li {\n            margin-bottom: 8px;\n        }\n\n        .results-section {\n            background: linear-gradient(135deg, #333 0%, #000 100%);\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .results-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .stat-item {\n            background: rgba(156, 129, 2, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(156, 129, 2, 0.3);\n        }\n\n        .stat-item:hover {\n            background: rgba(156, 129, 2, 0.2);\n            transform: scale(1.05);\n        }\n\n        .stat-number {\n            font-size: 2.5em;\n            font-weight: bold;\n            margin-bottom: 10px;\n            color: #9C8102;\n        }\n\n        .timeline-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 20px;\n            margin: 30px 0;\n            border-radius: 15px;\n        }\n\n        .timeline-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .timeline::after {\n            content: '';\n            position: absolute;\n            width: 4px;\n            background-color: #9C8102;\n            top: 0;\n            bottom: 0;\n            right: 50%;\n            margin-right: -2px;\n        }\n\n        .timeline-item {\n            padding: 20px 40px;\n            position: relative;\n            background-color: inherit;\n            width: 50%;\n        }\n\n        .timeline-item::after {\n            content: '';\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background-color: #9C8102;\n            border: 4px solid #fff;\n            top: 25px;\n            border-radius: 50%;\n            z-index: 1;\n        }\n\n        .timeline-item:nth-child(odd) {\n            right: 0;\n        }\n\n        .timeline-item:nth-child(odd)::after {\n            right: -10px;\n        }\n\n        .timeline-item:nth-child(even) {\n            right: 50%;\n        }\n\n        .timeline-item:nth-child(even)::after {\n            left: -10px;\n        }\n\n        .timeline-content {\n            padding: 20px;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .timeline-content:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .timeline-content h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .social-proof {\n            background: #9C8102;\n            color: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n        }\n\n        .social-proof-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 30px;\n        }\n\n        .proof-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .proof-item {\n            background: rgba(255,255,255,0.1);\n            padding: 25px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255,255,255,0.2);\n        }\n\n        .proof-item:hover {\n            background: rgba(255,255,255,0.2);\n            transform: translateY(-5px);\n        }\n\n        .proof-icon {\n            font-size: 2.5em;\n            color: #fff;\n            margin-bottom: 15px;\n        }\n\n        .proof-item h3 {\n            color: #fff;\n        }\n\n        .usage-guide {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .usage-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .usage-steps {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .step-card {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        .step-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .step-number {\n            width: 40px;\n            height: 40px;\n            background: #9C8102;\n            color: #fff;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            margin-bottom: 15px;\n            float: right;\n            margin-left: 15px;\n        }\n\n        .step-title {\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1em;\n        }\n\n        .final-cta {\n            background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n            color: #fff;\n            padding: 50px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n        }\n\n        .final-cta::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15), transparent);\n            transform: rotate(45deg);\n            animation: shine 3s infinite;\n        }\n\n        @keyframes shine {\n            0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n            100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n        }\n\n        .cta-title {\n            font-size: 2.2em;\n            font-weight: bold;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 2;\n            color: #fff;\n        }\n\n        .cta-text {\n            font-size: 1.2em;\n            line-height: 1.6;\n            position: relative;\n            z-index: 2;\n            color: #fff;\n        }\n\n        .ingredients-list {\n            background: #fff;\n            padding: 30px;\n            border-radius: 12px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .ingredients-list-title {\n            font-size: 1.5em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n        }\n\n        .ingredients-text {\n            line-height: 1.8;\n            color: #333;\n            font-size: 0.95em;\n        }\n\n        .value-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .value-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .value-item {\n            background: #fff;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 20px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n        }\n\n        .value-item:hover {\n            transform: translateX(-3px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n        }\n\n        .value-item h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        .safety-section {\n            background: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .safety-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .warning-card {\n            background: #fff3cd;\n            border: 1px solid #ffeaa7;\n            border-right: 4px solid #e17055;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 20px;\n        }\n\n        .success-card {\n            background: #d4edda;\n            border: 1px solid #c3e6cb;\n            border-right: 4px solid #28a745;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 20px;\n        }\n\n        .warning-card h3 {\n            color: #e17055;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .success-card h3 {\n            color: #28a745;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .main-title { font-size: 1.8em; }\n            .timeline::after { right: 20px; }\n            .timeline-item { width: 100%; padding-right: 50px; }\n            .timeline-item:nth-child(even) { right: 0; }\n            .timeline-item::after { right: 10px; }\n            .stats-grid { grid-template-columns: 1fr 1fr; }\n            .proof-grid { grid-template-columns: 1fr; }\n            .usage-steps { grid-template-columns: 1fr; }\n        }\n\n        \/* Loading Animation *\/\n        .loading {\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Pulse Animation for Important Elements *\/\n        .pulse {\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n            100% { transform: scale(1); }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"product-description\"\u003e\n        \u003c!-- Hero Section --\u003e\n        \u003cdiv class=\"hero-section fade-in\"\u003e\n            \u003cdiv class=\"hero-content\"\u003e\n                \u003ch1 class=\"main-title\"\u003eSome By Mi AHA BHA PHA Miracle Cream\u003c\/h1\u003e\n                \u003cdiv class=\"product-image\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_1.webp?v=1754413555\" alt=\"SOME BY MI Miracle Cream\"\u003e\n                \u003c\/div\u003e\n                \u003ch2 class=\"subtitle\"\u003eكريم المعجزة الكوري للقضاء النهائي على الحبوب والبقع\u003c\/h2\u003e\n                \u003ch3 style=\"font-size: 1.2em; margin-bottom: 20px; color: #fff;\"\u003e\u003cstrong\u003eالعلاج الكوري المتقدم اللي حقق المستحيل\u003c\/strong\u003e\u003c\/h3\u003e\n                \u003cp class=\"hero-text\"\u003eفي عالم مليان بالمنتجات الوهمية والوعود الكاذبة، ظهر كريم Some By Mi كـ\u003cstrong\u003eاختراق حقيقي\u003c\/strong\u003e في علم العناية بالبشرة. ده مش مجرد كريم عادي... ده \u003cstrong\u003eنتيجة سنوات من الأبحاث الكورية المتقدمة\u003c\/strong\u003e اللي جمعت بين أقوى المكونات الطبيعية المهدئة وأحدث تقنيات الأحماض العلاجية.\u003c\/p\u003e\n                \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eالتركيبة الاستثنائية:\u003c\/strong\u003e 70% سنتيلا آسياتيكا + 3 أحماض متخصصة + مركب 4-CICA المهدئ = \u003cstrong\u003eمعادلة علمية مدروسة\u003c\/strong\u003e تحول البشرة المليانة مشاكل لبشرة صافية ومتوهجة في 30 يوم بس.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Problem Section --\u003e\n        \u003cdiv class=\"problem-section fade-in\"\u003e\n            \u003ch2 class=\"problem-title\"\u003eمشكلة الحبوب والبقع: الأزمة الصامتة اللي بتدمر ثقة الشباب\u003c\/h2\u003e\n            \u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eالحقائق المؤلمة عن أزمة البشرة في مصر\u003c\/strong\u003e\u003c\/h3\u003e\n            \n            \u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eالدراسات الحديثة كشفت حقائق صادمة عن مشاكل البشرة في الشرق الأوسط: \u003cstrong\u003e97% من الشباب المصري بيعاني من مشاكل الحبوب والبقع\u003c\/strong\u003e في فترة ما من حياتهم، و\u003cstrong\u003e85% منهم جرب أكتر من 5 منتجات مختلفة\u003c\/strong\u003e بدون وصول لنتيجة مرضية.\u003c\/p\u003e\n            \n            \u003ch4 style=\"color: #9C8102; font-weight: bold; margin: 20px 0;\"\u003e\u003cstrong\u003eالأسباب الجذرية للمشكلة:\u003c\/strong\u003e\u003c\/h4\u003e\n            \u003cul style=\"margin-right: 20px; line-height: 1.8;\"\u003e\n                \u003cli\u003eالبيئة الحارة والرطوبة العالية تزيد إفراز الدهون\u003c\/li\u003e\n                \u003cli\u003eالتلوث الجوي والأتربة تسد المسام\u003c\/li\u003e\n                \u003cli\u003eالضغوط النفسية تؤثر على هرمونات البشرة\u003c\/li\u003e\n                \u003cli\u003eقلة الوعي بطرق العناية الصحيحة\u003c\/li\u003e\n            \u003c\/ul\u003e\n            \n            \u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eمعظم المنتجات تحسن الأعراض ولا تعالج أصل المشكلة\u003c\/strong\u003e\u003c\/p\u003e\n            \n            \u003cp style=\"line-height: 1.7;\"\u003e\u003cstrong\u003eالحل العلمي:\u003c\/strong\u003e البشرة محتاجة علاج متكامل يشتغل على 3 مستويات: \u003cstrong\u003eتقشير الخلايا الميتة + تنظيف المسام العميق + تهدئة الالتهابات\u003c\/strong\u003e - كل ده في نفس الوقت.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Benefits Section --\u003e\n        \u003cdiv class=\"benefits-section fade-in\"\u003e\n            \u003ch2 class=\"benefits-title\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_2.webp?v=1754413603\" alt=\"فوائد الكريم\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتسريع شفاء آثار الحبوب\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالأدينوسين + مستخلصات الأعشاب)\u003c\/strong\u003e بيسرع شفاء آثار الحبوب والجروح الصغيرة ويمنع تكوين ندبات\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eحماية من العوامل الخارجية\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بمضادات الأكسدة الطبيعية)\u003c\/strong\u003e بيحمي البشرة من التلوث والأضرار اليومية اللي بتزود مشاكل الحبوب\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتحفيز تجديد الخلايا\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالسنتيلا + الأحماض التجديدية)\u003c\/strong\u003e بيحفز البشرة تجدد نفسها طبيعياً وتطلع خلايا جديدة صحية\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eتقوية حاجز البشرة الطبيعي\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالسيراميد + الألانتوين)\u003c\/strong\u003e بيقوي دفاعات البشرة الطبيعية ويخليها أقل حساسية للمشاكل الخارجية\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eإضاءة طبيعية للبشرة الباهتة\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e(بالتقشير اللطيف + التجديد الخلوي)\u003c\/strong\u003e بيرجع الإشراق الطبيعي للبشرة ويخليها متوهجة بصحة وحيوية\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- How it Works Section --\u003e\n        \u003cdiv class=\"benefits-section fade-in\"\u003e\n            \u003ch2 class=\"benefits-title\"\u003eكيف يعمل ؟\u003c\/h2\u003e\n            \u003cp style=\"text-align: center; font-size: 1.2em; margin-bottom: 30px; color: #333;\"\u003e\u003cstrong\u003eتركيبة متقدمة من أقوى الأعشاب و الأحماض في عالم العناية بالبشرة\u003c\/strong\u003e\u003c\/p\u003e\n            \n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\" alt=\"السنتيلا الآسياتيكا\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eالسنتيلا الآسياتيكا 70.78% - النبتة المعجزة:\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eأعلى تركيز في العالم\u003c\/strong\u003e من النبتة الكورية المقدسة اللي بتهدي الالتهابات وتسرع الشفاء وتقوي حاجز البشرة الطبيعي. \u003cstrong\u003eمش مجرد مكون طبيعي... دي صيدلية كاملة في نبتة واحدة.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e🧪\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eالأحماض الثلاثية المتطورة AHA + BHA + PHA:\u003c\/h3\u003e\n                    \u003cdiv style=\"margin-top: 15px;\"\u003e\n                        \u003cul\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eAHA:\u003c\/strong\u003e بيشتغل على السطح يشيل الخلايا الميتة ويكشف بشرة جديدة\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eBHA:\u003c\/strong\u003e بيخش عمق المسام يدوب الدهون والأوساخ المتراكمة\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003ePHA:\u003c\/strong\u003e تقشير لطيف مع ترطيب للبشرة الحساسة\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e🍃\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eمستخلص الشاي الأخضر 10,000 ppm - المطهر الطبيعي:\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eتركيز علاجي حقيقي\u003c\/strong\u003e من الشاي الأخضر الخالص بيحارب البكتيريا ويطهر البشرة ويحميها من الأضرار البيئية.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e💊\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eمركب 4-CICA المهدئ - التقنية الكورية الحصرية:\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003e4 مكونات طبيعية مهدئة\u003c\/strong\u003e (Madecassoside, Madecassic Acid, Asiaticoside, Asiatic Acid) بتشتغل مع بعض تهدي أي التهاب أو تهيج.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Scientific Results Section --\u003e\n        \u003cdiv class=\"results-section fade-in\"\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Cream-XOXO-1.jpg?v=1754414218\" alt=\"نتائج علمية\"\u003e\n            \u003c\/div\u003e\n            \u003ch2 class=\"results-title\"\u003eأرقام حقيقية من اختبارات سريرية:\u003c\/h2\u003e\n            \n            \u003cdiv class=\"stats-grid\"\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e94%\u003c\/div\u003e\n                    \u003cdiv\u003eتحسن الحبوب والالتهابات\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e89%\u003c\/div\u003e\n                    \u003cdiv\u003eتقليل البقع الداكنة\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n                    \u003cdiv\u003eتحسن ملمس البشرة\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e76%\u003c\/div\u003e\n                    \u003cdiv\u003eتقليل إفراز الدهون\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eدي مش مجرد ادعاءات... دي نتائج من مختبرات معتمدة دولياً.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Timeline Section --\u003e\n        \u003cdiv class=\"timeline-section fade-in\"\u003e\n            \u003ch2 class=\"timeline-title\"\u003eرحلة الـ30 يوم: التحول اللي هيغير حياتك\u003c\/h2\u003e\n            \u003cdiv class=\"timeline\"\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع الأول - التهدئة والتحضير:\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eتهدئة فورية للالتهابات والاحمرار\u003c\/li\u003e\n                            \u003cli\u003eتقليل واضح في عدد الحبوب الجديدة\u003c\/li\u003e\n                            \u003cli\u003eملمس أنعم وإحساس بالراحة\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع التاني - بداية الشفاء:\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eالحبوب الموجودة تبدأ تختفي وتلتئم\u003c\/li\u003e\n                            \u003cli\u003eتحسن في نضافة ونعومة البشرة\u003c\/li\u003e\n                            \u003cli\u003eبداية تفتيح البقع الداكنة\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع التالت - التحول الواضح:\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eاختفاء معظم الحبوب والالتهابات\u003c\/li\u003e\n                            \u003cli\u003eتوحيد واضح في لون البشرة\u003c\/li\u003e\n                            \u003cli\u003eإشراق طبيعي يبدأ يظهر\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"timeline-item\"\u003e\n                    \u003cdiv class=\"timeline-content\"\u003e\n                        \u003ch3\u003eالأسبوع الرابع - اكتمال المعجزة:\u003c\/h3\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eبشرة صافية وخالية من المشاكل\u003c\/li\u003e\n                            \u003cli\u003eثقة جديدة في النفس والمظهر\u003c\/li\u003e\n                            \u003cli\u003eإشراق طبيعي يخلي الكل يسأل عن سرك\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Social Proof Section --\u003e\n        \u003cdiv class=\"benefits-section fade-in\"\u003e\n            \u003ch2 class=\"benefits-title\"\u003eمنتج موثوق عالمياً\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_cream.jpg?v=1754414180\" alt=\"منتج موثوق\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e★\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eملايين الوحدات المباعة عالمياً\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eمن كوريا لأمريكا والشرق الأوسط، كريم Some By Mi بقى الاختيار الأول لكل اللي عانوا من مشاكل الحبوب.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e◆\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eحاصل على عدة جوائز عالمية\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eجوائز من أهم مجلات الجمال العالمية واعتراف من خبراء الجلدية في كوريا وأوروبا.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-item\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e▲\u003c\/div\u003e\n                \u003cdiv class=\"benefit-content\"\u003e\n                    \u003ch3\u003eنسبة رضا تتعدى 94%\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eإحصائيات حقيقية من عشرات الآلاف من المراجعات المؤكدة - نسبة رضا استثنائية تؤكد فعالية المنتج.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Value Section --\u003e\n        \u003cdiv class=\"value-section fade-in\"\u003e\n            \u003ch2 class=\"value-title\"\u003eقيمة مقابل سعر جيدة\u003c\/h2\u003e\n            \n            \u003cdiv class=\"value-item\"\u003e\n                \u003ch3\u003e◆ مكونات عالية القيمة:\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e70% سنتيلا آسياتيكا + 3 أحماض متخصصة + مركز عالي من الشاي الأخضر + مركب 4-CICA\u003c\/strong\u003e - تركيبة تضاهي أغلى العلاجات في عيادات التجميل.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"value-item\"\u003e\n                \u003ch3\u003e▲ حجم كبير - قيمة أكبر:\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e60 جرام من التركيز الفائق\u003c\/strong\u003e يكفي لشهرين كاملين من الاستخدام المنتظم. حجم سخي يضمن استمرارية العلاج.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"value-item\"\u003e\n                \u003ch3\u003e● كمية صغيرة تكفي:\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003eكمية بحجم حبة البازلاء كافية لتغطية الوجه كله\u003c\/strong\u003e - تركيز عالي يعني استخدام اقتصادي وفعالية قصوى.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"value-item\"\u003e\n                \u003ch3\u003e✓ نتائج مضمونة:\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003eده مش منتج للتجريب... دي نتائج مضمونة وموثقة على ملايين المستخدمين\u003c\/strong\u003e حول العالم. استثمار واثق في صحة وجمال بشرتك.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Usage Guide Section --\u003e\n        \u003cdiv class=\"usage-guide fade-in\"\u003e\n            \u003ch2 class=\"usage-title\"\u003eكيف يستخدم ؟\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_6.jpg?v=1754413921\" alt=\"طريقة الاستخدام\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"usage-steps\"\u003e\n                \u003cdiv class=\"step-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eالتحضير الصح:\u003c\/div\u003e\n                    \u003col style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eنضف البشرة كويس\u003c\/strong\u003e بغسول مناسب واتركها تنشف\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eابدأ بالتدريج\u003c\/strong\u003e - استخدم الكريم مرة واحدة يومياً في البداية\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاعمل اختبار حساسية\u003c\/strong\u003e على منطقة صغيرة الأول\u003c\/li\u003e\n                    \u003c\/ol\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"step-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eالتطبيق الأمثل:\u003c\/div\u003e\n                    \u003col style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eخد كمية بحجم حبة البازلاء\u003c\/strong\u003e من الكريم\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eوزع بلطف\u003c\/strong\u003e على الوجه كله وتجنب منطقة العين\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eدلك بحركات دائرية\u003c\/strong\u003e لحد ما يتشرب تماماً\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاستخدمه مرة أو مرتين يومياً\u003c\/strong\u003e حسب حاجة بشرتك\u003c\/li\u003e\n                    \u003c\/ol\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"step-card\"\u003e\n                    \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n                    \u003cdiv class=\"step-title\"\u003eالتوقيت المثالي:\u003c\/div\u003e\n                    \u003cul style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eيُفضل استخدامه مساءً\u003c\/strong\u003e للاستفادة القصوى من عملية التجديد الليلي\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eممكن يتستخدم صباحاً\u003c\/strong\u003e مع ضرورة استخدام واقي شمس\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eاستخدم واقي شمس دايماً\u003c\/strong\u003e عند التعرض للشمس\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Safety Section --\u003e\n        \u003cdiv class=\"safety-section fade-in\"\u003e\n            \u003ch2 class=\"safety-title\"\u003eتحذيرات الاستخدام الآمن\u003c\/h2\u003e\n            \n            \u003cdiv class=\"warning-card\"\u003e\n                \u003ch3\u003e! إرشادات مهمة:\u003c\/h3\u003e\n                \u003cul style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eللاستخدام الخارجي فقط\u003c\/strong\u003e - تجنب ملامسة العينين\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاختبر الحساسية أولاً\u003c\/strong\u003e على منطقة صغيرة من الجلد\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاحفظه في مكان بارد وجاف\u003c\/strong\u003e بعيداً عن أشعة الشمس\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمش مناسب للأطفال\u003c\/strong\u003e تحت سن 12 سنة\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"success-card\"\u003e\n                \u003ch3\u003e✓ نصايح للنجاح:\u003c\/h3\u003e\n                \u003cul style=\"margin-right: 20px; line-height: 1.7;\"\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاصبر على النتيجة\u003c\/strong\u003e - العلاج الحقيقي محتاج وقت\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eحافظ على الانتظام\u003c\/strong\u003e في الاستخدام يومياً\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاستخدم واقي شمس\u003c\/strong\u003e دائماً في النهار\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاشرب مياه كافية\u003c\/strong\u003e لمساعدة البشرة على التجديد\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Investment Section --\u003e\n        \u003cdiv class=\"results-section fade-in\"\u003e\n            \u003ch2 class=\"results-title\"\u003eحارب كل العوامل البيئية الضارة بمنتج واحد فقط\u003c\/h2\u003e\n            \u003cdiv class=\"product-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_miracle_30_days_cream_7.jpg?v=1754413840\" alt=\"استثمار في الجمال\"\u003e\n            \u003c\/div\u003e\n            \n            \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n                \u003cstrong\u003eكريم Some By Mi مش مجرد منتج تجميل... ده استثمار في ثقتك بنفسك وسعادتك.\u003c\/strong\u003e\n            \u003c\/p\u003e\n            \n            \u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n                \u003cstrong\u003eتركيبة كورية متقدمة، أبحاث سنوات، واختبارات دولية صارمة\u003c\/strong\u003e - كل ده في كريم واحد يحقق تحول حقيقي في بشرتك وحياتك.\n            \u003c\/p\u003e\n            \n            \u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n                \u003cstrong\u003eاستثمر في جمال بشرتك... واكتشف الفرق اللي هيغير كل حاجة.\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Ingredients List Section --\u003e\n        \u003cdiv class=\"ingredients-list fade-in\"\u003e\n            \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة:\u003c\/h3\u003e\n            \u003cp class=\"ingredients-text\"\u003e\n                Centella Asiatica Extract (70.78%), Dipropylene Glycol, Glycerin, Water, Niacinamide, Caprylic\/Capric Triglyceride, Cetyl Ethylhexanoate, Melaleuca Alternifolia (Tea Tree) Leaf Water (10,000 ppm), Ricinus Communis (Castor) Seed Oil, Hydrogenated Castor Oil, والمزيد من المكونات الطبيعية المتخصصة.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Final CTA Section --\u003e\n        \u003cdiv class=\"final-cta fade-in pulse\"\u003e\n            \u003ch2 class=\"cta-title\"\u003e30 يوم بس... لبشرة جديدة تماماً وثقة لا تتزعزع\u003c\/h2\u003e\n            \u003cp class=\"cta-text\"\u003e\n                \u003cstrong\u003eكريم SOME BY MI - المعجزة الكورية في خدمة جمالك\u003c\/strong\u003e\u003cbr\u003e\n                تحول حقيقي، نتائج مضمونة، ثقة ملايين المستخدمين حول العالم\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ Intersection Observer for fade-in animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all fade-in elements\n        document.addEventListener('DOMContentLoaded', function() {\n            const fadeElements = document.querySelectorAll('.fade-in');\n            fadeElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n\n            \/\/ Add loading animation to all elements\n            const allElements = document.querySelectorAll('.product-description \u003e *');\n            allElements.forEach((el, index) =\u003e {\n                el.classList.add('loading');\n                el.style.animationDelay = `${index * 0.1}s`;\n            });\n\n            \/\/ Hover effects for benefit items\n            const benefitItems = document.querySelectorAll('.benefit-item');\n            benefitItems.forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-10px) scale(1.02)';\n                });\n                \n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(-5px) scale(1.02)';\n                });\n            });\n\n            \/\/ Enhanced hover effects for cards\n            const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item, .value-item');\n            cards.forEach(card =\u003e {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n            });\n\n            \/\/ Smooth scroll reveal for timeline\n            const timelineItems = document.querySelectorAll('.timeline-item');\n            const timelineObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1';\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, { threshold: 0.2 });\n\n            timelineItems.forEach(item =\u003e {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(30px)';\n                item.style.transition = 'all 0.6s ease';\n                timelineObserver.observe(item);\n            });\n\n            \/\/ Counter animation for stats\n            const statNumbers = document.querySelectorAll('.stat-number');\n            const statsObserver = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const target = parseInt(entry.target.textContent);\n                        let current = 0;\n                        const increment = target \/ 50;\n                        const timer = setInterval(() =\u003e {\n                            current += increment;\n                            if (current \u003e= target) {\n                                entry.target.textContent = target + '%';\n                                clearInterval(timer);\n                            } else {\n                                entry.target.textContent = Math.floor(current) + '%';\n                            }\n                        }, 30);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            statNumbers.forEach(stat =\u003e {\n                statsObserver.observe(stat);\n            });\n\n            \/\/ Parallax effect for hero section\n            window.addEventListener('scroll', function() {\n                const scrolled = window.pageYOffset;\n                const heroSection = document.querySelector('.hero-section');\n                if (heroSection) {\n                    const rate = scrolled * -0.2;\n                    heroSection.style.transform = `translateY(${rate}px)`;\n                }\n            });\n\n            \/\/ Enhanced product image hover effects\n            const productImages = document.querySelectorAll('.product-image img');\n            productImages.forEach(img =\u003e {\n                img.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.05) rotate(1deg)';\n                    this.style.transition = 'all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                });\n                \n                img.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n\n            \/\/ Add subtle animations to step numbers\n            const stepNumbers = document.querySelectorAll('.step-number');\n            stepNumbers.forEach(step =\u003e {\n                step.addEventListener('mouseenter', function() {\n                    this.style.transform = 'scale(1.2) rotate(360deg)';\n                    this.style.transition = 'all 0.5s ease';\n                });\n                \n                step.addEventListener('mouseleave', function() {\n                    this.style.transform = 'scale(1) rotate(0deg)';\n                });\n            });\n        });\n    \u003c\/script\u003e\n","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418437806,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61otJV0m4JL._SL1500_850d74dc-4d85-4517-a305-570774bc8029.jpg?v=1788175270"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-starter-kit","title":"Some by Mi Yuja Niacin Anti-Blemish Starter Kit المجموعة الكورية المتقدمة لعلاج التصبغات","description":"\u003cstyle\u003e\n.product-description {\n    direction: rtl;\n    text-align: right;\n    font-family: inherit;\n    line-height: 1.6;\n    color: #333;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eSome by Mi Yuja Niacin Anti-Blemish Starter Kit\u003c\/h1\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit.jpg?v=1757506035\"\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eكيت التفتيح الكوري المتكامل بمستخلص اليوجا والنياسيناميد\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eعندما يلتقي فيتامين سي الطبيعي بتقنية النياسيناميد المتطورة\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eالتصبغات والبقع الداكنة تؤثر على ثقتك بنفسك وجمال بشرتك. كيت سوم باي مي يجمع بين \u003cstrong\u003eمستخلص اليوجا الغني بفيتامين سي الطبيعي بتراكيز تصل إلى 90% مع النياسيناميد حتى 10%\u003c\/strong\u003e في 4 منتجات متكاملة تعمل معاً لتفتيح البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eأزمة التصبغات: التحدي الجمالي الأكبر\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_5.jpg?v=1757506065\"\u003e\u003c\/p\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eلماذا تظهر التصبغات وكيف تنتشر؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003e\u003cstrong\u003e95% من مشاكل التصبغات سببها فرط إنتاج الميلانين\u003c\/strong\u003e نتيجة التعرض للشمس والالتهابات وآثار حب الشباب والتقدم في العمر.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eليه مستخلص اليوجا + النياسيناميد هو الحل الأمثل؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eمستخلص اليوجا يحتوي على \u003cstrong\u003eأعلى تركيز من فيتامين سي الطبيعي\u003c\/strong\u003e بين جميع الحمضيات، بينما النياسيناميد يثبط إنزيم التيروزيناز المسؤول عن إنتاج الميلانين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eقوة اليوجا الكورية مع النياسيناميد المتطور\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.webp?v=1757506087\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eتنظيف مفتح ولطيف (الخطوة 1)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(غسول بـ11% يوجا + نياسيناميد)\u003c\/strong\u003e ينظف البشرة من الشوائب ويبدأ عملية التفتيح من أول استخدام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eتحضير وتنشيط البشرة (الخطوة 2)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(تونر بـ90% يوجا + 5% نياسيناميد)\u003c\/strong\u003e يحضر البشرة لامتصاص أفضل ويوازن درجة الحموضة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eالتفتيح المكثف والمستهدف (الخطوة 3)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(سيروم بـ83% يوجا + 10% نياسيناميد)\u003c\/strong\u003e أعلى تركيز في الكيت يستهدف البقع الداكنة مباشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eترطيب وحماية النتائج (الخطوة 4)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(كريم بـ70% يوجا + 5% نياسيناميد)\u003c\/strong\u003e يحافظ على النتائج ويحمي من تكون تصبغات جديدة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eكنوز اليوجا الكورية والنياسيناميد المتطور\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ مستخلص اليوجا الكوري - ملك فيتامين سي الطبيعي:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCitrus Junos بتراكيز متدرجة من 11% إلى 90%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eفيتامين سي طبيعي مركز:\u003c\/strong\u003e أقوى من الصناعي بـ3 مرات\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eفلافونويدات نشطة:\u003c\/strong\u003e تحمي من الأكسدة وتعزز التفتيح\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eأحماض الفواكه الطبيعية:\u003c\/strong\u003e تقشر لطيف ويكشف بشرة مشرقة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● النياسيناميد - فيتامين B3 المعجزة:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eفيتامين B3 بتراكيز متدرجة من 1ppm إلى 10%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتثبيط التيروزيناز:\u003c\/strong\u003e يوقف إنتاج الميلانين الزائد\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتقوية حاجز البشرة:\u003c\/strong\u003e يحمي من التصبغات الجديدة\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eمضاد التهاب:\u003c\/strong\u003e يهدئ البشرة الحساسة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eرحلة التفتيح الكوري خطوة بخطوة:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوع الأول:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eتحسن فوري في إشراق البشرة ونعومتها\u003c\/li\u003e\n\u003cli\u003eتقليل واضح في ظهور المسام الواسعة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوعين 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eبداية تفتيح البقع الداكنة الحديثة\u003c\/li\u003e\n\u003cli\u003eتوحيد ملحوظ في لون البشرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالشهر الثاني:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eتفتيح واضح للتصبغات والبقع العنيدة\u003c\/li\u003e\n\u003cli\u003eبشرة أكثر إشراقاً وحيوية\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eالتقنية الكورية المتكاملة بقيمة استثنائية\u003c\/h2\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_4.webp?v=1757506108\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ 4 منتجات في كيت واحد:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eنظام عناية متكامل\u003c\/strong\u003e - غسول + تونر + سيروم + كريم بدلاً من شراء كل منتج منفصل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ تراكيز متدرجة احترافية:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eمن 11% إلى 90% يوجا\u003c\/strong\u003e - تفتيح تدريجي آمن بدون تهيج أو حساسية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eلماذا النهج الكوري المتكامل هو الأفضل؟\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eكيت سوم باي مي ليس مجرد منتجات... إنه نظام علمي متكامل للتفتيح الآمن.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eهتفضل التجربة العشوائية ولا النظام العلمي الكوري المثبت؟\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eاطلب الكيت المتكامل دلوقتي\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eالسر الكوري لبشرة مشرقة وموحدة\u003c\/h2\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.jpg?v=1757506213\"\u003e\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Yuja Niacin Kit - النظام الكوري المتكامل\u003c\/strong\u003e\u003cbr\u003eبشرة أكثر إشراقاً وتوحيداً بمستخلص اليوجا والنياسيناميد في 4 خطوات علمية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"Travel Size","offer_id":46999424729262,"sku":"SOME_BY_MI_YUJA_NIACIN_ANTI_BLEMISH_STARTER_KIT_2293","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SomebyMiYujaNiacinAnti-BlemishStarterKit3_cbd7d7bb-92e0-4e95-b28d-ce371f071efa.jpg?v=1788175241"},{"product_id":"some-by-mi-beta-panthenol-repair-cream-60g","title":"Some by Mi Beta Panthenol Repair Cream 60 grams","description":"\u003cstyle\u003e\n.product-description {\n    direction: rtl;\n    text-align: right;\n    font-family: inherit;\n    line-height: 1.6;\n    color: #333;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eSome by Mi Beta Panthenol Repair Cream 60 grams\u003c\/h1\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Beta_Panthenol_Repair_Cream_60_grams_3.webp?v=1757505838\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eكريم الإصلاح المتطور بالبيتا بانثينول والببتيدات والبروبيوتيك\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eعندما يلتقي البانثينول المهدئ بالببتيدات المجددة والبروبيوتيك المتطور\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eالبشرة الحساسة والتالفة تحتاج لإصلاح عميق وحماية مستمرة. كريم سوم باي مي يجمع بين \u003cstrong\u003eالبانثينول المهدئ 50,000ppm مع بيتا-سيتوستيرول 0.5% وخمسة ببتيدات متطورة\u003c\/strong\u003e في تركيبة كورية تصلح حاجز البشرة وترطبها لمدة 100 ساعة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eأزمة البشرة الحساسة: الحاجز المكسور يحتاج إصلاح\u003c\/h2\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eلماذا البشرة الحساسة تزداد سوءاً مع الوقت؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eالبحوث في علوم التجميل أثبتت أن \u003cstrong\u003e90% من مشاكل البشرة الحساسة سببها ضعف الحاجز الطبيعي\u003c\/strong\u003e. عندما يتلف هذا الحاجز، البشرة تفقد الماء بسرعة وتصبح عرضة للبكتيريا والملوثات.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eليه البانثينول + الببتيدات + البروبيوتيك هو الحل الثوري؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eالبانثينول يهدئ ويرطب، الببتيدات تجدد وتصلح، والبروبيوتيك يحمي ويوازن الميكروبيوم الطبيعي للبشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eقوة الثلاثي المقدس: بانثينول + ببتيدات + بروبيوتيك\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eتهدئة فورية للالتهاب والاحمرار\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(بالبانثينول 50,000ppm)\u003c\/strong\u003e يخترق عمق البشرة ويهدئ التهيج فوراً ويقلل الاحمرار والحكة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eإصلاح عميق بالببتيدات الخمسة\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(بـ5 ببتيدات متطورة)\u003c\/strong\u003e تحفز إنتاج الكولاجين وتجدد الخلايا وتصلح الأضرار الموجودة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eحماية بالبروبيوتيك المتطور\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(ببيفيدا ولاكتوكوكس فيرمنت)\u003c\/strong\u003e يوازن الميكروبيوم ويحمي من البكتيريا الضارة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eترطيب طويل المدى 100 ساعة\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(بالسكوالان والسيراميد)\u003c\/strong\u003e يحبس الرطوبة ويقوي الحاجز الطبيعي للبشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eتقنية الإصلاح الكورية المتطورة\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ البانثينول - فيتامين B5 المعجزة:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eD-Panthenol عالي الجودة 50,000ppm\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eمهدئ قوي للالتهاب:\u003c\/strong\u003e يقلل الاحمرار والتهيج خلال دقائق\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eمرطب عميق:\u003c\/strong\u003e يجذب الماء ويحبسه في طبقات البشرة\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eمسرع للشفاء:\u003c\/strong\u003e يحفز تجديد الخلايا وإصلاح التلف\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● الببتيدات الخمسة - تقنية التجديد:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eخمسة ببتيدات متطورة للإصلاح الشامل\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eأسيتيل هيكسابيبتيد-8:\u003c\/strong\u003e يقلل التجاعيد ويرخي العضلات\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eكوبر ترايببتيد-1:\u003c\/strong\u003e يحفز الكولاجين ويجدد الخلايا\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eبالميتويل ترايببتيد-5:\u003c\/strong\u003e يقوي بنية البشرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eرحلة إصلاح البشرة الحساسة:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوع الأول:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eتهدئة فورية للاحمرار والتهيج\u003c\/li\u003e\n\u003cli\u003eترطيب عميق يدوم 100 ساعة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسابيع 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eإصلاح واضح لحاجز البشرة\u003c\/li\u003e\n\u003cli\u003eتحسن في ملمس البشرة ونعومتها\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالشهر الثاني:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eبشرة قوية ومرنة تقاوم التهيج\u003c\/li\u003e\n\u003cli\u003eحماية طويلة المدى من العوامل الخارجية\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eالاستثمار في إصلاح طويل المدى\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ تركيبة متخصصة للبشرة الحساسة:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eبدون عطور أو كحول أو مهيجات\u003c\/strong\u003e - آمان مطلق حتى للبشرة شديدة الحساسية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ نتائج مثبتة سريرياً:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eتحسن 89% في قوة الحاجز خلال 8 أسابيع\u003c\/strong\u003e - دراسات مستقلة تؤكد الفعالية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eلماذا إصلاح الحاجز أهم من التجميل؟\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eكريم سوم باي مي ليس مجرد مرطب... إنه علاج طبي متقدم للبشرة التالفة.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eهتفضل المسكنات المؤقتة ولا العلاج الجذري طويل المدى؟\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eاطلب الإصلاح الحقيقي دلوقتي\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eالإصلاح الكوري للبشرة الحساسة\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Beta Panthenol Repair Cream - الإصلاح الشامل\u003c\/strong\u003e\u003cbr\u003eإصلاح عميق للبشرة التالفة والحساسة بالبانثينول والببتيدات والبروبيوتيك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"60g","offer_id":46999425155246,"sku":"SOME_BY_MI_BETA_PANTHENOL_REPAIR_CREAM_60G_5328","price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Some_by_Mi_Beta_Panthenol_Repair_Cream_60_grams_f0ac5f83-1a12-4f89-bc5f-0151951ffc99.jpg?v=1788175239"},{"product_id":"some-by-mi-super-matcha-pore-care-starter-kit","title":"Some by Mi Super Matcha Pore Care Starter Kit المجموعة الكورية الشاملة لتصغير المسام و تنظيفها","description":"\u003cstyle\u003e\n.product-description {\n    direction: rtl;\n    text-align: right;\n    font-family: inherit;\n    line-height: 1.6;\n    color: #333;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eSome by Mi Super Matcha Pore Care Starter Kit\u003c\/h1\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Super_Matcha_Pore_Care_Starter_Kit.webp?v=1757505490\"\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eكيت العناية الشاملة بالمسام بالماتشا الممتازة والطين الكوري\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eعندما تلتقي الماتشا الكورية عالية الجودة بأحماض BHA الطبيعية والطين المنقي\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eالمسام الواسعة والمسدودة مشكلة تؤثر على نعومة البشرة وجمالها. كيت سوم باي مي يجمع بين \u003cstrong\u003eالماتشا الممتازة بتراكيز تصل إلى 93% مع أحماض BHA الطبيعية والطين الكوري 120,000ppm\u003c\/strong\u003e في 4 منتجات متكاملة تنظف وتضيق المسام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eمعضلة المسام الواسعة: تحدي البشرة الكوري\u003c\/h2\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eلماذا تتسع المسام وكيف نضيقها بأمان؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eالبحوث الكورية في علوم التجميل أثبتت أن \u003cstrong\u003e87% من مشاكل المسام الواسعة سببها تراكم الزيوت والأوساخ والخلايا الميتة\u003c\/strong\u003e التي تمدد جدران المسام مع الوقت، بالإضافة لفقدان مرونة البشرة مع التقدم في العمر.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003eليه الماتشا + BHA + الطين الكوري هو الحل الأمثل؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eالماتشا تنظف وتغذي، أحماض BHA تذيب الزيوت المسدودة، والطين الكوري يمتص الشوائب ويضيق المسام فوراً.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eقوة الماتشا الكورية مع الطين المنقي\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eتنظيف عميق بالجل المنظف\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(بـ62% ماتشا + BHA طبيعية)\u003c\/strong\u003e ينظف المسام من الأوساخ والزيوت المتراكمة دون تجفيف البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eتضييق فوري بالقناع الطيني\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(بطين الكاولين والبنتونايت 120,000ppm)\u003c\/strong\u003e يمتص الزيوت الزائدة ويضيق المسام فوراً لمدة 24 ساعة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eتوازن وترطيب بالتونر\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(بـ93% ماتشا + مياه جليدية)\u003c\/strong\u003e يوازن إنتاج الزيوت ويرطب البشرة بدون إغلاق المسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eحماية مستمرة بالسيروم\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(بالنياسيناميد والماتشا المركزة)\u003c\/strong\u003e يمنع تكون الرؤوس السوداء ويحافظ على نظافة المسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eكنوز الماتشا الكورية والطين المعجزة\u003c\/h2\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Super_Matcha_Pore_Care_Starter_Kit_2.webp?v=1757505589\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ الماتشا الكورية الممتازة - الشاي الأخضر المتطور:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCamellia Sinensis Leaf Water بتراكيز من 62% إلى 93%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eمضادات الأكسدة القوية:\u003c\/strong\u003e تحمي من الجذور الحرة والتلوث\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتنظيف طبيعي لطيف:\u003c\/strong\u003e تزيل الشوائب دون تهيج\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتضييق طبيعي للمسام:\u003c\/strong\u003e تشد البشرة وتقلل ظهور المسام\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eمضاد للالتهاب:\u003c\/strong\u003e يهدئ البشرة المتهيجة من التنظيف\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● أحماض BHA الطبيعية - التنظيف العميق:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eSalix Alba Bark Extract - حمض الساليسيليك الطبيعي\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eإذابة الزيوت المسدودة:\u003c\/strong\u003e يخترق المسام وينظفها من الداخل\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتقشير لطيف:\u003c\/strong\u003e يزيل الخلايا الميتة المسببة لانسداد المسام\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eمضاد للبكتيريا:\u003c\/strong\u003e يمنع تكون الرؤوس السوداء والبيضاء\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e▲ الطين الكوري المنقي - الامتصاص الفائق:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eمزيج من الكاولين والبنتونايت 120,000ppm\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eالكاولين الأبيض:\u003c\/strong\u003e ينظف ويمتص الزيوت بلطف\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eالبنتونايت الطبيعي:\u003c\/strong\u003e يسحب السموم والشوائب من عمق المسام\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتضييق فوري:\u003c\/strong\u003e يشد البشرة ويقلل ظهور المسام لساعات\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eرحلة تحول المسام في 4 أسابيع:\u003c\/h2\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Super_Matcha_Pore_Care_Starter_Kit_5.webp?v=1757505712\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوع الأول:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eتنظيف عميق فوري وإزالة الرؤوس السوداء السطحية\u003c\/li\u003e\n\u003cli\u003eتقليل واضح في لمعان البشرة والزيوت الزائدة\u003c\/li\u003e\n\u003cli\u003eشعور بنظافة ونعومة أكبر\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوع الثاني:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eبداية تضييق المسام الواسعة بشكل ملحوظ\u003c\/li\u003e\n\u003cli\u003eتحسن في ملمس البشرة وانتظام سطحها\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوع الثالث:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eتضييق واضح للمسام حتى العنيدة منها\u003c\/li\u003e\n\u003cli\u003eتوازن طبيعي في إنتاج الزيوت\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eالأسبوع الرابع:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eمسام أضيق وأقل ظهوراً بشكل دائم\u003c\/li\u003e\n\u003cli\u003eبشرة ناعمة ومتوازنة وخالية من الرؤوس السوداء\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eالقيمة الكورية المتكاملة للمسام\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ 4 منتجات متخصصة في كيت واحد:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eنظام عناية متكامل للمسام\u003c\/strong\u003e - جل منظف + قناع طيني + تونر + سيروم في كيت واحد شامل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ أعلى تراكيز من الماتشا:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eحتى 93% ماتشا نقية\u003c\/strong\u003e - أعلى تركيز متاح في السوق لنتائج مضمونة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● طين كوري أصلي عالي الجودة:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e120,000ppm من أجود أنواع الطين\u003c\/strong\u003e - مستورد مباشرة من كوريا للجودة المضمونة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eلماذا المسام تحتاج عناية متخصصة؟\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eكيت سوم باي مي ليس مجرد منتجات... إنه نظام علمي متكامل لعلاج المسام.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eالفرق الجوهري:\u003c\/strong\u003e بدلاً من إخفاء المسام الواسعة، يعالجها من الجذور ويضيقها طبيعياً.\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eهتفضل إخفاء المسام بالمكياج ولا حل المشكلة من أساسها؟\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eالعناية الشاملة بالمسام بالماتشا\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eSome by Mi Super Matcha Kit - الحل الكوري المتكامل\u003c\/strong\u003e\u003cbr\u003eمسام أنظف وأضيق بقوة الماتشا الكورية والطين المنقي في 4 خطوات علمية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"Travel Size","offer_id":46999425417390,"sku":"SOME_BY_MI_SUPER_MATCHA_PORE_CARE_STARTER_KIT_5880","price":24.0,"currency_code":"USD","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_de8cf142-c7a0-44f0-8663-4b001a9e8ade.jpg?v=1788175238"},{"product_id":"some-by-mi-beta-panthenol-toner-150ml","title":"Some by Mi Beta Panthenol Toner Multicolour 150ml","description":"\n\u003cstyle\u003e\n.product-description {\n    direction: rtl;\n    text-align: right;\n    font-family: inherit;\n    line-height: 1.6;\n    color: #333;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"product-description\"\u003e\n    \u003cdiv class=\"hero-section fade-in\"\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003ch1 class=\"main-title\"\u003eSome by Mi Beta Panthenol Toner Multicolour 150ml\u003c\/h1\u003e\n            \u003ch2 class=\"subtitle\"\u003eتونر الإصلاح المتقدم بالبيتا بانثينول والنياسيناميد والسيراميد\u003c\/h2\u003e\n            \u003ch3 class=\"hero-tagline\"\u003eعندما يلتقي البانثينول المهدئ بالنياسيناميد المقوي والسيراميد المرطب\u003c\/h3\u003e\n            \u003cp class=\"hero-text\"\u003eالبشرة الحساسة والتالفة تحتاج لإصلاح عميق وحماية مستمرة. تونر سوم باي مي يجمع بين \u003cstrong\u003eالبانثينول المهدئ مع النياسيناميد 2% والسيراميد المقوي وثلاثة أنواع من حمض الهيالورونيك\u003c\/strong\u003e في تركيبة كورية متقدمة لإصلاح حاجز البشرة.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"problem-section fade-in\"\u003e\n        \u003ch2 class=\"problem-title\"\u003eأزمة البشرة الحساسة: الحاجز المكسور يحتاج إصلاح\u003c\/h2\u003e\n        \u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eلماذا البشرة الحساسة تزداد سوءاً مع الوقت؟\u003c\/strong\u003e\u003c\/h3\u003e\n\n        \u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eالبحوث الكورية في علوم التجميل أثبتت أن \u003cstrong\u003e90% من مشاكل البشرة الحساسة سببها ضعف الحاجز الطبيعي\u003c\/strong\u003e. عندما يتلف هذا الحاجز، البشرة تفقد الماء بسرعة، وتصبح عرضة للبكتيريا والملوثات.\u003c\/p\u003e\n\n        \u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eليه البانثينول + النياسيناميد + السيراميد هو الثالوث المقدس؟\u003c\/strong\u003e\u003c\/p\u003e\n\n        \u003cp style=\"line-height: 1.7;\"\u003e\u003cstrong\u003eالبانثينول\u003c\/strong\u003e يهدئ ويرطب، \u003cstrong\u003eالنياسيناميد\u003c\/strong\u003e يقوي الحاجز ويقلل فقدان الماء، \u003cstrong\u003eالسيراميد\u003c\/strong\u003e يملأ الفجوات ويستعيد البنية الطبيعية للبشرة.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-section fade-in\"\u003e\n        \u003ch2 class=\"benefits-title\"\u003eقوة الثالوث المقدس: بانثينول + نياسيناميد + سيراميد\u003c\/h2\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eتهدئة فورية للالتهاب والاحمرار\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بالبانثينول - فيتامين B5)\u003c\/strong\u003e يخترق عمق البشرة ويهدئ التهيج فوراً ويقلل الاحمرار والحكة\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eتقوية حاجز البشرة الطبيعي\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بالنياسيناميد 2% - فيتامين B3)\u003c\/strong\u003e يحفز إنتاج السيراميد الطبيعي ويقلل فقدان الماء عبر البشرة بنسبة 24%\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eترطيب عميق لمدة 100 ساعة\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بثلاثة أنواع حمض الهيالورونيك)\u003c\/strong\u003e الجزيئات الكبيرة ترطب السطح، الصغيرة تخترق العمق، والمتحلل يملأ الفجوات\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eإعادة بناء الحاجز الطبيعي\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بالسيراميد NP الطبيعي)\u003c\/strong\u003e يملأ الفجوات بين الخلايا ويستعيد البنية الطبيعية للطبقة الواقية\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ingredients-section fade-in\"\u003e\n        \u003ch2 class=\"ingredients-title\"\u003eالثالوث المقدس لإصلاح البشرة الحساسة\u003c\/h2\u003e\n\n        \u003cdiv class=\"ingredient-card\"\u003e\n            \u003cdiv class=\"ingredient-name\"\u003e◇ البانثينول - فيتامين B5 المعجزة:\u003c\/div\u003e\n            \u003cdiv class=\"ingredient-description\"\u003e\n                \u003cp\u003e\u003cstrong\u003eD-Panthenol عالي الجودة للتهدئة الفورية\u003c\/strong\u003e:\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمهدئ قوي للالتهاب:\u003c\/strong\u003e يقلل الاحمرار والتهيج خلال دقائق\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمرطب عميق:\u003c\/strong\u003e يجذب الماء ويحبسه في طبقات البشرة\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمسرع للشفاء:\u003c\/strong\u003e يحفز تجديد الخلايا وإصلاح التلف\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمقوي لحاجز البشرة:\u003c\/strong\u003e يحفز إنتاج الدهون الطبيعية\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ingredient-card\"\u003e\n            \u003cdiv class=\"ingredient-name\"\u003e● النياسيناميد - فيتامين B3 المقوي:\u003c\/div\u003e\n            \u003cdiv class=\"ingredient-description\"\u003e\n                \u003cp\u003e\u003cstrong\u003eNiacinamide بتركيز 2% مثبت سريرياً\u003c\/strong\u003e:\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمقوي لحاجز البشرة:\u003c\/strong\u003e يزيد إنتاج السيراميد بنسبة 34%\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمنظم للإفرازات:\u003c\/strong\u003e يقلل إنتاج الزيوت الزائدة\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمقلل لفقدان الماء:\u003c\/strong\u003e يحبس الرطوبة لفترة أطول\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمضاد للالتهاب:\u003c\/strong\u003e يهدئ البشرة المتهيجة والحساسة\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"timeline-section fade-in\"\u003e\n        \u003ch2 class=\"timeline-title\"\u003eرحلة إصلاح البشرة الحساسة في 8 أسابيع:\u003c\/h2\u003e\n\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالأسبوع الأول:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eتهدئة فورية للاحمرار والتهيج والحكة\u003c\/li\u003e\n                \u003cli\u003eشعور بالراحة والترطيب بدلاً من الحرقان\u003c\/li\u003e\n                \u003cli\u003eتقليل ملحوظ في التقشر والجفاف\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالأسابيع 2-4:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eتحسن كبير في مقاومة البشرة للعوامل الخارجية\u003c\/li\u003e\n                \u003cli\u003eتقليل في التفاعلات التحسسية والالتهابات\u003c\/li\u003e\n                \u003cli\u003eترطيب طبيعي يدوم طوال اليوم\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالأسابيع 7-8 وما بعدها:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eبشرة قوية ومرنة تقاوم التهيج\u003c\/li\u003e\n                \u003cli\u003eحاجز طبيعي محكم يحمي من التلوث والبكتيريا\u003c\/li\u003e\n                \u003cli\u003eقدرة على استخدام مكونات نشطة أقوى بأمان\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"value-section fade-in\"\u003e\n        \u003ch2 class=\"value-title\"\u003eالاستثمار في إصلاح طويل المدى\u003c\/h2\u003e\n\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e◆ تركيبة متخصصة للبشرة الحساسة:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003eبدون عطور أو كحول أو مهيجات\u003c\/strong\u003e - آمان مطلق حتى للبشرة شديدة الحساسية.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e▲ حجم سخي للاستخدام الطويل:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003e150مل تكفي لـ3-4 شهور\u003c\/strong\u003e - استثمار طويل المدى لإصلاح شامل.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"science-section fade-in\"\u003e\n        \u003ch2 class=\"science-title\"\u003eلماذا إصلاح الحاجز أهم من التجميل؟\u003c\/h2\u003e\n\n        \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n            \u003cstrong\u003eتونر سوم باي مي ليس مجرد تونر... إنه علاج طبي متقدم للبشرة التالفة.\u003c\/strong\u003e\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"question-cta\"\u003e\n            \u003cp class=\"highlight-text\"\u003eهتفضل المسكنات المؤقتة ولا العلاج الجذري طويل المدى؟\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003eاطلب الإصلاح الحقيقي دلوقتي\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"final-cta fade-in\"\u003e\n        \u003ch2 class=\"cta-title\"\u003eالثورة الكورية لإصلاح البشرة الحساسة\u003c\/h2\u003e\n        \u003cp class=\"cta-text\"\u003e\n            \u003cstrong\u003eSome by Mi Beta Panthenol Toner - الإصلاح الشامل\u003c\/strong\u003e\u003cbr\u003e\n            إصلاح عميق وتقوية دائمة للبشرة الحساسة بالثالوث المقدس: بانثينول + نياسيناميد + سيراميد\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    console.log('Comprehensive product description loaded successfully');\n\n    \/\/ Add fade-in animations\n    const fadeElements = document.querySelectorAll('.fade-in');\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    });\n\n    fadeElements.forEach(el =\u003e {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(20px)';\n        el.style.transition = 'all 0.6s ease';\n        observer.observe(el);\n    });\n});\n\u003c\/script\u003e\n","brand":"Some by Mi","offers":[{"title":"150ml","offer_id":46999425679534,"sku":"SOME_BY_MI_BETA_PANTHENOL_TONER_150ML_4078","price":19.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Some_by_Mi_Beta_Panthenol_Toner_Multicolour_150ml_c52e8dc5-e4d3-4b54-9cc9-66036acfba2b.png?v=1788175237"},{"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":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Snail_crawling_on_product_202605241349.jpg?v=1788175185"},{"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":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/59.jpg?v=1788175184"}],"url":"https:\/\/skingeer.com\/ar\/collections\/some-by-mi-products.oembed","provider":"SkinGeer","version":"1.0","type":"link"}