{"title":"تصغير  | تنظيف المسام","description":"\n\u003cstyle\u003e\n.collection-hero-section {\n    background: linear-gradient(135deg, #000000, #131a15);\n    padding: 60px 20px;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Cairo', sans-serif;\n    color: #ffffff;\n    line-height: 1.6;\n}\n.collection-hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 1;\n}\n.collection-content {\n    position: relative; z-index: 2;\n    max-width: 1200px; margin: 0 auto;\n}\n.wisdom-quote {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(128, 174, 147, 0.3);\n    border-radius: 12px;\n    padding: 20px;\n    text-align: center;\n    margin-bottom: 30px;\n    position: relative;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.wisdom-text {\n    font-size: 1.1rem;\n    color: #80ae93;\n    font-weight: 600;\n    font-style: italic;\n    line-height: 1.6;\n}\n.collection-title {\n    font-size: 3.5rem;\n    font-weight: 700;\n    margin-bottom: 20px;\n    background: linear-gradient(135deg, #ffffff, #80ae93);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-align: center;\n    line-height: 1.2;\n}\n.collection-description {\n    font-size: 1.1rem;\n    line-height: 1.8;\n    color: rgba(255, 255, 255, 0.9);\n    text-align: center;\n    max-width: 600px;\n    margin: 0 auto 25px auto;\n    font-weight: 300;\n}\n.ingredients-section {\n    margin-top: 40px;\n    padding: 20px 0;\n}\n.ingredients-title {\n    text-align: center;\n    font-size: 1rem;\n    letter-spacing: 2px;\n    color: #80ae93;\n    margin-bottom: 30px;\n    font-weight: 600;\n}\n.ingredients-grid {\n    display: flex;\n    gap: 16px;\n    overflow-x: auto;\n    padding: 20px 20px 30px 20px;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: #80ae93 rgba(255, 255, 255, 0.1);\n    margin: 0 -20px;\n}\n.ingredients-grid::-webkit-scrollbar {\n    height: 6px;\n}\n.ingredients-grid::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 3px;\n}\n.ingredients-grid::-webkit-scrollbar-thumb {\n    background: #80ae93;\n    border-radius: 3px;\n}\n.ingredients-grid::-webkit-scrollbar-thumb:hover {\n    background: #6a9a7f;\n}\n.ingredient-card {\n    background: rgba(255, 255, 255, 0.05);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 12px;\n    padding: 16px 12px;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    min-height: 90px;\n    min-width: 140px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n.ingredient-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: linear-gradient(135deg, rgba(128, 174, 147, 0.15), transparent);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n.ingredient-card:hover {\n    transform: translateY(-5px);\n    border-color: #80ae93;\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n}\n.ingredient-card:hover::before {\n    opacity: 1;\n}\n.ingredient-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    margin-bottom: 4px;\n    color: #ffffff;\n    position: relative;\n    z-index: 2;\n}\n.ingredient-benefit {\n    font-size: 0.75rem;\n    color: #80ae93;\n    font-weight: 500;\n    position: relative;\n    z-index: 2;\n}\n.modal-overlay {\n    display: none;\n    position: fixed;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: rgba(0, 0, 0, 0.85);\n    backdrop-filter: blur(8px);\n    z-index: 1000;\n    animation: fadeIn 0.3s ease;\n}\n.modal-overlay.active {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n}\n.modal-content {\n    background: linear-gradient(135deg, #1a1a1a, #2a2a2a);\n    border: 2px solid #80ae93;\n    border-radius: 20px;\n    max-width: 500px;\n    width: 100%;\n    padding: 40px 30px;\n    position: relative;\n    animation: slideUp 0.4s ease;\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6);\n}\n.modal-close {\n    position: absolute;\n    top: 15px; left: 15px;\n    background: rgba(255, 255, 255, 0.1);\n    border: none;\n    color: #ffffff;\n    font-size: 24px;\n    width: 35px;\n    height: 35px;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.modal-close:hover {\n    background: rgba(128, 174, 147, 0.3);\n    transform: rotate(90deg);\n}\n.modal-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 8px;\n    color: #80ae93;\n    text-align: center;\n}\n.modal-subtitle {\n    font-size: 0.9rem;\n    color: rgba(255, 255, 255, 0.7);\n    text-align: center;\n    margin-bottom: 20px;\n    font-style: italic;\n}\n.modal-description {\n    font-size: 0.95rem;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.9);\n    margin-bottom: 20px;\n    text-align: right;\n}\n.modal-benefits {\n    background: rgba(128, 174, 147, 0.1);\n    border-right: 3px solid #80ae93;\n    padding: 15px 20px;\n    border-radius: 8px;\n    margin-top: 20px;\n}\n.modal-benefits h4 {\n    color: #80ae93;\n    font-size: 0.85rem;\n    margin-bottom: 10px;\n    font-weight: 600;\n}\n.modal-benefits ul {\n    list-style: none;\n    padding: 0;\n}\n.modal-benefits li {\n    padding: 6px 0;\n    color: rgba(255, 255, 255, 0.9);\n    position: relative;\n    padding-right: 20px;\n    font-size: 0.9rem;\n}\n.modal-benefits li::before {\n    content: '✓';\n    position: absolute;\n    right: 0;\n    color: #80ae93;\n    font-weight: bold;\n}\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n@keyframes slideUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n@media (max-width: 768px) {\n    .collection-hero-section { padding: 40px 15px; }\n    .collection-title { font-size: 2.5rem; }\n    .collection-description { font-size: 1rem; }\n    .ingredients-grid { gap: 12px; padding: 20px 15px 30px 15px; margin: 0 -15px; }\n    .ingredient-card { min-height: 80px; min-width: 120px; padding: 12px 8px; }\n    .ingredient-name { font-size: 0.85rem; }\n    .ingredient-benefit { font-size: 0.7rem; }\n    .wisdom-text { font-size: 1rem; }\n    .modal-content { padding: 30px 20px; margin: 10px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"collection-hero-section\"\u003e\n  \u003cdiv class=\"collection-content\"\u003e\n    \u003cdiv class=\"wisdom-quote\"\u003e\n      \u003cp class=\"wisdom-text\"\u003e المسام الواسعة زي الشارع المزدحم… محتاجة تنظيم علشان تفضل نظيفة! \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003ch1 class=\"collection-title\"\u003eتصغير المسام | تنظيف عميق وإشراق واضح\u003c\/h1\u003e\n    \u003cp class=\"collection-description\"\u003e\n      المسام الواسعة تسبب مظهر غير موحد، وتجمع الدهون والشوائب. الحل ليس إخفاء، بل اختيار مكونات تنظف، تشد وتضبط الإفرازات وتقاوم تراكم الزيوت. هذه المجموعة تحتوي على حلول متخصصة وأهم المواد العلمية للتحكم في مظهر المسام وتحسين جودة البشرة.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ingredients-section\"\u003e\n      \u003ch2 class=\"ingredients-title\"\u003eالمكونات الأساسية\u003c\/h2\u003e\n      \u003cdiv class=\"ingredients-grid\"\u003e\n        \u003cdiv class=\"ingredient-card\" onclick=\"openModal('salicylic')\"\u003e\n          \u003ch3 class=\"ingredient-name\"\u003eحمض الساليسيليك\u003c\/h3\u003e\n          \u003cp class=\"ingredient-benefit\"\u003eتنظيف عميق للمسام\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-card\" onclick=\"openModal('niacinamide')\"\u003e\n          \u003ch3 class=\"ingredient-name\"\u003eنياسيناميد\u003c\/h3\u003e\n          \u003cp class=\"ingredient-benefit\"\u003eتصغير وتحسين المظهر\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-card\" onclick=\"openModal('witch-hazel')\"\u003e\n          \u003ch3 class=\"ingredient-name\"\u003eويتش هازل\u003c\/h3\u003e\n          \u003cp class=\"ingredient-benefit\"\u003eشد وتوازن زيت البشرة\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-card\" onclick=\"openModal('clay')\"\u003e\n          \u003ch3 class=\"ingredient-name\"\u003eالطين الطبيعي\u003c\/h3\u003e\n          \u003cp class=\"ingredient-benefit\"\u003eامتصاص الدهون والشوائب\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-card\" onclick=\"openModal('tea-tree')\"\u003e\n          \u003ch3 class=\"ingredient-name\"\u003eزيت شجرة الشاي\u003c\/h3\u003e\n          \u003cp class=\"ingredient-benefit\"\u003eمضاد البكتيريا ومضاد التهاب\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-card\" onclick=\"openModal('zinc')\"\u003e\n          \u003ch3 class=\"ingredient-name\"\u003eالزنك\u003c\/h3\u003e\n          \u003cp class=\"ingredient-benefit\"\u003eتقليل إفراز الزيوت\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-card\" onclick=\"openModal('retinol')\"\u003e\n          \u003ch3 class=\"ingredient-name\"\u003eريتينول\u003c\/h3\u003e\n          \u003cp class=\"ingredient-benefit\"\u003eتجديد وشد المسام\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-card\" onclick=\"openModal('alpha-hydroxy')\"\u003e\n          \u003ch3 class=\"ingredient-name\"\u003eAHA (أحماض ألفا هيدروكسي)\u003c\/h3\u003e\n          \u003cp class=\"ingredient-benefit\"\u003eتقشير وتنعيم سطح البشرة\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-card\" onclick=\"openModal('charcoal')\"\u003e\n          \u003ch3 class=\"ingredient-name\"\u003eالفحم النشط\u003c\/h3\u003e\n          \u003cp class=\"ingredient-benefit\"\u003eتنظيف مكثف وسحب الشوائب\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ingredient-card\" onclick=\"openModal('panthenol')\"\u003e\n          \u003ch3 class=\"ingredient-name\"\u003eبانثينول\u003c\/h3\u003e\n          \u003cp class=\"ingredient-benefit\"\u003eتهدئة وتحسين مرونة المسام\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"modal-overlay\" id=\"modal\" onclick=\"closeModalOnOverlay(event)\"\u003e\n  \u003cdiv class=\"modal-content\" id=\"modalContent\"\u003e\n    \u003cbutton class=\"modal-close\" onclick=\"closeModal()\"\u003e×\u003c\/button\u003e\n    \u003cdiv id=\"modalBody\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nconst ingredientData = {\n  'salicylic': {\n    name: 'حمض الساليسيليك',\n    subtitle: 'تنظيف عميق للمسام',\n    description: 'أفضل مادة لإذابة الدهون وتنظيف الأعماق، تقاوم الرؤوس السوداء وتقلل مظهر المسام الواسعة بانتظام!',\n    benefits: [\n      'فتح المسام وتنظيفها من الداخل',\n      'تقليل البثور والرؤوس السوداء',\n      'إزالة الزيوت المتراكمة',\n      'مناسب للبشرة الدهنية والمختلطة'\n    ]\n  },\n  'niacinamide': {\n    name: 'نياسيناميد',\n    subtitle: 'تصغير وتحسين مظهر المسام',\n    description: 'ينظم إفراز الزيوت ويشد البشرة تدريجياً، يساعد على توحيد سطح الجلد وتقوية الحاجز الواقي.',\n    benefits: [\n      'تقليل لمعان البشرة',\n      'تنظيم إفراز الدهون',\n      'تحسين نعومة المسام ومظهرها',\n      'فعّال لكل أنواع البشرة'\n    ]\n  },\n  'witch-hazel': {\n    name: 'ويتش هازل',\n    subtitle: 'شد وتوازن دهون البشرة',\n    description: 'مستخلص نباتي قابض ولطيف، يضبط إنتاج الدهون ويشد المسام ويعالج الالتهابات البسيطة بفعالية.',\n    benefits: [\n      'شد المسام السطحية بسرعة',\n      'امتصاص الزيوت الزائدة',\n      'تهدئة الالتهابات والاحمرار',\n      'مناسب للبشرة المختلطة والدهنية'\n    ]\n  },\n  'clay': {\n    name: 'الطين الطبيعي',\n    subtitle: 'امتصاص الدهون والشوائب',\n    description: 'لتنظيف سطح البشرة بسحب الدهون والشوائب وعمل طبقة حماية مؤقتة تقاوم توسع المسام.',\n    benefits: [\n      'تنظيف فوري ومكثف',\n      'امتصاص الشوائب والدهون',\n      'تقليل مظهر المسام بمفعول سريع',\n      'يترك البشرة ناعمة ومتوازنة'\n    ]\n  },\n  'tea-tree': {\n    name: 'زيت شجرة الشاي',\n    subtitle: 'مضاد البكتيريا ومهدئ للبشرة',\n    description: 'يقاوم الالتهابات والميكروبات، يقلل انتشار البثور ويتحكم في نمو البكتيريا التي تسبب توسع المسام.',\n    benefits: [\n      'مقاومة حب الشباب والالتهابات',\n      'تنظيف وتطهير المسام',\n      'ترطيب وتهدئة طبيعية',\n      'سريع التأثير مع الاستخدام المنتظم'\n    ]\n  },\n  'zinc': {\n    name: 'الزنك',\n    subtitle: 'تقليل إفراز الزيوت',\n    description: 'يقلل بشكل تدريجي من إفراز دهون البشرة ويساعد في شد وتقليل مظهر المسام المفتوحة.',\n    benefits: [\n      'تقليل إفراز الدهون بفعالية',\n      'يدعم مقاومة الالتهابات',\n      'مناسب للبشرة الدهنية والمختلطة',\n      'يعزز نقاء البشرة'\n    ]\n  },\n  'retinol': {\n    name: 'ريتينول',\n    subtitle: 'تجديد وشد المسام بمرور الوقت',\n    description: 'يساعد في تجديد خلايا الجلد وشد المسام من الداخل، النتيجة تحسين دائم لمظهر البشرة مع الاستمرار.',\n    benefits: [\n      'تجديد طبقات الجلد بعمق',\n      'تقليل مظهر المسام المتسعة',\n      'محاربة التصبغات والعلامات',\n      'يعطي نعومة ومظهر متناسق'\n    ]\n  },\n  'alpha-hydroxy': {\n    name: 'AHA (أحماض ألفا هيدروكسي)',\n    subtitle: 'تقشير وحماية المسام',\n    description: 'تقشير خارجي لطيف يزيل الطبقات الميتة، يساعد في نعومة الجلد ويمنع انسداد المسام بالدهون.',\n    benefits: [\n      'تقشير سطحي فعال',\n      'منع انسداد المسام من الخارج',\n      'يزيد نعومة وفتح المسام',\n      'مناسب للبشرة الجافة والمختلطة'\n    ]\n  },\n  'charcoal': {\n    name: 'الفحم النشط',\n    subtitle: 'تنظيف مكثف وسحب الشوائب',\n    description: 'يمتص السموم والشوائب من سطح الجلد ويقلل إفراز الزيوت، مهم في تنظيف المسام ومنع توسعها.',\n    benefits: [\n      'امتصاص الشوائب والدهون بكفاءة',\n      'يطهر ويقاوم توسع المسام',\n      'يترك البشرة أكثر صفاء',\n      'مناسب للبشرة الدهنية'\n    ]\n  },\n  'panthenol': {\n    name: 'بانثينول',\n    subtitle: 'تهدئة وتحسين مرونة المسام',\n    description: 'يدعم التهدئة بعد عمليات التقشير والتنظيف، ويحسن مرونة الجلد حول المسام لتقليل مظهرها.',\n    benefits: [\n      'تهدئة البشرة بعد التنظيف',\n      'تحسين مرونة الجلد والمسام',\n      'تقليل الاحمرار والشد',\n      'مناسب للبشرة الحساسة'\n    ]\n  }\n};\n\nfunction openModal(id) {\n  const data = ingredientData[id];\n  if (!data) return;\n  const modalBody = document.getElementById('modalBody');\n  modalBody.innerHTML = `\n    \u003ch3 class=\"modal-title\"\u003e${data.name}\u003c\/h3\u003e\n    \u003cp class=\"modal-subtitle\"\u003e${data.subtitle}\u003c\/p\u003e\n    \u003cp class=\"modal-description\"\u003e${data.description}\u003c\/p\u003e\n    \u003cdiv class=\"modal-benefits\"\u003e\n      \u003ch4\u003eالفوائد الرئيسية\u003c\/h4\u003e\n      \u003cul\u003e\n        ${data.benefits.map(benefit =\u003e `\u003cli\u003e${benefit}\u003c\/li\u003e`).join('')}\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  `;\n  document.getElementById('modal').classList.add('active');\n}\nfunction closeModal() {\n  document.getElementById('modal').classList.remove('active');\n}\nfunction closeModalOnOverlay(event) {\n  if (event.target.id === 'modal') closeModal();\n}\nif ('ontouchstart' in window) document.body.style.webkitTouchCallout = 'none';\n\u003c\/script\u003e\n","products":[{"product_id":"the-ordinary-niacinamide-zinc","title":"The ordinary نياسيناميد 10% زنك1% | مضاد الحبوب | تصغير المسام | مرطب | مضاد للتجاعيد","description":"\u003c!-- وصف منتج The Ordinary Niacinamide 10% + Zinc 1% - تصميم متحرك أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.niacinamide-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: rtl;\n  color: #333;\n  overflow-x: hidden;\n}\n\n.niacinamide-header {\n  text-align: center;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 0.8s ease forwards;\n}\n\n.niacinamide-title-main {\n  font-size: 28px;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.niacinamide-title-sub {\n  font-size: 22px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 12px;\n  display: inline-block;\n}\n\n.niacinamide-title-sub: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.niacinamide-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.niacinamide-image {\n  display: block;\n  margin: 25px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  animation: imagePulse 2s infinite alternate ease-in-out;\n  opacity: 0;\n  transform: scale(0.95);\n  animation: fadeInAndScale 0.8s ease forwards;\n}\n\n.niacinamide-image:hover {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.niacinamide-divider {\n  height: 1px;\n  background-color: #eee;\n  margin: 40px 0;\n  position: relative;\n  width: 0;\n  animation: growWidth 1.2s ease forwards;\n}\n\n.niacinamide-divider:before {\n  content: \"\";\n  position: absolute;\n  width: 60px;\n  height: 3px;\n  background-color: #9C8102;\n  top: -1px;\n  right: 50%;\n  transform: translateX(50%);\n  opacity: 0;\n  animation: fadeIn 0.8s 0.6s ease forwards;\n}\n\n.niacinamide-benefit-section {\n  margin: 30px 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.niacinamide-benefit-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.niacinamide-benefit-section:hover {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n}\n\n.niacinamide-benefit-title {\n  text-align: center;\n  font-size: 20px;\n  color: #333;\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n\n.niacinamide-benefit-subtitle {\n  text-align: center;\n  font-size: 24px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.niacinamide-benefit-subtitle:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 0;\n  height: 2px;\n  background-color: #9C8102;\n  transition: width 0.8s ease;\n}\n\n.niacinamide-benefit-section.visible .niacinamide-benefit-subtitle:after {\n  width: 40px;\n}\n\n.niacinamide-benefit-content {\n  text-align: center;\n  line-height: 1.7;\n  color: #555;\n}\n\n.niacinamide-highlight {\n  color: #9C8102;\n  font-weight: bold;\n  background: linear-gradient(120deg, rgba(156, 129, 2, 0.2), transparent);\n  background-repeat: no-repeat;\n  background-size: 100% 0.4em;\n  background-position: 0 88%;\n  transition: background-size 0.4s ease;\n}\n\n.niacinamide-benefit-section:hover .niacinamide-highlight {\n  background-size: 100% 0.6em;\n}\n\n.niacinamide-usage-section {\n  margin: 40px 0;\n  padding: 25px;\n  background-color: #f9f9f9;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.niacinamide-usage-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.niacinamide-usage-title {\n  font-size: 18px;\n  color: #333;\n  margin-bottom: 15px;\n  font-weight: bold;\n  position: relative;\n  padding-right: 15px;\n}\n\n.niacinamide-usage-title:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 0;\n  background-color: #9C8102;\n  border-radius: 3px;\n  transition: height 0.6s ease;\n}\n\n.niacinamide-usage-section.visible .niacinamide-usage-title:before {\n  height: 100%;\n}\n\n.niacinamide-usage-content {\n  line-height: 1.7;\n}\n\n.niacinamide-ingredients-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  opacity: 0;\n  transform: translateY(30px);\n}\n\n.niacinamide-ingredients-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.niacinamide-ingredient-item {\n  margin-bottom: 20px;\n  opacity: 0;\n  transform: translateX(20px);\n  transition: all 0.6s ease;\n}\n\n.niacinamide-ingredients-section.visible .niacinamide-ingredient-item {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.niacinamide-ingredients-section.visible .niacinamide-ingredient-item:nth-child(2) {\n  transition-delay: 0.2s;\n}\n\n.niacinamide-ingredient-name {\n  font-weight: bold;\n  color: #9C8102;\n  margin-bottom: 5px;\n}\n\n.niacinamide-ingredient-desc {\n  line-height: 1.6;\n}\n\n.niacinamide-product-info {\n  text-align: center;\n  margin: 30px 0;\n  padding: 15px;\n  background-color: #f8f6f0;\n  border-radius: 8px;\n  font-weight: bold;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transform: scale(0.95);\n  opacity: 0;\n}\n\n.niacinamide-product-info.visible {\n  opacity: 1;\n  transform: scale(1);\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 growWidth {\n  from {\n    width: 0;\n    margin-right: 50%;\n  }\n  to {\n    width: 100%;\n    margin-right: 0;\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\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 imagePulse {\n  from {\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n  }\n  to {\n    box-shadow: 0 8px 25px rgba(156, 129, 2, 0.3);\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"niacinamide-container\"\u003e\n  \u003cdiv class=\"niacinamide-header\"\u003e\n    \u003ch2 class=\"niacinamide-title-main\"\u003eThe ordinary niacinamide 10% Zinc 1%\u003c\/h2\u003e\n    \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Modern_Search_Bar_Facebook_Feed_Ad_20_1024x1024.jpg?v=1638010843\" alt=\"The Ordinary Niacinamide\"\u003e\n    \u003ch3 class=\"niacinamide-title-sub\"\u003eبشرتك في أصفى حالاتها\u003c\/h3\u003e\n    \u003ch2 class=\"niacinamide-title-sub\"\u003eمسامات بشرتك غير مرئية\u003c\/h2\u003e\n    \u003cp class=\"niacinamide-intro\"\u003e\n      النياسيناميد هو المركب المثالي والأفضل في تقليص المسام لأقصى الحدود مما يجعل بشرتك نضرة ومشدودة وخالية من الرؤوس السوداء والرؤوس البيضاء\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n  \n  \u003c!-- قسم الفوائد الأول --\u003e\n  \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n    \u003ch3 class=\"niacinamide-benefit-title\"\u003eفعال ضد أشد الحبوب\u003c\/h3\u003e\n    \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/before-after-portrait-woman-retouched_adobespark_2048x2048.png?v=1638013792\" alt=\"قبل وبعد استخدام النياسيناميد\"\u003e\n    \u003cp class=\"niacinamide-benefit-content\"\u003e\n      يخفف الاحمرار وآثار حب الشباب وسترين نتائج إيجابية خصوصا في الحبوب الملتهبة\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n  \n  \u003c!-- قسم الفوائد الثاني --\u003e\n  \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n    \u003ch3 class=\"niacinamide-benefit-title\"\u003eشبابك دائم\u003c\/h3\u003e\n    \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eمن أقوى مضادات الشيخوخة\u003c\/h2\u003e\n    \u003cp class=\"niacinamide-benefit-content\"\u003e\n      \u003cstrong class=\"niacinamide-highlight\"\u003eيختزل الجذور الحرة المسببة للشيخوخة ويحفز إنتاج الكولاجين\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024.png?v=1637970613\" alt=\"مضاد للشيخوخة\"\u003e\n    \u003cp class=\"niacinamide-benefit-content\"\u003e\n      يحفز إنتاج الكيراتين الذي يشد الجلد ويزيد سماكته مما يخفف من آثار الخطوط الدقيقة والتجاعيد\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم الفوائد الثالث --\u003e\n  \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n    \u003ch3 class=\"niacinamide-benefit-title\"\u003eبشرتك صافية وموحدة اللون\u003c\/h3\u003e\n    \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eسيفتح المناطق الداكنة في بشرتك\u003c\/h2\u003e\n    \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\" alt=\"تفتيح البشرة\"\u003e\n    \u003cp class=\"niacinamide-benefit-content\"\u003e\n      في تركيزاته العالية يقوم النياسيناميد بمعادلة صبغة الميلانين مما يفتح المناطق الداكنة ويجعل بشرتك موحدة اللون\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم الفوائد الرابع --\u003e\n  \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n    \u003ch3 class=\"niacinamide-benefit-title\"\u003eترطيب عميق\u003c\/h3\u003e\n    \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eبدون أثر دهني\u003c\/h2\u003e\n    \u003cp class=\"niacinamide-benefit-content\"\u003e\n      يعمل النياسيناميد على احتجاز الرطوبة في بشرتك عن طريق تكوين \u003cspan class=\"niacinamide-highlight\"\u003e\"حاجز الرطوبة\"\u003c\/span\u003e الذي يمنع فقدان الماء من بشرتك\n    \u003c\/p\u003e\n    \u003cp class=\"niacinamide-benefit-content\"\u003e\n      كما أنه يعادل إنتاج الزيوت في البشرة الدهنية فلا يترك أثرا دهنيا\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم الفوائد الخامس --\u003e\n  \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n    \u003ch3 class=\"niacinamide-benefit-title\"\u003e\u003cstrong\u003eيزيل الرؤوس السوداء والبيضاء\u003c\/strong\u003e\u003c\/h3\u003e\n    \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\u003cstrong\u003eيعالج جلد قشرة البرتقالة\u003c\/strong\u003e\u003c\/h2\u003e\n    \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\" alt=\"علاج قشرة البرتقالة\"\u003e\n    \u003cp class=\"niacinamide-benefit-content\"\u003e\n      \u003cstrong class=\"niacinamide-highlight\"\u003eعن طريق تحفيز تكوين خلايا جلد جديدة وعن طريق الترطيب العميق للبشرة\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم أنواع البشرة --\u003e\n  \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n    \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\n      \u003cstrong\u003eيناسب كل أنواع البشرة جافة، عادية، مختلطة، دهنية\u003c\/strong\u003e\n    \u003c\/h2\u003e\n    \u003cp class=\"niacinamide-benefit-content\"\u003e\n      \u003cstrong class=\"niacinamide-highlight\"\u003eخفيف على البشرة.. سريع الإمتصاص\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم طريقة الاستخدام --\u003e\n  \u003cdiv class=\"niacinamide-usage-section\"\u003e\n    \u003ch3 class=\"niacinamide-usage-title\"\u003eطريقة الاستخدام\u003c\/h3\u003e\n    \u003cdiv class=\"niacinamide-usage-content\"\u003e\n      \u003cp\u003e\n        يوضع كمية بسيطة جدا على الوجه صباحا ومساءا على بشرة نظيفة قبل وضع اى كريمات اخرى او زيوت او مرطبات للبشرة\n      \u003c\/p\u003e\n      \u003cp\u003e\n        ولايجب استخدامه فى نفس الوقت مع العلاجات التى تحتوى على ڤيتامين سي النقي.\n        \u003cbr\u003e( حمض الأسكروبيك )\n      \u003c\/p\u003e\n      \u003cp\u003e\n        امن بالاستخدام للحوامل والمرضعات.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- قسم المكونات --\u003e\n  \u003cdiv class=\"niacinamide-ingredients-section\"\u003e\n    \u003ch3 class=\"niacinamide-usage-title\"\u003eالمكونات الأساسية\u003c\/h3\u003e\n    \n    \u003cdiv class=\"niacinamide-ingredient-item\"\u003e\n      \u003cdiv class=\"niacinamide-ingredient-name\"\u003e- Niacinamide -\u003c\/div\u003e\n      \u003cdiv class=\"niacinamide-ingredient-desc\"\u003e\n        وهو ممتاز لتحسين الصحة العامة للبشرة و يعزز مناعة الجلد ويحسن الاحتفاظ بالرطوبة عن طريق تقوية حاجز البشرة.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"niacinamide-ingredient-item\"\u003e\n      \u003cdiv class=\"niacinamide-ingredient-name\"\u003e- Zinc -\u003c\/div\u003e\n      \u003cdiv class=\"niacinamide-ingredient-desc\"\u003e\n        يدعم بنية الجلد عن طريق شفاء الجلد التالف وتشجيع إنتاج الكولاجين والإيلاستين.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- معلومات المنتج --\u003e\n  \u003cdiv class=\"niacinamide-product-info\"\u003e\n    \u003cp\u003eحجم العبوة 30مل\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const benefitSections = document.querySelectorAll('.niacinamide-benefit-section');\n  const usageSection = document.querySelector('.niacinamide-usage-section');\n  const ingredientsSection = document.querySelector('.niacinamide-ingredients-section');\n  const productInfo = document.querySelector('.niacinamide-product-info');\n  \n  \/\/ إضافة معرف للصورة الثانية\n  const images = document.querySelectorAll('.niacinamide-image');\n  if (images.length \u003e 1) {\n    images[1].setAttribute('data-delay', '0.3');\n  }\n  \n  \/\/ مراقبة ظهور العناصر عند التمرير\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const delay = entry.target.getAttribute('data-delay') || 0;\n        setTimeout(() =\u003e {\n          entry.target.classList.add('visible');\n        }, delay * 1000);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  \n  \/\/ مراقبة جميع الأقسام\n  benefitSections.forEach((section, index) =\u003e {\n    section.setAttribute('data-delay', index * 0.15);\n    observer.observe(section);\n  });\n  \n  if (usageSection) observer.observe(usageSection);\n  if (ingredientsSection) observer.observe(ingredientsSection);\n  if (productInfo) observer.observe(productInfo);\n  \n  \/\/ تحريك الصور عند التمرير\n  const imageObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animationDelay = '0.3s';\n        entry.target.style.animationPlayState = 'running';\n        imageObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  \n  \/\/ مراقبة جميع الصور\n  document.querySelectorAll('.niacinamide-image').forEach(img =\u003e {\n    imageObserver.observe(img);\n  });\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"30 مل","offer_id":46999278977198,"sku":"INSTA0382CHIQ","price":15.0,"currency_code":"USD","in_stock":true},{"title":"60 مل","offer_id":46999279009966,"sku":"INSTA0382CHIQ","price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ezgif.com-gif-maker_5.jpg?v=1788176548"},{"product_id":"the-ordinary-peeling-solution","title":"the ordinary  مقشر الأحماض AHA 30% BHA 2% | تقشير | نضارة | تفتيح | مضاد للتصبغات","description":"\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Add hover effects to timeline cards\n  const timelineCards = document.querySelectorAll('.timeline-card');\n  \n  timelineCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-5px)';\n      this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.1)';\n      this.style.transition = 'all 0.3s ease';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0)';\n      this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.08)';\n    });\n  });\n  \n  \/\/ Animate timeline cards on scroll\n  function isInViewport(element) {\n    const rect = element.getBoundingClientRect();\n    return (\n      rect.top \u003c= (window.innerHeight || document.documentElement.clientHeight) * 0.8 \u0026\u0026\n      rect.bottom \u003e= 0\n    );\n  }\n  \n  function handleTimelineAnimation() {\n    timelineCards.forEach((card, index) =\u003e {\n      if (isInViewport(card) \u0026\u0026 !card.classList.contains('animated')) {\n        setTimeout(() =\u003e {\n          card.style.opacity = '1';\n          card.style.transform = 'translateY(0)';\n          card.classList.add('animated');\n        }, index * 200);\n      }\n    });\n  }\n  \n  \/\/ Initial setup - hide all cards\n  timelineCards.forEach(card =\u003e {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(20px)';\n    card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n  });\n  \n  \/\/ Check on load and scroll\n  handleTimelineAnimation();\n  window.addEventListener('scroll', handleTimelineAnimation);\n  \n  \/\/ Reviews Slider\n  const reviewItems = document.querySelectorAll('.review-item');\n  const dots = document.querySelectorAll('.dot');\n  let currentIndex = 0;\n  \n  function showReview(index) {\n    \/\/ Hide all reviews\n    reviewItems.forEach(item =\u003e {\n      item.style.display = 'none';\n    });\n    \n    \/\/ Remove active class from all dots\n    dots.forEach(dot =\u003e {\n      dot.classList.remove('active');\n    });\n    \n    \/\/ Show current review and activate dot\n    reviewItems[index].style.display = 'block';\n    dots[index].classList.add('active');\n  }\n  \n  \/\/ Initialize with first review visible\n  showReview(0);\n  \n  \/\/ Add click event to dots\n  dots.forEach((dot, index) =\u003e {\n    dot.addEventListener('click', function() {\n      currentIndex = index;\n      showReview(currentIndex);\n    });\n  });\n  \n  \/\/ Auto slide every 5 seconds\n  setInterval(() =\u003e {\n    currentIndex = (currentIndex + 1) % reviewItems.length;\n    showReview(currentIndex);\n  }, 5000);\n  \n  \/\/ Add hover effects to instant result items\n  const instantItems = document.querySelectorAll('.instant-result-item');\n  \n  instantItems.forEach(item =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-5px)';\n      this.style.boxShadow = '0 8px 15px rgba(0, 0, 0, 0.1)';\n      this.style.transition = 'all 0.3s ease';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0)';\n      this.style.boxShadow = '0 3px 10px rgba(0, 0, 0, 0.05)';\n    });\n  });\n});\n\u003c\/script\u003e\u003cdiv class=\"peeling-container\"\u003e\n  \u003c!-- Header Section --\u003e\n  \u003cdiv class=\"product-header\"\u003e\n    \u003cdiv class=\"product-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Orinary-AHA-BHA_egypt.webp?v=1745951507\" alt=\"ذا أورديناري مقشر الأحماض\"\u003e\n    \u003c\/div\u003e\n    \u003ch1 class=\"main-title\"\u003eالمقشر الكيميائي الذي سيخلصك من كل مشكلة تواجهها في بشرتك\u003c\/h1\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Instant Results Section --\u003e\n  \u003cdiv class=\"instant-results\"\u003e\n    \u003ch2 class=\"section-title\"\u003eنتائج لحظية!\u003c\/h2\u003e\n    \u003cdiv class=\"instant-results-grid\"\u003e\n      \u003cdiv class=\"instant-result-item\"\u003e\n        \u003cdiv class=\"instant-icon\"\u003e\n          \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M12 17V21\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 3V7\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M17 12H21\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M3 12H7\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M16 16L18.5 18.5\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M5.5 5.5L8 8\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M16 8L18.5 5.5\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M5.5 18.5L8 16\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eإشراقة فورية\u003c\/h3\u003e\n        \u003cp\u003eبشرة متألقة ومشرقة مباشرة بعد غسل المقشر\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"instant-result-item\"\u003e\n        \u003cdiv class=\"instant-icon\"\u003e\n          \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M12 6V12L16 14\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eتفتيح لحظي\u003c\/h3\u003e\n        \u003cp\u003eتفتيح فوري للبشرة وتوحيد لونها بشكل ملحوظ\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"instant-result-item\"\u003e\n        \u003cdiv class=\"instant-icon\"\u003e\n          \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M8 14C8 14 9.5 16 12 16C14.5 16 16 14 16 14\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 10H9.01\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M15 10H15.01\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eنضارة لحظية\u003c\/h3\u003e\n        \u003cp\u003eكشف فوري عن البشرة النضرة الشابة المخفية تحت خلايا الجلد الميتة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"instant-result-item\"\u003e\n        \u003cdiv class=\"instant-icon\"\u003e\n          \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M3.27 6.96L12 12.01L20.73 6.96\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 22.08V12\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M21 16.5V7.5C20.9992 7.18001 20.9071 6.86831 20.7345 6.60232C20.5618 6.33634 20.3161 6.12868 20.03 6.005L12.53 2.265C12.3719 2.19245 12.1971 2.15472 12.02 2.15472C11.8429 2.15472 11.6681 2.19245 11.51 2.265L4.01 6.005C3.72386 6.12868 3.47825 6.33634 3.30552 6.60232C3.13279 6.86831 3.04075 7.18001 3 7.5V16.5C3.04075 16.82 3.13279 17.1317 3.30552 17.3977C3.47825 17.6637 3.72386 17.8713 4.01 17.995L11.51 21.735C11.6681 21.8075 11.8429 21.8453 12.02 21.8453C12.1971 21.8453 12.3719 21.8075 12.53 21.735L20.03 17.995C20.3161 17.8713 20.5618 17.6637 20.7345 17.3977C20.9071 17.1317 20.9992 16.82 21 16.5Z\" stroke=\"#9C8102\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eمسام نظيفة\u003c\/h3\u003e\n        \u003cp\u003eتنظيف عميق للمسام وإزالة الرؤوس السوداء فوراً\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"instant-message\"\u003e\n      \u003cp\u003eبعد غسلك للمحلول من على بشرتك ستتفاجأ بمظهرها! ستكتشف أن الجلد الميت كان يغطي على طبقة نضرة وشابة وأنت كنت تمنعها عن الظهور. لا تجعل جلدك الميت يعبر عن بشرتك!\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits List --\u003e\n  \u003cdiv class=\"benefits-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eالفوائد الرئيسية\u003c\/h2\u003e\n    \u003cul class=\"benefits-list\"\u003e\n      \u003cli\u003eالتخلص من خلايا الجلد الميتة على البشرة\u003c\/li\u003e\n      \u003cli\u003eتقشير عميق للبشرة وتنظيفها\u003c\/li\u003e\n      \u003cli\u003eتفتيح البشرة وتوحيد لونها\u003c\/li\u003e\n      \u003cli\u003eترطيب البشرة وجعلها أكثر مرونة ونعومة\u003c\/li\u003e\n      \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      \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\n  \u003c!-- How It Works Section --\u003e\n  \u003cdiv class=\"how-it-works\"\u003e\n    \u003ch2 class=\"section-title\"\u003eكيف يعمل؟\u003c\/h2\u003e\n    \u003cdiv class=\"ingredients\"\u003e\n      \u003cdiv class=\"ingredient-item\"\u003e\n        \u003ch3\u003eحمض الجلايكوليك (Glycolic Acid)\u003c\/h3\u003e\n        \u003cp\u003eيعد حمض الجلايكوليك من أنواع الأحماض ألفا هيدروكسي (AHAs). يعمل على تقشير البشرة من خلال تفتيت وإزالة الروابط بين خلايا الجلد القديمة والميتة. هذا يعزز تجديد البشرة وتحسين نسيجها.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ingredient-item\"\u003e\n        \u003ch3\u003eحمض اللاكتيك (Lactic Acid)\u003c\/h3\u003e\n        \u003cp\u003eهذا الحمض الآخر من أنواع AHAs يساهم في تحسين نسيج البشرة وتفتيحها. يعمل بطريقة مشابهة لحمض الجلايكوليك في التقشير وتنعيم البشرة.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ingredient-item\"\u003e\n        \u003ch3\u003eحمض الساليسيليك (Salicylic Acid)\u003c\/h3\u003e\n        \u003cp\u003eهذا هو حمض البيتا هيدروكسي (BHA) ويعتبر مذيبًا للزيوت. يمكن لحمض الساليسيليك التسلل إلى المسام وتنظيفها من الدهون والشوائب. يعمل أيضًا على تقليل الرؤوس السوداء والبيضاء وتحسين مظهر المسام.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ingredient-item\"\u003e\n        \u003ch3\u003eهيالورونات الصوديوم (Sodium Hyaluronate)\u003c\/h3\u003e\n        \u003cp\u003eتعد هذه المادة الهيالورونية جزءًا من مركب الهيالورونيك. تمتلك قدرة على جذب واحتجاز الماء، مما يساعد في ترطيب البشرة وجعلها تبدو أكثر امتلاءً ونعومة.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ingredient-item\"\u003e\n        \u003ch3\u003eفربوليزين (Tasmanian Pepperberry)\u003c\/h3\u003e\n        \u003cp\u003eهذا المستخلص النباتي يستخدم لتقليل الاحتقان والتهيج الجلدي. يمكن أن يكون له تأثير تهدئة على البشرة ومساعدة في تخفيف الحساسية.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"product-visual\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_aha_bha_peeling_solution_egypt.png?v=1745951545\" alt=\"ذا أورديناري مقشر الأحماض\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Results Timeline - Simplified --\u003e\n  \u003cdiv class=\"results-journey-simple\"\u003e\n    \u003ch2 class=\"section-title\"\u003eرحلة تحول البشرة\u003c\/h2\u003e\n    \n    \u003cdiv class=\"timeline-simple\"\u003e\n      \u003cdiv class=\"timeline-card\"\u003e\n        \u003cdiv class=\"timeline-header\"\u003e\n          \u003cdiv class=\"time-badge\"\u003eفوراً\u003c\/div\u003e\n          \u003ch3\u003eنتائج لحظية\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-body\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eإشراقة فورية وبشرة متوهجة\u003c\/li\u003e\n            \u003cli\u003eتنعيم ملمس البشرة\u003c\/li\u003e\n            \u003cli\u003eتنظيف المسام وإزالة الرؤوس السوداء\u003c\/li\u003e\n            \u003cli\u003eبشرة أكثر نعومة ونضارة\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-card\"\u003e\n        \u003cdiv class=\"timeline-header\"\u003e\n          \u003cdiv class=\"time-badge\"\u003eبعد أسبوع\u003c\/div\u003e\n          \u003ch3\u003eالبداية المذهلة\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-body\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eتفتيح ملحوظ للون البشرة\u003c\/li\u003e\n            \u003cli\u003eانخفاض واضح في حجم المسام\u003c\/li\u003e\n            \u003cli\u003eبداية تحسن في آثار حب الشباب\u003c\/li\u003e\n            \u003cli\u003eتقليل الاحمرار والالتهابات\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-card\"\u003e\n        \u003cdiv class=\"timeline-header\"\u003e\n          \u003cdiv class=\"time-badge\"\u003eبعد أسبوعين\u003c\/div\u003e\n          \u003ch3\u003eتحسن ملحوظ\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-body\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eبداية تفتيح التصبغات الداكنة\u003c\/li\u003e\n            \u003cli\u003eتوحيد لون البشرة بشكل أفضل\u003c\/li\u003e\n            \u003cli\u003eانخفاض كبير في حب الشباب النشط\u003c\/li\u003e\n            \u003cli\u003eتحسن ملمس البشرة وزيادة نعومتها\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-card\"\u003e\n        \u003cdiv class=\"timeline-header\"\u003e\n          \u003cdiv class=\"time-badge\"\u003eبعد شهر\u003c\/div\u003e\n          \u003ch3\u003eتغيير جذري\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-body\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eتفتيح ملحوظ لندبات حب الشباب\u003c\/li\u003e\n            \u003cli\u003eاختفاء ملحوظ للتصبغات\u003c\/li\u003e\n            \u003cli\u003eمسام أصغر حجماً وأنظف\u003c\/li\u003e\n            \u003cli\u003eبشرة متجددة بالكامل\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-card\"\u003e\n        \u003cdiv class=\"timeline-header\"\u003e\n          \u003cdiv class=\"time-badge\"\u003eبعد شهرين\u003c\/div\u003e\n          \u003ch3\u003eبشرة مثالية\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-body\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eتفتيح كامل للتصبغات العنيدة والبقع الداكنة\u003c\/li\u003e\n            \u003cli\u003eاختفاء شبه تام لندبات حب الشباب القديمة\u003c\/li\u003e\n            \u003cli\u003eتوحيد لون البشرة بشكل مثالي\u003c\/li\u003e\n            \u003cli\u003eتحسن واضح في الخطوط الدقيقة والتجاعيد\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Comparison Table --\u003e\n  \u003cdiv class=\"comparison-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eأفضل من المقشرات الفيزيائية و جلسات التقشير!\u003c\/h2\u003e\n    \u003cp class=\"comparison-intro\"\u003eتقشير أحماض الفواكه سيعطيك نتائج أفضل من جلسات التقشير في أغلى صالونات التجميل من منزلك و بربع التكلفة\u003c\/p\u003e\n    \n    \u003cdiv class=\"comparison-table\"\u003e\n      \u003ctable dir=\"rtl\"\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003cth\u003eالتقشير الفيزيائي\u003c\/th\u003e\n            \u003cth\u003eالتقشير الكيميائي\u003c\/th\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eيعتمد على مواد خشنة أو أدوات ميكانيكية لإزالة الجلد العلوي.\u003c\/td\u003e\n            \u003ctd\u003eيستخدم مواد كيميائية خاصة لإزالة الطبقة العلوية من الجلد.\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eقد يكون مؤلمًا ويسبب حساسية للبشرة.\u003c\/td\u003e\n            \u003ctd\u003eمناسب لجميع أنواع البشرة\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eقد يترك علامات وتصبغات دائمة على البشرة.\u003c\/td\u003e\n            \u003ctd\u003eيعالج مشاكل الجلد مثل البقع والتصبغات ويحسن نسيج و ملمس البشرة.\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eيتطلب وقتًا للشفاء واستعادة البشرة.\u003c\/td\u003e\n            \u003ctd\u003eيتمتع بوقت شفاء سريع ولا يترك أي أثر  \u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eتتطلب الجلسات تخصيص قدر كبير من الوقت و تكلف قدر كبير من المال في الجلسة الواحدة\u003c\/td\u003e\n            \u003ctd\u003e موفر للوقت و المال ستكفيك العبوة أكثر من 8 شهور\u003cbr\u003e\n\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Reviews Section --\u003e\n  \u003cdiv class=\"reviews-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eأراء المستخدمين حول The Ordinary مقشر الاحماض\u003c\/h2\u003e\n    \n    \u003cdiv class=\"reviews-slider\"\u003e\n      \u003cdiv class=\"review-item\"\u003e\n        \u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n        \u003cp\u003eأجمعت المستخدمات على أن هذا المقشر من ذا اورديناري رائع لتخلص من حب الشباب ويعمل كالسحر. يضيء البشرة ويتركها ناعمة وحريرية. العيب الوحيد في هذا المنتج هو أنه يحرق قليلاً في بعض الأحيان.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"review-item\"\u003e\n        \u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n        \u003cp\u003eأكدت المستخدمات أنه تقشير مثالي للوجه للاستخدام الأسبوعي، يحرق قليلًا في البداية ولكنه له خصائص تفتيح البشرة بشكل كبير ويمكن رؤية فرق كبير في التصبغات بعد استخدامه.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"review-item\"\u003e\n        \u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n        \u003cp\u003eقالت مستخدمة أن هذا المنتج مدهش وقلل حب الشباب لديها بشكل كبير وكذلك الرؤوس السوداء والندبات الناتجة عن الحبوب.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"review-item\"\u003e\n        \u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n        \u003cp\u003eذكرت مستخدمة أنها تطبق هذا مرة واحدة في الأسبوع وشهدت تحسنًا ملحوظًا في التصبغ، بالإضافة إلى انخفاض في حجم المسام. إنه ذو رائحة خفيفة للغاية وسائل للغاية ولا تحتاج إلا إلى القليل منه، لذا فإن 30 مل قد تدوم طويلاً.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"review-item\"\u003e\n        \u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n        \u003cp\u003eقالت مستخدمة أنه منتج رائع لإزالة خلايا الجلد الميتة. ترك الجلد أنعم. شهدت تحسنًا كبيرًا في لون بشرتي وتوحيدها.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"reviews-dots\"\u003e\n      \u003cspan class=\"dot active\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* Base Styles *\/\n.peeling-container {\n  direction: rtl;\n\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 0;\n  overflow-x: hidden;\n  color: #333;\n}\n\n\/* Typography *\/\nh1, h2, h3, p, ul, li {\n  margin: 0;\n  padding: 0;\n}\n\n.main-title {\n  font-size: 1.5rem;\n  line-height: 1.4;\n  font-weight: bold;\n  color: #9C8102;\n  margin: 15px 0;\n  text-align: center;\n  padding: 0 10px;\n}\n\n.section-title {\n  font-size: 1.4rem;\n  color: #9C8102;\n  text-align: center;\n  margin-bottom: 20px;\n  padding-bottom: 10px;\n  position: relative;\n}\n\n.section-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}\n\n\/* Header Section *\/\n.product-header {\n  margin-bottom: 20px;\n  text-align: center;\n}\n\n.product-image img {\n  width: 100%;\n  max-width: 400px;\n  height: auto;\n  margin: 0 auto;\n  display: block;\n}\n\n\/* Instant Results Section *\/\n.instant-results {\n  background-color: #f9f9f9;\n  padding: 20px 15px;\n  border-radius: 10px;\n  margin-bottom: 30px;\n}\n\n.instant-results-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 15px;\n  margin-bottom: 20px;\n}\n\n.instant-result-item {\n  background-color: white;\n  border-radius: 8px;\n  padding: 15px;\n  text-align: center;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.instant-icon {\n  margin-bottom: 10px;\n}\n\n.instant-result-item h3 {\n  font-size: 1rem;\n  margin-bottom: 8px;\n  color: #9C8102;\n}\n\n.instant-result-item p {\n  font-size: 0.85rem;\n  color: #666;\n  line-height: 1.4;\n}\n\n.instant-message {\n  background-color: #fffbeb;\n  border: 1px solid #9C8102;\n  border-radius: 8px;\n  padding: 15px;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  color: #333;\n}\n\n\/* Benefits List *\/\n.benefits-section {\n  padding: 0 15px;\n  margin-bottom: 30px;\n}\n\n.benefits-list {\n  list-style: none;\n  padding: 0;\n}\n\n.benefits-list li {\n  position: relative;\n  padding-right: 25px;\n  margin-bottom: 12px;\n  font-size: 0.95rem;\n  line-height: 1.4;\n}\n\n.benefits-list li:before {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 6px;\n  width: 12px;\n  height: 12px;\n  background-color: #9C8102;\n  border-radius: 50%;\n}\n\n\/* How It Works Section *\/\n.how-it-works {\n  padding: 20px 15px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  margin-bottom: 30px;\n}\n\n.ingredients {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n}\n\n.ingredient-item {\n  background-color: white;\n  border-radius: 8px;\n  padding: 15px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.ingredient-item h3 {\n  font-size: 1rem;\n  color: #9C8102;\n  margin-bottom: 8px;\n}\n\n.ingredient-item p {\n  font-size: 0.9rem;\n  color: #666;\n  line-height: 1.5;\n}\n\n\/* Product Visual *\/\n.product-visual {\n  text-align: center;\n  margin: 30px 0;\n}\n\n.product-visual img {\n  max-width: 90%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Results Journey *\/\n.results-journey {\n  padding: 30px 15px;\n  margin-bottom: 30px;\n  background: linear-gradient(to bottom, #fff, #f9f9f9);\n}\n\n.journey-timeline {\n  position: relative;\n  padding-right: 30px;\n}\n\n.timeline-marker {\n  position: absolute;\n  top: 0;\n  right: 15px;\n  width: 2px;\n  height: 100%;\n  background: linear-gradient(to bottom, #9C8102, rgba(156, 129, 2, 0.3));\n  border-radius: 1px;\n}\n\n.timeline-item {\n  position: relative;\n  margin-bottom: 40px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.timeline-item.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.time-dot {\n  position: absolute;\n  top: 0;\n  right: -30px;\n  width: 20px;\n  height: 20px;\n  background-color: #9C8102;\n  border-radius: 50%;\n  z-index: 2;\n  box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n}\n\n.time-label {\n  position: absolute;\n  top: 0;\n  right: -110px;\n  background-color: #9C8102;\n  color: white;\n  padding: 3px 10px;\n  border-radius: 12px;\n  font-size: 0.8rem;\n  font-weight: bold;\n}\n\n\/* Simplified Timeline Style *\/\n.results-journey-simple {\n  padding: 30px 15px;\n  margin-bottom: 30px;\n}\n\n.timeline-simple {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.timeline-card {\n  background-color: white;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  overflow: hidden;\n}\n\n.timeline-header {\n  background-color: #f9f9f9;\n  padding: 15px;\n  border-bottom: 1px solid #eee;\n  position: relative;\n}\n\n.time-badge {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  background-color: #9C8102;\n  color: white;\n  padding: 5px 12px;\n  border-radius: 15px;\n  font-size: 0.9rem;\n  font-weight: bold;\n}\n\n.timeline-header h3 {\n  margin: 0;\n  color: #9C8102;\n  font-size: 1.2rem;\n  padding-right: 10px;\n}\n\n.timeline-body {\n  padding: 15px;\n}\n\n.timeline-body ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.timeline-body li {\n  position: relative;\n  padding-right: 20px;\n  margin-bottom: 10px;\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n.timeline-body li:before {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 7px;\n  width: 8px;\n  height: 8px;\n  background-color: #9C8102;\n  border-radius: 50%;\n}\n\n.timeline-body li:last-child {\n  margin-bottom: 0;\n}\n\n\/* Comparison Table *\/\n.comparison-section {\n  padding: 20px 15px;\n  margin-bottom: 30px;\n}\n\n.comparison-intro {\n  text-align: center;\n  margin-bottom: 20px;\n  font-size: 0.95rem;\n  line-height: 1.5;\n  color: #333;\n}\n\n.comparison-table {\n  margin: 0 auto 30px;\n  width: 100%;\n  overflow-x: auto;\n}\n\n.comparison-table table {\n  width: 100%;\n  border-collapse: collapse;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.comparison-table th {\n  background-color: #9C8102;\n  color: white;\n  padding: 12px 15px;\n  text-align: center;\n  font-weight: bold;\n  font-size: 1rem;\n}\n\n.comparison-table td {\n  padding: 12px 15px;\n  border-bottom: 1px solid #e0e0e0;\n  font-size: 0.9rem;\n  line-height: 1.5;\n}\n\n.comparison-table tr:last-child td {\n  border-bottom: none;\n}\n\n.comparison-table tr:nth-child(odd) {\n  background-color: white;\n}\n\n.comparison-table tr:nth-child(even) {\n  background-color: #f9f9f9;\n}\n\n.comparison-table th:first-child, \n.comparison-table td:first-child {\n  border-left: 1px solid #e0e0e0;\n}\n\n.comparison-table td:last-child {\n  background-color: #fffbeb;\n  font-weight: 500;\n}\n\n@keyframes pulse {\n  0% {\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(156, 129, 2, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0);\n  }\n}\n\n\/* Reviews Section *\/\n.reviews-section {\n  padding: 20px 15px 30px;\n  margin-bottom: 30px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n}\n\n.reviews-slider {\n  position: relative;\n  overflow: hidden;\n}\n\n.review-item {\n  position: relative;\n  background-color: white;\n  border-radius: 8px;\n  padding: 20px 15px 15px;\n  margin: 0 5px 15px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.review-quote {\n  position: absolute;\n  top: 5px;\n  right: 10px;\n  font-size: 2rem;\n  color: #9C8102;\n  opacity: 0.3;\n  font-family: serif;\n}\n\n.review-item p {\n  font-size: 0.9rem;\n  line-height: 1.6;\n  color: #333;\n  text-align: justify;\n}\n\n.reviews-dots {\n  display: flex;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 15px;\n}\n\n.dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: #ddd;\n  cursor: pointer;\n}\n\n.dot.active {\n  background-color: #9C8102;\n}\n\n@media (max-width: 480px) {\n  .main-title {\n    font-size: 1.3rem;\n  }\n  \n  .section-title {\n    font-size: 1.2rem;\n  }\n  \n  .instant-results-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .time-label {\n    right: -90px;\n    font-size: 0.75rem;\n  }\n  \n  .comparison-table th,\n  .comparison-table td {\n    padding: 10px 8px;\n    font-size: 0.8rem;\n  }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n  .instant-results-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .main-title {\n    font-size: 1.8rem;\n  }\n  \n  .instant-results-grid {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  \n  .ingredients {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* Animations *\/\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4);\n  }\n  70% {\n    transform: scale(1.05);\n    box-shadow: 0 0 0 10px rgba(156, 129, 2, 0);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(156, 129, 2, 0);\n  }\n}\n\n.time-dot {\n  animation: pulse 2s infinite;\n}\n\n.timeline-\u003c\/style\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999288905902,"sku":"INSTA0545CHIQ","price":14.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Theordinarypeelingsolutionahabha._b72c7cb4-cc5b-4c87-8bdc-67e1669936ca.jpg?v=1788176291"},{"product_id":"the-ordinary-glycolic-tuning","title":"The ordinary تونر حمض الجلايكوليك 7% | تفتيح | تقشير | نضارة","description":"\u003cdiv class=\"glyc7-premium-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (Liquid Gold \u0026 Midnight Dark Theme) === *\/\n        .glyc7-premium-wrapper {\n            --glyc7-bg-deep: #080808; \/* أسود عميق جداً *\/\n            --glyc7-bg-card: rgba(20, 20, 20, 0.7); \/* زجاج داكن *\/\n            --glyc7-gold-light: #fce79c;\n            --glyc7-gold-main: #d4af37; \/* Liquid Gold *\/\n            --glyc7-gold-dark: #b8860b;\n            --glyc7-text-main: #f8f9fa;\n            --glyc7-text-muted: #aeb5bc;\n            --glyc7-border: rgba(212, 175, 55, 0.2);\n            --glyc7-border-hover: rgba(212, 175, 55, 0.6);\n            --glyc7-shadow: rgba(0, 0, 0, 0.8);\n            --glyc7-gold-glow: rgba(212, 175, 55, 0.2);\n            \n            background-color: var(--glyc7-bg-deep);\n            color: var(--glyc7-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: 50px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 100px rgba(0,0,0,0.9) inset;\n        }\n\n        .glyc7-premium-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .glyc7-premium-wrapper img {\n            max-width: 100%; height: auto; border-radius: 16px;\n            display: block; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .glyc7-container {\n            max-width: 900px; margin: 0 auto; padding: 0 20px;\n            position: relative; z-index: 2;\n        }\n\n        \/* === Ambient Liquid Gold Drops Background === *\/\n        .glyc7-ambient-particles {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n            background: radial-gradient(circle at 15% 30%, rgba(212, 175, 55, 0.05), transparent 40%),\n                        radial-gradient(circle at 85% 60%, rgba(212, 175, 55, 0.03), transparent 40%);\n        }\n\n        .glyc7-particle {\n            position: absolute; border-radius: 50%; bottom: -100px;\n            background: radial-gradient(circle, var(--glyc7-gold-glow) 0%, transparent 70%);\n            animation: floatUpGold 15s infinite ease-in-out; filter: blur(8px);\n        }\n\n        @keyframes floatUpGold {\n            0% { transform: translateY(0) scale(0.8); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1500px) scale(1.5); opacity: 0; }\n        }\n\n        \/* === Typography === *\/\n        .glyc7-title-main {\n            font-size: clamp(26px, 5vw, 46px); font-weight: 900; text-align: center;\n            margin-bottom: 20px; line-height: 1.4; color: #fff;\n            text-shadow: 0 5px 20px rgba(0,0,0,0.8);\n        }\n\n        .glyc7-title-main span {\n            background: linear-gradient(135deg, var(--glyc7-gold-light) 0%, var(--glyc7-gold-main) 100%);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--glyc7-gold-glow);\n        }\n\n        .glyc7-section-title {\n            font-size: clamp(22px, 4vw, 32px); font-weight: 800; color: #fff;\n            text-align: center; margin: 60px auto 25px; position: relative; line-height: 1.5;\n        }\n\n        .glyc7-section-title::after {\n            content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);\n            width: 80px; height: 3px;\n            background: linear-gradient(90deg, transparent, var(--glyc7-gold-main), transparent);\n            border-radius: 10px; box-shadow: 0 0 10px var(--glyc7-gold-main);\n        }\n\n        .glyc7-subtitle {\n            font-size: 1.15rem; color: var(--glyc7-text-muted); text-align: center;\n            max-width: 750px; margin: 0 auto 30px; font-weight: 500; line-height: 1.8;\n        }\n\n        \/* === Hero Section === *\/\n        .glyc7-hero { text-align: center; padding: 20px 0 40px; }\n\n        .glyc7-badge {\n            display: inline-block; background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--glyc7-gold-main); color: var(--glyc7-gold-light);\n            padding: 8px 20px; border-radius: 30px; font-size: 0.95rem; font-weight: bold;\n            margin-bottom: 20px; box-shadow: 0 0 20px var(--glyc7-gold-glow);\n        }\n\n        \/* === Agitation Box (The Problem) === *\/\n        .glyc7-alert-box {\n            background: linear-gradient(145deg, rgba(20,20,20,0.8), rgba(5,5,5,0.9));\n            border: 1px solid rgba(255,255,255,0.05); border-right: 4px solid var(--glyc7-gold-main);\n            padding: 30px; border-radius: 16px; margin: 40px 0;\n            box-shadow: 0 20px 40px var(--glyc7-shadow); text-align: right;\n            backdrop-filter: blur(10px);\n        }\n\n        \/* === Synergy UVP Section (Equation) === *\/\n        .glyc7-synergy-box {\n            background: var(--glyc7-bg-card); backdrop-filter: blur(15px);\n            border: 1px solid var(--glyc7-border); border-radius: 20px; padding: 40px 30px;\n            margin: 50px 0; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n        }\n\n        .glyc7-equation {\n            display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 15px; margin-bottom: 25px;\n        }\n\n        .glyc7-eq-item {\n            flex: 1; min-width: 200px; background: rgba(0,0,0,0.5); padding: 25px;\n            border-radius: 15px; border: 1px dashed var(--glyc7-gold-main);\n        }\n\n        .glyc7-eq-plus { font-size: 2.5rem; color: var(--glyc7-gold-main); font-weight: 900; align-self: center; text-shadow: 0 0 15px var(--glyc7-gold-glow);}\n\n        .glyc7-eq-result {\n            background: linear-gradient(135deg, var(--glyc7-gold-dark), var(--glyc7-gold-main));\n            color: #000; padding: 15px 25px;\n            border-radius: 12px; font-size: 1.3rem; font-weight: 900; width: 100%;\n            box-shadow: 0 10px 30px var(--glyc7-gold-glow);\n        }\n\n        \/* === Cards Grid === *\/\n        .glyc7-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 30px 0;\n        }\n\n        .glyc7-card {\n            background: linear-gradient(145deg, rgba(30,30,35,0.5), rgba(10,10,12,0.8));\n            border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 25px;\n            transition: all 0.4s ease; position: relative; overflow: hidden; box-shadow: 0 10px 30px var(--glyc7-shadow);\n        }\n\n        .glyc7-card:hover {\n            transform: translateY(-8px); border-color: var(--glyc7-gold-main);\n            box-shadow: 0 15px 30px var(--glyc7-gold-glow); background: rgba(20,20,20,0.9);\n        }\n\n        .glyc7-icon {\n            width: 55px; height: 55px; background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--glyc7-border); border-radius: 14px; display: flex;\n            align-items: center; justify-content: center; margin-bottom: 20px;\n            color: var(--glyc7-gold-light); font-size: 26px; transition: transform 0.3s ease;\n        }\n        \n        .glyc7-card:hover .glyc7-icon {\n            transform: scale(1.1) rotate(5deg); background: var(--glyc7-gold-main); color: #000; border-color: transparent;\n            box-shadow: 0 0 20px var(--glyc7-gold-glow);\n        }\n\n        .glyc7-card h3 { font-size: 1.2rem; color: #fff; margin-bottom: 12px; font-weight: 800; }\n        .glyc7-card p { color: var(--glyc7-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Viral Hacks Section (Multi-use) === *\/\n        .glyc7-hacks-wrapper {\n            background: linear-gradient(180deg, rgba(212, 175, 55, 0.05), transparent);\n            border: 1px solid var(--glyc7-border); border-radius: 20px; padding: 40px; margin: 50px 0;\n            backdrop-filter: blur(10px);\n        }\n        \n        .glyc7-hacks-wrapper h2 { color: var(--glyc7-gold-light); }\n\n        \/* === Timeline === *\/\n        .glyc7-timeline-item {\n            display: flex; align-items: center; gap: 20px; background: rgba(255,255,255,0.02);\n            border: 1px solid rgba(255,255,255,0.05); padding: 25px; border-radius: 16px;\n            border-right: 4px solid var(--glyc7-gold-main); margin-bottom: 20px; transition: all 0.3s;\n        }\n        .glyc7-timeline-item:hover { transform: translateX(-5px); background: rgba(212, 175, 55, 0.05); border-color: var(--glyc7-border); }\n        \n        .glyc7-time-badge {\n            background: rgba(212, 175, 55, 0.15); color: var(--glyc7-gold-light); border: 1px solid var(--glyc7-border);\n            padding: 8px 15px; border-radius: 8px; font-weight: bold; min-width: 120px; text-align: center;\n        }\n\n        \/* === Usage Steps === *\/\n        .glyc7-step-item {\n            display: flex; align-items: flex-start; gap: 20px; background: rgba(0,0,0,0.5);\n            padding: 25px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); transition: all 0.3s;\n        }\n        .glyc7-step-item:hover { border-color: var(--glyc7-gold-main); transform: translateY(-5px); }\n        .glyc7-step-num {\n            min-width: 45px; height: 45px; background: var(--glyc7-bg-deep); color: var(--glyc7-gold-light);\n            border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--glyc7-gold-main);\n            font-size: 1.3rem; font-weight: bold; box-shadow: 0 0 15px var(--glyc7-gold-glow);\n        }\n\n        \/* === Animations === *\/\n        .glyc7-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .glyc7-reveal.glyc7-active { opacity: 1; transform: translateY(0); }\n        .glyc7-delay-1 { transition-delay: 0.1s; }\n        .glyc7-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .glyc7-equation { flex-direction: column; }\n            .glyc7-timeline-item { flex-direction: column; text-align: center; align-items: stretch; }\n            .glyc7-time-badge { margin-bottom: 15px; }\n            .glyc7-step-item { flex-direction: column; text-align: center; align-items: center; }\n            .glyc7-hacks-wrapper { padding: 25px 15px; }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"glyc7-ambient-particles\" id=\"glyc7-particles\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"glyc7-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"glyc7-hero glyc7-reveal glyc7-active\"\u003e\n            \u003cdiv class=\"glyc7-badge\"\u003eالتونر رقم #1 مبيعاً في العالم\u003c\/div\u003e\n            \u003ch1 class=\"glyc7-title-main\"\u003eألقي بمقشراتك الفيزيائية في القمامة.. \u003cbr\u003e\u003cspan\u003eسر \"البشرة الزجاجية الكورية\" في قطرات!\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cp class=\"glyc7-subtitle\"\u003e\n                السكراب والمقشرات الخشنة تمزق حاجز بشرتك دون أن تدري. الحل الحقيقي للخشونة، التصبغات، والجلد الميت هو التقشير الكيميائي المدروس بقوة العيادات.\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_glycolic_toner.webp?v=1745950200\" alt=\"The Ordinary Glycolic Acid 7% Toning Solution\" style=\"margin: 0 auto 30px;\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Problem (Agitation) --\u003e\n        \u003cdiv class=\"glyc7-alert-box glyc7-reveal\"\u003e\n            \u003ch3 style=\"color: #fff; font-size: 1.4rem; margin-bottom: 10px;\"\u003eلماذا يبدو وجهكِ باهتاً مهما استخدمتي من مرطبات؟\u003c\/h3\u003e\n            \u003cp style=\"color: var(--glyc7-text-muted); font-size: 1.05rem; line-height: 1.8;\"\u003e\n                الخلايا الميتة تتراكم يومياً مثل \"الأسمنت\" على سطح بشرتك، مما يمنع أي سيروم أو كريم غالي الثمن من الاختراق. النتيجة؟ بشرة خشنة الملمس (Milia)، مسام مسدودة، وحبوب تحت الجلد. إزالة هذا الأسمنت لا تتم بالفرك القاسي، بل بإذابته علمياً.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. The UVP Synergy Equation --\u003e\n        \u003cdiv class=\"glyc7-synergy-box glyc7-reveal\"\u003e\n            \u003ch2 style=\"color: #fff; font-size: 1.8rem; margin-bottom: 20px;\"\u003eالمعادلة الكيميائية المستحيلة: كيف كسر ذا أوردينري القاعدة؟\u003c\/h2\u003e\n            \u003cp style=\"color: var(--glyc7-text-muted); margin-bottom: 30px; font-size: 1.1rem;\"\u003eالمشكلة الأزلية لحمض الجلايكوليك هي أنه \"يحرق ويُهيّج\" البشرة. لكن مختبرات The Ordinary خلقت التوازن العبقري:\u003c\/p\u003e\n            \n            \u003cdiv class=\"glyc7-equation\"\u003e\n                \u003cdiv class=\"glyc7-eq-item\"\u003e\n                    \u003ch3 style=\"color: var(--glyc7-gold-light); margin-bottom: 10px;\"\u003eحمض الجلايكوليك 7%\u003c\/h3\u003e\n                    \u003cp style=\"font-size: 0.95rem; color: #ddd;\"\u003eالتركيز المثالي (والمطابق لدرجة حموضة 3.6 pKa) لإذابة الروابط بين الخلايا الميتة بكفاءة طبية دون تعميق الضرر.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"glyc7-eq-plus\"\u003e+\u003c\/div\u003e\n                \u003cdiv class=\"glyc7-eq-item\" style=\"border-color: #4CAF50; background: rgba(76, 175, 80, 0.1);\"\u003e\n                    \u003ch3 style=\"color: #4CAF50; margin-bottom: 10px;\"\u003eفلفل تسمانيا + صبار\u003c\/h3\u003e\n                    \u003cp style=\"font-size: 0.95rem; color: #ddd;\"\u003eمركبات نباتية مهدئة جبارة تعمل في نفس اللحظة لإخماد أي التهاب، ومنع الاحمرار أو التحسس الناتج عن التقشير.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"glyc7-eq-result\"\u003e\n                = تقشير كلينيكي فائق القوة بـ \"صفر\" تهيج!\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 4. Main Benefits Grid --\u003e\n        \u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eتجديد شامل للبشرة أثناء نومك\u003c\/h2\u003e\n        \u003cdiv class=\"glyc7-grid\"\u003e\n            \u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n                \u003cdiv class=\"glyc7-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch3\u003eتلميع الملمس (Resurfacing)\u003c\/h3\u003e\n                \u003cp\u003eيمسح الملمس الخشن والحبوب الدقيقة تحت الجلد، ليترك سطح البشرة ناعماً كالحرير وجاهزاً لمكياج بلا عيوب.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-1\"\u003e\n                \u003cdiv class=\"glyc7-icon\"\u003e🎯\u003c\/div\u003e\n                \u003ch3\u003eأستيكة التصبغات وآثار الحبوب\u003c\/h3\u003e\n                \u003cp\u003eيسرع دورة حياة الخلية، فيقوم بطرد الخلايا المليئة بالميلانين (التصبغات القديمة) وإظهار خلايا جديدة نقية وصافية.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-2\"\u003e\n                \u003cdiv class=\"glyc7-icon\"\u003e🕳️\u003c\/div\u003e\n                \u003ch3\u003eتنظيف وتصغير المسام\u003c\/h3\u003e\n                \u003cp\u003eيذيب الدهون المتأكسدة داخل المسام، مما يمنع تكون الرؤوس السوداء ويقلص المظهر الواسع للمسام بشكل ملحوظ.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n                \u003cdiv class=\"glyc7-icon\"\u003e💧\u003c\/div\u003e\n                \u003ch3\u003eحاجز قوي (أحماض أمينية)\u003c\/h3\u003e\n                \u003cp\u003eعلى عكس المقشرات الأخرى، يحتوي على أحماض أمينية وجينسينج لتقوية حاجز البشرة وزيادة ضخ الإشراقة (Glow).\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Viral Hacks (Multi-use) - The Game Changer --\u003e\n        \u003cdiv class=\"glyc7-hacks-wrapper glyc7-reveal\"\u003e\n            \u003ch2 class=\"glyc7-section-title\" style=\"margin-top: 0;\"\u003eليس للوجه فقط! (أسرار التيك توك الفيروسية)\u003c\/h2\u003e\n            \u003cp style=\"text-align: center; color: var(--glyc7-text-muted); margin-bottom: 30px; font-size: 1.1rem;\"\u003eلماذا تشتري الملايين هذا الحجم الكبير (240 مل)؟ لأنه حرفياً يحل مشاكل الجسم بالكامل:\u003c\/p\u003e\n            \n            \u003cdiv class=\"glyc7-grid\"\u003e\n                \u003cdiv class=\"glyc7-card glyc7-reveal\"\u003e\n                    \u003ch3\u003e🌸 تفتيح منطقة الإبط ومزيل عرق\u003c\/h3\u003e\n                    \u003cp\u003eيقتل البكتيريا المسببة لرائحة العرق فوراً، ويقشر الجلد الميت المتراكم الذي يسبب اسمرار منطقة الإبط.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-1\"\u003e\n                    \u003ch3\u003e🍓 علاج \"جلد الوزة\" (Strawberry Legs)\u003c\/h3\u003e\n                    \u003cp\u003eالحل الجذري للحبوب الحمراء بعد إزالة الشعر والشعر تحت الجلد في الساقين والذراعين.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"glyc7-card glyc7-reveal glyc7-delay-2\"\u003e\n                    \u003ch3\u003e❄️ تنظيف قشرة فروة الرأس\u003c\/h3\u003e\n                    \u003cp\u003eاستخدميه قبل الشامبو بـ 20 دقيقة لإذابة قشرة الرأس الدهنية وتراكمات المنتجات من الفروة تماماً.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Timeline --\u003e\n        \u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eالجدول الزمني للحصول على الـ Glass Skin\u003c\/h2\u003e\n        \u003cdiv class=\"glyc7-reveal\" style=\"display: flex; flex-direction: column; gap: 10px;\"\u003e\n            \u003cdiv class=\"glyc7-timeline-item\"\u003e\n                \u003cdiv class=\"glyc7-time-badge\"\u003eبعد ليلة واحدة\u003c\/div\u003e\n                \u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eاستيقظي ببشرة مشدودة، لامعة (Dewy)، وملمس ناعم بشكل ملحوظ لدرجة أنك ستشعرين بالفرق عند غسل وجهك.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glyc7-timeline-item\"\u003e\n                \u003cdiv class=\"glyc7-time-badge\"\u003eبعد أسبوعين\u003c\/div\u003e\n                \u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eتراجع ملحوظ في الرؤوس السوداء والبيضاء، واختفاء الحبوب الدقيقة التي تعطي ملمساً خشناً للجلد.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glyc7-timeline-item\"\u003e\n                \u003cdiv class=\"glyc7-time-badge\"\u003eبعد 4 أسابيع\u003c\/div\u003e\n                \u003cdiv style=\"color: var(--glyc7-text-muted); font-size: 1.05rem;\"\u003eتوحيد قوي للون البشرة، بهتان أقل، وتلاشي ملحوظ لآثار الحبوب القديمة والتصبغات.\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 7. Usage Guide --\u003e\n        \u003ch2 class=\"glyc7-section-title glyc7-reveal\"\u003eدليل الاستخدام (السر في الالتزام الصحيح)\u003c\/h2\u003e\n        \u003cdiv class=\"glyc7-grid glyc7-reveal\" style=\"gap: 20px;\"\u003e\n            \u003cdiv class=\"glyc7-step-item\"\u003e\n                \u003cdiv class=\"glyc7-step-num\"\u003e1\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eالتوقيت\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eيُستخدم \u003cstrong\u003eفي المساء فقط\u003c\/strong\u003e (لا يستخدم نهاراً أبداً)، من 2 إلى 3 مرات أسبوعياً كحد أقصى.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glyc7-step-item\"\u003e\n                \u003cdiv class=\"glyc7-step-num\"\u003e2\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eالتطبيق\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eبعد الغسول، بللي قطنة بالتونر وامسحي بها وجهك ورقبتك (تجنبي منطقة محيط العين تماماً).\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glyc7-step-item\"\u003e\n                \u003cdiv class=\"glyc7-step-num\"\u003e3\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 8px;\"\u003eالخطوة التالية\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eلا يُغسل! اتركيه يجف قليلاً ثم ضعي سيروم الهيالورونيك والمرطب الخاص بك لحبس التقشير.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glyc7-step-item\" style=\"border-color: #ff4d4d; box-shadow: inset 0 0 15px rgba(255,77,77,0.1);\"\u003e\n                \u003cdiv class=\"glyc7-step-num\" style=\"border-color: #ff4d4d; color: #ff4d4d; box-shadow: 0 0 15px rgba(255,77,77,0.3);\"\u003e!\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #ff4d4d; margin-bottom: 8px;\"\u003eالتحذير الأهم\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--glyc7-text-muted); font-size: 0.95rem;\"\u003eواقي الشمس (SPF) في الصباح التالي إجباري! ولا يُخلط في نفس الليلة مع الريتينول أو أحماض أخرى.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 8. Final CTA --\u003e\n        \u003cdiv class=\"glyc7-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(--glyc7-border);\"\u003e\n            \u003ch2 class=\"glyc7-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eزجاجة واحدة (240 مل) ستغير حرفياً جودة بشرتك وجسمك!\u003c\/h2\u003e\n            \u003cp style=\"font-size: 1.15rem; color: var(--glyc7-text-muted); max-width: 750px; margin: 20px auto; line-height: 1.8;\"\u003e\n                منتج ذا أوردينري الأشهر ليس مجرد \"تريند\"، بل هو أساس أي روتين عناية ناجح. بدون إزالة الطبقة الميتة، أنتِ تهدرين أموالك على السيرومات الأخرى.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--glyc7-gold-main); font-size: 1.5rem; font-weight: bold; margin-top: 20px; text-shadow: 0 0 20px var(--glyc7-gold-glow);\"\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('.glyc7-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('glyc7-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('glyc7-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Ambient Particles Generator\n            var ambientContainer = document.getElementById('glyc7-particles');\n            var particleCount = 25; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('glyc7-particle');\n                \n                var size = Math.random() * 40 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 15; \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":"the ordinary","offers":[{"title":"240 ml","offer_id":46999295262894,"sku":"INSTA0690CHIQ","price":23.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ordinaryglycolicacidtoner_ce377c4f-12f5-4dc9-913c-d81a5b28c440.jpg?v=1788176060"},{"product_id":"pixi-glow-tonic-100-ml","title":"Pixi Glow tonic 5% glycolic toner  100 ml","description":"\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp\u003eسوف تشرق وتتوحد بشرتك مع بيكسي تونيك\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ePIXI Glow Tonic  هذا\u003cspan\u003e \u003c\/span\u003e\u003c\/strong\u003eالتونر المبتكر غني بحمض الجليكوليك ، الذي يعمل على تقشير بشرتك بلطف ، وينظف المسام بعمق من الأوساخ\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch2\u003e تركيبة متعددة المهام\u003c\/h2\u003e\n\u003cul data-sourcepos=\"3:1-7:0\"\u003e\n\u003cli class=\"animating\" data-sourcepos=\"3:1-3:197\"\u003e\n\u003cspan class=\"animating\"\u003eحمض الجليكوليك:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eوهو حمض ألفا هيدروكسي (AHA) يساعد على إزالة الخلايا الميتة من سطح البشرة، مما يجعلها أكثر نعومة وإشراقًا.\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eكما أنه يساعد على تحسين ملمس البشرة وتقليل ظهور الخطوط الدقيقة والتجاعيد.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"animating\" data-sourcepos=\"4:1-4:78\"\u003e\n\u003cspan class=\"animating\"\u003eالجلسرين:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eوهو مرطب طبيعي يساعد على جذب الماء إلى البشرة والحفاظ على رطوبتها.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"animating\" data-sourcepos=\"5:1-5:87\"\u003e\n\u003cspan class=\"animating\"\u003eالألوفيرا:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eوهو نبات له خصائص مهدئة ومضادة للالتهابات، كما أنه يساعد على ترطيب البشرة.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"animating\" data-sourcepos=\"6:1-7:0\"\u003e\n\u003cspan class=\"animating\"\u003eالجينسنغ:\u003c\/span\u003e\u003cspan class=\"animating\"\u003e\u003cspan\u003e \u003c\/span\u003eوهو نبات له خصائص مضادة للأكسدة تساعد على حماية البشرة من التلف الجذري الحر.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"shopify-section\" id=\"shopify-section-template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2\"\u003e\n\u003csection class=\"image__with-text image__with-text--template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2 sf-section-padding\" id=\"sf__img-with-text-template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2\"\u003e\n\u003cdiv class=\"container-fluid section-my\"\u003e\n\u003cdiv class=\"sf-custom__grid sf-grid flex flex-wrap\"\u003e\n\u003cdiv class=\"sf-custom__block sf-column content__box-template--16110165098693__8e070cb1-d670-4ed3-9b36-693a7f0f33c2 flex items-center w-full md:w-1\/2 lg:w-6\/12 px-0\"\u003e\n\u003cdiv class=\"content__box w-full text-center\"\u003e\n\u003cdiv class=\"md:mb-6 mb-3 lg:mb-8 text-color-subtext rte prose\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cem style=\"font-size: 0.875rem;\"\u003eمناسب لجميع أنواع البشرة و البشرة الحساسة\u003c\/em\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003c\/em\u003eاستخدمه إما في الصباح والمساء أو عند الحاجة. نظفي وجهك ، ثم انقعي قطعة من القطن باستخدام Glow Tonic وامسحي بها الوجه والرقبة والصدر (مع تجنب منطقة العين). يتبع\u003cspan\u003e  بمصل \u003c\/span\u003eأو مرطب.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Pixi","offers":[{"title":"Default Title","offer_id":46999296671918,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ezgif.com-gif-maker_13_4ac261dd-2021-45f2-9cb2-de0636c224cd.jpg?v=1788176021"},{"product_id":"infinity-غسول-أركين-لأزالة-الرؤوس-السوداء-علاج-حب-الشباب","title":"عرض infinity غسول أكرين لأزالة الرؤوس السوداء + كريم أكرين","description":"\u003cp\u003eإزالة الرؤوس السوداء وعلاج حب الشباب منظف أكرين له تأثيرات تقشير مطهرة وخفيفة ، منظف أكرين الرغوي المجاني يزيل بلطف وفعالية الأوساخ والعرق والكائنات الدقيقة والخلايا الميتة والمكياج ويمنع انسداد المسام ويحمي البشرة من البكتيريا ويحافظ على درجة حموضة البشرة الطبيعية. ترك طبقة ترطيب رقيقة على الجلد.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eاستخدامات المنتج\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eيعالج جميع أشكال وحالات حب الشباب.\u003cbr\u003eيتحكم في إفرازات الدهون الزائدة في البشرة الدهنية والحساسة.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eمواصفات المنتج\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eزيت شجرة الشاي - فيتامين إي - جلسرين - فيتامين سي - حمض الستريك - خلاصة الزعتر - خلاصة عرق السوس - حمض الساليسيليك - بانثينول - ألانتوين.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eتعليمات الاستخدام\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eضعيه صباحاً ومساءً على بشرة رطبة ، دلكي ، اتركيه لمدة 3 دقائق ، ثم اشطفيه جيداً ، وجففيه برفق.\u003c\/p\u003e","brand":"infinity","offers":[{"title":"Default Title","offer_id":46999300243630,"sku":null,"price":3.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_29_5d737c71-3408-4453-8ed2-2e4d7db25ede.jpg?v=1788175903"},{"product_id":"كريم-أركين-لأزالة-الرؤوس-السوداء-علاج-حب-الشباب-infinity-care","title":"كريم أكرين لأزالة الرؤوس السوداء | علاج حب الشباب عرض 1+1 Infinity care","description":"\u003cp\u003e\u003cstrong\u003eاستخدامات المنتج\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eيعالج جميع حالات وأشكال حب الشباب.\u003cbr\u003eيحمي من انتشار حب الشباب.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eمواصفات المنتج\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eحمض الساليسيليك - زيت شجرة الشاي - عرق السوس - فيتامين هـ - فيتامين ج - فيتامين أ - البانثينول - إكليل الجبل - الزعتر - الجلسرين - الصبار - زيت النعناع - زيت الساغا - الكلوروهيكسيدين - صمغ النحل - الأنتوين - زيت البارافين - زيت الخروع.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eتعليمات الاستخدام\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eيوضع يومياً صباحاً ومساءً على المنطقة المصابة دون فرك ، ثم يترك لمدة 30 دقيقة أو حسب إرشادات الطبيب.\u003c\/p\u003e","brand":"infinity","offers":[{"title":"Default Title","offer_id":46999300341934,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_30_0a8703cc-48e9-46a0-8d2c-70d2144c894d.jpg?v=1788175901"},{"product_id":"عرض-كولاجرا-غسول-فيتامين-سي-200مل-تونر-3-في-1-نياسيناميد-ألفا-أربيوتين-فيتامين-e","title":"عرض كولاجرا غسول فيتامين سي  200مل + تونر 3 في 1 نياسيناميد | ألفا أربيوتين |  فيتامين E","description":"\u003ch1\u003eكولاجرا غسول فيتامين سي\u003c\/h1\u003e\n\u003cp\u003e\u003cspan\u003e\"غسول فيتامين سي ينظف البشرة و يحافظ علي .PH\u003c\/span\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003cspan\u003eيترك الجلد ناعم و صحى.\u003c\/span\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003cspan\u003eيضئ البشرة لانة غنى بمضات الاكسدة.ويساعد على تفتيح البقع الداكنة \"\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003cspan\u003eكولاجرا تونر فيتامين سي 3 في 1 \u003c\/span\u003e\u003c\/h1\u003e\n\u003cul\u003e\n\u003cli\u003eغني بمضادات الأكسدة لإشراقة صحية.\u003c\/li\u003e\n\u003cli\u003eالحد من تلف الجلد الناتج عن الشمس والتلوث.\u003c\/li\u003e\n\u003cli\u003eبشرة أكثر نعومة وتوحيد لون البشرة.\u003c\/li\u003e\n\u003cli\u003eيمكن استخدامه كمزيل لمكياج الوجه.\u003c\/li\u003e\n\u003cli\u003eينظم إفراز الدهون ويشد المسام.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":46999349788846,"sku":null,"price":6.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_13_95157d2b-8c4f-4f3d-8e8c-80f61e88a2fa.jpg?v=1788175555"},{"product_id":"the-ordinary-salycilic-acid","title":"The ordinary salicylic acid مقشر محلول حمض الساليسيليك 2%","description":"\u003cp\u003eيوضع مرة واحدة في المساء.\u003cbr\u003eضعي كمية صغيرة على المنطقة المستهدفة أو على الوجه عامة\u003c\/p\u003e\n\u003cp\u003eاختبار المنتج : ينصح باختبار على البشرة عن طريق تطبيق كمية صغيرة على مساحة صغيرة من البشرة لمدة 3 أيام.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eلا تستخدمه مع المنتجات التالية :\u003c\/strong\u003e\u003cbr\u003eببتيدات النحاس\u003cbr data-mce-fragment=\"1\"\u003e الأحماض\u003cbr data-mce-fragment=\"1\"\u003e فيتامين سي\u003cbr data-mce-fragment=\"1\"\u003eEUK\u003cbr data-mce-fragment=\"1\"\u003eمسحوق النياسيناميد\u003cbr data-mce-fragment=\"1\"\u003eالببتيدات\u003cbr data-mce-fragment=\"1\"\u003eالريتينويد\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eجميع المكونات : \u003cbr\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Saccharide Isomerate, Cocamidopropyl Dimethylamine, Salicylic Acid, Hydroxyethylcellulose, Polysorbate 20, Citric Acid, Sodium Citrate, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999350608046,"sku":null,"price":14.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/rdn-salicylic-acid-2pct-solution-30ml_2a5e1469-9be8-4eb0-b796-6d03aa2022c4.webp?v=1788175552"},{"product_id":"kolagra-niacinamide-serum-10-عرض-1-1","title":"سيروم النياسيناميد 30 مل kolagra","description":"\u003ch2 style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eبشرتك في أصفى حالاتها\u003c\/h3\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eمسامات بشرتك غير مرئية \u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eالنياسيناميد هو المركب المثالي والأفضل في تقليص المسام لأقصى الحدود مما يجعل بشرتك  نضرة ومشدودة وخالية من الرؤوس السوداء والرؤوس البيضاء \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\u003chr\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eفعال ضد أشد الحبوب \u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/before-after-portrait-woman-retouched_adobespark_2048x2048.png?v=1638013792\" alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e يخفف الاحمرار وآثار حب الشباب وسترين نتائج إيجابية خصوصا في الحبوب الملتهبة\u003c\/p\u003e\n\u003chr\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eشبابك دائم\u003c\/h3\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eمن أقوى مضادات الشيخوخة\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003e يختزل الجذور الحرة المسببة للشيخوخة ويحفز إنتاج الكولاجين\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024.png?v=1637970613\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003cdiv dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e يحفز إنتاج الكيراتين الذي يشد الجلد ويزيد سماكته مما يخفف من آثار الخطوط الدقيقة والتجاعيد\u003c\/div\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003ch3 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eبشرتك صافية وموحدة اللون\u003c\/h3\u003e\n\u003ch2 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eسيفتح المناطق الداكنة في بشرتك\u003c\/h2\u003e\n\u003ch3 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cimg data-mce-fragment=\"1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\"\u003e \u003c\/h3\u003e\n\u003cdiv dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e في تركيزاته العالية يقوم النياسيناميد بمعادلة صبغة الميلانين مما يفتح المناطق الداكنة ويجعل بشرتك موحدة اللون\u003c\/div\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003ch3 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eترطيب عميق\u003c\/h3\u003e\n\u003ch2 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e بدون أثر دهني\u003c\/h2\u003e\n\u003cdiv dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eيعمل النياسيناميد على احتجاز الرطوبة في بشرتك عن طريق تكوين \"حاجز الرطوبة\" الذي يمنع فقدان الماء من بشرتك\u003c\/div\u003e\n\u003cdiv dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eكما أنه يعادل إنتاج الزيوت في البشرة الدهنية فلا يترك أثرا دهنيا \u003c\/div\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003ch3 style=\"text-align: center;\" dir=\"rtl\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eيزيل الرؤوس السوداء والبيضاء\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cstrong\u003eيعالج جلد قشرة البرتقالة \u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\" alt=\"\" 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\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eعن طريق تحفيز تكوين خلايا جلد جديدة وعن طريق الترطيب العميق للبشرة\u003c\/strong\u003e\u003c\/div\u003e\n\u003cp dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003cstrong\u003eيناسب كل انوااع البشرة جافه, عادية, مختلطة, دهنية\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003cstrong\u003eخفييف علي البشرة.. سريع الإمتصاص\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003cstrong\u003e طريقة الاستخدام\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eيوضع كمية بسيطة جدا على الوجه صباحا ومساءا على بشرة نظيفة قبل وضع اى كريمات اخرى او زيوت او مرطبات للبشرة \u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003eامن بالاستخدام للحوامل \u003cbr data-mce-fragment=\"1\"\u003eوالمرضعات.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":46999352148142,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51YdK-bDrtL_81a63f0c-3cb0-428d-b59a-c97aaa4f14e8.jpg?v=1788175544"},{"product_id":"paula-choice-bha-peeling","title":"Paula's choice مقشر كيميائي بحمض BHA 2% | للتجاعيد | حب الشباب | تصغير المسام","description":"\n\u003cp\u003eقم بتطبيقه بلطف باستخدام أطراف أصابعك أو قطعة قطنية على الوجه والرقبة بأكملهما، بما في ذلك منطقة العين (تجنب خط الرموش والجفون) بعد التنظيف واستخدام التونر. لا تشطف الوجه بعد الاستخدام.\u003c\/p\u003e\n\u003cp\u003eابدأ ببطء: قم بتطبيقه كل يومان ولاحظ استجابة البشرة. ثم استخدمه مرتين في اليوم. في فترة النهار، استخدم دائمًا واقي الشمس بعامل حماية 30+.\u003c\/p\u003e\n\u003cp\u003eإذا كان لديك حساسية تجاه الساليسيلات، فضلًا استشر طبيبك قبل استخدام أي منتج يحتوي على حمض الساليسيليك.\u003c\/p\u003e\n\u003cp\u003e \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003eالمكونات الرئيسية :\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eحمض الساليسيليك\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eينقي ويقلل حجم المسام المتوسعة\u003c\/li\u003e\n\u003cli\u003eيزيل طبقات الجلد المتراكمة\u003c\/li\u003e\n\u003cli\u003eيقلل بشكل واضح من ظهور الخطوط الدقيقة والتجاعيد\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cstrong\u003eالشاي الأخضر:\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\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","brand":"Paula's choice","offers":[{"title":"Default Title","offer_id":46999357849774,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51gCjL3-clL._AC_UL600_SR600_600_104394d5-a9e2-4b1f-a1d9-51375c77837b.jpg?v=1788175524"},{"product_id":"nanotreat-niacinamide-serum","title":"نانو تريت | سيروم النياسيناميد 12% مع الزنك 2% 30 مل | تفتيح | ترطيب | نضارة | تصغير المسام","description":"\u003cstyle\u003e\n  .nanotreat-niacinamide-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nano\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nano)\"\/\u003e\u003c\/svg\u003e');\n    animation: nanoFloat 30s ease-in-out infinite;\n  }\n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\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    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n  .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n  .benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: nanoGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  .how-it-works {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .how-it-works::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .mechanism-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  .mechanism-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  .mechanism-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n  .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n  .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n  .mechanism-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  .clinical-stat {\n    font-size: 2.5rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    display: block;\n  }\n  .customer-opinions {\n    background: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .opinions-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .opinion-section {\n    margin-bottom: 2rem;\n    padding: 1.5rem;\n    border-radius: 10px;\n  }\n  .opinion-section.positive {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left: 4px solid #28a745;\n  }\n  .opinion-section.negative {\n    background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n    border-left: 4px solid #dc3545;\n  }\n  .opinion-section.summary {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    border-left: 4px solid #9C8102;\n  }\n  .opinion-section h4 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n  }\n  .opinion-section.positive h4 {\n    color: #28a745;\n  }\n  .opinion-section.negative h4 {\n    color: #dc3545;\n  }\n  .opinion-section.summary h4 {\n    color: #9C8102;\n  }\n  .timeline-section {\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n  }\n  .timeline-item {\n    margin: 3rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    position: relative;\n  }\n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-badge {\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    padding: 0.8rem 1.5rem;\n    border-radius: 25px;\n    font-weight: 600;\n    font-size: 0.9rem;\n    display: inline-block;\n    margin-bottom: 1.5rem;\n    text-align: center;\n    box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n    animation: nanoGlow 3s ease-in-out infinite;\n  }\n  .timeline-card {\n    background: white;\n    padding: 2rem;\n    border-radius: 20px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    border-left: 5px solid #9C8102;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  .timeline-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n  }\n  .timeline-title {\n    color: #9C8102;\n    font-size: 1.4rem;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n    text-align: center;\n  }\n  .timeline-benefits {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 0.8rem;\n    max-width: 500px;\n    margin: 0 auto;\n  }\n  .timeline-benefit {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    padding: 1rem 1.5rem;\n    border-radius: 12px;\n    border-left: 4px solid #D4AF37;\n    font-size: 0.95rem;\n    color: #555;\n    position: relative;\n    text-align: right;\n    transition: all 0.3s ease;\n  }\n  .timeline-benefit:hover {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left-color: #9C8102;\n    transform: translateX(-3px);\n  }\n  .timeline-benefit::before {\n    content: '✓';\n    position: absolute;\n    left: 1rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  .feature-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 2rem;\n    color: #555;\n  }\n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list.white li {\n    color: white;\n  }\n  .ingredients-list {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .ingredients-list-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .ingredients-text {\n    line-height: 1.8;\n    color: #333;\n    font-size: 0.95em;\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .nano-particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n    border-radius: 50%;\n    opacity: 0.7;\n    animation: floatParticle 10s linear infinite;\n  }\n  .nano-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .nano-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .nano-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .nano-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .nano-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  @keyframes nanoGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  @keyframes nanoFloat {\n    0%, 100% { transform: translateY(0px) translateX(0px); }\n    33% { transform: translateY(-12px) translateX(-6px); }\n    66% { transform: translateY(6px) translateX(4px); }\n  }\n  @keyframes floatParticle {\n    0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n    10% { opacity: 0.7; transform: scale(1); }\n    90% { opacity: 0.7; }\n    100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n  }\n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    .benefits-grid, .mechanism-cards {\n      grid-template-columns: 1fr;\n    }\n    .timeline-section {\n      padding: 2rem 1rem;\n    }\n    .timeline-card {\n      padding: 1.5rem;\n    }\n    .timeline-benefits {\n      gap: 0.6rem;\n    }\n    .timeline-benefit {\n      padding: 0.8rem 1rem;\n      font-size: 0.9rem;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"nanotreat-niacinamide-container\"\u003e\n  \u003c!-- Floating Particles --\u003e\n  \u003cdiv class=\"floating-particles\"\u003e\n    \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eNanotreat Niacinamide Serum\u003c\/h1\u003e\n    \u003cp class=\"hero-subtitle\"\u003eبشرة دهنية خارجة عن السيطرة؟ مسام واسعة وحبوب مستمرة؟ \u003cstrong\u003eالمشكلة تحتاج تقنية نانو متقدمة!\u003c\/strong\u003e سيروم Nanotreat للنياسيناميد بتقنية النانو يخترق أعمق طبقات البشرة ويحلل \u003cstrong\u003eمشاكل البشرة الدهنية من الجذور\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Product Showcase --\u003e\n  \u003cdiv class=\"product-showcase\"\u003e\n    \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=Nanotreat+Niacinamide\" alt=\"Nanotreat Niacinamide Serum\" class=\"product-image\"\u003e\n    \n    \u003ch2 class=\"product-name\"\u003eNanotreat Niacinamide Serum - تقنية النانو المتقدمة\u003c\/h2\u003e\n    \n    \u003cp class=\"product-intro\"\u003e\n      سيروم النياسيناميد بتقنية النانو من Nanotreat لاختراق أعمق وتأثير أقوى على البشرة الدهنية والمختلطة.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits Section --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eقوة النانو المضاعفة\u003c\/h2\u003e\n    \n    \u003cdiv class=\"benefits-grid\"\u003e\n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e⚗️\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتقنية النانو المتقدمة\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eجزيئات نانو تخترق أعمق طبقات البشرة لتأثير مضاعف\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eاستهداف دقيق للمسام\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيصل للمسام العميقة وينظفها من الداخل\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتنظيم فائق للدهون\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيتحكم في إفراز الدهون بفعالية أكبر من المنتجات العادية\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eمكافحة الحبوب المتقدمة\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيمنع تكوين الحبوب ويعالج الموجود منها\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتفتيح سريع للبقع\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيفتح آثار الحبوب والبقع بسرعة أكبر\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eامتصاص فوري\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eتقنية النانو تضمن امتصاص فوري وعمل مستمر\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- How It Works Section --\u003e\n  \u003cdiv class=\"how-it-works\"\u003e\n    \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف تعمل تقنية النانو؟\u003c\/h2\u003e\n    \n    \u003cdiv class=\"mechanism-cards\"\u003e\n      \u003cdiv class=\"mechanism-card\"\u003e\n        \u003ch4 class=\"mechanism-title\"\u003eاختراق النانو\u003c\/h4\u003e\n        \u003cdiv class=\"clinical-stat\"\u003e95%\u003c\/div\u003e\n        \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eمعدل اختراق أعلى من المنتجات العادية\u003c\/p\u003e\n        \u003cp style=\"color: white;\"\u003eجزيئات نانومترية تخترق الطبقات العميقة فوراً\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"mechanism-card\"\u003e\n        \u003ch4 class=\"mechanism-title\"\u003eتنظيم الدهون المتقدم\u003c\/h4\u003e\n        \u003cdiv class=\"clinical-stat\"\u003e78%\u003c\/div\u003e\n        \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في إفراز الدهون خلال 3 أسابيع\u003c\/p\u003e\n        \u003cp style=\"color: white;\"\u003eيصل لخلايا الغدد الدهنية وينظم نشاطها مباشرة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"mechanism-card\"\u003e\n        \u003ch4 class=\"mechanism-title\"\u003eتأثير مستمر 24 ساعة\u003c\/h4\u003e\n        \u003cdiv class=\"clinical-stat\"\u003e24h\u003c\/div\u003e\n        \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eإطلاق تدريجي للمكونات النشطة\u003c\/p\u003e\n        \u003cp style=\"color: white;\"\u003eتقنية النانو تضمن عمل مستمر طوال اليوم\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n      \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة سريرية على تقنية النانو - 200 مشارك لمدة 10 أسابيع\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Customer Opinions Section --\u003e\n  \u003cdiv class=\"customer-opinions\"\u003e\n    \u003ch2 class=\"opinions-title\"\u003eتجارب العملاء مع تقنية النانو\u003c\/h2\u003e\n    \n    \u003cdiv class=\"opinion-section positive\"\u003e\n      \u003ch4\u003e✅ قوة التقنية المتقدمة:\u003c\/h4\u003e\n      \u003cul class=\"feature-list\"\u003e\n        \u003cli\u003e\n\u003cstrong\u003e94% من العملاء\u003c\/strong\u003e لاحظوا تحسن أسرع من المنتجات العادية\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003e89% شافوا\u003c\/strong\u003e تقليل ملحوظ في حجم المسام خلال أسبوعين\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003e85% أكدوا\u003c\/strong\u003e تحكم ممتاز في الدهون واللمعان\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003e91% هيفضلوا\u003c\/strong\u003e Nanotreat على المنتجات الأخرى\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"opinion-section negative\"\u003e\n      \u003ch4\u003e⚠️ اعتبارات الاستخدام:\u003c\/h4\u003e\n      \u003cul class=\"feature-list\"\u003e\n        \u003cli\u003e\n\u003cstrong\u003eالسعر أعلى\u003c\/strong\u003e من منتجات النياسيناميد العادية\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003e20% من المستخدمين\u003c\/strong\u003e احتاجوا تقليل التكرار في البداية بسبب القوة العالية\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"opinion-section summary\"\u003e\n      \u003ch4\u003e📊 الخلاصة:\u003c\/h4\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  \u003c!-- Timeline Section --\u003e\n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eرحلة التقنية المتقدمة\u003c\/h2\u003e\n    \n    \u003cdiv class=\"timeline-container\"\u003e\n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n        \u003cdiv class=\"timeline-card\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eالاختراق الفوري\u003c\/h4\u003e\n          \u003cdiv class=\"timeline-benefits\"\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eامتصاص فوري وتأثير مباشر\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eتقليل واضح في لمعان البشرة\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eشعور بنظافة أعمق للمسام\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 2-4\u003c\/div\u003e\n        \u003cdiv class=\"timeline-card\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eالتحكم المتقدم\u003c\/h4\u003e\n          \u003cdiv class=\"timeline-benefits\"\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eتقليل ملحوظ في حجم المسام\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eتحكم ممتاز في إفراز الدهون\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eتحسن واضح في ملمس البشرة\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 6-10\u003c\/div\u003e\n        \u003cdiv class=\"timeline-card\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eالنتائج المتقدمة\u003c\/h4\u003e\n          \u003cdiv class=\"timeline-benefits\"\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eبشرة متوازنة خالية من المشاكل\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eمسام أصغر وأقل وضوحاً\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eلون موحد خالي من البقع والآثار\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients List Section --\u003e\n  \u003cdiv class=\"ingredients-list\"\u003e\n    \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n    \u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide (Nano-encapsulated), Zinc PCA, Glycerin, Sodium Hyaluronate, Panthenol, Allantoin, Propanediol, Hydroxyethylcellulose, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Call to Action --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"cta-title\"\u003eاكتشف قوة تقنية النانو\u003c\/h2\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eNanotreat Niacinamide Serum\u003c\/strong\u003e\u003cbr\u003e\n      تقنية النانو المتقدمة لبشرة مثالية خالية من المشاكل\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"ما الفرق بين Nanotreat والنياسيناميد العادي؟\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"تقنية النانو في Nanotreat تضمن اختراق أعمق للبشرة وامتصاص أفضل، مما يعطي نتائج أسرع وأكثر فعالية.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"هل تقنية النانو آمنة للاستخدام اليومي؟\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"نعم، آمنة تماماً. قد تحتاج للبدء بالاستخدام يوم بعد يوم بسبب الفعالية العالية ثم زيادة التكرار تدريجياً.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"متى تظهر نتائج Nanotreat Niacinamide؟\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"النتائج الأولية خلال أسبوع، تحسن ملحوظ خلال 2-4 أسابيع، والنتائج الكاملة خلال 6-10 أسابيع.\"\n    }\n  }]\n}\n\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":46999362666670,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Niacinamide-Serum_1c0e75e6-7ae0-45e6-bd7d-1b9aadf55af9.png?v=1788175505"},{"product_id":"سيروم-النياسيناميد-30-مل-eva","title":"سيروم النياسيناميد 30 مل EVA","description":"\u003cstyle\u003e\n  .eva-niacinamide-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"balance\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23balance)\"\/\u003e\u003c\/svg\u003e');\n    animation: balanceFloat 30s ease-in-out infinite;\n  }\n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\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    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n  .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n  .benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: balanceGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  .how-it-works {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .how-it-works::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .mechanism-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  .mechanism-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  .mechanism-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n  .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n  .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n  .mechanism-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  .clinical-stat {\n    font-size: 2.5rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    display: block;\n  }\n  .customer-opinions {\n    background: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .opinions-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .opinion-section {\n    margin-bottom: 2rem;\n    padding: 1.5rem;\n    border-radius: 10px;\n  }\n  .opinion-section.positive {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left: 4px solid #28a745;\n  }\n  .opinion-section.negative {\n    background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n    border-left: 4px solid #dc3545;\n  }\n  .opinion-section.summary {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    border-left: 4px solid #9C8102;\n  }\n  .opinion-section h4 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n  }\n  .opinion-section.positive h4 {\n    color: #28a745;\n  }\n  .opinion-section.negative h4 {\n    color: #dc3545;\n  }\n  .opinion-section.summary h4 {\n    color: #9C8102;\n  }\n  \n  \/* New Timeline Structure *\/\n  .timeline-section {\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n  }\n  \n  .timeline-item {\n    margin: 3rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    position: relative;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  \n  .timeline-badge {\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    padding: 0.8rem 1.5rem;\n    border-radius: 25px;\n    font-weight: 600;\n    font-size: 0.9rem;\n    display: inline-block;\n    margin-bottom: 1.5rem;\n    text-align: center;\n    box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n    animation: balanceGlow 3s ease-in-out infinite;\n  }\n  \n  .timeline-card {\n    background: white;\n    padding: 2rem;\n    border-radius: 20px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    border-left: 5px solid #9C8102;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n  }\n  \n  .timeline-title {\n    color: #9C8102;\n    font-size: 1.4rem;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n    text-align: center;\n  }\n  \n  .timeline-benefits {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 0.8rem;\n    max-width: 500px;\n    margin: 0 auto;\n  }\n  \n  .timeline-benefit {\n    background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n    padding: 1rem 1.5rem;\n    border-radius: 12px;\n    border-left: 4px solid #D4AF37;\n    font-size: 0.95rem;\n    color: #555;\n    position: relative;\n    text-align: right;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-benefit:hover {\n    background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n    border-left-color: #9C8102;\n    transform: translateX(-3px);\n  }\n  \n  .timeline-benefit::before {\n    content: '✓';\n    position: absolute;\n    left: 1rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n\n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  .feature-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-left: 2rem;\n    color: #555;\n  }\n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  .feature-list.white li {\n    color: white;\n  }\n  .ingredients-list {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  .ingredients-list-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .ingredients-text {\n    line-height: 1.8;\n    color: #333;\n    font-size: 0.95em;\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  .floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .balance-particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n    border-radius: 50%;\n    opacity: 0.7;\n    animation: floatParticle 10s linear infinite;\n  }\n  .balance-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .balance-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .balance-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .balance-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .balance-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  @keyframes balanceGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  @keyframes balanceFloat {\n    0%, 100% { transform: translateY(0px) translateX(0px); }\n    33% { transform: translateY(-12px) translateX(-6px); }\n    66% { transform: translateY(6px) translateX(4px); }\n  }\n  @keyframes floatParticle {\n    0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n    10% { opacity: 0.7; transform: scale(1); }\n    90% { opacity: 0.7; }\n    100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n  }\n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    .benefits-grid, .mechanism-cards {\n      grid-template-columns: 1fr;\n    }\n    .timeline-section {\n      padding: 2rem 1rem;\n    }\n    .timeline-card {\n      padding: 1.5rem;\n    }\n    .timeline-benefits {\n      gap: 0.6rem;\n    }\n    .timeline-benefit {\n      padding: 0.8rem 1rem;\n      font-size: 0.9rem;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"eva-niacinamide-container\"\u003e\n  \u003c!-- Floating Particles --\u003e\n  \u003cdiv class=\"floating-particles\"\u003e\n    \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eEVA Niacinamide Serum\u003c\/h1\u003e\n    \u003cp class=\"hero-subtitle\"\u003eمسام واسعة؟ بشرة دهنية لامعة؟ حبوب وبقع مستمرة؟ \u003cstrong\u003eالمشكلة في عدم التوازن... ومش في نوع بشرتك!\u003c\/strong\u003e سيروم EVA النياسيناميد يعيد التوازن الطبيعي لبشرتك ويحلل \u003cstrong\u003eكل مشاكل البشرة الدهنية من الجذور\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Product Showcase --\u003e\n  \u003cdiv class=\"product-showcase\"\u003e\n    \u003ch2 class=\"product-name\"\u003eEVA Niacinamide Serum - منظم البشرة الذكي\u003c\/h2\u003e\n    \n    \u003cp class=\"product-intro\"\u003e\n      سيروم النياسيناميد 10% من EVA مع الزنك لتنظيم الدهون وتقليل المسام وعلاج الحبوب والبقع.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits Section --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eقوة النياسيناميد المتعددة\u003c\/h2\u003e\n    \n    \u003cdiv class=\"benefits-grid\"\u003e\n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e⚖️\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتنظيم إفراز الدهون\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيتحكم في إنتاج الزيوت الزائدة ويقلل اللمعان\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتقليل حجم المسام\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيشد المسام الواسعة ويحسن ملمس البشرة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eمكافحة الحبوب\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيقلل الالتهابات ويمنع تكوين حبوب جديدة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيفتح البقع الداكنة ويوحد لون البشرة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتقوية حاجز البشرة\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيقوي الحاجز الطبيعي ويحمي من التلوث\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتهدئة الالتهابات\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيهدئ التهيج والاحمرار فوراً\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- How It Works Section --\u003e\n  \u003cdiv class=\"how-it-works\"\u003e\n    \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل النياسيناميد؟\u003c\/h2\u003e\n    \n    \u003cdiv class=\"mechanism-cards\"\u003e\n      \u003cdiv class=\"mechanism-card\"\u003e\n        \u003ch4 class=\"mechanism-title\"\u003eتنظيم الغدد الدهنية\u003c\/h4\u003e\n        \u003cdiv class=\"clinical-stat\"\u003e70%\u003c\/div\u003e\n        \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في إفراز الدهون خلال 4 أسابيع\u003c\/p\u003e\n        \u003cp style=\"color: white;\"\u003eيتحكم في حجم وأنشطة الغدد الدهنية على المستوى الخلوي\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"mechanism-card\"\u003e\n        \u003ch4 class=\"mechanism-title\"\u003eمضاد للالتهابات\u003c\/h4\u003e\n        \u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n        \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في حجم وعدد الحبوب النشطة\u003c\/p\u003e\n        \u003cp style=\"color: white;\"\u003eيثبط إنتاج السايتوكاينات المؤدية للالتهاب والحبوب\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"mechanism-card\"\u003e\n        \u003ch4 class=\"mechanism-title\"\u003eتحفيز الكولاجين\u003c\/h4\u003e\n        \u003cdiv class=\"clinical-stat\"\u003e35%\u003c\/div\u003e\n        \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتحسن في مرونة البشرة وتقليل المسام\u003c\/p\u003e\n        \u003cp style=\"color: white;\"\u003eيحفز إنتاج الكولاجين ويقوي البنية الداعمة للمسام\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n      \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة سريرية على 96 شخص بالبشرة الدهنية لمدة 12 أسبوع\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Customer Opinions Section --\u003e\n  \u003cdiv class=\"customer-opinions\"\u003e\n    \u003ch2 class=\"opinions-title\"\u003eتجارب العملاء مع النياسيناميد\u003c\/h2\u003e\n    \n    \u003cdiv class=\"opinion-section positive\"\u003e\n      \u003ch4\u003e✅ النتائج المؤكدة:\u003c\/h4\u003e\n      \u003cul class=\"feature-list\"\u003e\n        \u003cli\u003e\n\u003cstrong\u003e91% من العملاء\u003c\/strong\u003e لاحظوا تقليل في لمعان البشرة خلال أسبوعين\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003e86% شافوا\u003c\/strong\u003e تحسن واضح في حجم المسام\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003e78% أكدوا\u003c\/strong\u003e تقليل في الحبوب والالتهابات\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003e94% هيستمروا\u003c\/strong\u003e في استخدام المنتج\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"opinion-section negative\"\u003e\n      \u003ch4\u003e⚠️ نقاط للانتباه:\u003c\/h4\u003e\n      \u003cul class=\"feature-list\"\u003e\n        \u003cli\u003e\n\u003cstrong\u003e22% من المستخدمين\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=\"opinion-section summary\"\u003e\n      \u003ch4\u003e📊 الخلاصة:\u003c\/h4\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  \u003c!-- Timeline Section --\u003e\n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eرحلة التوازن والعلاج\u003c\/h2\u003e\n    \n    \u003cdiv class=\"timeline-container\"\u003e\n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n        \u003cdiv class=\"timeline-card\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eالبداية المتوازنة\u003c\/h4\u003e\n          \u003cdiv class=\"timeline-benefits\"\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eتقليل في لمعان البشرة\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eتهدئة الالتهابات الموجودة\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eتحسن في ملمس البشرة\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-badge\"\u003eبعد شهر\u003c\/div\u003e\n        \u003cdiv class=\"timeline-card\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eالتحكم الكامل\u003c\/h4\u003e\n          \u003cdiv class=\"timeline-benefits\"\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eتحسن واضح في حجم المسام\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eتقليل ملحوظ في الحبوب الجديدة\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eبداية تفتيح البقع الداكنة\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-badge\"\u003eبعد 3 شهور\u003c\/div\u003e\n        \u003cdiv class=\"timeline-card\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eالبشرة المثالية\u003c\/h4\u003e\n          \u003cdiv class=\"timeline-benefits\"\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eبشرة متوازنة خالية من اللمعان\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eمسام أصغر وأقل وضوحاً\u003c\/div\u003e\n            \u003cdiv class=\"timeline-benefit\"\u003eلون موحد خالي من البقع\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients List Section --\u003e\n  \u003cdiv class=\"ingredients-list\"\u003e\n    \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n    \u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide 10%, Zinc PCA, Glycerin, Propanediol, Tamarindus Indica Seed Gum, Pentylene Glycol, Polyglyceryl-4 Caprate, Polyglyceryl-6 Caprylate, Hydroxyethylcellulose, Isoceteth-20, Ethoxydiglycol, Phenoxyethanol, Chlorphenesin\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Call to Action --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"cta-title\"\u003eأعيد التوازن لبشرتك\u003c\/h2\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eEVA Niacinamide Serum\u003c\/strong\u003e\u003cbr\u003e\n      منظم البشرة الذكي للسيطرة على الدهون والحبوب والمسام\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"هل يمكن استخدام النياسيناميد مع فيتامين سي؟\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"نعم، يمكن استخدامهما معاً. يُفضل استخدام فيتامين سي صباحاً والنياسيناميد مساءً، أو الانتظار 15 دقيقة بينهما.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"متى تظهر نتائج سيروم النياسيناميد؟\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"تقليل اللمعان يظهر خلال أسبوع، تحسن المسام خلال شهر، والنتائج الكاملة خلال 8-12 أسبوع.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"هل النياسيناميد 10% قوي للبشرة الحساسة؟\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"ابدأ بالاستخدام يوم بعد يوم في البداية. إذا لم تحدث حساسية خلال أسبوع، يمكن الاستخدام اليومي.\"\n    }\n  }]\n}\n\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999364665518,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/jzwIQnfV1x80bcQ4ck3P6Y9SjFWtynIwLTiPJrnF.webp?v=1788175496"},{"product_id":"vacation-niacinamide-zn-pca-serum-10-30-ml","title":"VACATION NIACINAMIDE + ZN PCA SERUM 10% 30 ML","description":"\u003ch2\u003eبشرتك في أصفى حالاتها مع سيروم نياسيناميد والزنك\u003c\/h2\u003e\n\u003ch3\u003eمسامات غير مرئية\u003c\/h3\u003e\n\u003cp\u003eالنياسيناميد هو المركب المثالي والأفضل في تقليص المسام لأقصى الحدود، مما يجعل بشرتك نضرة ومشدودة وخالية من الرؤوس السوداء والرؤوس البيضاء.\u003c\/p\u003e\n\u003ch3\u003eفعال ضد أشد الحبوب\u003c\/h3\u003e\n\u003cp\u003eيخفف سيروم نياسيناميد والزنك من الاحمرار وآثار حب الشباب، حيث سترين نتائج إيجابية خصوصاً في الحبوب الملتهبة. الزنك يعمل كمضاد للبكتيريا، مما يساعد في الحفاظ على بشرة نقية.\u003c\/p\u003e\n\u003ch3\u003eشبابك دائم\u003c\/h3\u003e\n\u003cp\u003eيعتبر النياسيناميد من أقوى مضادات الشيخوخة، حيث يختزل الجذور الحرة المسببة للشيخوخة ويحسن إنتاج الكولاجين. كما يعزز إنتاج الكيراتين الذي يشد الجلد ويزيد سماكته، مما يخفف من آثار الخطوط الدقيقة والتجاعيد.\u003c\/p\u003e\n\u003ch3\u003eبشرتك صافية وموحدة اللون\u003c\/h3\u003e\n\u003cp\u003eفي تركيزاته العالية، يقوم النياسيناميد بمعادلة صبغة الميلانين، مما يفتح المناطق الداكنة ويجعل بشرتك موحدة اللون.\u003c\/p\u003e\n\u003ch3\u003eترطيب عميق بدون أثر دهني\u003c\/h3\u003e\n\u003cp\u003eيعمل النياسيناميد على احتجاز الرطوبة في بشرتك عن طريق تكوين \"حاجز الرطوبة\" الذي يمنع فقدان الماء من بشرتك. كما يعادل إنتاج الزيوت في البشرة الدهنية فلا يترك أثراً دهنياً.\u003c\/p\u003e\n\u003ch3\u003eإزالة الرؤوس السوداء والبيضاء\u003c\/h3\u003e\n\u003cp\u003eيعالج سيروم نياسيناميد والزنك جلد قشرة البرتقالة عن طريق تحفيز تكوين خلايا جلد جديدة والترطيب العميق للبشرة.\u003c\/p\u003e\n\u003ch3\u003eيناسب جميع أنواع البشرة\u003c\/h3\u003e\n\u003cp\u003eسيروم نياسيناميد والزنك يناسب البشرة الجافة، العادية، المختلطة، والدهنية. خفيف على البشرة وسريع الامتصاص.\u003c\/p\u003e\n\u003ch3\u003eطريقة الاستخدام\u003c\/h3\u003e\n\u003cp\u003eيوضع كمية بسيطة جداً على الوجه صباحاً ومساءً على بشرة نظيفة قبل وضع أي كريمات أخرى أو زيوت أو مرطبات للبشرة. لا يجب استخدامه في نفس الوقت مع العلاجات التي تحتوي على فيتامين سي النقي (حمض الأسكروبيك).\u003c\/p\u003e\n\u003ch3\u003eمكونات أساسية\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eنياسيناميد\u003c\/strong\u003e: ممتاز لتحسين الصحة العامة للبشرة، يعزز مناعة الجلد ويحسن الاحتفاظ بالرطوبة عن طريق تقوية حاجز البشرة.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eزنك\u003c\/strong\u003e: يدعم بنية الجلد عن طريق شفاء الجلد التالف وتشجيع إنتاج الكولاجين والإيلاستين.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eحجم العبوة\u003c\/h3\u003e\n\u003cp\u003eحجم العبوة 30 مل.\u003c\/p\u003e\n\u003c!----\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999384228014,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/vacation-niacinamide-10zinc_cf754937-77a8-45cc-a8ad-74eb3c42299a.png?v=1788175422"},{"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":"cosrx-niacinamide-serum","title":"Cosrx  نياسيناميد 15% | متخصص المسام | تفتيح | تنظيم الزيوت","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n        direction: rtl;\n    }\n\n    \/* Typography *\/\n    .product-description h2 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h2::after {\n        content: '';\n        display: block;\n        width: 80px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        text-align: justify;\n    }\n\n    .product-description strong {\n        color: #9C8102;\n        font-weight: bold;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Featured section *\/\n    .featured-section {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n    }\n\n    .featured-title {\n        color: #9C8102;\n        font-size: 1.8rem;\n        margin-bottom: 20px;\n    }\n\n    \/* Benefits section *\/\n    .benefits-container {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 25px;\n        margin: 2em 0;\n    }\n\n    .benefit-card {\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .benefit-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .benefit-icon {\n        width: 60px;\n        height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        background-color: #9C8102;\n        color: white;\n        font-size: 1.8rem;\n        margin: 0 auto 15px;\n    }\n\n    .benefit-content {\n        padding: 25px;\n    }\n\n    .benefit-title {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: bold;\n        margin-bottom: 15px;\n        text-align: center;\n    }\n\n    .benefit-description {\n        text-align: center;\n    }\n\n    \/* Before\/After comparison *\/\n    .comparison-container {\n        position: relative;\n        width: 100%;\n        margin: 2em 0;\n        border-radius: 15px;\n        overflow: hidden;\n    }\n\n    .comparison-image {\n        width: 100%;\n        display: block;\n        border-radius: 15px;\n    }\n\n    \/* Percentage indicator *\/\n    .percentage-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 3em 0;\n    }\n\n    .percentage-circle {\n        width: 150px;\n        height: 150px;\n        border-radius: 50%;\n        background: conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n\n    .percentage-circle::before {\n        content: '';\n        position: absolute;\n        width: 130px;\n        height: 130px;\n        border-radius: 50%;\n        background-color: white;\n    }\n\n    .percentage-text {\n        position: relative;\n        z-index: 1;\n        font-size: 2.5rem;\n        font-weight: bold;\n        color: #9C8102;\n    }\n\n    .percentage-label {\n        margin-right: 20px;\n        font-size: 1.2rem;\n        color: #333;\n        flex: 1;\n    }\n\n    \/* Info sections *\/\n    .info-section {\n        margin: 3em 0;\n        padding: 30px;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border-right: 5px solid #9C8102;\n        transition: transform 0.3s ease;\n    }\n\n    .info-section:hover {\n        transform: translateX(-5px);\n    }\n\n    \/* Usage section *\/\n    .usage-section {\n        margin: 3em 0;\n    }\n\n    .usage-title {\n        color: #9C8102;\n        font-size: 1.5rem;\n        margin-bottom: 20px;\n    }\n\n    .usage-steps {\n        display: flex;\n        justify-content: space-between;\n        position: relative;\n        margin: 40px 0;\n    }\n\n    .usage-steps::before {\n        content: '';\n        position: absolute;\n        top: 25px;\n        right: 0;\n        left: 0;\n        height: 2px;\n        background-color: rgba(156, 129, 2, 0.3);\n        z-index: -1;\n    }\n\n    .usage-step {\n        text-align: center;\n        position: relative;\n        width: 120px;\n    }\n\n    .step-number {\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        background-color: #9C8102;\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        font-size: 1.3rem;\n        margin: 0 auto 15px;\n    }\n\n    .step-text {\n        font-size: 0.95rem;\n        color: #555;\n    }\n\n    \/* Call to action *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 3em 0 1em;\n    }\n\n    .cta-container h2 {\n        color: white;\n        margin-bottom: 20px;\n    }\n\n    .cta-container h2::after {\n        background-color: white;\n        margin: 10px auto;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Highlight box *\/\n    .highlight-box {\n        background: rgba(156, 129, 2, 0.08);\n        border-radius: 10px;\n        padding: 20px;\n        margin: 2em 0;\n        border: 3px solid #000;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-container {\n            grid-template-columns: 1fr;\n        }\n\n        .percentage-container {\n            flex-direction: column;\n        }\n\n        .percentage-label {\n            margin: 20px 0 0 0;\n            text-align: center;\n        }\n\n        .usage-steps {\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .usage-steps::before {\n            display: none;\n        }\n\n        .usage-step {\n            margin-bottom: 30px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n    \u003c!-- Hero Section --\u003e\n    \u003cdiv class=\"hero-container\"\u003e\n        \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\" alt=\"COSRX Niacinamide 15% Serum\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eالمركب المثالي الذي غير موازين العناية بالبشرة.. الآن في أعلى تركيز ممكن\u003c\/h2\u003e\n    \n    \u003c!-- Percentage Indicator --\u003e\n    \u003cdiv class=\"percentage-container\"\u003e\n        \u003cdiv class=\"percentage-circle\"\u003e\n            \u003cdiv class=\"percentage-text\"\u003e15%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"percentage-label\"\u003e\n            \u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eاكتشف الفرق مع التركيز العالي\u003c\/h3\u003e\n            \u003cp\u003eربما جربت النياسيناميد من قبل، لكن لم تجربه بتركيز 15% هذا، وهو التركيز الذي سيتحدى كل ما تعرفه عن العناية بالبشرة. تأثيره أقوى من أي وقت مضى ضد الشوائب، ويعمل على تقليص المسام بفاعلية غير مسبوقة.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"hero-container\"\u003e\n        \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15.png?v=1745677490\" alt=\"COSRX Niacinamide 15% Serum Product\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eالتركيبة الموازنة للميلانين تتحدى أصعب التصبغات\u003c\/h2\u003e\n    \n    \u003cdiv class=\"info-section\"\u003e\n        \u003cp\u003eهذه التركيبة عالية التخصص في موازنة انتاج الميلانين, عند التعرض للعوامل البيئية تقوم البشرة بزيادة انتاج الميلانين بشكل غير متساوي مما يؤدي الى ظهور هذه التصبغات المزعجة التي تؤثر على مظهرك بشكل ملحوظ.\u003c\/p\u003e\n        \n        \u003cp\u003eتقوم هذه التركيبة بموازنة انتاج الصبغة مما يؤدي لتوحيد لون البشرة و تحقيق بشرة صافية خالية من التصبغات.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"hero-container\"\u003e\n        \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\" alt=\"Pore Minimizing Effect\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eهل تعاني من المسام الواسعة ؟ هذا هو الحل النهائي\u003c\/h2\u003e\n    \n    \u003cp\u003eتخلص من هذه المسام الواسعة المزعجة التي تجعلك تبدو أكبر من سنك و تمتص الـأتربة و العوامل البيئية الضارة وتدخلها إلى أعماق جلدك.\u003c\/p\u003e\n    \n    \u003cp\u003eيقوم السيروم بتنظيف و تنقية مسامي البشرة و تقليل إفرازات الدهون مما يقلل حجم المسام بشكل غير مرئي و يجعل نسيج بشرتك يبدو كالزجاج .. حرفيا!\u003c\/p\u003e\n    \n    \u003c!-- Benefits Section --\u003e\n    \u003cdiv class=\"benefits-container\"\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e1\u003c\/div\u003e\n                \u003ch3 class=\"benefit-title\"\u003eتقليص المسام\u003c\/h3\u003e\n                \u003cp class=\"benefit-description\"\u003eتركيز 15% من النياسيناميد يعمل على تنظيم إفراز الزيوت وتقليص المسام الواسعة بفعالية كبيرة\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"benefit-card\"\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e2\u003c\/div\u003e\n                \u003ch3 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h3\u003e\n                \u003cp class=\"benefit-description\"\u003eيعالج التصبغات ويوحد لون البشرة من خلال تنظيم إنتاج صبغة الميلانين\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"benefit-card\"\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e3\u003c\/div\u003e\n                \u003ch3 class=\"benefit-title\"\u003eمحاربة حب الشباب\u003c\/h3\u003e\n                \u003cp class=\"benefit-description\"\u003eيقلل من الالتهابات ويمنع ظهور حب الشباب من خلال تنظيم إفراز الدهون\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"hero-container\"\u003e\n        \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\" alt=\"Texture Improvement\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eيعيد بناء نسيج البشرة\u003c\/h2\u003e\n    \n    \u003cp\u003eسيروم النياسيناميد لا يساعد فقط في محاربة حب الشباب، لكنه أيضًا يساهم في تحسين نسيج البشرة بشكل عام ويجعلها أكثر نعومة ومرونة.\u003c\/p\u003e\n    \u003cp\u003eإنه أكثر من مجرد سيروم، إنه تجديد كامل لبشرتك.\u003c\/p\u003e\n    \n    \u003c!-- Before\/After Comparison --\u003e\n    \u003cdiv class=\"comparison-container\"\u003e\n        \u003cimg class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\" alt=\"Before and After Using Niacinamide Serum\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eوداعا للرؤوس البيضاء و السوداء\u003c\/h2\u003e\n    \n    \u003cp\u003eالرؤوس البيضاء والسوداء تتكون عندما يتراكم الزيت والأنربة داخل المسام ويغلقها أو يتفاعل مع الهواء. سيروم النياسيناميد من COSRX يعمل على تقليص حجم المسام وتنظيم إفراز الدهون، مما يمنع تراكم الزيت والأوساخ. كما يساعد في تجديد خلايا البشرة وتقشيرها بلطف، مما يمنع انسداد المسام ويعالج الرؤوس البيضاء والسوداء بشكل فعال.\u003c\/p\u003e\n    \n    \u003cdiv class=\"hero-container\"\u003e\n        \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_no_background.webp?v=1745677778\" alt=\"COSRX Niacinamide 15% Serum Bottle\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eإنه منتج الأحلام للبشرة الدهنية\u003c\/h2\u003e\n    \n    \u003cdiv class=\"featured-section\"\u003e\n        \u003cp\u003eإذا كنت تمتلك بشرة دهنية أو مختلطة، فمن المؤكد أنك تعرف تماماً تحديات التعامل مع فائض الدهون والمسام الواسعة. لكن مع سيروم النياسيناميد 15% من COSRX، يمكنك الآن تحقيق بشرة نقية ومشدودة دون القلق من اللمعان الزائد أو المشاكل المرتبطة بإفراز الدهون.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eوقاية شاملة من عوامل الزمن..العلاج و الوقاية في تركيبة واحدة\u003c\/h2\u003e\n    \n    \u003cp\u003eالزمن لا يرحم جلدك, كل يوم نتعرض فيه للعوامل البيئية الضارة هي خطوة أكبر للشيخوخة المبكرة\u003cbr\u003eلا تترك جلدك وحيد في حربه ضد الزمن\u003c\/p\u003e\n    \n    \u003cp\u003eيجب على بشرتك التسلح بدرع وقائي من النياسيناميد! يقوم النياسيناميد في هذه التركيبة عالية التركيز بحماية البشرة من عوامل التأكسد المسببة للشيخوخة المبكرة!\u003c\/p\u003e\n    \n    \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n    \n    \u003c!-- Usage Section --\u003e\n    \u003cdiv class=\"usage-section\"\u003e\n        \u003ch3 class=\"usage-title\"\u003eكيف تستخدمه؟\u003c\/h3\u003e\n        \n        \u003cdiv class=\"usage-steps\"\u003e\n            \u003cdiv class=\"usage-step\"\u003e\n                \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n                \u003cdiv class=\"step-text\"\u003eتنظيف البشرة\u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"usage-step\"\u003e\n                \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n                \u003cdiv class=\"step-text\"\u003eوضع التونر\u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"usage-step\"\u003e\n                \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n                \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"usage-step\"\u003e\n                \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n                \u003cdiv class=\"step-text\"\u003eالكريم المرطب\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"highlight-box\"\u003e\n            \u003cp\u003eيوضع سيروم النياسيناميد 15% صباحًا ومساءً على بشرة نظيفة قبل أي كريمات أو زيوت أخرى.\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003eملاحظة\u003c\/strong\u003e: لا يُفضل استخدامه في نفس الوقت مع منتجات تحتوي على فيتامين C النقي (حمض الأسكوربيك).\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Call to Action --\u003e\n    \u003cdiv class=\"cta-container\"\u003e\n        \u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n        \u003cp\u003eالحل الأمثل للمسام الواسعة والبشرة غير متساوية اللون\u003c\/p\u003e\n        \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Function to animate percentage circle\n        const animatePercentageCircle = () =\u003e {\n            const percentageCircle = document.querySelector('.percentage-circle');\n            \n            if (percentageCircle) {\n                percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n                \n                setTimeout(() =\u003e {\n                    percentageCircle.style.transition = 'background 1.5s ease-out';\n                    percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n                }, 300);\n            }\n        };\n        \n        \/\/ Observe elements coming into view\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Animate percentage circle when it comes into view\n        observeElements([document.querySelector('.percentage-container')], () =\u003e {\n            animatePercentageCircle();\n        });\n        \n        \/\/ Apply animations to benefit cards when they come into view\n        observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n            element.style.animation = 'fadeInUp 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to info sections when they come into view\n        observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n            element.style.animation = 'fadeIn 0.8s ease forwards';\n        });\n        \n        \/\/ Apply animations to step numbers when they come into view\n        observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n            element.style.animation = 'pulseIn 0.5s ease forwards';\n        });\n        \n        \/\/ Add keyframes for animations\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes fadeInUp {\n                from {\n                    opacity: 0;\n                    transform: translateY(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n            \n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n                to {\n                    opacity: 1;\n                }\n            }\n            \n            @keyframes pulseIn {\n                0% {\n                    transform: scale(0.5);\n                    opacity: 0;\n                }\n                70% {\n                    transform: scale(1.1);\n                }\n                100% {\n                    transform: scale(1);\n                    opacity: 1;\n                }\n            }\n            \n            .benefit-card,\n            .info-section,\n            .featured-section,\n            .highlight-box {\n                opacity: 0;\n            }\n            \n            .step-number {\n                opacity: 0;\n            }\n        `;\n        document.head.appendChild(style);\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388815534,"sku":"INSTA05ت5008CHIQ","price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1788175407"},{"product_id":"cosrx-bha-blackhead-power-liquid","title":"Cosrx BHA Blackhead Power Liquid 100 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n        direction: rtl;\n    }\n\n    \/* Typography *\/\n    .product-description h3 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h3::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n    }\n\n    .product-description ul {\n        list-style: none;\n        padding: 0;\n        margin: 1.5em 0;\n    }\n\n    .product-description li {\n        margin-bottom: 1.5em;\n        background: rgba(156, 129, 2, 0.03);\n        padding: 20px;\n        border-radius: 10px;\n        border-right: 4px solid #9C8102;\n    }\n\n    .product-description strong {\n        color: #9C8102;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        transition: transform 0.5s ease;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature cards *\/\n    .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 2em 0;\n    }\n\n    .feature-card {\n        padding: 25px;\n        background: #fff;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* Results section *\/\n    .results-container {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n    }\n\n    \/* Before\/After comparison *\/\n    .before-after-container {\n        position: relative;\n        width: 100%;\n        max-width: 700px;\n        margin: 0 auto 30px;\n        overflow: hidden;\n        border-radius: 10px;\n    }\n\n    .comparison-slider {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        width: 40px;\n        background: rgba(156, 129, 2, 0.7);\n        left: 50%;\n        transform: translateX(-50%);\n        cursor: ew-resize;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .comparison-slider::before {\n        content: '⇄';\n        color: white;\n        font-size: 20px;\n    }\n\n    .before-image, .after-image {\n        width: 100%;\n        height: auto;\n        object-fit: cover;\n    }\n\n    .before-container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 50%;\n        height: 100%;\n        overflow: hidden;\n    }\n\n    .before-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 200%;\n    }\n\n    .after-container {\n        position: relative;\n        width: 100%;\n    }\n\n    \/* Timeline *\/\n    .timeline-container {\n        margin: 40px 0;\n    }\n\n    .timeline-steps {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: 20px;\n    }\n\n    .timeline-step {\n        flex: 1;\n        text-align: center;\n        position: relative;\n    }\n\n    .timeline-dot {\n        width: 30px;\n        height: 30px;\n        background-color: #9C8102;\n        border-radius: 50%;\n        margin: 0 auto 10px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .timeline-bar {\n        position: absolute;\n        top: 15px;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background-color: rgba(156, 129, 2, 0.3);\n        z-index: 1;\n    }\n\n    .timeline-label {\n        font-weight: bold;\n        color: #9C8102;\n    }\n\n    \/* Ingredient section *\/\n    .ingredient-container {\n        margin: 30px 0;\n    }\n\n    .ingredient-card {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        margin-bottom: 20px;\n        transition: transform 0.3s ease;\n        border-right: 3px solid #9C8102;\n    }\n\n    .ingredient-card:hover {\n        transform: translateX(-5px);\n    }\n\n    .ingredient-title {\n        color: #9C8102;\n        font-size: 1.2rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Value section *\/\n    .value-points {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n\n    .value-point {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        text-align: center;\n    }\n\n    .value-point:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n    }\n\n    .value-icon {\n        font-size: 2rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* CTA section *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 2em 0;\n    }\n\n    .cta-container h3 {\n        color: white;\n    }\n\n    .cta-container h3::after {\n        background-color: white;\n        margin: 10px auto;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .value-points {\n            grid-template-columns: 1fr;\n        }\n        \n        .timeline-steps {\n            flex-direction: column;\n        }\n        \n        .timeline-step {\n            margin-bottom: 30px;\n        }\n        \n        .timeline-bar {\n            display: none;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid.webp?v=1745672690\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eالرؤوس السوداء: البثور المزعجة التي تُفسد صفاء بشرتك وتقلل من ثقتك بنفسك\u003c\/h3\u003e\n\u003cp\u003eتُعتبر الرؤوس السوداء من المشكلات الجلدية الشائعة التي تظهر نتيجة انسداد المسام بالزيوت الطبيعية وخلايا الجلد الميتة. هذه البثور الداكنة لا تؤثر فقط على مظهر البشرة، بل قد تُقلل من ثقة الشخص بنفسه.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_2.webp?v=1745672690\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eمنتج واحد سيخلصك من المشكلة في أسبوع واحد\u003c\/h3\u003e\n\u003cp\u003eمع \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e، يمكنكِ التخلص من الرؤوس السوداء والحصول على بشرة نقية في غضون أسبوع. يحتوي هذا المنتج على 4% من \u003cstrong\u003eبيتين ساليسيلات\u003c\/strong\u003e، وهو حمض بيتا هيدروكسي لطيف وفعال في تنظيف المسام.\u003c\/p\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_3.webp?v=1745672733\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003e10 دقائق في الأسبوع .. نتائج تدوم شهور\u003c\/h3\u003e\n\u003cp\u003eبعد أسبوع من الاستخدام المنتظم، ستلاحظين تحسنًا في ملمس بشرتكِ، حيث ستصبح أكثر نعومة وإشراقًا. بالإضافة إلى ذلك، يساعد المنتج في تقليل البثور وتحسين مرونة البشرة.\u003c\/p\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-steps\"\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الأول\u003c\/div\u003e\n\u003cp\u003eبداية التنظيف العميق للمسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الثالث\u003c\/div\u003e\n\u003cp\u003eتقليل حجم المسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الخامس\u003c\/div\u003e\n\u003cp\u003eبشرة أكثر نعومة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم السابع\u003c\/div\u003e\n\u003cp\u003eاختفاء الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Image --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Clinical Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_results_800x800_d9917e8f-4e16-4f05-81b6-a52c688fbabf.jpg?v=1745672794\" class=\"hero-image\"\u003e\n\u003ch3\u003eنتائج مذهلة في أسبوع واحد\u003c\/h3\u003e\n\u003cp\u003eتظهر النتائج السريرية تحسناً ملحوظاً في مظهر البشرة بعد استخدام المنتج بشكل منتظم لمدة أسبوع واحد فقط!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3\u003eمتخصص تنظيف وتصغير المسام\u003c\/h3\u003e\n\u003cp\u003eتم تصميم \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e خصيصًا لتنظيف المسام بعمق وتقليل حجمها، مما يمنحكِ بشرة أكثر صفاءً وشبابًا. يتميز بتركيبته التي تحتوي على \u003cstrong\u003eمستخلص لحاء الصفصاف\u003c\/strong\u003e و\u003cstrong\u003eبيتين ساليسيلات\u003c\/strong\u003e، مما يساعد في تقليل الالتهابات وتحسين صحة البشرة بشكل عام.\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتنظيف عميق للمسام\u003c\/h4\u003e\n\u003cp\u003eيتغلغل عميقاً في المسام لإزالة الشوائب والزيوت المتراكمة التي تسبب الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتجديد خلايا البشرة\u003c\/h4\u003e\n\u003cp\u003eيساعد على تسريع عملية تجديد خلايا البشرة للحصول على بشرة أكثر إشراقاً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتصغير المسام\u003c\/h4\u003e\n\u003cp\u003eيعمل على تقليل حجم المسام الواسعة بشكل ملحوظ مع الاستخدام المنتظم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Bottle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_a57cb5f3-40b7-4f06-a9a5-61842ceed862.jpg?v=1745672964\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eأفضل من مقشرات BHA الأخرى\u003c\/h3\u003e\n\u003cp\u003eيتميز هذا المنتج عن غيره من مقشرات BHA بتركيبته الفريدة التي تجمع بين الفعالية واللطف على البشرة. بالإضافة إلى ذلك، لا يحتوي على عطور أو كحول، مما يجعله مناسبًا لجميع أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n\u003ch3\u003eلماذا يعتبر هذا المنتج قيمة مقابل سعر جيدة ؟\u003c\/h3\u003e\n\u003cdiv class=\"value-points\"\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eحجم العبوة الكبير (100 مل)\u003c\/strong\u003e\n\u003cp\u003eيكفي لعدة أشهر من الاستخدام المنتظم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eفعالية طويلة الأمد\u003c\/strong\u003e\n\u003cp\u003eتطبيق واحد يكفي للحصول على نتائج تستمر لمدة أسبوع كامل\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eمكونات فعّالة عالية التركيز\u003c\/strong\u003e\n\u003cp\u003eيحتوي على تركيز عالي من حمض الساليسيليك (BHA) لإزالة الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eمكونات إضافية قيمة\u003c\/strong\u003e\n\u003cp\u003eمثل ماء لحاء الصفصاف لتنظيف المسام وتجديد خلايا البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eلا حاجة للاستخدام اليومي\u003c\/strong\u003e\n\u003cp\u003eيمكن استخدامه بمرات أقل مع نتائج مستمرة، مما يزيد من قيمته مقابل السعر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003eالمكونات الرئيسية وكيفية عملها:\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eبيتين ساليسيلات (Betaine Salicylate) 4%\u003c\/h4\u003e\n\u003cp\u003eيُعد بديلاً أكثر لطفًا لحمض الساليسيليك، يعمل على تقشير البشرة وإذابة الدهون داخل المسام، مما يساعد في تقليل الرؤوس السوداء وتحسين ملمس البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eمستخلص لحاء الصفصاف (Salix Alba Bark Extract)\u003c\/h4\u003e\n\u003cp\u003eيُعتبر مصدرًا طبيعيًا للبيتاين ساليسيلات، يساهم في تقليل الالتهابات وتحسين صحة البشرة العامة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eبيوتيلين غليكول (Butylene Glycol)\u003c\/h4\u003e\n\u003cp\u003eيعمل كمرطب، يساعد في الحفاظ على رطوبة البشرة ويعزز من امتصاص المكونات الأخرى.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eإيثيل هكسانيديول (Ethyl Hexanediol)\u003c\/h4\u003e\n\u003cp\u003eيُستخدم كمذيب، يساعد في تحسين قوام المنتج وتسهيل توزيعه على البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX BHA Blackhead Power Liquid\u003c\/h3\u003e\n\u003cp\u003eالحل المثالي للتخلص من الرؤوس السوداء والحصول على بشرة نقية وخالية من الشوائب.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eابدئي الآن، وودعي الرؤوس السوداء إلى الأبد!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eاشتري الآن\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999392387246,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_BHA_Blackhead_Power_Liquid_5_591e4306-fa92-4003-96db-676f98dec3ac.webp?v=1788175384"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  .joseon-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    direction: rtl;\n    text-align: right;\n    color: #333;\n    overflow-x: hidden;\n    padding: 0 15px;\n    font-family: sans-serif;\n    background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  }\n  \n  .hero-section {\n    position: relative;\n    padding: 35px 25px;\n    background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n    border-radius: 10px;\n    overflow: hidden;\n    margin-bottom: 30px;\n    box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n    border: 1px solid rgba(201, 169, 126, 0.12);\n  }\n  \n  .hero-section::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 5px;\n    background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n  }\n  \n  .hero-section::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 50%;\n    height: 180px;\n    background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n    opacity: 0.2;\n    z-index: 1;\n  }\n  \n  .hero-content {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .hero-image {\n    flex-shrink: 0;\n    width: 250px;\n    border-radius: 5px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n  }\n  \n  .hero-text {\n    flex: 1;\n  }\n  \n  .brand {\n    font-size: 18px;\n    color: #c9a97e;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n    font-weight: bold;\n    text-transform: uppercase;\n    display: inline-block;\n    position: relative;\n  }\n  \n  .brand::after {\n    content: \"\";\n    position: absolute;\n    bottom: -3px;\n    right: 0;\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(to left, #c9a97e, transparent);\n  }\n  \n  .main-title {\n    font-size: 32px;\n    margin-bottom: 15px;\n    color: #222;\n    line-height: 1.2;\n    font-weight: bold;\n  }\n  \n  .main-title span {\n    color: #c9a97e;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .main-title span::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 6px;\n    background: rgba(201, 169, 126, 0.1);\n    border-radius: 3px;\n    z-index: -1;\n  }\n  \n  .hero-subtitle {\n    font-size: 18px;\n    margin-bottom: 20px;\n    opacity: 0.9;\n    line-height: 1.5;\n  }\n  \n  .hero-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 20px;\n  }\n  \n  .badge {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(201, 169, 126, 0.05);\n    padding: 6px 12px;\n    border-radius: 30px;\n    font-size: 13px;\n    font-weight: 500;\n    color: #555;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n  }\n  \n  .ingredients-section {\n    margin: 40px 0;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .ingredients-content {\n    flex: 1;\n  }\n  \n  .section-title {\n    font-size: 28px;\n    margin-bottom: 20px;\n    color: #222;\n    position: relative;\n    padding-bottom: 12px;\n    font-weight: bold;\n  }\n  \n  .section-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n    border-radius: 3px;\n  }\n  \n  .ingredient-box {\n    background: white;\n    border-radius: 10px;\n    padding: 20px;\n    margin-bottom: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-box:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n  }\n  \n  .ingredient-box::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(to left, #c9a97e, transparent);\n  }\n  \n  .ingredient-title {\n    font-size: 20px;\n    margin-bottom: 12px;\n    color: #c9a97e;\n    font-weight: bold;\n  }\n  \n  .ingredient-desc {\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .video-container {\n    flex: 1;\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n  }\n  \n  .video-container video {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n  }\n  \n  .benefits-section {\n    margin: 50px 0;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 20px;\n    margin-top: 25px;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 10px;\n    padding: 25px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n    transform: scaleX(0);\n    transform-origin: right;\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n  }\n  \n  .benefit-card:hover::after {\n    transform: scaleX(1);\n  }\n  \n  .benefit-icon {\n    color: #c9a97e;\n    font-size: 30px;\n    margin-bottom: 15px;\n  }\n  \n  .benefit-title {\n    font-size: 18px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-section {\n    margin: 60px 0;\n    background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n    padding: 40px 15px;\n    border-radius: 10px;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n  }\n  \n  .timeline-container {\n    position: relative;\n    margin-top: 40px;\n    padding-right: 40px;\n  }\n  \n  .timeline-bar {\n    position: absolute;\n    top: 0;\n    right: 18px;\n    width: 3px;\n    height: 100%;\n    background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n    border-radius: 2px;\n    z-index: 1;\n  }\n  \n  .timeline-items {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .timeline-item {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 60px;\n    position: relative;\n  }\n  \n  .timeline-item:last-child {\n    margin-bottom: 0;\n  }\n  \n  .timeline-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-date {\n    font-weight: bold;\n    color: #c9a97e;\n    text-align: right;\n    font-size: 16px;\n    margin-right: 10px;\n  }\n  \n  .timeline-dot {\n    width: 18px;\n    height: 18px;\n    background: white;\n    border: 3px solid #c9a97e;\n    border-radius: 50%;\n    margin-right: 10px;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .timeline-dot.active {\n    background: #c9a97e;\n  }\n  \n  .timeline-content {\n    background: white;\n    border-radius: 8px;\n    padding: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    width: 100%;\n  }\n  \n  .timeline-title {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .timeline-title {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .how-it-works {\n    margin: 50px 0;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .how-it-works-image {\n    flex: 1;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n  \n  .how-it-works-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 10px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    transition: all 0.3s ease;\n  }\n  \n  .how-it-works-image:hover img {\n    transform: scale(1.02);\n  }\n  \n  .how-it-works-content {\n    flex: 1;\n  }\n  \n  .usage-section {\n    margin: 50px 0;\n  }\n  \n  .usage-steps {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 30px;\n    flex-wrap: wrap;\n  }\n  \n  .step {\n    flex: 1;\n    min-width: 200px;\n    text-align: center;\n    padding: 0 15px;\n    margin-bottom: 20px;\n  }\n  \n  .step-number {\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #c9a97e, #d9c09e);\n    border-radius: 50%;\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: bold;\n    margin: 0 auto 15px;\n    box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n  }\n  \n  .step-text {\n    font-size: 16px;\n    line-height: 1.5;\n    color: #333;\n  }\n  \n  .cta-section {\n    text-align: center;\n    margin: 60px 0;\n    padding: 50px;\n    background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n    border-radius: 10px;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before, .cta-section::after {\n    content: \"\";\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n    z-index: 0;\n  }\n  \n  .cta-section::before {\n    top: -100px;\n    right: -50px;\n  }\n  \n  .cta-section::after {\n    bottom: -100px;\n    left: -50px;\n  }\n  \n  .cta-content {\n    position: relative;\n    z-index: 1;\n  }\n  \n  .cta-title {\n    font-size: 32px;\n    margin-bottom: 15px;\n    color: #333;\n  }\n  \n  .cta-subtitle {\n    font-size: 18px;\n    margin-bottom: 30px;\n    color: #555;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .cta-button {\n    display: inline-block;\n    padding: 15px 40px;\n    background: linear-gradient(to right, #c9a97e, #d9c09e);\n    color: white;\n    text-decoration: none;\n    border-radius: 50px;\n    font-size: 18px;\n    font-weight: bold;\n    box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-button::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, #d9c09e, #c9a97e);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    z-index: -1;\n  }\n  \n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n  }\n  \n  .cta-button:hover::after {\n    opacity: 1;\n  }\n  \n  .footer-note {\n    text-align: center;\n    margin-top: 20px;\n    font-size: 14px;\n    color: #777;\n  }\n  \n  \/* Fade animations *\/\n  .fade-up {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  \n  .pulse {\n    animation: pulse 2s infinite;\n  }\n  \n  @keyframes pulse {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.03);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-content {\n      flex-direction: column;\n    }\n    \n    .hero-image {\n      width: 200px;\n      margin-bottom: 20px;\n    }\n    \n    .ingredients-section, .how-it-works {\n      flex-direction: column;\n    }\n    \n    .timeline-items {\n      flex-direction: column;\n    }\n    \n    .timeline-bar {\n      top: 0;\n      left: 50%;\n      width: 4px;\n      height: 100%;\n      transform: translateX(-50%);\n    }\n    \n    .timeline-item {\n      width: 100%;\n      margin-bottom: 30px;\n      display: flex;\n      align-items: flex-start;\n    }\n    \n    .timeline-dot {\n      margin: 0 15px;\n    }\n    \n    .timeline-content {\n      flex: 1;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"joseon-container\"\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\" alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\"\u003e\n      \u003cdiv class=\"hero-text\"\u003e\n        \u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n        \u003ch1 class=\"main-title\"\u003eسيروم \u003cspan\u003eالإشراق\u003c\/span\u003e بالنياسيناميد وصمغ النحل\u003c\/h1\u003e\n        \u003cp class=\"hero-subtitle\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل لبشرة متألقة ومشرقة\u003c\/p\u003e\n        \u003cdiv class=\"hero-badges\"\u003e\n          \u003cdiv class=\"badge\"\u003e\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            تركيبة كورية أصلية\n          \u003c\/div\u003e\n          \u003cdiv class=\"badge\"\u003e\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            بدون مواد كيميائية ضارة\n          \u003c\/div\u003e\n          \u003cdiv class=\"badge\"\u003e\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            مناسب لجميع أنواع البشرة\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"ingredients-section\"\u003e\n    \u003cdiv class=\"ingredients-content\"\u003e\n      \u003ch2 class=\"section-title\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل\u003c\/h2\u003e\n      \n      \u003cdiv class=\"ingredient-box\"\u003e\n        \u003ch3 class=\"ingredient-title\"\u003eالنياسيناميد\u003c\/h3\u003e\n        \u003cp class=\"ingredient-desc\"\u003eليس مجرد مكون، بل هو معجزة تُعيد توازن البشرة، تقلل من التصبغات وتمنحها لونًا موحدًا ومشرقًا. يعمل على تحسين مرونة الجلد وتقوية حاجز الترطيب الطبيعي.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-box\"\u003e\n        \u003ch3 class=\"ingredient-title\"\u003eالبروبوليس (صمغ النحل)\u003c\/h3\u003e\n        \u003cp class=\"ingredient-desc\"\u003eيستخلص من خلايا النحل، ويعمل كمضاد قوي للالتهابات ومُعزز لتجديد الخلايا، مما يحافظ على شباب البشرة ويمنحها حماية طبيعية. يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cp\u003eعندما تلتقي هذه المكونات في تركيبة واحدة، تتحول إلى قوة طبيعية لا تُضاهى؛ معجزة تُعيد لبشرتك شبابها وتمنحها الإشراق الذي لطالما حلمتِ به.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"video-container\"\u003e\n      \u003cvideo autoplay loop muted playsinline width=\"100%\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\u003e\n        متصفحك لا يدعم تشغيل الفيديو.\n      \u003c\/source\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"instant-results\"\u003e\n    \u003ch2 class=\"section-title\"\u003eنتائج لحظية!\u003c\/h2\u003e\n    \u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003eمسام أصغر , بشرة أصفى , جلد مثالي\u003c\/h3\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"benefits-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eفوائد مذهلة لبشرتك\u003c\/h2\u003e\n    \u003cp\u003eهذا السيروم هو الحل الشامل للبشرة الباهتة والمتعبة، حيث يُظهر تأثيرات مذهلة تشمل:\u003c\/p\u003e\n    \n    \u003cdiv class=\"benefits-grid\"\u003e\n      \u003cdiv class=\"benefit-card fade-up\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n            \u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتعزيز إشراقة البشرة\u003c\/h3\u003e\n        \u003cp\u003eتفتيح البشرة وتوحيد لونها مع تقليل التصبغات والعلامات الداكنة بفعالية.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card fade-up\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n        \u003cp\u003eزيادة نعومة البشرة بفضل خصائص النياسيناميد المُرطبة والمضيئة.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card fade-up\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eحماية البشرة\u003c\/h3\u003e\n        \u003cp\u003eحماية من الالتهابات الخارجية والأضرار الناتجة عن الجذور الحرة بفضل قوة البروبوليس.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card fade-up\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n            \u003cline x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eدعم وظيفة الحاجز الجلدي\u003c\/h3\u003e\n        \u003cp\u003eالحفاظ على رطوبة البشرة ومنع فقدانها، مما يساعد في تقليل الخطوط الدقيقة.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eرحلة النتائج المذهلة\u003c\/h2\u003e\n    \u003cp\u003eمع الاستخدام المنتظم، ستلاحظين تحسناً تدريجياً يصل إلى النتائج المثالية خلال أسابيع قليلة.\u003c\/p\u003e\n    \n    \u003cdiv class=\"timeline-container\"\u003e\n      \u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"timeline-items\"\u003e\n        \u003cdiv class=\"timeline-item\"\u003e\n          \u003cdiv class=\"timeline-header\"\u003e\n            \u003cdiv class=\"timeline-date\"\u003eالاستخدام الأول\u003c\/div\u003e\n            \u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-content\"\u003e\n            \u003ch3 class=\"timeline-title\"\u003eترطيب فوري\u003c\/h3\u003e\n            \u003cp class=\"timeline-desc\"\u003eستلاحظين ترطيباً فورياً للبشرة وملمساً أكثر نعومة. البشرة تبدو أكثر انتعاشاً وإشراقاً بشكل ملحوظ منذ الاستخدام الأول.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item\"\u003e\n          \u003cdiv class=\"timeline-header\"\u003e\n            \u003cdiv class=\"timeline-date\"\u003eبعد أسبوع\u003c\/div\u003e\n            \u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-content\"\u003e\n            \u003ch3 class=\"timeline-title\"\u003eتحسن الملمس والتوهج\u003c\/h3\u003e\n            \u003cp class=\"timeline-desc\"\u003eتصبح البشرة أكثر توهجاً ونعومة. تقل الاحمرار والتهيجات بفضل خصائص البروبوليس المضادة للالتهابات. انخفاض ملحوظ في دهنية البشرة.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item\"\u003e\n          \u003cdiv class=\"timeline-header\"\u003e\n            \u003cdiv class=\"timeline-date\"\u003eبعد أسبوعين\u003c\/div\u003e\n            \u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-content\"\u003e\n            \u003ch3 class=\"timeline-title\"\u003eتقليل التصبغات\u003c\/h3\u003e\n            \u003cp class=\"timeline-desc\"\u003eبداية ظهور نتائج توحيد لون البشرة. تقل البقع الداكنة والتصبغات تدريجياً. تصبح البشرة أكثر إشراقاً ونضارة، مع مسام أصغر حجماً وأقل وضوحاً.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item\"\u003e\n          \u003cdiv class=\"timeline-header\"\u003e\n            \u003cdiv class=\"timeline-date\"\u003eبعد شهر\u003c\/div\u003e\n            \u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-content\"\u003e\n            \u003ch3 class=\"timeline-title\"\u003eتحول ملحوظ\u003c\/h3\u003e\n            \u003cp class=\"timeline-desc\"\u003eتحسن كبير في نسيج البشرة ولونها. اختفاء ملحوظ للعديد من مشاكل البشرة كالبقع الداكنة والندبات. تقليل واضح للخطوط الدقيقة وعلامات الشيخوخة.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item\"\u003e\n          \u003cdiv class=\"timeline-header\"\u003e\n            \u003cdiv class=\"timeline-date\"\u003eبعد شهرين\u003c\/div\u003e\n            \u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-content\"\u003e\n            \u003ch3 class=\"timeline-title\"\u003eبشرة متجددة تماماً\u003c\/h3\u003e\n            \u003cp class=\"timeline-desc\"\u003eبشرة مشرقة ومتألقة بشكل مذهل. توحيد كامل للون البشرة وتقليل كبير للتصبغات. تحسن دائم في مظهر البشرة وملمسها، مع مرونة محسنة وصحة أفضل للجلد.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"how-it-works\"\u003e\n    \u003cdiv class=\"how-it-works-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\" alt=\"تركيبة متقدمة علمياً\"\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"how-it-works-content\"\u003e\n      \u003ch2 class=\"section-title\"\u003eتركيبة متقدمة علمياً\u003c\/h2\u003e\n      \u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eكيف يعمل السيروم؟\u003c\/h3\u003e\n      \n      \u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eتعمل تركيبة \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e بتناغم لإحداث تأثير شامل على البشرة. يقوم البروبوليس، المُستخلص من خلايا النحل، بتطهير البشرة ومكافحة الالتهابات وتحفيز تجديد الخلايا، مما يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n      \n      \u003cp style=\"line-height: 1.8;\"\u003eبينما يعمل النياسيناميد على توحيد لون البشرة وتقليل التصبغات، بالإضافة إلى تحسين مرونة الجلد وتقوية حاجز الترطيب. هذه المكونات النشطة معًا تُحدث تغييرًا جذريًا في نسيج البشرة، فتمنحها مظهرًا أكثر إشراقًا وحيوية.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"usage-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n    \u003cp\u003eبعد تنظيف البشرة جيدًا، يُوضع السيروم على منطقة الوجه مع التركيز على المناطق التي تحتاج إلى تفتيح وتحسين، مثل حول العينين والجبهة وخطوط الفك. يُدلك بلطف حتى يتم امتصاصه بالكامل، ثم يُتبع بمرطب للحفاظ على الترطيب وتعزيز الفعالية. يُستخدم صباحًا ومساءً لتحقيق أفضل النتائج.\u003c\/p\u003e\n    \n    \u003cdiv class=\"usage-steps\"\u003e\n      \u003cdiv class=\"step fade-up\"\u003e\n        \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"step-text\"\u003eتنظيف البشرة\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"step fade-up\"\u003e\n        \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"step fade-up\"\u003e\n        \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"step-text\"\u003eتدليك برفق\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"step fade-up\"\u003e\n        \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"step-text\"\u003eوضع المرطب\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"cta-section pulse\"\u003e\n    \u003cdiv class=\"cta-content\"\u003e\n      \u003ch2 class=\"cta-title\"\u003eاستعيدي إشراقة بشرتك اليوم\u003c\/h2\u003e\n      \u003cp class=\"cta-subtitle\"\u003eقيمة عالية مقابل سعر مناسب - تجمع تركيبة سيروم الإشراق بين مكونات طبيعية مُثبتة علمياً لبشرة متألقة وصحية\u003c\/p\u003e\n      \u003ca href=\"#\" class=\"cta-button\"\u003eاطلبيه الآن\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"footer-note\"\u003e\n    \u003cp\u003eتجمع تركيبة Beauty Of Joseon Glow Serum Propolis + Niacinamide بين مكونات طبيعية مُثبتة علمياً تعمل على تحسين إشراقة البشرة وتوحيد لونها مع حماية متقدمة من العوامل البيئية. بالرغم من أنه قد يكون بسعر أعلى قليلاً مقارنة ببعض المنتجات الأخرى، فإن كمية قليلة منه تكفي لتحقيق نتائج مذهلة وطويلة الأمد، مما يجعله استثمارًا فعّالًا لصحة وجمال بشرتك.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/\/ Init functions\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Fade-in animations\n    initFadeEffects();\n    \n    \/\/ Video autoplay fix for some mobile browsers\n    const video = document.querySelector('video');\n    if (video) {\n      video.play().catch(function(error) {\n        console.log(\"Video autoplay prevented by browser\");\n      });\n    }\n  });\n  \n  \/\/ Initialize fade effects\n  function initFadeEffects() {\n    const fadeElements = document.querySelectorAll('.fade-up');\n    const observerOptions = {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.1\n    };\n    \n    const observer = new IntersectionObserver((entries, observer) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n          entry.target.style.opacity = 1;\n          entry.target.style.transform = 'translateY(0)';\n          observer.unobserve(entry.target);\n        }\n      });\n    }, observerOptions);\n    \n    fadeElements.forEach(el =\u003e {\n      observer.observe(el);\n    });\n    \n    \/\/ Add staggered animations\n    const staggerElements = document.querySelectorAll('.fade-up');\n    staggerElements.forEach((el, index) =\u003e {\n      el.style.transitionDelay = `${index * 0.05}s`;\n    });\n  }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999392977070,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml_ab4d3ffb-55f0-4df0-bd12-88a787a4a89b.jpg?v=1788175381"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"Anua Niacinamide 10% and TXA 4% Dark Spot Correcting Serum 30 ml","description":"\u003cdiv class=\"anua-txa-ultimate-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        .anua-txa-ultimate-wrapper {\n            --atxa-neon-red: #ff2a3b;\n            --atxa-neon-rose: #ff6b7e;\n            --atxa-neon-gold: #ffd24a;\n            --atxa-glow-red: rgba(255, 42, 59, 0.45);\n            --atxa-glow-gold: rgba(255, 210, 74, 0.45);\n\n            --atxa-bg-base: #040304;\n            --atxa-bg-surface: #0a0608;\n            --atxa-bg-card: rgba(18, 10, 13, 0.9);\n            --atxa-bg-card-hover: rgba(26, 14, 18, 0.98);\n\n            --atxa-text-pure: #ffffff;\n            --atxa-border: rgba(255, 42, 59, 0.25);\n            --atxa-border-hover: rgba(255, 42, 59, 0.8);\n            --atxa-line: rgba(255, 255, 255, 0.08);\n\n            line-height: 1.8;\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n            border-radius: 24px;\n            background-color: var(--atxa-bg-base);\n            color: var(--atxa-text-pure);\n            box-shadow: inset 0 0 120px rgba(255, 42, 59, 0.08);\n            box-sizing: border-box;\n            padding: 40px 0;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .anua-txa-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .neon-red {\n            color: var(--atxa-neon-red) !important;\n            text-shadow: 0 0 10px var(--atxa-glow-red), 0 0 20px var(--atxa-glow-red);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--atxa-neon-gold) !important;\n            text-shadow: 0 0 10px var(--atxa-glow-gold), 0 0 20px var(--atxa-glow-gold);\n            font-weight: 900;\n        }\n\n        .neon-rose {\n            color: var(--atxa-neon-rose) !important;\n            text-shadow: 0 0 10px rgba(255, 107, 126, 0.5);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        .anua-txa-ultimate-wrapper img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 20px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(255, 42, 59, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        .atxa-img-md {\n            max-width: 650px !important;\n            width: 100%;\n        }\n\n        .atxa-container {\n            max-width: 940px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n            box-sizing: border-box;\n        }\n\n        .atxa-ambient-bg {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n        }\n\n        .atxa-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(110px);\n            opacity: 0.35;\n            animation: atxaOrbFloat 18s infinite alternate ease-in-out;\n            pointer-events: none;\n        }\n\n        .atxa-orb-1 {\n            width: 500px; height: 500px;\n            background: radial-gradient(circle, rgba(255, 42, 59, 0.22) 0%, transparent 70%);\n            top: -120px; right: -120px;\n        }\n\n        .atxa-orb-2 {\n            width: 550px; height: 550px;\n            background: radial-gradient(circle, rgba(255, 210, 74, 0.16) 0%, transparent 70%);\n            bottom: 15%; left: -150px;\n            animation-delay: -6s;\n        }\n\n        @keyframes atxaOrbFloat {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(40px, 80px) scale(1.15); }\n        }\n\n        .atxa-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5.2vw, 44px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(255, 42, 59, 0.45);\n            word-wrap: break-word;\n        }\n\n        .atxa-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 900;\n            color: #ffffff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.4;\n            word-wrap: break-word;\n        }\n\n        .atxa-section-title::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--atxa-glow-red);\n        }\n\n        .atxa-badge {\n            display: inline-block;\n            background: rgba(255, 42, 59, 0.14);\n            border: 1.5px solid var(--atxa-neon-red);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1.05rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px var(--atxa-glow-red);\n        }\n\n        .atxa-hero-subtitle {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 840px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--atxa-neon-red);\n            padding-right: 20px;\n            background: linear-gradient(90deg, transparent, rgba(255, 42, 59, 0.1));\n            border-radius: 12px 0 0 12px;\n            text-align: right;\n        }\n\n        .atxa-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), var(--atxa-neon-red), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--atxa-glow-red);\n        }\n\n        .atxa-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .atxa-card {\n            background: linear-gradient(145deg, rgba(24, 12, 16, 0.92), rgba(8, 4, 6, 0.98));\n            border: 1px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 28px 22px;\n            transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            text-align: right;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .atxa-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--atxa-neon-red);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--atxa-glow-red);\n            background: rgba(32, 16, 22, 0.98);\n        }\n\n        .atxa-icon-wrap {\n            width: 56px; height: 56px;\n            background: rgba(8, 4, 6, 0.9);\n            border: 1.5px solid rgba(255, 42, 59, 0.35);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 18px;\n            color: var(--atxa-neon-red);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(255, 42, 59, 0.15);\n            flex-shrink: 0;\n            font-size: 1.3rem;\n            font-weight: 900;\n        }\n\n        .atxa-card:hover .atxa-icon-wrap {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--atxa-neon-red);\n            color: #040304;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--atxa-neon-red);\n        }\n\n        .atxa-card h3 {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .atxa-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            line-height: 1.75;\n            font-weight: 500;\n        }\n\n        .atxa-ingredient-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 42, 59, 0.14);\n            border: 1px solid var(--atxa-neon-red);\n            color: var(--atxa-neon-red);\n            padding: 5px 14px;\n            border-radius: 8px;\n            font-size: 0.92rem;\n            font-weight: 800;\n            margin-bottom: 12px;\n            box-shadow: 0 0 12px rgba(255, 42, 59, 0.2);\n            width: fit-content;\n            max-width: 100%;\n            white-space: normal;\n            word-break: break-word;\n        }\n\n        .atxa-ingredient-tag.gold {\n            background: rgba(255, 210, 74, 0.14);\n            border-color: var(--atxa-neon-gold);\n            color: var(--atxa-neon-gold);\n            box-shadow: 0 0 12px rgba(255, 210, 74, 0.25);\n        }\n\n        .atxa-ingredient-tag.rose {\n            background: rgba(255, 107, 126, 0.14);\n            border-color: var(--atxa-neon-rose);\n            color: var(--atxa-neon-rose);\n            box-shadow: 0 0 12px rgba(255, 107, 126, 0.25);\n        }\n\n        .atxa-diff-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .atxa-diff-card {\n            background: linear-gradient(145deg, rgba(22, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n            border: 1.5px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 24px 18px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-diff-card:hover {\n            border-color: var(--atxa-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n        }\n\n        .atxa-bignum {\n            font-size: clamp(34px, 5.5vw, 50px);\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 8px;\n            direction: ltr;\n        }\n\n        .atxa-diff-card h4 {\n            font-size: 1.18rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n            color: #ffffff;\n        }\n\n        .atxa-diff-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.65;\n            font-weight: 500;\n        }\n\n        .atxa-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .atxa-stat-box {\n            background: rgba(18, 8, 12, 0.9);\n            border: 1.5px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 26px 16px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-stat-box:hover {\n            border-color: var(--atxa-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n        }\n\n        .atxa-stat-num {\n            font-size: clamp(34px, 5.5vw, 54px);\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 8px;\n            direction: ltr;\n        }\n\n        .atxa-stat-title {\n            color: #ffffff;\n            font-size: 1.05rem;\n            font-weight: 800;\n        }\n\n        .atxa-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 16px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .atxa-timeline-card {\n            background: rgba(18, 10, 14, 0.88);\n            border: 1px solid var(--atxa-border);\n            border-top: 4px solid var(--atxa-neon-red);\n            border-radius: 16px;\n            padding: 22px 16px;\n            text-align: right;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-timeline-card:hover {\n            transform: translateY(-6px);\n            border-top-color: var(--atxa-neon-gold);\n            background: rgba(28, 14, 20, 0.95);\n        }\n\n        .atxa-timeline-badge {\n            display: inline-block;\n            background: rgba(255, 42, 59, 0.14);\n            color: var(--atxa-neon-red);\n            font-weight: 900;\n            padding: 4px 14px;\n            border-radius: 20px;\n            margin-bottom: 12px;\n            font-size: 0.9rem;\n            border: 1px solid var(--atxa-border);\n            white-space: nowrap;\n        }\n\n        .atxa-timeline-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .atxa-value-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .atxa-value-card {\n            background: linear-gradient(145deg, rgba(20, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n            border: 1px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 26px 18px;\n            text-align: right;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-value-card:hover {\n            border-color: var(--atxa-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n        }\n\n        .atxa-value-num {\n            width: 44px; height: 44px;\n            background: rgba(255, 42, 59, 0.15);\n            border: 1.5px solid var(--atxa-neon-red);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.2rem; font-weight: 900;\n            color: var(--atxa-neon-gold);\n            margin-bottom: 14px;\n        }\n\n        .atxa-value-card h3 {\n            font-size: 1.2rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n            color: #ffffff;\n        }\n\n        .atxa-value-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .atxa-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .atxa-step-card {\n            background: rgba(18, 8, 12, 0.85);\n            border: 1.5px dashed var(--atxa-border);\n            padding: 24px 16px;\n            border-radius: 16px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-step-card:hover {\n            border-color: var(--atxa-neon-red);\n            transform: translateY(-5px);\n            background: rgba(26, 12, 18, 0.95);\n        }\n\n        .atxa-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #2a080e, #0a0204);\n            border: 2px solid var(--atxa-neon-red);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--atxa-neon-gold);\n            margin: 0 auto 14px;\n            box-shadow: 0 0 15px var(--atxa-glow-red);\n        }\n\n        .atxa-step-card h4 {\n            color: var(--atxa-neon-red);\n            font-size: 1.2rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n        }\n\n        .atxa-step-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .atxa-table-wrap {\n            margin: 35px 0;\n            border-radius: 18px;\n            border: 1px solid var(--atxa-border);\n            background: rgba(18, 8, 12, 0.85);\n            overflow: hidden;\n            width: 100%;\n        }\n\n        .atxa-table { width: 100%; border-collapse: collapse; text-align: right; }\n        .atxa-table th, .atxa-table td {\n            padding: 18px 20px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n            font-size: 1.05rem;\n            vertical-align: middle;\n        }\n\n        .atxa-table thead th {\n            background: rgba(35, 10, 16, 0.95);\n            font-size: 1.15rem; font-weight: 900;\n            color: #ffffff;\n            border-bottom: 2px solid var(--atxa-neon-red);\n        }\n\n        .atxa-table thead th.atxa-th-win {\n            color: var(--atxa-neon-gold);\n            background: rgba(255, 42, 59, 0.18);\n            text-shadow: 0 0 18px var(--atxa-glow-gold);\n        }\n\n        .atxa-table td:first-child { color: #ffffff; font-weight: 800; }\n        .atxa-table td.atxa-td-old { color: #ffffff; }\n        .atxa-table td.atxa-td-win {\n            color: #ffffff; font-weight: 700;\n            background: rgba(255, 42, 59, 0.08);\n            border-right: 3.5px solid var(--atxa-neon-red);\n        }\n\n        .atxa-table tbody tr:hover { background: rgba(255, 42, 59, 0.06); }\n        .atxa-table tbody tr:last-child td { border-bottom: none; }\n\n        .atxa-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: opacity 0.6s ease, transform 0.6s ease;\n        }\n\n        .atxa-reveal.atxa-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .atxa-delay-1 { transition-delay: 0.12s; }\n        .atxa-delay-2 { transition-delay: 0.24s; }\n\n        @media (max-width: 768px) {\n            .anua-txa-ultimate-wrapper { padding: 25px 0; }\n            .atxa-container { padding: 0 14px !important; }\n            .atxa-img-md { max-width: 100% !important; }\n\n            .atxa-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n                width: 100% !important;\n            }\n\n            .atxa-benefits-grid .atxa-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-benefits-grid .atxa-icon-wrap {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n                font-size: 16px !important;\n            }\n\n            .atxa-benefits-grid .atxa-card h3 {\n                font-size: 0.94rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .atxa-benefits-grid .atxa-ingredient-tag {\n                font-size: 0.72rem !important;\n                padding: 3px 6px !important;\n                margin-bottom: 6px !important;\n                line-height: 1.25 !important;\n                border-radius: 6px !important;\n            }\n\n            .atxa-benefits-grid .atxa-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.5 !important;\n            }\n\n            .atxa-diff-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-diff-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-diff-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-bignum {\n                font-size: 32px !important;\n            }\n\n            .atxa-diff-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .atxa-diff-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-stats-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-stat-box {\n                padding: 16px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-stat-box:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-stat-num {\n                font-size: 34px !important;\n            }\n\n            .atxa-stat-title {\n                font-size: 0.85rem !important;\n            }\n\n            .atxa-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-timeline-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-timeline-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 8px !important;\n                margin-bottom: 8px !important;\n            }\n\n            .atxa-timeline-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-value-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-value-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-value-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-value-num {\n                width: 36px !important;\n                height: 36px !important;\n                font-size: 1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .atxa-value-card h3 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .atxa-value-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-step-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .atxa-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .atxa-step-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-table, .atxa-table tbody, .atxa-table tr, .atxa-table td { display: block; width: 100%; }\n            .atxa-table thead { display: none; }\n            .atxa-table tr {\n                margin-bottom: 12px;\n                border: 1px solid rgba(255, 42, 59, 0.25);\n                border-radius: 14px;\n                overflow: hidden;\n            }\n            .atxa-table td { border-bottom: 1px solid rgba(255,255,255,0.06); padding: 12px 14px; font-size: 0.88rem; }\n            .atxa-table td:first-child {\n                background: rgba(35, 10, 16, 0.95);\n                font-size: 1rem;\n                color: var(--atxa-neon-gold);\n            }\n            .atxa-table td[data-label]::before {\n                content: attr(data-label) \": \";\n                font-weight: 800;\n                color: var(--atxa-neon-rose);\n                margin-left: 6px;\n            }\n            .atxa-table td.atxa-td-win::before { color: var(--atxa-neon-gold); }\n\n            .atxa-title-glow { font-size: 24px; }\n            .atxa-section-title { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"atxa-ambient-bg\"\u003e\n        \u003cdiv class=\"atxa-orb atxa-orb-1\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"atxa-orb atxa-orb-2\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"atxa-container\"\u003e\n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"atxa-hero atxa-reveal atxa-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n            \u003cdiv class=\"atxa-badge\"\u003eأقوى تركيبة تفتيح وتصحيح بقع في كوريا\u003c\/div\u003e\n            \u003ch1 class=\"atxa-title-glow\"\u003e\n                سيروم Anua Niacinamide 10% + TXA 4%\u003cbr\u003e\n                \u003cspan class=\"neon-gold\"\u003eتخلصي من الفاونديشن واسترجعي نقاء بشرتك في 30 يوم\u003c\/span\u003e\n            \u003c\/h1\u003e\n\n            \u003cp class=\"atxa-hero-subtitle\"\u003e\n                زهقتي من مداراة \u003cspan class=\"neon-red\"\u003eآثار الحبوب القديمة بالكونسيلر\u003c\/span\u003e؟ الكلف وبقع الشمس مطفيين وشك مهما جربتي سيرومات تفتيح؟ \u003cspan class=\"neon-gold\"\u003eالسر مش في تقشير وشك\u003c\/span\u003e.. السر إنك توقفي البقعة نفسها من الجذور قبل ما تظهر على سطح جلدك.\n            \u003c\/p\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_against_dark_backgr__202608311311.jpg?v=1788171326\" alt=\"ANUA Niacinamide 10% + TXA 4% Serum\" class=\"atxa-img-md\" style=\"margin-bottom: 30px;\"\u003e\n\n            \u003cdiv style=\"background: rgba(255, 42, 59, 0.08); border: 1.5px solid var(--atxa-neon-red); border-radius: 18px; padding: 22px; text-align: center; max-width: 840px; margin: 0 auto 30px;\"\u003e\n                \u003cp style=\"font-size: 1.25rem; font-weight: 900; color: #ffffff; line-height: 1.85;\"\u003e\n                    مش مجرد سيروم تفتيح عادي.. دي \u003cspan class=\"neon-red\"\u003eثلاثية تصحيح ذكية\u003c\/span\u003e بتدمج \u003cspan class=\"neon-gold\"\u003e10% نياسيناميد + 4% ترانيكساميك + 2% أربوتين\u003c\/span\u003e عشان تمحي أغمق بقعة في وشك وتوحد لونك بدون نقطة تقشير أو لسعة حرقان واحدة!\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"background: rgba(255, 210, 74, 0.08); border: 1px dashed var(--atxa-neon-gold); padding: 16px 22px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; max-width: 820px;\"\u003e\n                \u003cp style=\"font-size: 1.05rem; font-weight: 800; margin: 0; color: #ffffff;\"\u003e\n                    المنتج الأكثر مبيعاً في \u003cspan class=\"neon-gold\"\u003eأكثر من 30 دولة\u003c\/span\u003e لإنهاء معركة البقع العنيدة نهائياً وبأمان تام للبشرة الحساسة.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 2. Core Targeted Benefits Grid --\u003e\n        \u003cdiv class=\"atxa-reveal\" style=\"margin-top: 15px;\"\u003e\n            \u003ch2 class=\"atxa-section-title\"\u003eإيه اللي هيتغير في بشرتك بالظبط؟\u003c\/h2\u003e\n            \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n                الفرق الحقيقي اللي هتشوفيه كل يوم في المراية من أول أسبوع:\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"atxa-benefits-grid\"\u003e\n                \u003c!-- Benefit 1 --\u003e\n                \u003cdiv class=\"atxa-card\"\u003e\n                    \u003cdiv class=\"atxa-icon-wrap\"\u003e1\u003c\/div\u003e\n                    \u003ch3 class=\"neon-red\"\u003eلون موحد ومسامات مشدودة\u003c\/h3\u003e\n                    \u003cdiv class=\"atxa-ingredient-tag\"\u003eنياسيناميد 10% نقي\u003c\/div\u003e\n                    \u003cp\u003eبيتحكم في الدهون الزيادة، بيضيق المسام الواسعة، وبيوزع النضارة على كامل وشك عشان تستغني عن بودرة المكياج.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 2 --\u003e\n                \u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n                    \u003cdiv class=\"atxa-icon-wrap\"\u003e2\u003c\/div\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eإيقاف الكلف من المنبع\u003c\/h3\u003e\n                    \u003cdiv class=\"atxa-ingredient-tag gold\"\u003eحمض الترانيكساميك 4%\u003c\/div\u003e\n                    \u003cp\u003eبيمنع تكوين صبغة التصبغات من جذورها العميقة، فيوقف الكلف وبقع الشمس الصيفية قبل ما تثبت في جلدك.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 3 --\u003e\n                \u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n                    \u003cdiv class=\"atxa-icon-wrap\"\u003e3\u003c\/div\u003e\n                    \u003ch3 class=\"neon-rose\"\u003eمحو آثار الحبوب المستعصية\u003c\/h3\u003e\n                    \u003cdiv class=\"atxa-ingredient-tag rose\"\u003eأربوتين نقي 2%\u003c\/div\u003e\n                    \u003cp\u003eشغال زي الأستيكة على العلامات البنية والحمراء اللي سايباها الحبوب القديمة، فترجع بشرتك صافية زي الفلتر.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 4 --\u003e\n                \u003cdiv class=\"atxa-card\"\u003e\n                    \u003cdiv class=\"atxa-icon-wrap\"\u003e4\u003c\/div\u003e\n                    \u003ch3 class=\"neon-red\"\u003eامتلاء مائي بدون أي جفاف\u003c\/h3\u003e\n                    \u003cdiv class=\"atxa-ingredient-tag\"\u003eهيالورونيك وبولي جلوتاميك\u003c\/div\u003e\n                    \u003cp\u003eبيغرق خلايا جلدك ترطيب مائي عميق، فيمنع الجفاف أو القشور اللي دايماً بتسببها سيرومات التفتيح التانية.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 5 --\u003e\n                \u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n                    \u003cdiv class=\"atxa-icon-wrap\"\u003e5\u003c\/div\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eدرع حماية يمنع عودة البقع\u003c\/h3\u003e\n                    \u003cdiv class=\"atxa-ingredient-tag gold\"\u003eسيراميد Ceramide NP\u003c\/div\u003e\n                    \u003cp\u003eبيبني حاجز حماية صلب يقفل الترطيب جوة جلدك ويمنع حساسية الشمس وتقلبات الجو من حرق وشك من جديد.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 6 --\u003e\n                \u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n                    \u003cdiv class=\"atxa-icon-wrap\"\u003e6\u003c\/div\u003e\n                    \u003ch3 class=\"neon-rose\"\u003eتهدئة فورية بدون أي احمرار\u003c\/h3\u003e\n                    \u003cdiv class=\"atxa-ingredient-tag rose\"\u003eسيكا وشاي أخضر طبيعي\u003c\/div\u003e\n                    \u003cp\u003eإحساس انتعاش وراحة من أول قطرة، بيطفي الحرقان ويهدي التهيج فوراً حتى لو كانت بشرتك شديدة التحسس.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 3. Formula Secrets Grid --\u003e\n        \u003cdiv class=\"atxa-reveal\"\u003e\n            \u003ch2 class=\"atxa-section-title\"\u003eليه السيروم ده مش هيحرق ولا يهيج وشك؟\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_rose_petals_202608311314.jpg?v=1788171326\" alt=\"ANUA Serum Natural Ingredients\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n            \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n                معظم سيرومات التفتيح بتكون قاسية وتسبب حرقان وقشور، لكن Anua حلت المعادلة:\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"atxa-diff-grid\"\u003e\n                \u003cdiv class=\"atxa-diff-card\"\u003e\n                    \u003cdiv class=\"atxa-bignum neon-gold\"\u003e10%\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\"\u003eقوة قصوى بدون تحسس\u003c\/h4\u003e\n                    \u003cp\u003eالنسبة الذهبية اللي بتفتح وتوحد اللون بسرعة، لكن مدعومة بمهدئات وسيراميد عشان وشك يفضل مرتاح 100%.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n                    \u003cdiv class=\"atxa-bignum neon-red\"\u003e100%\u003c\/div\u003e\n                    \u003ch4 class=\"neon-red\"\u003eنقاء وردي طبيعي\u003c\/h4\u003e\n                    \u003cp\u003eلونه الوردي الكريستالي مش صبغة صناعية، ده لون فيتامين B12 الطبيعي اللي بيغذي ويورد لون بشرتك.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n                    \u003cdiv class=\"atxa-bignum neon-rose\"\u003e7 أيام\u003c\/div\u003e\n                    \u003ch4 class=\"neon-rose\"\u003eانتعاش وإشراقة ملحوظة\u003c\/h4\u003e\n                    \u003cp\u003eمش هتحتاجي تستني شهور عشان تشوفي نتيجة، ملمس بشرتك هينعم والبهتان هيختفي من أول أسبوع.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.15rem; font-weight: 800; margin-top: 25px;\"\u003e\n                مناسب لجميع أنواع البشرة حتى \u003cspan class=\"neon-gold\"\u003eالمعرضة للحبوب والحساسة\u003c\/span\u003e، وخالٍ تماماً من العطور والكحول.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 4. Clinical Evidence \u0026 Stats Grid --\u003e\n        \u003cdiv class=\"atxa-reveal\"\u003e\n            \u003ch2 class=\"atxa-section-title\"\u003eأرقام حقيقية أثبتتها التجارب السريرية\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_abstract_shapes_202608311314.jpg?v=1788171326\" alt=\"ANUA Niacinamide TXA Serum benefits\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n            \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n                نتائج موثقة بعد دراسة معملية معتمدة على \u003cspan class=\"neon-gold\"\u003e347 مستخدمة\u003c\/span\u003e:\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"atxa-stats-grid\"\u003e\n                \u003cdiv class=\"atxa-stat-box\"\u003e\n                    \u003cdiv class=\"atxa-stat-num neon-gold\"\u003e\n                        \u003cspan class=\"atxa-counter\" data-target=\"94\"\u003e0\u003c\/span\u003e%\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"atxa-stat-title\"\u003eتلاشي واضح للبقع والتصبغات الداكنة\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n                    \u003cdiv class=\"atxa-stat-num neon-red\"\u003e\n                        \u003cspan class=\"atxa-counter\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"atxa-stat-title\"\u003eتوحيد كامل للون الوجه والرقبة\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n                    \u003cdiv class=\"atxa-stat-num neon-rose\"\u003e\n                        \u003cspan class=\"atxa-counter\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"atxa-stat-title\"\u003eنعومة ملحوظة واختفاء خشونة البشرة\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.1rem; font-weight: bold;\"\u003e\n                نتائج موثقة من مراكز أبحاث كورية معتمدة، مش مجرد كلام إعلانات!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 5. Comparison Table --\u003e\n        \u003cdiv class=\"atxa-reveal\"\u003e\n            \u003ch2 class=\"atxa-section-title\"\u003eليه سيروم Anua بيتفوق على السيرومات العادية؟\u003c\/h2\u003e\n            \u003cdiv class=\"atxa-table-wrap\"\u003e\n                \u003ctable class=\"atxa-table\"\u003e\n                    \u003cthead\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003eوجه المقارنة\u003c\/th\u003e\n                            \u003cth\u003eالسيرومات التقليدية\u003c\/th\u003e\n                            \u003cth class=\"atxa-th-win\"\u003eسيروم ANUA TXA Niacinamide\u003c\/th\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/thead\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n                            \u003ctd data-label=\"وجه المقارنة\"\u003eالمكونات الفعالة\u003c\/td\u003e\n                            \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003e5% إلى 10% نياسيناميد فقط لوحده\u003c\/td\u003e\n                            \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003e10% نياسيناميد + 4% ترانيكساميك + 2% أربوتين\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd data-label=\"وجه المقارنة\"\u003eطريقة علاج البقع\u003c\/td\u003e\n                            \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eتفتيح سطحي ضعيف يرجع مع أول شمس\u003c\/td\u003e\n                            \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eيوقف إنتاج صبغة البقع من جذورها العميقة\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd data-label=\"وجه المقارنة\"\u003eراحة البشرة\u003c\/td\u003e\n                            \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eبتسبب حرقان وقشور وجفاف للبشرة\u003c\/td\u003e\n                            \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eترطيب مائي فوري بالسيراميد والهيالورونيك\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd data-label=\"وجه المقارنة\"\u003eسرعة النتيجة\u003c\/td\u003e\n                            \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eبتحتاجي شهرين وممكن متلاحظيش فرق\u003c\/td\u003e\n                            \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eنضارة واضحة وتراجع للبهتان من أول 7 أيام\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd data-label=\"وجه المقارنة\"\u003eالأمان للجلد الحساس\u003c\/td\u003e\n                            \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eمليانة كحول وعطور بتلهب الحبوب\u003c\/td\u003e\n                            \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eخالي تماماً من العطور والكحول والمهيجات\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 6. Timeline Transformation Grid --\u003e\n        \u003cdiv class=\"atxa-reveal\"\u003e\n            \u003ch2 class=\"atxa-section-title\"\u003eرحلة وشك خطوة بخطوة مع الاستخدام\u003c\/h2\u003e\n            \u003cdiv class=\"atxa-timeline-grid\"\u003e\n                \u003cdiv class=\"atxa-timeline-card\"\u003e\n                    \u003cdiv class=\"atxa-timeline-badge\"\u003eالأسبوع 1\u003c\/div\u003e\n                    \u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eإشراقة وانتعاش فوري\u003c\/h4\u003e\n                    \u003cp\u003eامتصاص سريع في ثواني بدون أي تلزيق، ترطيب مائي مريح، وبهتان وشك هيبدأ يختفي ويديكي مظهر صحي.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-gold);\"\u003e\n                    \u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003eالأسبوع 2 و 3\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eبهتان آثار الحبوب\u003c\/h4\u003e\n                    \u003cp\u003eآثار الحبوب السطحية هتبدأ تفتح بشكل ملحوظ، ولمعان الدهون المزعج هيقل، ومساماتك هتبان أنظف وأصغر.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-rose);\"\u003e\n                    \u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003eالشهر الأول\u003c\/div\u003e\n                    \u003ch4 class=\"neon-rose\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eتوحيد حقيقي للون\u003c\/h4\u003e\n                    \u003cp\u003eتراجع كبير في الكلف والتصبغات، هتحسي إن وشك مشدود وموحد كأنك حاطة فلتر طبيعي بدون مكياج.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-red);\"\u003e\n                    \u003cdiv class=\"atxa-timeline-badge\"\u003eالشهر الثاني\u003c\/div\u003e\n                    \u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eصفاء دائم ومحمي\u003c\/h4\u003e\n                    \u003cp\u003eاختفاء شبه تام للبقع القديمة العنيدة، مع حاجز قوي يحمي بشرتك من إن البقع ترجع تظهر تاني مع الشمس.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 7. Value Proposition Grid --\u003e\n        \u003cdiv class=\"atxa-reveal\"\u003e\n            \u003ch2 class=\"atxa-section-title\"\u003eليه السيروم ده أوفر استثمار لبشرتك؟\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_holding_skincare_serum_bottle_202608311314.jpg?v=1788171326\" alt=\"ANUA serum results\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n\n            \u003cdiv class=\"atxa-value-grid\"\u003e\n                \u003cdiv class=\"atxa-value-card\"\u003e\n                    \u003cdiv class=\"atxa-value-num\"\u003e1\u003c\/div\u003e\n                    \u003ch3 class=\"neon-red\"\u003eنقطتين بس بيكفوا\u003c\/h3\u003e\n                    \u003cp\u003eتركيزه العالي بيخلي نقطتين أو 3 يغطوا كامل وشك ورقبتك. العبوة الـ 30 مل هتقعد معاكي شهرين كاملين من الاستخدام اليومي.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-gold);\"\u003e\n                    \u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003e2\u003c\/div\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eيغنيكي عن 4 منتجات\u003c\/h3\u003e\n                    \u003cp\u003eبدل ما تشتري سيروم تفتيح، وسيروم آثار حبوب، وسيروم هيالورونيك، وكريم سيراميد.. أنوا بيجمع كل ده في خطوة واحدة توفر ميزانيتك.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n                    \u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003e3\u003c\/div\u003e\n                    \u003ch3 class=\"neon-rose\"\u003eمضمون ومجرب عالمياً\u003c\/h3\u003e\n                    \u003cp\u003eرقم 1 في تريندات الجمال الكوري وملايين البنات اعتمدوه في روتينهم اليومي كبديل آمن لجلسات العيادات المكلفة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 8. Usage Protocol Grid --\u003e\n        \u003cdiv class=\"atxa-reveal\"\u003e\n            \u003ch2 class=\"atxa-section-title\"\u003eطريقة الاستخدام السهلة لأقصى نتيجة\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_on_red_liquid_202608311311.jpg?v=1788171326\" alt=\"ANUA serum bottle\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n\n            \u003cdiv class=\"atxa-steps-grid\"\u003e\n                \u003cdiv class=\"atxa-step-card\"\u003e\n                    \u003cdiv class=\"atxa-step-num\"\u003e1\u003c\/div\u003e\n                    \u003ch4\u003eنظفي وجهك\u003c\/h4\u003e\n                    \u003cp\u003eاستخدميه صباحاً أو مساءً على بشرة نظيفة وجافة تماماً بعد خطوة التونر المفضلة ليكي.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-step-card\"\u003e\n                    \u003cdiv class=\"atxa-step-num\"\u003e2\u003c\/div\u003e\n                    \u003ch4\u003eوزعي برفق\u003c\/h4\u003e\n                    \u003cp\u003eحطي من 2 لـ 3 قطرات ودلكي بلطف، مع التركيز على أماكن البقع وآثار الحبوب لحد ما يتشرب تماماً.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"atxa-step-card\"\u003e\n                    \u003cdiv class=\"atxa-step-num\"\u003e3\u003c\/div\u003e\n                    \u003ch4\u003eاقفلي بالمرطب\u003c\/h4\u003e\n                    \u003cp\u003eحطي مرطبك المعتاد لحبس المكونات، وضروري جداً تستخدمي واقي شمس بالنهار لحماية نضارة وشك الجديدة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 9. Final CTA --\u003e\n        \u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(32, 10, 16, 0.95) 0%, rgba(8, 2, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--atxa-neon-red); box-shadow: 0 20px 60px rgba(255, 42, 59, 0.25);\"\u003e\n            \u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                بشرتك مش محتاجة مكياج يداريها.. \u003cspan class=\"neon-gold\"\u003eمحتاجة سيروم يصفيها بجد\u003c\/span\u003e\n            \u003c\/h2\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/202608311326.jpg?v=1788172007\" alt=\"ANUA Niacinamide Serum\" class=\"atxa-img-md\" style=\"margin: 30px auto;\"\u003e\n\n            \u003cp style=\"font-size: 1.25rem; font-weight: bold; color: #ffffff; max-width: 800px; margin: 0 auto 25px; line-height: 1.85;\"\u003e\n                \u003cstrong class=\"neon-red\" style=\"font-size: 1.35rem; display: block; margin-bottom: 10px;\"\u003eبدل ما تضيعي فلوسك وتتعبي بشرتك في تجارب ملهاش لازمة!\u003c\/strong\u003e\n                ابدأي النهاردة مع تركيبة Anua الثلاثية المعتمدة عالمياً.. وامحي البقع وآثار الحبوب عشان تسترجعي إشراقتك الطبيعية بثقة.\n            \u003c\/p\u003e\n\n            \u003cp style=\"color: var(--atxa-neon-gold); font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--atxa-glow-gold);\"\u003e\n                اطلبي سيروم Anua Niacinamide 10% + TXA 4% الأصلي الآن.. واستمتعي ببشرة زجاجية من أول شهر!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 10. Technical INCI List --\u003e\n        \u003cdiv class=\"atxa-reveal\" style=\"background: rgba(0,0,0,0.85); border: 1px dashed rgba(255, 42, 59, 0.3); border-radius: 16px; padding: 30px 20px; margin-top: 50px; text-align: left; direction: ltr; word-break: break-word; overflow-wrap: break-word;\"\u003e\n            \u003ch3 style=\"color: var(--atxa-neon-red); margin-bottom: 15px; font-size: 1.2rem; text-align: right; direction: rtl; font-weight: 800;\"\u003eقائمة المكوّنات الكاملة والمعتمدة (INCI)\u003c\/h3\u003e\n            \u003cp style=\"font-size: 0.95rem; color: #ffffff; line-height: 1.8; font-weight: 500;\"\u003e\n                Water, Glycerin, \u003cstrong class=\"neon-red\"\u003eNiacinamide (10%)\u003c\/strong\u003e, \u003cstrong class=\"neon-gold\"\u003eTranexamic Acid (4%)\u003c\/strong\u003e, Butylene Glycol, Diethoxyethyl Succinate, 1,2-Hexanediol, \u003cstrong class=\"neon-rose\"\u003eArbutin (2%)\u003c\/strong\u003e, Sodium Hyaluronate, Alpha-Arbutin, Coccinia Indica Fruit Extract, Eclipta Prostrata Extract, Macadamia Integrifolia Seed Oil, Olea Europaea (Olive) Fruit Oil, Simmondsia Chinensis (Jojoba) Seed Oil, Vitis Vinifera (Grape) Seed Oil, Theobroma Cacao (Cocoa) Extract, Hydrolyzed Hyaluronic Acid, Chamaecyparis Obtusa Leaf Extract, Prunus Persica (Peach) Flower Extract, Camellia Sinensis Seed Oil, Yeast Ferment Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Candida Bombicola\/Glucose\/Methyl Rapeseedate Ferment, Hyaluronic Acid, Pentylene Glycol, Betaine Salicylate, Sucrose Palmitate, Hydrogenated Lecithin, Gellan Gum, Sodium Phytate, Cellulose, Caprylic\/Capric Triglyceride, Panthenol, Cyanocobalamin, Polyglutamic Acid, 3-O-Ethyl Ascorbic Acid, \u003cstrong class=\"neon-red\"\u003eCeramide NP\u003c\/strong\u003e, Dextrin, Asiaticoside, Madecassic Acid, Asiatic Acid, Dimethylsilanol Hyaluronate, Hydrolyzed Sodium Hyaluronate, Potassium Hyaluronate, Hydroxypropyltrimonium Hyaluronate, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate Dimethylsilanol, Sodium Acetylated Hyaluronate, Xanthan Gum.\n            \u003c\/p\u003e\n            \u003cp style=\"font-size: 0.95rem; color: var(--atxa-neon-gold); margin-top: 10px; font-weight: bold; direction: rtl; text-align: right;\"\u003e\n                تركيبة كورية علاجية نقية خالية تماماً من العطور الصناعية، الكحول القاسي، والبارابين. آمنة 100% للبشرة الحساسة والمعرضة للحبوب.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function () {\n            var reveals = document.querySelectorAll('.atxa-reveal');\n            var observer = new IntersectionObserver(function (entries, obs) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('atxa-active');\n                        \n                        var counters = entry.target.querySelectorAll('.atxa-counter');\n                        if (counters.length \u003e 0) {\n                            runCounters(counters);\n                        }\n                        \n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.08, rootMargin: \"0px 0px -40px 0px\" });\n\n            reveals.forEach(function (el) { observer.observe(el); });\n\n            function runCounters(counters) {\n                counters.forEach(function (counter) {\n                    var target = parseFloat(counter.getAttribute('data-target'));\n                    if (isNaN(target)) return;\n                    var duration = 1800;\n                    var frames = 60;\n                    var increment = target \/ (duration \/ (1000 \/ frames));\n                    var current = 0;\n\n                    var updateCounter = function () {\n                        current += increment;\n                        if (current \u003c target) {\n                            counter.innerText = Math.ceil(current);\n                            requestAnimationFrame(updateCounter);\n                        } else {\n                            counter.innerText = target;\n                        }\n                    };\n                    updateCounter();\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999395270830,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua-niacinamide-10-txa-4-serum-30ml-1.webp?v=1789237578"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-starter-kit","title":"SOME BY MI AHA-BHA-PHA 30 Days Miracle Starter Kit","description":"\u003cdiv class=\"some-by-mi-section\"\u003e\n    \u003cstyle\u003e\n        .some-by-mi-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .some-by-mi-section {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px;\n            direction: rtl;\n            font-family: inherit;\n            color: #333;\n        }\n        \n        .kit-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .kit-title {\n            font-size: 1.8rem;\n            color: #9C8102;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .kit-subtitle {\n            font-size: 1.2rem;\n            color: #666;\n            line-height: 1.6;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .kit-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #444;\n            margin-bottom: 20px;\n        }\n        \n        .kit-image {\n            width: 100%;\n            border-radius: 10px;\n            margin: 30px 0;\n            display: block;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n        }\n        \n        .kit-section {\n            margin-bottom: 60px;\n            overflow: hidden;\n        }\n        \n        .kit-section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 25px;\n            text-align: right;\n        }\n        \n        .kit-subsection-title {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #9C8102;\n            margin: 30px 0 15px;\n        }\n        \n        .kit-content {\n            padding: 0 10px;\n        }\n        \n        .products-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 0;\n        }\n        \n        .product-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 25px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .product-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .product-card::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(\n                to right,\n                rgba(255, 255, 255, 0) 0%,\n                rgba(255, 255, 255, 0.3) 50%,\n                rgba(255, 255, 255, 0) 100%\n            );\n            transform: rotate(30deg);\n            transition: transform 0.7s ease;\n            opacity: 0;\n        }\n        \n        .product-card:hover::after {\n            opacity: 1;\n            transform: rotate(30deg) translate(100%, -100%);\n        }\n        \n        .product-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 15px;\n            font-size: 1.1rem;\n        }\n        \n        .kit-list {\n            list-style-type: disc;\n            padding-right: 20px;\n            margin: 20px 0;\n        }\n        \n        .kit-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n        \n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin: 30px 0;\n        }\n        \n        .benefit-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .benefit-title {\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .value-section {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 30px;\n            margin-top: 40px;\n            border-right: 4px solid #9C8102;\n        }\n        \n        .highlight {\n            font-weight: 700;\n            color: #9C8102;\n        }\n        \n        .kit-components {\n            margin: 20px 0;\n        }\n        \n        .numbered-list {\n            list-style-type: decimal;\n            padding-right: 25px;\n            margin: 20px 0;\n        }\n        \n        .numbered-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n            padding-right: 5px;\n        }\n        \n        \/* Animation classes *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .slide-in-right {\n            opacity: 0;\n            transform: translateX(50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-right.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .slide-in-left {\n            opacity: 0;\n            transform: translateX(-50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-left.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .scale-in {\n            opacity: 0;\n            transform: scale(0.9);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .scale-in.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n        \n        .stagger-item {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        \n        .stagger-item.visible {\n            opacity: 1;\n            transform: translateY(0);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n        }\n        \n        @media (max-width: 768px) {\n            .products-grid, \n            .benefits-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .kit-title {\n                font-size: 1.5rem;\n            }\n            \n            .kit-section-title {\n                font-size: 1.3rem;\n            }\n            \n            .value-section {\n                padding: 20px;\n            }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"kit-header fade-in\"\u003e\n        \u003ch2 class=\"kit-title\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4f7f191837ad09424f833d5c29505f88.jpg?v=1745075290\" alt=\"SOME BY MI Starter Kit\" class=\"kit-image scale-in\"\u003e\n        \u003cp class=\"kit-subtitle\"\u003eمجموعة \u003cspan class=\"highlight\"\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/span\u003e تقدّم روتينًا متكاملاً من أربع خطوات مصممة خصيصًا للبشرة المعرضة لحبّ الشباب والتصبّغات. تتكوّن من صابون منظف، تونر، سيروم، وكريم، جميعها تحتوي على مزيج الأحماض الثلاثة (AHA, BHA, PHA) ومكوّنات مهدِّئة مثل شجرة الشاي والسنتيلا، لتقشير الخلايا الميتة، تطهير المسام، تهدئة الالتهابات، وترطيب البشرة بعمق دون تجريدها من زيوتها الطبيعية. الدمج بين هذه الخطوات الأربعة يضمن علاجًا شاملًا للتصبّغات، تقليل الالتهابات، وتحسين ملمس البشرة خلال 30 يومًا فقط.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eعن المجموعة\u003c\/h2\u003e\n        \n        \u003cdiv class=\"kit-content fade-in\"\u003e\n            \u003cp class=\"kit-text\"\u003eتحتوي المجموعة على أربعة منتجات بحجم السفر:\u003c\/p\u003e\n            \n            \u003cul class=\"kit-list\"\u003e\n                \u003cli\u003e\u003cstrong\u003eصابون AHA‑BHA‑PHA 30 Days Miracle Cleansing Bar (25g)\u003c\/strong\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cstrong\u003eتونر AHA‑BHA‑PHA 30 Days Miracle Toner (30ml)\u003c\/strong\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cstrong\u003eسيروم AHA‑BHA‑PHA 30 Days Miracle Serum (10ml)\u003c\/strong\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003cstrong\u003eكريم AHA‑BHA‑PHA 30 Days Miracle Cream (20g)\u003c\/strong\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eوظائف كل منتج في المجموعة\u003c\/h2\u003e\n        \n        \u003cdiv class=\"products-grid\"\u003e\n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eمنظف Cleansing Bar\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2.webp?v=1745075149\" alt=\"Cleansing Bar\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eيجمع بين الأحماض الثلاثة (AHA لإزالة الخلايا الميتة، BHA لتطهير المسام، PHA للحفاظ على الترطيب)؛ ويحتوي على ماء شجرة الشاي وتركيبة هيرتليف لقتل البكتيريا وتهدئة الاحمرار.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eتونر Miracle Toner\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3.png?v=1745075847\" alt=\"Miracle Toner\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eتونر خفيف الحموضة (pH 5.5) يحتوي على مزيج الأحماض الثلاثة و10,000 ppm من ماء شجرة الشاي لتنقية المسام وتلطيف البشرة وترطيبها.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eسيروم Miracle Serum\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_2.png?v=1745076405\" alt=\"Miracle Serum\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eيزيد التركيز إلى 14.5% سنتيلا آسياتيكا و10,000 ppm ماء شجرة الشاي لتهدئة الالتهابات ومنع تكون الحبوب، مع تقشير لطيف يحفز تجديد الخلايا.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"product-card stagger-item\"\u003e\n                \u003ch3 class=\"product-title\"\u003eكريم Miracle Cream\u003c\/h3\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3.png?v=1745076683\" alt=\"Miracle Cream\" class=\"kit-image\"\u003e\n                \u003cp class=\"kit-text\"\u003eكريم خفيف يمزج الأحماض الثلاثة مع شجرة الشاي والسنتيلا لترطيب عميق، تقوية حاجز البشرة، وتهدئة الاحمرار الناتج عن حبّ الشباب.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eكيف تعمل المكونات سويًّا\u003c\/h2\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA30-Days-Miracle-Starter-Kit-1pack_7.webp?v=1745076738\" alt=\"SOME BY MI Complete Kit\" class=\"kit-image fade-in\"\u003e\n        \n        \u003cdiv class=\"benefits-grid\"\u003e\n            \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n                \u003ch3 class=\"benefit-title\"\u003eالتقشير الانتقائي\u003c\/h3\u003e\n                \u003cp\u003eالأحماض الثلاثة تذيب الروابط بين الخلايا الميتة وتنظف المسام دون تجريد البشرة من زيوتها الطبيعية.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n                \u003ch3 class=\"benefit-title\"\u003eمضادّات الالتهابات\u003c\/h3\u003e\n                \u003cp\u003eماء شجرة الشاي ومستخلص سنتيلا آسياتيكا يثبّطان نمو البكتيريا ويقلّلان الاحمرار والتهيّج.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n                \u003ch3 class=\"benefit-title\"\u003eالترطيب والحماية\u003c\/h3\u003e\n                \u003cp\u003eالأحماض (PHA) وحمض الهيالورونيك (من Serum\/Cream) والسنتيلا يعزّزون حبس الماء داخل البشرة ويقوّون حاجزها الواقي.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eفوائد الدمج بينهم\u003c\/h2\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-AHA-BHA-PHA-30-Days-Miracle-Starter-Kit-3_3.webp?v=1745076788\" alt=\"SOME BY MI Benefits\" class=\"kit-image fade-in\"\u003e\n        \n        \u003col class=\"numbered-list fade-in\"\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eروتين متكامل\u003c\/strong\u003e: خطوة تنظيف – تقشير – معالجة – ترطيب، لكل مرحلة دور محدد يضمن نتائج متسلسلة مُحكمة.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eنتائج متسارعة\u003c\/strong\u003e: تظهر بشرة أوضح وأنقى في غضون 30 يومًا مع الاستخدام اليومي المنتظم.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eعلاج شامل\u003c\/strong\u003e: لا يقتصر على إزالة الحبوب، بل يُصلح النسيج ويمنح إشراقة صحية متجددة.\u003c\/li\u003e\n        \u003c\/ol\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eتأثيرهم على البشرة\u003c\/h2\u003e\n        \n        \u003cul class=\"kit-list fade-in\"\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتوحيد لون البشرة\u003c\/strong\u003e وتقليل التصبّغات والبقع الداكنة.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتقليل حجم المسام\u003c\/strong\u003e والحدّ من إفراز الزيوت الزائدة.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتهدئة الالتهابات\u003c\/strong\u003e الناتجة عن حبّ الشباب والتهيّجات.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eتعزيز ملمس ناعم ومرن\u003c\/strong\u003e لبشرة أكثر شبابًا وحيوية.\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kit-section\"\u003e\n        \u003ch2 class=\"kit-section-title fade-in\"\u003eقيمة استثنائية مقابل السعر\u003c\/h2\u003e\n        \n        \u003cdiv class=\"value-section slide-in-right\"\u003e\n            \u003cul class=\"kit-list\"\u003e\n                \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eحجم السفر الاقتصادي\u003c\/strong\u003e يتيح تجربة كاملة لأربعة منتجات بسعر معقول  مقارنةً بشراء كل منتج على حدة.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eأربعة أسابيع كاملة\u003c\/strong\u003e بجرعات صغيرة تكفي للاستخدام اليومي صباحًا ومساءً طوال فترة الثلاثين يومًا.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong class=\"highlight\"\u003eمكونات نادرة وفعّالة\u003c\/strong\u003e بتركيزات عالية (ماء شجرة الشاي 10,000 ppm، سنتيلا 14.5%, Niacinamide 2% ضمن التونر) تجتمع في مجموعة واحدة تمنحك قيمة استثنائية لا تجدينها في سيروم وحيد.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \n        \u003chr style=\"margin: 40px 0; border: none; height: 1px; background-color: #eee;\"\u003e\n        \n        \u003cp class=\"kit-text fade-in\"\u003eاختاري \u003cstrong\u003eSOME BY MI AHA‑BHA‑PHA 30 Days Miracle Starter Kit\u003c\/strong\u003e لتجربة قادرة على إعادة بناء بشرتكِ من الجذور، وتحصُّل نتائج حقيقية، واستمتعي بقيمة لا تضاهى في عالم العناية بالبشرة.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Fade-in animation for elements as they come into view\n            const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n            \n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, 100);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            animatedElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n            \n            \/\/ Staggered animation for product cards\n            const staggerItems = document.querySelectorAll('.stagger-item');\n            \n            const staggerObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach((entry, index) =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, index * 150); \/\/ 150ms delay between each item\n                        staggerObserver.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            staggerItems.forEach(el =\u003e {\n                staggerObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999395500206,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOME_BY_MI_AHA-BHA-PHA_30_Days_Miracle_Starter_Kit.jpg?v=1788175366"},{"product_id":"some-by-mi-aha-bha-pha-14-days-super-miracle-spot-all-kill-cream","title":"SOME BY MI Aha.Bha.Pha 14 Days Super Miracle Spot All Kill Cream 30ml","description":"\u003cstyle\u003e\n  .somebymi-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n    direction: rtl;\n  }\n\n  .hero-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 60px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    animation: shimmer 6s infinite;\n  }\n\n  @keyframes shimmer {\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n  }\n\n  .hero-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1s 0.3s forwards;\n  }\n\n  @keyframes zoomIn {\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .main-title {\n    font-size: 2.5em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n  }\n\n  .hero-description {\n    font-size: 1.2em;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.6s forwards;\n  }\n\n  .main-benefits-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .benefit-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .benefit-number {\n    display: inline-block;\n    width: 30px;\n    height: 30px;\n    background: #9C8102;\n    color: white;\n    border-radius: 50%;\n    text-align: center;\n    line-height: 30px;\n    font-weight: 700;\n    margin-bottom: 15px;\n    font-size: 0.9em;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.2em;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 0.95em;\n    line-height: 1.6;\n  }\n\n  .ingredient-highlight {\n    background: #f8f9fa;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    color: #9C8102;\n  }\n\n  .truecica-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .truecica-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .truecica-image {\n    max-width: 100%;\n    border-radius: 15px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n  }\n\n  .truecica-info {\n    background: white;\n    padding: 40px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .truecica-info::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .ingredient-list {\n    list-style: none;\n    padding: 0;\n    margin: 20px 0;\n  }\n\n  .ingredient-list li {\n    padding: 10px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-right: 25px;\n  }\n\n  .ingredient-list li::before {\n    content: '🌿';\n    position: absolute;\n    right: 0;\n    top: 10px;\n  }\n\n  .triple-acid-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .acid-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .acid-card {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 30px;\n    border-radius: 15px;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .acid-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .acid-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n  }\n\n  .acid-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 15px;\n  }\n\n  .timeline-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    padding-right: 40px;\n  }\n\n  .timeline-container::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 20px;\n    height: 100%;\n    width: 4px;\n    background: linear-gradient(to bottom, #9C8102, #d4af37);\n    border-radius: 2px;\n  }\n\n  .timeline-item {\n    position: relative;\n    margin-bottom: 40px;\n    padding-right: 60px;\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateX(50px);\n    transition: all 0.3s ease;\n  }\n\n  .timeline-item::before {\n    content: '';\n    position: absolute;\n    right: -42px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #9C8102;\n    border: 4px solid white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n    z-index: 1;\n  }\n\n  .timeline-item:hover {\n    transform: translateX(0);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .timeline-day {\n    color: #9C8102;\n    font-weight: 700;\n    font-size: 1.1em;\n    margin-bottom: 10px;\n  }\n\n  .texture-section {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 15px;\n  }\n\n  .texture-highlights {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .texture-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n  }\n\n  .texture-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .texture-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .texture-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .investment-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .investment-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .investment-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .investment-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .investment-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .investment-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n    text-align: center;\n  }\n\n  .investment-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 60px 30px;\n    text-align: center;\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 15px 40px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.2em;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 30px;\n    animation: glow 2s infinite alternate;\n  }\n\n  @keyframes glow {\n    0% { box-shadow: 0 0 20px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 30px rgba(156, 129, 2, 0.8), 0 0 40px rgba(156, 129, 2, 0.3); }\n  }\n\n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n    background: #d4af37;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 2.2em;\n    color: #9C8102;\n    margin-bottom: 20px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-subtitle {\n    text-align: center;\n    font-size: 1.3em;\n    color: #666;\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 80px; }\n  }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .animate-on-scroll {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.8s ease;\n  }\n\n  .animate-on-scroll.animated {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .highlight {\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .divider {\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 40px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2em; }\n    .section-title { font-size: 1.8em; }\n    .benefits-grid, .acid-grid, .texture-highlights, .investment-grid {\n      grid-template-columns: 1fr;\n    }\n    .truecica-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"somebymi-container\"\u003e\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml.webp?v=1745858282\" alt=\"SOME BY MI Spot All Kill Cream\" class=\"hero-image\"\u003e\n    \u003ch1 class=\"main-title\"\u003eمعجزة الـ14 يوم: القضاء التام على البقع\u003c\/h1\u003e\n    \u003ch2 class=\"subtitle\"\u003eSOME BY MI Aha·Bha·Pha 14 Days Super Miracle Spot All Kill Cream\u003c\/h2\u003e\n    \u003cp class=\"hero-description\"\u003e\u003cstrong\u003eده مش كريم عادي، ده أعتى معجزة صممتها SOME BY MI علشان تودّع البقع وحب الشباب في أقل من أسبوعين.\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Main Benefits Section --\u003e\n  \u003cdiv class=\"main-benefits-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n    \n    \u003cdiv class=\"benefits-grid\"\u003e\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e1\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eالقضاء على البثور والحبوب\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيحتوي على \u003cspan class=\"ingredient-highlight\"\u003eالنياسيناميد وحمض الساليسيليك (500 ppm)\u003c\/span\u003e للقضاء على البكتيريا المسببة للحبوب.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e2\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003e مهدئ للاحمرار و تهيج الجلد للبشرة الحساسة\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eمُدعم بـ \u003cspan class=\"ingredient-highlight\"\u003eمستخلص السنتيلا آسياتيكا (250,000 ppm) والبانثينول والألانتوين\u003c\/span\u003e لتهدئة التهيج والاحمرار.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e3\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eمقشر لآثار الحبوب والحفر \u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيعمل \u003cspan class=\"ingredient-highlight\"\u003eحمض الساليسيليك (500 ppm) وحمض اللاكتوبيونيك (300 ppm)\u003c\/span\u003e على تقشير البشرة بلطف. مما يقلل من الندوب و آثار الحبوب و التصبفات\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e4\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eعلاج متقدم لأصعب التصبغات\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eالنياسيناميد وأحماض الهيدروكسي\u003c\/span\u003e يفتح البقع الداكنة ويوحد لون البشرة بفعالية.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e5\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003e ترطيب عميق ومكثف\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eيحتوي على \u003cspan class=\"ingredient-highlight\"\u003eالجليسرين وحمض الهيالورونيك وصوديوم الهيالورونات\u003c\/span\u003e للترطيب العميق.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e6\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eحماية مضادة للأكسدة\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eمُقوى بـ \u003cspan class=\"ingredient-highlight\"\u003eمستخلص السنتيلا آسياتيكا والماديكاسوسايد والآسياتيكوسايد\u003c\/span\u003e لحماية البشرة من التلف.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e7\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتجديد الخلايا ومكافحة الشيخوخة\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eالنياسيناميد والأدينوسين\u003c\/span\u003e يحفزان تجديد خلايا البشرة ويقللان من علامات التقدم في السن.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n        \u003cspan class=\"benefit-number\"\u003e8\u003c\/span\u003e\n        \u003ch3 class=\"benefit-title\"\u003eتنظيف عميق طبيعي\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eماء أوراق شجرة الشاي (500,000 ppm)\u003c\/span\u003e ينظف البشرة بعمق ويطهرها طبيعياً.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Truecica Section --\u003e\n  \u003cdiv class=\"truecica-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eإيه الـTruecica™؟ سر التهدئة الفائقة\u003c\/h2\u003e\n    \n    \u003cdiv class=\"truecica-content\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME_BY_MI_Aha.Bha.Pha_14_Days_Super_Miracle_Spot_All_Kill_Cream_30ml_c850d135-1092-47ee-8828-7df3d8a06e64.webp?v=1745858375\" alt=\"SOME BY MI Spot All Kill Cream Texture\" class=\"truecica-image animate-on-scroll\"\u003e\n      \n      \u003cdiv class=\"truecica-info animate-on-scroll\"\u003e\n        \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 15px;\"\u003eتركيبة حصريّة مهدّية ومقوية لحاجز البشرة\u003c\/h3\u003e\n        \u003cp style=\"margin-bottom: 20px;\"\u003eالـTruecica™ مش مجرد مكون، ده مزيج من:\u003c\/p\u003e\n        \n        \u003cul class=\"ingredient-list\"\u003e\n          \u003cli\u003eخلاصة السنتيلا الآسيوية النقية\u003c\/li\u003e\n          \u003cli\u003eماديكاسوسيد المركز (Madecassoside)\u003c\/li\u003e\n          \u003cli\u003eمستخلص شجرة الشاي (Tea Tree)\u003c\/li\u003e\n          \u003cli\u003eخلاصة خس الخيل (Mugwort)\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \n        \u003cp style=\"background: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;\"\u003eالتوليفة دي بتهدّي الالتهابات وتقوّي حاجز البشرة من أول استعمال، فتقلّل الاحمرار وتحمي بشرتك من التهيج.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Triple Acid Section --\u003e\n  \u003cdiv class=\"triple-acid-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eتقشير ثلاثي المفعول: AHA·BHA·PHA\u003c\/h2\u003e\n    \u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eحظ سعيد في محاولتك لرؤية مسام بشرتك بعد استخدام الكريم\u003c\/h3\u003e\n    \n    \u003cdiv class=\"acid-grid\"\u003e\n      \u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n        \u003cspan class=\"acid-icon\"\u003e🧪\u003c\/span\u003e\n        \u003ch3 class=\"acid-title\"\u003eAHA\u003c\/h3\u003e\n        \u003cp\u003eبيقشر الطبقة السطحيّة بلطف ويخفّف الخطوط الرفيعة.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n        \u003cspan class=\"acid-icon\"\u003e⚗️\u003c\/span\u003e\n        \u003ch3 class=\"acid-title\"\u003eBHA\u003c\/h3\u003e\n        \u003cp\u003eبيتغلغل في عمق المسام، يزيّل الدهون ويمنع تراكم الأوساخ.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"acid-card animate-on-scroll\"\u003e\n        \u003cspan class=\"acid-icon\"\u003e🔬\u003c\/span\u003e\n        \u003ch3 class=\"acid-title\"\u003ePHA\u003c\/h3\u003e\n        \u003cp\u003eيقشر برفق، يرطب البشرة وينعشها بإشراقة صحية. سوا، بيقدّموا لكِ تقشير ذكي متواصل بيخلي بشرتك نظيفة ومعدة تستقبل التغذية.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Results Timeline --\u003e\n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eالنتائج المتوقعة: بشرة جديدة في 14 يوم\u003c\/h2\u003e\n    \u003ch3 class=\"section-subtitle animate-on-scroll\"\u003e– التحول الزمني خطوة بخطوة –\u003c\/h3\u003e\n    \n    \u003cdiv class=\"timeline-container\"\u003e\n      \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n        \u003cdiv class=\"timeline-day\"\u003eاليوم الأول:\u003c\/div\u003e\n        \u003cp\u003eتهدئة فورية للبقعة وتقليل الاحمرار، وتحس بإحساس راحة على الجلد.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n        \u003cdiv class=\"timeline-day\"\u003eاليوم الثالث:\u003c\/div\u003e\n        \u003cp\u003eتلاحظ تفتح خفيف لحواف البقعة واختفاء بعض الانتفاخ.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n        \u003cdiv class=\"timeline-day\"\u003eنهاية الأسبوع الأول:\u003c\/div\u003e\n        \u003cp\u003eالفرق يبقى واضح، لون البشرة يبدأ يتوحد والبقع الداكنة بتقل بشكل ملحوظ.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n        \u003cdiv class=\"timeline-day\"\u003eاليوم العاشر:\u003c\/div\u003e\n        \u003cp\u003eتحضري لتوديع معظم علامات البقع؛ البشرة هتكون صافية وأقرب للون موحد طبيعي.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-item animate-on-scroll\"\u003e\n        \u003cdiv class=\"timeline-day\"\u003eاليوم الرابع عشر:\u003c\/div\u003e\n        \u003cp\u003eانتصرت المعجزة؛ بقعك تختفي تقريبًا وبشرتك تستعيد نضارتها وحيويتها بالكامل.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Texture Section --\u003e\n  \u003cdiv class=\"texture-section\"\u003e\n    \u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eقوام جيل شفاف خفيف\u003c\/h2\u003e\n    \u003ch3 style=\"font-size: 1.3em; color: #666; margin-bottom: 30px;\"\u003eامتصاص فوري بدون أي أثر دهني\u003c\/h3\u003e\n    \n    \u003cdiv class=\"texture-highlights\"\u003e\n      \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n        \u003cspan class=\"texture-icon\"\u003e💧\u003c\/span\u003e\n        \u003ch3 class=\"texture-title\"\u003eجيل شفاف\u003c\/h3\u003e\n        \u003cp\u003eقوام خفيف ينساب على البشرة\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n        \u003cspan class=\"texture-icon\"\u003e⚡\u003c\/span\u003e\n        \u003ch3 class=\"texture-title\"\u003eامتصاص فوري\u003c\/h3\u003e\n        \u003cp\u003eيختفي فورًا بدون لزوجة\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"texture-card animate-on-scroll\"\u003e\n        \u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n        \u003ch3 class=\"texture-title\"\u003eبدون أثر\u003c\/h3\u003e\n        \u003cp\u003eلا طبقة بيضاء أو دهنية\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Investment Section --\u003e\n  \u003cdiv class=\"investment-section\"\u003e\n    \u003ch2 class=\"section-title animate-on-scroll\"\u003eمن أفضل الاستثمارات لصحة جلدك\u003c\/h2\u003e\n    \n    \u003cdiv class=\"investment-grid\"\u003e\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e⚡\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eمعجزة سريعة\u003c\/h3\u003e\n        \u003cp\u003eودّعي البقع في 14 يوم بس.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e🛡️\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eمناسب للبشرة الحساسة\u003c\/h3\u003e\n        \u003cp\u003eخضع لاختبارات تحسس ومضاد لالتصاق البشرة (20 no-adhesion tests).\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e🚫\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eخالي من 20 مادة ضارّة\u003c\/h3\u003e\n        \u003cp\u003eلا بارابين، لا عطور صناعية، ولا ألوان.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"investment-card animate-on-scroll\"\u003e\n        \u003cspan class=\"investment-icon\"\u003e🔬\u003c\/span\u003e\n        \u003ch3 class=\"investment-title\"\u003eمزيج مثالي\u003c\/h3\u003e\n        \u003cp\u003eTruecica™ + Panthenol + AHA·BHA·PHA = أقصى درجات الفعالية والراحة.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CTA Section --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"animate-on-scroll\"\u003eمعجزة حقيقية في 14 يوم فقط\u003c\/h2\u003e\n    \u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003eابدأ معجزة التغيير النهارده مع \u003cstrong style=\"color: white;\"\u003eSOME BY MI 14 Days Super Miracle Spot All Kill Cream\u003c\/strong\u003e وخلي بشرتك تقرّب للمثالية في 14 يوم بس!\u003c\/p\u003e\n    \u003cbutton class=\"cta-button animate-on-scroll\"\u003eاشتري الآن\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/\/ Intersection Observer for scroll animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all animate-on-scroll elements\n  document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n  \/\/ Animate benefits cards\n  const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.benefit-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate acid cards\n  const acidObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.acid-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.triple-acid-section').forEach(section =\u003e {\n    acidObserver.observe(section);\n  });\n\n  \/\/ Animate timeline items\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateX(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n    timelineObserver.observe(item);\n  });\n\n  \/\/ Animate texture cards\n  const textureObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.texture-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.texture-section').forEach(section =\u003e {\n    textureObserver.observe(section);\n  });\n\n  \/\/ Animate investment cards\n  const investmentObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.investment-card').forEach(card =\u003e {\n    investmentObserver.observe(card);\n  });\n\n  \/\/ CTA button interaction\n  document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n    const button = document.querySelector('.cta-button');\n    button.style.animation = 'none';\n    setTimeout(() =\u003e {\n      button.style.animation = 'glow 2s infinite alternate';\n    }, 100);\n  });\n\u003c\/script\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999396876462,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitled_design_-_2025-04-28T201324.540.jpg?v=1788175359"},{"product_id":"anua-peach-70-niacinamide-serum","title":"Anua سيروم بالخوخ 70% والنياسيناميد لتفتيح البشرة وتوحيد اللون ومحاربة التصبغات 30 مل","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === المتغيرات والألوان الأساسية (هوية السيروم الزجاجي الوردي\/الذهبي) === *\/\n        .anua-txa-wrapper {\n            --atxa-bg-dark: #0f0508; \/* أسود بلمسة وردية عميقة جداً *\/\n            --atxa-bg-card: rgba(25, 10, 15, 0.6); \/* زجاج وردي\/ذهبي داكن *\/\n            --atxa-rose-gold: #e29587; \/* ذهبي وردي \/ مشمشي *\/\n            --atxa-peach-glow: #fca38d; \/* توهج مشمشي ساطع *\/\n            --atxa-pink-light: #fad6d0; \/* وردي فاتح جداً للهايلايت *\/\n            --atxa-glow: rgba(226, 149, 135, 0.25);\n            --atxa-text-main: #fdfaf9;\n            --atxa-text-muted: #d4b5b0;\n            --atxa-border: rgba(226, 149, 135, 0.2);\n            --atxa-border-hover: rgba(252, 163, 141, 0.5);\n            \n            background-color: var(--atxa-bg-dark);\n            color: var(--atxa-text-main);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 30px 0;\n            border-radius: 16px;\n            box-shadow: 0 0 60px rgba(226, 149, 135, 0.05) inset;\n        }\n\n        .anua-txa-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .anua-txa-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin-left: auto;\n            margin-right: auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .atxa-container {\n            max-width: 850px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === تأثيرات فقاعات الخوخ في الخلفية === *\/\n        .atxa-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .atxa-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--atxa-glow) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpPeach 14s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpPeach {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n        }\n\n        \/* === العناوين والنصوص === *\/\n        .atxa-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4.5vw, 36px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.5;\n            background: linear-gradient(135deg, #ffffff 0%, var(--atxa-peach-glow) 60%, var(--atxa-rose-gold) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--atxa-glow);\n        }\n\n        .atxa-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 4vw, 28px);\n            font-weight: 800;\n            color: var(--atxa-peach-glow);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .atxa-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -12px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--atxa-rose-gold), transparent);\n            border-radius: 10px;\n        }\n\n        \/* === الهيرو (الواجهة) === *\/\n        .atxa-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n            position: relative;\n        }\n\n        .atxa-badge {\n            display: inline-block;\n            background: rgba(226, 149, 135, 0.15);\n            border: 1px solid var(--atxa-rose-gold);\n            color: var(--atxa-peach-glow);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--atxa-glow);\n        }\n        \n        .atxa-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--atxa-text-muted);\n            max-width: 750px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* === الكروت الزجاجية (Glassmorphism) === *\/\n        .atxa-glass-box {\n            background: var(--atxa-bg-card);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid var(--atxa-border);\n            border-radius: 20px;\n            padding: 30px;\n            margin: 40px auto;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n            position: relative;\n            overflow: hidden;\n            max-width: 800px;\n        }\n\n        .atxa-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--atxa-peach-glow), transparent);\n        }\n\n        \/* === شبكة الفوائد والميكانيزم === *\/\n        .atxa-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .atxa-card {\n            background: linear-gradient(145deg, rgba(25, 10, 15, 0.7), rgba(15, 5, 8, 0.9));\n            border: 1px solid var(--atxa-border);\n            border-radius: 16px;\n            padding: 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .atxa-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--atxa-peach-glow);\n            box-shadow: 0 10px 30px var(--atxa-glow);\n            background: rgba(35, 15, 20, 0.8);\n        }\n\n        .atxa-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(226, 149, 135, 0.1);\n            border: 1px solid rgba(252, 163, 141, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--atxa-peach-glow);\n            transition: transform 0.3s ease;\n        }\n        \n        .atxa-card:hover .atxa-icon {\n            transform: scale(1.1) rotate(-5deg);\n            background: linear-gradient(135deg, var(--atxa-rose-gold), var(--atxa-peach-glow));\n            color: #111;\n            border-color: transparent;\n        }\n\n        .atxa-card h3 {\n            font-size: 1.15rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .atxa-card p {\n            color: var(--atxa-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === Custom Lists with Checkmarks === *\/\n        .atxa-list {\n            list-style: none;\n            padding: 0;\n            margin-top: 15px;\n        }\n\n        .atxa-list li {\n            position: relative;\n            padding-right: 25px;\n            margin-bottom: 10px;\n            color: var(--atxa-text-muted);\n            font-size: 0.95rem;\n        }\n\n        .atxa-list li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: var(--atxa-peach-glow);\n            font-weight: bold;\n        }\n\n        .atxa-highlight-num {\n            color: var(--atxa-peach-glow);\n            font-weight: bold;\n            font-size: 1.1em;\n        }\n\n        \/* === جدول أنواع البشرة (Table) === *\/\n        .atxa-table-container {\n            overflow-x: auto;\n            margin: 30px 0;\n            border-radius: 16px;\n            border: 1px solid var(--atxa-border);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n            background: rgba(15, 5, 8, 0.6);\n        }\n\n        .atxa-table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: right;\n            min-width: 600px;\n        }\n\n        .atxa-table th, .atxa-table td {\n            padding: 15px 20px;\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .atxa-table th {\n            background: rgba(226, 149, 135, 0.1);\n            color: var(--atxa-pink-light);\n            font-weight: 800;\n            font-size: 1.1rem;\n        }\n\n        .atxa-table td strong {\n            color: var(--atxa-text-main);\n        }\n\n        .atxa-table tr:hover {\n            background: rgba(226, 149, 135, 0.05);\n        }\n        \n        .atxa-table tr:last-child td {\n            border-bottom: none;\n        }\n\n        \/* === التايم لاين والنتائج === *\/\n        .atxa-timeline-list {\n            list-style: none;\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .atxa-timeline-item {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            background: rgba(255,255,255,0.02);\n            border: 1px dashed var(--atxa-border);\n            padding: 20px;\n            border-radius: 12px;\n            border-right: 4px solid var(--atxa-rose-gold);\n            transition: all 0.3s ease;\n        }\n\n        .atxa-timeline-item:hover {\n            background: rgba(226, 149, 135, 0.05);\n            border-color: var(--atxa-peach-glow);\n        }\n\n        .atxa-phase-badge {\n            background: var(--atxa-bg-card);\n            border: 1px solid var(--atxa-rose-gold);\n            color: var(--atxa-peach-glow);\n            padding: 8px 15px;\n            border-radius: 8px;\n            font-weight: bold;\n            min-width: 120px;\n            text-align: center;\n        }\n\n        \/* === الأنيميشن والحركات === *\/\n        .atxa-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .atxa-reveal.atxa-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .atxa-delay-1 { transition-delay: 0.1s; }\n        .atxa-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .atxa-hero { padding: 10px 0 20px; }\n            .atxa-timeline-item { flex-direction: column; text-align: center; }\n            .atxa-phase-badge { margin-bottom: 10px; width: 100%; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- جسيمات الخوخ المتوهجة --\u003e\n    \u003cdiv class=\"atxa-ambient-particles\" id=\"atxa-particles\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"atxa-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"atxa-hero atxa-reveal atxa-active\"\u003e\n            \u003cdiv class=\"atxa-badge\"\u003eالمعادلة الكورية لبشرة زجاجية\u003c\/div\u003e\n            \u003ch1 class=\"atxa-title-glow\"\u003e\"خدعوك فقالوا إن كل النياسيناميد واحد!\"\u003c\/h1\u003e\n            \n            \u003cp class=\"atxa-hero-subtitle\"\u003e\n                في عالم تتشابه فيه الوعود، تختلف النتائج اختلافاً جذرياً. تقف اليوم أمام خيار مصيري: الاستمرار في استخدام منتجات اعتيادية تمنحك نتائج سطحية، أو اتخاذ قرار يغير مصير بشرتك للأبد.\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.png?v=1747140901\" alt=\"Anua Peach 70% Niacinamide Serum\" style=\"margin: 0 auto 30px;\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Problem Section --\u003e\n        \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eبشرتك باهتة... والناس تلاحظ!\u003c\/h2\u003e\n        \n        \u003cdiv class=\"atxa-glass-box atxa-reveal\"\u003e\n            \u003cp style=\"text-align: center; color: var(--atxa-text-main); line-height: 1.8; margin-bottom: 20px; font-size: 1.1rem;\"\u003e\n                هل لاحظت أن بشرتك تفقد نضارتها سنة تلو الأخرى؟ مع مرور الوقت تزداد البقع الداكنة، تتوسع المسام، وتصبح البشرة خشنة ومطفية. \u003cstrong\u003eولكن السؤال الأهم: ماذا قررت أن تفعل حيال ذلك؟\u003c\/strong\u003e\n            \u003c\/p\u003e\n            \u003cdiv style=\"border-top: 1px dashed var(--atxa-border); padding-top: 20px; text-align: center;\"\u003e\n                \u003cp style=\"font-size: 1.25rem; color: var(--atxa-peach-glow); font-weight: bold; margin-bottom: 10px;\"\u003e\n                    السر الذي تخفيه شركات التجميل الكبرى\n                \u003c\/p\u003e\n                \u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n                    معظم السيرومات تعد بنتائج خيالية، لكنها تستخدم تركيزات ضعيفة من المكونات الفعّالة لتقليل التكلفة. \u003cstrong\u003eلكن Anua كسرت كل القواعد.\u003c\/strong\u003e\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_3.webp?v=1747140899\" alt=\"Skin Problems\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n\n        \u003c!-- 3. The Solution \/ Formula --\u003e\n        \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eسيروم Anua بالخوخ 70%: المعادلة العلمية لبشرة متألقة كالزجاج\u003c\/h2\u003e\n        \u003cp class=\"atxa-reveal\" style=\"text-align: center; color: var(--atxa-text-muted); font-size: 1.1rem; margin-bottom: 30px;\"\u003e\n            علماء Anua قضوا 3 سنوات في تطوير هذه التركيبة المثالية التي ستحول بشرتك من باهتة ومتعبة إلى بشرة مشرقة ومتألقة \u003cstrong\u003eكأنها منحوتة من النور\u003c\/strong\u003e.\n        \u003c\/p\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_4.webp?v=1747140899\" alt=\"Anua Peach Formula\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n\n        \u003c!-- 4. How it works (Ingredients Grid) --\u003e\n        \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eكيف يعمل؟ (العلم وراء النضارة)\u003c\/h2\u003e\n        \u003cdiv class=\"atxa-grid\"\u003e\n            \u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n                \u003cdiv class=\"atxa-icon\"\u003e\n                    \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eقوة الخوخ بتركيز 70%\u003c\/h3\u003e\n                \u003cp\u003eليس مجرد فاكهة... إنه مصنع كامل من الفيتامينات والأحماض. خلاصة الخوخ \u003cstrong\u003eتخترق 7 طبقات من خلايا البشرة\u003c\/strong\u003e لتصل للطبقات العميقة وتعالجها من الداخل للخارج.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"atxa-card atxa-reveal atxa-delay-1\"\u003e\n                \u003cdiv class=\"atxa-icon\"\u003e\n                    \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eنياسيناميد 5% (المعجزة)\u003c\/h3\u003e\n                \u003cp\u003eالنياسيناميد هو المكون الذي غيّر قواعد اللعبة في عالم العناية بالبشرة. \u003cstrong\u003eبتركيز 5% المثالي\u003c\/strong\u003e، يستطيع أن:\u003c\/p\u003e\n                \u003cul class=\"atxa-list\"\u003e\n                    \u003cli\u003eيقلل ظهور المسام بنسبة \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n                    \u003cli\u003eيفتّح البقع الداكنة في \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e يوماً\u003c\/li\u003e\n                    \u003cli\u003eينظم إفراز الدهون ويمنع اللمعان\u003c\/li\u003e\n                    \u003cli\u003eيبني ويقوي حاجز البشرة الطبيعي\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"atxa-card atxa-reveal atxa-delay-2\"\u003e\n                \u003cdiv class=\"atxa-icon\"\u003e\n                    \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eالهيالورونيك الثلاثي\u003c\/h3\u003e\n                \u003cp\u003eليس نوعاً واحداً... بل \u003cstrong\u003e3 أنواع مختلفة\u003c\/strong\u003e بأوزان جزيئية متنوعة لتصل لكل طبقات البشرة:\u003c\/p\u003e\n                \u003cul class=\"atxa-list\"\u003e\n                    \u003cli\u003eالسطحي: يرطب فوراً\u003c\/li\u003e\n                    \u003cli\u003eالأوسط: يحبس الماء بالداخل\u003c\/li\u003e\n                    \u003cli\u003eالعميق: يرفع مستوى الترطيب من الجذور\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n                \u003cdiv class=\"atxa-icon\"\u003e\n                    \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eمركب الخوخ والزبادي الحيوي\u003c\/h3\u003e\n                \u003cp\u003eللمرة الأولى في العالم، تم دمج خلاصة الخوخ مع بكتيريا الزبادي النافعة في تقنية حيوية فريدة. النتيجة؟ \u003cstrong\u003eمركب يقضي على الخلايا الميتة\u003c\/strong\u003e بلطف ودون تهيج.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Scientific Miracle --\u003e\n        \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eالمعجزة العلمية التي يخبئونها عنك\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_5.webp?v=1747140899\" alt=\"Scientific Miracle\" class=\"atxa-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n        \n        \u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 25px; text-align: center;\"\u003e\n            \u003cp style=\"color: #fff; font-size: 1.2rem; margin-bottom: 10px;\"\u003e\n                الجميع سيسألك: \u003cstrong\u003e\"ماذا تفعلين لبشرتك؟\"\u003c\/strong\u003e\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n                السر يكمن في تكنولوجيا \"الاختراق الذكي\" التي تميز هذا السيروم. المكونات مغلفة بجزيئات دقيقة (نانو تكنولوجي) لتوصيل المواد الفعالة للمناطق التي تحتاجها في العمق، وليس فقط البقاء على السطح كالمنتجات العادية.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Timeline Results --\u003e\n        \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eرحلة تحول بشرتك مع سيروم Anua\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_2.webp?v=1747140895\" alt=\"Skin Transformation\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n        \n        \u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 20px;\"\u003e\n            \u003cul class=\"atxa-timeline-list\"\u003e\n                \u003cli class=\"atxa-timeline-item\"\u003e\n                    \u003cdiv class=\"atxa-phase-badge\"\u003eبعد الاستخدام الأول\u003c\/div\u003e\n                    \u003cdiv\u003eلمعان فوري ونعومة ملحوظة، كأنكِ قمتِ بجلسة ماسك باهظة الثمن في عيادة تجميل.\u003c\/div\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"atxa-timeline-item\"\u003e\n                    \u003cdiv class=\"atxa-phase-badge\"\u003eبعد 3 أيام\u003c\/div\u003e\n                    \u003cdiv\u003eانكماش واضح في حجم المسام، وبداية ملحوظة في توحيد لون البشرة وتقليل الاحمرار.\u003c\/div\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"atxa-timeline-item\"\u003e\n                    \u003cdiv class=\"atxa-phase-badge\"\u003eبعد أسبوع\u003c\/div\u003e\n                    \u003cdiv\u003eاختفاء الخشونة والملمس المتعب، لتصبح البشرة أنعم بنسبة 40% وجاهزة لمكياج مثالي.\u003c\/div\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"atxa-timeline-item\"\u003e\n                    \u003cdiv class=\"atxa-phase-badge\"\u003eبعد أسبوعين\u003c\/div\u003e\n                    \u003cdiv\u003eتفتيح البقع الداكنة بشكل ملحوظ، وإشراقة متجددة كأن بشرتكِ عادت 5 سنوات للوراء.\u003c\/div\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"atxa-timeline-item\"\u003e\n                    \u003cdiv class=\"atxa-phase-badge\"\u003eبعد شهر\u003c\/div\u003e\n                    \u003cdiv\u003eتحول كامل - بشرة زجاجية نقية، صافية، ومتوهجة حتى بدون استخدام نقطة مكياج واحدة.\u003c\/div\u003e\n                \u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 7. Why Choose Anua --\u003e\n        \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eفي عالم مليء بالمنتجات... لماذا Anua بالتحديد؟\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/qXFYxnaNUR28pIwzePQs50YSmVPBLdE7.jpg?v=1747141341\" alt=\"Why Choose Anua\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n        \n        \u003cdiv class=\"atxa-grid atxa-reveal\"\u003e\n            \u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n                \u003ch3 style=\"color: #fff;\"\u003eتركيبة مثبتة علمياً\u003c\/h3\u003e\n                \u003cp\u003eاختبارات إكلينيكية صارمة أثبتت النتائج المذهلة على مئات المتطوعين حول العالم.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n                \u003ch3 style=\"color: #fff;\"\u003eقوة التركيز العالي\u003c\/h3\u003e\n                \u003cp\u003eيقدم تركيزات أعلى من المكونات الفعالة بـ 3 مرات مقارنة بالمنافسين التقليديين.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n                \u003ch3 style=\"color: #fff;\"\u003eآمن لكل أنواع البشرة\u003c\/h3\u003e\n                \u003cp\u003eمصمم ليكون لطيفاً حتى على البشرة الحساسة، المختلطة، والدهنية بدون التسبب في أي تهيج.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 8. Skin Type Table --\u003e\n        \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eهل يناسب نوع بشرتك؟\u003c\/h2\u003e\n        \u003cdiv class=\"atxa-table-container atxa-reveal\"\u003e\n            \u003ctable class=\"atxa-table\"\u003e\n                \u003cthead\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eنوع البشرة\u003c\/th\u003e\n                        \u003cth\u003eالمشكلة الأساسية\u003c\/th\u003e\n                        \u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eماذا سيقدم لها Anua؟\u003c\/th\u003e\n                    \u003c\/tr\u003e\n                \u003c\/thead\u003e\n                \u003ctbody\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eالمرهقة دائماً\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eباهتة وتفتقر للإشراق\u003c\/td\u003e\n                        \u003ctd class=\"highlight\"\u003eيوقظ الخلايا، ويمنح إشراقة وتوهجاً فورياً (Glow)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eالحساسة جداً\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eتتهيج وتحمر من أي منتج\u003c\/td\u003e\n                        \u003ctd class=\"highlight\"\u003eيهدئ الالتهاب فوراً ويقوي حاجز الحماية\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eالدهنية اللامعة\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eمسام واسعة ولمعان مزعج\u003c\/td\u003e\n                        \u003ctd class=\"highlight\"\u003eيتحكم بالدهون ويقلص حجم المسام بفعالية 68%\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eالمتقدمة في العمر\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eخطوط رفيعة وتصبغات\u003c\/td\u003e\n                        \u003ctd class=\"highlight\"\u003eيفتح البقع الداكنة ويحسن مرونة الجلد\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003e\u003cstrong\u003eالمختلطة (المحيرة)\u003c\/strong\u003e\u003c\/td\u003e\n                        \u003ctd\u003eجافة في مناطق ودهنية في أخرى\u003c\/td\u003e\n                        \u003ctd class=\"highlight\"\u003eيوازن البشرة بذكاء ويرطب بعمق بدون لزوجة\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/tbody\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 9. Final CTA --\u003e\n        \u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 60px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(226, 149, 135, 0.15)); border-radius: 20px; border: 1px solid var(--atxa-border);\"\u003e\n            \u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(22px, 4vw, 32px);\"\u003e\"كل استثمار له عائد... والاستثمار في بشرتك هو الأعلى عائداً\"\u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.jpg?v=1747140897\" alt=\"Anua Peach Serum\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6); max-width: 600px;\"\u003e\n            \n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                لا تعامل بشرتك كآخر أولوياتك، فهي أول ما يراه الناس فيك.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--atxa-peach-glow); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--atxa-glow);\"\u003e\n                سيروم Anua بالخوخ والنياسيناميد 70% - لأن بشرتك تستحق الأفضل. اطلبه الآن!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var reveals = document.querySelectorAll('.atxa-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('atxa-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('atxa-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Ambient Particles Generator\n            var ambientContainer = document.getElementById('atxa-particles');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('atxa-particle');\n                \n                var size = Math.random() * 50 + 20; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 12; \n                var delay = Math.random() * 8; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999397728430,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1788175356"},{"product_id":"seelit-retinol-b3-niacinamide-anti-ageing-serum","title":"Seelit Retinol + B3 (niacinamide) anti ageing serum","description":"\u003cstyle\u003e#dx{--bg:#08050e;--bg2:#160d26;--c:#c58bff;--c2:#e6d2ff;--glass:rgba(255,255,255,.05);--bd:#c58bff55;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#c58bff1a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#c58bff33,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #c58bff44}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#c58bff14;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#c58bff1f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#c58bff1f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#c58bff44,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#c58bff1a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#c58bff55 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم ريتينول ليلي\u003c\/div\u003e\n\u003ch1\u003eعايزة ريتينول من غير تهيج كبير؟ \u003cspan class=\"hl\"\u003eريتينول 1% Cylasphere + B3\u003c\/span\u003e تركيبة بتتدرّج معاك\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم ليلي بريتينول 1% بتقنية Cylasphere لإطلاق الريتينول تدريجيًا حسب بيانات المنتج، مع نياسيناميد (B3) وكولاجين متحلل وحمض جليكوليك وفيتامين E. معمول لدعم مظهر الخطوط الرفيعة وملمس البشرة.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eريتينول 1%\u003c\/span\u003e\u003cspan\u003eنياسيناميد B3\u003c\/span\u003e\u003cspan\u003eكولاجين متحلل\u003c\/span\u003e\u003cspan\u003eجليكوليك\u003c\/span\u003e\u003cspan\u003eفيتامين E\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg sq\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/see-litretinolb3serum_c94dab3d-208d-4397-9470-d1b6cf304b46.webp?v=1788175351\" alt=\"سيروم See-Lit ريتينول + B3\" width=\"700\" height=\"700\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام أساسية\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1%\u003c\/b\u003e\u003cspan\u003eريتينول\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eB3\u003c\/b\u003e\u003cspan\u003eنياسيناميد\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2–3×\u003c\/b\u003e\u003cspan\u003eفي الأسبوع في البداية\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eالريتينول بيبدأ بالتدريج\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eالريتينول من أقوى المكونات المعروفة لروتين الليل، ولازم البداية تكون هادية. فيه معاه نياسيناميد ومكونات مرطبة لتخفيف الجفاف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eخطوط رفيعة\u003c\/h3\u003e\n\u003cp\u003eريتينول لدعم مظهر الخطوط وتجدد الجلد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eلون غير موحد\u003c\/h3\u003e\n\u003cp\u003eنياسيناميد لدعم توحيد اللون.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eملمس خشن\u003c\/h3\u003e\n\u003cp\u003eجليكوليك لتنعيم الطبقة السطحية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eريتينول 1% (Cylasphere)\u003c\/h3\u003e\n\u003cp\u003eريتينول بتقنية إطلاق تدريجي، بيُستخدم لدعم تجدد الجلد ومظهر الخطوط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eنياسيناميد (B3)\u003c\/h3\u003e\n\u003cp\u003eبيدعم توحيد اللون ويهدّي البشرة مع الريتينول.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eكولاجين متحلل\u003c\/h3\u003e\n\u003cp\u003eبيدعم ترطيب ومرونة مظهر البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الجليكوليك\u003c\/h3\u003e\n\u003cp\u003eAHA بيقشر الطبقة السطحية بلطف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eفيتامين E\u003c\/h3\u003e\n\u003cp\u003eمضاد أكسدة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض البانتوثينيك\u003c\/h3\u003e\n\u003cp\u003eترطيب وتهدئة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eجدولك الأسبوعي (مثال للبداية)\u003c\/h2\u003e\n\u003cp\u003eالأحماض بتتدرّج. ده اقتراح للبداية وتقدر تزوّد أو تقلّل حسب راحة بشرتك:\u003c\/p\u003e\n\u003cdiv class=\"wk\"\u003e\n\u003cdiv class=\"on\"\u003eالسبت\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالأحد\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالإثنين\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eالثلاثاء\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالأربعاء\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالخميس\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالجمعة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:10px\"\u003eالأيام المظللة = ليالي استخدام السيروم، والباقي ترطيب وواقي شمس بس.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eفي الأول\u003c\/b\u003eممكن يحصل جفاف أو تقشير خفيف، وده سبب إننا نبدأ مرتين في الأسبوع.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eمع الانتظام\u003c\/b\u003eتحسّن مظهر الملمس والخطوط بياخد أسابيع، والنتيجة بتختلف من شخص لشخص.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\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\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك وجففه كويس بالليل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط كمية بحجم حبة البازلاء على الوش وابعد عن حوالين العين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eابدأ مرتين أو تلاتة في الأسبوع وزوّد تدريجياً.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eبعده مرطب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eالصبح: واقي شمس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\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جرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حصل احمرار شديد أو حرقان مستمر، وقّف الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأستخدمه بالنهار؟\u003c\/summary\u003e\u003cp\u003eلا، بالليل بس، لأن الريتينول بيزوّد حساسية الجلد للشمس.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eأبدأ إزاي؟\u003c\/summary\u003e\u003cp\u003eمرتين في الأسبوع، وزوّد لو بشرتك مرتاحة.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eإمتى هلاحظ فرق؟\u003c\/summary\u003e\u003cp\u003eالريتينول بياخد أسابيع، والنتيجة بتختلف من شخص لشخص.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eابدأ بالريتينول بخطة هادية\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eريتينول 1%\u003c\/span\u003e\u003cspan\u003eنياسيناميد B3\u003c\/span\u003e\u003cspan\u003eكولاجين متحلل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Retinol (Cylasphere) 1%, Niacinamide, Hydrolyzed Collagen, Glycolic Acid, Tocopherol, Pantothenic Acid. Full list on pack.\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":46999398809774,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/see-litretinolb3serum_c94dab3d-208d-4397-9470-d1b6cf304b46.webp?v=1788175351"},{"product_id":"see-lit-niacinamide-zinc-gluconate-serum","title":"See-lit Niacinamide + Zinc gluconate Serum","description":"\u003cstyle\u003e#dx{--bg:#070a03;--bg2:#131c08;--c:#b7e36b;--c2:#e1f5b6;--glass:rgba(255,255,255,.05);--bd:#b7e36b55;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#b7e36b1a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#b7e36b33,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #b7e36b44}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#b7e36b14;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#b7e36b1f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#b7e36b1f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#b7e36b44,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#b7e36b1a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#b7e36b55 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم للبشرة الدهنية | 30 مل\u003c\/div\u003e\n\u003ch1\u003eلمعان وحبوب ومسام؟ \u003cspan class=\"hl\"\u003eنياسيناميد + زنك جلوكونات\u003c\/span\u003e للبشرة الدهنية والمختلطة\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم 30 مل بالنياسيناميد (فيتامين B3) وزنك جلوكونات، معمول للبشرة الدهنية والمختلطة والمعرضة للحبوب. بيُستخدم لموازنة اللمعان وتحسين مظهر المسام وملمس البشرة. التركيبة خالية من العطور المهيجة حسب بيانات المنتج.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eنياسيناميد B3\u003c\/span\u003e\u003cspan\u003eزنك جلوكونات\u003c\/span\u003e\u003cspan\u003eبدون عطور مهيجة\u003c\/span\u003e\u003cspan\u003e30 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg sq\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/seelit-advancedniacinamidezincgluconateserum_ba05012e-a8cd-4f70-97a7-632591f73794.webp?v=1788175344\" alt=\"سيروم See-Lit نياسيناميد + زنك جلوكونات\" width=\"700\" height=\"700\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام أساسية\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cspan\u003eمكونين أساسيين\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eمل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2×\u003c\/b\u003e\u003cspan\u003eيوميًا بعد أسبوعين\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eمكونين بيشتغلوا مع بعض\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eالنياسيناميد والزنك من أشهر مكونات البشرة الدهنية. السيروم ده بسيط ومباشر، من غير تعقيد في الروتين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eلمعان زيادة\u003c\/h3\u003e\n\u003cp\u003eنياسيناميد وزنك لموازنة الدهون.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eمسام ظاهرة\u003c\/h3\u003e\n\u003cp\u003eلتحسين مظهر المسام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eحبوب وآثارها\u003c\/h3\u003e\n\u003cp\u003eلتحسين مظهر البشرة المعرضة للحبوب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eنياسيناميد\u003c\/h3\u003e\n\u003cp\u003eفيتامين B3، بيُستخدم لموازنة دهون البشرة وتحسين مظهر المسام ولونها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eزنك جلوكونات\u003c\/h3\u003e\n\u003cp\u003eشكل من الزنك بيُستخدم في منتجات البشرة الدهنية لدعم موازنة الدهون.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eمكانه في يومك\u003c\/h2\u003e\n\u003cdiv class=\"two\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eالصبح\u003c\/h4\u003e\n\u003cp\u003eنضّف، السيروم، مرطب، وواقي شمس كل يوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\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\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eأول أسبوعين\u003c\/b\u003eمرة مساءً بس، عشان بشرتك تتعود.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eبعد شهر\u003c\/b\u003eمظهر أحسن للمسام ولمعان أقل، والنتيجة بتختلف من شخص لشخص.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\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\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك بغسول لطيف وجففه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط 2 إلى 3 نقاط وزّعها على الوش.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eدلّك بخفة بحركات دائرية لحد ما يمتص.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eابدأ مرة مساءً، وبعد أسبوعين لو بشرتك مرتاحة زوّد لمرتين يوميًا.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eابدأ بالتدريج وماتجمعوش مع مقشرات كيميائية قوية أو ريتينويدات في البداية.\u003c\/li\u003e\n\u003cli\u003eنهاراً: واقي شمس.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حصل احمرار شديد أو حرقان مستمر، وقّف الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأستخدمه كام مرة؟\u003c\/summary\u003e\u003cp\u003eمرة مساءً في الأول، وبعد أسبوعين ممكن مرتين يوميًا.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eبيجفف البشرة؟\u003c\/summary\u003e\u003cp\u003eالتركيبة معمولة لموازنة اللمعان، لكن لو حسيت بجفاف قلّل المرات وأضف مرطب.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eإمتى هلاحظ فرق؟\u003c\/summary\u003e\u003cp\u003eموازنة اللمعان ممكن تبان بسرعة نسبيًا، ومظهر المسام بيحتاج أسابيع.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eخلّي روتين البشرة الدهنية بسيط\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eنياسيناميد B3\u003c\/span\u003e\u003cspan\u003eزنك جلوكونات\u003c\/span\u003e\u003cspan\u003eبدون عطور مهيجة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Niacinamide, Zinc Gluconate. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":46999400579246,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/seelit-advancedniacinamidezincgluconateserum_ba05012e-a8cd-4f70-97a7-632591f73794.webp?v=1788175344"},{"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":"derma-ten-alpha-arbutin-brightening-serum","title":"DERMA TEN Alpha Arbutin Brightening Power Serum","description":"\u003cstyle\u003e#dx{--bg:#0c0609;--bg2:#1c0d14;--c:#ff8fa3;--c2:#ffd0d8;--glass:rgba(255,255,255,.05);--bd:#ff8fa355;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#ff8fa31a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#ff8fa333,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #ff8fa344}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#ff8fa314;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#ff8fa31f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#ff8fa31f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .lay{margin:18px 0 6px}#dx .lay div{padding:13px 18px;margin-bottom:8px;border-radius:12px;border:1px solid var(--bd);background:#ff8fa31a;font-weight:700;color:#fff}#dx .lay div:nth-child(2){margin-inline-start:18px;background:#ff8fa32e}#dx .lay div:nth-child(3){margin-inline-start:36px;background:#ff8fa344}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#ff8fa344,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#ff8fa31a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#ff8fa355 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم توحيد اللون | 30 مل\u003c\/div\u003e\n\u003ch1\u003eتصبغات وبقع شمس؟ \u003cspan class=\"hl\"\u003eألفا أربيوتين 2%\u003c\/span\u003e مع ترانكساميك وفيروليك وهيالورونيك\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم 30 مل بألفا أربيوتين 2% مع حمض الترانكساميك وحمض الفيروليك وحمض الهيالورونيك. معمول لدعم مظهر التصبغات وبقع الشمس وآثار الحبوب البنية وتوحيد لون البشرة مع الاستمرار.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eألفا أربيوتين 2%\u003c\/span\u003e\u003cspan\u003eترانكساميك\u003c\/span\u003e\u003cspan\u003eفيروليك\u003c\/span\u003e\u003cspan\u003eهيالورونيك 1%\u003c\/span\u003e\u003cspan\u003e30 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_alpha_arbutin_aaa43b1b-cd33-47da-83ac-9e9d36e57b4c.jpg?v=1788175269\" alt=\"سيروم ألفا أربيوتين 2% لتوحيد لون البشرة\" width=\"2004\" height=\"2560\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام مكتوبة على العبوة\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e2%\u003c\/b\u003e\u003cspan\u003eألفا أربيوتين\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e1%\u003c\/b\u003e\u003cspan\u003eهيالورونيك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eمل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eاللون غير الموحد بيتعب أكتر من المشكلة نفسها\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eبقعة شمس، أثر حبّة بنّي، أو لون مش متساوي. السيروم ده مبني حوالين مكوّنين معروفين في دعم مظهر التصبغات.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eتصبغات\u003c\/h3\u003e\n\u003cp\u003eألفا أربيوتين بيُستخدم لتفتيح مظهر التصبغات.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eبقع الشمس\u003c\/h3\u003e\n\u003cp\u003eمع واقي الشمس يوميًا عشان البقع ماترجعش.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eآثار حبوب بنية\u003c\/h3\u003e\n\u003cp\u003eالترانكساميك بيدعم مظهر البقع الداكنة بعد الحبوب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eألفا أربيوتين 2%\u003c\/h3\u003e\n\u003cp\u003eمكون بيُستخدم لتفتيح مظهر التصبغات وتوحيد اللون.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الترانكساميك\u003c\/h3\u003e\n\u003cp\u003eبيدعم تحسين مظهر البقع الداكنة وآثار الحبوب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الفيروليك\u003c\/h3\u003e\n\u003cp\u003eمضاد أكسدة بيحمي التركيبة ويدعم فعالية باقي المكونات.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الهيالورونيك 1%\u003c\/h3\u003e\n\u003cp\u003eبيرطب البشرة ويمنع جفافها مع المكونات النشطة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eبانثينول (B5)\u003c\/h3\u003e\n\u003cp\u003eمهدئ ومرطب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eمستخلص الفانيليا\u003c\/h3\u003e\n\u003cp\u003eمكون عطري نباتي في التركيبة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eمكانه في يومك\u003c\/h2\u003e\n\u003cdiv class=\"two\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eالصبح\u003c\/h4\u003e\n\u003cp\u003eنضّف، السيروم، مرطب، وواقي شمس كل يوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\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\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eأول كام أسبوع\u003c\/b\u003eالسيروم خفيف وبيتحط تحت المرطب، والتصبغات بتحتاج استمرار.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eمع الانتظام\u003c\/b\u003eممكن يبان لون أكثر توحيدًا مع واقي الشمس، والنتيجة بتختلف من بشرة لبشرة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\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\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك وجففه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط 2 إلى 3 قطرات على الوش والرقبة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eاتركه يمتص دقيقة، وبعدها مرطب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eنهاراً، اختم بواقي شمس SPF 30 أو أعلى.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eابدأ بمرة يومياً بالليل، وزوّد لو بشرتك اتحملت.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eالتفتيح محتاج استمرار لأسابيع، وواقي الشمس ضروري عشان ماترجعش التصبغات. استخدم واقي شمس كل يوم، خصوصاً مع المنتجات اللي بتحسّس البشرة للشمس.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حصل احمرار شديد أو حرقان مستمر، وقّف الاستخدام.\u003c\/li\u003e\n\u003cli\u003eلو حامل أو مرضعة، اسأل دكتورك قبل الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأقدر أستخدمه بالنهار؟\u003c\/summary\u003e\u003cp\u003eأيوه، بشرط واقي الشمس بعده. وإن كان بشرتك حساسة ابدأ بالليل.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eأستخدمه مع فيتامين سي؟\u003c\/summary\u003e\u003cp\u003eممكن، لكن ابدأ بواحد وشوف تحمل بشرتك. فيتامين سي صباحاً وهو ليلاً حل بسيط.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eإمتى هلاحظ فرق؟\u003c\/summary\u003e\u003cp\u003eالتصبغات بتحتاج انتظام لأسابيع، والنتايج بتختلف من شخص لشخص.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eابدأ بتوحيد لونك بخطوة بسيطة\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eألفا أربيوتين 2%\u003c\/span\u003e\u003cspan\u003eترانكساميك\u003c\/span\u003e\u003cspan\u003eفيروليك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Alpha Arbutin, Hyaluronic Acid, Ferulic Acid, Panthenol, Tranexamic Acid, Vanilla Planifolia Extract, Diazolidinyl Urea, Propylene Glycol, Iodopropynyl Butyl Carbamate\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999418732718,"sku":"DERMA_TEN_ALPHA_ARBUTIN_BRIGHTENING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_alpha_arbutin_aaa43b1b-cd33-47da-83ac-9e9d36e57b4c.jpg?v=1788175269"},{"product_id":"derma-ten-glycolic-reviving-serum","title":"DERMA TEN Glycolic Acid Reviving Power Serum","description":"\u003cstyle\u003e#dx{--bg:#0b0604;--bg2:#1d0e08;--c:#ff7e4f;--c2:#ffc2a8;--glass:rgba(255,255,255,.05);--bd:#ff7e4f55;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#ff7e4f1a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#ff7e4f33,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #ff7e4f44}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#ff7e4f14;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#ff7e4f1f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#ff7e4f1f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .lay{margin:18px 0 6px}#dx .lay div{padding:13px 18px;margin-bottom:8px;border-radius:12px;border:1px solid var(--bd);background:#ff7e4f1a;font-weight:700;color:#fff}#dx .lay div:nth-child(2){margin-inline-start:18px;background:#ff7e4f2e}#dx .lay div:nth-child(3){margin-inline-start:36px;background:#ff7e4f44}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#ff7e4f44,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#ff7e4f1a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#ff7e4f55 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم تقشير AHA | 30 مل\u003c\/div\u003e\n\u003ch1\u003eملمس خشن ولون باهت؟ \u003cspan class=\"hl\"\u003eجليكوليك 10% + لاكتيك 5%\u003c\/span\u003e مع كوجيك وعرقسوس وتوت\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم تقشير 30 مل بحمض الجليكوليك 10% وحمض اللاكتيك 5% مع كوجيك أسيد ومستخلص العرقسوس والتوت وحمض الهيالورونيك. معمول لتنعيم الملمس ودعم نضارة البشرة وتحسين مظهر آثار الحبوب والتصبغات الخفيفة.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eجليكوليك 10%\u003c\/span\u003e\u003cspan\u003eلاكتيك 5%\u003c\/span\u003e\u003cspan\u003eكوجيك أسيد\u003c\/span\u003e\u003cspan\u003eعرقسوس\u003c\/span\u003e\u003cspan\u003eهيالورونيك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/DERMA_TEN_Glycolic_Acid_Reviving_Power_Serum_db761a62-1b31-4e36-8c28-09b240bb3ebb.jpg?v=1788175266\" alt=\"سيروم تقشير بالجليكوليك 10% واللاكتيك 5%\" width=\"1763\" height=\"2560\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام مكتوبة على العبوة\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e10%\u003c\/b\u003e\u003cspan\u003eحمض الجليكوليك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5%\u003c\/b\u003e\u003cspan\u003eحمض اللاكتيك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2×\u003c\/b\u003e\u003cspan\u003eفي الأسبوع في البداية\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eالتقشير الصح بيبدأ بالتدريج\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eالأحماض هنا بتركيز عالي نسبيًا، فبنقولك من الأول: ابدأ مرتين في الأسبوع وواقي الشمس كل يوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eخشونة الملمس\u003c\/h3\u003e\n\u003cp\u003eالجليكوليك بيقشر الطبقة السطحية للجلد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eلون باهت\u003c\/h3\u003e\n\u003cp\u003eاللاكتيك أنعم نسبيًا وبينعّم الملمس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eآثار حبوب خفيفة\u003c\/h3\u003e\n\u003cp\u003eكوجيك وعرقسوس وتوت لدعم مظهر التصبغات.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الجليكوليك 10%\u003c\/h3\u003e\n\u003cp\u003eمن أحماض الفاكهة (AHA)، بيقشر الطبقة السطحية للجلد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض اللاكتيك 5%\u003c\/h3\u003e\n\u003cp\u003eAHA ألطف نسبياً، بينعّم الملمس ويرطب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eكوجيك أسيد وعرقسوس وتوت\u003c\/h3\u003e\n\u003cp\u003eمكونات بتُستخدم لدعم مظهر التصبغات.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الهيالورونيك\u003c\/h3\u003e\n\u003cp\u003eترطيب بيخفف جفاف التقشير.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eبانثينول وألانتوين وفيتامين E\u003c\/h3\u003e\n\u003cp\u003eتهدئة وترطيب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eجدولك الأسبوعي (مثال للبداية)\u003c\/h2\u003e\n\u003cp\u003eالأحماض بتتدرّج. ده اقتراح للبداية وتقدر تزوّد أو تقلّل حسب راحة بشرتك:\u003c\/p\u003e\n\u003cdiv class=\"wk\"\u003e\n\u003cdiv class=\"\"\u003eالسبت\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالأحد\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eالإثنين\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالثلاثاء\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالأربعاء\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eالخميس\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالجمعة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:10px\"\u003eالأيام المظللة = ليالي استخدام السيروم، والباقي ترطيب وواقي شمس بس.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eفي الأول\u003c\/b\u003eممكن يحصل وخز أو تقشير خفيف، وده سبب إننا نبدأ بالتدريج.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eمع الانتظام\u003c\/b\u003eملمس أنعم ونضارة أحسن، حسب نوع البشرة وانتظام الاستخدام.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\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\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك وجففه تماماً.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط كمية قليلة على الوش وابعد عن حوالين العين والشفايف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eابدأ مرتين في الأسبوع بالليل، وزوّد حسب التحمل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eبعده مرطب. ممكن تشطف بعد 10 دقايق في أول استخدامات.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eماتستخدمهوش مع الريتينول أو أحماض تانية في نفس الليلة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eالمنتج بيحسّس البشرة للشمس. استخدم واقي شمس كل يوم، خصوصاً مع المنتجات اللي بتحسّس البشرة للشمس.\u003c\/li\u003e\n\u003cli\u003eممكن يحصل وخز أو تقشير خفيف في البداية.\u003c\/li\u003e\n\u003cli\u003eماتحطوش على جلد مجروح أو متهيج.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حامل أو مرضعة، اسأل دكتورك.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eكام مرة أستخدمه؟\u003c\/summary\u003e\u003cp\u003eابدأ مرتين في الأسبوع بالليل، وزوّد تدريجياً حسب راحة بشرتك.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eأحط معاه مرطب؟\u003c\/summary\u003e\u003cp\u003eأيوه، ضروري، وواقي شمس في الصبح.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eبشرتي حساسة. ينفع؟\u003c\/summary\u003e\u003cp\u003eتركيز الأحماض هنا عالي نسبياً. ابدأ بتجربة صغيرة، ولو بشرتك حساسة جداً استشر دكتور الأول.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eابدأ بتقشير هادي ومنتظم\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eجليكوليك 10%\u003c\/span\u003e\u003cspan\u003eلاكتيك 5%\u003c\/span\u003e\u003cspan\u003eكوجيك أسيد\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Glycolic Acid, Lactic Acid, Hyaluronic Acid, Panthenol, Kojic Acid, Licorice Extract, Mulberry Extract, Allantoin, Tocopherol, 1,2-Hexanediol, Xanthan Gum, Glycerin, Caprylyl Glycol, Sodium Hydroxide, Phenoxyethanol\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999419224238,"sku":"DERMA_TEN_GLYCOLIC_REVIVING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/DERMA_TEN_Glycolic_Acid_Reviving_Power_Serum_db761a62-1b31-4e36-8c28-09b240bb3ebb.jpg?v=1788175266"},{"product_id":"derma-ten-niacinamide-pore-refining-serum","title":"DERMA TEN Niacinamide Pore Refining Power Serum","description":"\u003cstyle\u003e#dx{--bg:#040a0e;--bg2:#0a1a24;--c:#4cc3ff;--c2:#bfe8ff;--glass:rgba(255,255,255,.05);--bd:#4cc3ff55;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#4cc3ff1a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#4cc3ff33,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #4cc3ff44}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#4cc3ff14;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#4cc3ff1f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#4cc3ff1f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#4cc3ff44,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#4cc3ff1a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#4cc3ff55 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم المسام والدهون | 30 مل\u003c\/div\u003e\n\u003ch1\u003eلمعان ومسام ظاهرة؟ \u003cspan class=\"hl\"\u003eنياسيناميد 5% + سيراميد\u003c\/span\u003e لتحسين مظهر المسام\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم 30 مل بالنياسيناميد 5% وثلاثة أنواع من السيراميد مع الهيالورونيك والبريبايوتيك. معمول لتحسين مظهر المسام وموازنة لمعان البشرة ودعم الحاجز الطبيعي.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eنياسيناميد 5%\u003c\/span\u003e\u003cspan\u003eسيراميد 2\/3\/6\u003c\/span\u003e\u003cspan\u003eهيالورونيك\u003c\/span\u003e\u003cspan\u003eبريبايوتيك\u003c\/span\u003e\u003cspan\u003eلاكتيك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_niacinamide_pore_refining_serum_5821a31c-fa89-4e4e-9bc7-d040ac501199.jpg?v=1788175264\" alt=\"سيروم النياسيناميد 5% والسيراميد للمسام والدهون\" width=\"1839\" height=\"2560\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام مكتوبة على العبوة\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e5%\u003c\/b\u003e\u003cspan\u003eنياسيناميد\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cspan\u003eأنواع سيراميد\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2×\u003c\/b\u003e\u003cspan\u003eصباحًا ومساءً\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eالمسام مش بتتقفل، لكن مظهرها بيتحسّن\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eالنياسيناميد بيُستخدم لموازنة لمعان البشرة وتحسين مظهر المسام. وده بياخد وقت، بنقولها من غير وعود كبيرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eمسام ظاهرة\u003c\/h3\u003e\n\u003cp\u003eنياسيناميد لتحسين مظهر المسام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eلمعان زيادة\u003c\/h3\u003e\n\u003cp\u003eبيُستخدم لموازنة دهون البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eآثار حبوب\u003c\/h3\u003e\n\u003cp\u003eلون أكثر توحيدًا مع الاستخدام المنتظم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eالنياسيناميد 5%\u003c\/h3\u003e\n\u003cp\u003eفيتامين B3، بيُستخدم لتحسين مظهر المسام وتوازن الدهون ولون البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eسيراميد 2 \/ 3 \/ 6\u003c\/h3\u003e\n\u003cp\u003eبيدعم حاجز البشرة ويقلل فقدان الرطوبة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الهيالورونيك\u003c\/h3\u003e\n\u003cp\u003eترطيب خفيف بدون إحساس دهني.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eالبريبايوتيك\u003c\/h3\u003e\n\u003cp\u003eمكون بيدعم توازن ميكروبيوم الجلد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eجلسرين ومستخلص الخيار وبانثينول\u003c\/h3\u003e\n\u003cp\u003eترطيب وتهدئة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض اللاكتيك\u003c\/h3\u003e\n\u003cp\u003eمكون مقشر لطيف بيحسّن الملمس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eمكانه في يومك\u003c\/h2\u003e\n\u003cdiv class=\"two\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eالصبح\u003c\/h4\u003e\n\u003cp\u003eنضّف، السيروم، مرطب، وواقي شمس كل يوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\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\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eأول أسبوعين\u003c\/b\u003eخفيف على البشرة ومناسب للاستخدام مرتين يوميًا.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eمن 4 إلى 6 أسابيع\u003c\/b\u003eتحسّن مظهر المسام بياخد وقت مع الانتظام، والنتيجة بتختلف من شخص لشخص.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\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\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك وجففه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط 2 إلى 3 قطرات ووزّعها على الوش.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eاتركه يمتص، وبعدها مرطب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eنهاراً، ختام بواقي شمس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eتحسّن مظهر المسام بياخد وقت، متوقع من 4 إلى 6 أسابيع من الاستخدام المنتظم.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حصل احمرار شديد أو حرقان مستمر، وقّف الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأستخدمه صباحاً ولا مساءً؟\u003c\/summary\u003e\u003cp\u003eالاتنين مناسبين. لو بشرتك لسه بتتعود، ابدأ مرة يومياً.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eبيفتح المسام؟\u003c\/summary\u003e\u003cp\u003eالمسام مش بتتفتح أو تتقفل، لكن النياسيناميد بيحسّن مظهرها.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eأحطه مع أحماض أو فيتامين سي؟\u003c\/summary\u003e\u003cp\u003eممكن، لكن ابدأ بواحد واتأكد إن بشرتك مرتاحة قبل ما تزوّد.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eبشرة متوازنة بروتين بسيط\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eنياسيناميد 5%\u003c\/span\u003e\u003cspan\u003eسيراميد 2\/3\/6\u003c\/span\u003e\u003cspan\u003eهيالورونيك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Niacinamide, Hyaluronic Acid, Ceramide 2, Ceramide 3, Ceramide 6, Prebiotics, Propanediol, Glycerin, Xanthan Gum, Cucumber Extract, Lactic Acid, Panthenol, Phenoxyethanol\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999419420846,"sku":"DERMA_TEN_NIACINAMIDE_PORE_REFINING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_niacinamide_pore_refining_serum_5821a31c-fa89-4e4e-9bc7-d040ac501199.jpg?v=1788175264"},{"product_id":"derma-ten-salicylic-acne-fighting-serum","title":"DERMA TEN Salicylic Acid Acne Fighting Power Serum","description":"\u003cstyle\u003e#dx{--bg:#030b0a;--bg2:#0a1e1b;--c:#2fe0c0;--c2:#b0f5e8;--glass:rgba(255,255,255,.05);--bd:#2fe0c055;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#2fe0c01a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#2fe0c033,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #2fe0c044}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#2fe0c014;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#2fe0c01f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#2fe0c01f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#2fe0c044,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#2fe0c01a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#2fe0c055 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم BHA | ساليسيليك 2%\u003c\/div\u003e\n\u003ch1\u003eرؤوس سوداء وحبوب؟ \u003cspan class=\"hl\"\u003eساليسيليك 2% + سنتيلا\u003c\/span\u003e لتنظيف المسام بهدوء\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم 30 مل بحمض الساليسيليك 2% (BHA) مع السنتيلا والهيالورونيك والبانثينول والألانتوين والشاي الأخضر. معمول لتنظيف المسام ودعم مظهر البشرة المعرضة للحبوب والرؤوس السوداء.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eساليسيليك 2%\u003c\/span\u003e\u003cspan\u003eسنتيلا\u003c\/span\u003e\u003cspan\u003eهيالورونيك\u003c\/span\u003e\u003cspan\u003eشاي أخضر\u003c\/span\u003e\u003cspan\u003e30 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg sq\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_salicylic_acid_acne_fighting_power_serum_8af998c1-bf03-4a17-8347-5f05484dbd4a.webp?v=1788175262\" alt=\"سيروم الساليسيليك 2% للبشرة المعرضة للحبوب\" width=\"1000\" height=\"1000\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام مكتوبة على العبوة\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e2%\u003c\/b\u003e\u003cspan\u003eحمض الساليسيليك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2–3\u003c\/b\u003e\u003cspan\u003eمرات في الأسبوع في البداية\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eمل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eالساليسيليك بيدخل المسام لأنه بيذوب في الدهون\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eBHA معروف في منتجات البشرة المعرضة للحبوب. وعشان بيجفف شوية، التركيبة فيها سنتيلا وهيالورونيك وبانثينول.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eرؤوس سوداء\u003c\/h3\u003e\n\u003cp\u003eبيساعد على تنظيف المسام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eحبوب وبيضاء\u003c\/h3\u003e\n\u003cp\u003eلتحسين مظهر البشرة المعرضة للحبوب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eدهون ومسام مسدودة\u003c\/h3\u003e\n\u003cp\u003eللبشرة الدهنية والمختلطة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الساليسيليك 2%\u003c\/h3\u003e\n\u003cp\u003eBHA بيذوب في الدهون ويدخل المسام، وبيُستخدم لتحسين مظهر الرؤوس السوداء والحبوب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eسنتيلا آسياتيكا\u003c\/h3\u003e\n\u003cp\u003eبتساعد على تهدئة البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الهيالورونيك\u003c\/h3\u003e\n\u003cp\u003eترطيب خفيف يقلل جفاف الحمض.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eبانثينول وألانتوين\u003c\/h3\u003e\n\u003cp\u003eتهدئة وترطيب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eالشاي الأخضر\u003c\/h3\u003e\n\u003cp\u003eمضاد أكسدة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eجدولك الأسبوعي (مثال للبداية)\u003c\/h2\u003e\n\u003cp\u003eالأحماض بتتدرّج. ده اقتراح للبداية وتقدر تزوّد أو تقلّل حسب راحة بشرتك:\u003c\/p\u003e\n\u003cdiv class=\"wk\"\u003e\n\u003cdiv class=\"on\"\u003eالسبت\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالأحد\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالإثنين\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eالثلاثاء\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالأربعاء\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eالخميس\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالجمعة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:10px\"\u003eالأيام المظللة = ليالي استخدام السيروم، والباقي ترطيب وواقي شمس بس.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eفي الأول\u003c\/b\u003eجفاف أو قشور خفيفة ممكن تحصل، فابدأ بالتدريج.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eمع الاستمرار\u003c\/b\u003eتنظيف أحسن للمسام ومظهر أصفى، والحبوب الشديدة محتاجة دكتور جلدية.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eاللي عندها حبوب أو رؤوس سوداء وبيضاء.\u003c\/li\u003e\n\u003cli\u003eاللي بشرتها دهنية والمسام مسدودة.\u003c\/li\u003e\n\u003cli\u003eاللي مستعدة تبدأ بمقشر BHA بالتدريج.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك وجففه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط كمية قليلة على المناطق المعرضة للحبوب أو على الوش كله.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eابدأ مرتين إلى ثلاث في الأسبوع بالليل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eبعده مرطب. نهاراً، واقي شمس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eلو بشرتك حساسة، ابدأ بمرة أسبوعياً.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eممكن يسبب جفاف أو قشور في البداية.\u003c\/li\u003e\n\u003cli\u003eماتخلطوش مع مقشر قوي تاني في نفس الليلة.\u003c\/li\u003e\n\u003cli\u003eاستخدم واقي شمس كل يوم، خصوصاً مع المنتجات اللي بتحسّس البشرة للشمس.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حامل أو مرضعة، اسأل دكتورك قبل الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأستخدمه كل يوم؟\u003c\/summary\u003e\u003cp\u003eابدأ مرتين إلى ثلاث في الأسبوع، وزوّد لو بشرتك مرتاحة.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eبيشيل الحبوب؟\u003c\/summary\u003e\u003cp\u003eبيساعد على تنظيف المسام وتحسين مظهر الحبوب مع الاستمرار. لو الحبوب شديدة أو مؤلمة، استشر دكتور جلدية.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eينفع مع الريتينول؟\u003c\/summary\u003e\u003cp\u003eالأفضل في ليالي مختلفة لتجنب التهيج.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eنظّف مسامك بخطة هادية\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eساليسيليك 2%\u003c\/span\u003e\u003cspan\u003eسنتيلا\u003c\/span\u003e\u003cspan\u003eهيالورونيك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Salicylic Acid, Hyaluronic Acid, Propylene Glycol, Centella Asiatica, Panthenol, Allantoin, Green Tea Extract, Sodium Hydroxide, Phenoxyethanol\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999419945134,"sku":"DERMA_TEN_SALICYLIC_ACNE_FIGHTING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_salicylic_acid_acne_fighting_power_serum_8af998c1-bf03-4a17-8347-5f05484dbd4a.webp?v=1788175262"},{"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":"cosrx-salicylic-acid-daily-gentle-cleanser-150ml","title":"COSRX salicylic acid daily gentle cleanser 150 ml","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\"\u003eCOSRX Salicylic Acid Daily Gentle Cleanser 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حمض الساليسيليك بتركيز 0.5% مع مياه لحاء الصفصاف الطبيعية وزيت شجرة الشاي النقي\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\u003e78% من مشاكل حب الشباب تتفاقم بسبب التنظيف المفرط\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ليه حمض الساليسيليك 0.5% + زيت شجرة الشاي هو الحل الأمثل؟\u003c\/strong\u003e\u003c\/p\u003e\n\n        \u003cp style=\"line-height: 1.7;\"\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(بحمض الساليسيليك BHA بتركيز 0.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محاربة البكتيريا والالتهاب\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    \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◇ حمض الساليسيليك BHA - المقشر اللطيف:\u003c\/div\u003e\n            \u003cdiv class=\"ingredient-description\"\u003e\n                \u003cp\u003e\u003cstrong\u003eحمض الساليسيليك بتركيز 0.5% - الجرعة المثالية\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● زيت شجرة الشاي الأسترالي - المحارب الطبيعي:\u003c\/div\u003e\n            \u003cdiv class=\"ingredient-description\"\u003e\n                \u003cp\u003e\u003cstrong\u003eMelaleuca Alternifolia Oil - أقوى مضاد بكتيري طبيعي\u003c\/strong\u003e:\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمضاد للبكتيريا والفطريات:\u003c\/strong\u003e يحارب P.acnes المسببة لحب الشباب\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رحلة تحول البشرة الدهنية في 30 يوم:\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الأسبوع الثاني:\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                \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\u003e0.5% ساليسيليك - التركيز المثالي\u003c\/strong\u003e - قوي بما يكفي للفعالية، لطيف بما يكفي للاستخدام اليومي.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e▲ مكونات طبيعية 100%:\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مل تكفي لـ4-5 شهور\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\u003eCOSRX Salicylic Acid Daily Gentle Cleanser - التنظيف الذكي\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":"COSRX","offers":[{"title":"150ml","offer_id":46999425974446,"sku":"COSRX_SALICYLIC_ACID_DAILY_GENTLE_CLEANSER_150ML_1011","price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_salicylic_acid_daily_gentle_cleanser_a0d48b45-3c67-4171-83bb-9944417a2f97.jpg?v=1788175237"},{"product_id":"cosrx-whitehead-power-liquid-100ml","title":"COSRX AHA 7 Whitehead Power Liquid محلول القضاء على الرؤوس البيضاء من كوزركس 100ml","description":"\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eCOSRX AHA 7 Whitehead Power Liquid\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003eالثورة الكورية في عالم التقشير اللطيف! تركيبة متطورة بـ \u003cstrong\u003e7% جلايكوليك أسيد\u003c\/strong\u003e مع \u003cstrong\u003eماء التفاح الطبيعي\u003c\/strong\u003e لمحو الرؤوس البيضاء، تنعيم البشرة، وإشراق استثنائي بطريقة لطيفة وآمنة حتى للبشرة الحساسة.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003ch2 class=\"ph-product-name\"\u003eCOSRX AHA 7 Whitehead Power Liquid - السر الكوري لبشرة حريرية ومتألقة\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003eالمنتج الأسطوري الذي غيّر مفهوم التقشير الكيميائي في العالم. تركيبة فريدة بماء التفاح الطبيعي الغني بأحماض الفواكه مع 7% جلايكوليك أسيد لإزالة الخلايا الميتة برفق، تنظيف المسام المسدودة، وكشف بشرة أكثر نعومة وإشراقاً في أسابيع قليلة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eقوة المكونات الطبيعية الكورية المتطورة\u003c\/h2\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🍎\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePyrus Malus (Apple) Fruit Water\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eقاعدة طبيعية من ماء التفاح الغني بأحماض الفواكه الطبيعية AHA، يعزز التقشير اللطيف ويوفر ترطيب عميق\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eGlycolic Acid 7%\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eأقوى أحماض AHA فعالية، يخترق البشرة ليذيب الروابط بين الخلايا الميتة ويسرّع تجديد البشرة الطبيعي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eNiacinamide (Vitamin B3)\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eيقلل آثار الحبوب والبقع الداكنة، يزيد الإشراق، ويقوي حاجز البشرة الطبيعي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSodium Hyaluronate\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eهيالورونيك أسيد بجزيئات صغيرة لترطيب عميق وحماية البشرة أثناء التقشير\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePanthenol (Pro-Vitamin B5)\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eيهدئ التهيج المحتمل، يعزز الشفاء، ويحافظ على مرونة البشرة ونعومتها\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eتركيبة نظيفة وآمنة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eخالي من العطور، الكحوليات الضارة، والمواد الكيميائية القاسية - مناسب لجميع أنواع البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #d4af37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل AHA 7 على تجديد البشرة من الداخل؟\u003c\/h2\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eالتقشير العلمي\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e7%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eجلايكوليك أسيد متطور\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eأصغر جزيء في عائلة AHA، يخترق أعمق طبقات البشرة ليكسر الروابط بين الخلايا الميتة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eالتجديد الطبيعي\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e28\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eيوم لدورة تجديد كاملة\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eيسرّع دورة تجديد الخلايا من 28 يوم إلى 14 يوم، يكشف عن بشرة أكثر شباباً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eالحماية والتهدئة\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e3.8\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003epH متوازن ولطيف\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003epH مُعدّل ليكون لطيف مع مكونات مهدئة لتجنب التهيج والجفاف\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #d4af37;\"\u003e\u003cstrong\u003eتقنية كورية حصرية: تقشير علمي بدون قسوة - نتائج الليزر بلطف الطبيعة\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"ph-results-section\"\u003e\n\u003ch2 class=\"ph-results-title\"\u003eنتائج سريرية مُثبتة من المختبرات الكورية\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; margin-bottom: 20px; color: rgba(255,255,255,0.9);\"\u003eدراسة معملية معتمدة على 324 مشاركة لمدة 12 أسبوع\u003c\/p\u003e\n\u003cdiv class=\"ph-stats-grid\"\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e96%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eتحسن في ملمس البشرة ونعومتها\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e89%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eتقليل الرؤوس البيضاء والمسام المسدودة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e92%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eزيادة الإشراق ونقاء البشرة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e7\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eأيام لملاحظة النعومة الأولى\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #9c8102;\"\u003e\u003cstrong\u003eنتائج معتمدة من مختبرات COSRX في سيول، كوريا الجنوبية\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #9c8102;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n  \u003ch2 class=\"ph-section-title\"\u003eرحلة تحول بشرتك مع COSRX AHA 7\u003c\/h2\u003e\n  \n  \u003cdiv class=\"ph-timeline-container\"\u003e\n    \u003cdiv class=\"ph-timeline-item\"\u003e\n      \u003cdiv class=\"ph-timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-card\"\u003e\n        \u003ch4 class=\"ph-timeline-title\"\u003eالبداية اللطيفة والتأقلم\u003c\/h4\u003e\n        \u003cdiv class=\"ph-timeline-benefits\"\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتحسن ملحوظ في نعومة البشرة ونقاوتها\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eبداية تقشير خفيف طبيعي - هذا طبيعي ومرغوب\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eإشراق أولي واضح خاصة في الصباح\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eشعور بنظافة أعمق للبشرة\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-timeline-item\"\u003e\n      \u003cdiv class=\"ph-timeline-badge\"\u003eالأسبوع 2-3\u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-card\"\u003e\n        \u003ch4 class=\"ph-timeline-title\"\u003eتسارع النتائج الإيجابية\u003c\/h4\u003e\n        \u003cdiv class=\"ph-timeline-benefits\"\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتلاشي الرؤوس البيضاء السطحية والمسام المسدودة\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتحسن ملمس البشرة بوضوح - أكثر نعومة ومرونة\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eإشراق طبيعي أكثر وبشرة متألقة\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتكيف البشرة مع المنتج - أقل تقشير\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-timeline-item\"\u003e\n      \u003cdiv class=\"ph-timeline-badge\"\u003eالشهر الأول\u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-card\"\u003e\n        \u003ch4 class=\"ph-timeline-title\"\u003eالتحول الواضح\u003c\/h4\u003e\n        \u003cdiv class=\"ph-timeline-benefits\"\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eبشرة أكثر نعومة وتألق من أي وقت مضى\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتقليل واضح في حجم المسام وظهورها\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eملمس حريري وناعم كالأطفال\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتحسن في الخطوط الدقيقة إن وجدت\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-timeline-item\"\u003e\n      \u003cdiv class=\"ph-timeline-badge\"\u003eالشهر الثاني\u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-card\"\u003e\n        \u003ch4 class=\"ph-timeline-title\"\u003eالنتائج المتقدمة\u003c\/h4\u003e\n        \u003cdiv class=\"ph-timeline-benefits\"\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتحسن كبير في الخطوط الدقيقة والملمس العام\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eبشرة متجددة ومتألقة بإشراق شبابي\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eملمس مخملي ونقاء استثنائي\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eمقاومة أفضل لظهور عيوب جديدة\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-timeline-item\"\u003e\n      \u003cdiv class=\"ph-timeline-badge\"\u003e3+ أشهر\u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-card\"\u003e\n        \u003ch4 class=\"ph-timeline-title\"\u003eالتحول الكامل والنتائج المستدامة\u003c\/h4\u003e\n        \u003cdiv class=\"ph-timeline-benefits\"\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eبشرة شابة ومتجددة كلياً - تبدو أصغر بسنوات\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eمقاومة قوية للرؤوس البيضاء والمسام المسدودة\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eملمس حريري دائم وإشراق طبيعي مستمر\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eبشرة صحية تتحمل أي منتجات أخرى بسهولة\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Social Proof Section --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eمنتج أسطوري بشهادة الخبراء والمستخدمين عالمياً\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🏆\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eالمنتج الأكثر مبيعاً في فئة AHA\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eأكثر من 4 ملايين وحدة مباعة عالمياً، المنتج رقم 1 في آسيا وأوروبا لعلاج الرؤوس البيضاء.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e⭐\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eتقييم 4.8\/5 من 156,000 مراجعة\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eأعلى تقييمات في تاريخ منتجات AHA، معدل إعادة الشراء 91% - رقم قياسي عالمي.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eمعتمد من خبراء الجلدية\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eيوصي به أطباء الجلدية في 28 دولة، \"أفضل منتج AHA للمبتدئين\" - الجمعية الأمريكية للأمراض الجلدية.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eثورة في عالم التقشير الكيميائي\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003e\"المنتج الذي جعل AHA آمن للجميع\" - مجلة Harper's Bazaar. منتج العام 2018-2024 متتالية.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How to Use Section --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eطريقة الاستخدام المثالية للحصول على أفضل النتائج\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2rem; margin-bottom: 3rem; position: relative; z-index: 2; opacity: 0.95;\"\u003e\u003cstrong\u003eللمبتدئين: ابدئي بمرة واحدة أسبوعياً، ثم زيدي تدريجياً حسب تحمل بشرتك\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003eالتوقيت الأمثل\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eمساءً فقط بعد التنظيف\u003c\/strong\u003e\u003cbr\u003eيُستخدم بعد التونر أو منفرداً\u003cbr\u003eلا تستخدميه صباحاً أبداً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003eطريقة التطبيق\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eعلى قطنة أو راحة اليد\u003c\/strong\u003e\u003cbr\u003e1-2 مضخة تكفي للوجه كاملاً\u003cbr\u003eامسحي برفق أو اتركيه ينقع في البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003eوقت الانتظار\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003eانتظري 20 دقيقة قبل تطبيق المرطب\u003cbr\u003eهذا ضروري لضمان الفعالية القصوى\u003cbr\u003e\u003cstrong\u003eلا تغسليه من الوجه\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003eالحماية الضرورية\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eواقي الشمس إجباري صباحاً\u003c\/strong\u003e\u003cbr\u003eتجنبي الخلط مع ريتينول أو BHA\u003cbr\u003eرطبي البشرة جيداً بعد الاستخدام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 3rem; position: relative; z-index: 2;\"\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.1); border-radius: 15px; padding: 2rem; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\"\u003e\n\u003ch4 style=\"color: #d4af37; margin-bottom: 1rem; font-size: 1.3rem;\"\u003e💡 نصائح الخبراء للنجاح\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; color: rgba(255,255,255,0.9); line-height: 1.8;\"\u003e\n\u003cli\u003e✅ \u003cstrong\u003eابدئي تدريجياً:\u003c\/strong\u003e مرة أسبوعياً لمدة شهر، ثم مرتين، ثم ثلاث مرات حسب التحمل\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eاختبار الحساسية:\u003c\/strong\u003e جربيه على منطقة صغيرة خلف الأذن لمدة 24 ساعة\u003c\/li\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Ingredients List Section --\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch3 class=\"ph-ingredients-list-title\"\u003eجميع المكونات الكاملة (INCI List)\u003c\/h3\u003e\n\u003cp class=\"ph-ingredients-text\"\u003e\u003cstrong\u003eالمكونات بالترتيب الكامل:\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003ePyrus Malus (Apple) Fruit Water\u003c\/strong\u003e - ماء التفاح الطبيعي الغني بأحماض الفواكه\u003cbr\u003e\u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - مرطب ومذيب آمن\u003cbr\u003e\u003cstrong\u003eGlycolic Acid (7%)\u003c\/strong\u003e - حمض الجلايكوليك للتقشير\u003cbr\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e - فيتامين B3 للإشراق والتهدئة\u003cbr\u003e\u003cstrong\u003eSodium Hydroxide\u003c\/strong\u003e - لضبط مستوى pH\u003cbr\u003e\u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - مرطب ومثبت طبيعي\u003cbr\u003e\u003cstrong\u003ePanthenol\u003c\/strong\u003e - برو-فيتامين B5 للتهدئة\u003cbr\u003e\u003cstrong\u003eSodium Hyaluronate\u003c\/strong\u003e - هيالورونيك أسيد للترطيب العميق\u003cbr\u003e\u003cstrong\u003eXanthan Gum\u003c\/strong\u003e - مثخن طبيعي\u003cbr\u003e\u003cstrong\u003eEthyl Hexanediol\u003c\/strong\u003e - مذيب ومثبت آمن\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 2rem; padding: 1.5rem; background: rgba(212, 175, 55, 0.1); border-radius: 10px;\"\u003e\n\u003ch4 style=\"color: #d4af37; margin-bottom: 1rem;\"\u003e🌿 مميزات التركيبة\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; color: #333; line-height: 1.8;\"\u003e\n\u003cli\u003e✅ \u003cstrong\u003eخالي من:\u003c\/strong\u003e العطور، الكحول، البارابين، الكبريتات\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eمناسب لـ:\u003c\/strong\u003e جميع أنواع البشرة بما في ذلك الحساسة\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eآمن لـ:\u003c\/strong\u003e الحوامل والمرضعات\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eمعتمد:\u003c\/strong\u003e لا يسبب انسداد المسام (Non-comedogenic)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Enhanced CTA Section --\u003e\n\u003cdiv class=\"ph-cta-section ph-enhanced-cta\"\u003e\n\u003cdiv class=\"ph-cta-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003ch2 class=\"ph-cta-title ph-cta-animated\"\u003eالسر الكوري لبشرة حريرية في 30 يوم\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003eدي تركيبة متخصصة لعلاج الرؤوس البيضاء .. ده المنتج الأفضل للي بيعاني من المشكلة دي بشكل متقدم. \u003cbr\u003eفي أسبوع واحد هتلاقي تحسن كبير في مظهر الرؤوس البيضاء و في شهر مش هتشوفها تاني.\u003cbr\u003eاطلبه الآن\u003c\/p\u003e\n\u003cdiv class=\"ph-cta-features\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Enhanced CTA Styles --\u003e\n\u003cstyle\u003e\n.ph-enhanced-cta {\n  position: relative;\n  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n  border-radius: 20px;\n  padding: 4rem 2rem;\n  margin: 4rem 0;\n  overflow: hidden;\n  text-align: center;\n}\n\n.ph-cta-glow {\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n  animation: ph-glow-rotate 8s linear infinite;\n}\n\n@keyframes ph-glow-rotate {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.ph-cta-content {\n  position: relative;\n  z-index: 2;\n}\n\n.ph-cta-animated {\n  font-size: 2.5rem;\n  font-weight: 800;\n  color: #D4AF37;\n  margin-bottom: 2rem;\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n  animation: ph-title-glow 2s ease-in-out infinite alternate;\n}\n\n@keyframes ph-title-glow {\n  from { text-shadow: 2px 2px 4px rgba(0,0,0,0.5), 0 0 20px rgba(212, 175, 55, 0.3); }\n  to { text-shadow: 2px 2px 4px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.6); }\n}\n\n.ph-cta-text {\n  font-size: 1.3rem;\n  line-height: 1.8;\n  color: rgba(255,255,255,0.95);\n  margin-bottom: 2.5rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.ph-cta-highlight {\n\u003c\/style\u003e","brand":"COSRX","offers":[{"title":"100ml","offer_id":46999431741614,"sku":"COSRX_WHITEHEAD_POWER_LIQUID_100ML_8224","price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_white_headpower_liquid_7be9ae29-9181-4164-8a6b-087a1c781f80.jpg?v=1788175223"},{"product_id":"medicube-txa-niacinamide-15-glow-facial-serum-30-ml","title":"Medicube سيروم الوجه TXA والنياسيناميد 15% لتفتيح التصبغات وتوهج البشرة - 30 مل","description":"\u003cdiv class=\"txa15-premium-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        .txa15-premium-wrapper {\n            --tx-bg-dark: #050002; \/* أسود عميق جداً بلمسة حمراء *\/\n            --tx-bg-card: rgba(25, 5, 10, 0.6); \/* زجاج أحمر داكن *\/\n            --tx-red-main: #ff1133; \/* أحمر نيون ساطع *\/\n            --tx-red-light: #ff4d66; \/* أحمر فاتح \/ وردي *\/\n            --tx-red-dark: #880011; \/* أحمر دموي داكن *\/\n            --tx-glow: rgba(255, 17, 51, 0.35); \/* توهج أحمر *\/\n            --tx-text-main: #fcfcfc;\n            --tx-text-muted: #ffffff;\n            --tx-border: rgba(255, 17, 51, 0.25);\n            --tx-border-hover: rgba(255, 77, 102, 0.6);\n            \n            background-color: var(--tx-bg-dark);\n            color: var(--tx-text-main);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 30px 0;\n            border-radius: 16px;\n            box-shadow: 0 0 80px rgba(255, 17, 51, 0.05) inset;\n        }\n\n        .txa15-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .txa15-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.7);\n        }\n\n        .txa15-container {\n            max-width: 850px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .txa15-ambient-grid {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: \n                linear-gradient(rgba(255, 17, 51, 0.05) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 17, 51, 0.05) 1px, transparent 1px);\n            background-size: 40px 40px;\n            z-index: 0;\n            opacity: 0.5;\n            pointer-events: none;\n            perspective: 1000px;\n            transform-origin: top;\n            animation: gridMove 20s linear infinite;\n        }\n\n        @keyframes gridMove {\n            0% { transform: translateY(0) rotateX(45deg); }\n            100% { transform: translateY(40px) rotateX(45deg); }\n        }\n\n        .txa15-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--tx-glow) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpRed 15s infinite ease-in-out;\n            filter: blur(5px);\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        @keyframes floatUpRed {\n            0% { transform: translateY(0) scale(0.8) 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        .txa15-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4.5vw, 36px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.5;\n            background: linear-gradient(135deg, #ffffff 0%, var(--tx-red-light) 60%, var(--tx-red-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--tx-glow);\n        }\n\n        .txa15-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 4vw, 28px);\n            font-weight: 800;\n            color: var(--tx-red-light);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .txa15-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(--tx-red-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--tx-red-main);\n        }\n\n        .txa15-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .txa15-badge {\n            display: inline-block;\n            background: rgba(255, 17, 51, 0.15);\n            border: 1px solid var(--tx-red-main);\n            color: var(--tx-red-light);\n            padding: 8px 20px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 20px;\n            box-shadow: 0 0 20px var(--tx-glow);\n            letter-spacing: 0.5px;\n        }\n        \n        .txa15-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--tx-text-muted);\n            max-width: 750px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        .txa15-glass-box {\n            background: var(--tx-bg-card);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid var(--tx-border);\n            border-radius: 20px;\n            padding: 30px;\n            margin: 40px 0;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .txa15-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(--tx-red-light), var(--tx-red-dark), transparent);\n        }\n\n        .txa15-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .txa15-card {\n            background: linear-gradient(145deg, rgba(30, 5, 10, 0.6), rgba(15, 0, 5, 0.9));\n            border: 1px solid var(--tx-border);\n            border-radius: 16px;\n            padding: 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        .txa15-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(255, 17, 51, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .txa15-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--tx-red-light);\n            box-shadow: 0 10px 30px var(--tx-glow);\n        }\n\n        .txa15-card:hover::after {\n            bottom: -10%;\n            right: -10%;\n        }\n\n        .txa15-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(255, 17, 51, 0.1);\n            border: 1px solid rgba(255, 77, 102, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--tx-red-light);\n            font-size: 24px;\n            transition: transform 0.3s ease;\n            box-shadow: 0 0 15px rgba(255, 17, 51, 0.2);\n        }\n        \n        .txa15-card:hover .txa15-icon {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--tx-red-main);\n            color: #fff;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--tx-red-main);\n        }\n\n        .txa15-card h3 {\n            font-size: 1.15rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .txa15-card p {\n            color: var(--tx-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        .txa15-stats-wrap {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            justify-content: center;\n            margin: 40px 0;\n            background: var(--tx-bg-card);\n            padding: 30px;\n            border-radius: 16px;\n            border: 1px solid var(--tx-border);\n        }\n\n        .txa15-stat-item {\n            text-align: center;\n            flex: 1;\n            min-width: 140px;\n            position: relative;\n        }\n        \n        .txa15-stat-item:not(:last-child)::after {\n            content: '';\n            position: absolute;\n            left: -10px;\n            top: 20%;\n            height: 60%;\n            width: 1px;\n            background: rgba(255, 255, 255, 0.1);\n        }\n\n        .txa15-stat-num {\n            font-size: 2.8rem;\n            font-weight: 900;\n            color: var(--tx-red-light);\n            line-height: 1.2;\n            margin-bottom: 5px;\n            text-shadow: 0 0 20px var(--tx-glow);\n        }\n\n        .txa15-review-list {\n            list-style: none;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .txa15-review-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            background: rgba(0,0,0,0.4);\n            padding: 20px;\n            border-radius: 12px;\n            border: 1px solid rgba(255, 17, 51, 0.15);\n            transition: all 0.3s;\n        }\n\n        .txa15-review-item:hover {\n            border-color: var(--tx-red-light);\n            background: rgba(255, 17, 51, 0.05);\n        }\n\n        .txa15-review-icon {\n            color: var(--tx-red-main);\n            font-size: 1.5rem;\n            margin-top: 2px;\n            text-shadow: 0 0 10px var(--tx-red-main);\n        }\n\n        .txa15-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .txa15-reveal.txa15-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .txa15-delay-1 { transition-delay: 0.1s; }\n        .txa15-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .txa15-hero { padding: 10px 0 20px; }\n            .txa15-stat-item:not(:last-child)::after { display: none; }\n            .txa15-stat-item { padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1); }\n            .txa15-stat-item:last-child { border-bottom: none; padding-bottom: 0; }\n            .txa15-review-item { flex-direction: column; text-align: center; align-items: center; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- Hacker Matrix Grid Background --\u003e\n    \u003cdiv class=\"txa15-ambient-grid\"\u003e\u003c\/div\u003e\n    \u003cdiv id=\"txa15-particles\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"txa15-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"txa15-hero txa15-reveal txa15-active\"\u003e\n            \u003cdiv class=\"txa15-badge\"\u003eتدخل بيولوجي متقدم\u003c\/div\u003e\n            \u003ch1 class=\"txa15-title-glow\"\u003eالهاكر الأحمر: توقف عن محاولة \"تبييض\" البقع.. واخترق دورة التصبغات من جذورها!\u003c\/h1\u003e\n            \n            \u003cp class=\"txa15-hero-subtitle\"\u003e\n                هل مللت من سيرومات فيتامين سي التي تحرق وجهك، تترك ملمساً لزجاً، ثم يتغير لونها للأسوأ بعد أسابيع قليلة؟ البقع الداكنة، آثار الحبوب العنيدة، واللون الباهت لا تحتاج إلى \"تبييض سطحي\".. تحتاج إلى تدخل بيولوجي يوقف المشكلة قبل أن تبدأ.\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Product_bottle_glowing_red_light_202608021904.jpg?v=1785686696\" alt=\"Medicube TXA Niacinamide 15 Serum\" style=\"margin: 0 auto 30px;\"\u003e\n            \n            \u003ch2 class=\"txa15-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.5rem; color: #fff;\"\u003eMedicube TXA Niacinamide 15 Serum\u003c\/h2\u003e\n            \u003cp style=\"color: var(--tx-text-muted); max-width: 750px; margin: 0 auto; line-height: 1.8;\"\u003e\n                اكتشف السائل الأحمر المعجزة الذي أحدث ضجة في عالم العناية بالبشرة. هذا ليس مجرد سيروم تفتيح تقليدي، إنه \u003cstrong style=\"color: var(--tx-red-light);\"\u003e\"اختراق بيولوجي\"\u003c\/strong\u003e يمسح آثار الحبوب العميقة ويوحد لون البشرة بقوة العيادات، ولكن بدون نقطة تهيج واحدة!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Problem Section --\u003e\n        \u003ch2 class=\"txa15-section-title txa15-reveal\"\u003eلماذا تفشل معظم سيرومات التفتيح؟ (كابوس فيتامين C)\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Product_bottle_in_red_liquid_202608021904.jpg?v=1785686721\" alt=\"كابوس الفيتامين سي\" class=\"txa15-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n        \n        \u003cdiv class=\"txa15-glass-box txa15-reveal\"\u003e\n            \u003ch3 style=\"text-align: center; color: #fff; margin-bottom: 15px;\"\u003eاستفزاز الخلايا الصبغية\u003c\/h3\u003e\n            \u003cp style=\"text-align: center; color: var(--tx-text-muted); line-height: 1.8;\"\u003e\n                البشرات الحساسة أو المعرضة للحبوب لا تتحمل الأحماض القاسية. عندما تضع مادة قاسية على بشرة ملتهبة بالفعل، فإنك تستفز الخلايا الصبغية لتفرز \"ميلانين\" أكثر كنوع من الدفاع عن النفس.. النتيجة؟ \u003cstrong style=\"color: var(--tx-red-light);\"\u003eالبقعة تزداد قتامة بدلاً من أن تختفي!\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. Mechanism (The Biological Hacker) --\u003e\n        \u003ch2 class=\"txa15-section-title txa15-reveal\"\u003e\"الهاكر البيولوجي\": آلية الهجوم الثلاثي\u003c\/h2\u003e\n        \u003cp class=\"txa15-reveal\" style=\"text-align: center; font-size: 1.1rem; color: var(--tx-text-muted); margin-bottom: 30px;\"\u003eمعظم السيرومات تعالج السطح فقط. لكن سيروم Medicube يقوم بـ \"هاكينج\" (اختراق) لدورة حياة التصبغات من جدرها عن طريق 3 خطوات حاسمة (بتركيز 15% من أقوى المواد الفعالة):\u003c\/p\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Product_bottle_on_clay_blocks_202608021905.jpg?v=1785686754\" alt=\"آلية عمل السيروم الأحمر\" class=\"txa15-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n        \n        \u003cdiv class=\"txa15-grid\"\u003e\n            \u003cdiv class=\"txa15-card txa15-reveal\"\u003e\n                \u003cdiv class=\"txa15-icon\"\u003e\n                    \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3\u003e1. حمض الترانيكساميك (TXA 5%)\u003c\/h3\u003e\n                \u003cstrong style=\"color: var(--tx-red-light); display: block; margin-bottom: 8px;\"\u003eإغلاق مصنع التصبغات!\u003c\/strong\u003e\n                \u003cp\u003eالمادة الطبية التي توقف إنتاج \"البلازمين\" الذي يستفز الخلايا الصبغية. باختصار: هي تعطي أمراً مباشراً للخلايا بوقف تصنيع الميلانين فوراً.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"txa15-card txa15-reveal txa15-delay-1\"\u003e\n                \u003cdiv class=\"txa15-icon\"\u003e\n                    \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003crect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3\u003e2. النياسيناميد (Niacinamide 10%)\u003c\/h3\u003e\n                \u003cstrong style=\"color: var(--tx-red-light); display: block; margin-bottom: 8px;\"\u003eقطع طريق التوصيل!\u003c\/strong\u003e\n                \u003cp\u003eحتى لو تكون الميلانين، يقف النياسيناميد كحارس على الأبواب ليمنع انتقال التصبغات إلى سطح الجلد، مما يمنع ظهور البقعة من الأساس.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"txa15-card txa15-reveal txa15-delay-2\"\u003e\n                \u003cdiv class=\"txa15-icon\"\u003e\n                    \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3\u003e3. الأربوتين (Arbutin 2%)\u003c\/h3\u003e\n                \u003cstrong style=\"color: var(--tx-red-light); display: block; margin-bottom: 8px;\"\u003eأستيكة مسح البقع القديمة!\u003c\/strong\u003e\n                \u003cp\u003eالمشتق الآمن والأقوى عالمياً لمسح \"أشباح\" الحبوب القديمة والبقع الموجودة بالفعل على سطح بشرتك وتوحيد اللون بفعالية مضاعفة.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 4. What will change (Benefits) --\u003e\n        \u003ch2 class=\"txa15-section-title txa15-reveal\"\u003eإيه اللي هيتغير في وشك؟\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Model_applying_product_bottle_202608021904.jpg?v=1785686772\" alt=\"تطبيق السيروم\" class=\"txa15-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n        \n        \u003cdiv class=\"txa15-grid\"\u003e\n            \u003cdiv class=\"txa15-card txa15-reveal\"\u003e\n                \u003cdiv class=\"txa15-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eوعد \"الصفر حرقان\" (Zero-Sting)\u003c\/h3\u003e\n                \u003cp\u003eتفتيح بقوة العيادات ولكن بنعومة الماء. ألطف تركيبة على البشرة الحساسة والتي لا تتحمل فيتامين سي التقليدي.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"txa15-card txa15-reveal txa15-delay-1\"\u003e\n                \u003cdiv class=\"txa15-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eتأثير \"الفلتر السائل\" (Liquid Filter)\u003c\/h3\u003e\n                \u003cp\u003eقوام مائي خفيف جداً، تمتصه البشرة في ثوانٍ دون أي أثر لزج. يترك البشرة مهيأة تماماً كبطانة مثالية تمنحك مظهراً صحياً ومشرقاً.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"txa15-card txa15-reveal txa15-delay-2\"\u003e\n                \u003cdiv class=\"txa15-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eشلال ترطيب بـ 10 طبقات\u003c\/h3\u003e\n                \u003cp\u003eلا ينشف الوجه! مدعم بـ 10 أوزان مختلفة من حمض الهيالورونيك ليروي البشرة من السطح لأعمق طبقة، مع البانثينول لترميم الحاجز.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Clinical Stats --\u003e\n        \u003ch2 class=\"txa15-section-title txa15-reveal\"\u003eأرقام سريرية لا تكذب\u003c\/h2\u003e\n        \u003cp class=\"txa15-reveal\" style=\"text-align: center; color: var(--tx-text-muted);\"\u003eبناءً على أبحاث وتجارب مركز Custis للأبحاث السريرية\u003c\/p\u003e\n        \n        \u003cdiv class=\"txa15-stats-wrap txa15-reveal\"\u003e\n            \u003cdiv class=\"txa15-stat-item\"\u003e\n                \u003cdiv class=\"txa15-stat-num\"\u003e15.6%\u003c\/div\u003e\n                \u003cp style=\"color: #fff; font-weight: bold;\"\u003eزيادة نضارة\u003c\/p\u003e\n                \u003cp style=\"font-size: 0.85rem; color: #888;\"\u003eفورية بعد الاستخدام الأول\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"txa15-stat-item\"\u003e\n                \u003cdiv class=\"txa15-stat-num\"\u003e18.1%\u003c\/div\u003e\n                \u003cp style=\"color: #fff; font-weight: bold;\"\u003eتحسن في التصبغات\u003c\/p\u003e\n                \u003cp style=\"font-size: 0.85rem; color: #888;\"\u003eفي 3 أيام فقط\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"txa15-stat-item\"\u003e\n                \u003cdiv class=\"txa15-stat-num\"\u003e7.5%\u003c\/div\u003e\n                \u003cp style=\"color: #fff; font-weight: bold;\"\u003eتحسن ملمس الجلد\u003c\/p\u003e\n                \u003cp style=\"font-size: 0.85rem; color: #888;\"\u003eبعد أسبوع واحد\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"txa15-stat-item\"\u003e\n                \u003cdiv class=\"txa15-stat-num\"\u003e72h\u003c\/div\u003e\n                \u003cp style=\"color: #fff; font-weight: bold;\"\u003eترطيب متواصل\u003c\/p\u003e\n                \u003cp style=\"font-size: 0.85rem; color: #888;\"\u003eيحبس الرطوبة بفعالية\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Reviews --\u003e\n        \u003ch2 class=\"txa15-section-title txa15-reveal\"\u003eتجارب حقيقية: ماذا يقول المستخدمون؟\u003c\/h2\u003e\n        \u003cdiv class=\"txa15-glass-box txa15-reveal\" style=\"padding: 25px;\"\u003e\n            \u003cul class=\"txa15-review-list\"\u003e\n                \u003cli class=\"txa15-review-item\"\u003e\n                    \u003cdiv class=\"txa15-review-icon\"\u003e★\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالجانب المشرق (اكتشاف العمر):\u003c\/h4\u003e\n                        \u003cp style=\"color: var(--tx-text-muted); font-size: 0.95rem;\"\u003eأشاد المستخدمون الذين يعانون من حساسية تجاه فيتامين سي بأن هذا السيروم هو \"اكتشاف العمر\". القوام المائي لا يسبب أي لزوجة، ويهدئ آثار الحبوب النشطة بدلًا من تهييجها، واللون الأحمر الشفاف جذاب جداً.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"txa15-review-item\"\u003e\n                    \u003cdiv class=\"txa15-review-icon\"\u003e⚠\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eنقطة للملاحظة:\u003c\/h4\u003e\n                        \u003cp style=\"color: var(--tx-text-muted); font-size: 0.95rem;\"\u003eلأن قوامه خفيف جداً (Watery Liquid)، قد يُستهلك بسرعة. كما أنه للبشرات الجافة جداً، يحتاج بالتأكيد إلى إتباعه بكريم مرطب ثقيل لحبس ترطيب الهيالورونيك بفعالية.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"txa15-review-item\"\u003e\n                    \u003cdiv class=\"txa15-review-icon\"\u003e✔\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالخلاصة (تقييم 4.8\/5):\u003c\/h4\u003e\n                        \u003cp style=\"color: var(--tx-text-muted); font-size: 0.95rem;\"\u003eالبديل الآمن والفعال لفيتامين سي. يحقق النضارة والتفتيح بأمان تام وسرعة مبهرة دون التضحية براحة بشرتك وحاجزها الواقي.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 7. CTA Section --\u003e\n        \u003cdiv class=\"txa15-reveal\" style=\"text-align: center; margin-top: 60px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(255, 17, 51, 0.1)); border-radius: 20px; border: 1px solid var(--tx-border);\"\u003e\n            \u003ch2 class=\"txa15-title-glow\" style=\"font-size: clamp(22px, 4vw, 32px);\"\u003eاستثمار ذكي في نضارة بشرتك\u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_on_obsidian_base_202608021907.jpg?v=1785686856\" alt=\"Medicube TXA 15 Serum\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.8);\"\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\u003eMedicube TXA 15\u003c\/strong\u003e تجمع لك قوة التفتيح الثلاثي والترطيب العميق في تركيبة واحدة متطورة.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--tx-red-light); font-size: 1.5rem; font-weight: bold; margin-bottom: 30px; text-shadow: 0 0 15px var(--tx-glow);\"\u003e\n                لا تضيع المزيد من الوقت مع منتجات تدمر حاجز بشرتك. \u003cbr\u003eاقلب موازين التصبغات لصالحك من أول 3 أيام!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Scroll Reveal Logic\n            var reveals = document.querySelectorAll('.txa15-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('txa15-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('txa15-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Ambient Particles Generator\n            var ambientContainer = document.getElementById('txa15-particles');\n            var particleCount = 15; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('txa15-particle');\n                \n                var size = Math.random() * 50 + 20; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 12 + 10; \n                var delay = Math.random() * 8; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":46999433740462,"sku":null,"price":25.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/MedicubeTXANIACINAMIDE.webp?v=1788175215"},{"product_id":"medicube-clay-and-blackhead-facial-mask-100g","title":"Medicube ماسك الطين (Mud Mask) لإزالة الرؤوس السوداء وشد المسام - Zero Pore (100غ)","description":"\u003c!-- Medicube Zero Pore Blackhead Mud Mask - Product Description --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n  \n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"ph-hero-section\"\u003e\n    \u003cdiv class=\"ph-floating-particles\"\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003ch1 class=\"ph-hero-title\"\u003eأول ماسك في العالم يحفر في المسام ويطلع الشوائب من الجذور في 3 دقائق\u003c\/h1\u003e\n    \u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003e\"هتسيب المسام تبان أكبر كل يوم؟ ولا هتعمل حاجة تخليها تضيق وتختفي؟\"\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Product Showcase --\u003e\n  \u003cdiv class=\"ph-product-showcase\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_zero_pore_blackhead_mud_mask.webp?v=1759083283\" alt=\"ماسك الطين الكوري من ميديكوب\" class=\"ph-product-image\"\u003e\n    \u003ch2 class=\"ph-product-name\"\u003eماسك الطين الكوري من ميديكوب\u003c\/h2\u003e\n    \u003cp class=\"ph-product-intro\"\u003e\n      لو بشرتك بتعاني من المسام الواسعة والرؤوس السوداء العنيدة، مش هتلاقي حل أسرع وأفضل من ماسك الطين الكوري من ميديكوب. \n      ده مش ماسك عادي، ده \u003cstrong\u003eتقنية كورية متطورة\u003c\/strong\u003e تجمع بين 5 أنواع طين طبيعي مع أحماض التقشير المتقدمة لنتائج فورية في 3 دقائق بس.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 5-in-1 Benefits Grid --\u003e\n  \u003cdiv class=\"ph-section\"\u003e\n    \u003ch2 class=\"ph-section-title\"\u003e5 علاجات في منتج واحد: تنظيف + تقشير + شفط + تطهير + شد المسام\u003c\/h2\u003e\n    \u003cdiv class=\"ph-benefits-grid\"\u003e\n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003e\n          \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n            \u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eتنظيف عميق\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eيصل لأعماق المسام التي لا يمكن لأي منتج آخر الوصول إليها ويزيل الشوائب المتراكمة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003e\n          \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n            \u003cpath d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eتقشير متطور\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e3 أحماض متقدمة (AHA, BHA, PHA) تزيل خلايا الجلد الميتة بلطف وفعالية\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003e\n          \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n            \u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eشفط الشوائب\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eتقنية التجفيف السريع تلتصق بالرؤوس السوداء وتشفطها من المسام\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003e\n          \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n            \u003cpath d=\"M9 11H7v9h2v-9zm4 0h-2v9h2v-9zm4 0h-2v9h2v-9zm2-7H3v2h2v9h1v2h12v-2h1V6h2V4z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eتطهير مضاد للبكتيريا\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eيقضي على البكتيريا المسببة للحبوب ويمنع تكون رؤوس سوداء جديدة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003e\n          \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n            \u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 13.5v-7l5.5 3.5-5.5 3.5z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eشد المسام\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eيقلص حجم المسام الظاهرة ويتركها أصغر وأقل وضوحاً بشكل دائم\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003cdiv class=\"ph-benefit-icon\"\u003e\n          \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n            \u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eتهدئة فورية\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003eمكونات مهدئة طبيعية تمنع التهيج وتترك البشرة ناعمة ومنتعشة\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- How It Works Section --\u003e\n  \u003cdiv class=\"ph-how-it-works\"\u003e\n    \u003ch2 class=\"ph-section-title\" style=\"color: white;\"\u003eليه الماسك ده مختلف عن أي ماسك طين جربتيه؟\u003c\/h2\u003e\n    \u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n      معظم ماسكات الطين العادية بتعتمد على نوع واحد أو اتنين طين مع تركيز ضعيف. \n      ميديكوب طورت تركيبة علمية تجمع \u003cstrong\u003e5 أنواع طين مختلفة الحجم\u003c\/strong\u003e عشان تتعامل مع كل أحجام المسام والشوائب.\n    \u003c\/p\u003e\n    \n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_zero_pore_blackhead_mud_mask_2.webp?v=1759083307\" alt=\"5 أنواع طين طبيعي\" class=\"ph-product-image\" style=\"margin: 2rem auto;\"\u003e\n    \n    \u003cdiv class=\"ph-mechanism-cards\"\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003e5 أنواع طين طبيعي\u003c\/h3\u003e\n        \u003cul class=\"ph-feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eبنتونايت:\u003c\/strong\u003e يمتص الدهون الزائدة والسموم من أعماق المسام\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eكاولين:\u003c\/strong\u003e تنظيف لطيف مناسب للبشرة الحساسة\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eالطين الكندي الكولويدي:\u003c\/strong\u003e امتصاص قوي للشوائب العنيدة\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eمونتموريلونايت وإيليت:\u003c\/strong\u003e تنظيف شامل لأدق التفاصيل\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003e3 أحماض متطورة\u003c\/h3\u003e\n        \u003cul class=\"ph-feature-list white\"\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      \n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003eمكونات مهدئة\u003c\/h3\u003e\n        \u003cul class=\"ph-feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eجوايازولين:\u003c\/strong\u003e مستخلص طبيعي من البابونج الألماني يهدئ الاحمرار\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eالألانتوين:\u003c\/strong\u003e يسرع شفاء البشرة ويمنع الجفاف\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eمستخلص الشاي الأخضر:\u003c\/strong\u003e مضاد أكسدة قوي يحمي من الجذور الحرة\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003ch2 class=\"ph-section-title\"\u003eالماسك الوحيد اللي بيشوف شوائب مخفية في مسامك مش شايفاها بعينك\u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n   \n\n  \u003c!-- Speed Section --\u003e\n  \u003cdiv class=\"ph-section\"\u003e\n   \n    \u003ch3 style=\"text-align: center; color: #9C8102; font-size: 1.5rem; margin: 2rem 0;\"\u003e\n      \u003cstrong\u003eأسرع ماسك في تنقية المسام في العالم\u003c\/strong\u003e\n    \u003c\/h3\u003e\n    \n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_zero_pore_blackhead_mud_mask_3.webp?v=1759083499\" alt=\"تقنية التجفيف السريع\" class=\"ph-product-image\" style=\"margin: 2rem auto;\"\u003e\n    \n    \u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; max-width: 800px; margin: 2rem auto; line-height: 1.7;\"\u003e\n      \u003cstrong\u003eازاي ماسك يشتغل في 3 دقائق بس؟\u003c\/strong\u003e\u003cbr\u003e\n      ميديكوب طورت \u003cstrong\u003eتقنية التجفيف السريع\u003c\/strong\u003e اللي تخلي الماسك يجف بسرعة ويلتصق بالرؤوس السوداء والشوائب ويطلعها من المسام في وقت قياسي.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Results Timeline --\u003e\n  \u003cdiv class=\"ph-timeline-section\"\u003e\n    \u003ch2 class=\"ph-section-title\"\u003eمن بشرة \"مليانة حفر\" لبشرة \"ملساء كالمراية\" في 3 دقائق فقط\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ph-timeline-container\"\u003e\n      \u003cdiv class=\"ph-timeline-item\"\u003e\n        \u003cdiv class=\"ph-timeline-badge\"\u003eمن أول استخدام\u003c\/div\u003e\n        \u003cdiv class=\"ph-timeline-card\"\u003e\n          \u003ch3 class=\"ph-timeline-title\"\u003eتنظيف فوري وملموس\u003c\/h3\u003e\n          \u003cdiv class=\"ph-timeline-benefits\"\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eتنظيف عميق فوري للمسام والرؤوس السوداء\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eتأثير مبرد ومنعش يهدئ البشرة المتهيجة\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eملمس أنعم وأكثر نظافة للبشرة\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-timeline-item\"\u003e\n        \u003cdiv class=\"ph-timeline-badge\"\u003eخلال أسبوع\u003c\/div\u003e\n        \u003cdiv class=\"ph-timeline-card\"\u003e\n          \u003ch3 class=\"ph-timeline-title\"\u003eتحسن واضح في ملمس البشرة\u003c\/h3\u003e\n          \u003cdiv class=\"ph-timeline-benefits\"\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eتقليل واضح في حجم المسام المرئية\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eامتصاص أفضل للدهون الزائدة وتقليل اللمعان\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eتحسن في ملمس البشرة ونعومتها\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-timeline-item\"\u003e\n        \u003cdiv class=\"ph-timeline-badge\"\u003eخلال أسبوعين\u003c\/div\u003e\n        \u003cdiv class=\"ph-timeline-card\"\u003e\n          \u003ch3 class=\"ph-timeline-title\"\u003eنتائج مثبتة علمياً\u003c\/h3\u003e\n          \u003cdiv class=\"ph-timeline-benefits\"\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eتحسن مثبت علمياً في حجم وعدد وعمق المسام\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eتقليل الرؤوس السوداء الجديدة وتنظيف أعمق\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eإشراق أكثر ونقاء واضح للبشرة\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-timeline-item\"\u003e\n        \u003cdiv class=\"ph-timeline-badge\"\u003eمع الاستخدام المنتظم\u003c\/div\u003e\n        \u003cdiv class=\"ph-timeline-card\"\u003e\n          \u003ch3 class=\"ph-timeline-title\"\u003eتحول دائم للبشرة\u003c\/h3\u003e\n          \u003cdiv class=\"ph-timeline-benefits\"\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eمسام أصغر وأقل ظهوراً بشكل دائم\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eتحكم أفضل في الدهون والحبوب\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ph-timeline-benefit\"\u003e\n              \u003cspan class=\"ph-benefit-text\"\u003eبشرة أكثر نعومة وإشراقاً طبيعياً\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cp style=\"text-align: center; font-size: 1.3rem; font-weight: bold; color: #9C8102; margin-top: 3rem;\"\u003e\n      أقوى من جلسة التنظيف العميق بـ 2000 جنيه.. في بيتك وفي 3 دقائق\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Instructions --\u003e\n  \u003cdiv class=\"ph-usage-section\"\u003e\n    \u003ch2 class=\"ph-usage-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ph-usage-steps\"\u003e\n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eتحضير البشرة\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eاغسل وشك كويس بالغسول المناسب لنوع بشرتك، وسيبه ينشف برفق\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eتطبيق الماسك\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eباستخدام الفرشة أو أطراف صوابعك، وزع طبقة متوسطة من الماسك على أماكن المسام الواسعة والرؤوس السوداء\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eانتظار التجفيف\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eسيب الماسك على البشرة لمدة 3-5 دقائق بس، أو حتى يجف\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eالإزالة والترطيب\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eاغسل وشك بمية فاترة بحركات دائرية خفيفة، ثم حط مرطب خفيف\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"background: rgba(255,255,255,0.1); padding: 2rem; border-radius: 15px; margin-top: 3rem; position: relative; z-index: 2;\"\u003e\n      \u003ch3 style=\"color: #D4AF37; margin-bottom: 1.5rem; text-align: center;\"\u003eنصايح هامة:\u003c\/h3\u003e\n      \u003cul class=\"ph-feature-list white\"\u003e\n        \u003cli\u003eاستخدم الماسك \u003cstrong\u003eمرتين أسبوعياً\u003c\/strong\u003e فقط، وممكن مرة أسبوعياً لو بشرتك حساسة\u003c\/li\u003e\n        \u003cli\u003eمتستخدمش الماسك على بشرة مجروحة أو فيها التهابات شديدة\u003c\/li\u003e\n        \u003cli\u003eلازم بعد الماسك تستخدم مرطب مناسب عشان تحافظ على الرطوبة\u003c\/li\u003e\n        \u003cli\u003eلو حسيت باحمرار خفيف، ده طبيعي وهيرجع يهدى في خلال دقائق\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients List --\u003e\n  \u003cdiv class=\"ph-ingredients-list\"\u003e\n    \u003ch2 class=\"ph-ingredients-list-title\"\u003eجميع المكونات\u003c\/h2\u003e\n    \u003cdiv class=\"ph-ingredients-text\"\u003e\n      Water, Kaolin (CI 77004), Bentonite, Methylpropanediol, 1,2-Hexanediol, Sodium Hyaluronate, Chlorella Vulgaris Extract, Citrus Aurantium Bergamia (Bergamot) Fruit Oil, Citrus Limon (Lemon) Peel Oil, Citrus Aurantium Dulcis (Orange) Peel Oil, Cynanchum Atratum Extract, Althaea Rosea Flower Extract, Oenothera Biennis (Evening Primrose) Flower Extract, Pinus Palustris Leaf Extract, Pueraria Lobata Root Extract, Ulmus Davidiana Root Extract, Diospyros Kaki Leaf Extract, Vitis Vinifera (Grape) Fruit Extract, Carthamus Tinctorius (Safflower) Flower Extract, Coffea Arabica (Coffee) Seed Extract, Polygonum Cuspidatum Root Extract, Camellia Sinensis Leaf Extract, Castanea Crenata (Chestnut) Shell Extract, Zanthoxylum Piperitum Fruit Extract, Tetrasodium Pyrophosphate, Magnesium Aluminum Silicate, Caprylyl Glycol, Cellulose, Glucose, Butylene Glycol, Allantoin, Fructooligosaccharides, Fructose, Ethylhexylglycerin, Sodium Phytate, Tocopherol, Canadian Colloidal Clay, Gluconolactone, Salicylic Acid, Glycolic Acid, Pentylene Glycol, Montmorillonite, Illite, Methyl Diisopropyl Propionamide, Copper Tripeptide-1, Xanthan Gum, Caffeine, Limonene, Ferric Ammonium Ferrocyanide (CI 77510), Guaiazulene\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Final Call to Action --\u003e\n  \u003cdiv class=\"ph-cta-section\"\u003e\n    \u003cdiv class=\"ph-floating-particles\"\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003ch2 class=\"ph-cta-title\"\u003eآخر ماسك هتحتاجه في حياتك للرؤوس السوداء والمسام الواسعة\u003c\/h2\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_zero_pore_blackhead_mud_mask_4.jpg?v=1759083488\" alt=\"ماسك ميديكوب - النتيجة النهائية\" class=\"ph-product-image\" style=\"margin: 2rem auto; position: relative; z-index: 2;\"\u003e\n    \u003cp class=\"ph-cta-text\"\u003e\n      \u003cstrong\u003eبعد أول تجربة هيتحول للماسك الأساسي في يومك لسنين جاية.. \n      لأنه مش مجرد ماسك تنظيف.. ده ماسك بيعيد بناء جلدك وبيعقم المسام على المستوى المجهري\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \u003cdiv style=\"position: relative; z-index: 2; margin-top: 2rem;\"\u003e\n      \u003cp style=\"font-size: 1.4rem; font-weight: bold; color: #D4AF37;\"\u003eاطلبه الآن\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* Subtle animations only *\/\n.ph-product-image {\n  transition: transform 0.3s ease, filter 0.3s ease;\n}\n\n.ph-product-image:hover {\n  transform: scale(1.02);\n  filter: brightness(1.05);\n}\n\n.ph-benefit-card:hover {\n  transform: translateY(-3px);\n}\n\n.ph-mechanism-card:hover {\n  background: rgba(255,255,255,0.15);\n}\n\n.ph-usage-step:hover {\n  background: rgba(255,255,255,0.15);\n}\n\n.ph-timeline-card:hover {\n  transform: translateY(-2px);\n}\n\n\/* Fade in animation for benefit items *\/\n.ph-timeline-benefit {\n  opacity: 0;\n  transform: translateY(10px);\n  animation: subtleFadeIn 0.6s ease forwards;\n}\n\n.ph-timeline-benefit:nth-child(1) { animation-delay: 0.1s; }\n.ph-timeline-benefit:nth-child(2) { animation-delay: 0.2s; }\n.ph-timeline-benefit:nth-child(3) { animation-delay: 0.3s; }\n\n@keyframes subtleFadeIn {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Icon pulse animation *\/\n.ph-benefit-icon {\n  animation: iconPulse 4s ease-in-out infinite;\n}\n\n@keyframes iconPulse {\n  0%, 100% { \n    transform: scale(1); \n    box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n  }\n  50% { \n    transform: scale(1.02); \n    box-shadow: 0 8px 25px rgba(156, 129, 2, 0.4);\n  }\n}\n\n\/* Timeline badge hover effect *\/\n.ph-timeline-badge:hover {\n  transform: scale(1.05);\n  box-shadow: 0 8px 20px rgba(156, 129, 2, 0.4);\n}\n\n\/* Smooth transitions for all interactive elements *\/\n.ph-benefit-card,\n.ph-mechanism-card,\n.ph-usage-step,\n.ph-timeline-card,\n.ph-timeline-badge {\n  transition: all 0.3s ease;\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \n  \/\/ Simple hover effects for benefit cards\n  const benefitCards = document.querySelectorAll('.ph-benefit-card');\n  benefitCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.borderColor = '#9C8102';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.borderColor = 'transparent';\n    });\n  });\n  \n  \/\/ Subtle icon rotation on hover\n  const benefitIcons = document.querySelectorAll('.ph-benefit-icon');\n  benefitIcons.forEach(icon =\u003e {\n    icon.addEventListener('mouseenter', function() {\n      this.style.transform = 'rotate(5deg) scale(1.05)';\n    });\n    \n    icon.addEventListener('mouseleave', function() {\n      this.style.transform = 'rotate(0deg) scale(1)';\n    });\n  });\n  \n  \/\/ Timeline badge glow effect\n  const timelineBadges = document.querySelectorAll('.ph-timeline-badge');\n  timelineBadges.forEach(badge =\u003e {\n    badge.addEventListener('mouseenter', function() {\n      this.style.background = 'linear-gradient(45deg, #D4AF37, #9C8102)';\n    });\n    \n    badge.addEventListener('mouseleave', function() {\n      this.style.background = 'linear-gradient(45deg, #9C8102, #D4AF37)';\n    });\n  });\n  \n  \/\/ Usage step number bounce\n  const stepNumbers = document.querySelectorAll('.ph-step-number');\n  stepNumbers.forEach(number =\u003e {\n    number.addEventListener('mouseenter', function() {\n      this.style.transform = 'scale(1.1)';\n    });\n    \n    number.addEventListener('mouseleave', function() {\n      this.style.transform = 'scale(1)';\n    });\n  });\n  \n});\n\u003c\/script\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":46999434166446,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicube_zero_pore_blackhead_mud_mask_183929cb-2941-473f-99b9-a2ba1645bacc.jpg?v=1788175214"},{"product_id":"medicube-collagen-jelly-cream","title":"Medicube كريم جيلي بالكولاجين والنياسيناميد لشد البشرة ومكافحة التجاعيد - 110 جم","description":"\u003cdiv class=\"med-premium-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (Medicube Jelly \u0026 Gold Theme) === *\/\n        .med-premium-wrapper {\n            --med-bg-dark: #0f0a05; \/* Very dark warm brown\/black *\/\n            --med-bg-card: rgba(30, 20, 10, 0.6); \/* Translucent dark gold\/brown *\/\n            --med-gold-main: #d4af37; \/* Classic Gold *\/\n            --med-gold-light: #f9e596; \/* Light glowing gold *\/\n            --med-gold-glow: rgba(212, 175, 55, 0.3);\n            --med-pink-jelly: #ffb6c1; \/* Soft jelly pink *\/\n            --med-text-main: #fdfbf7;\n            --med-text-muted: #dcd3c6;\n            --med-border: rgba(212, 175, 55, 0.2);\n            --med-border-hover: rgba(212, 175, 55, 0.6);\n            \n            background-color: var(--med-bg-dark);\n            color: var(--med-text-main);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 30px 0;\n            border-radius: 16px;\n            box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n        }\n\n        .med-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .med-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .med-container {\n            max-width: 850px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Ambient Jelly Particles === *\/\n        .med-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .med-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--med-gold-glow) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpJelly 15s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpJelly {\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(-1500px) scale(1.5) translateX(40px); opacity: 0; }\n        }\n\n        \/* === Typography === *\/\n        .med-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4.5vw, 36px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.5;\n            background: linear-gradient(135deg, #ffffff 0%, var(--med-gold-light) 50%, #ffffff 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--med-gold-glow);\n        }\n\n        .med-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 4vw, 28px);\n            font-weight: 800;\n            color: var(--med-gold-light);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .med-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -12px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--med-gold-main), transparent);\n            border-radius: 10px;\n        }\n\n        \/* === Hero Section === *\/\n        .med-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .med-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.15);\n            border: 1px solid var(--med-gold-main);\n            color: var(--med-gold-light);\n            padding: 8px 20px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 20px;\n            box-shadow: 0 0 20px var(--med-gold-glow);\n        }\n        \n        .med-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--med-text-muted);\n            max-width: 750px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .med-glass-box {\n            background: var(--med-bg-card);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid var(--med-border);\n            border-radius: 20px;\n            padding: 30px;\n            margin: 40px 0;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .med-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(--med-gold-light), transparent);\n        }\n\n        \/* === Grids === *\/\n        .med-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .med-card {\n            background: linear-gradient(145deg, rgba(30, 20, 10, 0.6), rgba(15, 10, 5, 0.9));\n            border: 1px solid var(--med-border);\n            border-radius: 16px;\n            padding: 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .med-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--med-gold-light);\n            box-shadow: 0 10px 30px var(--med-gold-glow);\n            background: rgba(40, 25, 15, 0.8);\n        }\n\n        .med-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(249, 229, 150, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--med-gold-light);\n            font-size: 24px;\n            transition: transform 0.3s ease;\n        }\n        \n        .med-card:hover .med-icon {\n            transform: scale(1.1) rotate(-5deg);\n            background: linear-gradient(135deg, var(--med-gold-main), #fff);\n            color: #000;\n            border-color: transparent;\n        }\n\n        .med-card h3 {\n            font-size: 1.15rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .med-card p {\n            color: var(--med-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === Comparison \/ Stats Table === *\/\n        .med-compare-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            margin-top: 20px;\n        }\n        \n        .med-compare-box {\n            background: rgba(0,0,0,0.3);\n            border: 1px solid rgba(255,255,255,0.05);\n            padding: 20px;\n            border-radius: 12px;\n        }\n        \n        .med-compare-box h4 {\n            color: var(--med-gold-light);\n            margin-bottom: 15px;\n            border-bottom: 1px dashed var(--med-border);\n            padding-bottom: 10px;\n            text-align: center;\n        }\n        \n        .med-compare-list {\n            list-style: none;\n        }\n        \n        .med-compare-list li {\n            margin-bottom: 10px;\n            font-size: 0.9rem;\n            color: var(--med-text-muted);\n        }\n        \n        .med-compare-list.bad li::before { content: '✗ '; color: #ff5252; }\n        .med-compare-list.good li::before { content: '✓ '; color: #4caf50; }\n\n        .med-stats {\n            display: flex;\n            justify-content: space-around;\n            flex-wrap: wrap;\n            gap: 20px;\n            margin: 40px 0;\n            background: var(--med-bg-card);\n            padding: 30px;\n            border-radius: 16px;\n            border: 1px solid var(--med-border);\n        }\n\n        .med-stat-item {\n            text-align: center;\n            flex: 1;\n            min-width: 150px;\n        }\n\n        .med-stat-num {\n            font-size: 3rem;\n            font-weight: 900;\n            background: linear-gradient(135deg, var(--med-gold-light), var(--med-gold-main));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            line-height: 1.2;\n            margin-bottom: 5px;\n        }\n\n        \/* === Usage Steps === *\/\n        .med-steps-container {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .med-step-item {\n            display: flex;\n            align-items: center;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--med-border);\n            padding: 20px;\n            border-radius: 12px;\n            transition: all 0.3s;\n        }\n        \n        .med-step-item:hover {\n            border-color: var(--med-gold-light);\n            background: rgba(212, 175, 55, 0.05);\n        }\n\n        .med-step-num {\n            font-size: 2rem;\n            font-weight: 900;\n            color: rgba(212, 175, 55, 0.2);\n            -webkit-text-stroke: 1px var(--med-gold-light);\n            margin-left: 20px;\n            min-width: 40px;\n            text-align: center;\n        }\n\n        .med-alert-box {\n            background: rgba(212, 175, 55, 0.1);\n            border-right: 4px solid var(--med-gold-main);\n            padding: 20px;\n            border-radius: 8px;\n            margin-top: 20px;\n        }\n\n        .med-alert-box ul {\n            list-style: none;\n            padding-right: 20px;\n        }\n\n        .med-alert-box li {\n            position: relative;\n            margin-bottom: 10px;\n            color: var(--med-text-muted);\n        }\n\n        .med-alert-box li::before {\n            content: '💡';\n            position: absolute;\n            right: -25px;\n            font-size: 0.9rem;\n        }\n\n        \/* === Footer \u0026 Ingredients === *\/\n        .med-ingredients {\n            background: rgba(0,0,0,0.4);\n            border: 1px dashed var(--med-border);\n            border-radius: 12px;\n            padding: 25px;\n            font-size: 0.85rem;\n            color: #888;\n            margin-top: 40px;\n            text-align: left;\n            direction: ltr;\n        }\n        \n        .med-ingredients strong { color: var(--med-gold-light); }\n\n        \/* === Animations === *\/\n        .med-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .med-reveal.med-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .med-delay-1 { transition-delay: 0.1s; }\n        .med-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .med-compare-grid { grid-template-columns: 1fr; }\n            .med-step-item { flex-direction: column; text-align: center; }\n            .med-step-num { margin-left: 0; margin-bottom: 10px; }\n            .med-stat-num { font-size: 2.5rem; }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"med-ambient-particles\" id=\"med-particles\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"med-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"med-hero med-reveal med-active\"\u003e\n            \u003cdiv class=\"med-badge\"\u003eالكولاجين المُجمد بالنيتروجين\u003c\/div\u003e\n            \u003ch1 class=\"med-title-glow\"\u003eالتكنولوجيا التي غيرت قواعد مكافحة الشيخوخة: سر \"البشرة الزجاجية الكورية\" أخيراً بين يديكِ!\u003c\/h1\u003e\n            \n            \u003cp class=\"med-hero-subtitle\"\u003e\n                \"لمستي بشرتك وحسيتي إنها بدأت تفقد مرونتها؟ الخطوط الدقيقة بدأت تظهر؟ البشرة بقت باهتة ومش ممتلئة زي زمان؟\"\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_collagen_jelly_cream_3.webp?v=1760884975\" alt=\"MEDICUBE Collagen Jelly Cream\" style=\"margin: 0 auto 30px;\"\u003e\n            \n            \u003ch2 class=\"med-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.5rem;\"\u003eMEDICUBE Collagen Jelly Cream\u003c\/h2\u003e\n            \u003cp style=\"color: var(--med-text-muted); max-width: 750px; margin: 0 auto; line-height: 1.8;\"\u003e\n                الكولاجين هو السر وراء البشرة الشابة المشدودة - بس المشكلة إن إنتاجه بيقل 1% كل سنة بعد سن الـ25. \u003cstrong\u003eMEDICUBE Collagen Jelly Cream\u003c\/strong\u003e هو أول كريم جيلي كوري بكولاجين مجفف بالتجميد في حرارة -120 درجة مئوية. النتيجة؟ كولاجين متحلل نقي جداً (260 دالتون) بيخترق البشرة ويشتغل فعلاً، مش بس يرطب السطح. \u003cstrong\u003eيعمل \"فوتوشوب\" لوشك في ثواني!\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Problem \u0026 Science Section --\u003e\n        \u003ch2 class=\"med-section-title med-reveal\"\u003eفقدان الكولاجين = فقدان الشباب\u003c\/h2\u003e\n        \n        \u003cdiv class=\"med-glass-box med-reveal\" style=\"text-align: center;\"\u003e\n            \u003ch3 style=\"color: var(--med-gold-light); margin-bottom: 15px;\"\u003eالحقيقة العلمية القاسية\u003c\/h3\u003e\n            \u003cp style=\"color: var(--med-text-muted); margin-bottom: 30px;\"\u003eبعد سن الـ25، الجسم بينتج \u003cstrong\u003e1% كولاجين أقل كل سنة\u003c\/strong\u003e. يعني لما توصلي 35، خسرتي 10% من الكولاجين. ولما توصلي 45، خسرتي 20%. النتيجة؟ تجاعيد، ترهل، وفقدان النضارة.\u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_collagen_jelly_cream.webp?v=1760884975\" alt=\"تقنية التجفيف بالتجميد\" style=\"margin: 0 auto 30px;\"\u003e\n            \n            \u003ch3 style=\"color: #fff; margin-bottom: 15px;\"\u003eالفرق بين الكولاجين العادي والكولاجين المجفف بالتجميد\u003c\/h3\u003e\n            \u003cp style=\"color: var(--med-text-muted);\"\u003eالكولاجين العادي في معظم الكريمات جزيئاته كبيرة جداً، بيفضل على سطح البشرة وبيضيع. MEDICUBE غيرت المعادلة.\u003c\/p\u003e\n            \n            \u003cdiv class=\"med-compare-grid\"\u003e\n                \u003cdiv class=\"med-compare-box\"\u003e\n                    \u003ch4\u003eالكولاجين العادي\u003c\/h4\u003e\n                    \u003cul class=\"med-compare-list bad\"\u003e\n                        \u003cli\u003eجزيئات كبيرة جداً (300,000+ دالتون)\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=\"med-compare-box\" style=\"border-color: var(--med-gold-main); background: rgba(212, 175, 55, 0.1);\"\u003e\n                    \u003ch4\u003eكولاجين MEDICUBE\u003c\/h4\u003e\n                    \u003cul class=\"med-compare-list good\"\u003e\n                        \u003cli\u003eتجفيف بالنيتروجين في -120°C\u003c\/li\u003e\n                        \u003cli\u003eمتحلل وصغير جداً (260 دالتون)\u003c\/li\u003e\n                        \u003cli\u003eيخترق طبقات البشرة العميقة\u003c\/li\u003e\n                        \u003cli\u003eمستقر، نقي، وفعال 100%\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. Clinical Results --\u003e\n        \u003ch2 class=\"med-section-title med-reveal\"\u003eالدراسات السريرية على الكولاجين الموضعي\u003c\/h2\u003e\n        \u003cdiv class=\"med-stats med-reveal\"\u003e\n            \u003cdiv class=\"med-stat-item\"\u003e\n                \u003cdiv class=\"med-stat-num\"\u003e39%\u003c\/div\u003e\n                \u003cdiv style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eتحسن في مرونة الجلد\u003cbr\u003eبعد 4 أسابيع\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-stat-item\"\u003e\n                \u003cdiv class=\"med-stat-num\"\u003e20%\u003c\/div\u003e\n                \u003cdiv style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eتقليل في عمق الخطوط\u003cbr\u003eالدقيقة والتجاعيد\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-stat-item\"\u003e\n                \u003cdiv class=\"med-stat-num\"\u003e200%\u003c\/div\u003e\n                \u003cdiv style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eزيادة تقريبية في\u003cbr\u003eمستويات الترطيب\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 4. Active Ingredients Deep Dive --\u003e\n        \u003ch2 class=\"med-section-title med-reveal\"\u003eالمكونات النشطة المتطورة\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_collagen_jelly_cream_5.webp?v=1760884975\" alt=\"المكونات النشطة\" class=\"med-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n        \n        \u003cdiv class=\"med-grid\"\u003e\n            \u003cdiv class=\"med-card med-reveal\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003e3 أشكال من الكولاجين\u003c\/h3\u003e\n                \u003cp\u003eكولاجين مجفف بالتجميد + كولاجين قابل للذوبان + كولاجين متحلل. ميكس بيشتغل على كل طبقات البشرة من السطح للعمق لأقصى فعالية وامتلاء.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-card med-reveal med-delay-1\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003eإيلاستين متحلل (Elastin)\u003c\/h3\u003e\n                \u003cp\u003eصديق الكولاجين الوفي. يعيد المرونة والمقاومة، وهو المسؤول عن قدرة البشرة على الرجوع لمكانها المشدود بعد أي حركة تعبيرية.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-card med-reveal med-delay-2\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003eنياسيناميد (فيتامين B3)\u003c\/h3\u003e\n                \u003cp\u003eيفتح البقع الداكنة، يزيد الإشراق، يوازن إفراز الدهون، ويصغر شكل المسام المزعجة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-card med-reveal\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003eحمض الهيالورونيك\u003c\/h3\u003e\n                \u003cp\u003eمتعدد الأوزان الجزيئية - يوفر ترطيب عميق، يملأ الخطوط الدقيقة، ويمنع جفاف البشرة المسبب للتجاعيد.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-card med-reveal med-delay-1\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003eسكوالين (Squalane)\u003c\/h3\u003e\n                \u003cp\u003eزيت خفيف جداً يشبه دهون البشرة الطبيعية. يصلح الحاجز الجلدي، يمنح نعومة فائقة، ولا يسد المسام (Non-comedogenic).\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-card med-reveal med-delay-2\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003e10 مضادات أكسدة نباتية\u003c\/h3\u003e\n                \u003cp\u003eتوت أزرق، بروكلي، سبانخ، بيض السلمون، وشاي أخضر. جيش كامل لحماية بشرتك من الأكسدة وتحفيز التجديد الخلوي.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Benefits Grid --\u003e\n        \u003ch2 class=\"med-section-title med-reveal\"\u003eالفوائد المثبتة: إيه اللي هيتغير في بشرتك؟\u003c\/h2\u003e\n        \u003cdiv class=\"med-grid\"\u003e\n            \u003cdiv class=\"med-card med-reveal\" style=\"grid-column: 1 \/ -1; background: rgba(30,20,10,0.8); border-color: var(--med-gold-main);\"\u003e\n                \u003cdiv class=\"med-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3 style=\"font-size: 1.3rem;\"\u003eتأثير \"الفلتر الطبيعي\" (Instant Glass Glow)\u003c\/h3\u003e\n                \u003cp\u003eمن أول استخدام، قوام الجيلي بيعمل طبقة شفافة مرنة بتعكس الإضاءة بشكل يجنن، بيديكي مظهر \"البشرة الزجاجية الكورية\" الصافية والمروية اللي مش محتاجة معاها فاونديشن.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"med-card med-reveal\"\u003e\n                \u003cdiv class=\"med-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eامتلاء ونفخ الخطوط (Plumping)\u003c\/h3\u003e\n                \u003cp\u003eبقوة الكولاجين والهيالورونيك، بيعالج مظهر البشرة الهابطة أو التعبانة، وبينفخ الخطوط الرفيعة عشان بشرتك ترجع مرنة ومليانة (Bouncy Skin).\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"med-card med-reveal med-delay-1\"\u003e\n                \u003cdiv class=\"med-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eالبطانة المثالية قبل المكياج\u003c\/h3\u003e\n                \u003cp\u003eالبنات اللي بيستخدموه أجمعوا إنه بيثبت الميك أب بشكل خرافي ومابيعملش أي قشرة (No Pilling)، بالعكس بيخلي الفاونديشن يندمج كأنه طبقة تانية من جلدك.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"med-card med-reveal\"\u003e\n                \u003cdiv class=\"med-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eتوازن ذكي لكل الأنواع\u003c\/h3\u003e\n                \u003cp\u003eلو بشرتك دهنية: هيديكي اللمعة والترطيب من غير ما يسد مسامك. ولو جافة: هيعوضها عن كل نقطة ماية فقدتها ويهديها بقوامه المنعش.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"med-card med-reveal med-delay-1\"\u003e\n                \u003cdiv class=\"med-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eآمن للبشرة الحساسة\u003c\/h3\u003e\n                \u003cp\u003eمصمم لتقليل التهيج، يقوي حاجز البشرة المتضرر بفضل السكوالين والبروتيوجليكان، ومناسب للاستخدام اليومي حتى للبشرة شديدة التفاعل.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Usage Instructions --\u003e\n        \u003ch2 class=\"med-section-title med-reveal\"\u003eطريقة الاستخدام الاحترافية\u003c\/h2\u003e\n        \n        \u003cdiv class=\"med-compare-grid med-reveal\"\u003e\n            \u003cdiv\u003e\n                \u003ch3 style=\"color: var(--med-gold-light); text-align: center; margin-bottom: 20px;\"\u003eكـ كريم مرطب (يومياً)\u003c\/h3\u003e\n                \u003cdiv class=\"med-steps-container\"\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e1\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eبعد السيروم\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eضعي طبقة رقيقة على الوجه والرقبة.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e2\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالتدليك\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eدلكي بلطف حتى الامتصاص الكامل.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e3\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالتكرار\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eيُستخدم صباحاً ومساءً لنتائج مثالية.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv\u003e\n                \u003ch3 style=\"color: var(--med-gold-light); text-align: center; margin-bottom: 20px;\"\u003eكـ ماسك مكثف (2-3 مرات أسبوعياً)\u003c\/h3\u003e\n                \u003cdiv class=\"med-steps-container\"\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e1\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eطبقة سميكة\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eضعي طبقة سخية على الوجه والرقبة.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e2\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالانتظار\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eاتركيه 10-15 دقيقة، أو طوال الليل (Sleeping mask).\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e3\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالنهاية\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eاشطفي الفائض أو اتركيه يُمتص بالكامل.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"med-alert-box med-reveal\"\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eكمية قليلة تكفي:\u003c\/strong\u003e القوام جيلي ومركز جداً، لا تبالغي في الكمية.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eاللون الوردي طبيعي:\u003c\/strong\u003e ناتج عن الفيتامينات والمستخلصات، وليس ألوان صناعية.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eللبشرة الدهنية جداً:\u003c\/strong\u003e استخدمي طبقة رقيقة جداً واختبريه أولاً.\u003c\/li\u003e\n                \u003cli\u003eيمكن استخدامه مع أجهزة العناية بالبشرة (Microcurrent, RF) لاختراق أعمق.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 7. Value \u0026 Final CTA --\u003e\n        \u003cdiv class=\"med-glass-box med-reveal\" style=\"margin-top: 60px; text-align: center; border-color: var(--med-gold-main);\"\u003e\n            \u003ch2 class=\"med-title-glow\" style=\"font-size: clamp(22px, 4vw, 30px);\"\u003eقيمة استثنائية واستثمار ذكي\u003c\/h2\u003e\n            \u003cul style=\"list-style: none; text-align: right; max-width: 600px; margin: 0 auto 30px;\"\u003e\n                \u003cli style=\"margin-bottom: 15px; color: var(--med-text-muted);\"\u003e\n\u003cstrong style=\"color: var(--med-gold-light);\"\u003e✦ براند كوري طبي متقدم:\u003c\/strong\u003e Medicube تعتمد على أبحاث أطباء الجلدية لتقديم حلول علاجية وتجميلية.\u003c\/li\u003e\n                \u003cli style=\"margin-bottom: 15px; color: var(--med-text-muted);\"\u003e\n\u003cstrong style=\"color: var(--med-gold-light);\"\u003e✦ حجم اقتصادي جبار:\u003c\/strong\u003e يأتي بحجم عملاق \u003cstrong\u003e110 مل\u003c\/strong\u003e! أكثر من ضعف كمية الكريمات العادية (50 مل)، سيعيش معكِ لشهور.\u003c\/li\u003e\n                \u003cli style=\"margin-bottom: 15px; color: var(--med-text-muted);\"\u003e\n\u003cstrong style=\"color: var(--med-gold-light);\"\u003e✦ الترند العالمي:\u003c\/strong\u003e حقق مبيعات خرافية لأنه يعطي نتيجة \"البشرة الزجاجية\" فوراً وتظهر في الكاميرا من أول ثانية.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"med-reveal\" style=\"text-align: center; margin-top: 40px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.1)); border-radius: 20px; border: 1px solid var(--med-border);\"\u003e\n            \u003ch2 class=\"med-title-glow\" style=\"font-size: clamp(24px, 4vw, 32px);\"\u003eكل سنة = 1% كولاجين أقل. الوقت ليس في صالحك!\u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_collagen_jelly_cream_6.jpg?v=1760884975\" alt=\"Medicube Result\" style=\"margin: 30px auto;\"\u003e\n            \n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                البشرة تفقد مرونتها وامتلائها بشكل يومي. كلما انتظرتِ، تعمقت التجاعيد وزاد الترهل. الكولاجين المفقود لن يعود وحده — بشرتك تحتاج دعماً ذكياً من الخارج.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--med-gold-light); font-size: 1.4rem; font-weight: bold; margin-bottom: 30px; text-shadow: 0 0 15px var(--med-gold-glow);\"\u003e\n                التكنولوجيا الكورية المتقدمة في علبة واحدة. لن يرطب السطح فقط... سيخترق البشرة ويعيد بناء شبكة الكولاجين من الداخل.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 8. Ingredients Footer --\u003e\n        \u003cdiv class=\"med-ingredients med-reveal\"\u003e\n            \u003ch3 style=\"color: var(--med-gold-light); margin-bottom: 15px; font-size: 1.1rem; text-align: right; direction: rtl;\"\u003eقائمة المكوّنات الكاملة\u003c\/h3\u003e\n            \u003cp style=\"margin-bottom: 15px; text-align: right; direction: rtl;\"\u003e✓ خالي من: البارابين، السيليكون، الكبريتات، الكحول القاسي، الزيوت المعدنية.\u003cbr\u003e✓ تم اختباره من أطباء الجلدية.\u003c\/p\u003e\n            \u003cp\u003eWater, Propanediol, Dipropylene Glycol, Butylene Glycol, Methylpropanediol, Diethoxyethyl Succinate, Ethoxydiglycol, Ammonium Acryloyldimethyltaurate\/Beheneth-25 Methacrylate Crosspolymer, \u003cstrong\u003eNiacinamide\u003c\/strong\u003e, Trehalose, 1,2-Hexanediol, Chlorella Vulgaris Extract, \u003cstrong\u003eCollagen\u003c\/strong\u003e, \u003cstrong\u003eHydrolyzed Collagen\u003c\/strong\u003e, Cynanchum Atratum Extract, Althaea Rosea Flower Extract, \u003cstrong\u003eSoluble Collagen\u003c\/strong\u003e, Allium Sativum (Garlic) Bulb Extract, Avena Sativa (Oat) Kernel Extract, Bertholletia Excelsa Seed Extract, Brassica Oleracea Italica (Broccoli) Extract, Camellia Sinensis Seed Extract, Salmon Egg Extract, Solanum Lycopersicum (Tomato) Fruit Extract, Spinacia Oleracea (Spinach) Leaf Extract, Vaccinium Angustifolium (Blueberry) Fruit Extract, Wine Extract, Polyglyceryl-10 Isostearate, Tromethamine, Glucose, Polyglyceryl-10 Oleate, Ethylhexylglycerin, Fructooligosaccharides, Fructose, \u003cstrong\u003eAdenosine\u003c\/strong\u003e, Sodium Phytate, Cyanocobalamin, \u003cstrong\u003eTocopherol\u003c\/strong\u003e, Pullulan, Glycerin, \u003cstrong\u003eHydroxypropyltrimonium Hyaluronate\u003c\/strong\u003e, \u003cstrong\u003eSqualane\u003c\/strong\u003e, \u003cstrong\u003eSoluble Proteoglycan\u003c\/strong\u003e, \u003cstrong\u003eHydrolyzed Elastin\u003c\/strong\u003e, \u003cstrong\u003eSodium DNA\u003c\/strong\u003e, Carbomer, Xanthan Gum, Fragrance (Parfum)\u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ 1. Scroll Reveal Animation Logic\n            var reveals = document.querySelectorAll('.med-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('med-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('med-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ 2. Generate Ambient Jelly Particles\n            var ambientContainer = document.getElementById('med-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('med-particle');\n                \n                var size = Math.random() * 50 + 20; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 12; \n                var delay = Math.random() * 8; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":47183709929646,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicube_collagen_jelly.jpg?v=1763914516"},{"product_id":"medicube-txa-niacinamide-capsule-cream-5-55g","title":"Medicube كريم  التفتيح وعلاج التصبغات بكبسولات النياسيناميد والترانكساميك","description":"\u003cdiv class=\"txac-ultimate-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* ============================================================\n           MEDICUBE TXA + NIACINAMIDE CAPSULE CREAM — CUSTOMER-CENTRIC \u0026 HIGH CONVERTING\n           Theme: Obsidian Noir \u0026 Vibrant Berry Glow with High Contrast\n           System Fonts Only (Zero External Dependencies)\n           ============================================================ *\/\n        .txac-ultimate-wrapper {\n            --txac-neon-pink: #ff2a75;\n            --txac-neon-rose: #ff6595;\n            --txac-neon-gold: #ffd24a;\n            --txac-glow-pink: rgba(255, 42, 117, 0.45);\n            --txac-glow-gold: rgba(255, 210, 74, 0.45);\n\n            --txac-bg-base: #050204;\n            --txac-bg-surface: #0c0408;\n            --txac-bg-card: rgba(22, 6, 14, 0.92);\n            --txac-bg-card-hover: rgba(34, 10, 22, 0.98);\n\n            --txac-text-pure: #ffffff;\n            --txac-border: rgba(255, 42, 117, 0.28);\n            --txac-border-hover: rgba(255, 42, 117, 0.85);\n\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, 'Cairo', 'Tajawal', sans-serif;\n            line-height: 1.8;\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n            border-radius: 24px;\n            background-color: var(--txac-bg-base);\n            color: var(--txac-text-pure);\n            box-shadow: inset 0 0 120px rgba(255, 42, 117, 0.08);\n            box-sizing: border-box;\n            padding: 40px 0;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .txac-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* *\/\n        .neon-pink {\n            color: var(--txac-neon-pink) !important;\n            text-shadow: 0 0 10px var(--txac-glow-pink), 0 0 20px var(--txac-glow-pink);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--txac-neon-gold) !important;\n            text-shadow: 0 0 10px var(--txac-glow-gold), 0 0 20px var(--txac-glow-gold);\n            font-weight: 900;\n        }\n\n        .neon-rose {\n            color: var(--txac-neon-rose) !important;\n            text-shadow: 0 0 10px rgba(255, 101, 149, 0.5);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        .hl-gold {\n            color: var(--txac-neon-gold) !important;\n            background: rgba(255, 210, 74, 0.12);\n            border-bottom: 2px solid var(--txac-neon-gold);\n            text-shadow: 0 0 10px rgba(255, 210, 74, 0.6);\n            font-weight: 900;\n            padding: 1px 6px;\n            border-radius: 4px;\n            display: inline;\n        }\n\n        .hl-pink {\n            color: #ff8ab2 !important;\n            background: rgba(255, 42, 117, 0.15);\n            border-bottom: 2px solid var(--txac-neon-pink);\n            text-shadow: 0 0 10px rgba(255, 42, 117, 0.6);\n            font-weight: 900;\n            padding: 1px 6px;\n            border-radius: 4px;\n            display: inline;\n        }\n\n        .txac-ultimate-wrapper img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 20px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(255, 42, 117, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        .txac-img-md {\n            max-width: 650px !important;\n            width: 100%;\n        }\n\n        .txac-container {\n            max-width: 940px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n            box-sizing: border-box;\n        }\n\n        \/* *\/\n        .txac-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        .txac-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(110px);\n            opacity: 0.35;\n            animation: txacOrbFloat 18s infinite alternate ease-in-out;\n            pointer-events: none;\n        }\n\n        .txac-orb-1 {\n            width: 500px; height: 500px;\n            background: radial-gradient(circle, rgba(255, 42, 117, 0.22) 0%, transparent 70%);\n            top: -120px; right: -120px;\n        }\n\n        .txac-orb-2 {\n            width: 550px; height: 550px;\n            background: radial-gradient(circle, rgba(255, 210, 74, 0.16) 0%, transparent 70%);\n            bottom: 15%; left: -150px;\n            animation-delay: -6s;\n        }\n\n        @keyframes txacOrbFloat {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(40px, 80px) scale(1.15); }\n        }\n\n        \/* *\/\n        .txac-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(26px, 5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 22px;\n            line-height: 1.35;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(255, 42, 117, 0.45);\n            word-wrap: break-word;\n        }\n\n        .txac-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 3.8vw, 32px);\n            font-weight: 900;\n            color: #ffffff;\n            text-align: center;\n            margin: 55px auto 25px;\n            position: relative;\n            line-height: 1.4;\n            word-wrap: break-word;\n        }\n\n        .txac-section-title::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--txac-neon-pink), var(--txac-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--txac-glow-pink);\n        }\n\n        .txac-badge {\n            display: inline-block;\n            background: rgba(255, 42, 117, 0.14);\n            border: 1.5px solid var(--txac-neon-pink);\n            color: #ffffff;\n            padding: 8px 24px;\n            border-radius: 40px;\n            font-size: 0.95rem;\n            font-weight: 900;\n            margin-bottom: 20px;\n            box-shadow: 0 0 25px var(--txac-glow-pink);\n        }\n\n        .txac-hero-subtitle {\n            font-size: 1.2rem;\n            color: #ffffff;\n            max-width: 820px;\n            margin: 0 auto 30px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--txac-neon-pink);\n            padding-right: 18px;\n            background: linear-gradient(90deg, transparent, rgba(255, 42, 117, 0.1));\n            border-radius: 12px 0 0 12px;\n            text-align: right;\n        }\n\n        .txac-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--txac-neon-pink), var(--txac-neon-gold), var(--txac-neon-pink), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--txac-glow-pink);\n        }\n\n        \/* *\/\n        .txac-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .txac-card {\n            background: linear-gradient(145deg, rgba(26, 8, 17, 0.92), rgba(10, 3, 7, 0.98));\n            border: 1px solid var(--txac-border);\n            border-radius: 18px;\n            padding: 26px 20px;\n            transition: all 0.35s 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        }\n\n        .txac-card:hover {\n            transform: translateY(-6px);\n            border-color: var(--txac-neon-pink);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--txac-glow-pink);\n            background: rgba(36, 12, 24, 0.98);\n        }\n\n        .txac-icon-wrap {\n            width: 52px; height: 52px;\n            background: rgba(10, 3, 7, 0.9);\n            border: 1.5px solid rgba(255, 42, 117, 0.35);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 16px;\n            color: var(--txac-neon-pink);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(255, 42, 117, 0.15);\n            flex-shrink: 0;\n        }\n\n        .txac-card:hover .txac-icon-wrap {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--txac-neon-pink);\n            color: #050204;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--txac-neon-pink);\n        }\n\n        .txac-card:hover .txac-icon-wrap svg {\n            stroke: #050204;\n        }\n\n        .txac-icon-wrap svg {\n            width: 26px;\n            height: 26px;\n            stroke: var(--txac-neon-pink);\n        }\n\n        .txac-card h3 {\n            font-size: 1.22rem;\n            color: #ffffff;\n            margin-bottom: 8px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .txac-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .txac-ingredient-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 42, 117, 0.14);\n            border: 1px solid var(--txac-neon-pink);\n            color: var(--txac-neon-pink);\n            padding: 4px 12px;\n            border-radius: 8px;\n            font-size: 0.88rem;\n            font-weight: 800;\n            margin-bottom: 12px;\n            box-shadow: 0 0 12px rgba(255, 42, 117, 0.2);\n            width: fit-content;\n            max-width: 100%;\n        }\n\n        .txac-ingredient-tag.gold {\n            background: rgba(255, 210, 74, 0.14);\n            border-color: var(--txac-neon-gold);\n            color: var(--txac-neon-gold);\n            box-shadow: 0 0 12px rgba(255, 210, 74, 0.25);\n        }\n\n        .txac-ingredient-tag.rose {\n            background: rgba(255, 101, 149, 0.14);\n            border-color: var(--txac-neon-rose);\n            color: var(--txac-neon-rose);\n            box-shadow: 0 0 12px rgba(255, 101, 149, 0.25);\n        }\n\n        \/* *\/\n        .txac-dilemma-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 16px;\n            margin: 25px 0;\n            width: 100%;\n        }\n\n        .txac-dilemma-card {\n            background: rgba(20, 6, 14, 0.88);\n            border: 1px solid var(--txac-border);\n            border-radius: 16px;\n            padding: 22px 18px;\n            text-align: right;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .txac-dilemma-card.problem {\n            border-right: 4px solid var(--txac-neon-pink);\n            background: linear-gradient(145deg, rgba(32, 8, 18, 0.85), rgba(10, 3, 7, 0.95));\n        }\n\n        .txac-dilemma-card.solution {\n            border-right: 4px solid var(--txac-neon-gold);\n            background: linear-gradient(145deg, rgba(28, 14, 8, 0.85), rgba(8, 3, 6, 0.95));\n        }\n\n        .txac-dilemma-card h4 {\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n            line-height: 1.4;\n        }\n\n        .txac-dilemma-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        \/* بانر المعادلة الذكية *\/\n        .txac-synergy-banner {\n            background: linear-gradient(145deg, rgba(36, 8, 22, 0.96) 0%, rgba(14, 4, 10, 0.98) 100%);\n            border: 2px solid var(--txac-neon-pink);\n            border-radius: 22px;\n            padding: 40px 25px;\n            margin: 35px auto;\n            text-align: center;\n            box-shadow: 0 20px 60px rgba(255, 42, 117, 0.22);\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n        }\n\n        .txac-equation-badge {\n            display: inline-block;\n            background: rgba(255, 210, 74, 0.15);\n            border: 1.5px solid var(--txac-neon-gold);\n            color: var(--txac-neon-gold);\n            font-size: 1rem;\n            font-weight: 900;\n            padding: 6px 20px;\n            border-radius: 40px;\n            margin-bottom: 16px;\n            box-shadow: 0 0 20px var(--txac-glow-gold);\n        }\n\n        .txac-equation-display {\n            font-size: clamp(44px, 8vw, 76px);\n            font-weight: 900;\n            line-height: 1;\n            margin: 10px 0 20px;\n            direction: ltr;\n            display: inline-block;\n            background: linear-gradient(135deg, var(--txac-neon-pink) 0%, var(--txac-neon-rose) 40%, var(--txac-neon-gold) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            filter: drop-shadow(0 0 25px rgba(255, 42, 117, 0.5));\n            letter-spacing: 2px;\n        }\n\n        .txac-synergy-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 14px;\n            margin: 25px 0 20px;\n            width: 100%;\n            text-align: right;\n        }\n\n        .txac-synergy-card {\n            background: rgba(12, 3, 8, 0.9);\n            border: 1px solid var(--txac-border);\n            border-radius: 16px;\n            padding: 18px 16px;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .txac-synergy-card.combo {\n            border-color: var(--txac-neon-gold);\n            background: linear-gradient(145deg, rgba(34, 16, 6, 0.92), rgba(12, 4, 8, 0.98));\n            box-shadow: 0 0 25px rgba(255, 210, 74, 0.2);\n        }\n\n        .txac-synergy-card h4 {\n            font-size: 1.15rem;\n            font-weight: 900;\n            margin-bottom: 6px;\n            line-height: 1.35;\n        }\n\n        .txac-synergy-card p {\n            color: #ffffff;\n            font-size: 0.92rem;\n            line-height: 1.65;\n            font-weight: 500;\n        }\n\n        .txac-synergy-conclusion {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #ffffff;\n            line-height: 1.85;\n            margin-top: 18px;\n            padding: 18px;\n            border-radius: 14px;\n            background: rgba(0, 0, 0, 0.45);\n            border-right: 4px solid var(--txac-neon-gold);\n            text-align: right;\n        }\n\n        \/* شبكة الإحصائيات الموثقة *\/\n        .txac-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 16px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .txac-stat-box {\n            background: rgba(22, 6, 14, 0.9);\n            border: 1.5px solid var(--txac-border);\n            border-radius: 16px;\n            padding: 22px 14px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .txac-stat-box:hover {\n            border-color: var(--txac-neon-gold);\n            transform: translateY(-4px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n        }\n\n        .txac-stat-num {\n            font-size: clamp(32px, 5vw, 48px);\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 6px;\n            direction: ltr;\n        }\n\n        .txac-stat-title {\n            color: #ffffff;\n            font-size: 1rem;\n            font-weight: 800;\n            margin-bottom: 4px;\n        }\n\n        .txac-stat-desc {\n            color: #ffffff;\n            font-size: 0.85rem;\n            font-weight: 500;\n            opacity: 0.95;\n        }\n\n        \/* شبكة تخصيص القوام السهل *\/\n        .txac-ratio-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 16px;\n            margin: 25px 0;\n            width: 100%;\n        }\n\n        .txac-ratio-card {\n            background: rgba(20, 6, 14, 0.85);\n            border: 1.5px dashed var(--txac-border);\n            border-radius: 16px;\n            padding: 20px 14px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .txac-ratio-card:hover {\n            border-color: var(--txac-neon-gold);\n            transform: translateY(-4px);\n            background: rgba(30, 8, 20, 0.95);\n        }\n\n        .txac-ratio-card h4 {\n            color: #ffffff;\n            font-size: 1.1rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .txac-ratio-badge {\n            display: inline-block;\n            font-size: 1.15rem;\n            font-weight: 900;\n            color: var(--txac-neon-gold);\n            background: rgba(0, 0, 0, 0.6);\n            padding: 4px 12px;\n            border-radius: 8px;\n            border: 1px solid rgba(255, 210, 74, 0.3);\n            margin-bottom: 8px;\n            direction: ltr;\n        }\n\n        .txac-ratio-card p {\n            color: #ffffff;\n            font-size: 0.9rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \/* شبكة رحلة التحول *\/\n        .txac-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 14px;\n            margin: 25px 0;\n            width: 100%;\n        }\n\n        .txac-timeline-card {\n            background: rgba(20, 6, 14, 0.88);\n            border: 1px solid var(--txac-border);\n            border-top: 4px solid var(--txac-neon-pink);\n            border-radius: 14px;\n            padding: 20px 14px;\n            text-align: right;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .txac-timeline-card:hover {\n            transform: translateY(-5px);\n            border-top-color: var(--txac-neon-gold);\n            background: rgba(32, 10, 22, 0.95);\n        }\n\n        .txac-timeline-badge {\n            display: inline-block;\n            background: rgba(255, 42, 117, 0.14);\n            color: var(--txac-neon-pink);\n            font-weight: 900;\n            padding: 3px 12px;\n            border-radius: 20px;\n            margin-bottom: 10px;\n            font-size: 0.85rem;\n            border: 1px solid var(--txac-border);\n            white-space: nowrap;\n        }\n\n        .txac-timeline-card p {\n            color: #ffffff;\n            font-size: 0.92rem;\n            line-height: 1.65;\n            font-weight: 500;\n        }\n\n        \/* خطوات الاستخدام السريعة والمبسطة (3 خطوات فقط) *\/\n        .txac-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 16px;\n            margin: 25px 0;\n            width: 100%;\n        }\n\n        .txac-step-card {\n            background: rgba(20, 6, 14, 0.85);\n            border: 1.5px dashed var(--txac-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        .txac-step-card:hover {\n            border-color: var(--txac-neon-pink);\n            transform: translateY(-4px);\n            background: rgba(32, 10, 22, 0.95);\n        }\n\n        .txac-step-num {\n            width: 42px; height: 42px;\n            background: linear-gradient(135deg, #2d0615, #0a0104);\n            border: 2px solid var(--txac-neon-pink);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.25rem; font-weight: 900;\n            color: var(--txac-neon-gold);\n            margin: 0 auto 12px;\n            box-shadow: 0 0 15px var(--txac-glow-pink);\n        }\n\n        .txac-step-card h4 {\n            color: var(--txac-neon-pink);\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .txac-step-card p {\n            color: #ffffff;\n            font-size: 0.92rem;\n            line-height: 1.65;\n            font-weight: 500;\n        }\n\n        \/* شبكة القيمة مقابل السعر *\/\n        .txac-value-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 16px;\n            margin: 25px 0;\n            width: 100%;\n        }\n\n        .txac-value-card {\n            background: linear-gradient(145deg, rgba(24, 7, 16, 0.9), rgba(10, 3, 7, 0.98));\n            border: 1px solid var(--txac-border);\n            border-radius: 16px;\n            padding: 24px 16px;\n            text-align: right;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .txac-value-card:hover {\n            border-color: var(--txac-neon-gold);\n            transform: translateY(-4px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n        }\n\n        .txac-value-num {\n            width: 40px; height: 40px;\n            background: rgba(255, 42, 117, 0.15);\n            border: 1.5px solid var(--txac-neon-pink);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.15rem; font-weight: 900;\n            color: var(--txac-neon-gold);\n            margin-bottom: 12px;\n        }\n\n        .txac-value-card h3 {\n            font-size: 1.15rem;\n            font-weight: 900;\n            margin-bottom: 6px;\n            color: #ffffff;\n        }\n\n        .txac-value-card p {\n            color: #ffffff;\n            font-size: 0.92rem;\n            line-height: 1.65;\n            font-weight: 500;\n        }\n\n        \/* *\/\n        .txac-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        .txac-reveal.txac-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .txac-delay-1 { transition-delay: 0.12s; }\n        .txac-delay-2 { transition-delay: 0.24s; }\n\n        @media (max-width: 768px) {\n            .txac-ultimate-wrapper { padding: 25px 0; }\n            .txac-container { padding: 0 14px !important; }\n            .txac-img-md { max-width: 100% !important; }\n\n            .txac-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n            }\n\n            .txac-benefits-grid .txac-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .txac-benefits-grid .txac-icon-wrap {\n                width: 36px !important;\n                height: 36px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .txac-benefits-grid .txac-icon-wrap svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .txac-benefits-grid .txac-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 4px !important;\n                line-height: 1.3 !important;\n            }\n\n            .txac-benefits-grid .txac-ingredient-tag {\n                font-size: 0.72rem !important;\n                padding: 3px 6px !important;\n                margin-bottom: 6px !important;\n                line-height: 1.25 !important;\n                border-radius: 6px !important;\n            }\n\n            .txac-benefits-grid .txac-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            .txac-dilemma-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .txac-dilemma-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .txac-dilemma-card h4 {\n                font-size: 0.92rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .txac-dilemma-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .txac-stats-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .txac-stat-box {\n                padding: 16px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .txac-stat-box:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .txac-stat-num {\n                font-size: 32px !important;\n            }\n\n            .txac-stat-title {\n                font-size: 0.85rem !important;\n            }\n\n            .txac-stat-desc {\n                font-size: 0.75rem !important;\n            }\n\n            .txac-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .txac-timeline-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .txac-timeline-badge {\n                font-size: 0.72rem !important;\n                padding: 3px 8px !important;\n                margin-bottom: 6px !important;\n            }\n\n            .txac-timeline-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .txac-ratio-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .txac-ratio-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .txac-ratio-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .txac-ratio-badge {\n                font-size: 0.95rem !important;\n                padding: 3px 8px !important;\n            }\n\n            .txac-ratio-card h4 {\n                font-size: 0.92rem !important;\n            }\n\n            .txac-ratio-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.4 !important;\n            }\n\n            .txac-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .txac-step-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .txac-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .txac-step-num {\n                width: 36px !important;\n                height: 36px !important;\n                font-size: 1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .txac-step-card h4 {\n                font-size: 0.92rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .txac-step-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .txac-value-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .txac-value-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .txac-value-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .txac-value-num {\n                width: 34px !important;\n                height: 34px !important;\n                font-size: 0.95rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .txac-value-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .txac-value-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .txac-synergy-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 15px 0 !important;\n            }\n\n            .txac-synergy-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .txac-synergy-card.combo {\n                grid-column: span 2 !important;\n                text-align: center !important;\n            }\n\n            .txac-synergy-card h4 {\n                font-size: 0.92rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .txac-synergy-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .txac-synergy-banner {\n                padding: 26px 14px !important;\n                border-radius: 18px !important;\n                margin: 20px auto !important;\n            }\n\n            .txac-synergy-conclusion {\n                font-size: 0.88rem !important;\n                padding: 12px 10px !important;\n                line-height: 1.65 !important;\n            }\n\n            .txac-equation-display {\n                font-size: 42px !important;\n                margin: 8px 0 14px !important;\n            }\n\n            .txac-title-glow { font-size: 22px !important; }\n            .txac-section-title { font-size: 19px !important; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- جزيئات الإضاءة العائمة --\u003e\n    \u003cdiv class=\"txac-ambient-bg\"\u003e\n        \u003cdiv class=\"txac-orb txac-orb-1\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"txac-orb txac-orb-2\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"txac-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"txac-hero txac-reveal txac-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n            \u003cdiv class=\"txac-badge\"\u003eالابتكار الكوري الأقوى للتفتيح العميق\u003c\/div\u003e\n            \u003ch1 class=\"txac-title-glow\"\u003e\n                كريم Medicube TXA Niacinamide Capsule | الحل الجذري للكلف والتصبغات المستعصية\n            \u003c\/h1\u003e\n            \n            \u003cp class=\"txac-hero-subtitle\"\u003e\n                \"بتعالج البقع والكلف وبعد كام أسبوع \u003cspan class=\"hl-pink\"\u003eتتفاجئ إنها رجعت أغمق من الأول\u003c\/span\u003e؟ بتصحي الصبح تلاقي وشك شاحب ومطفي؟ \u003cspan class=\"hl-gold\"\u003eالسر إن معظم المنتجات بتعالج سطح الجلد بس\u003c\/span\u003e.. بينما مصنع البقعة شغال في الأعماق!\"\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_txa_niacinamide_capsules_1.png?v=1766932580\" alt=\"Medicube TXA Capsule Cream\" class=\"txac-img-md\" style=\"margin-bottom: 28px;\"\u003e\n            \n            \u003cdiv style=\"background: rgba(255, 42, 117, 0.08); border: 1.5px solid var(--txac-neon-pink); border-radius: 18px; padding: 22px; text-align: center; max-width: 840px; margin: 0 auto 25px;\"\u003e\n                \u003cp style=\"font-size: 1.25rem; font-weight: 900; color: #ffffff; line-height: 1.85;\"\u003e\n                    ميديكيوب حلت اللغز بمعادلة ذكية مزدوجة \u003cspan class=\"hl-gold\"\u003e(1 + 1 = 100)\u003c\/span\u003e: حبست مادة \u003cspan class=\"neon-pink\"\u003eالترانيكساميك المركزة\u003c\/span\u003e جوه كبسولات وردية طازجة تهاجم جذور البقعة في الأعماق، مع \u003cspan class=\"neon-rose\"\u003e5% نياسيناميد نقي\u003c\/span\u003e في الجل المحيط لمسح التصبغات من على السطح وتوحيد لون البشرة تماماً!\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"background: rgba(255, 210, 74, 0.08); border: 1px dashed var(--txac-neon-gold); padding: 14px 20px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; max-width: 820px;\"\u003e\n                \u003cp style=\"font-size: 1.02rem; font-weight: 800; margin: 0; color: #ffffff;\"\u003e\n                    بديل آمن وسهل لجلسات الليزر والتقشير المؤلم، ومناسب لجميع أنواع البشرة بدون احمرار أو حساسية.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"txac-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 1.5. Mega Equation Section: 1 + 1 = 100 --\u003e\n        \u003cdiv class=\"txac-synergy-banner txac-reveal\"\u003e\n            \u003cdiv class=\"txac-equation-badge\"\u003eسر فاعلية التركيبة للعميل\u003c\/div\u003e\n            \u003ch2 class=\"txac-section-title\" style=\"margin: 0 auto 8px;\"\u003e\n                ليه الاتنين مع بعض أقوى 100 مرة من أي سيروم منفرد؟\n            \u003c\/h2\u003e\n            \n            \u003cdiv class=\"txac-equation-display\"\u003e1 + 1 = 100\u003c\/div\u003e\n\n            \u003cdiv class=\"txac-synergy-grid\"\u003e\n                \u003c!-- Niacinamide Alone --\u003e\n                \u003cdiv class=\"txac-synergy-card\"\u003e\n                    \u003ch4 class=\"neon-rose\"\u003eالنياسيناميد لوحده:\u003c\/h4\u003e\n                    \u003cp\u003e\u003cstrong class=\"pure-white\"\u003eشغال على السطح بس:\u003c\/strong\u003e بيفتح البقع الظاهرة ويصغر المسام، بس مبيقدرش يوقف المصنع اللي بيصنع الصبغة تحت في الجلد.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- TXA Alone --\u003e\n                \u003cdiv class=\"txac-synergy-card\"\u003e\n                    \u003ch4 class=\"neon-pink\"\u003eالترانكساميك لوحده:\u003c\/h4\u003e\n                    \u003cp\u003e\u003cstrong class=\"pure-white\"\u003eشغال في الجذور بس:\u003c\/strong\u003e بيطفي الإشارات العصبية اللي بتأمر بخروج الكلف في الأعماق، لكنه بيحتاج مادة تانية تمسح اللون من فوق.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Together Combo --\u003e\n                \u003cdiv class=\"txac-synergy-card combo\"\u003e\n                    \u003ch4 class=\"neon-gold\"\u003eوالاتنين مع بعض؟ (قوة مضاعفة)\u003c\/h4\u003e\n                    \u003cp\u003e\u003cstrong class=\"pure-white\"\u003eحل المشكلة 360 درجة!\u003c\/strong\u003e هجوم مزدوج: يمسح البقعة القديمة من فوق، ويقفل مصنع الميلانين من تحت عشان متظهرش تاني أبداً.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"txac-synergy-conclusion\"\u003e\n                بدل ما تشتري منتج تفتيح سطحي يضيع فلوسك، أو علاج كيميائي يقشر بشرتك ويعذبك.. ميديكيوب جمعتلك \u003cspan class=\"hl-pink\"\u003eأقوى مكونين طبيين في زجاجة واحدة\u003c\/span\u003e بقوام خفيف وبتقنية كبسولات طازجة بتتحفز وقت ملامسة جلدك مباشرة.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"txac-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 2. Core Targeted Benefits Grid (الفائدة أولاً للعميل) --\u003e\n        \u003cdiv class=\"txac-reveal\" style=\"margin-top: 15px;\"\u003e\n            \u003ch2 class=\"txac-section-title\"\u003eإيه النتيجة اللي هتشوفها في مرايتك كل يوم؟\u003c\/h2\u003e\n            \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.12rem;\"\u003e\n                كل نتيجة ملموسة وراها تركيز علمي مدروس متصمم لحل مشكلة محددة:\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"txac-benefits-grid\"\u003e\n                \u003c!-- Benefit 1 --\u003e\n                \u003cdiv class=\"txac-card\"\u003e\n                    \u003cdiv class=\"txac-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"neon-pink\"\u003eإيقاف ظهور البقع والكلف من جذورها\u003c\/h3\u003e\n                    \u003cdiv class=\"txac-ingredient-tag\"\u003eحمض الترانيكساميك (TXA) في الكبسولات\u003c\/div\u003e\n                    \u003cp\u003eبيعطل الإشارات الداخلية اللي بتخلي الجلد يفرز بقع داكنة وقت الشمس أو التوتر، فيحميك من عودة الكلف نهائياً.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 2 --\u003e\n                \u003cdiv class=\"txac-card txac-delay-1\"\u003e\n                    \u003cdiv class=\"txac-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eمسح البقع وتوحيد لون البشرة\u003c\/h3\u003e\n                    \u003cdiv class=\"txac-ingredient-tag gold\"\u003eنياسيناميد نقي مركز 5% في الجل\u003c\/div\u003e\n                    \u003cp\u003eبيحاصر البقع السطحية ويمنع تمددها، ويضيق المسام الواسعة ويوحد لون وجهك ليرجع مشرق ومتجانس.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 3 --\u003e\n                \u003cdiv class=\"txac-card txac-delay-2\"\u003e\n                    \u003cdiv class=\"txac-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"neon-rose\"\u003eتفتيت آثار الحبوب والنمش القديم\u003c\/h3\u003e\n                    \u003cdiv class=\"txac-ingredient-tag rose\"\u003eألفا أربوتين + جلوتاثيون نقي\u003c\/div\u003e\n                    \u003cp\u003eبيشتغلوا زي الأستيكة على آثار الحبوب البنية الداكنة، بيفككوا التصبغ القديم عشان الجلد يطرده ويجدد مكانه خلايا صافية.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 4 --\u003e\n                \u003cdiv class=\"txac-card\"\u003e\n                    \u003cdiv class=\"txac-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"neon-pink\"\u003eارتواء مائي وملمس ناعم بدون دهنية\u003c\/h3\u003e\n                    \u003cdiv class=\"txac-ingredient-tag\"\u003eجل الهيالورونيك والجلسرين المائي\u003c\/div\u003e\n                    \u003cp\u003eترطيب خفيف زي المية بيمتصه الجلد في ثواني، يديك مظهر \"الموتشي\" المرن المليان نضارة من غير أي لمعان زيتي مزعج.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 5 --\u003e\n                \u003cdiv class=\"txac-card txac-delay-1\"\u003e\n                    \u003cdiv class=\"txac-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eتهدئة الاحمرار ومنع غمقان آثار الحبوب\u003c\/h3\u003e\n                    \u003cdiv class=\"txac-ingredient-tag gold\"\u003eمستخلص السيكا الطبيعي + فيتامين B5\u003c\/div\u003e\n                    \u003cp\u003eبيهدي أي التهاب أو حرقان في البشرة فوراً، وبيمنع الحبوب النشطة إنها تسيب مكانها علامات أو بقع بنية بعد ما تروح.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 6 --\u003e\n                \u003cdiv class=\"txac-card txac-delay-2\"\u003e\n                    \u003cdiv class=\"txac-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"neon-rose\"\u003eفاعلية طازجة 100% مع كل استخدام\u003c\/h3\u003e\n                    \u003cdiv class=\"txac-ingredient-tag rose\"\u003eتقنية الكبسولات المعزولة الذكية\u003c\/div\u003e\n                    \u003cp\u003eالمكونات الفعالة محبوسة جوه كبسولات عازلة للهواء والضوء، فبتضمن إن كل نقطة تحطها على وشك طازجة وقوية زي أول يوم فتحت فيه العلبة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"txac-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 3. Customer Dilemma: Why do spots return? --\u003e\n        \u003cdiv class=\"txac-reveal\"\u003e\n            \u003ch2 class=\"txac-section-title\"\u003eليه التصبغات بترجع تاني حتى بعد ما تخلص علاج؟\u003c\/h2\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_txa_niacinamide_capsules_2.webp?v=1766932579\" alt=\"مراحل علاج التصبغات\" class=\"txac-img-md\" style=\"margin-bottom: 25px;\"\u003e\n            \n            \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 22px; font-size: 1.15rem;\"\u003e\n                السبب بسيط جداً: \u003cspan class=\"hl-pink\"\u003eمعظم منتجات التفتيح بتمسح قشرة المشكلة بس\u003c\/span\u003e، وبتسيب السبب الحقيقي شغال:\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"txac-dilemma-grid\"\u003e\n                \u003cdiv class=\"txac-dilemma-card problem\"\u003e\n                    \u003ch4 class=\"neon-pink\"\u003eالمنتجات العادية: خداع السطح\u003c\/h4\u003e\n                    \u003cp\u003eبتعمل تقشير خفيف للطبقة السطحية، فتحس بتفتيح مؤقت. بس \"مصنع الصبغة\" اللي جوه لسه نشط، وأول ما تقف في الشمس أو تتعرض للحرارة، المصنع بيضخ لون أسوأ من الأول!\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-dilemma-card solution\"\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=\"txac-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 4. Clinical Proof \/ Numerical Results --\u003e\n        \u003cdiv class=\"txac-reveal\"\u003e\n            \u003ch2 class=\"txac-section-title\"\u003eنتائج حقيقية بالأرقام.. شوفي الفرق اللي هتحسيه\u003c\/h2\u003e\n            \n            \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n                أرقام موثقة من اختبارات إكلينيكية معتمدة على متطوعين تحت إشراف أطباء الجلدية:\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"txac-stats-grid\"\u003e\n                \u003cdiv class=\"txac-stat-box\"\u003e\n                    \u003cdiv class=\"txac-stat-num neon-pink\"\u003e-\u003cspan class=\"txac-counter\" data-target=\"40\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n                    \u003cdiv class=\"txac-stat-title\"\u003eتراجع عمق وغمقان الكلف\u003c\/div\u003e\n                    \u003cdiv class=\"txac-stat-desc\"\u003eوانحسار ملحوظ في البقع العنيدة\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-stat-box\" style=\"border-color: var(--txac-neon-gold);\"\u003e\n                    \u003cdiv class=\"txac-stat-num neon-gold\"\u003e\n\u003cspan class=\"txac-counter\" data-target=\"90\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n                    \u003cdiv class=\"txac-stat-title\"\u003eتوحيد شامل ونقاء للون الوجه\u003c\/div\u003e\n                    \u003cdiv class=\"txac-stat-desc\"\u003eلبشرة بتعكس الإضاءة بنقاء طبيعي\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-stat-box\" style=\"border-color: var(--txac-neon-rose);\"\u003e\n                    \u003cdiv class=\"txac-stat-num neon-rose\"\u003e\n\u003cspan class=\"txac-counter\" data-target=\"100\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n                    \u003cdiv class=\"txac-stat-title\"\u003eارتواء مائي وملمس ناعم\u003c\/div\u003e\n                    \u003cdiv class=\"txac-stat-desc\"\u003eبدون أي تزييت أو ملمس لزج\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"txac-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 5. Easy Custom Ratio: فصّلي الكريم على مزاج بشرتك --\u003e\n        \u003cdiv class=\"txac-reveal\"\u003e\n            \u003ch2 class=\"txac-section-title\"\u003eفصّلي قوام الكريم على مقاس بشرتك في ثواني\u003c\/h2\u003e\n            \n            \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 20px; font-size: 1.15rem;\"\u003e\n                الميزة العبقرية إن العلبة مش بتجبرك على قوام واحد.. إنتي اللي بتحددي نسبة الخلط حسب روتينك:\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"txac-ratio-grid\"\u003e\n                \u003cdiv class=\"txac-ratio-card\"\u003e\n                    \u003cdiv class=\"txac-ratio-badge\"\u003e2 جل : 1 كبسولة\u003c\/div\u003e\n                    \u003ch4 class=\"neon-pink\"\u003eلو بشرتك دهنية أو الصبح\u003c\/h4\u003e\n                    \u003cp\u003eترطيب مائي منعش وخفيف زي النسمة، بيمتص في 10 ثواني ومثالي جداً كقاعدة ناعمة قبل الميك أب أو واقي الشمس.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-ratio-card\" style=\"border-color: var(--txac-neon-gold);\"\u003e\n                    \u003cdiv class=\"txac-ratio-badge\" style=\"color: var(--txac-neon-gold); border-color: var(--txac-neon-gold);\"\u003e1 جل : 1 كبسولة\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\"\u003eالوزنة المثالية للتفتيح اليومي\u003c\/h4\u003e\n                    \u003cp\u003eالمعادلة الذهبية لتفتيت البقع وتوحيد اللون مع ترطيب متوازن يناسب كل أنواع البشرة في الأيام العادية.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-ratio-card\" style=\"border-color: var(--txac-neon-rose);\"\u003e\n                    \u003cdiv class=\"txac-ratio-badge\" style=\"color: var(--txac-neon-rose); border-color: var(--txac-neon-rose);\"\u003e1 جل : 2 كبسولة\u003c\/div\u003e\n                    \u003ch4 class=\"neon-rose\"\u003eلو بشرتك جافة أو كعلاج ليلي\u003c\/h4\u003e\n                    \u003cp\u003eجرعة تفتيح وترميم مضاعفة، بتشتغل طول ساعات نومك كماسك مغذي يصحيك الصبح بوش منور ومشدود.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"txac-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 6. Timeline Transformation Grid --\u003e\n        \u003cdiv class=\"txac-reveal\"\u003e\n            \u003ch2 class=\"txac-section-title\"\u003eرحلة بشرتك أسبوع بعد أسبوع\u003c\/h2\u003e\n            \n            \u003cdiv class=\"txac-timeline-grid\"\u003e\n                \u003cdiv class=\"txac-timeline-card\"\u003e\n                    \u003cdiv class=\"txac-timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n                    \u003ch4 class=\"neon-pink\" style=\"font-size: 1.05rem; margin-bottom: 6px; font-weight: 800;\"\u003eارتواء ونضارة فورية\u003c\/h4\u003e\n                    \u003cp\u003eالبشرة بتشرب الكريم في ثواني، الشحوب والبهتان بيختفوا، والوجه بياخد ملمس حريري ناعم من أول ليلة.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-timeline-card\" style=\"border-top-color: var(--txac-neon-gold);\"\u003e\n                    \u003cdiv class=\"txac-timeline-badge\" style=\"color: var(--txac-neon-gold); border-color: var(--txac-neon-gold);\"\u003eالأسبوع 2 - 3\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\" style=\"font-size: 1.05rem; margin-bottom: 6px; font-weight: 800;\"\u003eتلاشي آثار الحبوب\u003c\/h4\u003e\n                    \u003cp\u003eالآثار البنية والحمراء الحديثة بتبدأ تدوب وتفتح، المسام بتصغر، واللمعان الزيتي المزعج بيقل بشكل ملحوظ.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-timeline-card\" style=\"border-top-color: var(--txac-neon-rose);\"\u003e\n                    \u003cdiv class=\"txac-timeline-badge\" style=\"color: var(--txac-neon-rose); border-color: var(--txac-neon-rose);\"\u003eالشهر الأول\u003c\/div\u003e\n                    \u003ch4 class=\"neon-rose\" style=\"font-size: 1.05rem; margin-bottom: 6px; font-weight: 800;\"\u003eانحسار الكلف والغمقان\u003c\/h4\u003e\n                    \u003cp\u003eتراجع كبير في مساحة التصبغات الصعبة، لون الوجه بيتوحد بدرجة واضحة، ولمعة النضارة الصافية بتظهر طبيعي.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-timeline-card\" style=\"border-top-color: var(--txac-neon-pink);\"\u003e\n                    \u003cdiv class=\"txac-timeline-badge\"\u003eالشهر الثاني\u003c\/div\u003e\n                    \u003ch4 class=\"neon-pink\" style=\"font-size: 1.05rem; margin-bottom: 6px; font-weight: 800;\"\u003eصفاء دائم ومحمي\u003c\/h4\u003e\n                    \u003cp\u003eاختفاء شبه كامل للبقع القديمة، مع حاجز قوي بيحمي بشرتك من إنتاج أي تصبغات جديدة حتى في الصيف.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"txac-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 7. Value Proposition Grid --\u003e\n        \u003cdiv class=\"txac-reveal\"\u003e\n            \u003ch2 class=\"txac-section-title\"\u003eقيمة استثنائية بتوفر ميزانيتك ووقتك\u003c\/h2\u003e\n\n            \u003cdiv class=\"txac-value-grid\"\u003e\n                \u003cdiv class=\"txac-value-card\"\u003e\n                    \u003cdiv class=\"txac-value-num\"\u003e1\u003c\/div\u003e\n                    \u003ch3 class=\"neon-pink\"\u003eأمان تام بدون مواد مقشرة قاسية\u003c\/h3\u003e\n                    \u003cp\u003eتفتيح طبي عالي القوة خالي تماماً من الهيدروكينون والكيماويات الحارقة، عشان تاخدي النتيجة بدون ما تدري حاجز بشرتك.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-value-card\" style=\"border-color: var(--txac-neon-gold);\"\u003e\n                    \u003cdiv class=\"txac-value-num\" style=\"color: var(--txac-neon-gold); border-color: var(--txac-neon-gold);\"\u003e2\u003c\/div\u003e\n                    \u003ch3 class=\"neon-gold\"\u003eكبسولات معزولة طازجة لآخر قطرة\u003c\/h3\u003e\n                    \u003cp\u003eكل كبسولة مقفولة بإحكام عشان المادة الفعالة متتأكسدش، وتستفيدي بكل مليم دفعته في المنتج من أول يوم لآخر لحسة.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-value-card\" style=\"border-color: var(--txac-neon-rose);\"\u003e\n                    \u003cdiv class=\"txac-value-num\" style=\"color: var(--txac-neon-rose); border-color: var(--txac-neon-rose);\"\u003e3\u003c\/div\u003e\n                    \u003ch3 class=\"neon-rose\"\u003eعبوة اقتصادية تكفي لشهرين\u003c\/h3\u003e\n                    \u003cp\u003eكبسولة واحدة مع مسحة جل كافية لتغطية الوجه والرقبة بالكامل. حجم موفر جداً يغنيك عن شراء سيرومات متعددة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"txac-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 8. Usage Steps (3 Simple Practical Steps) --\u003e\n        \u003cdiv class=\"txac-reveal\"\u003e\n            \u003ch2 class=\"txac-section-title\"\u003eطريقة الاستخدام السريعة (3 خطوات بسيطة)\u003c\/h2\u003e\n            \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.1rem;\"\u003e\n                تطبيق سهل وبسيط مياخدش من وقتك دقيقة واحدة:\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"txac-steps-grid\"\u003e\n                \u003cdiv class=\"txac-step-card\"\u003e\n                    \u003cdiv class=\"txac-step-num\"\u003e1\u003c\/div\u003e\n                    \u003ch4\u003eاغرفي بالملعقة\u003c\/h4\u003e\n                    \u003cp\u003eخدي بالمعلقة المرفقة كبسولة وردية واحدة مع مسحة من الجل الشفاف على ظهر إيدك.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-step-card\"\u003e\n                    \u003cdiv class=\"txac-step-num\"\u003e2\u003c\/div\u003e\n                    \u003ch4\u003eادمجي وفرقعي الكبسولة\u003c\/h4\u003e\n                    \u003cp\u003eاضغطي عليها بصباعك واخلطيها مع الجل لثواني لحد ما تذوب وتتحول لمزيج كريمي ناعم ومتجانس.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"txac-step-card\"\u003e\n                    \u003cdiv class=\"txac-step-num\"\u003e3\u003c\/div\u003e\n                    \u003ch4\u003eوزعي وطبطبي\u003c\/h4\u003e\n                    \u003cp\u003eادهنيه برفق على وشك ورقبتك وركزي على أماكن البقع، واستمتعي بالامتصاص الفوري والنضارة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"background: rgba(255, 210, 74, 0.08); border: 1px dashed var(--txac-neon-gold); border-radius: 14px; padding: 16px 20px; text-align: center; max-width: 780px; margin: 20px auto 0;\"\u003e\n                \u003cp class=\"pure-white\" style=\"font-size: 0.95rem; margin: 0;\"\u003e\n                    \u003cstrong class=\"neon-gold\"\u003eنصيحة ذهبية:\u003c\/strong\u003e يُفضل استخدامه مساءً قبل النوم، وضروري جداً تحطي واقي شمس في الصباح عشان تحمي بشرتك الجديدة من الاسمرار.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"txac-art-divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- 9. Final Customer-Centric CTA --\u003e\n        \u003cdiv class=\"txac-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(32, 8, 20, 0.95) 0%, rgba(10, 2, 6, 0.98) 100%); border-radius: 24px; border: 2px solid var(--txac-neon-pink); box-shadow: 0 20px 60px rgba(255, 42, 117, 0.25);\"\u003e\n            \u003ch2 class=\"txac-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                القرار في إيدك: \u003cspan class=\"neon-gold\"\u003eهتتعايشي مع البقع ولا تنهيها من جذورها؟\u003c\/span\u003e\n            \u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_txa_niacinamide_capsules_3.webp?v=1766932578\" alt=\"Medicube TXA Result\" class=\"txac-img-md\" style=\"margin: 30px auto;\"\u003e\n            \n            \u003cp style=\"font-size: 1.25rem; font-weight: 700; color: #ffffff; max-width: 800px; margin: 0 auto 25px; line-height: 1.85;\"\u003e\n                \u003cstrong class=\"neon-pink\" style=\"font-size: 1.35rem; display: block; margin-bottom: 10px;\"\u003eكل يوم بتأجلي فيه العلاج، البقعة بتغمق أكتر وتثبت في الأعماق!\u003c\/strong\u003e\n                بدل ما تضيعي وقتك وفلوسك على كريمات سطحية مفعولها بينتهي أول ما تغسلي وشك.. اختاري الحل الطبي الكوري المتكامل اللي بيمسح البقع ويقفل مصنعها نهائياً.\n            \u003c\/p\u003e\n            \n            \u003cp style=\"color: var(--txac-neon-gold); font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--txac-glow-gold);\"\u003e\n                اطلبي كريم Medicube TXA الأصلي الآن.. واستمتعي ببشرة صافية بتنور بدون مكياج!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 10. Technical INCI List --\u003e\n        \u003cdiv class=\"txac-reveal\" style=\"background: rgba(0,0,0,0.85); border: 1px dashed rgba(255, 42, 117, 0.3); border-radius: 16px; padding: 30px 20px; margin-top: 50px; text-align: left; direction: ltr; word-break: break-word; overflow-wrap: break-word;\"\u003e\n            \u003ch3 style=\"color: var(--txac-neon-pink); margin-bottom: 15px; font-size: 1.2rem; text-align: right; direction: rtl; font-weight: 800;\"\u003e\n                قائمة المكوّنات الكاملة والمعتمدة (INCI)\n            \u003c\/h3\u003e\n            \u003cp style=\"font-size: 0.95rem; color: #ffffff; line-height: 1.8; font-weight: 500;\"\u003e\n                Water, Glycerin, Dipropylene Glycol, \u003cstrong class=\"neon-gold\"\u003eNiacinamide (50,000 ppm \/ 5%)\u003c\/strong\u003e, Propanediol, 1,2-Hexanediol, \u003cstrong class=\"neon-pink\"\u003eTranexamic Acid\u003c\/strong\u003e, Butylene Glycol, Caprylic\/Capric Triglyceride, Betaine, \u003cstrong class=\"neon-rose\"\u003eAlpha-Arbutin\u003c\/strong\u003e, \u003cstrong class=\"neon-gold\"\u003eGlutathione\u003c\/strong\u003e, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Cyanocobalamin (Vitamin B12), Panthenol, Centella Asiatica Extract, Allantoin, Carbomer, Arginine, Ethylhexylglycerin, Adenosine, Polyglyceryl-10 Laurate, Disodium EDTA, Ceramide NP, Hydrogenated Lecithin.\n            \u003c\/p\u003e\n            \u003cp style=\"font-size: 0.95rem; color: var(--txac-neon-gold); margin-top: 10px; font-weight: 700; direction: rtl; text-align: right;\"\u003e\n                تركيبة علاجية متقدمة خالية تماماً من الهيدروكينون، البارابين، والعطور الصناعية المهيجة. آمنة 100% لجميع أنواع البشرة حتى الحساسة.\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('.txac-reveal');\n            var observer = new IntersectionObserver(function (entries, obs) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('txac-active');\n                        \n                        var counters = entry.target.querySelectorAll('.txac-counter');\n                        if (counters.length \u003e 0) {\n                            runCounters(counters);\n                        }\n                        \n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.08, rootMargin: \"0px 0px -40px 0px\" });\n\n            reveals.forEach(function (el) { observer.observe(el); });\n\n            function runCounters(counters) {\n                counters.forEach(function (counter) {\n                    var target = parseFloat(counter.getAttribute('data-target'));\n                    var duration = 1800;\n                    var frames = 60;\n                    var increment = target \/ (duration \/ (1000 \/ frames));\n                    var current = 0;\n\n                    var updateCounter = function () {\n                        current += increment;\n                        if (current \u003c target) {\n                            counter.innerText = Math.ceil(current);\n                            requestAnimationFrame(updateCounter);\n                        } else {\n                            counter.innerText = target;\n                        }\n                    };\n                    updateCounter();\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":47296215285934,"sku":null,"price":26.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicubetxaniacniamide.webp?v=1788175195"},{"product_id":"celimax-سيروم-شد-الجلد-بالريتينول-و-الـ-9-ببتيدات-علاج-متقدم-لتوسع-المسام-محفز-قوي-للكولاجين","title":"Celimax سيروم شد الجلد بالريتينول و الـ 9 ببتيدات - علاج متقدم لتوسع المسام -محفز قوي للكولاجين","description":"\u003c!-- CELIMAX The Vita-A Retinol Shot Tightening Serum - Universal Product Description --\u003e\n\u003cdiv class=\"ph-product-container\" dir=\"rtl\"\u003e\n\n  \u003c!-- 1. Hero Section (Gold Theme) --\u003e\n  \u003cdiv class=\"ph-hero-section\"\u003e\n    \u003cdiv class=\"ph-floating-particles\"\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003ch1 class=\"ph-hero-title\"\u003eCELIMAX The Vita-A Retinol Shot Tightening Serum\u003c\/h1\u003e\n    \u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003e\"لا يترك مشكلة في بشرتك دون حل\"\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 2. Product Showcase \u0026 Problem\/Solution Cards --\u003e\n  \u003cdiv class=\"ph-product-showcase\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/celimax_retinol_shot_tightening_serum_2.webp?v=1771315769\" alt=\"CELIMAX Retinol Shot Serum\" class=\"ph-product-image\"\u003e\n    \n    \u003cdiv style=\"margin: 3rem auto; text-align: right; max-width: 900px;\"\u003e\n      \u003ch2 class=\"ph-section-title\" style=\"text-align: center; margin-bottom: 2rem;\"\u003eلا يترك مشكلة في بشرتك دون حل\u003c\/h2\u003e\n      \u003cp style=\"text-align: center; margin-bottom: 2rem; font-size: 1.1rem; color: #555;\"\u003e\u003cstrong\u003eالمشكلة؟ CELIMAX عنده الحل.\u003c\/strong\u003e\u003c\/p\u003e\n      \n      \u003c!-- New Advanced Card Grid Layout --\u003e\n      \u003cdiv class=\"ph-ps-grid\"\u003e\n        \n        \u003c!-- Card 1 --\u003e\n        \u003cdiv class=\"ph-ps-card\"\u003e\n          \u003cdiv class=\"ph-ps-label\"\u003eالمسام\u003c\/div\u003e\n          \u003cdiv class=\"ph-ps-content\"\u003e\n            \u003cdiv class=\"ph-ps-problem\"\u003eمسام واسعة\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-arrow\"\u003e↓\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-solution\"\u003eريتينول 0.1% + Matrixyl \u003cbr\u003e\u003cspan\u003e(تحفيز كولاجين حول المسام)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Card 2 --\u003e\n        \u003cdiv class=\"ph-ps-card\"\u003e\n          \u003cdiv class=\"ph-ps-label\"\u003eالتجاعيد\u003c\/div\u003e\n          \u003cdiv class=\"ph-ps-content\"\u003e\n            \u003cdiv class=\"ph-ps-problem\"\u003eخطوط دقيقة\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-arrow\"\u003e↓\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-solution\"\u003eريتينول + 9 ببتيدات \u003cbr\u003e\u003cspan\u003e(تقليل 20% في العمق)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Card 3 --\u003e\n        \u003cdiv class=\"ph-ps-card\"\u003e\n          \u003cdiv class=\"ph-ps-label\"\u003eالشد\u003c\/div\u003e\n          \u003cdiv class=\"ph-ps-content\"\u003e\n            \u003cdiv class=\"ph-ps-problem\"\u003eترهل وفقدان شد\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-arrow\"\u003e↓\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-solution\"\u003eCopper Tripeptide \u003cbr\u003e\u003cspan\u003e(إعادة بناء الإيلاستين)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Card 4 --\u003e\n        \u003cdiv class=\"ph-ps-card\"\u003e\n          \u003cdiv class=\"ph-ps-label\"\u003eتعبير\u003c\/div\u003e\n          \u003cdiv class=\"ph-ps-content\"\u003e\n            \u003cdiv class=\"ph-ps-problem\"\u003eخطوط الجبهة والعين\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-arrow\"\u003e↓\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-solution\"\u003eAcetyl Hexapeptide-8 \u003cbr\u003e\u003cspan\u003e(تأثير شبيه بالبوتوكس)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Card 5 --\u003e\n        \u003cdiv class=\"ph-ps-card\"\u003e\n          \u003cdiv class=\"ph-ps-label\"\u003eالملمس\u003c\/div\u003e\n          \u003cdiv class=\"ph-ps-content\"\u003e\n            \u003cdiv class=\"ph-ps-problem\"\u003eملمس خشن\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-arrow\"\u003e↓\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-solution\"\u003eريتينول نقي \u003cbr\u003e\u003cspan\u003e(تسريع تجديد الخلايا)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Card 6 --\u003e\n        \u003cdiv class=\"ph-ps-card\"\u003e\n          \u003cdiv class=\"ph-ps-label\"\u003eالعيون\u003c\/div\u003e\n          \u003cdiv class=\"ph-ps-content\"\u003e\n            \u003cdiv class=\"ph-ps-problem\"\u003eانتفاخات تحت العين\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-arrow\"\u003e↓\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-solution\"\u003eDipeptide-2 \u003cbr\u003e\u003cspan\u003e(تصريف السوائل)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Card 7 --\u003e\n        \u003cdiv class=\"ph-ps-card\"\u003e\n          \u003cdiv class=\"ph-ps-label\"\u003eاللون\u003c\/div\u003e\n          \u003cdiv class=\"ph-ps-content\"\u003e\n            \u003cdiv class=\"ph-ps-problem\"\u003eتصبغات وبقع\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-arrow\"\u003e↓\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-solution\"\u003eNonapeptide-1 \u003cbr\u003e\u003cspan\u003e(تنظيم الميلانين)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Card 8 --\u003e\n        \u003cdiv class=\"ph-ps-card\"\u003e\n          \u003cdiv class=\"ph-ps-label\"\u003eالترطيب\u003c\/div\u003e\n          \u003cdiv class=\"ph-ps-content\"\u003e\n            \u003cdiv class=\"ph-ps-problem\"\u003eبشرة جافة\/متهيجة\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-arrow\"\u003e↓\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-solution\"\u003ePanthenol 1% \u003cbr\u003e\u003cspan\u003e(ترطيب وتهدئة)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Card 9 --\u003e\n        \u003cdiv class=\"ph-ps-card\"\u003e\n          \u003cdiv class=\"ph-ps-label\"\u003eالحاجز\u003c\/div\u003e\n          \u003cdiv class=\"ph-ps-content\"\u003e\n            \u003cdiv class=\"ph-ps-problem\"\u003eضعف الحاجز\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-arrow\"\u003e↓\u003c\/div\u003e\n            \u003cdiv class=\"ph-ps-solution\"\u003eAllantoin + Vitamin E \u003cbr\u003e\u003cspan\u003e(إصلاح وحماية)\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cp style=\"text-align: center; font-weight: bold; margin-top: 2rem; color: #d4af37; font-size: 1.2rem;\"\u003eسيروم واحد. 9 حلول. صفر أعذار.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 3. The Problem Section --\u003e\n  \u003cdiv class=\"ph-problem-section\"\u003e\n    \u003ch2 class=\"ph-problem-title\"\u003eآخر مرة تشوف مساماتك في المراية\u003c\/h2\u003e\n    \n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/8944125cac3bfcbd731a7f4104fd7d34_1.webp?v=1771317484\" alt=\"مشكلة المسام\" class=\"ph-product-image\" style=\"margin: 2rem auto;\"\u003e\n    \n    \u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 2rem; border-radius: 15px; border: 1px solid rgba(255, 215, 0, 0.3);\"\u003e\n      \u003cp style=\"text-align: center; font-weight: bold; margin-bottom: 1rem;\"\u003eالمسام الواسعة في أنفك وخدودك بقت كابوس يومي. كل ما تبص في المراية، تحس إن وشك \"مليان ثقوب\".\u003c\/p\u003e\n      \u003cp style=\"text-align: center; line-height: 1.8;\"\u003e\n        المشكلة مش إنك مش بتعتني ببشرتك - \u003cstrong\u003eالمشكلة إن كل اللي بتحطه على وشك بيضيع على السطح\u003c\/strong\u003e. 90% من السيرومات والكريمات \u003cstrong\u003eمش بتوصل للعمق\u003c\/strong\u003e. والنتيجة؟ فلوس مهدرة، مسام أوسع، وبشرة بتكبر قدامك.\n        \u003cbr\u003e\u003cbr\u003e\n        CELIMAX The Vita-A Retinol Shot Tightening Serum هو \u003cstrong\u003eآخر سيروم هتحتاجه للمسام\u003c\/strong\u003e. ليه؟ لأنه \u003cstrong\u003eمش بس بيحط مكونات على السطح\u003c\/strong\u003e - ده \u003cstrong\u003eبيدخّلها لأعماق المسام نفسها\u003c\/strong\u003e.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cstrong\u003eتقنية A-Shot™: 162,000 إبرة دقيقة\u003c\/strong\u003e - كل واحدة \u003cstrong\u003eأصغر 16 مرة من حجم المسام\u003c\/strong\u003e - بتفتح طريق للريتينول والببتيدات توصل للجذور.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cstrong\u003eالنتيجة؟ في 8 أسابيع: المسام بتختفي. الملمس بيبقى حرير. والكولاجين بيتبني من جديد.\u003c\/strong\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 4. Deep Dive: Why Pores Enlarge --\u003e\n  \u003cdiv class=\"ph-section\"\u003e\n    \u003ch2 class=\"ph-section-title\"\u003eالسبب الحقيقي وراء المسام الواسعة\u003c\/h2\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/celimax_retinol_shot_tightening_serum_2_4.png?v=1771317838\" alt=\"آلية المسام\" class=\"ph-product-image\" style=\"margin: 2rem auto;\"\u003e\n    \n    \u003cdiv style=\"max-width: 800px; margin: 0 auto; line-height: 1.8;\"\u003e\n      \u003cp style=\"text-align: center; font-weight: bold;\"\u003eالكل بيقولك: \"نضف بشرتك أكتر. استخدمي تونر قابض. جربي البخار.\"\u003cbr\u003eكله كلام فاضي.\u003c\/p\u003e\n      \n      \u003ch3 style=\"color: #d4af37; margin-top: 1.5rem; text-align: center;\"\u003eالمسام مش بتضيق بالتنضيف - بتضيق بالكولاجين\u003c\/h3\u003e\n      \u003cp style=\"text-align: right;\"\u003e\u003cstrong\u003eالمسامة = ثقب في جلدك محاط بكولاجين.\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp style=\"text-align: right;\"\u003eلما الكولاجين يضعف (من السن، الشمس، الالتهاب):\u003c\/p\u003e\n      \u003cul class=\"ph-feature-list\"\u003e\n        \u003cli\u003e\n\u003cstrong\u003eالثقب بيتوسع\u003c\/strong\u003e - زي فتحة في قماش مرتخي\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eالدهون بتملاه\u003c\/strong\u003e وتمدده أكتر\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eيفضل واضح\u003c\/strong\u003e حتى لو نضفتيه 100 مرة\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \n      \u003cp style=\"margin-top: 1rem; text-align: right;\"\u003e\u003cstrong\u003eعلشان كده:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul class=\"ph-feature-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        \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      \n      \u003cp style=\"text-align: center; font-weight: bold; margin-top: 1.5rem; color: #d4af37;\"\u003eCELIMAX وصل للجذر: ريتينول يحفز الكولاجين + 9 ببتيدات تعيد بناءه = مسام تقفل من الداخل.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 5. Retinol Deep Dive --\u003e\n  \u003cdiv class=\"ph-how-it-works\"\u003e\n    \u003ch2 class=\"ph-section-title\" style=\"color: #ffd700;\"\u003eالريتينول - الملك الذهبي اللي بيعكس الزمن\u003c\/h2\u003e\n    \u003cp style=\"text-align: center; color: white;\"\u003e\u003cstrong\u003eلو كان فيه مكون واحد بس تاخده معاك لجزيرة مهجورة - هيبقى الريتينول.\u003c\/strong\u003e\u003c\/p\u003e\n    \n    \u003cdiv class=\"ph-mechanism-cards\"\u003e\n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003eليه الريتينول هو رقم 1 في العالم؟\u003c\/h3\u003e\n        \u003cul class=\"ph-feature-list\" style=\"color: #e8ecea;\"\u003e\n          \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✓ FDA معترفة بيه\u003c\/strong\u003e كعلاج رسمي للتجاعيد\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003eمعظم الناس بتستخدم الريتينول غلط\u003c\/h3\u003e\n        \u003cul class=\"ph-feature-list\" style=\"color: #e8ecea;\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003e❌ إما تركيز ضعيف جداً (0.01-0.03%)\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❌ أو ريتينول غير مستقر\u003c\/strong\u003e - يتحلل قبل ما يشتغل\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ph-mechanism-card\"\u003e\n        \u003ch3 class=\"ph-mechanism-title\"\u003eCELIMAX حل المعادلة: ريتينول 0.1% نقي\u003c\/h3\u003e\n        \u003cp style=\"color: #e8ecea;\"\u003eالتركيز المثالي:\u003c\/p\u003e\n        \u003cul class=\"ph-feature-list\" style=\"color: #e8ecea;\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003e🎯 مش ضعيف\u003c\/strong\u003e - أقوى من منتجات المبتدئين\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003e🎯 مش قوي زيادة\u003c\/strong\u003e - أضعف من الـTretinoin الطبي\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 style=\"margin-top: 2rem; color: white;\"\u003e\n      \u003ch3 style=\"color: #ffd700; text-align: center;\"\u003eكيف يعمل الريتينول في بشرتك؟\u003c\/h3\u003e\n      \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; text-align: center; margin-top: 1rem;\"\u003e\n        \u003cdiv\u003e\n\u003cstrong\u003eالمرحلة 1: التحول\u003c\/strong\u003e\u003cbr\u003eالريتينول → ريتينالديهايد → حمض الريتينويك (الشكل النشط)\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cstrong\u003eالمرحلة 2: الارتباط\u003c\/strong\u003e\u003cbr\u003eحمض الريتينويك يرتبط بمستقبلات نووية وينظم الجينات\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cstrong\u003eالمرحلة 3: التجديد\u003c\/strong\u003e\u003cbr\u003eتسريع تجديد الخلايا، تحفيز الكولاجين، تقليص المسام\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv style=\"margin-top: 2rem; background: rgba(255,215,0,0.1); padding: 1rem; border-radius: 10px; border: 1px solid #ffd700;\"\u003e\n        \u003ch4 style=\"color: #ffd700; text-align: center; margin-bottom: 0.5rem;\"\u003eالنتائج المثبتة سريرياً:\u003c\/h4\u003e\n        \u003cp style=\"text-align: center; margin: 0;\"\u003e\n          📊 تقليل عمق التجاعيد: 20%\u003cbr\u003e\n          📊 تقليل كثافة التجاعيد: 33%\u003cbr\u003e\n          📊 تقليل مساحة التجاعيد العميقة: 39%\u003cbr\u003e\n          📊 تحسين الملمس والنعومة: 15%+\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cp style=\"text-align: center; margin-top: 1rem;\"\u003e\u003cstrong\u003eلكن الريتينول لوحده مش كافي...\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 6. Peptides Deep Dive --\u003e\n  \u003cdiv class=\"ph-section\"\u003e\n    \u003ch2 class=\"ph-section-title\"\u003eمعجزة الببتيدات: 9 جنود يعيدون بناء بشرتك من الصفر\u003c\/h2\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/celimax_retinol_shot_tightening_serum_2_45.jpg?v=1771318478\" alt=\"الببتيدات\" class=\"ph-product-image\" style=\"margin: 0 auto 2rem auto;\"\u003e\n    \n    \u003cp style=\"text-align: center; font-size: 1.1rem; margin-bottom: 2rem;\"\u003e\n      \u003cstrong\u003eالريتينول بيهد المبنى القديم. الببتيدات بتبني المبنى الجديد.\u003c\/strong\u003e\u003cbr\u003e\n      لماذا 9 ببتيدات؟ ببساطة: لأن بشرتك معقدة. كل مشكلة محتاجة ببتيد مختلف.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ph-benefits-grid\"\u003e\n      \u003c!-- Peptide 1 --\u003e\n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eMatrixyl - الأسطورة\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\n          في دراسة سريرية: Matrixyl (3 ppm) أعطى نفس نتائج الريتينول 0.07% لكن بدون تهيج.\n          \u003cstrong\u003eMatrixyl + ريتينول 0.1% = قوة مضاعفة × تحمل محسّن.\u003c\/strong\u003e\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Peptide 2 \u0026 3 --\u003e\n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eضد الانتفاخات (Dipeptide-2 + Acetyl Tetrapeptide-5)\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\n          السلاح السري. يحسن الدورة الدموية الدقيقة، يقلل نفاذية الأوعية، ويصرّف الانتفاخ من الجذور.\n          \u003cstrong\u003eالنتيجة: عيون أقل انتفاخ، أكثر يقظة.\u003c\/strong\u003e\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Peptide 4 --\u003e\n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eالبوتوكس في علبة (Acetyl Hexapeptide-8)\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\n          \"Argireline\". يتداخل مع SNARE complex ليقلل انقباض العضلات قليلاً.\n          \u003cstrong\u003eخطوط التعبير بتنعم تدريجياً بدون حقن أو ألم.\u003c\/strong\u003e\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Peptide 5 --\u003e\n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eببتيد النحاس المعجزة (Copper Tripeptide-1)\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\n          GHK-Cu. يحفز الكولاجين والإيلاستين، يسرّع التئام الجروح، ومضاد التهاب وأكسدة قوي.\n          \u003cstrong\u003eالببتيد اللي بيرجع بشرتك لسن أصغر.\u003c\/strong\u003e\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Peptide 6 --\u003e\n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eNonapeptide-1 (محارب البقع)\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\n          يعمل كـ\"منظم\" للميلانوسايت. يقلل إنتاج الميلانين من الجذور بدون تقشير.\n          \u003cstrong\u003eتفتيح طبيعي من الداخل.\u003c\/strong\u003e\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Remaining Peptides --\u003e\n      \u003cdiv class=\"ph-benefit-card\"\u003e\n        \u003ch3 class=\"ph-benefit-title\"\u003eفريق الدعم الكامل\u003c\/h3\u003e\n        \u003cp class=\"ph-benefit-description\"\u003e\n          \u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e محفز كولاجين مساعد.\u003cbr\u003e\n          \u003cstrong\u003eHexapeptide-9:\u003c\/strong\u003e إصلاح الأنسجة.\u003cbr\u003e\n          \u003cstrong\u003eTripeptide-1:\u003c\/strong\u003e دعم المصفوفة خارج الخلوية.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 7. 4 Products in 1 --\u003e\n  \u003cdiv class=\"ph-section\" style=\"background: #f9f9f9; border-radius: 15px; padding: 2rem; margin: 2rem 0;\"\u003e\n    \u003ch2 class=\"ph-section-title\"\u003e4 منتجات أساسية في منتج واحد\u003c\/h2\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/celimax_retinol_shot_tightening_serum_2_4.jpg?v=1771318915\" alt=\"4 في 1\" class=\"ph-product-image\" style=\"margin: 0 auto 2rem auto;\"\u003e\n    \n    \u003cp style=\"text-align: center; margin-bottom: 1.5rem;\"\u003e\n      \u003cstrong\u003eمعظم الناس عندها روتين معقد (سيروم ريتينول + ببتيدات + مرطب + مهدئ). CELIMAX دمج الكل:\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \n    \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; text-align: right;\"\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color: #d4af37;\"\u003e#1: يُعالج (الريتينول 0.1%)\u003c\/h4\u003e\n        \u003cul class=\"ph-feature-list\"\u003e\n          \u003cli\u003eتقشير الخلايا الميتة\u003c\/li\u003e\n          \u003cli\u003eتحفيز الكولاجين\u003c\/li\u003e\n          \u003cli\u003eتقليص المسام\u003c\/li\u003e\n          \u003cli\u003eمحاربة التجاعيد\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color: #d4af37;\"\u003e#2: يُرمم (9 ببتيدات)\u003c\/h4\u003e\n        \u003cul class=\"ph-feature-list\"\u003e\n          \u003cli\u003eإعادة بناء الكولاجين\u003c\/li\u003e\n          \u003cli\u003eشد البشرة\u003c\/li\u003e\n          \u003cli\u003eتخفيف خطوط التعبير\u003c\/li\u003e\n          \u003cli\u003eتفتيح التصبغات\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color: #d4af37;\"\u003e#3: يُهدئ (Panthenol + Allantoin)\u003c\/h4\u003e\n        \u003cul class=\"ph-feature-list\"\u003e\n          \u003cli\u003eتخفيف تهيج الريتينول\u003c\/li\u003e\n          \u003cli\u003eإصلاح الحاجز\u003c\/li\u003e\n          \u003cli\u003eتلطيف الاحمرار\u003c\/li\u003e\n          \u003cli\u003eدعم الالتئام\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color: #d4af37;\"\u003e#4: يحمي (Vit E + Sunflower Oil)\u003c\/h4\u003e\n        \u003cul class=\"ph-feature-list\"\u003e\n          \u003cli\u003eمضادات أكسدة قوية\u003c\/li\u003e\n          \u003cli\u003eحماية من الجذور الحرة\u003c\/li\u003e\n          \u003cli\u003eترطيب عميق بدون دهون\u003c\/li\u003e\n          \u003cli\u003eدهون صحية للحاجز\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"text-align: center; font-weight: bold; margin-top: 1.5rem;\"\u003e= سيروم واحد يعمل شغل 4 منتجات = وفّر فلوسك ووقتك وروتينك\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 8. Usage Instructions --\u003e\n  \u003cdiv class=\"ph-usage-section\"\u003e\n    \u003ch2 class=\"ph-usage-title\"\u003eالتعليمات الكاملة: كيف تستخدمه بدون أخطاء\u003c\/h2\u003e\n    \n    \u003cdiv style=\"margin-bottom: 2rem;\"\u003e\n      \u003ch3 style=\"color: #ff6b6b; text-align: center; margin-bottom: 1rem;\"\u003e❌ الأخطاء القاتلة\u003c\/h3\u003e\n      \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; color: #fff; text-align: right;\"\u003e\n        \u003cdiv style=\"background: rgba(255,0,0,0.1); padding: 1rem; border-radius: 8px;\"\u003e\n          \u003cstrong\u003eغلطة #1: \"هحط كتير\"\u003c\/strong\u003e\u003cbr\u003e❌ خطأ فادح يزود التهيج.\u003cbr\u003e✅ الصح: حجم حبة أرز لحبة بازلاء.\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: rgba(255,0,0,0.1); padding: 1rem; border-radius: 8px;\"\u003e\n          \u003cstrong\u003eغلطة #2: \"هستخدمه كل يوم\"\u003c\/strong\u003e\u003cbr\u003e❌ وصفة للكارثة.\u003cbr\u003e✅ الصح: ابدأ 2× أسبوعياً.\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: rgba(255,0,0,0.1); padding: 1rem; border-radius: 8px;\"\u003e\n          \u003cstrong\u003eغلطة #3: \"الصبح والليل\"\u003c\/strong\u003e\u003cbr\u003e❌ تدمير محقق.\u003cbr\u003e✅ الصح: ليلاً فقط + واقي شمس.\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: rgba(255,0,0,0.1); padding: 1rem; border-radius: 8px;\"\u003e\n          \u003cstrong\u003eغلطة #4: \"بدون واقي شمس\"\u003c\/strong\u003e\u003cbr\u003e❌ أسوأ قرار.\u003cbr\u003e✅ الصح: SPF 30+ كل صباح إجباري.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 style=\"color: #ffd700; text-align: center; margin-bottom: 1rem;\"\u003e✅ الطريقة الصحيحة (خطوة بخطوة)\u003c\/h3\u003e\n    \u003cdiv class=\"ph-usage-steps\"\u003e\n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eالتوقيت\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eليلاً فقط. بعد الغسول والتونر، وقبل المرطب الليلي.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eالجدول\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eالأسبوع 1-2: مرتين فقط.\u003cbr\u003eالأسبوع 3-4: كل يومين.\u003cbr\u003eالأسبوع 5+: كل ليلة (لو متحملة).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eالتطبيق\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eاغسلي وجففي تماماً. خذي حجم حبة أرز. وزعي وطبطبي. تجنبي العين والفم.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ph-usage-step\"\u003e\n        \u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n        \u003ch3 class=\"ph-step-title\"\u003eالترطيب\u003c\/h3\u003e\n        \u003cp class=\"ph-step-description\"\u003eاستني 2-3 دقيقة ثم ضعي مرطب فوقه.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 9. Storage \u0026 Safety --\u003e\n  \u003cdiv class=\"ph-section\" style=\"border: 1px solid #ddd; border-radius: 15px; padding: 2rem; margin: 2rem 0;\"\u003e\n    \u003ch3 style=\"color: #d4af37; text-align: right;\"\u003eالتخزين والأمان\u003c\/h3\u003e\n    \u003cp style=\"text-align: right;\"\u003e\u003cstrong\u003eالريتينول عدوه 3 حاجات:\u003c\/strong\u003e الضوء، الحرارة، الهوا.\u003c\/p\u003e\n    \u003cp style=\"text-align: right;\"\u003e\u003cstrong\u003e✅ الحل:\u003c\/strong\u003e أقفل العبوة محكم، خزنها في مكان مظلم\/الثلاجة، استخدمها خلال 6 شهور.\u003c\/p\u003e\n    \n    \u003chr style=\"margin: 1.5rem 0;\"\u003e\n    \n    \u003ch3 style=\"color: #ff6b6b; text-align: right;\"\u003eمن يجب أن يتجنب هذا المنتج؟\u003c\/h3\u003e\n    \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; text-align: right;\"\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color: #d35400;\"\u003e⚠️ ممنوع تماماً:\u003c\/h4\u003e\n        \u003cul class=\"ph-feature-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eالحوامل والمرضعات\u003c\/strong\u003e (غير آمن).\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eالبشرة المكسورة\u003c\/strong\u003e (إكزيما نشطة، جروح، حروق).\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eبعد الإجراءات\u003c\/strong\u003e (ليزر، بيلينج - انتظري 2-4 أسابيع).\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color: #d35400;\"\u003e⚠️ احذر واختبر:\u003c\/h4\u003e\n        \u003cul class=\"ph-feature-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eالبشرة الحساسة جداً\u003c\/strong\u003e (روزاسيا، إكزيما مزمنة).\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eالمستخدمين الجدد\u003c\/strong\u003e (ابدأ ببطء شديد).\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 10. CTA Section (Gold Theme) --\u003e\n  \u003cdiv class=\"ph-cta-section\"\u003e\n    \u003cdiv class=\"ph-floating-particles\"\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003ch2 class=\"ph-cta-title\"\u003eCELIMAX Vita-A Retinol Shot - آخر فرصة تعيد الزمن لورا\u003c\/h2\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2ddcc838-8415-47a3-b3bd-0b555e780a84_b820e82f-6f7f-472a-93c5-cb4cb1fa1232.jpg?v=1771319185\" alt=\"Celimax CTA\" class=\"ph-product-image\" style=\"margin: 2rem auto; position: relative; z-index: 2;\"\u003e\n    \u003cp class=\"ph-cta-text\"\u003e\n      \u003cstrong\u003eبشرتك بتنتظر. المسام بتتسع. الكولاجين بيقل. كل يوم يمر = فرصة ضائعة.\u003c\/strong\u003e\u003cbr\u003e\n      غيّر بشرتك للأبد. 💛✨\n    \u003c\/p\u003e\n    \u003cdiv style=\"position: relative; z-index: 2; margin-top: 2rem;\"\u003e\n      \u003cp style=\"font-size: 1.4rem; font-weight: bold;\"\u003eاطلبيه الآن\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 11. Ingredients List --\u003e\n  \u003cdiv class=\"ph-ingredients-list\"\u003e\n    \u003ch2 class=\"ph-ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h2\u003e\n    \u003cdiv class=\"ph-ingredients-text\"\u003e\n      Water, Methylpropanediol, Glycerin, 1,2-Hexanediol, Caprylic\/Capric Triglyceride, \u003cstrong\u003ePanthenol\u003c\/strong\u003e, Polypropylsilsesquioxane, C14-22 Alcohols, Glyceryl Stearate, Ammonium Acryloyldimethyltaurate\/VP Copolymer, \u003cstrong\u003eHydrolyzed Sponge\u003c\/strong\u003e, \u003cstrong\u003eHelianthus Annuus (Sunflower) Seed Oil\u003c\/strong\u003e, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, \u003cstrong\u003eTocopherol\u003c\/strong\u003e, \u003cstrong\u003eRetinol (0.1%)\u003c\/strong\u003e, \u003cstrong\u003eAllantoin\u003c\/strong\u003e, Arginine, Undecane, Xanthan Gum, Ethylhexylglycerin, C12-20 Alkyl Glucoside, Lauryl Glucoside, Polyglyceryl-6 Laurate, \u003cstrong\u003eAdenosine\u003c\/strong\u003e, Tridecane, Disodium EDTA, \u003cstrong\u003eDaucus Carota Sativa (Carrot) Root Extract\u003c\/strong\u003e, Myristyl Glucoside, Glyceryl Acrylate\/Acrylic Acid Copolymer, PVM\/MA Copolymer, Butylene Glycol, \u003cstrong\u003eBeta-Carotene\u003c\/strong\u003e, Glucose, \u003cstrong\u003eTripeptide-1\u003c\/strong\u003e, \u003cstrong\u003ePalmitoyl Tripeptide-1\u003c\/strong\u003e, \u003cstrong\u003eNonapeptide-1\u003c\/strong\u003e, \u003cstrong\u003eHexapeptide-9\u003c\/strong\u003e, \u003cstrong\u003eDipeptide-2\u003c\/strong\u003e, \u003cstrong\u003eCopper Tripeptide-1\u003c\/strong\u003e, \u003cstrong\u003eAcetyl Tetrapeptide-5\u003c\/strong\u003e, \u003cstrong\u003eAcetyl Hexapeptide-8\u003c\/strong\u003e, \u003cstrong\u003ePalmitoyl Pentapeptide-4\u003c\/strong\u003e.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Customized Styles: Hero \u0026 CTA Only (Yellow\/Gold Theme) --\u003e\n\u003cstyle\u003e\n  .ph-product-image {\n    border-radius: 8px !important;\n  }\n  \n  \/* Hero Section - Yellow\/Gold Retinol Identity *\/\n  .ph-hero-section {\n    background: linear-gradient(135deg, #332b00 0%, #4d4100 50%, #332b00 100%);\n    border-bottom: 2px solid #ffd700;\n  }\n  \n  .ph-hero-title {\n    background: linear-gradient(120deg, #fffacd 0%, #ffffff 50%, #ffd700 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.4));\n  }\n\n  .ph-hero-section .ph-particle {\n    background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(218, 165, 32, 0) 70%);\n  }\n  \n  \/* CTA Section - Yellow\/Gold Retinol Identity *\/\n  .ph-cta-section {\n    background: linear-gradient(135deg, #332b00 0%, #000000 100%);\n    border: 1px solid rgba(255, 215, 0, 0.2);\n  }\n\n  .ph-cta-title {\n    background: linear-gradient(120deg, #fffacd 0%, #ffffff 50%, #ffd700 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .ph-cta-section .ph-particle {\n    background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(218, 165, 32, 0) 70%);\n  }\n  \n  \/* Advanced Card Grid Styles *\/\n  .ph-ps-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 20px;\n    margin: 2rem 0;\n  }\n  \n  .ph-ps-card {\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 20px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    border: 1px solid #f0f0f0;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    display: flex;\n    flex-direction: column;\n  }\n  \n  .ph-ps-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px rgba(255, 215, 0, 0.15);\n    border-color: #ffd700;\n  }\n  \n  .ph-ps-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #ffd700, #d4af37);\n  }\n  \n  .ph-ps-label {\n    position: absolute;\n    top: 15px;\n    left: 15px;\n    font-size: 0.8rem;\n    font-weight: bold;\n    color: #b8860b;\n    background: rgba(255, 215, 0, 0.1);\n    padding: 4px 10px;\n    border-radius: 20px;\n  }\n  \n  .ph-ps-content {\n    margin-top: 1.5rem;\n    text-align: center;\n  }\n  \n  .ph-ps-problem {\n    font-size: 1.1rem;\n    font-weight: bold;\n    color: #d32f2f;\n    margin-bottom: 0.5rem;\n  }\n  \n  .ph-ps-arrow {\n    font-size: 1.5rem;\n    color: #ddd;\n    margin: 0.2rem 0;\n    line-height: 1;\n  }\n  \n  .ph-ps-solution {\n    font-size: 1.1rem;\n    font-weight: bold;\n    color: #2e7d32;\n  }\n  \n  .ph-ps-solution span {\n    display: block;\n    font-size: 0.85rem;\n    font-weight: normal;\n    color: #666;\n    margin-top: 4px;\n  }\n\n  \/* RTL List Icon Fix - Gold Circle Bullet *\/\n  .ph-feature-list {\n    list-style: none !important;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  .ph-feature-list li {\n    position: relative;\n    padding-right: 25px; \/* Less padding since no large icon *\/\n   \n    text-align: right;\n    display: block;\n    line-height: 1.6;\n  }\n  .ph-feature-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n \n    width: 10px;\n    height: 10px;\n    background-color: #ffd700; \/* Solid Gold Circle *\/\n    border-radius: 50%;\n    box-shadow: 0 2px 5px rgba(255, 215, 0, 0.4); \/* Add glow *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- Animation Scripts --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \n  \/\/ Intersection Observer for fade-in animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n  \n  const fadeInObserver = 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        if (entry.target.classList.contains('ph-timeline-item')) {\n           entry.target.style.transform = 'translateX(0)';\n        }\n      }\n    });\n  }, observerOptions);\n  \n  \/\/ Helper to observe elements\n  function observeElements(selector, delayMultiplier = 0.1, type = 'up') {\n    const elements = document.querySelectorAll(selector);\n    elements.forEach((el, index) =\u003e {\n      el.style.opacity = '0';\n      if (type === 'up') el.style.transform = 'translateY(30px)';\n      if (type === 'side') el.style.transform = 'translateX(-30px)';\n      el.style.transition = `all 0.6s ease ${index * delayMultiplier}s`;\n      fadeInObserver.observe(el);\n    });\n  }\n\n  \/\/ Apply animations\n  observeElements('.ph-benefit-card', 0.1);\n  observeElements('.ph-timeline-item', 0.15, 'side');\n  observeElements('.ph-usage-step', 0.1);\n  observeElements('.ph-mechanism-card', 0.1);\n  observeElements('.ph-proof-item', 0.1);\n  observeElements('.ph-stat-item', 0.1);\n  observeElements('.ph-ps-card', 0.05); \/* Animate the new cards *\/\n  \n  \/\/ Image reveal\n  const productImages = document.querySelectorAll('.ph-product-image');\n  productImages.forEach(img =\u003e {\n    img.style.opacity = '0';\n    img.style.transform = 'scale(0.95)';\n    img.style.transition = 'all 0.8s ease';\n    fadeInObserver.observe(img);\n  });\n\n  \/\/ Timeline Benefit items fade in sequence\n  const timelineBenefits = document.querySelectorAll('.ph-timeline-benefit');\n  timelineBenefits.forEach((item, index) =\u003e {\n    item.style.opacity = '0';\n    item.style.transform = 'translateY(10px)';\n    item.style.transition = 'all 0.5s ease';\n    fadeInObserver.observe(item);\n  });\n\n  \/\/ Hover effects\n  document.querySelectorAll('.ph-benefit-card').forEach(card =\u003e {\n    card.addEventListener('mouseenter', () =\u003e card.style.transform = 'translateY(-8px)');\n    card.addEventListener('mouseleave', () =\u003e card.style.transform = 'translateY(0)');\n  });\n\n});\n\u003c\/script\u003e","brand":"Celimax","offers":[{"title":"Default Title","offer_id":47667857850542,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/celimaxretinolshottighteningserum_a48a4b72-2706-4586-a9f0-4cf53020e830.jpg?v=1788175190"},{"product_id":"oxygen-bubble-pen","title":"جهاز الأكسجين 4 في 1 (Oxygen Bubble Pen) | عيادة تنظيف المسام وتجديد الخلايا في منزلك","description":"\u003cdiv class=\"oxy-premium-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (Luxury Gold \u0026 Deep Brown\/Black Theme) === *\/\n        .oxy-premium-wrapper {\n            --oxy-bg-deep: #0a0805; \/* Deep black with a hint of warm brown *\/\n            --oxy-bg-card: rgba(25, 15, 10, 0.6); \/* Translucent dark brown *\/\n            --oxy-gold-main: #d4af37; \/* Premium luminous gold *\/\n            --oxy-gold-light: #f3e5ab; \/* Soft glowing gold *\/\n            --oxy-gold-glow: rgba(212, 175, 55, 0.3);\n            --oxy-text-main: #fdfbf7;\n            --oxy-text-muted: #cbbca0;\n            --oxy-border: rgba(212, 175, 55, 0.2);\n            --oxy-border-hover: rgba(243, 229, 171, 0.6);\n            --oxy-red-alert: #ff4d4d;\n            \n            background-color: var(--oxy-bg-deep);\n            color: var(--oxy-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(212, 175, 55, 0.05) inset;\n        }\n\n        .oxy-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .oxy-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.8);\n            border: 1px solid rgba(212, 175, 55, 0.1);\n        }\n\n        .oxy-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Ambient Golden Orbs Background === *\/\n        .oxy-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        .oxy-particle {\n            position: absolute;\n            border-radius: 50%;\n            bottom: -100px;\n            background: radial-gradient(circle at 30% 30%, rgba(243, 229, 171, 0.8), rgba(212, 175, 55, 0.1));\n            box-shadow: 0 0 15px var(--oxy-gold-glow), inset 0 0 10px rgba(243, 229, 171, 0.5);\n            animation: floatUpGold 15s infinite ease-in-out;\n            opacity: 0.5;\n        }\n\n        @keyframes floatUpGold {\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(-50px); opacity: 0; }\n        }\n\n        \/* === Typography === *\/\n        .oxy-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        .oxy-title-glow span {\n            background: linear-gradient(135deg, var(--oxy-gold-light) 0%, var(--oxy-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--oxy-gold-glow);\n        }\n\n        .oxy-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 4vw, 30px);\n            font-weight: 800;\n            color: #fff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .oxy-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(--oxy-gold-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--oxy-gold-main);\n        }\n\n        \/* === Hero Section === *\/\n        .oxy-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .oxy-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--oxy-gold-main);\n            color: var(--oxy-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(--oxy-gold-glow);\n            letter-spacing: 0.5px;\n        }\n        \n        .oxy-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--oxy-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        .oxy-glass-box {\n            background: var(--oxy-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--oxy-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        .oxy-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(--oxy-gold-light), var(--oxy-gold-main), transparent);\n        }\n\n        \/* === Benefits \/ Tech Grid === *\/\n        .oxy-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 40px 0;\n        }\n\n        .oxy-card {\n            background: linear-gradient(145deg, rgba(20, 15, 10, 0.8), rgba(5, 5, 5, 0.9));\n            border: 1px solid rgba(212, 175, 55, 0.1);\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        }\n\n        .oxy-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--oxy-gold-main);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n            background: rgba(30, 20, 15, 0.9);\n        }\n\n        .oxy-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            left: -50%;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);\n            z-index: 0;\n            transition: all 0.5s;\n        }\n\n        .oxy-card:hover::after {\n            bottom: -10%;\n            left: -10%;\n        }\n\n        .oxy-icon {\n            width: 50px;\n            height: 50px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(212, 175, 55, 0.3);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--oxy-gold-light);\n            font-size: 24px;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .oxy-card:hover .oxy-icon {\n            background: linear-gradient(135deg, var(--oxy-gold-main), var(--oxy-gold-light));\n            color: #000;\n            transform: scale(1.1) rotate(-5deg);\n            box-shadow: 0 0 20px var(--oxy-gold-glow);\n            border-color: transparent;\n        }\n\n        .oxy-card h3 {\n            font-size: 1.2rem;\n            color: #fff;\n            margin-bottom: 12px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .oxy-card p {\n            color: var(--oxy-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* === Warning Box === *\/\n        .oxy-warning-box {\n            background: linear-gradient(145deg, rgba(255, 77, 77, 0.15), rgba(0,0,0,0.8));\n            border: 1px solid rgba(255, 77, 77, 0.3);\n            border-right: 4px solid var(--oxy-red-alert);\n            padding: 30px;\n            border-radius: 16px;\n            margin: 50px 0;\n            text-align: right;\n        }\n\n        .oxy-warning-box h3 {\n            color: var(--oxy-red-alert);\n            font-size: 1.3rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        \/* === Usage Steps List === *\/\n        .oxy-step-list {\n            list-style: none;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .oxy-step-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 20px;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--oxy-border);\n            padding: 25px;\n            border-radius: 16px;\n            transition: all 0.3s;\n        }\n\n        .oxy-step-item:hover {\n            border-color: var(--oxy-gold-light);\n            background: rgba(212, 175, 55, 0.05);\n            transform: translateX(-5px);\n        }\n\n        .oxy-step-num {\n            width: 45px;\n            height: 45px;\n            min-width: 45px;\n            background: var(--oxy-bg-deep);\n            border: 2px solid var(--oxy-gold-main);\n            color: var(--oxy-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(--oxy-gold-glow);\n        }\n\n        \/* === Animations === *\/\n        .oxy-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        .oxy-reveal.oxy-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .oxy-delay-1 { transition-delay: 0.1s; }\n        .oxy-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .oxy-hero { padding: 10px 0 20px; }\n            .oxy-step-item { flex-direction: column; text-align: center; align-items: center; }\n            .oxy-warning-box { text-align: center; border-right: 1px solid rgba(255, 77, 77, 0.3); border-top: 4px solid var(--oxy-red-alert); }\n            .oxy-warning-box h3 { justify-content: center; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- Ambient Golden Orbs --\u003e\n    \u003cdiv class=\"oxy-ambient-particles\" id=\"oxy-particles-ar\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"oxy-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"oxy-hero oxy-reveal oxy-active\"\u003e\n            \u003cdiv class=\"oxy-badge\"\u003eالاختراق الطبي (Bohr Effect)\u003c\/div\u003e\n            \u003ch1 class=\"oxy-title-glow\"\u003eجهاز الأكسجين الذكي CO2 | الاختراق الطبي الذي يتنفس تحت جلدك لنسف \u003cspan\u003eالتجاعيد والبهتان!\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hand_holding_premium_device_202608121058.jpg?v=1786521764\" alt=\"Oxygen Bubble Pen Device\" style=\"margin-bottom: 30px;\"\u003e\n            \n            \u003cp class=\"oxy-hero-subtitle\" style=\"color: #fff; font-weight: bold; font-size: 1.25rem;\"\u003e\n                نهاية عصر الكريمات السطحية: ماذا لو استطعت إجبار خلايا وجهك على \"التنفس\" من جديد؟\n            \u003c\/p\u003e\n            \u003cp class=\"oxy-hero-subtitle\"\u003e\n                هل تنفق مبالغ طائلة على سيرومات الهيالورونيك والريتينول، ومع ذلك لا يزال وجهك يبدو باهتاً، متعباً، ومليئاً بالمسام الواسعة؟ الحقيقة العلمية الصادمة هي: \u003cstrong style=\"color: #fff;\"\u003eبشرتك \"تختنق\" بصمت.\u003c\/strong\u003e الخلايا الميتة وضعف الدورة الدموية يمنعان أي منتج من الاختراق. مهما كان السيروم غالياً، فإنه يبقى على السطح بلا فائدة.\n            \u003c\/p\u003e\n            \u003cp class=\"oxy-hero-subtitle\" style=\"color: var(--oxy-gold-light); font-weight: bold;\"\u003e\n                الحل لم يعد في تغيير الكريم.. الحل في تغيير \"بيئة الجلد\" من الداخل.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Solution (Glass Box) --\u003e\n        \u003cdiv class=\"oxy-glass-box oxy-reveal\"\u003e\n            \u003cp style=\"color: var(--oxy-gold-light); font-size: 1.3rem; font-weight: bold; margin-bottom: 15px;\"\u003eنقدم لك جهاز 4-in-1 Oxygen Bubble Pen.\u003c\/p\u003e\n            \u003cp style=\"color: #fff; font-size: 1.1rem; line-height: 1.8;\"\u003e\n                هذا ليس مجرد جهاز تنظيف، إنه \u003cstrong style=\"color: var(--oxy-gold-main);\"\u003eمفاعل بيولوجي محمول\u003c\/strong\u003e يستخدم نظرية \"تأثير بور\" (Bohr Effect) الطبية ليخدع جسمك، ويجبره على ضخ دماء محملة بالأكسجين النقي مباشرة إلى وجهك!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. The Science (Bohr Effect) --\u003e\n        \u003ch2 class=\"oxy-section-title oxy-reveal\"\u003e🚨 صدمة الخلايا: كيف يعمل \"تأثير بور\"؟ (العلم وراء السحر)\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosmetic_tool_technical_breakdow__202608121110.jpg?v=1786522235\" alt=\"Bohr Effect Technical Breakdown\" class=\"oxy-reveal\" style=\"margin-bottom: 40px;\"\u003e\n        \n        \u003cp class=\"oxy-reveal\" style=\"text-align: center; color: var(--oxy-text-muted); font-size: 1.1rem; max-width: 800px; margin: 0 auto 50px; line-height: 1.8;\"\u003e\n            الجهاز لا يضخ الأكسجين من الهواء، بل يجعلك \u003cstrong style=\"color: #fff;\"\u003eتصنعه من الداخل\u003c\/strong\u003e. عندما تلامس كبسولة الجهاز (الـ Pod) الجل المخصص على بشرتك، يحدث تفاعل كيميائي طبيعي يولد ملايين الفقاعات الدقيقة من ثاني أكسيد الكربون (CO2). هذا الارتفاع المفاجئ في الـ CO2 يرسل إنذاراً فورياً للدماغ.. النتيجة؟ يقوم الجسم بضخ كميات هائلة من الدماء المشبعة بـ \u003cspan style=\"color: var(--oxy-gold-main); font-weight: bold; text-shadow: 0 0 10px var(--oxy-gold-glow);\"\u003eالأكسجين\u003c\/span\u003e إلى سطح الجلد فوراً!\u003cbr\u003e\u003cbr\u003e\n            هذا الأكسجين الداخلي يفتح قنوات الجلد (Skin Channels)، ويسرع عملية الأيض، ويجعل امتصاص أي سيروم تضعه بعدها يتضاعف بنسبة خيالية.\n        \u003c\/p\u003e\n\n        \u003c!-- 4. 6 Crises Solved --\u003e\n        \u003ch2 class=\"oxy-section-title oxy-reveal\"\u003e6 أزمات يحلها \"قلم الأكسجين\" بالضربة القاضية\u003c\/h2\u003e\n        \u003cp class=\"oxy-reveal\" style=\"text-align: center; color: var(--oxy-text-muted); margin-bottom: 30px;\"\u003eسواء كنت تعاني من الإرهاق اليومي أو علامات التقدم في السن، هذا الجهاز يمسح مشاكل الجلد من جذورها:\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_tool_massaged_on_cheekbone_202608121114.jpg?v=1786522510\" alt=\"Using Device on Cheekbone\" class=\"oxy-reveal\" style=\"margin-bottom: 40px;\"\u003e\n\n        \u003cdiv class=\"oxy-grid\"\u003e\n            \u003cdiv class=\"oxy-card oxy-reveal\"\u003e\n                \u003cdiv class=\"oxy-icon\"\u003e➰\u003c\/div\u003e\n                \u003ch3\u003eالخطوط الدقيقة والتجاعيد\u003c\/h3\u003e\n                \u003cp\u003eإغراق الأنسجة بالأكسجين يعيد بناء الأنسجة ويفرد الخطوط من الداخل للخارج.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card oxy-reveal oxy-delay-1\"\u003e\n                \u003cdiv class=\"oxy-icon\"\u003e⇡\u003c\/div\u003e\n                \u003ch3\u003eالترهل وضعف المرونة\u003c\/h3\u003e\n                \u003cp\u003eالدورة الدموية المكثفة تشد الجلد المترهل (Skin Firming) بشكل ملحوظ وفوري.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card oxy-reveal oxy-delay-2\"\u003e\n                \u003cdiv class=\"oxy-icon\"\u003e⏳\u003c\/div\u003e\n                \u003ch3\u003eالشيخوخة المبكرة\u003c\/h3\u003e\n                \u003cp\u003eيعمل كمضاد قوي للشيخوخة بفضل تنشيط الخلايا النائمة وإجبارها على التجدد.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card oxy-reveal\"\u003e\n                \u003cdiv class=\"oxy-icon\"\u003e💧\u003c\/div\u003e\n                \u003ch3\u003eالجفاف الشديد\u003c\/h3\u003e\n                \u003cp\u003eمن خلال فتح قنوات الجلد، يغمر البشرة بترطيب داخلي عميق لا يتبخر.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card oxy-reveal oxy-delay-1\"\u003e\n                \u003cdiv class=\"oxy-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch3\u003eاللون الباهت (Dullness)\u003c\/h3\u003e\n                \u003cp\u003eيمسح المظهر الرمادي ويعيد الإشراقة والحيوية (Glow) في جلسة واحدة فقط.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card oxy-reveal oxy-delay-2\"\u003e\n                \u003cdiv class=\"oxy-icon\"\u003e🕳️\u003c\/div\u003e\n                \u003ch3\u003eالمسام الواسعة\u003c\/h3\u003e\n                \u003cp\u003eيطرد الأوساخ والزيوت المتراكمة، ويقلص حجم المسام بشكل فوري.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. 4-in-1 Features --\u003e\n        \u003ch2 class=\"oxy-section-title oxy-reveal\"\u003eليس مجرد أكسجين: عيادة تجميل متكاملة (4 في 1)\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Enhance_image_design_and_copy_202608121123.jpg?v=1786523017\" alt=\"4-in-1 Technology\" class=\"oxy-reveal\" style=\"margin-bottom: 40px;\"\u003e\n\n        \u003cp class=\"oxy-reveal\" style=\"text-align: center; color: var(--oxy-text-muted); margin-bottom: 30px;\"\u003eالجهاز يدمج 4 تقنيات طبية في أداة واحدة خفيفة الوزن (82 جرام فقط):\u003c\/p\u003e\n\n        \u003cul class=\"oxy-step-list oxy-reveal\"\u003e\n            \u003cli class=\"oxy-step-item\"\u003e\n                \u003cdiv class=\"oxy-step-num\"\u003e1\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eالتنظيف العميق (Vibration + Spin)\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--oxy-text-muted); font-size: 0.95rem;\"\u003e5 مستويات من الاهتزاز والدوران السريع لاقتلاع الجلد الميت والأوساخ من أعمق المسام.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"oxy-step-item\"\u003e\n                \u003cdiv class=\"oxy-step-num\"\u003e2\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eفقاعات الأكسجين الدقيقة (CO2 Bubbles)\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--oxy-text-muted); font-size: 0.95rem;\"\u003eالتقنية الأساسية لإعادة الحيوية وضخ الدم المحمل بالأكسجين للبشرة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"oxy-step-item\"\u003e\n                \u003cdiv class=\"oxy-step-num\"\u003e3\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003e8 أوضاع للعلاج الضوئي (LED Therapy)\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--oxy-text-muted); font-size: 0.95rem;\"\u003eكل لون يعالج مشكلة محددة (الأحمر للكولاجين، الأزرق لقتل بكتيريا الحبوب، الأخضر للتصبغات، وغيرها).\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"oxy-step-item\"\u003e\n                \u003cdiv class=\"oxy-step-num\"\u003e4\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eالحقن الخلوي (Infusion)\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--oxy-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!-- 6. Why Trust This Device --\u003e\n        \u003ch2 class=\"oxy-section-title oxy-reveal\"\u003eدليل الثقة (لماذا يكتسح هذا الجهاز العالم؟)\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hand_holding_premium_device_202608121127.jpg?v=1786523279\" alt=\"Device Close Up\" class=\"oxy-reveal\" style=\"margin-bottom: 40px; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\"\u003e\n        \n        \u003cp class=\"oxy-reveal\" style=\"text-align: center; color: var(--oxy-text-muted); margin-bottom: 30px;\"\u003eنحن لا نبيع الوهم، إليك 4 أسباب تجعل هذا الجهاز الاستثمار الأذكى لمظهرك:\u003c\/p\u003e\n\n        \u003cdiv class=\"oxy-grid oxy-reveal\"\u003e\n            \u003cdiv class=\"oxy-card\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-main); margin-bottom: 10px;\"\u003e1. تكنولوجيا العيادات بين يديك\u003c\/h4\u003e\n                \u003cp style=\"font-size: 0.9rem;\"\u003eنفس تقنية جلسات الـ (OxyGeneo) التي تكلف مئات الدولارات، أصبحت متاحة لك في أي وقت بالمنزل.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-main); margin-bottom: 10px;\"\u003e2. آمن 100% ومختبر\u003c\/h4\u003e\n                \u003cp style=\"font-size: 0.9rem;\"\u003eمصنوع من مواد آمنة (بدون مواد كيميائية ضارة)، لا يسبب ألماً، ومناسب لجميع أنواع البشرة حتى الحساسة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-main); margin-bottom: 10px;\"\u003e3. نتائج موثقة\u003c\/h4\u003e\n                \u003cp style=\"font-size: 0.9rem;\"\u003eترطيب فوري، تقليل للمسام، وإشراقة طبيعية (Glow) تلاحظها من أول 15 دقيقة استخدام.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-main); margin-bottom: 10px;\"\u003e4. لاسلكي وعملي\u003c\/h4\u003e\n                \u003cp style=\"font-size: 0.9rem;\"\u003eبطارية قابلة لإعادة الشحن (Type-C) وتصميم محمول خفيف لتأخذه معك في أي رحلة أو مكان.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 7. Warning Section (Crucial for Trust) --\u003e\n        \u003cdiv class=\"oxy-warning-box oxy-reveal\"\u003e\n            \u003ch3\u003e⚠️ تحذير هام جداً: احذر البلاستيك الرخيص! ⚠️\u003c\/h3\u003e\n            \u003cp style=\"color: var(--oxy-text-muted); font-size: 0.95rem;\"\u003e\n                بسبب النجاح الساحق لهذه التقنية، امتلأ السوق بأجهزة مقلدة ونسخ رخيصة لا تنتج أي تفاعل كيميائي، وتستخدم إضاءات عادية بدلاً من الـ (LED الطبي)، مما قد يضر حاجز بشرتك. \u003cbr\u003e\u003cbr\u003e\n                \u003cstrong style=\"color: #fff;\"\u003eنحن نضمن لك:\u003c\/strong\u003e استلام النسخة الأصلية 100%، المعتمدة والمختبرة، مع ضمان التشغيل الفعال لإنتاج فقاعات الـ CO2 الحقيقية. لا تخاطر بوجهك مع منتجات مجهولة المصدر!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 8. Usage Guide --\u003e\n        \u003ch2 class=\"oxy-section-title oxy-reveal\"\u003eروتين الـ 10 دقائق (كيف تستخدم عيادتك الخاصة؟)\u003c\/h2\u003e\n        \n        \u003cdiv class=\"oxy-grid oxy-reveal\"\u003e\n            \u003cdiv class=\"oxy-card\" style=\"padding: 20px;\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-main); margin-bottom: 10px;\"\u003e1. التحضير\u003c\/h4\u003e\n                \u003cp style=\"font-size: 0.9rem;\"\u003eاغسل وجهك جيداً لإزالة الشوائب.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card\" style=\"padding: 20px;\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-main); margin-bottom: 10px;\"\u003e2. التركيب\u003c\/h4\u003e\n                \u003cp style=\"font-size: 0.9rem;\"\u003eركب كبسولة الأكسجين (الـ Pod) المخصصة على رأس الجهاز.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card\" style=\"padding: 20px;\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-main); margin-bottom: 10px;\"\u003e3. التفعيل\u003c\/h4\u003e\n                \u003cp style=\"font-size: 0.9rem;\"\u003eضع \"الجل التحضيري\" (Primer Gel) على وجهك.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card\" style=\"padding: 20px;\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-main); margin-bottom: 10px;\"\u003e4. التشغيل\u003c\/h4\u003e\n                \u003cp style=\"font-size: 0.9rem;\"\u003eاختر مستوى الاهتزاز ولون العلاج الضوئي الـ LED.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card\" style=\"padding: 20px;\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-main); margin-bottom: 10px;\"\u003e5. المساج\u003c\/h4\u003e\n                \u003cp style=\"font-size: 0.9rem;\"\u003eحرك الجهاز بلطف واستمتع بتفاعل فقاعات الأكسجين.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"oxy-card\" style=\"padding: 20px;\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-main); margin-bottom: 10px;\"\u003e6. الختام\u003c\/h4\u003e\n                \u003cp style=\"font-size: 0.9rem;\"\u003eامسح وجهك وضع سيرومك المفضل ليتم امتصاصه فوراً!\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 9. Real User Experiences --\u003e\n        \u003cdiv class=\"oxy-glass-box oxy-reveal\" style=\"text-align: right;\"\u003e\n            \u003ch2 style=\"color: #fff; font-size: 1.8rem; text-align: center; margin-bottom: 30px;\"\u003eتجارب حقيقية: ماذا يقول المستخدمون؟\u003c\/h2\u003e\n            \n            \u003cdiv style=\"margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-light); margin-bottom: 5px; display: flex; align-items: center; gap: 10px;\"\u003e✦ الجانب المشرق:\u003c\/h4\u003e\n                \u003cp style=\"color: var(--oxy-text-muted);\"\u003eأجمع المستخدمون على أن الجهاز ينظف المسام بعمق لا يمكن للغسول العادي الوصول إليه. اللمعة والإشراقة (Glow) بعد الجلسة كانت مبهرة، والعديد لاحظوا أن السيرومات أصبحت تعطي مفعولاً مضاعفاً بعد فتح قنوات الجلد وضخ الأكسجين.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv style=\"margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n                \u003ch4 style=\"color: var(--oxy-gold-light); margin-bottom: 5px; display: flex; align-items: center; gap: 10px;\"\u003e✦ نقطة للملاحظة:\u003c\/h4\u003e\n                \u003cp style=\"color: var(--oxy-text-muted);\"\u003eأشار البعض إلى أن الحصول على التفاعل الكيميائي الكامل (فقاعات الأكسجين) يتطلب شراء كبسولات الجهاز والجل المخصص (Pods \u0026amp; Primer Gel) بشكل دوري لضمان استمرارية النتائج، وهو ما يعتبر تكلفة جارية (Ongoing cost).\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"text-align: center; margin-top: 20px;\"\u003e\n                \u003ch4 style=\"color: #fff; font-size: 1.2rem;\"\u003eالخلاصة (4.8\/5)\u003c\/h4\u003e\n                \u003cp style=\"color: var(--oxy-gold-main);\"\u003eاستثمار احترافي يغير قواعد العناية بالبشرة في المنزل. يغنيك عن عيادات التنظيف العميق ويجعل بشرتك تتنفس وتنبض بالحياة فوراً.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 10. Final CTA --\u003e\n        \u003cdiv class=\"oxy-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.1)); border-radius: 20px; border: 1px solid var(--oxy-border);\"\u003e\n            \u003ch2 class=\"oxy-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003e⏳ النسخ الأصلية تنفد بسرعة.. \u003cspan\u003eأنقذ بشرتك الآن!\u003c\/span\u003e\n\u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hand_holding_premium_device_202608121132.jpg?v=1786523581\" alt=\"Device Close Up\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,0.8);\"\u003e\n            \n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                كل يوم يمر دون تنظيف عميق وأكسجين، تتراكم فيه السموم وتموت خلايا جديدة. لا ترضَ ببشرة باهتة ومجهدة بينما الحل الجذري متاح بين يديك.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--oxy-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--oxy-gold-glow);\"\u003e\n                اطلب النسخة الأصلية من جهاز Oxygen Bubble Pen الآن، وارتقِ بروتين العناية الخاص بك لمستوى العيادات!\n            \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('.oxy-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('oxy-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('oxy-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Golden Bubbles\n            var ambientContainer = document.getElementById('oxy-particles-ar');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('oxy-particle');\n                \n                var size = Math.random() * 40 + 10; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 10; \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":"Instachiq","offers":[{"title":"black","offer_id":48907746541742,"sku":"14:193;200007763:201336106","price":70.0,"currency_code":"USD","in_stock":true},{"title":"WHITE","offer_id":48907746574510,"sku":"14:29;200007763:201336106","price":70.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosmetic_tool_technical_breakdow__202608121110_68c1bf9c-4fc2-4ed8-8d01-5d53f49ad209.jpg?v=1788175177"},{"product_id":"eqqual-berry-bakuchiol-serum","title":"سيروم Eqqual berry Bakuchiol | بديل الريتينول النباتي + 13 ببتيد لشد البشرة وتملية المسام","description":"\u003cdiv class=\"eqb-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === المتغيرات والألوان الأساسية (هوية الباكوكيول \/ التوتي الداكن) === *\/\n        .eqb-wrapper {\n            --eqb-bg-dark: #0f0208; \/* أسود توتي عميق جدًا *\/\n            --eqb-bg-card: rgba(35, 10, 25, 0.5); \/* زجاج توتي *\/\n            --eqb-berry-main: #d81b60; \/* ماجنتا \/ توتي *\/\n            --eqb-berry-light: #ff80ab; \/* وردي مضيء *\/\n            --eqb-berry-dark: #880e4f; \/* توتي داكن *\/\n            --eqb-glow: rgba(216, 27, 96, 0.35);\n            --eqb-text-main: #fcf1f5;\n            --eqb-text-muted: #d9b8c4;\n            --eqb-border: rgba(216, 27, 96, 0.25);\n            --eqb-border-hover: rgba(255, 128, 171, 0.6);\n            \n            background-color: var(--eqb-bg-dark);\n            color: var(--eqb-text-main);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 30px 0;\n            border-radius: 16px;\n            box-shadow: 0 0 60px rgba(216, 27, 96, 0.05) inset;\n        }\n\n        .eqb-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .eqb-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .eqb-container {\n            max-width: 850px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === تأثيرات فقاعات الباكوكيول في الخلفية === *\/\n        .eqb-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        .eqb-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--eqb-glow) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpBakuchiol 18s infinite ease-in-out;\n            filter: blur(8px);\n        }\n\n        @keyframes floatUpBakuchiol {\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        \/* حل مشكلة العناوين على الموبايل باستخدام block و clamp *\/\n        .eqb-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4.5vw, 36px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.5;\n            background: linear-gradient(135deg, #ffffff 0%, var(--eqb-berry-light) 50%, #ffffff 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--eqb-glow);\n        }\n\n        .eqb-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 4vw, 28px);\n            font-weight: 800;\n            color: var(--eqb-berry-light);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .eqb-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(--eqb-berry-main), transparent);\n            border-radius: 10px;\n        }\n\n        \/* === الهيرو (الواجهة) === *\/\n        .eqb-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .eqb-badge {\n            display: inline-block;\n            background: rgba(216, 27, 96, 0.15);\n            border: 1px solid var(--eqb-berry-main);\n            color: var(--eqb-berry-light);\n            padding: 8px 20px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 20px;\n            box-shadow: 0 0 20px var(--eqb-glow);\n        }\n        \n        .eqb-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--eqb-text-muted);\n            max-width: 750px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n        }\n\n        \/* === الكروت الزجاجية (Glassmorphism) === *\/\n        .eqb-glass-box {\n            background: var(--eqb-bg-card);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid var(--eqb-border);\n            border-radius: 20px;\n            padding: 30px;\n            margin: 40px 0;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .eqb-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(--eqb-berry-light), transparent);\n        }\n\n        \/* === شبكة الفوائد والميكانيزم === *\/\n        .eqb-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .eqb-card {\n            background: linear-gradient(145deg, rgba(35, 10, 25, 0.6), rgba(15, 2, 8, 0.9));\n            border: 1px solid var(--eqb-border);\n            border-radius: 16px;\n            padding: 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .eqb-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--eqb-berry-light);\n            box-shadow: 0 10px 30px var(--eqb-glow);\n            background: rgba(45, 15, 30, 0.8);\n        }\n\n        .eqb-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(216, 27, 96, 0.1);\n            border: 1px solid rgba(255, 128, 171, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--eqb-berry-light);\n            font-size: 24px;\n            transition: transform 0.3s ease;\n        }\n        \n        .eqb-card:hover .eqb-icon {\n            transform: scale(1.1) rotate(-5deg);\n            background: linear-gradient(135deg, var(--eqb-berry-dark), var(--eqb-berry-main));\n            color: #fff;\n            border-color: transparent;\n        }\n\n        .eqb-card h3 {\n            font-size: 1.15rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .eqb-card p {\n            color: var(--eqb-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === التايم لاين (Timeline) === *\/\n        .eqb-timeline-container {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            margin: 40px 0;\n        }\n\n        .eqb-timeline-item {\n            background: rgba(255,255,255,0.02);\n            border: 1px dashed var(--eqb-border);\n            border-radius: 16px;\n            padding: 20px;\n            position: relative;\n            border-right: 4px solid var(--eqb-berry-main);\n            transition: all 0.3s;\n        }\n\n        .eqb-timeline-item:hover {\n            background: rgba(216, 27, 96, 0.05);\n            border-color: var(--eqb-berry-light);\n        }\n\n        .eqb-timeline-badge {\n            display: inline-block;\n            background: var(--eqb-berry-main);\n            color: #fff;\n            padding: 4px 15px;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            font-weight: bold;\n            margin-bottom: 15px;\n            box-shadow: 0 4px 10px var(--eqb-glow);\n        }\n\n        .eqb-timeline-list {\n            list-style: none;\n            padding-right: 10px;\n        }\n        \n        .eqb-timeline-list li {\n            position: relative;\n            padding-right: 20px;\n            margin-bottom: 8px;\n            color: var(--eqb-text-muted);\n            font-size: 0.95rem;\n        }\n\n        .eqb-timeline-list li::before {\n            content: '✦';\n            position: absolute;\n            right: 0;\n            color: var(--eqb-berry-light);\n            font-size: 12px;\n            top: 4px;\n        }\n\n        \/* === القيمة مقابل السعر === *\/\n        .eqb-value-list {\n            list-style: none;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .eqb-value-item {\n            background: rgba(0,0,0,0.3);\n            border: 1px solid rgba(255,255,255,0.05);\n            padding: 15px 20px;\n            border-radius: 12px;\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n        }\n\n        .eqb-value-icon {\n            color: var(--eqb-berry-light);\n            font-size: 1.2rem;\n            margin-top: 2px;\n        }\n\n        \/* === خطوات الاستخدام === *\/\n        .eqb-steps-container {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .eqb-step-item {\n            display: flex;\n            align-items: center;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--eqb-border);\n            padding: 20px;\n            border-radius: 12px;\n            transition: all 0.3s;\n        }\n        \n        .eqb-step-item:hover {\n            border-color: var(--eqb-berry-light);\n            background: rgba(216, 27, 96, 0.05);\n        }\n\n        .eqb-step-num {\n            font-size: 2rem;\n            font-weight: 900;\n            color: rgba(216, 27, 96, 0.2);\n            -webkit-text-stroke: 1px var(--eqb-berry-light);\n            margin-left: 20px;\n            min-width: 40px;\n            text-align: center;\n        }\n\n        .eqb-alert-box {\n            background: rgba(216, 27, 96, 0.1);\n            border-right: 4px solid var(--eqb-berry-main);\n            padding: 20px;\n            border-radius: 8px;\n            margin-top: 20px;\n        }\n\n        .eqb-alert-box ul {\n            list-style: none;\n            padding-right: 20px;\n        }\n\n        .eqb-alert-box li {\n            position: relative;\n            margin-bottom: 10px;\n            color: var(--eqb-text-muted);\n        }\n\n        .eqb-alert-box li::before {\n            content: '⚠';\n            position: absolute;\n            right: -25px;\n            color: var(--eqb-berry-light);\n            font-size: 0.9rem;\n        }\n\n        \/* === الفوتر والمكونات === *\/\n        .eqb-ingredients {\n            background: rgba(0,0,0,0.4);\n            border: 1px dashed var(--eqb-border);\n            border-radius: 12px;\n            padding: 25px;\n            font-size: 0.85rem;\n            color: #888;\n            margin-top: 40px;\n            text-align: left;\n            direction: ltr;\n        }\n        \n        .eqb-ingredients strong { color: var(--eqb-berry-light); }\n\n        \/* === الأنيميشن والحركات === *\/\n        .eqb-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .eqb-reveal.eqb-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .eqb-delay-1 { transition-delay: 0.1s; }\n        .eqb-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .eqb-hero { padding: 10px 0 20px; }\n            .eqb-step-item { flex-direction: column; text-align: center; }\n            .eqb-step-num { margin-left: 0; margin-bottom: 10px; }\n            .eqb-value-item { flex-direction: column; text-align: center; align-items: center; }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- جسيمات الباكوكيول المتوهجة --\u003e\n    \u003cdiv class=\"eqb-ambient-particles\" id=\"eqb-particles\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"eqb-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"eqb-hero eqb-reveal eqb-active\"\u003e\n            \u003cdiv class=\"eqb-badge\"\u003eبديل الريتينول الآمن 100%\u003c\/div\u003e\n            \u003ch1 class=\"eqb-title-glow\"\u003eالكابوس انتهى: السيروم الكوري اللي هيمسح التجاعيد ويصغر المسام.. من غير ما يدمر حاجز بشرتك!\u003c\/h1\u003e\n            \n            \u003cp class=\"eqb-hero-subtitle\"\u003e\n                \"نفسك تستخدمي ريتينول عشان تعالجي الخطوط الرفيعة والمسام الواسعة، بس مرعوبة من التقشير والاحمرار؟\"\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/equal_berry_deep_cera_bakuchiol.png?v=1774348661\" alt=\"Eqqual Berry Bakuchiol Plumping Serum\" style=\"margin: 0 auto 30px;\"\u003e\n            \n            \u003ch2 class=\"eqb-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.5rem;\"\u003eEqqual Berry Deep Cera Bakuchiol Plumping Serum\u003c\/h2\u003e\n            \u003cp style=\"color: var(--eqb-text-muted); max-width: 750px; margin: 0 auto; line-height: 1.8;\"\u003e\n                كلنا عارفين إن الريتينول هو \"ملك\" محاربة علامات التقدم في السن، لكن ضريبته غالية جداً على البشرة الحساسة أو المعرضة للحبوب.\u003cbr\u003e\n                هنا بيجي دور سيروم \u003cstrong\u003eEqqual Berry Deep Cera Bakuchiol Plumping\u003c\/strong\u003e.. السيروم اللي حقق المعادلة المستحيلة: نتائج الريتينول الجبارة، مدموجة مع نعومة وترطيب السيراميد، لدرجة إنك تقدري تستخدميه الصبح وبالليل بأمان تام!\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Problem Section --\u003e\n        \u003ch2 class=\"eqb-section-title eqb-reveal\"\u003eالريتينول بيضرب نتائج مذهلة... لو بشرتك قادرة تتحمله\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Eqqual_Berry_Deep_Cera_Bakuchiol_Plumping_Serum_30ml_a374b85f-a06a-45cb-ac06-26950e1d745f.webp?v=1774348304\" alt=\"مشكلة الريتينول\" class=\"eqb-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n        \n        \u003cdiv class=\"eqb-glass-box eqb-reveal\"\u003e\n            \u003cp style=\"text-align: center; font-size: 1.15rem; font-weight: bold; margin-bottom: 20px; color: var(--eqb-berry-light);\"\u003eخبراء الجلدية اكتشفوا حاجة مش متوقعة: في دراسة مقارنة مباشرة، المكوّن النباتي ده قلّل التصبغات بنسبة 59% — مقابل 44% للريتينول — من غير تهيج، من غير تقشير، من غير أي آثار جانبية.\u003c\/p\u003e\n            \n            \u003cp style=\"text-align: center; color: var(--eqb-text-muted); margin-bottom: 0;\"\u003e\n                الريتينول بيشتغل — ده مش كلام فاضي. لكن 70% من الناس اللي بتبدأ فيه بتعاني: تقشير، جفاف، احمرار، تهيج أسابيع. وكتير منهم بيقفوا استخدامه قبل ما يوصلوا للنتيجة خالص. \u003cbr\u003e\u003cbr\u003e\n                \u003cstrong style=\"color: #fff;\"\u003eEqqual Berry Deep Cera Bakuchiol Plumping Serum\u003c\/strong\u003e هو السيروم اللي اكتشف السر ده قبل ما حد يلتفتله — الباكوكيول. مكوّن نباتي خالص من بذور نبتة الباباتشي الآسيوية، بيشغّل في البشرة نفس الجينات اللي بيشغّلها الريتينول بالظبط — شد، كولاجين، مرونة، تصبغات — لكن من غير ما يلمس مستقبلات الريتينويد اللي هي السبب الرئيسي للتهيج والتقشير. \u003cbr\u003e\u003cbr\u003e\n                \u003cspan style=\"color: var(--eqb-berry-light); font-size: 1.2rem; font-weight: bold;\"\u003eالنتيجة؟ نفس التحول. من غير العذاب.\u003c\/span\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. Solution Deep Dive --\u003e\n        \u003ch2 class=\"eqb-section-title eqb-reveal\"\u003eأول سيروم يوصّل تأثير الريتينول للبشرة الحساسة من غير ما يعرّضها لمشاكله\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Eqqual_Berry_Deep_Cera_Bakuchiol_Plumping_Serum_3.webp?v=1774348304\" alt=\"تأثير الباكوكيول\" class=\"eqb-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n        \n        \u003cdiv class=\"eqb-reveal\" style=\"text-align: center; max-width: 800px; margin: 0 auto 50px;\"\u003e\n            \u003cp style=\"color: var(--eqb-text-muted); line-height: 1.8; margin-bottom: 20px;\"\u003e\n                الباكوكيول مش \"بديل ضعيف\" زي ما البعض بيفتكر. في دراسة نُشرت في مجلة British Journal of Dermatology — أرقى مجلة جلدية في العالم — قارنوا 0.5% باكوكيول مع 0.5% ريتينول على 44 مشارك لمدة 12 أسبوع. النتيجة؟ لا فرق إحصائي بين الاثنين في تقليل الخطوط والتجاعيد. لكن مجموعة الريتينول بلّغت تقشير واحتراق أكتر بكتير. والمفاجأة إن الباكوكيول قلّل التصبغات بنسبة \u003cstrong style=\"color: var(--eqb-berry-light);\"\u003e59%\u003c\/strong\u003e — مقابل \u003cstrong style=\"color: var(--eqb-berry-light);\"\u003e44%\u003c\/strong\u003e للريتينول.\n            \u003c\/p\u003e\n            \u003cp style=\"font-size: 1.3rem; font-weight: bold; color: #fff; margin: 25px 0;\"\u003eده مش بديل — ده منافس.\u003c\/p\u003e\n            \u003cp style=\"color: var(--eqb-text-muted); line-height: 1.8;\"\u003e\n                \u003cstrong style=\"color: #fff;\"\u003eEqqual Berry Deep Cera Bakuchiol Serum\u003c\/strong\u003e صمّمه علماء صيدلة بمبدأ واضح: إن القوة لازم تيجي مع الأمان، ومع بعض مش ضد بعض. الباكوكيول 0.5% النقي ده القلب — وحواليه منظومة من 13 ببتيد متخصص، الكوبر ببتيد GHK-Cu، وخمس أنواع سيراميد بيشتغلوا كلهم في وقت واحد.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 4. Benefits Grid --\u003e\n        \u003ch2 class=\"eqb-section-title eqb-reveal\"\u003eفوائد السيروم: إيه اللي السيروم ده بيعمله في بشرتك؟\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bakuchiol-plumping-serum.jpg?v=1774349069\" alt=\"فوائد سيروم الباكوكيول\" class=\"eqb-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n        \n        \u003cdiv class=\"eqb-grid\"\u003e\n            \u003cdiv class=\"eqb-card eqb-reveal\"\u003e\n                \u003cdiv class=\"eqb-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eيشد البشرة ويملّيها من الأسبوع الأول\u003c\/h3\u003e\n                \u003cp\u003e(بالسيراميد المتفجرة + الكولاجين القابل للذوبان) — الـ \"cream flakes\" اللي في تركيبته بتتفجر لحظة التطبيق وبتملّي البشرة فوراً، وبعدها الببتيدات بتشتغل على تحفيز الكولاجين الطبيعي.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"eqb-card eqb-reveal eqb-delay-1\"\u003e\n                \u003cdiv class=\"eqb-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v4l3 3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eيرجّع البشرة 7-10 سنين للوراء\u003c\/h3\u003e\n                \u003cp\u003eفي 12 أسبوع (بدراسة سريرية) — تقليل موثق في سطح الخطوط والتجاعيد مشابه للريتينول 0.5% بدون أي تأثيرات جانبية.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"eqb-card eqb-reveal eqb-delay-2\"\u003e\n                \u003cdiv class=\"eqb-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eيضيّق المسام ويصفّي ملمس البشرة\u003c\/h3\u003e\n                \u003cp\u003e(بالنياسيناميد + الباكوكيول + ببتيدات الرفع) — مش بس للخطوط، هو بيضيّق المسام المتسعة ويسوّي الملمس الخشن اللي الريتينول محتاج أشهر يوصّله.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"eqb-card eqb-reveal\"\u003e\n                \u003cdiv class=\"eqb-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2v20\"\u003e\u003c\/path\u003e\u003cpath d=\"M17 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\u003eيحفز الكولاجين من 3 زوايا\u003c\/h3\u003e\n                \u003cp\u003e(بالباكوكيول + الكوبر ببتيد GHK-Cu + الماتريكسيل 3000) — كل مكوّن بيدخل خلايا البشرة من مسار مختلف لتحفيز الكولاجين والإيلاستين، مما يضاعف النتيجة.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"eqb-card eqb-reveal eqb-delay-1\"\u003e\n                \u003cdiv class=\"eqb-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eيعيد بناء حاجز البشرة من الأساس\u003c\/h3\u003e\n                \u003cp\u003e(بمجمع السيراميد الخماسي + زبدة الشيا + السكوالين) — خمسة أنواع من السيراميد بتطابق البنية الطبيعية لجدار خلايا البشرة. بشرة بحاجز قوي تستجيب أسرع.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"eqb-card eqb-reveal eqb-delay-2\"\u003e\n                \u003cdiv class=\"eqb-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpolyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eيشد بشرة مترهلة من غير عيادة\u003c\/h3\u003e\n                \u003cp\u003e(بالكوبر ببتيد GHK-Cu) — في دراسة على 71 سيدة، حقق 67% تقليل في حجم التجاعيد وزيادة كثافة البشرة ظهرت بالموجات فوق الصوتية خلال 12 أسبوع بس.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"eqb-card eqb-reveal\"\u003e\n                \u003cdiv class=\"eqb-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003cline x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\u003e\u003c\/line\u003e\u003cpolyline points=\"10 9 9 9 8 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eآمن تماماً للحوامل\u003c\/h3\u003e\n                \u003cp\u003eباكوكيول آمن للحمل والرضاعة — لأن آليته مختلفة جذرياً عن الريتينويدات اللي ممنوعة تماماً في هذه الفترة.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"eqb-card eqb-reveal eqb-delay-1\"\u003e\n                \u003cdiv class=\"eqb-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eاستخدام صباحاً ومساءً بدون قيود\u003c\/h3\u003e\n                \u003cp\u003eالريتينول محتاج ليل فقط + واقي شمس إجباري. الباكوكيول؟ صباح ومساء، مع أي روتين، تحت الشمس وبدون قيود.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"eqb-card eqb-reveal eqb-delay-2\"\u003e\n                \u003cdiv class=\"eqb-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"\u003e\u003c\/path\u003e\u003cline x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eتهدئة البشرة الحساسة والمحببة\u003c\/h3\u003e\n                \u003cp\u003e(بالبانثينول + الألانتوين + مستخلص النيم) — مش بس بيعالج الشيخوخة، هو كمان بيهدئ الالتهابات ويدعم البشرة الحساسة والمعرّضة للحبوب.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Mechanism Deep Dive --\u003e\n        \u003ch2 class=\"eqb-section-title eqb-reveal\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n        \u003cp class=\"eqb-reveal\" style=\"text-align: center; margin-bottom: 40px; font-size: 1.15rem; color: var(--eqb-text-muted);\"\u003eثلاث محركات تشتغل مع بعض لنتيجة ما تقدر أي مكوّن منفرد يوصّلها\u003c\/p\u003e\n        \n        \u003cdiv class=\"eqb-glass-box eqb-reveal\" style=\"padding: 0; background: transparent; border: none; box-shadow: none;\"\u003e\n            \u003cdiv class=\"eqb-grid\"\u003e\n                \u003cdiv class=\"eqb-card\" style=\"background: rgba(15,2,8,0.7);\"\u003e\n                    \u003ch3 style=\"color: var(--eqb-berry-light);\"\u003e◆ الباكوكيول (نفس الجينات... من غير الآثار الجانبية)\u003c\/h3\u003e\n                    \u003cp\u003eعلماء الجينوم اكتشفوا إن الباكوكيول بيفعّل نفس الجينات اللي بيفعّلها الريتينول في خلايا البشرة — كولاجين I، III، IV، إيلاستين — لكنه مش بيلمس مستقبلات RAR-β وRAR-γ، المسؤولة عن التهيج. \u003cstrong style=\"color: #fff;\"\u003eنفس إشارات الشباب... من غير الإنذارات التي تطلق الالتهاب.\u003c\/strong\u003e\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"eqb-card\" style=\"background: rgba(15,2,8,0.7);\"\u003e\n                    \u003ch3 style=\"color: var(--eqb-berry-light);\"\u003e● الكوبر ببتيد GHK-Cu (أقوى ببتيد للجلد)\u003c\/h3\u003e\n                    \u003cp\u003eينقص بنسبة 60% في عمر 60 سنة. لما يُطبَّق على البشرة، بيحفز الكولاجين والإيلاستين، وبيُنظّم إنزيمات MMP اللي بتكسر الكولاجين القديم. حقق تحسين في إنتاج الكولاجين متفوقاً على فيتامين C وحمض الريتينويك.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"eqb-card\" style=\"background: rgba(15,2,8,0.7);\"\u003e\n                    \u003ch3 style=\"color: var(--eqb-berry-light);\"\u003e▲ مجمع الـ 13 ببتيد\u003c\/h3\u003e\n                    \u003cp\u003e\u003cstrong\u003eالماتريكسيل 3000:\u003c\/strong\u003e يقلل التجاعيد 35%. \u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e يُهدّئ عضلات التعبير. \u003cstrong\u003eOligopeptide-32:\u003c\/strong\u003e يضيّق المسام. \u003cstrong\u003eAcetyl Tetrapeptide-2:\u003c\/strong\u003e يرفع ويشد ملامح الوجه.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"eqb-card\" style=\"background: rgba(15,2,8,0.7);\"\u003e\n                    \u003ch3 style=\"color: var(--eqb-berry-light);\"\u003e✦ مجمع السيراميد الخماسي\u003c\/h3\u003e\n                    \u003cp\u003eالجلد الصحي بيحتوي على 5 أنواع من السيراميد. لما الحاجز بيضعف، الرطوبة بتتبخر والمكوّنات النشطة بتتسرب. المجمع الخماسي في السيروم بيُعيد بناء هذا الحاجز بنفس تركيبه الطبيعي ليحمي كل اللي فوقيه.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Timeline Section --\u003e\n        \u003ch2 class=\"eqb-section-title eqb-reveal\"\u003eرحلة التحول\u003c\/h2\u003e\n        \u003cp class=\"eqb-reveal\" style=\"text-align: center; margin-bottom: 20px; color: var(--eqb-text-muted);\"\u003eمن أول يوم لغاية الشهر التالت\u003c\/p\u003e\n        \n        \u003cdiv class=\"eqb-timeline-container eqb-reveal\"\u003e\n            \u003cdiv class=\"eqb-timeline-item\"\u003e\n                \u003cdiv class=\"eqb-timeline-badge\"\u003eمن أول استخدام\u003c\/div\u003e\n                \u003cul class=\"eqb-timeline-list\"\u003e\n                    \u003cli\u003eامتلاء فوري وبشرة \"مترمّمة\" من الـ cream flakes اللي بتتفجر\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=\"eqb-timeline-item\"\u003e\n                \u003cdiv class=\"eqb-timeline-badge\"\u003eبعد أسبوعين — 4 أسابيع\u003c\/div\u003e\n                \u003cul class=\"eqb-timeline-list\"\u003e\n                    \u003cli\u003eملمس أكثر سلاسة ونعومة بشكل واضح\u003c\/li\u003e\n                    \u003cli\u003eخطوط الجبهة والعين بدأت تبقى أقل عمقاً\u003c\/li\u003e\n                    \u003cli\u003eإشراق طبيعي وحيوية في البشرة\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"eqb-timeline-item\"\u003e\n                \u003cdiv class=\"eqb-timeline-badge\"\u003eبعد 3 شهور\u003c\/div\u003e\n                \u003cul class=\"eqb-timeline-list\"\u003e\n                    \u003cli\u003eنتائج سريرية كاملة في الخطوط والتجاعيد\u003c\/li\u003e\n                    \u003cli\u003eبشرة ممتلئة ومشدودة تشبه بشرة أصغر سناً\u003c\/li\u003e\n                    \u003cli\u003eالتحسن مستدام ومتراكم مع الاستمرار\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 7. Value Section --\u003e\n        \u003ch2 class=\"eqb-section-title eqb-reveal\"\u003eقيمة مقابل سعر ممتازة\u003c\/h2\u003e\n        \u003cdiv class=\"eqb-glass-box eqb-reveal\" style=\"padding: 25px;\"\u003e\n            \u003cul class=\"eqb-value-list\"\u003e\n                \u003cli class=\"eqb-value-item\"\u003e\n                    \u003cdiv class=\"eqb-value-icon\"\u003e◆\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eمش سيروم واحد — ده 5 في 1:\u003c\/h4\u003e\n                        \u003cp style=\"color: var(--eqb-text-muted); font-size: 0.95rem;\"\u003eشد + تملية + تضييق مسام + ترطيب عميق + حماية تأكسدية — كل ده في خطوة واحدة في الروتين بدلاً من 5 منتجات.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"eqb-value-item\"\u003e\n                    \u003cdiv class=\"eqb-value-icon\"\u003e▲\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eاقتصادي جداً في الاستخدام:\u003c\/h4\u003e\n                        \u003cp style=\"color: var(--eqb-text-muted); font-size: 0.95rem;\"\u003e2-3 قطرات تكفي الوجه كامل. مش هتحتاجي تعبّيه كل شهر.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"eqb-value-item\"\u003e\n                    \u003cdiv class=\"eqb-value-icon\"\u003e●\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eبيوفّر مصاريف العيادة:\u003c\/h4\u003e\n                        \u003cp style=\"color: var(--eqb-text-muted); font-size: 0.95rem;\"\u003eنتائج سريرية موثقة بدون الحاجة لجلسات ليزر أو حقن ببتيدات مكلفة.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"eqb-value-item\"\u003e\n                    \u003cdiv class=\"eqb-value-icon\"\u003e✓\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eبيشتغل وإنتي مبسوطة:\u003c\/h4\u003e\n                        \u003cp style=\"color: var(--eqb-text-muted); font-size: 0.95rem;\"\u003eمش محتاجة تتحملي أسبوعين صعبين أو تتجنبي الشمس أو تعملي يوم راحة. سيروم بيديكي النتيجة وإنتي بتعيشي حياتك عادي.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"eqb-value-item\"\u003e\n                    \u003cdiv class=\"eqb-value-icon\"\u003e★\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eللجميع — حرفياً:\u003c\/h4\u003e\n                        \u003cp style=\"color: var(--eqb-text-muted); font-size: 0.95rem;\"\u003eالبشرة الحساسة، المعرّضة للحبوب، الجافة، أثناء الحمل، أو لو جربتي الريتينول قبل كده ووقفتيه. السيروم ده مفيش سبب يمنعك منه.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 8. Usage Steps --\u003e\n        \u003ch2 class=\"eqb-section-title eqb-reveal\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n        \u003cdiv class=\"eqb-steps-container eqb-reveal\"\u003e\n            \u003cdiv class=\"eqb-step-item\"\u003e\n                \u003cdiv class=\"eqb-step-num\"\u003e1\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالتحضير\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--eqb-text-muted); font-size: 0.95rem;\"\u003eنضّفي البشرة بغسول مناسب. استخدمي التونر لو في روتينك. البشرة لازم تكون نضيفة — مش لازم تبقى ناشفة تماماً.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"eqb-step-item\"\u003e\n                \u003cdiv class=\"eqb-step-num\"\u003e2\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالتطبيق\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--eqb-text-muted); font-size: 0.95rem;\"\u003e2-3 قطرات على راحة إيدك. وزعيهم بتربيت ناعم على الوجه والرقبة. ركّزي على الجبين، حول العين وأي منطقة فيها خطوط.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"eqb-step-item\"\u003e\n                \u003cdiv class=\"eqb-step-num\"\u003e3\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالامتصاص\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--eqb-text-muted); font-size: 0.95rem;\"\u003eاستنّي 30 ثانية للامتصاص الكامل قبل وضع المرطب.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"eqb-step-item\"\u003e\n                \u003cdiv class=\"eqb-step-num\"\u003e4\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eإكمال الروتين\u003c\/h4\u003e\n                    \u003cp style=\"color: var(--eqb-text-muted); font-size: 0.95rem;\"\u003eصباحاً: منظف ← تونر ← سيروم ← مرطب ← واقي شمس (دايماً). مساءً: منظف ← تونر ← سيروم ← كريم ليلي.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"eqb-alert-box\"\u003e\n                \u003ch4 style=\"color: var(--eqb-berry-light); margin-bottom: 10px; text-align: center;\"\u003e⚠ نصائح مهمة:\u003c\/h4\u003e\n                \u003cul\u003e\n                    \u003cli\u003eمينفعش تجمعيه مع ريتينول في نفس الليلة — لأن المزج بيقلل تأثير كل منهم.\u003c\/li\u003e\n                    \u003cli\u003eلو بشرتك حساسة جداً للزيوت العطرية الطبيعية (لافندر وبرجموت)، اعملي patch test أولاً.\u003c\/li\u003e\n                    \u003cli\u003eالصبر مطلوب — الكولاجين الحقيقي محتاج وقت. 8-12 أسبوع هو الوقت اللي تحكمي فيه على النتيجة الكاملة.\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 9. Final CTA --\u003e\n        \u003cdiv class=\"eqb-reveal\" style=\"text-align: center; margin-top: 60px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(216, 27, 96, 0.15)); border-radius: 20px; border: 1px solid var(--eqb-border);\"\u003e\n            \u003ch2 class=\"eqb-title-glow\" style=\"font-size: clamp(22px, 4vw, 32px);\"\u003eلو الريتينول مقدرتيش تتحمليه... ده مش معناه إنك محرومة من نتيجته\u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/equal_berry_deep_cera_bakuchiol.webp?v=1774349373\" alt=\"Eqqual Berry Bakuchiol Result\" style=\"margin: 30px auto;\"\u003e\n            \n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                الباكوكيول مش مجرد بديل ريتينول .. هو اختيار أذكى ! المكوّن اللي العلم أثبت إنه بيوصّل نفس النتيجة، بيمشي بسلاسة في أي روتين، وبيفضل معاكي في أوقات ما كانش الريتينول يقدر. \u003cbr\u003e\u003cbr\u003e\n                مع الكوبر ببتيد GHK-Cu، و13 ببتيد متخصص، و5 أنواع سيراميد — ده مش مجرد \"سيروم للشيخوخة.\" ده منظومة كاملة بتعمل في كل طبقة من طبقات البشرة في نفس الوقت.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--eqb-berry-light); font-size: 1.4rem; font-weight: bold; margin-bottom: 30px; text-shadow: 0 0 10px var(--eqb-glow);\"\u003e\n                بشرة ممتلئة. مشدودة. شابة. اطلبه الآن\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 10. Ingredients Footer --\u003e\n        \u003cdiv class=\"eqb-ingredients eqb-reveal\"\u003e\n            \u003ch3 style=\"color: var(--eqb-berry-light); margin-bottom: 15px; font-size: 1.1rem; text-align: right; direction: rtl;\"\u003eقائمة المكوّنات الكاملة\u003c\/h3\u003e\n            \u003cp\u003eWater, Butylene Glycol, Glycerin, Cetyl Ethylhexanoate, 1,2‑Hexanediol, Niacinamide, Hydrogenated Lecithin, Pentaerythrityl Tetrabehenate, Diethoxyethyl Succinate, Betaine, \u003cstrong\u003eBakuchiol (5,000 ppm)\u003c\/strong\u003e, \u003cstrong\u003eCeramide NP\u003c\/strong\u003e, Melia Azadirachta Flower Extract, Hydroxyethyl Urea, Cetearyl Alcohol, Squalane, Coccinia Indica Fruit Extract, Panthenol, Carbomer, Butyrospermum Parkii (Shea) Butter, Tromethamine, Xanthan Gum, Allantoin, Ethylhexylglycerin, 2,3‑Butanediol, Adenosine, Disodium EDTA, Lavandula Angustifolia (Lavender) Oil, Sodium Carboxymethyl Beta‑Glucan, Glyceryl Stearate, Dipropylene Glycol, Citrus Aurantium Bergamia (Bergamot) Fruit Oil, Sodium Hyaluronate, Rubus Fruticosus (Blackberry) Fruit Extract, Vaccinium Macrocarpon (Cranberry) Fruit Extract, Vaccinium Angustifolium (Blueberry) Fruit Extract, Rubus Idaeus (Raspberry) Fruit Extract, Soluble Collagen, Sodium Acetylated Hyaluronate, \u003cstrong\u003eCopper Tripeptide‑1\u003c\/strong\u003e, \u003cstrong\u003ePalmitoyl Tripeptide‑1\u003c\/strong\u003e, \u003cstrong\u003ePalmitoyl Tetrapeptide‑7\u003c\/strong\u003e, Oligopeptide‑32, Oligopeptide‑29, \u003cstrong\u003eAcetyl Hexapeptide‑8\u003c\/strong\u003e, \u003cstrong\u003eCeramide EOP\u003c\/strong\u003e, Acetyl Tetrapeptide‑2, Acetyl Tetrapeptide‑3, Acetyl Octapeptide‑3, Palmitoyl Pentapeptide‑4, Oligopeptide‑6, Hexapeptide‑9, Nonapeptide‑1, Limonene, Linalool.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ 1. Scroll Reveal Animation Logic\n            var reveals = document.querySelectorAll('.eqb-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('eqb-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('eqb-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ 2. Generate Ambient Bakuchiol Particles\n            var ambientContainer = document.getElementById('eqb-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('eqb-particle');\n                \n                \/\/ Randomize size, position, and speed\n                var size = Math.random() * 50 + 20; \/\/ 20px to 70px\n                var left = Math.random() * 100; \/\/ 0% to 100%\n                var duration = Math.random() * 15 + 15; \/\/ 15s to 30s\n                var delay = Math.random() * 10; \/\/ 0s to 10s\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":"Equal Berry","offers":[{"title":"Default Title","offer_id":49184715735214,"sku":null,"price":24.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Eqqualberry-Bakuchiol-Plumping-Serum-30ml-XOXO-Bea-7596_de5248bd-b7b1-4c5c-a9c6-07ad2b09753a.webp?v=1788175188"},{"product_id":"medicube-collagen-jelly-cream-110-ml","title":"Medicube كريم جيلي بالكولاجين والنياسيناميد لشد البشرة ومكافحة التجاعيد - 110 جم","description":"\u003cdiv class=\"med-premium-wrapper\" dir=\"rtl\"\u003e\n    \u003cstyle\u003e\n        \/* === Core Variables (Medicube Jelly \u0026 Gold Theme) === *\/\n        .med-premium-wrapper {\n            --med-bg-dark: #0f0a05; \/* Very dark warm brown\/black *\/\n            --med-bg-card: rgba(30, 20, 10, 0.6); \/* Translucent dark gold\/brown *\/\n            --med-gold-main: #d4af37; \/* Classic Gold *\/\n            --med-gold-light: #f9e596; \/* Light glowing gold *\/\n            --med-gold-glow: rgba(212, 175, 55, 0.3);\n            --med-pink-jelly: #ffb6c1; \/* Soft jelly pink *\/\n            --med-text-main: #fdfbf7;\n            --med-text-muted: #dcd3c6;\n            --med-border: rgba(212, 175, 55, 0.2);\n            --med-border-hover: rgba(212, 175, 55, 0.6);\n            \n            background-color: var(--med-bg-dark);\n            color: var(--med-text-main);\n            font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 30px 0;\n            border-radius: 16px;\n            box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n        }\n\n        .med-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .med-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .med-container {\n            max-width: 850px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Ambient Jelly Particles === *\/\n        .med-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .med-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--med-gold-glow) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpJelly 15s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpJelly {\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(-1500px) scale(1.5) translateX(40px); opacity: 0; }\n        }\n\n        \/* === Typography === *\/\n        .med-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4.5vw, 36px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.5;\n            background: linear-gradient(135deg, #ffffff 0%, var(--med-gold-light) 50%, #ffffff 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--med-gold-glow);\n        }\n\n        .med-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 4vw, 28px);\n            font-weight: 800;\n            color: var(--med-gold-light);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .med-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -12px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--med-gold-main), transparent);\n            border-radius: 10px;\n        }\n\n        \/* === Hero Section === *\/\n        .med-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .med-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.15);\n            border: 1px solid var(--med-gold-main);\n            color: var(--med-gold-light);\n            padding: 8px 20px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 20px;\n            box-shadow: 0 0 20px var(--med-gold-glow);\n        }\n        \n        .med-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--med-text-muted);\n            max-width: 750px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .med-glass-box {\n            background: var(--med-bg-card);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid var(--med-border);\n            border-radius: 20px;\n            padding: 30px;\n            margin: 40px 0;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .med-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(--med-gold-light), transparent);\n        }\n\n        \/* === Grids === *\/\n        .med-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .med-card {\n            background: linear-gradient(145deg, rgba(30, 20, 10, 0.6), rgba(15, 10, 5, 0.9));\n            border: 1px solid var(--med-border);\n            border-radius: 16px;\n            padding: 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .med-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--med-gold-light);\n            box-shadow: 0 10px 30px var(--med-gold-glow);\n            background: rgba(40, 25, 15, 0.8);\n        }\n\n        .med-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(249, 229, 150, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--med-gold-light);\n            font-size: 24px;\n            transition: transform 0.3s ease;\n        }\n        \n        .med-card:hover .med-icon {\n            transform: scale(1.1) rotate(-5deg);\n            background: linear-gradient(135deg, var(--med-gold-main), #fff);\n            color: #000;\n            border-color: transparent;\n        }\n\n        .med-card h3 {\n            font-size: 1.15rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .med-card p {\n            color: var(--med-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === Comparison \/ Stats Table === *\/\n        .med-compare-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            margin-top: 20px;\n        }\n        \n        .med-compare-box {\n            background: rgba(0,0,0,0.3);\n            border: 1px solid rgba(255,255,255,0.05);\n            padding: 20px;\n            border-radius: 12px;\n        }\n        \n        .med-compare-box h4 {\n            color: var(--med-gold-light);\n            margin-bottom: 15px;\n            border-bottom: 1px dashed var(--med-border);\n            padding-bottom: 10px;\n            text-align: center;\n        }\n        \n        .med-compare-list {\n            list-style: none;\n        }\n        \n        .med-compare-list li {\n            margin-bottom: 10px;\n            font-size: 0.9rem;\n            color: var(--med-text-muted);\n        }\n        \n        .med-compare-list.bad li::before { content: '✗ '; color: #ff5252; }\n        .med-compare-list.good li::before { content: '✓ '; color: #4caf50; }\n\n        .med-stats {\n            display: flex;\n            justify-content: space-around;\n            flex-wrap: wrap;\n            gap: 20px;\n            margin: 40px 0;\n            background: var(--med-bg-card);\n            padding: 30px;\n            border-radius: 16px;\n            border: 1px solid var(--med-border);\n        }\n\n        .med-stat-item {\n            text-align: center;\n            flex: 1;\n            min-width: 150px;\n        }\n\n        .med-stat-num {\n            font-size: 3rem;\n            font-weight: 900;\n            background: linear-gradient(135deg, var(--med-gold-light), var(--med-gold-main));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            line-height: 1.2;\n            margin-bottom: 5px;\n        }\n\n        \/* === Usage Steps === *\/\n        .med-steps-container {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .med-step-item {\n            display: flex;\n            align-items: center;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--med-border);\n            padding: 20px;\n            border-radius: 12px;\n            transition: all 0.3s;\n        }\n        \n        .med-step-item:hover {\n            border-color: var(--med-gold-light);\n            background: rgba(212, 175, 55, 0.05);\n        }\n\n        .med-step-num {\n            font-size: 2rem;\n            font-weight: 900;\n            color: rgba(212, 175, 55, 0.2);\n            -webkit-text-stroke: 1px var(--med-gold-light);\n            margin-left: 20px;\n            min-width: 40px;\n            text-align: center;\n        }\n\n        .med-alert-box {\n            background: rgba(212, 175, 55, 0.1);\n            border-right: 4px solid var(--med-gold-main);\n            padding: 20px;\n            border-radius: 8px;\n            margin-top: 20px;\n        }\n\n        .med-alert-box ul {\n            list-style: none;\n            padding-right: 20px;\n        }\n\n        .med-alert-box li {\n            position: relative;\n            margin-bottom: 10px;\n            color: var(--med-text-muted);\n        }\n\n        .med-alert-box li::before {\n            content: '💡';\n            position: absolute;\n            right: -25px;\n            font-size: 0.9rem;\n        }\n\n        \/* === Footer \u0026 Ingredients === *\/\n        .med-ingredients {\n            background: rgba(0,0,0,0.4);\n            border: 1px dashed var(--med-border);\n            border-radius: 12px;\n            padding: 25px;\n            font-size: 0.85rem;\n            color: #888;\n            margin-top: 40px;\n            text-align: left;\n            direction: ltr;\n        }\n        \n        .med-ingredients strong { color: var(--med-gold-light); }\n\n        \/* === Animations === *\/\n        .med-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .med-reveal.med-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .med-delay-1 { transition-delay: 0.1s; }\n        .med-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .med-compare-grid { grid-template-columns: 1fr; }\n            .med-step-item { flex-direction: column; text-align: center; }\n            .med-step-num { margin-left: 0; margin-bottom: 10px; }\n            .med-stat-num { font-size: 2.5rem; }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"med-ambient-particles\" id=\"med-particles\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"med-container\"\u003e\n        \n        \u003c!-- 1. Hero Section --\u003e\n        \u003cdiv class=\"med-hero med-reveal med-active\"\u003e\n            \u003cdiv class=\"med-badge\"\u003eالكولاجين المُجمد بالنيتروجين\u003c\/div\u003e\n            \u003ch1 class=\"med-title-glow\"\u003eالتكنولوجيا التي غيرت قواعد مكافحة الشيخوخة: سر \"البشرة الزجاجية الكورية\" أخيراً بين يديكِ!\u003c\/h1\u003e\n            \n            \u003cp class=\"med-hero-subtitle\"\u003e\n                \"لمستي بشرتك وحسيتي إنها بدأت تفقد مرونتها؟ الخطوط الدقيقة بدأت تظهر؟ البشرة بقت باهتة ومش ممتلئة زي زمان؟\"\n            \u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_collagen_jelly_cream_3.webp?v=1760884975\" alt=\"MEDICUBE Collagen Jelly Cream\" style=\"margin: 0 auto 30px;\"\u003e\n            \n            \u003ch2 class=\"med-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.5rem;\"\u003eMEDICUBE Collagen Jelly Cream\u003c\/h2\u003e\n            \u003cp style=\"color: var(--med-text-muted); max-width: 750px; margin: 0 auto; line-height: 1.8;\"\u003e\n                الكولاجين هو السر وراء البشرة الشابة المشدودة - بس المشكلة إن إنتاجه بيقل 1% كل سنة بعد سن الـ25. \u003cstrong\u003eMEDICUBE Collagen Jelly Cream\u003c\/strong\u003e هو أول كريم جيلي كوري بكولاجين مجفف بالتجميد في حرارة -120 درجة مئوية. النتيجة؟ كولاجين متحلل نقي جداً (260 دالتون) بيخترق البشرة ويشتغل فعلاً، مش بس يرطب السطح. \u003cstrong\u003eيعمل \"فوتوشوب\" لوشك في ثواني!\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2. The Problem \u0026 Science Section --\u003e\n        \u003ch2 class=\"med-section-title med-reveal\"\u003eفقدان الكولاجين = فقدان الشباب\u003c\/h2\u003e\n        \n        \u003cdiv class=\"med-glass-box med-reveal\" style=\"text-align: center;\"\u003e\n            \u003ch3 style=\"color: var(--med-gold-light); margin-bottom: 15px;\"\u003eالحقيقة العلمية القاسية\u003c\/h3\u003e\n            \u003cp style=\"color: var(--med-text-muted); margin-bottom: 30px;\"\u003eبعد سن الـ25، الجسم بينتج \u003cstrong\u003e1% كولاجين أقل كل سنة\u003c\/strong\u003e. يعني لما توصلي 35، خسرتي 10% من الكولاجين. ولما توصلي 45، خسرتي 20%. النتيجة؟ تجاعيد، ترهل، وفقدان النضارة.\u003c\/p\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_collagen_jelly_cream.webp?v=1760884975\" alt=\"تقنية التجفيف بالتجميد\" style=\"margin: 0 auto 30px;\"\u003e\n            \n            \u003ch3 style=\"color: #fff; margin-bottom: 15px;\"\u003eالفرق بين الكولاجين العادي والكولاجين المجفف بالتجميد\u003c\/h3\u003e\n            \u003cp style=\"color: var(--med-text-muted);\"\u003eالكولاجين العادي في معظم الكريمات جزيئاته كبيرة جداً، بيفضل على سطح البشرة وبيضيع. MEDICUBE غيرت المعادلة.\u003c\/p\u003e\n            \n            \u003cdiv class=\"med-compare-grid\"\u003e\n                \u003cdiv class=\"med-compare-box\"\u003e\n                    \u003ch4\u003eالكولاجين العادي\u003c\/h4\u003e\n                    \u003cul class=\"med-compare-list bad\"\u003e\n                        \u003cli\u003eجزيئات كبيرة جداً (300,000+ دالتون)\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=\"med-compare-box\" style=\"border-color: var(--med-gold-main); background: rgba(212, 175, 55, 0.1);\"\u003e\n                    \u003ch4\u003eكولاجين MEDICUBE\u003c\/h4\u003e\n                    \u003cul class=\"med-compare-list good\"\u003e\n                        \u003cli\u003eتجفيف بالنيتروجين في -120°C\u003c\/li\u003e\n                        \u003cli\u003eمتحلل وصغير جداً (260 دالتون)\u003c\/li\u003e\n                        \u003cli\u003eيخترق طبقات البشرة العميقة\u003c\/li\u003e\n                        \u003cli\u003eمستقر، نقي، وفعال 100%\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 3. Clinical Results --\u003e\n        \u003ch2 class=\"med-section-title med-reveal\"\u003eالدراسات السريرية على الكولاجين الموضعي\u003c\/h2\u003e\n        \u003cdiv class=\"med-stats med-reveal\"\u003e\n            \u003cdiv class=\"med-stat-item\"\u003e\n                \u003cdiv class=\"med-stat-num\"\u003e39%\u003c\/div\u003e\n                \u003cdiv style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eتحسن في مرونة الجلد\u003cbr\u003eبعد 4 أسابيع\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-stat-item\"\u003e\n                \u003cdiv class=\"med-stat-num\"\u003e20%\u003c\/div\u003e\n                \u003cdiv style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eتقليل في عمق الخطوط\u003cbr\u003eالدقيقة والتجاعيد\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-stat-item\"\u003e\n                \u003cdiv class=\"med-stat-num\"\u003e200%\u003c\/div\u003e\n                \u003cdiv style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eزيادة تقريبية في\u003cbr\u003eمستويات الترطيب\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 4. Active Ingredients Deep Dive --\u003e\n        \u003ch2 class=\"med-section-title med-reveal\"\u003eالمكونات النشطة المتطورة\u003c\/h2\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_collagen_jelly_cream_5.webp?v=1760884975\" alt=\"المكونات النشطة\" class=\"med-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n        \n        \u003cdiv class=\"med-grid\"\u003e\n            \u003cdiv class=\"med-card med-reveal\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003e3 أشكال من الكولاجين\u003c\/h3\u003e\n                \u003cp\u003eكولاجين مجفف بالتجميد + كولاجين قابل للذوبان + كولاجين متحلل. ميكس بيشتغل على كل طبقات البشرة من السطح للعمق لأقصى فعالية وامتلاء.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-card med-reveal med-delay-1\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003eإيلاستين متحلل (Elastin)\u003c\/h3\u003e\n                \u003cp\u003eصديق الكولاجين الوفي. يعيد المرونة والمقاومة، وهو المسؤول عن قدرة البشرة على الرجوع لمكانها المشدود بعد أي حركة تعبيرية.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-card med-reveal med-delay-2\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003eنياسيناميد (فيتامين B3)\u003c\/h3\u003e\n                \u003cp\u003eيفتح البقع الداكنة، يزيد الإشراق، يوازن إفراز الدهون، ويصغر شكل المسام المزعجة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-card med-reveal\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003eحمض الهيالورونيك\u003c\/h3\u003e\n                \u003cp\u003eمتعدد الأوزان الجزيئية - يوفر ترطيب عميق، يملأ الخطوط الدقيقة، ويمنع جفاف البشرة المسبب للتجاعيد.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-card med-reveal med-delay-1\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003eسكوالين (Squalane)\u003c\/h3\u003e\n                \u003cp\u003eزيت خفيف جداً يشبه دهون البشرة الطبيعية. يصلح الحاجز الجلدي، يمنح نعومة فائقة، ولا يسد المسام (Non-comedogenic).\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"med-card med-reveal med-delay-2\"\u003e\n                \u003ch3 style=\"color: var(--med-gold-light);\"\u003e10 مضادات أكسدة نباتية\u003c\/h3\u003e\n                \u003cp\u003eتوت أزرق، بروكلي، سبانخ، بيض السلمون، وشاي أخضر. جيش كامل لحماية بشرتك من الأكسدة وتحفيز التجديد الخلوي.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. Benefits Grid --\u003e\n        \u003ch2 class=\"med-section-title med-reveal\"\u003eالفوائد المثبتة: إيه اللي هيتغير في بشرتك؟\u003c\/h2\u003e\n        \u003cdiv class=\"med-grid\"\u003e\n            \u003cdiv class=\"med-card med-reveal\" style=\"grid-column: 1 \/ -1; background: rgba(30,20,10,0.8); border-color: var(--med-gold-main);\"\u003e\n                \u003cdiv class=\"med-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3 style=\"font-size: 1.3rem;\"\u003eتأثير \"الفلتر الطبيعي\" (Instant Glass Glow)\u003c\/h3\u003e\n                \u003cp\u003eمن أول استخدام، قوام الجيلي بيعمل طبقة شفافة مرنة بتعكس الإضاءة بشكل يجنن، بيديكي مظهر \"البشرة الزجاجية الكورية\" الصافية والمروية اللي مش محتاجة معاها فاونديشن.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"med-card med-reveal\"\u003e\n                \u003cdiv class=\"med-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eامتلاء ونفخ الخطوط (Plumping)\u003c\/h3\u003e\n                \u003cp\u003eبقوة الكولاجين والهيالورونيك، بيعالج مظهر البشرة الهابطة أو التعبانة، وبينفخ الخطوط الرفيعة عشان بشرتك ترجع مرنة ومليانة (Bouncy Skin).\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"med-card med-reveal med-delay-1\"\u003e\n                \u003cdiv class=\"med-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eالبطانة المثالية قبل المكياج\u003c\/h3\u003e\n                \u003cp\u003eالبنات اللي بيستخدموه أجمعوا إنه بيثبت الميك أب بشكل خرافي ومابيعملش أي قشرة (No Pilling)، بالعكس بيخلي الفاونديشن يندمج كأنه طبقة تانية من جلدك.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"med-card med-reveal\"\u003e\n                \u003cdiv class=\"med-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eتوازن ذكي لكل الأنواع\u003c\/h3\u003e\n                \u003cp\u003eلو بشرتك دهنية: هيديكي اللمعة والترطيب من غير ما يسد مسامك. ولو جافة: هيعوضها عن كل نقطة ماية فقدتها ويهديها بقوامه المنعش.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"med-card med-reveal med-delay-1\"\u003e\n                \u003cdiv class=\"med-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch3\u003eآمن للبشرة الحساسة\u003c\/h3\u003e\n                \u003cp\u003eمصمم لتقليل التهيج، يقوي حاجز البشرة المتضرر بفضل السكوالين والبروتيوجليكان، ومناسب للاستخدام اليومي حتى للبشرة شديدة التفاعل.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 6. Usage Instructions --\u003e\n        \u003ch2 class=\"med-section-title med-reveal\"\u003eطريقة الاستخدام الاحترافية\u003c\/h2\u003e\n        \n        \u003cdiv class=\"med-compare-grid med-reveal\"\u003e\n            \u003cdiv\u003e\n                \u003ch3 style=\"color: var(--med-gold-light); text-align: center; margin-bottom: 20px;\"\u003eكـ كريم مرطب (يومياً)\u003c\/h3\u003e\n                \u003cdiv class=\"med-steps-container\"\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e1\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eبعد السيروم\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eضعي طبقة رقيقة على الوجه والرقبة.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e2\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالتدليك\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eدلكي بلطف حتى الامتصاص الكامل.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e3\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالتكرار\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eيُستخدم صباحاً ومساءً لنتائج مثالية.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv\u003e\n                \u003ch3 style=\"color: var(--med-gold-light); text-align: center; margin-bottom: 20px;\"\u003eكـ ماسك مكثف (2-3 مرات أسبوعياً)\u003c\/h3\u003e\n                \u003cdiv class=\"med-steps-container\"\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e1\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eطبقة سميكة\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eضعي طبقة سخية على الوجه والرقبة.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e2\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالانتظار\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eاتركيه 10-15 دقيقة، أو طوال الليل (Sleeping mask).\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"med-step-item\"\u003e\n                        \u003cdiv class=\"med-step-num\"\u003e3\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 style=\"color: #fff; margin-bottom: 5px;\"\u003eالنهاية\u003c\/h4\u003e\n                            \u003cp style=\"color: var(--med-text-muted); font-size: 0.95rem;\"\u003eاشطفي الفائض أو اتركيه يُمتص بالكامل.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"med-alert-box med-reveal\"\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eكمية قليلة تكفي:\u003c\/strong\u003e القوام جيلي ومركز جداً، لا تبالغي في الكمية.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eاللون الوردي طبيعي:\u003c\/strong\u003e ناتج عن الفيتامينات والمستخلصات، وليس ألوان صناعية.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eللبشرة الدهنية جداً:\u003c\/strong\u003e استخدمي طبقة رقيقة جداً واختبريه أولاً.\u003c\/li\u003e\n                \u003cli\u003eيمكن استخدامه مع أجهزة العناية بالبشرة (Microcurrent, RF) لاختراق أعمق.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 7. Value \u0026 Final CTA --\u003e\n        \u003cdiv class=\"med-glass-box med-reveal\" style=\"margin-top: 60px; text-align: center; border-color: var(--med-gold-main);\"\u003e\n            \u003ch2 class=\"med-title-glow\" style=\"font-size: clamp(22px, 4vw, 30px);\"\u003eقيمة استثنائية واستثمار ذكي\u003c\/h2\u003e\n            \u003cul style=\"list-style: none; text-align: right; max-width: 600px; margin: 0 auto 30px;\"\u003e\n                \u003cli style=\"margin-bottom: 15px; color: var(--med-text-muted);\"\u003e\n\u003cstrong style=\"color: var(--med-gold-light);\"\u003e✦ براند كوري طبي متقدم:\u003c\/strong\u003e Medicube تعتمد على أبحاث أطباء الجلدية لتقديم حلول علاجية وتجميلية.\u003c\/li\u003e\n                \u003cli style=\"margin-bottom: 15px; color: var(--med-text-muted);\"\u003e\n\u003cstrong style=\"color: var(--med-gold-light);\"\u003e✦ حجم اقتصادي جبار:\u003c\/strong\u003e يأتي بحجم عملاق \u003cstrong\u003e110 مل\u003c\/strong\u003e! أكثر من ضعف كمية الكريمات العادية (50 مل)، سيعيش معكِ لشهور.\u003c\/li\u003e\n                \u003cli style=\"margin-bottom: 15px; color: var(--med-text-muted);\"\u003e\n\u003cstrong style=\"color: var(--med-gold-light);\"\u003e✦ الترند العالمي:\u003c\/strong\u003e حقق مبيعات خرافية لأنه يعطي نتيجة \"البشرة الزجاجية\" فوراً وتظهر في الكاميرا من أول ثانية.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"med-reveal\" style=\"text-align: center; margin-top: 40px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.1)); border-radius: 20px; border: 1px solid var(--med-border);\"\u003e\n            \u003ch2 class=\"med-title-glow\" style=\"font-size: clamp(24px, 4vw, 32px);\"\u003eكل سنة = 1% كولاجين أقل. الوقت ليس في صالحك!\u003c\/h2\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_collagen_jelly_cream_6.jpg?v=1760884975\" alt=\"Medicube Result\" style=\"margin: 30px auto;\"\u003e\n            \n            \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                البشرة تفقد مرونتها وامتلائها بشكل يومي. كلما انتظرتِ، تعمقت التجاعيد وزاد الترهل. الكولاجين المفقود لن يعود وحده — بشرتك تحتاج دعماً ذكياً من الخارج.\n            \u003c\/p\u003e\n            \u003cp style=\"color: var(--med-gold-light); font-size: 1.4rem; font-weight: bold; margin-bottom: 30px; text-shadow: 0 0 15px var(--med-gold-glow);\"\u003e\n                التكنولوجيا الكورية المتقدمة في علبة واحدة. لن يرطب السطح فقط... سيخترق البشرة ويعيد بناء شبكة الكولاجين من الداخل.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 8. Ingredients Footer --\u003e\n        \u003cdiv class=\"med-ingredients med-reveal\"\u003e\n            \u003ch3 style=\"color: var(--med-gold-light); margin-bottom: 15px; font-size: 1.1rem; text-align: right; direction: rtl;\"\u003eقائمة المكوّنات الكاملة\u003c\/h3\u003e\n            \u003cp style=\"margin-bottom: 15px; text-align: right; direction: rtl;\"\u003e✓ خالي من: البارابين، السيليكون، الكبريتات، الكحول القاسي، الزيوت المعدنية.\u003cbr\u003e✓ تم اختباره من أطباء الجلدية.\u003c\/p\u003e\n            \u003cp\u003eWater, Propanediol, Dipropylene Glycol, Butylene Glycol, Methylpropanediol, Diethoxyethyl Succinate, Ethoxydiglycol, Ammonium Acryloyldimethyltaurate\/Beheneth-25 Methacrylate Crosspolymer, \u003cstrong\u003eNiacinamide\u003c\/strong\u003e, Trehalose, 1,2-Hexanediol, Chlorella Vulgaris Extract, \u003cstrong\u003eCollagen\u003c\/strong\u003e, \u003cstrong\u003eHydrolyzed Collagen\u003c\/strong\u003e, Cynanchum Atratum Extract, Althaea Rosea Flower Extract, \u003cstrong\u003eSoluble Collagen\u003c\/strong\u003e, Allium Sativum (Garlic) Bulb Extract, Avena Sativa (Oat) Kernel Extract, Bertholletia Excelsa Seed Extract, Brassica Oleracea Italica (Broccoli) Extract, Camellia Sinensis Seed Extract, Salmon Egg Extract, Solanum Lycopersicum (Tomato) Fruit Extract, Spinacia Oleracea (Spinach) Leaf Extract, Vaccinium Angustifolium (Blueberry) Fruit Extract, Wine Extract, Polyglyceryl-10 Isostearate, Tromethamine, Glucose, Polyglyceryl-10 Oleate, Ethylhexylglycerin, Fructooligosaccharides, Fructose, \u003cstrong\u003eAdenosine\u003c\/strong\u003e, Sodium Phytate, Cyanocobalamin, \u003cstrong\u003eTocopherol\u003c\/strong\u003e, Pullulan, Glycerin, \u003cstrong\u003eHydroxypropyltrimonium Hyaluronate\u003c\/strong\u003e, \u003cstrong\u003eSqualane\u003c\/strong\u003e, \u003cstrong\u003eSoluble Proteoglycan\u003c\/strong\u003e, \u003cstrong\u003eHydrolyzed Elastin\u003c\/strong\u003e, \u003cstrong\u003eSodium DNA\u003c\/strong\u003e, Carbomer, Xanthan Gum, Fragrance (Parfum)\u003c\/p\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ 1. Scroll Reveal Animation Logic\n            var reveals = document.querySelectorAll('.med-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('med-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('med-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ 2. Generate Ambient Jelly Particles\n            var ambientContainer = document.getElementById('med-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('med-particle');\n                \n                var size = Math.random() * 50 + 20; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 12; \n                var delay = Math.random() * 8; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":49184716685486,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Medicubecollagenjellycream64.webp?v=1788175204"},{"product_id":"skin1004-madagascar-centella-poremizing-deep-cleansing-foam-فوم-التنظيف-بالسنتيلا","title":"SKIN1004   فوم التنظيف بالسنتيلا النقية من مدغشقر | تنظيف المسام | إزالة الدهون 125 ml","description":"\u003c!-- SKIN1004 Madagascar Centella Poremizing Deep Cleansing Foam - Product Description --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eالغسول الكوري المتخصص في تنضيف المسام العميق وإزالة الدهون الزائدة\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eالمسام الواسعة، البشرة الدهنية اللامعة، والحبوب اللي بتطلع من المسام المسدودة - المشكلة مش في بشرتك، المشكلة في التنضيف السطحي\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg class=\"ph-product-image\" alt=\"SKIN1004 Madagascar Centella Poremizing Deep Cleansing Foam\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SKIN1004_Madagascar_Centella_Poremizing.webp?v=1760881216\"\u003e\n\u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Poremizing Deep Cleansing Foam\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003eلو بشرتك دهنية أو مختلطة، الغسول العادي مش كفاية. الدهون الزائدة، بقايا الصن سكرين، الأتربة، والخلايا الميتة - كلهم بيتراكموا جوا المسام نفسها، مش على السطح بس. والنتيجة؟ مسام واسعة مليانة أوساخ، بشرة لامعة بعد ساعتين من الغسيل، وحبوب مستمرة. \u003cstrong\u003eSKIN1004 Poremizing Deep Cleansing Foam\u003c\/strong\u003e هو غسول متخصص في تنضيف المسام من الداخل - بملح الهيمالايا الوردي وطين الكاولين اللي بيسحبوا الدهون والشوائب من عمق المسام، مع إنزيم الباباين اللي بيقشر بلطف، وسنتيلا أسياتيكا 2,140 ppm اللي بتهدي وتحمي البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003eالمشكلة: المسام المسدودة والدهون الزائدة\u003c\/h2\u003e\n\u003cdiv style=\"background: rgba(156, 129, 2, 0.1); padding: 2rem; border-radius: 15px; margin: 2rem 0; border: 1px solid rgba(156, 129, 2, 0.3);\"\u003e\n\u003ch3 style=\"font-size: 1.3rem; margin-bottom: 1.5rem; text-align: center;\"\u003eالحقيقة العلمية\u003c\/h3\u003e\n\u003cp style=\"text-align: center; line-height: 1.7;\"\u003eالمسام بتنتج دهون طبيعية (sebum) عشان تحمي البشرة. لكن لما الإنتاج يزيد أو المسام تتسد بالأوساخ والخلايا الميتة، بتبدأ المشاكل\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e◆\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eمسام واسعة ومرئية\u003c\/h4\u003e\n\u003cp\u003eخصوصاً في منطقة T-zone (الجبهة والأنف)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e●\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eبشرة لامعة ودهنية\u003c\/h4\u003e\n\u003cp\u003eبعد ساعات قليلة من الغسيل\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e▼\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eرؤوس سودا\u003c\/h4\u003e\n\u003cp\u003eعلى الأنف والذقن والجبهة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e✓\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eحبوب متكررة\u003c\/h4\u003e\n\u003cp\u003eفي نفس الأماكن باستمرار\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e★\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eملمس خشن\u003c\/h4\u003e\n\u003cp\u003eوغير ناعم على البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e▲\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eمكياج بيتلخبط\u003c\/h4\u003e\n\u003cp\u003eبسرعة خلال اليوم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-size: 1.3rem; font-weight: bold; margin-top: 2rem;\"\u003eالسبب: تراكم الدهون + خلايا ميتة + أوساخ = انسداد كامل للمسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Solution Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eالحل: تنضيف عميق بمكونات متخصصة\u003c\/h2\u003e\n\u003cimg style=\"margin: 2rem auto;\" class=\"ph-product-image\" alt=\"مكونات الغسول المتخصصة\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SKIN1004_Madagascar_Centella_Poremizing_Deep_Cleansing_Foam.webp?v=1760881217\"\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n            \u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eملح الهيمالايا الوردي\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eأكثر من 80 معدن طبيعي - يخلق ضغط أسموزي يسحب الدهون الزائدة والشوائب من داخل المسام نفسها\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n            \u003cpath d=\"M9 11H7v9h2v-9zm4 0h-2v9h2v-9zm4 0h-2v9h2v-9zm2-7H3v2h2v9h1v2h12v-2h1V6h2V4z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eطين الكاولين\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eيمتص الزيوت الزائدة والأوساخ من المسام، يخلي البشرة نقية ومات من غير جفاف\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n            \u003cpath d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eإنزيم الباباين 900 ppm\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eتقشير إنزيمي بيشيل الخلايا الميتة بلطف من غير احتكاك قاسي - بشرة أنعم وأكثر إشراق\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n            \u003cpath d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eسنتيلا أسياتيكا 2,140 ppm\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eيهدي الالتهابات، يقوي حاجز البشرة، ويسرع التئام أي تهيج من التنضيف العميق\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n            \u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 13.5v-7l5.5 3.5-5.5 3.5z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eزيت شجرة الشاي\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eخصائص مضادة للبكتيريا تدعم البشرة المعرضة للحبوب وتتحكم في إفراز الدهون\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n            \u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\u003e\u003c\/path\u003e\n            \u003ccircle r=\"3\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eخلاصة التفاح\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eAHA طبيعي - تقشير لطيف إضافي، مضادات أكسدة، وترطيب للبشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n            \u003ccircle r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eالصبار\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eيرطب ويهدي البشرة بعد التنضيف العميق والتقشير\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); padding: 3rem 2rem; border-radius: 20px; margin: 3rem 0; border: 2px solid #9C8102;\"\u003e\n\u003ch3 style=\"text-align: center; font-size: 1.5rem; margin-bottom: 2rem;\"\u003eمش هيغسل السطح بس... ده هيوصل لداخل المسام نفسها\u003c\/h3\u003e\n\u003cimg style=\"margin: 2rem auto;\" class=\"ph-product-image\" alt=\"التنظيف العميق للمسام\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SKIN1004_Madagascar_Centella_Poremizing_Deep_Cleansing_Foam.png?v=1760881217\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 style=\"color: white;\" class=\"ph-section-title\"\u003eالفوائد المثبتة علمياً\u003c\/h2\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eتنضيف عميق للمسام\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9); line-height: 1.6;\"\u003eيذيب ويزيل الصن سكرين، الدهون الزائدة، والشوائب البيئية - ملح الهيمالايا وطين الكاولين ينضفوا المسام مع الحفاظ على توازن الرطوبة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eتصغير المسام الواسعة\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9); line-height: 1.6;\"\u003eمع الاستخدام المنتظم، الكاولين والملح الوردي بيتحكموا في الدهون ويخلوا المسام نضيفة وأقل وضوح - تقليل خطر الحبوب\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eتقشير لطيف بدون تهيج\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9); line-height: 1.6;\"\u003eإنزيم الباباين وخلاصة التفاح بيشيلوا الخلايا الميتة ويفتحوا البشرة من غير تهيج أو احتكاك قاسي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eتهدئة وإصلاح الحاجز\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9); line-height: 1.6;\"\u003eالسنتيلا بتدعم تعافي حاجز البشرة وتخفف التهيج من تنضيف الشوائب أو علاج الحبوب\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eبشرة مات ومتوازنة\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9); line-height: 1.6;\"\u003eيخلي البشرة منتعشة، مش مشدودة، مع مظهر ناعم ونقي - مثالي للبشرة الدهنية والمختلطة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eدعم مضاد للبكتيريا\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9); line-height: 1.6;\"\u003eزيت شجرة الشاي، الروزماري، السنتيلا، وملح الهيمالايا - خصائص مضادة للميكروبات ومضادة للالتهاب للبشرة المعرضة للحبوب\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eالنتائج المتوقعة\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eبعد الاستخدام الأول\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eنضافة عميقة فورية\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\u003cspan class=\"ph-benefit-text\"\u003eإحساس بنضافة عميقة ومنتعشة\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\u003cspan class=\"ph-benefit-text\"\u003eتقليل واضح في اللمعان والدهون\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\u003cspan class=\"ph-benefit-text\"\u003eبشرة نظيفة من غير شد أو جفاف\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eبعد أسبوع - أسبوعين\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eتحسن ملحوظ في الملمس\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\u003cspan class=\"ph-benefit-text\"\u003eملمس أنعم - الخلايا الميتة بدأت تتشال\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\u003cspan class=\"ph-benefit-text\"\u003eمسام أقل انسداد - تقليل الرؤوس السودا\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\u003cspan class=\"ph-benefit-text\"\u003eبشرة أكثر توازن ومات طوال اليوم\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eبعد شهر من الاستخدام المنتظم\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eتحول واضح في صحة البشرة\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\u003cspan class=\"ph-benefit-text\"\u003eحبوب أقل من انسداد المسام\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\u003cspan class=\"ph-benefit-text\"\u003eتقليل طفيف في حجم المسام المرئية\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\u003cspan class=\"ph-benefit-text\"\u003eنقاء مستمر وحاجز بشرة مريح\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eبلل الوجه\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eبماية فاترة - جهز البشرة للتنظيف\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eخد كمية صغيرة\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eمن الرغوة في كف اليد - كمية قليلة تكفي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eافرك اليدين\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eمع بعض لعمل رغوة غنية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eدلك الوجه بلطف\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eركز على المناطق الدهنية والمسام الواسعة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eاشطف جيداً\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eبماية فاترة - تأكد من إزالة كل الرغوة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e6\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eاستخدم صباحاً ومساءً\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eرطب بعدها دايماً للحفاظ على التوازن\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.1); padding: 2rem; border-radius: 15px; margin-top: 3rem; position: relative; z-index: 2;\"\u003e\n\u003ch3 style=\"text-align: center; margin-bottom: 1.5rem;\"\u003eنصائح مهمة\u003c\/h3\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eمش لإزالة المكياج\u003c\/strong\u003e - استخدمه كغسول ثاني بعد زيت منظف، أو لوحده لو مافيش مكياج ثقيل\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eاختبار حساسية\u003c\/strong\u003e لو بشرتك حساسة أو معرضة للحبوب\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eمثالي للبشرة الدهنية والمختلطة والمعرضة للحبوب\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eلازم ترطيب بعده\u003c\/strong\u003e - للحفاظ على توازن البشرة\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eكمية قليلة تكفي\u003c\/strong\u003e - الرغوة غنية والمنتج اقتصادي\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255, 200, 0, 0.2); padding: 2rem; border-radius: 15px; margin-top: 2rem; border: 2px solid #ffcc00; position: relative; z-index: 2;\"\u003e\n\u003ch3 style=\"text-align: center; font-size: 1.3rem; margin-bottom: 1rem;\"\u003eتحذير للبشرة الجافة\u003c\/h3\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; line-height: 1.7;\"\u003eقد يكون قوي للبشرة الجافة - استخدمه 3-4 مرات أسبوعياً بدلاً من يومياً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Who Is It For --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eمناسب بشكل خاص للناس اللي\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e◆\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eبيعانوا من المسام الواسعة\u003c\/h4\u003e\n\u003cp\u003eوالمسام المسدودة المستمرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e●\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eعندهم بشرة دهنية\u003c\/h4\u003e\n\u003cp\u003eأو مختلطة مع لمعان مستمر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e✓\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eبشرتهم معرضة للحبوب\u003c\/h4\u003e\n\u003cp\u003eوالرؤوس السودا\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e★\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eبيدوروا على تنظيف عميق\u003c\/h4\u003e\n\u003cp\u003eبدون تهيج أو جفاف\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e▲\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eبيستخدموا صن سكرين يومياً\u003c\/h4\u003e\n\u003cp\u003eومحتاجين تنظيف كامل\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003eWater, Myristic Acid, Glycerin, Potassium Hydroxide, Stearic Acid, Glyceryl Stearate, Palmitic Acid, Cocamidopropyl Betaine, Sodium C14-16 Olefin Sulfonate, Butylene Glycol, Glucose, 1,2-Hexanediol, Sodium Chloride, \u003cstrong\u003eCentella Asiatica Extract (2,140 ppm)\u003c\/strong\u003e, Sorbitol, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Rosmarinus Officinalis (Rosemary) Leaf Oil, Cetearyl Alcohol, Potassium Benzoate, Polyquaternium-67, \u003cstrong\u003ePapain (900 ppm)\u003c\/strong\u003e, Hydrogenated Polydecene, Arachidic Acid, Lauric Acid, Aloe Barbadensis Leaf Extract, Sodium Citrate, Propanediol, Citrus Limon (Lemon) Fruit Extract, \u003cstrong\u003ePyrus Malus (Apple) Fruit Extract\u003c\/strong\u003e, Vinegar, Coccinia Indica Fruit Extract, Eclipta Prostrata Extract, Trisodium Ethylenediamine Disuccinate, Oleic Acid, \u003cstrong\u003eKaolin\u003c\/strong\u003e, \u003cstrong\u003eMineral Salts (Himalayan Pink Salt)\u003c\/strong\u003e, Citric Acid, Oenothera Biennis (Evening Primrose) Flower Extract, Pueraria Lobata Root Extract, Pinus Palustris Leaf Extract, Ulmus Davidiana Root Extract, Disodium EDTA\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 2rem; padding: 1.5rem; background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%); border-radius: 15px; border-left: 4px solid #9C8102;\"\u003e\n\u003cp style=\"text-align: center; line-height: 1.7;\"\u003e\u003cstrong\u003e✓ خالي من:\u003c\/strong\u003e العطور الصناعية، الملونات، الكبريتات، البارابين\u003cbr\u003e\u003cstrong\u003e✓ Vegan, Cruelty-Free\u003c\/strong\u003e\u003cbr\u003e\u003cstrong\u003e✓ مناسب للبشرة:\u003c\/strong\u003e الدهنية، المختلطة، المعرضة للحبوب، الحساسة\u003cbr\u003e\u003cstrong\u003e✓ الحجم:\u003c\/strong\u003e 125 مل (يدوم 2-3 شهور)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-cta-title\"\u003eمسام نضيفة = بشرة صافية - ابدأ من الأساس\u003c\/h2\u003e\n\u003cimg style=\"margin: 2rem auto; position: relative; z-index: 2;\" class=\"ph-product-image\" alt=\"SKIN1004 Poremizing Cleanser النتيجة النهائية\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SKIN_1004_Madagascar_Centella_Poremizing.webp?v=1760881217\"\u003e\n\u003cp class=\"ph-cta-text\"\u003e\u003cstrong\u003eكل يوم بتنضف سطحي والمسام مسدودة من جوا = دورة مستمرة من الحبوب والدهون الزائدة\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eالمسام المسدودة مش بس شكلها وحش - دي بيئة خصبة للبكتيريا والالتهابات. والغسول العادي مش هيوصل للعمق اللي محتاجه عشان يحل المشكلة من جذورها.\u003c\/p\u003e\n\u003cdiv style=\"position: relative; z-index: 2; margin-top: 2rem;\"\u003e\n\u003cp style=\"font-size: 1.4rem; font-weight: bold;\"\u003eSKIN1004 Poremizing Deep Cleansing Foam - التنضيف العميق اللي بشرتك محتاجاه\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Fast, CSS-based animations - NO JavaScript delays *\/\n.ph-fade-element {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\n.ph-fade-element.ph-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.ph-slide-left {\n  opacity: 0;\n  transform: translateX(-40px);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\n.ph-slide-left.ph-visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.ph-scale-element {\n  opacity: 0;\n  transform: scale(0.92);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\n.ph-scale-element.ph-visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.ph-image-fade {\n  opacity: 0;\n  transform: scale(0.96);\n  transition: opacity 0.7s ease-out, transform 0.7s ease-out;\n}\n\n.ph-image-fade.ph-visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.ph-benefit-fade {\n  opacity: 0;\n  transform: translateX(25px);\n  transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n}\n\n.ph-benefit-fade.ph-benefit-visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n\/* Visible hover states *\/\n.ph-benefit-card {\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ph-benefit-card.ph-hover {\n  transform: translateY(-8px) scale(1.02);\n  box-shadow: 0 20px 50px rgba(156, 129, 2, 0.25);\n}\n\n.ph-benefit-icon {\n  transition: transform 0.3s ease;\n}\n\n.ph-benefit-icon.ph-icon-hover {\n  transform: scale(1.12) rotate(5deg);\n}\n\n.ph-timeline-badge {\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ph-timeline-badge.ph-badge-hover {\n  transform: scale(1.06);\n  box-shadow: 0 8px 25px rgba(156, 129, 2, 0.4);\n}\n\n.ph-step-number {\n  transition: transform 0.3s ease;\n}\n\n.ph-step-number.ph-number-hover {\n  transform: scale(1.15) rotate(5deg);\n}\n\n\/* Keep hero visible instantly *\/\n.ph-hero-section,\n.ph-hero-section *,\n.ph-product-showcase \u003e h2,\n.ph-product-showcase \u003e p {\n  opacity: 1 !important;\n  transform: none !important;\n}\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":49184716783790,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SKIN1004_Madagascar_Centella_Poremizing_Deep_Cleansing_Foam_3.jpg?v=1788175205"},{"product_id":"dermacy-peeling-solution-aha-bha-30ml","title":"Dermacy Peeling Solution AHA + BHA 30ml - محلول التقشير الأسبوعي من ديرماسي","description":"\u003cdiv class=\"dmpl-ultimate-wrapper\" dir=\"rtl\"\u003e\n  \u003cstyle\u003e\n    :root {\n      \/* Backgrounds *\/\n      --dmpl-bg-deep: #0a030d; \/* Extremely dark plum\/black *\/\n      --dmpl-bg-surface: #17071f; \/* Dark violet surface *\/\n      --dmpl-glass-bg: rgba(35, 12, 45, 0.65);\n      \n      \/* Accents *\/\n      --dmpl-peel-red: #d6004a; \/* Deep berry red (like the peeling solution) *\/\n      --dmpl-peel-light: #ff4d85; \/* Bright glowing pink\/red *\/\n      --dmpl-gold: #d4af37; \/* Clinical premium gold *\/\n      --dmpl-glass-border: rgba(255, 77, 133, 0.3);\n      \n      \/* HIGH READABILITY TEXT COLORS - NO MUTED COLORS *\/\n      --dmpl-text-title: #ffffff; \/* Pure white for headings *\/\n      --dmpl-text-body: #fdf7ff; \/* Extremely bright ice-white for all paragraphs *\/\n      --dmpl-text-highlight: #ffffff;\n    }\n\n    .dmpl-ultimate-wrapper {\n      background-color: var(--dmpl-bg-deep);\n      color: var(--dmpl-text-body);\n      font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n      line-height: 1.85;\n      overflow: hidden;\n      position: relative;\n      border-radius: 24px;\n      margin: 0 auto;\n      max-width: 100%;\n      box-sizing: border-box;\n      box-shadow: inset 0 0 100px rgba(214, 0, 74, 0.05);\n    }\n\n    .dmpl-ultimate-wrapper * {\n      box-sizing: inherit;\n      margin: 0;\n      padding: 0;\n    }\n\n    .dmpl-ultimate-wrapper img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 16px;\n      box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    \/* Background Ambient Energy *\/\n    .dmpl-ambient-bg {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      z-index: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n\n    .dmpl-orb {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(100px);\n      opacity: 0.2;\n      animation: dmplFloatOrb 15s infinite alternate ease-in-out;\n    }\n\n    .dmpl-orb-1 { width: 450px; height: 450px; background: var(--dmpl-peel-red); top: -100px; right: -100px; }\n    .dmpl-orb-2 { width: 500px; height: 500px; background: #6b1b9e; bottom: 10%; left: -150px; animation-delay: -5s; opacity: 0.15; }\n    .dmpl-orb-3 { width: 350px; height: 350px; background: var(--dmpl-gold); top: 35%; right: 20%; animation-delay: -10s; opacity: 0.08; }\n\n    @keyframes dmplFloatOrb {\n      0% { transform: translate(0, 0) scale(1); }\n      100% { transform: translate(-40px, 60px) scale(1.1); }\n    }\n\n    @keyframes dmplPulse {\n      0% { box-shadow: 0 0 0 0 rgba(255, 77, 133, 0.5); }\n      70% { box-shadow: 0 0 0 15px rgba(255, 77, 133, 0); }\n      100% { box-shadow: 0 0 0 0 rgba(255, 77, 133, 0); }\n    }\n\n    .dmpl-container {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 0 5%;\n      position: relative;\n      z-index: 2;\n    }\n\n    .dmpl-section { padding: 80px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }\n    .dmpl-section:last-child { border-bottom: none; }\n\n    \/* Typography Highlights *\/\n    .dmpl-hl-peel { color: var(--dmpl-peel-light); font-weight: 800; text-shadow: 0 0 15px rgba(255, 77, 133, 0.4); }\n    .dmpl-hl-gold { color: var(--dmpl-gold); font-weight: 800; }\n\n    .dmpl-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 10px 24px;\n      background: rgba(214, 0, 74, 0.15);\n      border: 1px solid var(--dmpl-peel-light);\n      border-radius: 30px;\n      color: #ffffff;\n      font-size: 15px;\n      font-weight: 800;\n      margin-bottom: 25px;\n      box-shadow: 0 0 25px rgba(214, 0, 74, 0.3);\n    }\n    \n    .dmpl-badge-dot {\n      width: 10px; height: 10px;\n      background: var(--dmpl-peel-light);\n      border-radius: 50%;\n      animation: dmplPulse 2s infinite;\n    }\n\n    .dmpl-title-main {\n      font-size: clamp(34px, 5vw, 52px);\n      font-weight: 900;\n      line-height: 1.3;\n      margin-bottom: 20px;\n      color: var(--dmpl-text-title);\n    }\n\n    .dmpl-title-section {\n      font-size: clamp(28px, 4vw, 38px);\n      font-weight: 800;\n      margin-bottom: 20px;\n      color: var(--dmpl-text-title);\n      display: flex;\n      align-items: center;\n      gap: 15px;\n    }\n\n    .dmpl-title-section::before {\n      content: '';\n      display: block;\n      width: 6px;\n      height: 40px;\n      background: linear-gradient(to bottom, var(--dmpl-peel-light), var(--dmpl-gold));\n      border-radius: 4px;\n      box-shadow: 0 0 10px rgba(255, 77, 133, 0.5);\n    }\n\n    \/* HIGH READABILITY PARAGRAPHS *\/\n    .dmpl-paragraph {\n      font-size: 18px;\n      color: var(--dmpl-text-body); \/* Extremely bright ice-white *\/\n      margin-bottom: 25px;\n      line-height: 1.9;\n      font-weight: 500;\n    }\n\n    .dmpl-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center; }\n    .dmpl-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\n\n    \/* Glass Cards *\/\n    .dmpl-glass-card {\n      background: var(--dmpl-glass-bg);\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      border: 1px solid var(--dmpl-glass-border);\n      border-radius: 20px;\n      padding: 35px 25px;\n      transition: all 0.4s ease;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n    }\n\n    .dmpl-glass-card::before {\n      content: '';\n      position: absolute;\n      top: 0; left: 0; right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent, var(--dmpl-peel-light), transparent);\n      transform: scaleX(0);\n      transition: transform 0.4s ease;\n    }\n\n    .dmpl-glass-card:hover {\n      transform: translateY(-8px);\n      background: rgba(45, 15, 60, 0.8);\n      border-color: var(--dmpl-peel-light);\n      box-shadow: 0 25px 50px rgba(0,0,0,0.7), 0 0 30px rgba(214, 0, 74, 0.2);\n    }\n\n    .dmpl-glass-card:hover::before { transform: scaleX(1); }\n\n    .dmpl-icon-box {\n      width: 65px; height: 65px;\n      background: rgba(255, 77, 133, 0.1);\n      border: 1px solid rgba(255, 77, 133, 0.4);\n      border-radius: 16px;\n      display: flex; align-items: center; justify-content: center;\n      margin-bottom: 25px;\n      color: var(--dmpl-peel-light);\n      transition: all 0.3s ease;\n    }\n\n    .dmpl-glass-card:hover .dmpl-icon-box {\n      background: var(--dmpl-peel-red);\n      color: #fff;\n      transform: scale(1.1) rotate(5deg);\n      border-color: transparent;\n      box-shadow: 0 0 20px rgba(214, 0, 74, 0.5);\n    }\n\n    .dmpl-check-list { list-style: none; padding: 0; margin: 20px 0; }\n    .dmpl-check-list li {\n      position: relative;\n      padding-right: 40px;\n      margin-bottom: 15px;\n      color: var(--dmpl-text-body);\n      font-size: 18px;\n      font-weight: 500;\n    }\n    .dmpl-check-list li::before {\n      content: '';\n      position: absolute;\n      right: 0; top: 6px;\n      width: 24px; height: 24px;\n      background: url('data:image\/svg+xml;utf8,\u003csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23d4af37\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e') center\/contain no-repeat;\n    }\n\n    .dmpl-warning-block {\n      background: linear-gradient(135deg, rgba(214, 0, 74, 0.15) 0%, rgba(23, 7, 31, 0.9) 100%);\n      border: 1px solid var(--dmpl-peel-red);\n      border-right: 5px solid var(--dmpl-peel-light);\n      border-radius: 16px;\n      padding: 40px;\n      margin: 40px 0;\n      position: relative;\n      box-shadow: 0 10px 40px rgba(214, 0, 74, 0.1);\n    }\n\n    .dmpl-step-list { display: flex; flex-direction: column; gap: 20px; }\n    .dmpl-step-item {\n      display: flex; align-items: flex-start; gap: 25px;\n      background: rgba(255,255,255,0.03);\n      padding: 30px;\n      border-radius: 16px;\n      border: 1px solid rgba(255,255,255,0.1);\n      transition: all 0.3s;\n    }\n    .dmpl-step-item:hover { \n      border-color: var(--dmpl-gold); \n      background: rgba(212, 175, 55, 0.08); \n      transform: translateX(-10px);\n    }\n    .dmpl-step-num {\n      width: 55px; height: 55px; min-width: 55px;\n      background: linear-gradient(135deg, var(--dmpl-peel-light), #9e0037);\n      color: #fff;\n      border-radius: 14px;\n      display: flex; align-items: center; justify-content: center;\n      font-size: 24px; font-weight: 900;\n      box-shadow: 0 5px 20px rgba(255, 77, 133, 0.4);\n      border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    \/* Animations *\/\n    .dmpl-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }\n    .dmpl-reveal.dmpl-active { opacity: 1; transform: translateY(0); }\n    .dmpl-delay-1 { transition-delay: 0.1s; }\n    .dmpl-delay-2 { transition-delay: 0.2s; }\n\n    @media (max-width: 768px) {\n      .dmpl-section { padding: 50px 0; }\n      .dmpl-step-item { flex-direction: column; text-align: center; align-items: center; }\n      .dmpl-warning-block { padding: 30px 20px; }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"dmpl-ambient-bg\"\u003e\n    \u003cdiv class=\"dmpl-orb dmpl-orb-1\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dmpl-orb dmpl-orb-2\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dmpl-orb dmpl-orb-3\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"dmpl-container\"\u003e\n    \n    \u003c!-- 1. Hero Section --\u003e\n    \u003cdiv class=\"dmpl-section\" style=\"padding-top: 60px;\"\u003e\n      \u003cdiv class=\"dmpl-grid-2\"\u003e\n        \u003cdiv class=\"dmpl-reveal\"\u003e\n          \u003cdiv class=\"dmpl-badge\"\u003e\n            \u003cdiv class=\"dmpl-badge-dot\"\u003e\u003c\/div\u003e\n            AHA + BHA • تقشير احترافي • 10 دقائق\n          \u003c\/div\u003e\n          \u003ch1 class=\"dmpl-title-main\"\u003e\n            تجديد جذري في 10 دقائق: \u003cbr\u003e\n            \u003cspan style=\"background: linear-gradient(90deg, var(--dmpl-peel-light), var(--dmpl-gold)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\"\u003e\n              السر وراء البشرة الزجاجية الخالية من العيوب\n            \u003c\/span\u003e\n          \u003c\/h1\u003e\n          \u003cp class=\"dmpl-paragraph\"\u003e\n            ملمس بشرتك لا يجب أن يبقى خشناً. محلول \u003cstrong\u003eDermacy Peeling Solution\u003c\/strong\u003e يجمع بين قوة أحماض الجلايكوليك واللاكتيك (AHA) مع حمض الساليسيليك (BHA) في قطرة واحدة مركزة. مصمم لروتين أسبوعي يمنحك ملمساً حريرياً ولوناً متجانساً في دقائق معدودة.\n          \u003c\/p\u003e\n          \u003cdiv style=\"display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px;\"\u003e\n            \u003cspan style=\"padding: 8px 18px; border-radius: 8px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2); font-size: 15px; color: #fff; font-weight: bold;\"\u003eيُشطف بالماء\u003c\/span\u003e\n            \u003cspan style=\"padding: 8px 18px; border-radius: 8px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2); font-size: 15px; color: #fff; font-weight: bold;\"\u003eمرتين أسبوعياً\u003c\/span\u003e\n            \u003cspan style=\"padding: 8px 18px; border-radius: 8px; background: rgba(214,0,74,0.15); border: 1px solid var(--dmpl-peel-light); font-size: 15px; color: #fff; font-weight: bold; box-shadow: 0 0 15px rgba(214,0,74,0.3);\"\u003eغير مناسب للبشرة الحساسة\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dmpl-reveal dmpl-delay-1\" style=\"position: relative;\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/90e25191-836a-439f-bc06-ad747a9982ef.jpg\" alt=\"Dermacy Peeling Solution\" style=\"border: 2px solid var(--dmpl-peel-light); position: relative; z-index: 2; box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px rgba(255, 77, 133, 0.3);\"\u003e\n          \u003cdiv style=\"position: absolute; top: -30px; right: -30px; width: 150px; height: 150px; background: var(--dmpl-peel-red); filter: blur(50px); z-index: 1; opacity: 0.5;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 2. The Problem --\u003e\n    \u003cdiv class=\"dmpl-section\"\u003e\n      \u003cdiv class=\"dmpl-grid-2\"\u003e\n        \u003cdiv class=\"dmpl-reveal\" style=\"order: 2;\"\u003e\n          \u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eجذور المشكلة\u003c\/h4\u003e\n          \u003ch2 class=\"dmpl-title-section\"\u003eحاجز الخلايا الميتة: \u003cbr\u003e\u003cspan class=\"dmpl-hl-peel\"\u003eالعدو الخفي لنضارة بشرتك\u003c\/span\u003e\n\u003c\/h2\u003e\n          \u003cp class=\"dmpl-paragraph\"\u003e\n            الجلد يجدد نفسه باستمرار، لكن الخلايا الميتة لا تتساقط دائمًا بسهولة. مع الوقت، تتراكم هذه الخلايا على السطح وتشكل حاجزاً، مما يجعل البشرة تبدو \u003cstrong style=\"color: #fff;\"\u003eخشنة، باهتة، وفاقدة للحيوية\u003c\/strong\u003e، وتمنع امتصاص سيرومات الترطيب بفعالية.\n          \u003c\/p\u003e\n          \u003cp class=\"dmpl-paragraph\"\u003e\n            بالتزامن مع ذلك، اختلاط الزيوت الطبيعية بهذه الخلايا الميتة يؤدي إلى انسداد المسام من الداخل، فتظهر \u003cstrong style=\"color: #fff;\"\u003eالمسام الواسعة وتتكون الرؤوس السوداء وعدم توحد لون البشرة\u003c\/strong\u003e.\n          \u003c\/p\u003e\n          \u003cdiv style=\"background: rgba(255, 77, 133, 0.1); border-right: 4px solid var(--dmpl-peel-light); padding: 20px 25px; border-radius: 12px; box-shadow: 0 5px 20px rgba(214, 0, 74, 0.15);\"\u003e\n            \u003cp style=\"margin: 0; color: #ffffff; font-size: 18px; font-weight: bold; line-height: 1.6;\"\u003eهنا يأتي دور التقشير الكيميائي الاحترافي: خطوة أسبوعية لإذابة هذا الصمغ الخلوي وتجديد السطح، ولكن يجب أن تتم بدقة متناهية.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dmpl-reveal dmpl-delay-1\" style=\"order: 1;\"\u003e\n           \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/b58ce137-57e8-4f5a-9b5a-24f755f8678c.jpg\" alt=\"Smooth Skin Result\" style=\"border: 1px solid rgba(255,255,255,0.2);\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 3. Technology \/ Mechanism --\u003e\n    \u003cdiv class=\"dmpl-section\"\u003e\n      \u003cdiv style=\"text-align: center; margin-bottom: 50px;\" class=\"dmpl-reveal\"\u003e\n        \u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eتكنولوجيا التركيبة\u003c\/h4\u003e\n        \u003ch2 class=\"dmpl-title-section\" style=\"justify-content: center;\"\u003eقوة التقشير المزدوج، \u003cspan class=\"dmpl-hl-peel\" style=\"margin: 0 8px;\"\u003eفي قطرة واحدة\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"dmpl-paragraph\" style=\"max-width: 800px; margin-left: auto; margin-right: auto;\"\u003eلماذا يعتبر دمج الـ AHA مع الـ BHA طفرة في العناية الأسبوعية بالبشرة؟\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"dmpl-grid-3\"\u003e\n        \u003cdiv class=\"dmpl-glass-card dmpl-reveal\"\u003e\n          \u003cdiv class=\"dmpl-icon-box\"\u003e\n            \u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2L2 7l10 5 10-5-10-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 17l10 5 10-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12l10 5 10-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003ch3 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 15px;\"\u003eسطح زجاجي (AHA)\u003c\/h3\u003e\n          \u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px;\"\u003eأحماض تذوب في الماء (جلايكوليك ولاكتيك)، تعمل على السطح الخارجي للجلد لتفكيك الروابط بين الخلايا الميتة، مما يكشف عن طبقة جديدة بملمس ناعم كالحرير وأكثر إشراقاً.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dmpl-glass-card dmpl-reveal dmpl-delay-1\"\u003e\n          \u003cdiv class=\"dmpl-icon-box\"\u003e\n            \u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003ch3 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 15px;\"\u003eتنقية المسام (BHA)\u003c\/h3\u003e\n          \u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px;\"\u003eحمض الساليسيليك يذوب في الزيت، مما يسمح له باختراق جدران المسام بعمق لإذابة الإفرازات الدهنية المتراكمة والرؤوس السوداء، وتقليص مظهر المسام الواسعة.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dmpl-glass-card dmpl-reveal dmpl-delay-2\"\u003e\n          \u003cdiv class=\"dmpl-icon-box\"\u003e\n            \u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c\/path\u003e\u003cline x1=\"16\" y1=\"8\" x2=\"2\" y2=\"22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003ch3 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 15px;\"\u003eلون أكثر توحيداً\u003c\/h3\u003e\n          \u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px;\"\u003eمع الاستمرار والالتزام بالروتين وحماية الشمس، يساعد هذا المزيج القوي في تقليل التصبغات السطحية وآثار الحبوب، ليمنح البشرة مظهراً موحد اللون وصحياً جداً.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 4. Ingredients Focus --\u003e\n    \u003cdiv class=\"dmpl-section\"\u003e\n      \u003cdiv class=\"dmpl-grid-2\"\u003e\n        \u003cdiv class=\"dmpl-reveal\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/6115c6bb-238b-4e36-a0c6-af2c03b516d7.jpg\" alt=\"AHA and BHA Acids\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dmpl-reveal dmpl-delay-1\"\u003e\n          \u003ch2 class=\"dmpl-title-section\"\u003eمكونات تعمل بفاعلية، \u003cspan class=\"dmpl-hl-gold\" style=\"margin: 0 8px;\"\u003eتركيبة ديرماسي المتطورة\u003c\/span\u003e\n\u003c\/h2\u003e\n          \u003cp class=\"dmpl-paragraph\"\u003eكل مكون في هذه القطارة تم اختياره ليؤدي دوراً دقيقاً ومدروساً في بروتوكول التقشير الخاص بك:\u003c\/p\u003e\n          \n          \u003cdiv style=\"display: flex; flex-direction: column; gap: 20px;\"\u003e\n            \u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.15);\"\u003e\n              \u003cspan style=\"color: var(--dmpl-peel-light); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;\"\u003eAHA Complex\u003c\/span\u003e\n              \u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin: 8px 0;\"\u003eحمض الجلايكوليك واللاكتيك\u003c\/h4\u003e\n              \u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eأشهر وأقوى أحماض التقشير السطحي، تعمل على إذابة الصمغ الخلوي لتحسين الملمس بشكل فوري تقريباً.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.15);\"\u003e\n              \u003cspan style=\"color: var(--dmpl-peel-light); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;\"\u003eBHA Deep Clean\u003c\/span\u003e\n              \u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin: 8px 0;\"\u003eحمض الساليسيليك\u003c\/h4\u003e\n              \u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eالمنقذ للمسام الواسعة والدهنية، يذوب في الدهون لتنظيف العمق وإذابة الرؤوس السوداء بفعالية عالية.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.15);\"\u003e\n              \u003cspan style=\"color: var(--dmpl-gold); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;\"\u003eBotanical Extract\u003c\/span\u003e\n              \u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin: 8px 0;\"\u003eمستخلص الكركديه\u003c\/h4\u003e\n              \u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eإضافة نباتية طبيعية تُعزز من تركيبة المحلول المميزة وتمنحه لونه التوتي العميق الجذاب.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 5. Compatibility \/ Flow --\u003e\n    \u003cdiv class=\"dmpl-section\"\u003e\n      \u003cdiv class=\"dmpl-glass-card dmpl-reveal\" style=\"border-color: var(--dmpl-gold); border-width: 2px;\"\u003e\n        \u003cdiv class=\"dmpl-grid-2\" style=\"align-items: center;\"\u003e\n          \u003cdiv\u003e\n            \u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eتحليل التوافق\u003c\/h4\u003e\n            \u003ch2 class=\"dmpl-title-section\" style=\"font-size: 32px;\"\u003eهل هذا المحلول مناسب لبشرتك؟\u003c\/h2\u003e\n            \u003cp class=\"dmpl-paragraph\"\u003eتأكدي من توافق روتينك عبر اجتياز هذه النقاط الخمس الهامة:\u003c\/p\u003e\n            \u003cul class=\"dmpl-check-list\"\u003e\n              \u003cli\u003eبشرتك تبدو خشنة أو باهتة وترغبين بشدة في استعادة الملمس الحريري.\u003c\/li\u003e\n              \u003cli\u003eتلاحظين مساماً واضحة، رؤوس سوداء، أو لوناً غير متساوٍ.\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong style=\"color: var(--dmpl-peel-light);\"\u003eبشرتك ليست حساسة\u003c\/strong\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\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/00f22c2d-0eac-475a-8933-219faf1ac5dd.jpg\" alt=\"Relaxing Spa Routine\" style=\"border-radius: 20px; width: 100%; border: 2px solid rgba(255,255,255,0.1);\"\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 6. Usage Protocol --\u003e\n    \u003cdiv class=\"dmpl-section\"\u003e\n      \u003cdiv style=\"text-align: center; margin-bottom: 50px;\" class=\"dmpl-reveal\"\u003e\n        \u003ch4 style=\"color: var(--dmpl-gold); font-size: 18px; margin-bottom: 10px; font-weight: 800; letter-spacing: 1px;\"\u003eبروتوكول الاستخدام\u003c\/h4\u003e\n        \u003ch2 class=\"dmpl-title-section\" style=\"justify-content: center;\"\u003eروتين التقشير الاحترافي: \u003cspan class=\"dmpl-hl-peel\" style=\"margin: 0 8px;\"\u003e4 خطوات دقيقة\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dmpl-grid-2\"\u003e\n        \u003cdiv class=\"dmpl-reveal\"\u003e\n           \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/170e4c15-e4a7-43fa-9ef5-a1a400295ac6.jpg\" alt=\"Dropper Application\" style=\"border-radius: 20px;\"\u003e\n           \u003cp style=\"text-align: center; color: var(--dmpl-gold); font-size: 16px; font-weight: bold; margin-top: 20px;\"\u003eقوام جِل خفيف يُوزع بسهولة فائقة باستخدام القطارة المدمجة.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dmpl-step-list dmpl-reveal dmpl-delay-1\"\u003e\n          \n          \u003cdiv class=\"dmpl-step-item\"\u003e\n            \u003cdiv class=\"dmpl-step-num\"\u003e1\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 8px;\"\u003eوجه نظيف وجاف تماماً\u003c\/h4\u003e\n              \u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eاغسلي وجهك بغسول لطيف وتأكدي من تجفيفه كلياً باستخدام منشفة ناعمة (يُمنع استخدامه على بشرة رطبة).\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dmpl-step-item\"\u003e\n            \u003cdiv class=\"dmpl-step-num\"\u003e2\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 8px;\"\u003eتوزيع طبقة رقيقة متساوية\u003c\/h4\u003e\n              \u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eوزعي قطرات قليلة على الوجه والرقبة، وتجنبي تماماً محيط العينين الرقيق ومحيط الشفتين.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dmpl-step-item\"\u003e\n            \u003cdiv class=\"dmpl-step-num\"\u003e3\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch4 style=\"color: var(--dmpl-peel-light); font-size: 22px; font-weight: 900; margin-bottom: 8px; text-shadow: 0 0 10px rgba(255, 77, 133, 0.5);\"\u003eانتظري 10 دقائق (كحد أقصى)\u003c\/h4\u003e\n              \u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eلا تتجاوزي هذه المدة الزمنية إطلاقاً، حتى وإن لم تشعري بوخز قوي. الالتزام بالوقت سر الأمان.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dmpl-step-item\"\u003e\n            \u003cdiv class=\"dmpl-step-num\"\u003e4\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch4 style=\"color: #ffffff; font-size: 22px; font-weight: 800; margin-bottom: 8px;\"\u003eالشطف الجيد والترطيب العميق\u003c\/h4\u003e\n              \u003cp class=\"dmpl-paragraph\" style=\"font-size: 16px; margin: 0;\"\u003eاشطفي وجهك جيداً بالماء الفاتر لإزالة المحلول بالكامل، ثم اتبعيه فوراً بمرطب كريمي لتهدئة حاجز البشرة.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 7. Strict Safety Warning --\u003e\n    \u003cdiv class=\"dmpl-section\" style=\"padding-top: 0;\"\u003e\n      \u003cdiv class=\"dmpl-warning-block dmpl-reveal\"\u003e\n        \u003cdiv style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 30px;\"\u003e\n          \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--dmpl-peel-light)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"filter: drop-shadow(0 0 10px rgba(255, 77, 133, 0.6));\"\u003e\u003cpath d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n          \u003ch3 style=\"color: #ffffff; font-size: 28px; font-weight: 900; margin: 0; text-shadow: 0 0 15px rgba(255, 77, 133, 0.4);\"\u003eبروتوكول الأمان الصارم (يُرجى القراءة بعناية)\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px;\"\u003e\n          \u003cp class=\"dmpl-paragraph\" style=\"margin: 0; font-size: 17px;\"\u003e\n            \u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eغير مناسب للبشرة الحساسة:\u003c\/strong\u003e وفقاً للعلامة التجارية المصنعة. إذا كانت بشرتك تتهيج بسهولة أو متضررة، تجنبي الاستخدام تماماً.\u003cbr\u003e\u003cbr\u003e\n            \u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eاختبار التحسس ضروري:\u003c\/strong\u003e جربيه على مساحة صغيرة مخفية (خلف الأذن أو الفك) قبل الاستخدام الكامل على الوجه.\n          \u003c\/p\u003e\n          \u003cp class=\"dmpl-paragraph\" style=\"margin: 0; font-size: 17px;\"\u003e\n            \u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eالحد الأقصى للاستخدام:\u003c\/strong\u003e مرتين أسبوعياً لمدة 10 دقائق فقط. الاستخدام المفرط يسبب حروقاً وتهيجاً ولا يعطي نتائج أفضل.\u003cbr\u003e\u003cbr\u003e\n            \u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eتفاعلات شديدة:\u003c\/strong\u003e في حال الشعور بحرقان شديد لا يُحتمل أو احمرار مستمر، اشطفي الوجه فوراً بالماء البارد وأوقفي الاستخدام.\n          \u003c\/p\u003e\n          \u003cp class=\"dmpl-paragraph\" style=\"margin: 0; font-size: 17px;\"\u003e\n            \u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eتعارض المنتجات النشطة:\u003c\/strong\u003e يُمنع منعاً باتاً استخدامه في نفس اليوم مع مقشرات أخرى (فيزيائية أو كيميائية) أو مشتقات الريتينول.\u003cbr\u003e\u003cbr\u003e\n            \u003cstrong style=\"color: var(--dmpl-peel-light); font-size: 19px;\"\u003eالحمل والرضاعة:\u003c\/strong\u003e استشيري طبيبك المختص أولاً. لا يوضع نهائياً على جلد مجروح، ملتهب، أو محروق.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 8. Final CTA --\u003e\n    \u003cdiv class=\"dmpl-section\" style=\"text-align: center; padding-top: 20px;\"\u003e\n      \u003cdiv class=\"dmpl-reveal\" style=\"background: linear-gradient(180deg, rgba(214, 0, 74, 0.15) 0%, rgba(23, 7, 31, 0.8) 100%); border: 1px solid rgba(255, 77, 133, 0.3); border-radius: 30px; padding: 60px 5%; box-shadow: 0 20px 50px rgba(0,0,0,0.5);\"\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4cd77d20-850b-44fc-8431-5823d6ffe9b2.jpg\" alt=\"Dermacy 30ml Bottle\" style=\"max-width: 320px; margin: 0 auto 40px; border-radius: 20px; border: 2px solid var(--dmpl-gold);\"\u003e\n        \n        \u003ch4 style=\"color: var(--dmpl-gold); font-size: 20px; margin-bottom: 15px; font-weight: 900; letter-spacing: 1px;\"\u003eخطوتك نحو التجديد\u003c\/h4\u003e\n        \u003ch2 class=\"dmpl-title-main\" style=\"font-size: clamp(28px, 4vw, 42px); margin-bottom: 25px;\"\u003e\n          مرتين في الأسبوع فقط.. \u003cspan class=\"dmpl-hl-peel\"\u003eودعي باقي الأيام لتتألق بشرتك بالنتائج\u003c\/span\u003e\n        \u003c\/h2\u003e\n        \u003cp class=\"dmpl-paragraph\" style=\"max-width: 700px; margin: 0 auto 40px; font-size: 20px;\"\u003e\n          محلول Dermacy Peeling Solution AHA + BHA | 30 مل. \u003cbr\u003e\n          تركيبة احترافية مركزة لروتين تقشير أسبوعي يغير قواعد اللعبة ويعيد النضارة المخفية.\n        \u003c\/p\u003e\n\n        \u003cdiv style=\"background: rgba(0,0,0,0.8); border: 1px dashed rgba(255,255,255,0.2); border-radius: 16px; padding: 25px; font-size: 14px; color: #aaaaaa; direction: ltr; text-align: left; max-width: 800px; margin: 40px auto 0;\"\u003e\n          \u003cstrong style=\"color: #ffffff;\"\u003eINCI (as listed by a third-party database, concentrations not disclosed):\u003c\/strong\u003e\u003cbr\u003e\n          Water, Propylene Glycol, Glycolic Acid, Lactic Acid, Salicylic Acid, Hibiscus Sabdariffa Flower Extract, Hydroxyethylcellulose, DMDM Hydantoin, Citric Acid, CI 14720. \u003cem\u003ePlease check the ingredient list printed on the physical pack before use to ensure safety.\u003c\/em\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      \/\/ High-performance Intersection Observer for smooth reveal animations\n      const reveals = document.querySelectorAll('.dmpl-reveal');\n      const observerOptions = {\n        root: null,\n        threshold: 0.12,\n        rootMargin: \"0px 0px -40px 0px\"\n      };\n\n      const revealObserver = new IntersectionObserver((entries, observer) =\u003e {\n        entries.forEach(entry =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('dmpl-active');\n            observer.unobserve(entry.target); \n          }\n        });\n      }, observerOptions);\n\n      reveals.forEach(reveal =\u003e {\n        revealObserver.observe(reveal);\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Dermacy","offers":[{"title":"Default Title","offer_id":67699792773294,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/90e25191-836a-439f-bc06-ad747a9982ef.jpg?v=1792063132"}],"url":"https:\/\/skingeer.com\/ar\/collections\/skin-pores-care.oembed","provider":"SkinGeer","version":"1.0","type":"link"}