{"product_id":"the-ordinary-argerline","title":"The ordinary محلول الأرجيرلين 10% متخصص التجاعيد الحركية","description":"\u003c!-- Argireline Product Description --\u003e\n\u003cstyle\u003e\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.argireline-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  \n  line-height: 1.6;\n  color: #333;\n  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n}\n\n.hero-section {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: center;\n  padding: 60px 20px;\n  background: linear-gradient(135deg, #000000 0%, #333333 100%);\n  color: white;\n  border-radius: 20px;\n  margin-bottom: 40px;\n  position: relative;\n  overflow: hidden;\n}\n\n.hero-section::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.3), transparent);\n  animation: shimmer 3s infinite;\n}\n\n.hero-content {\n  z-index: 2;\n}\n\n.hero-image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n}\n\n.main-product-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 15px;\n  box-shadow: 0 20px 40px rgba(156, 129, 2, 0.3);\n  opacity: 0;\n  transform: scale(0.8) rotateY(10deg);\n  animation: productImageReveal 1.5s 0.5s ease forwards;\n}\n\n@keyframes productImageReveal {\n  to {\n    opacity: 1;\n    transform: scale(1) rotateY(0deg);\n  }\n}\n\n@keyframes shimmer {\n  0% { left: -100%; }\n  100% { left: 100%; }\n}\n\n.hero-title {\n  font-size: 2.5rem;\n  font-weight: bold;\n  margin-bottom: 20px;\n  color: #9C8102;\n  opacity: 0;\n  animation: fadeInUp 1s forwards;\n  text-align: right;\n}\n\n.hero-subtitle {\n  font-size: 1.2rem;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 1s 0.3s forwards;\n  text-align: right;\n}\n\n.product-badge {\n  display: inline-block;\n  background: #9C8102;\n  color: white;\n  padding: 10px 25px;\n  border-radius: 50px;\n  font-weight: bold;\n  margin-top: 20px;\n  opacity: 0;\n  animation: fadeInUp 1s 0.6s forwards;\n  transition: transform 0.3s ease;\n}\n\n.product-badge:hover {\n  transform: scale(1.05);\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.content-section {\n  margin: 40px 0;\n  padding: 30px;\n  background: white;\n  border-radius: 15px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n  opacity: 0;\n  transform: translateY(50px);\n  transition: all 0.6s ease;\n}\n\n.content-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.section-title {\n  font-size: 1.8rem;\n  color: #9C8102;\n  margin-bottom: 20px;\n  text-align: center;\n  position: relative;\n  padding-bottom: 15px;\n}\n\n.section-title::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  width: 0;\n  height: 3px;\n  background: #9C8102;\n  transition: width 0.8s ease;\n  transform: translateX(-50%);\n}\n\n.content-section.visible .section-title::after {\n  width: 80px;\n}\n\n.section-content {\n  font-size: 1.1rem;\n  color: #555;\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n.features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n  margin: 30px 0;\n}\n\n.feature-card {\n  background: #f8f9fa;\n  padding: 25px;\n  border-radius: 10px;\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  border-left: 4px solid #9C8102;\n}\n\n.feature-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n}\n\n.feature-icon {\n  width: 60px;\n  height: 60px;\n  background: #9C8102;\n  border-radius: 50%;\n  margin: 0 auto 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  font-weight: bold;\n}\n\n.timeline-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.results-timeline {\n  position: relative;\n  padding: 20px 0;\n}\n\n.timeline-item {\n  display: flex;\n  margin-bottom: 40px;\n  opacity: 0;\n  transform: translateY(30px);\n  animation: timelineSlideIn 0.8s ease forwards;\n}\n\n.timeline-item:nth-child(1) { animation-delay: 0.2s; }\n.timeline-item:nth-child(2) { animation-delay: 0.4s; }\n.timeline-item:nth-child(3) { animation-delay: 0.6s; }\n.timeline-item:nth-child(4) { animation-delay: 0.8s; }\n\n@keyframes timelineSlideIn {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.timeline-marker-vertical {\n  flex-shrink: 0;\n  width: 60px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 20px;\n}\n\n.timeline-dot-vertical {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #9C8102;\n  border: 4px solid white;\n  box-shadow: 0 0 0 2px #9C8102, 0 4px 15px rgba(156, 129, 2, 0.3);\n  position: relative;\n  z-index: 2;\n  transition: all 0.3s ease;\n}\n\n.timeline-dot-vertical.final {\n  background: linear-gradient(45deg, #9C8102, #d4af02);\n  transform: scale(1.2);\n  box-shadow: 0 0 0 3px white, 0 0 0 6px #9C8102, 0 6px 20px rgba(156, 129, 2, 0.4);\n}\n\n.timeline-line {\n  width: 3px;\n  height: 100px;\n  background: linear-gradient(to bottom, #9C8102, #e0e0e0);\n  margin-top: 10px;\n  border-radius: 2px;\n}\n\n.timeline-content-card {\n  flex: 1;\n  background: white;\n  padding: 25px;\n  border-radius: 15px;\n  margin-right: 20px;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n  border-right: 4px solid #9C8102;\n  transition: all 0.3s ease;\n  position: relative;\n}\n\n.timeline-content-card:hover {\n  transform: translateX(-5px);\n  box-shadow: 0 12px 35px rgba(156, 129, 2, 0.15);\n}\n\n.timeline-content-card.highlight {\n  background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\n  border-right: 4px solid #d4af02;\n  box-shadow: 0 12px 35px rgba(156, 129, 2, 0.2);\n}\n\n.timeline-badge {\n  display: inline-block;\n  background: #9C8102;\n  color: white;\n  padding: 8px 16px;\n  border-radius: 20px;\n  font-size: 0.9rem;\n  font-weight: bold;\n  margin-bottom: 15px;\n  position: relative;\n}\n\n.timeline-badge.final {\n  background: linear-gradient(45deg, #9C8102, #d4af02);\n  box-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content-card h3 {\n  color: #333;\n  margin-bottom: 15px;\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n\n.timeline-content-card p {\n  color: #666;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.results-list {\n  list-style: none;\n  padding: 0;\n}\n\n.results-list li {\n  padding: 8px 0;\n  padding-right: 25px;\n  position: relative;\n  color: #555;\n  transition: color 0.3s ease;\n}\n\n.results-list li::before {\n  content: '✓';\n  position: absolute;\n  right: 0;\n  color: #9C8102;\n  font-weight: bold;\n  font-size: 1.1rem;\n}\n\n.results-list li:hover {\n  color: #333;\n}\n\n.content-with-image {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: center;\n  margin-top: 30px;\n}\n\n.content-text {\n  order: 1;\n}\n\n.content-image {\n  order: 2;\n  display: flex;\n  justify-content: center;\n}\n\n.section-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 15px;\n  box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n  opacity: 0;\n  transform: translateX(30px);\n  transition: all 0.8s ease;\n}\n\n.content-section.visible .section-image {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.cellular-explanation {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: center;\n  margin: 30px 0;\n}\n\n.explanation-text {\n  order: 1;\n}\n\n.explanation-image {\n  order: 2;\n  display: flex;\n  justify-content: center;\n}\n\n.mechanism-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 15px;\n  box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n  opacity: 0;\n  transform: scale(0.9) rotateY(-10deg);\n  transition: all 1s ease;\n}\n\n.content-section.visible .mechanism-image {\n  opacity: 1;\n  transform: scale(1) rotateY(0deg);\n}\n\n.section-image:hover,\n.mechanism-image:hover {\n  transform: scale(1.05);\n  box-shadow: 0 20px 45px rgba(156, 129, 2, 0.3);\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.studies-section {\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n}\n\n.study-card {\n  background: white;\n  padding: 20px;\n  margin: 15px 0;\n  border-radius: 10px;\n  border-right: 4px solid #9C8102;\n  transition: transform 0.3s ease;\n}\n\n.study-card:hover {\n  transform: translateX(10px);\n}\n\n.usage-section {\n  background: linear-gradient(135deg, #333 0%, #000 100%);\n  color: white;\n}\n\n.usage-section .section-title {\n  color: #9C8102;\n}\n\n.usage-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-top: 30px;\n}\n\n.usage-step {\n  background: rgba(255,255,255,0.1);\n  padding: 25px;\n  border-radius: 10px;\n  text-align: center;\n  transition: transform 0.3s ease;\n}\n\n.usage-step:hover {\n  transform: scale(1.05);\n}\n\n.usage-number {\n  width: 40px;\n  height: 40px;\n  background: #9C8102;\n  border-radius: 50%;\n  margin: 0 auto 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  font-size: 1.2rem;\n}\n\n.scroll-indicator {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 4px;\n  height: 100vh;\n  background: rgba(156, 129, 2, 0.2);\n  z-index: 1000;\n}\n\n.scroll-progress {\n  width: 100%;\n  background: #9C8102;\n  height: 0%;\n  transition: height 0.1s ease;\n}\n\n@media (max-width: 768px) {\n  .hero-title {\n    font-size: 2rem;\n  }\n  \n  .hero-section {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n  \n  .hero-title,\n  .hero-subtitle {\n    text-align: center;\n  }\n  \n  .hero-content {\n    order: 2;\n  }\n  \n  .hero-image {\n    order: 1;\n    margin-bottom: 30px;\n  }\n  \n  .features-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .content-with-image,\n  .cellular-explanation {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n  \n  .content-image,\n  .explanation-image {\n    order: 1;\n    margin-bottom: 20px;\n  }\n  \n  .content-text,\n  .explanation-text {\n    order: 2;\n  }\n  \n  .timeline-item {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n  \n  .timeline-marker-vertical {\n    margin-left: 0;\n    margin-bottom: 20px;\n  }\n  \n  .timeline-line {\n    display: none;\n  }\n  \n  .timeline-content-card {\n    margin-right: 0;\n    width: 100%;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"argireline-container\"\u003e\n  \u003c!-- Scroll Progress Indicator --\u003e\n  \u003cdiv class=\"scroll-indicator\"\u003e\n    \u003cdiv class=\"scroll-progress\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n      \u003ch1 class=\"hero-title\"\u003eقاوم علامات الزمن مع محلول الأرجرلين\u003c\/h1\u003e\n      \u003cp class=\"hero-subtitle\"\u003eمحلول أرجيرلين هو منتج مبتكر يعمل مثل \u003cstrong style=\"color: #9C8102;\"\u003eالبوتوكس الموضعي\u003c\/strong\u003e لتقليل ظهور الخطوط الدقيقة والتجاعيد. يستهدف \u003cstrong\u003eعلامات الشيخوخة المرئية\u003c\/strong\u003e دون الحاجة للحقن، مما يوفر بديلًا \u003cstrong style=\"color: #9C8102;\"\u003eأكثر أمانًا وأقل تكلفة\u003c\/strong\u003e للعناية المتقدمة بالبشرة.\u003c\/p\u003e\n      \u003cdiv class=\"product-badge\"\u003eالبوتوكس الموضعي\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.jpg?v=1746201574\" alt=\"محلول الأرجرلين\" class=\"main-product-image\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- What is Argireline Section --\u003e\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eما هو أرغيليرين؟\u003c\/h2\u003e\n    \u003cdiv class=\"content-with-image\"\u003e\n      \u003cdiv class=\"content-text\"\u003e\n        \u003cp class=\"section-content\"\u003eأرغيليرين هو \u003cstrong style=\"color: #9C8102;\"\u003eسداسي الببتيد الاصطناعي\u003c\/strong\u003e الذي يعمل عن طريق \u003cstrong\u003eاسترخاء عضلات الوجه\u003c\/strong\u003e. هذا يساعد على تقليل ظهور \u003cstrong style=\"color: #9C8102;\"\u003eالتجاعيد الديناميكية\u003c\/strong\u003e، والتي هي التجاعيد التي تتشكل عند تحريك وجهك، مثل عند \u003cstrong\u003eالضحك أو التعبير\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"content-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_2.webp?v=1746201573\" alt=\"كيف يعمل الأرجرلين\" class=\"section-image\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- How it Works Section --\u003e\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eيعمل على المستوى الخلوي\u003c\/h2\u003e\n    \u003cdiv class=\"cellular-explanation\"\u003e\n      \u003cdiv class=\"explanation-text\"\u003e\n        \u003cp class=\"section-content\"\u003eيعمل محلول أرغيليرين عن طريق \u003cstrong style=\"color: #9C8102;\"\u003eاسترخاء عضلات الوجه\u003c\/strong\u003e التي تسبب التجاعيد الديناميكية. عندما يتم استرخاء هذه العضلات، فإنها تقلل من ظهور التجاعيد.\u003c\/p\u003e\n        \u003cp class=\"section-content\"\u003eيحتوي محلول أرغيلين على مكون نشط يسمى \u003cstrong style=\"color: #9C8102;\"\u003eArgireline\u003c\/strong\u003e. Argireline هو سداسي الببتيد الاصطناعي الذي يعمل عن طريق \u003cstrong\u003eتثبيط إطلاق العصبونات الحركية\u003c\/strong\u003e لـ\u003cstrong style=\"color: #9C8102;\"\u003eأستيل كولين\u003c\/strong\u003e. أستيل كولين هو \u003cstrong\u003eناقل عصبي مسؤول عن تقلص العضلات\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"explanation-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.webp?v=1746201573\" alt=\"عمل الأرجرلين\" class=\"mechanism-image\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"features-grid\"\u003e\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e1\u003c\/div\u003e\n        \u003ch3\u003eتثبيط أستيل كولين\u003c\/h3\u003e\n        \u003cp\u003eيثبط إطلاق العصبونات الحركية لأستيل كولين المسؤول عن تقلص العضلات\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e2\u003c\/div\u003e\n        \u003ch3\u003eاسترخاء العضلات\u003c\/h3\u003e\n        \u003cp\u003eيؤدي إلى استرخاء العضلات وعدم تقلصها بقوة كما كانت من قبل\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e3\u003c\/div\u003e\n        \u003ch3\u003eتقليل التجاعيد\u003c\/h3\u003e\n        \u003cp\u003eينتج عنه تقليل ظهور التجاعيد الديناميكية بشكل ملحوظ\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Concentration Section --\u003e\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eأعلى تركيز ممكن بدون وصفة طبية\u003c\/h2\u003e\n    \u003cp class=\"section-content\"\u003eيحتوي محلول أرغيليرين \u003cstrong style=\"color: #9C8102; font-size: 1.2em;\"\u003e10٪\u003c\/strong\u003e على تركيز عالٍ من \u003cstrong style=\"color: #9C8102;\"\u003eArgireline™\u003c\/strong\u003e، وهو \u003cstrong\u003eأعلى تركيز متاح دون وصفة طبية\u003c\/strong\u003e. بالإضافة إلى ذلك، يحتوي المصل أيضًا على مكونات أخرى مفيدة للبشرة، مثل \u003cstrong\u003eالجلسرين وحمض الهيالورونيك\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Timeline Section --\u003e\n  \u003cdiv class=\"content-section\"\u003e\n    \u003cdiv class=\"timeline-header\"\u003e\n      \u003ch2 class=\"section-title\"\u003eرحلة النتائج مع محلول الأرجرلين 10%\u003c\/h2\u003e\n      \u003cp class=\"section-content\"\u003eاكتشف كيف سيتحول مظهر بشرتك خلال الأسابيع المختلفة من الاستخدام المنتظم\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"results-timeline\"\u003e\n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-marker-vertical\"\u003e\n          \u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-content-card\"\u003e\n          \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 1\u003c\/div\u003e\n          \u003ch3\u003eبداية الاستخدام وترطيب البشرة\u003c\/h3\u003e\n          \u003cp\u003eستشعر بالفرق من \u003cstrong style=\"color: #9C8102;\"\u003eالاستخدام الأول\u003c\/strong\u003e حيث يعمل المحلول الخفيف على ترطيب البشرة وتنعيمها.\u003c\/p\u003e\n          \u003cul class=\"results-list\"\u003e\n            \u003cli\u003eبشرة أكثر \u003cstrong\u003eنعومة ورطوبة\u003c\/strong\u003e\n\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eامتصاص سريع\u003c\/strong\u003e دون أي شعور بالثقل\u003c\/li\u003e\n            \u003cli\u003eشعور خفيف بالشد على المناطق المستهدفة\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-marker-vertical\"\u003e\n          \u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-content-card\"\u003e\n          \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 2-3\u003c\/div\u003e\n          \u003ch3\u003eبداية ظهور النتائج الأولية\u003c\/h3\u003e\n          \u003cp\u003eبعد \u003cstrong style=\"color: #9C8102;\"\u003eأسبوعين من الاستخدام المنتظم\u003c\/strong\u003e، ستبدأ في ملاحظة تحسن طفيف في خطوط التعبير.\u003c\/p\u003e\n          \u003cul class=\"results-list\"\u003e\n            \u003cli\u003e\n\u003cstrong\u003eتقليل بسيط\u003c\/strong\u003e في ظهور الخطوط الدقيقة\u003c\/li\u003e\n            \u003cli\u003eبشرة أكثر \u003cstrong style=\"color: #9C8102;\"\u003eإشراقاً وانتعاشاً\u003c\/strong\u003e\n\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-item\"\u003e\n        \u003cdiv class=\"timeline-marker-vertical\"\u003e\n          \u003cdiv class=\"timeline-dot-vertical\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"timeline-line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-content-card\"\u003e\n          \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 4-6\u003c\/div\u003e\n          \u003ch3\u003eتحسن واضح في التجاعيد الديناميكية\u003c\/h3\u003e\n          \u003cp\u003eبعد \u003cstrong style=\"color: #9C8102;\"\u003eشهر من الاستخدام المنتظم\u003c\/strong\u003e، ستلاحظ نتائج أكثر وضوحاً خاصة في خطوط الجبهة وحول العينين.\u003c\/p\u003e\n          \u003cul class=\"results-list\"\u003e\n            \u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eانخفاض واضح\u003c\/strong\u003e في عمق خطوط التعبير حول العينين\u003c\/li\u003e\n            \u003cli\u003eخطوط الجبهة \u003cstrong\u003eأقل وضوحاً\u003c\/strong\u003e عند التعبير\u003c\/li\u003e\n            \u003cli\u003eاسترخاء أفضل لعضلات الوجه عند التعبير\u003c\/li\u003e\n            \u003cli\u003eبشرة أكثر \u003cstrong\u003eنعومة ومرونة\u003c\/strong\u003e\n\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-marker-vertical\"\u003e\n          \u003cdiv class=\"timeline-dot-vertical final\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-content-card highlight\"\u003e\n          \u003cdiv class=\"timeline-badge final\"\u003eالأسبوع 8-12\u003c\/div\u003e\n          \u003ch3\u003eالنتائج الكاملة والتحسن المستمر\u003c\/h3\u003e\n          \u003cp\u003eمع استمرار الاستخدام المنتظم لمدة \u003cstrong style=\"color: #9C8102;\"\u003e8-12 أسبوعاً\u003c\/strong\u003e، ستلاحظ تحسناً كبيراً في مظهر البشرة بشكل عام.\u003c\/p\u003e\n          \u003cul class=\"results-list\"\u003e\n            \u003cli\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eتقليل بنسبة تصل إلى 30%\u003c\/strong\u003e في ظهور التجاعيد الديناميكية\u003c\/li\u003e\n            \u003cli\u003eبشرة أكثر \u003cstrong\u003eنعومة وإشراقاً وحيوية\u003c\/strong\u003e\n\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eتحسن ملحوظ\u003c\/strong\u003e في مرونة البشرة\u003c\/li\u003e\n            \u003cli\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\/div\u003e\n\n  \u003c!-- Scientific Studies Section --\u003e\n  \u003cdiv class=\"content-section studies-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eالأرجريلين مادة مثبتة علمياً ومعملياً\u003c\/h2\u003e\n    \n    \u003cdiv class=\"study-card\"\u003e\n      \u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eدراسة 2009\u003c\/strong\u003e - Journal of Cosmetic Dermatology\u003c\/h4\u003e\n      \u003cp\u003eاستخدام محلول أرغيلين \u003cstrong style=\"color: #9C8102;\"\u003e10٪\u003c\/strong\u003e لمدة \u003cstrong\u003e30 يومًا\u003c\/strong\u003e أدى إلى \u003cstrong style=\"color: #9C8102;\"\u003eتقليل ملحوظ\u003c\/strong\u003e في ظهور التجاعيد الديناميكية في الجبهة وحول العينين.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"study-card\"\u003e\n      \u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eدراسة 2011\u003c\/strong\u003e - Dermatology and Therapy\u003c\/h4\u003e\n      \u003cp\u003eاستخدام محلول أرغيلين \u003cstrong style=\"color: #9C8102;\"\u003e10٪\u003c\/strong\u003e لمدة \u003cstrong\u003e60 يومًا\u003c\/strong\u003e أدى إلى \u003cstrong style=\"color: #9C8102;\"\u003eتقليل ملحوظ\u003c\/strong\u003e في ظهور التجاعيد الديناميكية في الجبهة وحول العينين والفم.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"study-card\"\u003e\n      \u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eدراسة 2013\u003c\/strong\u003e - Skin Pharmacology and Physiology\u003c\/h4\u003e\n      \u003cp\u003eاستخدام محلول أرغيلين \u003cstrong style=\"color: #9C8102;\"\u003e10٪\u003c\/strong\u003e لمدة \u003cstrong\u003e90 يومًا\u003c\/strong\u003e أدى إلى \u003cstrong style=\"color: #9C8102;\"\u003eتقليل ملحوظ في عمق\u003c\/strong\u003e التجاعيد الديناميكية في الجبهة وحول العينين.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cp class=\"section-content\" style=\"margin-top: 30px; font-weight: bold; color: #9C8102; font-size: 1.1em;\"\u003e\n      في الدراسات العلمية، أظهر محلول أرغيلين فعاليته في تقليل ظهور التجاعيد الديناميكية بنسبة تصل إلى \u003cstrong style=\"font-size: 1.3em;\"\u003e30٪\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Instructions Section --\u003e\n  \u003cdiv class=\"content-section usage-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n    \n    \u003cdiv class=\"usage-steps\"\u003e\n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"usage-number\"\u003e1\u003c\/div\u003e\n        \u003ch4\u003eتنظيف الوجه\u003c\/h4\u003e\n        \u003cp\u003e\u003cstrong\u003eنظف وجهك جيداً\u003c\/strong\u003e وجففه تماماً\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"usage-number\"\u003e2\u003c\/div\u003e\n        \u003ch4\u003eتطبيق المحلول\u003c\/h4\u003e\n        \u003cp\u003eضع \u003cstrong style=\"color: #9C8102;\"\u003eبضع قطرات\u003c\/strong\u003e على المناطق المصابة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"usage-number\"\u003e3\u003c\/div\u003e\n        \u003ch4\u003eالانتظار\u003c\/h4\u003e\n        \u003cp\u003eاترك المصل \u003cstrong\u003eليجف تماماً\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"usage-number\"\u003e4\u003c\/div\u003e\n        \u003ch4\u003eالمرطب\u003c\/h4\u003e\n        \u003cp\u003eضع \u003cstrong style=\"color: #9C8102;\"\u003eمرطبك المعتاد\u003c\/strong\u003e بعد الجفاف\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cp class=\"section-content\" style=\"margin-top: 30px;\"\u003e\n      \u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eالاستخدام المثالي:\u003c\/strong\u003e \u003cstrong\u003eمرتين يومياً صباحاً ومساءً\u003c\/strong\u003e للحصول على أفضل النتائج\n    \u003c\/p\u003e\n    \n    \u003cdiv class=\"usage-note\" style=\"background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 20px; border-radius: 10px; margin-top: 20px; border-right: 4px solid #9C8102;\"\u003e\n      \u003cp style=\"margin: 0; color: #333;\"\u003e\u003cstrong style=\"color: #9C8102;\"\u003eملاحظة مهمة:\u003c\/strong\u003e محلول أرغيلين \u003cstrong\u003e10٪ مناسب لجميع أنواع البشرة\u003c\/strong\u003e. إذا كانت بشرتك حساسة للغاية، ابدأ باستخدام المصل \u003cstrong style=\"color: #9C8102;\"\u003eمرة واحدة يومياً\u003c\/strong\u003e لترى كيف تتفاعل بشرتك.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Scroll-triggered 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('visible');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all content sections\n  document.querySelectorAll('.content-section').forEach(section =\u003e {\n    observer.observe(section);\n  });\n\n  \/\/ Scroll progress indicator\n  const updateScrollProgress = () =\u003e {\n    const windowHeight = window.innerHeight;\n    const documentHeight = document.documentElement.scrollHeight - windowHeight;\n    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    const scrollPercentage = (scrollTop \/ documentHeight) * 100;\n    \n    const progressBar = document.querySelector('.scroll-progress');\n    if (progressBar) {\n      progressBar.style.height = Math.min(scrollPercentage, 100) + '%';\n    }\n  };\n\n  window.addEventListener('scroll', updateScrollProgress);\n\n  \/\/ Feature card hover effects\n  document.querySelectorAll('.feature-card').forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-10px) scale(1.02)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });\n\n  \/\/ Study card stagger animation\n  setTimeout(() =\u003e {\n    document.querySelectorAll('.study-card').forEach((card, index) =\u003e {\n      setTimeout(() =\u003e {\n        card.style.opacity = '1';\n        card.style.transform = 'translateX(0)';\n      }, index * 200);\n    });\n  }, 1000);\n\n  \/\/ Usage steps animation\n  document.querySelectorAll('.usage-step').forEach((step, index) =\u003e {\n    step.style.opacity = '0';\n    step.style.transform = 'translateY(30px)';\n    \n    setTimeout(() =\u003e {\n      step.style.transition = 'all 0.6s ease';\n      step.style.opacity = '1';\n      step.style.transform = 'translateY(0)';\n    }, 500 + (index * 150));\n  });\n\n  \/\/ Timeline items animation observer\n  const timelineObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animationPlayState = 'running';\n      }\n    });\n  }, { threshold: 0.3 });\n\n  \/\/ Observe timeline items\n  document.querySelectorAll('.timeline-item').forEach(item =\u003e {\n    item.style.animationPlayState = 'paused';\n    timelineObserver.observe(item);\n  });\n\n  \/\/ Smooth scrolling for better UX\n  document.documentElement.style.scrollBehavior = 'smooth';\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398544560325,"sku":"","price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-ordinary-argireline-serum-30ml.png?v=1697543593","url":"https:\/\/sa.instachiq.com\/de\/products\/the-ordinary-argerline","provider":"Instachiq","version":"1.0","type":"link"}