{"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 ml","offer_id":42298278117573,"sku":"INSTA0382CHIQ","price":1087.5,"currency_code":"EGP","in_stock":true},{"title":"60 ml","offer_id":44645698240709,"sku":"INSTA0382CHIQ","price":1522.5,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/ezgif.com-gif-maker_5.jpg?v=1636380967","url":"https:\/\/sa.instachiq.com\/de\/products\/the-ordinary-niacinamide-zinc","provider":"Instachiq","version":"1.0","type":"link"}