{"title":"The ordinary products","description":"","products":[{"product_id":"the-ordinary-niacinamide-zinc","title":"The Ordinary Niacinamide 10% + Zink 1% - Blemish Control \u0026 Pore Miniizing Serum","description":"\u003c!-- Section --\u003e\n\u003cstyle\u003e\n\/* Style Settings *\/\n.niacinamide-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\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\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 alt=\"The Ordinary Niacinamide\" 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\"\/\u003e\n\u003ch3 class=\"niacinamide-title-sub\"\u003eDin hud är som renast\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-title-sub\"\u003eDin huds porer är osynliga\u003c\/h2\u003e\n\u003cp class=\"niacinamide-intro\"\u003e\n      Niacinamid är den idealiska och bästa föreningen för att krympa porerna maximalt, vilket gör din hud fräsch, fast och fri från pormaskar och whiteheads.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eEffektiv mot den svåraste akne\u003c\/h3\u003e\n\u003cimg alt=\"Före och efter användning av niacinamid\" 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\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      Det minskar rodnad och akneeffekter, och du kommer att se positiva resultat, särskilt vid inflammerade finnar\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eDin ungdom är evig\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eEn av de mest kraftfulla anti-aging-medlen\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eMinskar fria radikaler som orsakar åldrande och stimulerar kollagenproduktionen\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cimg alt=\"Anti-aging\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024.png?v=1637970613\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      Det stimulerar produktionen av keratin, som stramar upp huden och ökar dess tjocklek, vilket minskar effekterna av fina linjer och rynkor\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eDin hud är klar och enhetlig i färgen\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eDet kommer att ljusa upp de mörka områdena på din hud\u003c\/h2\u003e\n\u003cimg alt=\"Huden ljusare\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      I sina höga koncentrationer neutraliserar niacinamid melaninpigmentet, vilket ljusar upp mörka områden och gör din hud jämn i färg.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eDjup hydrering\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eUtan en fet effekt\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      Niacinamid arbetar för att låsa in fukt i din hud genom att skapa... \u003cspan class=\"niacinamide-highlight\"\u003e\"Fuktbarriär\"\u003c\/span\u003e Vilket förhindrar vattenförlust från din hud\n    \u003c\/p\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n      Den neutraliserar också produktionen av oljor i fet hud, så att den inte lämnar en fet effekt\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003e\u003cstrong\u003eTar bort svarta och vita huvuden\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\u003cstrong\u003eBehandlar strukturerad hud\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cimg alt=\"Behandling av apelsinskal\" class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\"\/\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eGenom att stimulera bildningen av nya hudceller och genom att på djupet återfukta huden\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\n\u003cstrong\u003eIdealisk för alla hudtyper: torr, normal, blandad och fet\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eLätt på huden..snabb absorption\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"niacinamide-usage-section\"\u003e\n\u003ch3 class=\"niacinamide-usage-title\"\u003eHur man använder\u003c\/h3\u003e\n\u003cdiv class=\"niacinamide-usage-content\"\u003e\n\u003cp\u003e\n        Applicera en mycket liten mängd i ansiktet morgon och kväll på ren hud innan du applicerar andra krämer, oljor eller fuktkrämer på huden.\n      \u003c\/p\u003e\n\u003cp\u003e\n        Det ska inte användas samtidigt med behandlingar som innehåller rent C-vitamin.\n        \u003cbr\/\u003e(askorbinsyra)\n      \u003c\/p\u003e\n\u003cp\u003e\n        Säker att använda för gravida och ammande kvinnor.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"niacinamide-ingredients-section\"\u003e\n\u003ch3 class=\"niacinamide-usage-title\"\u003eGrundläggande komponenter\u003c\/h3\u003e\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        Det är utmärkt för att förbättra hudens allmänna hälsa, stärker hudens immunitet och förbättrar fuktbevarandet genom att stärka hudbarriären.\n      \u003c\/div\u003e\n\u003c\/div\u003e\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        Stödjer hudens struktur genom att läka skadad hud och uppmuntra produktionen av kollagen och elastin.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"niacinamide-product-info\"\u003e\n\u003cp\u003eFörpackningsstorlek 30 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section --\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  \/\/ Add MedR llsidOchR AlAnY\n  const images = document.querySelectorAll('.niacinamide-image');\n  if (images.length \u003e 1) {\n    images[1].setAttribute('data-delay', '0.3');\n  }\n  \n  \/\/ MRA HanR AlAnAsidR AnD AlKlartRYR\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  \/\/ MRA MYA ANoSAM\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  \/\/ HRY AlsidOchR AnD AlKlartRYR\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  \/\/ MRA MYA AlsidOchR\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":750.0,"currency_code":"EGP","in_stock":true},{"title":"60 ml","offer_id":44645698240709,"sku":"INSTA0382CHIQ","price":1050.0,"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"},{"product_id":"the-ordinary-caffeine-solution","title":"Den vanliga koffeinlösningen 5 % + EGCG - mörka ringar och svullnadsserum under ögonen","description":"\u003cdiv class=\"caf-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* Style Settings *\/\n        .caf-premium-wrapper {\n            --caf-bg-dark: #120b08; \/* Style Settings *\/\n            --caf-bg-card: rgba(30, 20, 15, 0.6); \/* Style Settings *\/\n            --caf-gold-main: #d4af37; \/* Style Settings *\/\n            --caf-gold-light: #f3e5ab; \/* Style Settings *\/\n            --caf-gold-glow: rgba(212, 175, 55, 0.25);\n            --caf-tea-green: #81b29a; \/* Style Settings *\/\n            --caf-text-main: #fdfbf7;\n            --caf-text-muted: #cbbca0;\n            --caf-border: rgba(212, 175, 55, 0.2);\n            --caf-border-hover: rgba(243, 229, 171, 0.6);\n            \n            background-color: var(--caf-bg-dark);\n            color: var(--caf-text-main);\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 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        .caf-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .caf-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n            border: 1px solid rgba(212, 175, 55, 0.1);\n        }\n\n        .caf-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Style Settings *\/\n        .caf-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        .caf-particle {\n            position: absolute;\n            border-radius: 50%;\n            bottom: -100px;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n            box-shadow: 0 0 15px var(--caf-gold-glow);\n            animation: floatUpCaf 16s infinite ease-in-out;\n            filter: blur(5px);\n        }\n\n        @keyframes floatUpCaf {\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        \/* Style Settings *\/\n        .caf-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 20px rgba(0,0,0,0.8);\n        }\n\n        .caf-title-glow span {\n            background: linear-gradient(135deg, var(--caf-gold-light) 0%, var(--caf-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--caf-gold-glow);\n        }\n\n        .caf-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        .caf-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(--caf-gold-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--caf-gold-main);\n        }\n\n        \/* Style Settings *\/\n        .caf-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .caf-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--caf-gold-main);\n            color: var(--caf-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(--caf-gold-glow);\n        }\n        \n        .caf-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--caf-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* Style Settings *\/\n        .caf-glass-box {\n            background: var(--caf-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--caf-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        .caf-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(--caf-gold-light), var(--caf-gold-main), transparent);\n        }\n\n        \/* === The Synergy Box (UVP Highlight) === *\/\n        .caf-synergy-box {\n            background: linear-gradient(145deg, rgba(30, 20, 15, 0.8), rgba(10, 5, 5, 0.95));\n            border: 2px solid var(--caf-gold-main);\n            border-radius: 20px;\n            padding: 40px 30px;\n            margin: 50px 0;\n            text-align: center;\n            position: relative;\n            box-shadow: 0 0 40px rgba(212, 175, 55, 0.15);\n        }\n\n        .caf-synergy-equation {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: center;\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .caf-synergy-item {\n            background: rgba(255,255,255,0.03);\n            border: 1px dashed var(--caf-gold-light);\n            padding: 20px;\n            border-radius: 15px;\n            flex: 1;\n            min-width: 250px;\n        }\n\n        .caf-synergy-plus {\n            font-size: 3rem;\n            color: var(--caf-gold-main);\n            font-weight: 900;\n        }\n\n        .caf-synergy-result {\n            background: var(--caf-gold-main);\n            color: #000;\n            padding: 20px;\n            border-radius: 15px;\n            font-size: 1.3rem;\n            font-weight: 900;\n            width: 100%;\n            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);\n        }\n\n        \/* Style Settings *\/\n        .caf-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 40px 0;\n        }\n\n        .caf-card {\n            background: linear-gradient(145deg, rgba(25, 15, 10, 0.7), rgba(10, 5, 5, 0.9));\n            border: 1px solid rgba(212, 175, 55, 0.15);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n        }\n\n        .caf-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--caf-gold-main);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n            background: rgba(35, 20, 10, 0.8);\n        }\n\n        .caf-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(212, 175, 55, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--caf-gold-light);\n            font-size: 26px;\n            transition: all 0.3s ease;\n        }\n        \n        .caf-card:hover .caf-icon {\n            background: linear-gradient(135deg, var(--caf-gold-main), var(--caf-gold-light));\n            color: #000;\n            transform: scale(1.1) rotate(-5deg);\n            border-color: transparent;\n            box-shadow: 0 0 20px var(--caf-gold-glow);\n        }\n\n        .caf-card h3 {\n            font-size: 1.2rem;\n            color: #fff;\n            margin-bottom: 12px;\n        }\n\n        .caf-card p {\n            color: var(--caf-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* Style Settings *\/\n        .caf-stats-wrap {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin: 40px 0;\n            background: var(--caf-bg-card);\n            padding: 35px;\n            border-radius: 20px;\n            border: 1px solid var(--caf-border);\n        }\n\n        .caf-stat-item {\n            text-align: center;\n            position: relative;\n            padding: 15px;\n        }\n\n        .caf-stat-num {\n            font-size: 3.5rem;\n            font-weight: 900;\n            background: linear-gradient(135deg, var(--caf-gold-light), var(--caf-gold-main));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            line-height: 1;\n            margin-bottom: 10px;\n            text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\n            font-family: system-ui, -apple-system, sans-serif;\n        }\n        \n        .caf-stat-desc {\n            color: #fff;\n            font-size: 1.05rem;\n            line-height: 1.5;\n        }\n\n        \/* Style Settings *\/\n        .caf-timeline {\n            position: relative;\n            padding-right: 35px;\n            margin: 50px 0;\n        }\n\n        .caf-timeline::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 15px;\n            width: 3px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--caf-gold-main), transparent);\n            border-radius: 3px;\n        }\n\n        .caf-timeline-item {\n            position: relative;\n            margin-bottom: 30px;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--caf-border);\n            padding: 25px;\n            border-radius: 16px;\n            text-align: left;\n            transition: all 0.3s;\n        }\n\n        .caf-timeline-item:hover {\n            background: rgba(212, 175, 55, 0.05);\n            transform: translateX(-10px);\n            border-color: rgba(212, 175, 55, 0.4);\n        }\n\n        .caf-timeline-item::before {\n            content: '';\n            position: absolute;\n            top: 35px;\n            right: -23px;\n            width: 16px;\n            height: 16px;\n            border-radius: 50%;\n            background: var(--caf-gold-main);\n            box-shadow: 0 0 15px var(--caf-gold-main);\n            border: 3px solid var(--caf-bg-dark);\n        }\n\n        \/* Style Settings *\/\n        .caf-steps-wrap {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 50px;\n        }\n\n        .caf-step-box {\n            background: rgba(0,0,0,0.5);\n            border: 1px solid var(--caf-border);\n            padding: 35px 20px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s;\n        }\n\n        .caf-step-box:hover {\n            border-color: var(--caf-gold-main);\n            transform: translateY(-5px);\n            background: rgba(212, 175, 55, 0.05);\n        }\n\n        .caf-step-num {\n            width: 50px;\n            height: 50px;\n            background: var(--caf-bg-dark);\n            border: 2px solid var(--caf-gold-main);\n            color: var(--caf-gold-light);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.4rem;\n            font-weight: bold;\n            margin: 0 auto 20px;\n            box-shadow: 0 0 15px var(--caf-gold-glow);\n        }\n\n        \/* === Animations === *\/\n        .caf-reveal {\n            opacity: 0;\n            transform: translateY(40px) scale(0.98);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .caf-reveal.caf-active {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n\n        .caf-delay-1 { transition-delay: 0.1s; }\n        .caf-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .caf-hero { padding: 10px 0 20px; }\n            .caf-synergy-plus { transform: rotate(90deg); }\n            .caf-timeline { padding-right: 25px; }\n            .caf-timeline::before { right: 10px; }\n            .caf-timeline-item::before { right: -17px; width: 12px; height: 12px; top: 30px;}\n        }\n    \u003c\/style\u003e\n\u003c!-- Section --\u003e\n\u003cdiv class=\"caf-ambient-particles\" id=\"caf-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"caf-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"caf-hero caf-reveal caf-active\"\u003e\n\u003cdiv class=\"caf-badge\"\u003eElixir väcker ögonkonturen\u003c\/div\u003e\n\u003ch1 class=\"caf-title-glow\"\u003eMardrömmen med mörka ringar och svullnader är över: \u003cbr\/\u003e\u003cspan\u003eEn \"koncentrerad kopp kaffe\" väcker dina ögon på några sekunder!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"caf-hero-subtitle\"\u003e\n                Oavsett hur mycket du sover i 8 timmar, ser du fortfarande trött ut?Concealer klumpar och täcker inte mörkret? \n                \u003cstrong style=\"color: #fff;\"\u003eProblemet är inte antalet timmar du sover, problemet är blodcirkulationen under dina ögon.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem --\u003e\n\u003cdiv class=\"caf-glass-box caf-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003eVarför misslyckas vanliga ögonkrämer?\u003c\/h2\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 1.1rem; line-height: 1.8;\"\u003e\n                De flesta ögonkrämer återfuktar bara ytan.Men mörkret du ser är faktiskt \"överfyllt blod\" på grund av dålig cirkulation, och svullnaden är bara \"instängd vätska\" under den mycket tunna huden under ögat.Fuktgivande ensam kommer inte att lösa detta strukturella problem.\n            \u003c\/p\u003e\n\u003cdiv style=\"border-top: 1px dashed var(--caf-border); padding-top: 25px; margin-top: 25px;\"\u003e\n\u003cp style=\"color: var(--caf-gold-light); font-size: 1.25rem; font-weight: bold;\"\u003eDirekt medicinsk lösning: Koffeinlösning 5 % + EGCG\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem; margin-top: 10px;\"\u003e\n                    Du behöver ingen fuktkräm.Du behöver ett biologiskt stimulerande medel som drar vätska och löser upp pigmentering med kraften av höga koncentrationer av The Ordinary.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The Synergy UVP (The Golden Equation) --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eEkvationen som chockade hudläkare\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted); margin-bottom: 20px;\"\u003eHemligheten bakom den enorma effektiviteten ligger i kombinationen av de två mest kraftfulla ingredienserna i ögonvårdsvärlden:\u003c\/p\u003e\n\u003cdiv class=\"caf-synergy-box caf-reveal\"\u003e\n\u003cdiv class=\"caf-synergy-equation\"\u003e\n\u003cdiv class=\"caf-synergy-item\"\u003e\n\u003ch3 style=\"color: var(--caf-gold-light); font-size: 1.5rem; margin-bottom: 10px;\"\u003e☕ Koffein 5 %\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eDen ensam drar ut kvarhållna vätskor, drar ihop blodkärlen och lindrar svullnader på morgonen omedelbart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-plus\"\u003e+\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-item\" style=\"border-color: var(--caf-tea-green);\"\u003e\n\u003ch3 style=\"color: var(--caf-tea-green); font-size: 1.5rem; margin-bottom: 10px;\"\u003e🌿EGCG grönt te\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eDet lättar bara upp mörk pigmentering under huden och skyddar mot oxidation som orsakar brun och blå färg.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-result\"\u003e\n                = Den mäktigaste duon i världen för att radera cirklar och svullnader som om de aldrig funnits!\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Clinical Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eSiffror talar för sig själva\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted);\"\u003eBaserat på kliniska användarutvärderingar efter 6 veckors regelbunden användning:\u003c\/p\u003e\n\u003cdiv class=\"caf-stats-wrap caf-reveal\"\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e87%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eMärkbar minskning av mörka ringar och pigmentering\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e92%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eReducerar radikalt svullnader och påsar under ögonen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-item\"\u003e\n\u003cdiv class=\"caf-stat-num\"\u003e95%\u003c\/div\u003e\n\u003cdiv class=\"caf-stat-desc\"\u003eÖkad lyster och glöd i hela ögonområdet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Benefits Grid --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eVad kommer \"koffeinserumet\" att göra för dina ögon?\u003c\/h2\u003e\n\u003cdiv class=\"caf-grid\"\u003e\n\u003cdiv class=\"caf-card caf-reveal\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e👁️\u003c\/div\u003e\n\u003ch3\u003eUppackning på morgonen\u003c\/h3\u003e\n\u003cp\u003eFarväl till svullna ögon när du vaknar.Högkoncentration av koffein stimulerar lymfdränage för att tömma instängd vätska på några minuter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal caf-delay-1\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e🔆\u003c\/div\u003e\n\u003ch3\u003eÄrftlig pigmenteringselasticitet\u003c\/h3\u003e\n\u003cp\u003eRent EGCG-extrakt från gröna teblad riktar sig mot melanin och antioxidanter för att märkbart förena och ljusa upp färgen på ögonområdet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal caf-delay-2\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eSkyddssköld mot hängning\u003c\/h3\u003e\n\u003cp\u003eDen antioxidantberikade formeln skyddar det mycket känsliga kollagenet runt ögonen från nedbrytning på grund av skärmar och föroreningar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-card caf-reveal\"\u003e\n\u003cdiv class=\"caf-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003ePerfekt blending concealer\u003c\/h3\u003e\n\u003cp\u003eTack vare sin lätta konsistens och snabba absorption fungerar den som en idealisk primer som förhindrar att concealern klumpar sig eller strimlar under ögonen under hela dagen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline of Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eFörvandlingens resa: från utmattning till friskhet\u003c\/h2\u003e\n\u003cdiv class=\"caf-timeline caf-reveal\"\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eEfter första användningen\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eOmedelbar känsla av kylning och lätt åtstramning.En snabb reträtt från morgonens svullnader och du tittar dig i spegeln och finner dina ögon helt \"vakna\".\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eEfter två veckor\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eDen mörkt blåaktiga\/bruna färgen börjar blekna.Ögonkonturen ser ljusare ut och mängden concealer du behöver minskar gradvis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--caf-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eEfter en hel månad\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eEn verklig förvandling i utseendet av trötthet.Envisa cirklar förminskas märkbart och ögonkonturen är åtdragen, klar och återspeglar hälsa och fräschör.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Usage Guide --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eEnkla steg för fantastiska resultat\u003c\/h2\u003e\n\u003cdiv class=\"caf-steps-wrap caf-reveal\"\u003e\n\u003cdiv class=\"caf-step-box\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eStädning\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eTvätta ansiktet väl och se till att ögonområdet är helt torrt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-1\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eEn droppe\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eApplicera maximalt en till två droppar på fingertopparna (en liten mängd räcker långt).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-2\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003ePlumpighet\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eApplicera serumet lätt (inifrån och ut) runt ögonbenet tills det absorberas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-step-box caf-delay-3\"\u003e\n\u003cdiv class=\"caf-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px;\"\u003eKontinuitet\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eAnvänd den två gånger dagligen (morgon och kväll).Följ med en lätt ögonfuktighetskräm vid behov.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"caf-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(--caf-border);\"\u003e\n\u003ch2 class=\"caf-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eLåt inte tröttheten stjäla skönheten i dina ögon!\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                Istället för att spendera dina pengar på en ny concealer som kommer att dölja problemet, investera i en vetenskaplig formel som behandlar problemet från rötterna.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--caf-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--caf-gold-glow);\"\u003e\n                Beställ originalet koffeinserum 5% + EGCG nu och återställ dina ögon till deras verkliga lyster!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Scroll Reveal Animation Logic\n            var reveals = document.querySelectorAll('.caf-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('caf-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('caf-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Caffeine Drops\n            var ambientContainer = document.getElementById('caf-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('caf-particle');\n                \n                var size = Math.random() * 30 + 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":"the ordinary","offers":[{"title":"Default Title","offer_id":40639739134149,"sku":"INSTA0542CHIQ","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarycaffeinesolution.jpg?v=1702042424"},{"product_id":"the-ordinary-peeling-solution","title":"The Ordinary AHA 30% + BHA 2% Peeling Solution - 10-minuters exfolierande ansiktsbehandling","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 alt=\"Den vanliga syraskrubben\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Orinary-AHA-BHA_egypt.webp?v=1745951507\"\/\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eDen kemiska peelingen som kommer att bli av med alla problem du möter i din hud\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Instant Results Section --\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003eOmedelbara resultat!\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 fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 17V21\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 3V7\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M17 12H21\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M3 12H7\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M16 16L18.5 18.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M5.5 5.5L8 8\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M16 8L18.5 5.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M5.5 18.5L8 16\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eOmedelbar utstrålning\u003c\/h3\u003e\n\u003cp\u003eGlödande och strålande hud direkt efter att du tvättat bort skrubben\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" 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-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eOmedelbar ljusning\u003c\/h3\u003e\n\u003cp\u003eLjusar omedelbart upp huden och förenar märkbart dess färg\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" 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-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M9 10H9.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M15 10H15.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eOmedelbar fräschör\u003c\/h3\u003e\n\u003cp\u003eAvslöjar omedelbart fräsch, ungdomlig hud gömd under döda hudceller\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-result-item\"\u003e\n\u003cdiv class=\"instant-icon\"\u003e\n\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M3.27 6.96L12 12.01L20.73 6.96\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 22.08V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\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-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eRengör porerna\u003c\/h3\u003e\n\u003cp\u003eRengör porerna på djupet och tar bort pormaskar omedelbart\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-message\"\u003e\n\u003cp\u003eEfter att du tvättat bort lösningen från din hud kommer du att bli förvånad över dess utseende!Du kommer att upptäcka att död hud täckte ett fräscht, ungdomligt lager och du hindrade det från att dyka upp.Låt inte din döda hud visa din hy!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits List --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eViktiga fördelar\u003c\/h2\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eAtt bli av med döda hudceller på huden\u003c\/li\u003e\n\u003cli\u003eDjup hudexfoliering och rengöring\u003c\/li\u003e\n\u003cli\u003eLjus upp huden och förena dess färg\u003c\/li\u003e\n\u003cli\u003eÅterfuktar huden och gör den mer elastisk och smidig\u003c\/li\u003e\n\u003cli\u003eDen renar huden från orenheter och gör den renare\u003c\/li\u003e\n\u003cli\u003eGör huden ljusare och glödande\u003c\/li\u003e\n\u003cli\u003eBehandlar fina linjer och rynkor i huden\u003c\/li\u003e\n\u003cli\u003eRenar hudens tilltäppta porer\u003c\/li\u003e\n\u003cli\u003ePerfekt för att förbättra hudens struktur\u003c\/li\u003e\n\u003cli\u003eIdealisk för alla hudtyper utom känslig hud\u003c\/li\u003e\n\u003cli\u003eOljefri\u003c\/li\u003e\n\u003cli\u003eAlkohol- och silikonfri\u003c\/li\u003e\n\u003cli\u003eHjälper till att behandla akne och ärr\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 class=\"section-title\"\u003eHur fungerar det?\u003c\/h2\u003e\n\u003cdiv class=\"ingredients\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eGlykolsyra\u003c\/h3\u003e\n\u003cp\u003eGlykolsyra är en typ av alfahydroxisyra (AHA).Den exfolierar huden genom att bryta upp och ta bort bindningarna mellan gamla och döda hudceller.Detta främjar hudens regenerering och förbättrar dess struktur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eMjölksyra\u003c\/h3\u003e\n\u003cp\u003eDenna andra AHA-syra bidrar till att förbättra hudens struktur och göra den ljusare.Det fungerar på liknande sätt som glykolsyra för att exfoliera och mjukgöra huden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eSalicylsyra\u003c\/h3\u003e\n\u003cp\u003eDetta är en betahydroxisyra (BHA) och anses vara ett oljelösningsmedel.Salicylsyra kan sippra in i porerna och rena dem från olja och föroreningar.Det fungerar också för att minska pormaskar och whiteheads och förbättra utseendet på porer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eNatriumhyaluronat\u003c\/h3\u003e\n\u003cp\u003eDenna hyaluronsubstans är en del av hyaluronkomplexet.Den har förmågan att attrahera och behålla vatten, vilket hjälper till att återfukta huden och få den att se fylligare och slätare ut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003ch3\u003eVerpolyzin (Tasmanian Pepperberry)\u003c\/h3\u003e\n\u003cp\u003eDetta växtextrakt används för att minska trängsel och hudirritation.Det kan ha en lugnande effekt på huden och hjälpa till att lindra allergier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-visual\"\u003e\n\u003cimg alt=\"Den vanliga syraskrubben\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_aha_bha_peeling_solution_egypt.png?v=1745951545\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline - Simplified --\u003e\n\u003cdiv class=\"results-journey-simple\"\u003e\n\u003ch2 class=\"section-title\"\u003eHudförvandlingsresa\u003c\/h2\u003e\n\u003cdiv class=\"timeline-simple\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eOmedelbart\u003c\/div\u003e\n\u003ch3\u003eOmedelbara resultat\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eOmedelbar lyster och glödande hud\u003c\/li\u003e\n\u003cli\u003eJämnande hudstruktur\u003c\/li\u003e\n\u003cli\u003eRengör porerna och ta bort pormaskar\u003c\/li\u003e\n\u003cli\u003eSmidigare och fräschare hud\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eEfter en vecka\u003c\/div\u003e\n\u003ch3\u003eDen fantastiska starten\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eMärkbar ljusare hudton\u003c\/li\u003e\n\u003cli\u003eEn synlig minskning av porstorleken\u003c\/li\u003e\n\u003cli\u003eBörjan på en förbättring av effekterna av akne\u003c\/li\u003e\n\u003cli\u003eMinska rodnad och inflammation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eEfter två veckor\u003c\/div\u003e\n\u003ch3\u003eMärkbar förbättring\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eBörjar ljusna upp mörk pigmentering\u003c\/li\u003e\n\u003cli\u003eBättre hudton\u003c\/li\u003e\n\u003cli\u003eBetydande minskning av aktiv akne\u003c\/li\u003e\n\u003cli\u003eFörbättrar hudens struktur och ökar dess släthet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eEfter en månad\u003c\/div\u003e\n\u003ch3\u003eRadikal förändring\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eMärkbar ljusning av acneärr\u003c\/li\u003e\n\u003cli\u003eMärkbart försvinnande av pigmentering\u003c\/li\u003e\n\u003cli\u003eMindre och renare porer\u003c\/li\u003e\n\u003cli\u003eHelt förnyad hud\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"time-badge\"\u003eEfter två månader\u003c\/div\u003e\n\u003ch3\u003ePerfekt hud\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eFullständig ljusning av envis pigmentering och mörka fläckar\u003c\/li\u003e\n\u003cli\u003eNästan fullständigt försvinnande av gamla akneärr\u003c\/li\u003e\n\u003cli\u003eFörenar hudtonen perfekt\u003c\/li\u003e\n\u003cli\u003eSynlig förbättring av fina linjer och rynkor\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Table --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBättre än fysiska scrubs och peelingsessioner!\u003c\/h2\u003e\n\u003cp class=\"comparison-intro\"\u003ePeeling med fruktsyror ger dig bättre resultat än peelingsessioner i de dyraste skönhetssalongerna från ditt hem, och till en fjärdedel av kostnaden\u003c\/p\u003e\n\u003cdiv class=\"comparison-table\"\u003e\n\u003ctable dir=\"ltr\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eFysisk peeling\u003c\/th\u003e\n\u003cth\u003eKemisk peeling\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDen förlitar sig på grova material eller mekaniska verktyg för att ta bort den övre huden.\u003c\/td\u003e\n\u003ctd\u003eDen använder speciella kemikalier för att ta bort det översta hudlagret.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDet kan vara smärtsamt och orsaka hudirritation.\u003c\/td\u003e\n\u003ctd\u003eIdealisk för alla hudtyper\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDet kan lämna permanenta märken och pigmentering på huden.\u003c\/td\u003e\n\u003ctd\u003eBehandlar hudproblem som fläckar och pigmentering och förbättrar hudens struktur och struktur.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDet kräver tid att läka och återställa huden.\u003c\/td\u003e\n\u003ctd\u003eDen har en snabb läkningstid och lämnar inga rester  \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSessioner kräver en betydande mängd tid och kostar en betydande summa pengar per session\u003c\/td\u003e\n\u003ctd\u003e Spara tid och pengar.Paketet räcker i mer än 8 månader\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\u003c!-- Reviews Section --\u003e\n\u003cdiv class=\"reviews-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAnvändarnas åsikter om The Ordinary acid peeling\u003c\/h2\u003e\n\u003cdiv class=\"reviews-slider\"\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eAnvändare håller med om att den här skrubben från The Ordinary är bra för att bli av med akne och fungerar som magi.Lyser upp huden och lämnar den mjuk och silkeslen.Den enda nackdelen med denna produkt är att den brinner lite ibland.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eAnvändare har bekräftat att det är en idealisk ansiktsexfoliator för veckovis användning.Det bränner lite till en början, men det har betydande huduppljusande egenskaper och en stor skillnad i pigmentering kan ses efter användning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eEn användare sa att den här produkten är fantastisk och avsevärt har minskat hennes akne såväl som hennes pormaskar och finnar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eEn användare rapporterade att hon applicerar detta en gång i veckan och har sett en märkbar förbättring av pigmentering, samt en minskning av porstorleken.Det är väldigt lätt doftande och väldigt flytande och du behöver bara lite av det, så 30ml kan hålla länge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-item\"\u003e\n\u003cdiv class=\"review-quote\"\u003e\"\u003c\/div\u003e\n\u003cp\u003eEn användare sa att det är en bra produkt för att ta bort döda hudceller.Lämnar huden mjukare.Jag såg en enorm förbättring av min hudton och enhetlighet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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\u003cstyle\u003e\n\/* Base Styles *\/\n.peeling-container {\n  direction: ltr;\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":40639760564421,"sku":"INSTA0545CHIQ","price":740.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Theordinarypeelingsolutionahabha..jpg?v=1698236228"},{"product_id":"the-ordinary-lactic-acid-30ml","title":"The Ordinary Lactic Acid 5% + HA - Gentle Peeling \u0026 Hydration Serum - 30ml","description":"\u003cstyle\u003e\n  .ordinary-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n    direction: ltr;\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 10s 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: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1.2s 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.6em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.5em;\n    color: #666;\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n    line-height: 1.4;\n  }\n\n  .pharaoh-intro {\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: 20px;\n    position: relative;\n  }\n\n  .pharaoh-intro::before {\n    content: '👑';\n    position: absolute;\n    top: 20px;\n    left: 30px;\n    font-size: 2em;\n    opacity: 0.3;\n  }\n\n  .pharaoh-intro h2 {\n    color: #9C8102;\n    font-size: 2.2em;\n    margin-bottom: 25px;\n  }\n\n  .pharaoh-intro p {\n    font-size: 1.2em;\n    line-height: 1.8;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .why-lactic-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .comparison-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .comparison-card {\n    background: white;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.4s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .comparison-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .comparison-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    border-color: #dfb919;\n  }\n\n  .comparison-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n    text-align: center;\n  }\n\n  .comparison-title {\n    color: #9C8102;\n    font-size: 1.4em;\n    font-weight: 700;\n    margin-bottom: 15px;\n    text-align: center;\n  }\n\n  .comparison-description {\n    color: #666;\n    font-size: 1.05em;\n    line-height: 1.7;\n    text-align: center;\n  }\n\n  .benefits-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 35px;\n    margin-top: 40px;\n  }\n\n  .benefit-card {\n    background: white;\n    padding: 35px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.4s 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: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    border-color: #9C8102;\n  }\n\n  .benefit-icon {\n    font-size: 3.5em;\n    margin-bottom: 20px;\n    display: block;\n    text-align: center;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .benefit-subtitle {\n    color: #999;\n    font-size: 1.1em;\n    font-weight: 600;\n    margin-bottom: 15px;\n    text-align: center;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 1.05em;\n    line-height: 1.7;\n    text-align: left;\n  }\n\n  .gentle-formula-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .formula-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .formula-image {\n    max-width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .formula-info {\n    background: #f8f9fa;\n    padding: 40px;\n    border-radius: 20px;\n    border: 1px solid #e9ecef;\n  }\n\n  .formula-feature {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    margin: 20px 0;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n  }\n\n  .formula-feature h4 {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .science-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .science-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .science-image {\n    max-width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .science-info {\n    background: white;\n    padding: 40px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .science-info::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .ph-meter {\n    background: linear-gradient(90deg, #ff4757, #ffa502, #2ed573);\n    height: 20px;\n    border-radius: 10px;\n    position: relative;\n    margin: 20px 0;\n  }\n\n  .ph-indicator {\n    position: absolute;\n    top: -5px;\n    left: 20%;\n    width: 30px;\n    height: 30px;\n    background: #9C8102;\n    border-radius: 50%;\n    border: 3px solid white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n  }\n\n  .ph-label {\n    text-align: center;\n    margin-top: 10px;\n    font-weight: 700;\n    color: #9C8102;\n  }\n\n  .ingredients-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .ingredients-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .ingredient-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    text-align: center;\n  }\n\n  .ingredient-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  .ingredient-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .ingredient-name {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .usage-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .usage-card {\n    background: white;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .usage-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .usage-title {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 20px;\n    text-align: center;\n  }\n\n  .usage-steps {\n    list-style: none;\n    padding: 0;\n  }\n\n  .usage-steps li {\n    padding: 12px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-right: 35px;\n  }\n\n  .usage-steps li::before {\n    content: attr(data-step);\n    position: absolute;\n    right: 0;\n    top: 12px;\n    width: 25px;\n    height: 25px;\n    border-radius: 50%;\n    background: #9C8102;\n    color: white;\n    text-align: center;\n    line-height: 25px;\n    font-size: 0.85em;\n    font-weight: 700;\n  }\n\n  .warning-card {\n    background: #fff3cd;\n    border: 2px solid #ffeaa7;\n    padding: 25px;\n    border-radius: 15px;\n    margin-top: 20px;\n  }\n\n  .warning-title {\n    color: #856404;\n    font-weight: 700;\n    margin-bottom: 15px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .warning-list {\n    list-style: none;\n    padding: 0;\n  }\n\n  .warning-list li {\n    padding: 8px 0;\n    position: relative;\n    padding-right: 25px;\n    color: #856404;\n  }\n\n  .warning-list li::before {\n    content: '⚠️';\n    position: absolute;\n    right: 0;\n    top: 8px;\n  }\n\n  .skin-types-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .skin-types-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .skin-type-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    text-align: center;\n  }\n\n  .skin-type-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  .skin-type-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .skin-type-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .results-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .results-timeline {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .result-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    text-align: center;\n    position: relative;\n  }\n\n  .result-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  .result-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  .result-period {\n    color: #9C8102;\n    font-weight: 700;\n    font-size: 1.2em;\n    margin-bottom: 15px;\n  }\n\n  .before-after-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .before-after-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .before-after-card {\n    text-align: center;\n    background: white;\n    padding: 20px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n  }\n\n  .before-after-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n  }\n\n  .before-after-image {\n    max-width: 100%;\n    border-radius: 15px;\n    margin-bottom: 15px;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 80px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cta-section::before {\n    content: '🏺';\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    font-size: 3em;\n    opacity: 0.1;\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 18px 45px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.3em;\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 25px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px 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.4em;\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.4em;\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: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100px;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    border-radius: 2px;\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 100px; }\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: 3px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 50px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n    border-radius: 2px;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  .ingredients-list {\n    background: #f8f9fa;\n    padding: 25px;\n    border-radius: 15px;\n    margin-top: 20px;\n    border: 1px solid #e9ecef;\n  }\n\n  .ingredients-list h4 {\n    color: #9C8102;\n    margin-bottom: 15px;\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2.2em; }\n    .section-title { font-size: 2em; }\n    .comparison-grid, .benefits-grid, .ingredients-grid, .usage-grid, .skin-types-grid, .results-timeline, .before-after-grid {\n      grid-template-columns: 1fr;\n    }\n    .formula-content, .science-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"ordinary-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"The Ordinary Lactic Acid 10% + HA\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_HA.webp?v=1749661210\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eSkönhetshemligheten som används av faraonerna... i en modern, avancerad formel\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Pharaoh Introduction --\u003e\n\u003cdiv class=\"pharaoh-intro\"\u003e\n\u003ch2\u003eEn av drottningarnas hemligheter för din hud\u003c\/h2\u003e\n\u003cp\u003eDe forntida egyptierna var de första som upptäckte mjölksyrans magi för att bibehålla ungdomlig och fräsch hud.Cleopatra själv brukade bada i sur mjölk för att behålla sin legendariska skönhet.Och idag, \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e Han gav dig samma faraoniska hemlighet i en avancerad vetenskaplig formel med en koncentration på 10 % med hyaluronsyra.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Why Lactic Acid Section --\u003e\n\u003cdiv class=\"why-lactic-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eVarför är mjölksyra det perfekta valet?\u003c\/h2\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003cspan class=\"comparison-icon\"\u003e🧬\u003c\/span\u003e\n\u003ch3 class=\"comparison-title\"\u003eAlla syror är inte lika\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eMjölksyra är en av de skonsammaste syrorna på känslig hud, eftersom det är en av de naturliga syror som redan finns i din kropp.Detta gör att det fungerar skonsamt, men med dubbel kraft av andra syror.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n\u003cspan class=\"comparison-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"comparison-title\"\u003ePerfekt och säkert fokus\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eEn koncentration på 10% är den optimala gränsen som ger tydliga resultat utan irritation eller överdriven känslighet.pH-nivån på 3,8 är vetenskapligt kontrollerad för att säkerställa maximal effektivitet med minimala biverkningar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eFördelar som helt kommer att förändra utseendet på din hud\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🎯\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eNummer ett akne fighter\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eDen behandlar det befintliga och förhindrar det nya\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eMjölksyra exfolierar varsamt död hud genom att bryta de bindningar som binder döda celler.Detta öppnar tilltäppta porer och förhindrar bildandet av nya finnar.Studier har visat att mjölksyra minskar akneinfektioner med upp till 90 %, vilket gör den kompatibel med andra aknemediciner som retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e⏰\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eEn tidsmaskin för din hud\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eDitt utseende kommer att skilja sig från din ålder\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eI höga koncentrationer tränger mjölksyra in i hudens djupare lager och stimulerar naturlig kollagenbildning.Resultatet?Cellförnyelse, huduppstramning och tjocklek ökar, vilket gör att fina rynkor försvinner och din hud ser år yngre ut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eFantasifull återfuktning utan fett\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eFuktigheten som stannar med dig hela dagen\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eMjölksyra exfolierar inte bara, den återfuktar också huden på djupet och gör den mjuk och elastisk.Denna formel stöds av\u003cstrong\u003eHyaluronsyra\u003c\/strong\u003e Den drar 1 000 gånger sin vikt i vatten och skapar en fuktbarriär som säkerställer långvarig återfuktning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eFörenande hudton och raderar pigmentering\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eKlar, enhetlig hud som en spegel\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eMjölksyra arbetar för att minska melaninproduktionen i mörka områden, och detta hjälper till att ljusna pigmentering, finnarmärken och mörka fläckar.Resultatet är naturligt jämn och strålande hud.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gentle Formula Section --\u003e\n\u003cdiv class=\"gentle-formula-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eMild formula för känslig hud\u003c\/h2\u003e\n\u003cdiv class=\"formula-content\"\u003e\n\u003cdiv class=\"formula-info animate-on-scroll\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eDet tasmanska pepparbäret: den naturliga väktaren\u003c\/h4\u003e\n\u003cimg alt=\"Tasmanian Pepperberry\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/tasmanian-pepperberry-banner_48681ebd-6dc6-4450-80cd-206effbd0d2d.webp?v=1749661271\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\/\u003e\n\u003cp\u003eFormulan innehåller tasmanskt pepparbärsextrakt, vilket är ett naturligt antiinflammatoriskt medel som minskar rodnad och irritation som kan uppstå med exfolierande produkter.Detta gör produkten lämplig även för mycket känslig hud.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eLätt vattenbaserad formula\u003c\/h4\u003e\n\u003cimg alt=\"Product Texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-lactic-acid-10pct-ha-30ml-swatch.webp?v=1749661271\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\/\u003e\n\u003cp\u003eDen lätta, vattniga konsistensen gör att produkten absorberas snabbt utan att lämna en fet eller klibbig känsla, vilket gör den idealisk för torr hud som behöver återfukta utan att tynga.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eVetenskapen bakom effektiviteten\u003c\/h2\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cimg alt=\"Science Behind Effectiveness\" class=\"science-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_lactic_acid_ha_2.webp?v=1749661364\"\/\u003e\n\u003cdiv class=\"science-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eIdealisk pH-balans\u003c\/h3\u003e\n\u003cdiv class=\"ph-meter\"\u003e\n\u003cdiv class=\"ph-indicator\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-label\"\u003epH 3,8 - perfekt balans\u003c\/div\u003e\n\u003cp style=\"margin: 25px 0;\"\u003epH på 3,8 justeras exakt för att matcha mjölksyrans pKa.Detta nummer är väldigt viktigt eftersom det säkerställer den optimala balansen mellan salt och syra, och det är detta som säkerställer att syran når huden effektivt och uppnår effektiv peeling som kan användas dagligen.\u003c\/p\u003e\n\u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eBalanserad formula för dagligt bruk\u003c\/h4\u003e\n\u003cp\u003eTill skillnad från andra syror som kräver intermittent användning, är mjölksyran i denna formula designad för att vara skonsam nog för daglig användning samtidigt som den fortfarande är effektiv.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eAktiva ingredienser\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🧪\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eMjölksyra (10%)\u003c\/h3\u003e\n\u003cp\u003eSkonsam och effektiv exfoliering av hudens yta\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eNatriumhyaluronat\u003c\/h3\u003e\n\u003cp\u003eDjup och intensiv återfuktning\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eTasmanska pepparbär\u003c\/h3\u003e\n\u003cp\u003eLugnande och antiinflammatorisk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3 class=\"ingredient-name\"\u003eGlycerin\u003c\/h3\u003e\n\u003cp\u003eExtra återfuktning och hudbarriärskydd\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n\u003ch4\u003eFullständig lista över ingredienser:\u003c\/h4\u003e\n\u003cp style=\"font-size: 0.9em; color: #666; line-height: 1.6;\"\u003eAqua (Water), Lactic Acid, Glycerin, Pentylene Glycol, Propanediol, Sodium Hydroxide, Sodium Hyaluronate Crosspolymer, Tasmannia Lanceolata Fruit\/Leaf Extract, Acacia Senegal Gum, Xanthan Gum, Isoceteth-20, Trisodium Ethylenediamine Disuccinate, Ethylhexylglycerin, 1,2-Hexanediol, Caprylyl Glycol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eHur man använder för bästa resultat\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003ePerfekt timing ⏰\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"padding: 10px 0; border-bottom: 1px solid #f0f0f0;\"\u003e\u003cstrong\u003eAnvänd den endast en gång om dagen på natten\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"padding: 10px 0;\"\u003eBörja med 3 gånger i veckan och öka gradvis allt eftersom din hud accepterar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003eRätt sätt 📋\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eRengör ansiktet väl med lämplig rengöring\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eApplicera ett tunt lager av produkten på torr hud\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eUndvik området runt ögonen\u003c\/li\u003e\n\u003cli data-step=\"4\"\u003eVänta 10-15 minuter och applicera sedan fuktighetskräm\u003c\/li\u003e\n\u003cli data-step=\"5\"\u003e\u003cstrong\u003eDu bör använda SPF 30+ solskyddsmedel nästa dag\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003cdiv class=\"warning-card\"\u003e\n\u003ch4 class=\"warning-title\"\u003e⚠️ Viktiga varningar\u003c\/h4\u003e\n\u003cul class=\"warning-list\"\u003e\n\u003cli\u003eAnvänd den inte med andra produkter som innehåller syror samtidigt\u003c\/li\u003e\n\u003cli\u003eAnvänd inte med retinol samma natt\u003c\/li\u003e\n\u003cli\u003eSluta använda om allvarlig irritation uppstår\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"skin-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eIdealisk för alla hudtyper\u003c\/h2\u003e\n\u003cdiv class=\"skin-types-grid\"\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003eTorr hud\u003c\/h3\u003e\n\u003cp\u003eDen är bäst lämpad för det på grund av dess fuktgivande egenskaper\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003eNormal hud\u003c\/h3\u003e\n\u003cp\u003eDet ger den extra mjukhet och fräschör\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🎨\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003eHud med pigmentering\u003c\/h3\u003e\n\u003cp\u003eDet kommer att förena sin färg och rena den\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n\u003cspan class=\"skin-type-icon\"\u003e🪨\u003c\/span\u003e\n\u003ch3 class=\"skin-type-title\"\u003eHud som lider av en sträv konsistens\u003c\/h3\u003e\n\u003cp\u003eDet mjukar upp den och förbättrar dess konsistens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eTidslinje för synliga resultat\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center; margin: 30px 0;\"\u003e\n\u003cimg alt=\"Expected Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Light_Blue_Natural_Cosmetics_Skin_Care_Instagram_Post_1_1024x1024.png?v=1636194582\" style=\"max-width: 400px; width: 100%; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eEfter en vecka\u003c\/div\u003e\n\u003cp\u003eJämnare konsistens och synlig fräschör\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eEfter två veckor\u003c\/div\u003e\n\u003cp\u003eFörbättring av porer och enhetlig hudton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eEfter en månad\u003c\/div\u003e\n\u003cp\u003eSynlig minskning av pigmentering och fina linjer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eEfter två månader\u003c\/div\u003e\n\u003cp\u003eHelt föryngrad och yngre hud\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Before\/After Section --\u003e\n\u003cdiv class=\"before-after-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\" style=\"color: #9C8102;\"\u003eFöre och efter\u003c\/h2\u003e\n\u003cdiv class=\"before-after-grid\"\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 1\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/l6s6p07sab751_480x480.jpg?v=1636189193\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 2\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/f05a2a5bee88c842c1f1c516736f0766_480x480.jpg?v=1636192405\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n\u003cimg alt=\"Before After 3\" class=\"before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SR_A__BA_2000x2000_300dpi_1800x1800_0b68a680-ec16-4050-a8b2-acf210aea6a8_480x480.jpg?v=1636195250\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"animate-on-scroll\"\u003e\n\u003ch2 style=\"color: white; font-size: 2.2em; margin-bottom: 20px;\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin: 25px 0; color: #d4af37;\"\u003eBörja din resa mot dina drömmars hud med samma hemlighet som gjorde Cleopatra till historiens vackraste drottning.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSkaffa den faraoniska hemligheten nu\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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 comparison cards\n  const comparisonObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.comparison-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('.why-lactic-section').forEach(section =\u003e {\n    comparisonObserver.observe(section);\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 * 300);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate ingredient cards\n  const ingredientsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.ingredient-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('.ingredients-section').forEach(section =\u003e {\n    ingredientsObserver.observe(section);\n  });\n\n  \/\/ Animate skin type cards\n  const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.skin-type-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('.skin-types-section').forEach(section =\u003e {\n    skinTypesObserver.observe(section);\n  });\n\n  \/\/ Animate result cards\n  const resultsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.result-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('.results-section').forEach(section =\u003e {\n    resultsObserver.observe(section);\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":"the ordinary","offers":[{"title":"Default Title","offer_id":40124296298693,"sku":"INSTA0557CHIQ","price":740.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Theordinarylacticacid.jpg?v=1627189462"},{"product_id":"the-ordinary-hyaluronic-acid","title":"The Ordinary Hyaluronic Acid 2% + B5 - Hydrating \u0026 Plumping Serum - 30ml","description":"\u003ch3 class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eRynkor är inte bara linjer, de är ett nödrop\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDin hud skriker efter att förlora sin fräschör, och varje dag som går utan behandling gör problemet djupare och svårare att vända.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eVisste du att för tidiga rynkor inte bara är en naturlig förändring?Det är snarare ett bevis på en försämring av din huds vitala fuktbarriär.Dessa linjer är inte bara passerande märken;De är varningar om att din hud börjar förlora sin förmåga att behålla fukt och elasticitet.För varje dag som går utan effektiv återfuktning blir dessa märken djupare och svårare att behandla.Kom ihåg att rynkor börjar dyka upp när huden saknar ordentlig vård;Eventuell brist på fukt kan förvandlas till linjer och rynkor som inte försvinner lätt.Ge din hud den styrka den behöver med hyaluronsyra och återställ dess vitalitet innan det är för sent.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\"Varför låta din hud lida av törst?\"\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eOm din hud känns torr och saknar elasticitet och fräschör påverkar det inte bara ditt utseende;Det försvagar också dess förmåga att klara av miljöfaktorer och för tidigt åldrande.Torrhet är inte bara ett övergående tillstånd, det är en viktig faktor som leder till uppkomsten av fina linjer, matta fläckar och förlust av jämnhet.Det är här serum kommer in i bilden \u003cstrong\u003eHyaluronsyra 2% + B5\u003c\/strong\u003e Vem \u003cstrong\u003eThe Ordinary\u003c\/strong\u003e;Det är inte bara en vanlig fuktkräm, utan en avancerad vetenskaplig formula som arbetar djupt för att återställa balans och återfuktning till din hud från insidan och utsidan.\u003c\/p\u003e\n\u003ch3\u003eVetenskapen bakom djup hydrering\u003c\/h3\u003e\n\u003cp\u003eSerumet innehåller \u003cstrong\u003e5 typer av hyaluronsyra\u003c\/strong\u003e Med olika molekylvikter tillåter de att den når flera lager av huden.Kompositionen inkluderar låg-, medel- och högmolekylära syror, samt \u003cstrong\u003eHyaluronsyra-korspolymer\u003c\/strong\u003e Och\u003cstrong\u003eHydrolyserad hyaluronsyra\u003c\/strong\u003e.Denna molekylära mångfald gör att fukt fördelas effektivt över alla nivåer av huden, vilket hjälper till att fylla på torra områden och stödja hudens elasticitet och återställa fylligheten.\u003c\/p\u003e\n\u003ch3\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3\u003eCeramider: det sista bålverket mellan din hud och åldrande faktorer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNär hudbarriären bryts ner börjar din hud en oåterkallelig resa mot torrhet och förlust av lyster\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eUtan en stark barriär kommer varje fiende av din hud att invadera den skoningslöst. \u003c\/strong\u003eNormal hud innehåller \u003cstrong\u003eCeramider\u003c\/strong\u003e Som en väsentlig del av den skyddande barriären som håller kvar fukt och förhindrar att den försvinner.\u003c\/p\u003e\n\u003cp\u003eNär dessa ceramider går förlorade leder det till kollaps av hudbarriären, förlust av fukt och fräschör och utsätter huden för miljöfaktorer som orsakar åldrande.Utan detta stöd förvandlas huden till ett slagfält, där tecken på stress och åldrande accelererar.Kommer det att lämna din hud exponerad och sårbar för skador?\u003c\/p\u003e\n\u003cp\u003eSerumet innehåller en hög koncentration av ceramider som hjälper din hud att återställa sin skyddande sköld och förhindrar att skadliga ämnen tränger in i de djupare skikten av din hud. \u003c\/p\u003e\n\u003ch3\u003ePanthenol (Provitamin B5): Ytterligare stöd \u003c\/h3\u003e\n\u003cp\u003eFinns även i formel \u003cstrong\u003eProvitamin B5\u003c\/strong\u003e, som förbättrar bildandet av essentiella fettämnen som håller huden mjuk och återfuktad.Panthenol ger inte bara återfuktande fördelar, utan bidrar också till att stärka hudbarriären, minska fuktförlusten och hjälpa till att hålla din hud kontinuerligt fräsch och strålande.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eVarje droppe återuppbygger din hud inifrån\u003c\/h3\u003e\n\u003cp\u003eTack vare denna avancerade vetenskapliga formel uppnår serumet omedelbara resultat när det gäller att återfukta huden, och dess effekt fortsätter under lång tid för att bibehålla sin fräschör och naturliga lyster.Den lätta konsistensen och torra konsistensen gör detta serum till ett idealiskt val för alla hudtyper, speciellt för dem som letar efter effektiv återfuktning utan en klibbig känsla.\u003c\/p\u003e\n\u003ch3 class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cstrong\u003eHur man använder:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eApplicera några droppar i ansiktet morgon och kväll innan krämen.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eStorlek: 30 ml\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40124313272517,"sku":"INSTA0558CHIQ","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_60.jpg?v=1697108608"},{"product_id":"the-ordinary-buffet-anti-aging-serum-30ml","title":"The Ordinary Peptides and Hyaluronic Technology Serum för huden |Anti-aging |Omfattande hudföryngring","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  body {\n    color: #333;\n    line-height: 1.6;\n    background-color: white;\n    direction: ltr;\n  }\n  \n  .product-description {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n  \n  .section {\n    margin: 40px 0;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  \n  .section.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  \n  .title {\n    color: #9C8102;\n    font-size: 28px;\n    margin-bottom: 20px;\n    position: relative;\n    font-weight: 600;\n    text-align: center;\n    padding-bottom: 10px;\n  }\n  \n  .title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 50%;\n    transform: translateX(50%);\n    width: 60px;\n    height: 3px;\n    background-color: #9C8102;\n  }\n  \n  .subtitle {\n    color: #9C8102;\n    font-size: 22px;\n    margin-bottom: 15px;\n    font-weight: 600;\n  }\n  \n  .product-image {\n    width: 100%;\n    max-width: 600px;\n    height: auto;\n    margin: 20px auto;\n    display: block;\n    border-radius: 5px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease;\n  }\n  \n  .product-image:hover {\n    transform: scale(1.02);\n    box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n  }\n  \n  .description {\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    text-align: justify;\n  }\n  \n  .feature-card {\n    background-color: white;\n    border-radius: 8px;\n    padding: 20px;\n    margin-bottom: 20px;\n    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\n    transition: transform 0.3s ease;\n  }\n  \n  .feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 5px 20px rgba(156, 129, 2, 0.15);\n  }\n  \n  .feature-card-title {\n    color: #9C8102;\n    font-size: 18px;\n    margin-bottom: 10px;\n    font-weight: 600;\n  }\n  \n  \/* Timeline styles *\/\n  .timeline-container {\n    position: relative;\n    margin: 40px auto;\n    max-width: 800px;\n  }\n  \n  .timeline-track {\n    position: relative;\n    width: 100%;\n    height: 4px;\n    background-color: #e0e0e0;\n    border-radius: 4px;\n    margin: 50px 0;\n  }\n  \n  .timeline-progress {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    background-color: #9C8102;\n    border-radius: 4px;\n    width: 0;\n    transition: width 1s ease;\n  }\n  \n  .timeline-markers {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    margin-top: -14px;\n  }\n  \n  .timeline-marker {\n    position: relative;\n    width: 24px;\n    height: 24px;\n    background-color: white;\n    border: 2px solid #e0e0e0;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 2;\n  }\n  \n  .timeline-marker.active {\n    background-color: #9C8102;\n    border-color: #9C8102;\n  }\n  \n  .timeline-marker-label {\n    position: absolute;\n    top: -30px;\n    right: 50%;\n    transform: translateX(50%);\n    font-size: 14px;\n    font-weight: 600;\n    color: #777;\n    text-align: center;\n    white-space: nowrap;\n  }\n  \n  .timeline-marker.active .timeline-marker-label {\n    color: #9C8102;\n  }\n  \n  .timeline-content {\n    display: none;\n    background-color: #f8f8f8;\n    padding: 20px;\n    border-radius: 8px;\n    margin-top: 30px;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n  }\n  \n  .timeline-content.active {\n    display: block;\n  }\n  \n  .timeline-content h3 {\n    color: #9C8102;\n    margin-bottom: 15px;\n    font-size: 18px;\n  }\n  \n  .timeline-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-content li {\n    margin-bottom: 8px;\n    font-size: 14px;\n  }\n  \n  .highlight {\n    color: #9C8102;\n    font-weight: 600;\n  }\n  \n  .info-box {\n    background-color: #f8f8f8;\n    border-radius: 8px;\n    padding: 20px;\n    margin: 20px 0;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n  }\n  \n  .grid-container {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    margin: 30px 0;\n  }\n  \n  .grid-item {\n    flex: 1;\n    min-width: 250px;\n  }\n  \n  .usage-steps {\n    margin: 30px 0;\n  }\n  \n  .step {\n    display: flex;\n    margin-bottom: 20px;\n    align-items: center;\n  }\n  \n  .step-number {\n    width: 30px;\n    height: 30px;\n    background-color: #9C8102;\n    border-radius: 50%;\n    color: white;\n    text-align: center;\n    line-height: 30px;\n    margin-left: 15px;\n    flex-shrink: 0;\n  }\n  \n  .step-content {\n    flex: 1;\n  }\n  \n  .step h4 {\n    margin-bottom: 5px;\n    color: #444;\n  }\n  \n  .step p {\n    font-size: 14px;\n    color: #666;\n  }\n  \n  .divider {\n    height: 1px;\n    background-color: #e0e0e0;\n    margin: 40px 0;\n  }\n  \n  .peptide-box {\n    background-color: white;\n    border-radius: 8px;\n    padding: 25px;\n    margin-bottom: 25px;\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n    border-right: 4px solid #9C8102;\n  }\n  \n  .peptide-name {\n    color: #9C8102;\n    font-size: 20px;\n    margin-bottom: 12px;\n    font-weight: 600;\n  }\n  \n  .peptide-technical {\n    color: #888;\n    font-size: 14px;\n    margin-bottom: 15px;\n    font-style: italic;\n  }\n  \n  .peptide-effect {\n    margin-bottom: 15px;\n    line-height: 1.6;\n  }\n  \n  .ingredients-list {\n    font-size: 14px;\n    margin-top: 10px;\n    color: #666;\n    line-height: 1.5;\n  }\n  \n  .stat-container {\n    display: flex;\n    justify-content: space-around;\n    flex-wrap: wrap;\n    margin: 30px 0;\n  }\n  \n  .stat-item {\n    text-align: center;\n    padding: 20px;\n    width: 180px;\n    margin: 10px;\n  }\n  \n  .stat-number {\n    font-size: 42px;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 5px;\n  }\n  \n  .stat-label {\n    font-size: 14px;\n    color: #666;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003eEn revolutionerande upptäckt inom hudvårdsvärlden\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eThe Ordinary Multi-Peptide + HA Serum är inte bara en hudvårdsprodukt, det är en avancerad formula som förändrar vårt sätt att tänka på hudhälsa och föryngring.Denna avancerade formel kombinerar de senaste vetenskapliga innovationerna med de mest effektiva aktiva ingredienserna, för att ge din hud allt den behöver för att återställa sin ungdom och lyster.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003eVad är peptider och varför är de viktiga för huden?\u003c\/h2\u003e\n\u003cp class=\"description\"\u003ePeptider är korta kedjor av aminosyror, och är byggstenarna i hudproteiner som kollagen och elastin, som är ansvariga för hudens ungdomliga och fasta utseende.Peptider fungerar som signalmolekyler och hjälper till att stimulera produktionen av kollagen och andra viktiga proteiner i huden.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eThe Ordinary Multi-Peptide + HA Serum innehåller en avancerad blandning av fem vetenskapligt studerade peptidteknologier, plus hudvänliga aminosyror och flera hyaluronsyrakomplex.Denna kraftfulla kombination hjälper till att förbättra hudens elasticitet och fasthet och avsevärt minska uppkomsten av rynkor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section3\"\u003e\n\u003ch2 class=\"title\"\u003ePeptider i The Ordinary Multi-Peptide + HA Serum\u003c\/h2\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eMatrixyl™ 3000\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eAktiva ingredienser: palmitoyltetrapeptid-7 och palmitoyltripeptid-1\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ 3000 är ett populärt peptidkomplex som stimulerar kollagenproduktionen i huden.Detta komplex hjälper till att minska uppkomsten av fina linjer och rynkor genom att stödja viktiga strukturella komponenter i huden.Det anses vara ett av de mest effektiva anti-aging-medlen eftersom det uppmuntrar huden att producera mer kollagen och elastin, vilket hjälper till att fylla ut fina linjer och rynkor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eMatrixyl™ synthe'6™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eAktiv ingrediens: palmitoyltripeptid-38\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ synthe'6™ främjar produktionen av sex väsentliga komponenter i hudmatrisen, inklusive kollagen och elastin.Denna avancerade peptid hjälper till att förbättra hudens elasticitet och minska djupet av rynkor, särskilt i pannan och ögonområdena.Det förbättrar också hudens övergripande struktur och struktur, vilket förstärker dess ungdomliga och fasta utseende.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eSYN™-AKE\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eAktiv ingrediens: dipeptid diaminobutyroyl bensylamid diacetat\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eSYN™-AKE är en avancerad peptid som efterliknar effekten av ormgift och hämmar frisättningen av signalsubstanser som orsakar muskelsammandragningar.Detta hjälper till att slappna av ansiktsmusklerna och minska uppkomsten av \"dynamiska linjer\" som bildas med upprepade ansiktsuttryck som att le eller rynka pannan.Denna peptid är särskilt effektiv för att minska linjer i pannan och runt ögonen, vilket ger huden ett mjukare och mer avslappnat utseende.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eARGIRELOX™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eAktiva ingredienser: acetylhexapeptid-8 (Argireline) och pentapeptid-18\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eARGIRELOX™ är ett dubbelt peptidkomplex som kombinerar kraften hos Argireline och Leuphasyl-peptid.Det fungerar på samma sätt som Botox men utan injektionerna, vilket hämmar nervsignalerna som får musklerna att dra ihop sig.Detta komplex är särskilt effektivt för att minska uppkomsten av uttryckslinjer och dynamiska rynkor i områdena i pannan, mellan ögonbrynen och runt ögonen.Studier har visat att en kombination av dessa två peptider ger bättre resultat än att använda var och en av dem separat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-box\"\u003e\n\u003ch3 class=\"peptide-name\"\u003eRELISTASE™\u003c\/h3\u003e\n\u003cp class=\"peptide-technical\"\u003eAktiv ingrediens: acetylarginyltryptofyldifenylglycin\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eRELISTASE™ är en specialiserad peptid som förbättrar hudens elasticitet och fasthet.Denna peptid fokuserar på att främja elastinproduktion och skydda hudens elastiska fibrer, hjälper till att bekämpa slapphet och förbättra hudens fasthet.Det främjar också kollagensyntesen och skyddar befintliga fibrer från att brytas ner, vilket resulterar i fastare, mer ungdomlig hud.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003eHyaluronsyra: den idealiska partnern för peptider\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eMulti-Peptide + HA serum innehåller flera föreningar av hyaluronsyra, som är en kraftfull hudfuktighetskräm.Hyaluronsyra är inte som vilken vanlig fuktgivande ingrediens som helst;Det är det \u003cstrong\u003eEn superkraftig molekylär magnet som kan absorbera upp till 1 000 gånger sin vikt i vatten\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eTack vare dess olika stora partiklar kan hyaluronsyran i detta serum penetrera olika hudlager och ge djup och varaktig återfuktning.Denna djupa hydrering hjälper:\u003c\/p\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eFördelar med hyaluronsyra i serum:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eFyll huden och gör den fylligare och slätare\u003c\/li\u003e\n\u003cli\u003eMinskar omedelbart uppkomsten av fina linjer och rynkor\u003c\/li\u003e\n\u003cli\u003eFörbättrar hudens elasticitet och dess förmåga att behålla fukt\u003c\/li\u003e\n\u003cli\u003eFörbättra effektiviteten av peptider genom att tillhandahålla en idealisk miljö för deras verkan\u003c\/li\u003e\n\u003cli\u003eFörbättra absorptionen av andra aktiva ingredienser\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eHudföryngringsresa med Multi-Peptide + HA Serum\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eUpplev en hudförvandling med regelbunden användning.För varje steg blir huden yngre, fräschare och mer strålande!\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eOmedelbart - 1 vecka\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 2-4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 5-8\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 9-12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eOmedelbar - Vecka 1: Djup återfuktning och avslappning\u003c\/h3\u003e\n\u003cp\u003eOmedelbara resultat börjar tack vare hyaluronsyra, SYN-AKE och ARGIRELOX peptider som återfuktar huden och slappnar av ansiktsmusklerna.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eOmedelbar och djup återfuktning av huden\u003c\/li\u003e\n\u003cli\u003eLätt avslappning av ansiktsmusklerna minskar uppkomsten av uttryckslinjer\u003c\/li\u003e\n\u003cli\u003eSmidigare och strålande hud\u003c\/li\u003e\n\u003cli\u003eOmedelbar förbättring av hudens struktur\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eVecka 2-4: Hudens struktur och lyster förbättras\u003c\/h3\u003e\n\u003cp\u003ePeptider som Matrixyl 3000 och Matrixyl Synthe'6 börjar stimulera kollagenproduktionen, vilket leder till en gradvis förbättring av hudens elasticitet och jämnhet.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBörjar minska uppkomsten av fina linjer\u003c\/li\u003e\n\u003cli\u003eMärkbar förbättring av hudens elasticitet\u003c\/li\u003e\n\u003cli\u003eÖka hudens lyster och fräschör\u003c\/li\u003e\n\u003cli\u003eFörbättring i hudton\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eVecka 5-8: Märkbar förbättring av tecken på åldrande\u003c\/h3\u003e\n\u003cp\u003eNär serumet fortsätter att användas ökar produktionen av kollagen och elastin, vilket leder till en större förbättring av uppkomsten av rynkor och hudens elasticitet.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSynlig minskning av djupet av rynkor\u003c\/li\u003e\n\u003cli\u003eMärkbar förbättring av hudens uppstramning och minskning av slappning\u003c\/li\u003e\n\u003cli\u003eBättre hudton och minskad pigmentering\u003c\/li\u003e\n\u003cli\u003eEn ökning av cellstorlek och täthet, vilket ger huden ett fylligare utseende\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eVecka 9-12: Fullständiga resultat och omfattande föryngring\u003c\/h3\u003e\n\u003cp\u003eEfter 3 månaders regelbunden användning når peptider och hyaluronsyra sin maximala effektivitet när det gäller att föryngra huden och bekämpa tecken på åldrande.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBetydande minskning av djupet och längden på rynkor och fina linjer\u003c\/li\u003e\n\u003cli\u003eMärkbart fastare och mer elastisk hud\u003c\/li\u003e\n\u003cli\u003eFörbättring av hudens struktur och ökning av hudens täthet\u003c\/li\u003e\n\u003cli\u003eEnhetlig färg och frisk lyster\u003c\/li\u003e\n\u003cli\u003eÖvergripande förbättring av hudens utseende och hälsa\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003eUnika egenskaper hos The Ordinary Multi-Peptide + HA serum\u003c\/h2\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eEn omfattande formel med flera fördelar\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eKombinerar 5 avancerade peptidteknologier i en produkt\u003c\/li\u003e\n\u003cli\u003eInriktar sig på alla tecken på åldrande på en gång\u003c\/li\u003e\n\u003cli\u003eBehandlar fina linjer, rynkor, förlust av elasticitet och ojämn hudton\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eHög koncentration av aktiva ingredienser\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eInnehåller 25,1 % aktiva teknologier i vikt\u003c\/li\u003e\n\u003cli\u003eFormel fri från onödiga fyllmedel\u003c\/li\u003e\n\u003cli\u003eOptimal koncentration för maximal effektivitet utan hudirritation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eLätt vattenbaserad formula\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLätt konsistens, lätt att absorbera\u003c\/li\u003e\n\u003cli\u003eDen lämnar ingen fet eller klibbig känsla på huden\u003c\/li\u003e\n\u003cli\u003eDen kan lätt användas under smink\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eIdealisk för alla hudtyper\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMild formula som passar även för känslig hud\u003c\/li\u003e\n\u003cli\u003eFri från parfym, alkohol och mineralolja\u003c\/li\u003e\n\u003cli\u003eOrsakar inte igensatta porer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-container\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eAdvanced peptide technologies\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e25.1%\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eAndel aktiva ingredienser\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e12\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eEn vecka för fullt resultat\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-number\"\u003e100%\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eIdealisk för alla hudtyper\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003ch2 class=\"title\"\u003eOptimalt hur man använder\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eRengör din hud\u003c\/h4\u003e\n\u003cp\u003eBörja med att rengöra huden väl och torka den försiktigt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eApplicera några droppar\u003c\/h4\u003e\n\u003cp\u003eFördela några droppar serum på ren hud\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eAnvänd den två gånger dagligen\u003c\/h4\u003e\n\u003cp\u003eAnvänd två gånger dagligen, morgon och kväll, för bästa resultat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eFölj med fuktighetskräm\u003c\/h4\u003e\n\u003cp\u003eFör optimal återfuktning, applicera din favoritfuktighetskräm efter att du har absorberat serumet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eViktiga anmärkningar för användning:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUndvik att använda serum med direkta syror som glykolsyra eller mjölksyra i samma rutin\u003c\/li\u003e\n\u003cli\u003eUndvik att använda det med vitamin C (askorbinsyra) produkter i samma rutin\u003c\/li\u003e\n\u003cli\u003eDen kan användas före eller efter andra hyaluronsyraprodukter\u003c\/li\u003e\n\u003cli\u003eDet är att föredra att utföra ett allergitest innan full användning\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section7\"\u003e\n\u003ch2 class=\"title\"\u003eAlla komponenter\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cp class=\"ingredients-list\"\u003e\n        Aqua (Water), Glycerin, Lactococcus Ferment Lysate, Acetyl Hexapeptide-8, Pentapeptide-18, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7, Palmitoyl Tripeptide-38, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Acetylarginyltryptophyl Diphenylglycine, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate, Allantoin, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Arginine, Aspartic Acid, Trehalose, Fructose, Glucose, Maltose, Urea, Sodium PCA, PCA, Sodium Lactate, Citric Acid, Hydroxypropyl Cyclodextrin, Sodium Chloride, Sodium Hydroxide, Butylene Glycol, Pentylene Glycol, Acacia Senegal Gum, Xanthan Gum, Carbomer, Polysorbate 20, PPG-26-Buteth-26, PEG-40 Hydrogenated Castor Oil, Trisodium Ethylenediamine Disuccinate, Ethoxydiglycol, Sodium Benzoate, Caprylyl Glycol, Ethylhexylglycerin, Phenoxyethanol, Chlorphenesin.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Make all sections visible initially to fix display issues\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Make all sections visible\n    const sections = document.querySelectorAll('.section');\n    sections.forEach(section =\u003e {\n      section.classList.add('active');\n    });\n    \n    \/\/ Initialize timeline functionality\n    initializeTimeline();\n  });\n  \n  \/\/ Timeline functionality\n  function initializeTimeline() {\n    \/\/ Set the first marker active by default\n    const progress = document.getElementById('timelineProgress');\n    progress.style.width = '0%';\n  }\n  \n  \/\/ Show timeline content\n  function showTimelineContent(index) {\n    \/\/ Reset all markers and contents\n    const markers = document.querySelectorAll('.timeline-marker');\n    const contents = document.querySelectorAll('.timeline-content');\n    \n    markers.forEach(m =\u003e m.classList.remove('active'));\n    contents.forEach(c =\u003e c.classList.remove('active'));\n    \n    \/\/ Activate selected marker and content\n    markers[index].classList.add('active');\n    contents[index].classList.add('active');\n    \n    \/\/ Update progress bar\n    const progress = document.getElementById('timelineProgress');\n    const progressWidth = [0, 33, 66, 100][index];\n    progress.style.width = progressWidth + '%';\n  }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40836991254725,"sku":"INSTA0586CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinary_multipeptide_ha_serum.jpg?v=1734971193"},{"product_id":"the-ordinary-buffet-copper-peptides-1","title":"The Ordinary Buffet Anti-Wrinkle Serum med kopparpeptider 1% med peptidteknologi |30 ml","description":"\u003cdiv dir=\"ltl\"\u003e\n\u003ch2 data-sourcepos=\"3:1-3:232\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-sourcepos=\"3:1-3:232\"\u003eLåt inte miljöfaktorer stjäla din ungdom\u003c\/h2\u003e\n\u003cp\u003eVisste du att du kan förhindra 80 % av tecken på åldrande genom att använda en effektiv produkt som bekämpar oxidativ skada och rynkor? \u003c\/p\u003e\n\u003cp data-sourcepos=\"3:1-3:232\"\u003eNär vi åldras producerar våra kroppar mindre kollagen och elastin, vilket leder till bildandet av...\u003cbr\/\u003e Rynkor och fina linjer.Kopparpeptider hjälper till att vända denna process genom att signalera hudceller att producera mer av dessa proteiner.\u003c\/p\u003e\n\u003cp data-sourcepos=\"3:1-3:232\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-sourcepos=\"17:1-17:212\"\u003eDe viktigaste fördelarna med produkten: \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003eAnti-aging specialist:\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\nEn av de bästa anti-aging produkterna är kopparpeptider (GHK-Cu) som förbättrar hudens hälsa genom att hjälpa den att kommunicera och bekämpa tecken på åldrande.\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eHudföryngring:\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003ePeptidkomplex penetrerar dermis för att upptäcka cellobalanser och främja cellåterhämtning.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\n\u003cli\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\u003cstrong\u003ePigmenteringsspecialist\u003c\/strong\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan data-mce-style=\"font-size: 0.875rem;\" mce-data-marked=\"1\" style=\"font-size: 0.875rem;\"\u003eProdukten arbetar för att balansera melaninproduktionen för att uppnå en jämn hud fri från pigmentering\u003c\/span\u003e\n\u003cul data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\n\u003cli\u003e\n\u003cstrong data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003eUltra fuktgivande:\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003eInnehåller ett närande probiotiskt komplex och återfuktande hyaluronsyra för att återfukta huden.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\n\u003cli\u003e\u003cstrong\u003eFlera matning:\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003eInnehåller 11 hudvänliga aminosyror för omfattande näring.\u003c\/span\u003e\u003cbr\/\u003e\n\u003col\u003e\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003ch2\u003eOmedelbar förbättring av hudens struktur\u003c\/h2\u003e\n\u003cp\u003e Se livesändningen den omedelbara effekten på din hud när det gäller återfuktning och fräschör.Att veta att den terapeutiska effekten av rynkor kräver fortsatt användning i flera månader\u003c\/p\u003e\n\u003ch2 dir=\"ltl\"\u003e\u003cspan data-mce-style=\"font-size: 0.875rem;\" style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv dir=\"ltl\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003ch2 dir=\"ltl\"\u003eHur det fungerar: \u003c\/h2\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003cul\u003e\n\u003cli\u003eKopparpeptider är små molekyler som lätt kan penetrera huden.När de väl kommer in i huden binder de till kopparreceptorer på celler.Denna koppling utlöser en rad händelser som leder till ökad kollagen- och elastinproduktion.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e Kopparpeptider aktiverar andra signalvägar som främjar celltillväxt och reparation.Till exempel kan de aktivera Nrf2-vägen, en nyckelregulator för cellulärt försvar och reparation.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDessutom har kopparpeptider antioxidant och antiinflammatoriska egenskaper.Det betyder att de kan hjälpa till att skydda huden från skador på fria radikaler och inflammation, som är två viktiga bidragande faktorer till hudens åldrande.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\/\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:65\"\u003e\u003cstrong\u003eHuvudingredienserna i The Ordinary Copper Peptide Serum + Buffet är:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"3:1-11:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:116\"\u003eKoppartripeptid-1: Detta är en peptid som stimulerar produktionen av kollagen och elastin och hjälper till att minska uppkomsten av fina linjer och rynkor.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"4:1-4:139\"\u003eAcetylhexapeptid-8: Detta är en peptid som hjälper till att slappna av i ansiktsmusklerna, vilket minskar uppkomsten av motorrynkor, som rynkor i pannan.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:74\"\u003ePentapeptide-18: Detta är en peptid som hjälper till att skydda och reparera hudens naturliga barriär.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"6:1-6:91\"\u003ePalmitoyl Tripeptide-1: Detta är en peptid som stimulerar kollagenproduktionen och hjälper till att minska uppkomsten av ärr.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:99\"\u003ePalmitoyl Tetrapeptide-7: Detta är en peptid som hjälper till att minska uppkomsten av mörka ringar och svullnader under ögonen.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"8:1-8:77\"\u003ePalmitoyl Tripeptide-38: Detta är en peptid som hjälper till att förbättra hudens elasticitet och fasthet.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:118\"\u003eDiaminobutyroyl Benzylamide Diacetate: Detta är en peptid som hjälper till att minska uppkomsten av hyperpigmentering och jämna ut hudtonen.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"10:1-11:0\"\u003eAcetylarginyltryptofyldifenylglycin: Detta är en peptid som hjälper till att skydda huden från skador på fria radikaler och miljöpåfrestningar.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"12:1-12:169\"\u003eDessa peptider stöds av en blandning av andra nyttiga ingredienser, inklusive hyaluronsyra, allantoin, panthenol och glycerin, som hjälper till att återfukta, lugna och skydda huden.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"12:1-12:169\"\u003e \u003c\/p\u003e\n\u003cbr\/\u003e\n\u003c\/div\u003e\n\u003cdiv dir=\"ltl\"\u003e\n\u003ch2 data-sourcepos=\"3:1-3:232\"\u003eDetta serum kommer att fungera som den första försvarslinjen för att förhindra för tidigt åldrande \u003c\/h2\u003e\n\u003cp\u003eOavsett hur gammal du är måste du använda antioxidanter för att behålla din ungdom.Vänta inte tills rynkorna blir värre innan du påbörjar behandlingen. \u003c\/p\u003e\n\u003cp\u003e Serumet innehåller många antioxidanter som skyddar dig från oxidativ stress som orsakar tecken på åldrande, som linjer i pannan och fina linjer.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 dir=\"ltl\"\u003e\u003c\/h2\u003e\n\u003ch2\u003eRekommenderas av ledande hudläkare runt om i världen. \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSerumet har mycket avancerad teknologi för att behandla och förebygga framtida tecken på åldrande.Det är en favorit bland tusentals kunder runt om i världen och rekommenderas av ledande hudläkare som en förstahandsbehandling för tecken på åldrande.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40836993450181,"sku":"INSTA0587CHIQ","price":1500.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/theordinarybuffetcopperpeptide.jpg?v=1698234389"},{"product_id":"the-ordinary-retinol-0-2","title":"The ordinary retinol in squalene serum","description":"\u003cdiv class=\"ordinary-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ordinary-hero\"\u003e\n\u003cdiv class=\"ordinary-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eTiden väntar på ingen... men din hud ska inte utsättas för det\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eVarje morgon avslöjar spegeln sanningen för dig: tiden sätter sina spår på alla.Men tänk om du kunde skriva om den historien?\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Science Intro --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eVetenskapen om att vända tidens händer tillbaka\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eInbäddad i retinols molekylära struktur finns en fantastisk kraft - kraften i att kommunicera direkt med dina hudceller, vilket leder dem att bete sig som de gjorde i sin ungdom.Dessa är inte marknadsföringsöverdrifter;De är vetenskapliga biologiska fakta.\u003c\/p\u003e\n\u003cdiv class=\"product-title\"\u003e\n\u003ch2\u003eThe Ordinary Retinol 0,5% i Squalene: det exakta verktyget för hudföryngring\u003c\/h2\u003e\n\u003cp\u003eForskare har länge vetat att retinol är guldstandarden för påtaglig hudförvandling.Det som utmärker denna komposition är \u003cstrong\u003eKlinisk noggrannhet\u003c\/strong\u003e - En noggrant kalibrerad koncentration på 0,5% suspenderad i squalene identisk med hudens naturliga sammansättning.Detta är inte bara en produkt;Det är ett vetenskapligt genombrott som finns i en droppflaska.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eMolekylär harmoni som förvandlar huden\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"molecule-animation\"\u003e\n\u003cdiv class=\"atom atom1\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom2\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom3\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eRetinol: den cellulära budbäraren\u003c\/h3\u003e\n\u003cp\u003eRetinol är inte bara en ingrediens;Det är en biologisk budbärare som:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eAccelerera cellregenerering genom \u003cspan class=\"counter\" data-target=\"50\"\u003e50\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eStimulera fibroblastceller för att öka kollagenproduktionen\u003c\/li\u003e\n\u003cli\u003eOmorganisation av dermismatrisen för att förbättra den strukturella strukturen\u003c\/li\u003e\n\u003cli\u003eReglera fördelningen av melanin för att få en enhetlig färg\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eSqualane: Biomimetisk sköld\u003c\/h3\u003e\n\u003cp\u003eDin hud producerar naturligt squalen, men produktionen minskar med cirka 10 % varje årtionde efter 30 års ålder. Denna formula fyller på huden med en ren och stabil form av squalen som:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eSkapar en skyddande fuktbarriär utan att täppa till porerna\u003c\/li\u003e\n\u003cli\u003eLevererar exakt retinolmolekyler till sina cellulära mål\u003c\/li\u003e\n\u003cli\u003eNeutraliserar de potentiella uttorkningseffekterna av retinol\u003c\/li\u003e\n\u003cli\u003eDen känns lätt samtidigt som den ger maximal effektivitet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eTidsstadier av transformation\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eMedan många produkter lovar mirakel över natten, följer sann hudförvandling en vetenskaplig väg:\u003c\/p\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eVecka 1-2\u003c\/h3\u003e\n\u003cp\u003ePrimärt cellulärt uppvaknande;Lätt flagning kan förekomma med början av accelerationen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eVecka 3-4\u003c\/h3\u003e\n\u003cp\u003eMärkbar utjämning av fina linjer, speciellt runt ögonen och munnen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eVecka 5-8\u003c\/h3\u003e\n\u003cp\u003eMärkbar förbättring av hudens struktur och ton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eVecka 9-12\u003c\/h3\u003e\n\u003cp\u003eBetydande omstrukturering av hudens utseende;Minskad klarhet i djupa linjer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eVad skiljer denna formel från andra retinolprodukter?\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eVetenskapen om retinol är inte ny, men att leverera det effektivt är den verkliga utmaningen.De flesta kombinationer misslyckas på ett av tre avgörande områden:\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eKonsekvens\u003c\/h3\u003e\n\u003cp\u003eRetinol försämras snabbt när det utsätts för ljus och luft\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eLeverans\u003c\/h3\u003e\n\u003cp\u003eUtan ordentliga bärare kämpar retinol för att nå bortom ytskikten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eUthållighet\u003c\/h3\u003e\n\u003cp\u003eHöga irritationsfrekvenser leder till att användningen avbryts innan resultat ses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eThe Ordinarys vattenfria, skvalanbaserade formel löser alla tre utmaningarna direkt, samtidigt som den bibehåller molekylär integritet ända fram till användningsögonblicket.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch3 class=\"accent-text\"\u003eAvancerad formula till ett exceptionellt pris\u003c\/h3\u003e\n\u003cp\u003eDet här är inte bara hudvård – det är tillämpad biokemi i sin renaste form.Varje flaska innehåller exakt den koncentration som behövs för att få märkbara resultat utan onödiga fyllmedel, dofter eller marknadsföringstillsatser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eDitt förhållande till tiden: omdefinieras\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eSpegeln ljuger inte – den speglar val.Varje natt du applicerar detta serum representerar ett beslut att engagera sig i vetenskapen om hudförnyelse snarare än att acceptera tidens gång som oundvikligt.\u003c\/p\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch3 class=\"accent-text\"\u003eFör bästa resultat:\u003c\/h3\u003e\n\u003cul class=\"instruction-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eBörja med en liten mängd (3-4 droppar) i din kvällsrutin\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eApplicera på ren, torr hud före tunga fuktkrämer\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eAnvänd alltid solkräm nästa dag\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eFörvara den i kylen efter öppning\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eÖverväg att börja med 0,2% om du är ny på retinoider\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eRekommenderas inte under graviditet eller amning, eller med andra retinoider\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ordinary-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eDet vetenskapliga alternativet för påtaglig transformation\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eThe Ordinary Retinol 0,5% i Squalane – Eftersom effektiv hudvård inte handlar om mirakelpåståenden.Det handlar om vetenskapligt bevisade ingredienser i exakta koncentrationer.\u003c\/p\u003e\n\u003cp class=\"cta-subtitle\"\u003e\u003cstrong\u003eDin huds biologiska klocka tickar.Tiden att återställa är nu.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eBeställ nu\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.ordinary-product-container {\n \n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  direction: ltr;\n  background-color: #fafafa;\n}\n\n.accent-text {\n  color: #9C8102;\n}\n\n.section-line {\n  height: 2px;\n  width: 60px;\n  background-color: #9C8102;\n  margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.ordinary-hero {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  margin-bottom: 60px;\n  gap: 40px;\n}\n\n.ordinary-hero-content {\n  flex: 1;\n}\n\n.ordinary-hero-content h1 {\n  font-size: 2.2rem;\n  margin-bottom: 20px;\n  line-height: 1.3;\n}\n\n.hero-subtitle {\n  font-size: 1.3rem;\n  line-height: 1.6;\n  color: #555;\n}\n\n.product-image-container {\n  flex: 1;\n  position: relative;\n}\n\n.product-image {\n  text-align: center;\n  position: relative;\n  z-index: 2;\n}\n\n.product-image:after {\n  content: '';\n  position: absolute;\n  width: 80%;\n  height: 80%;\n  background-color: rgba(156, 129, 2, 0.1);\n  right: 40px;\n  bottom: -20px;\n  z-index: 1;\n  border-radius: 10px;\n}\n\n.main-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n  transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.main-image:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Section Styles *\/\n.section {\n  margin-bottom: 60px;\n  padding: 20px;\n  background-color: #fff;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.section-header {\n  margin-bottom: 30px;\n}\n\n.section-header h2 {\n  font-size: 1.8rem;\n  margin-bottom: 5px;\n}\n\n.product-title {\n  margin: 40px 0;\n  padding: 20px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  text-align: center;\n}\n\n.product-title h2 {\n  font-size: 1.8rem;\n  margin-bottom: 15px;\n  color: #9C8102;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n  gap: 30px;\n  margin-top: 30px;\n}\n\n.ingredient-card {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 30px;\n  box-shadow: 0 5px 15px 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.ingredient-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-icon {\n  width: 60px;\n  height: 60px;\n  margin-bottom: 20px;\n  position: relative;\n}\n\n.ingredient-card h3 {\n  margin-bottom: 15px;\n  font-size: 1.4rem;\n}\n\n\/* Molecule Animation *\/\n.molecule-animation {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.atom {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background-color: #9C8102;\n  opacity: 0.8;\n}\n\n.atom1 {\n  top: 0;\n  left: 20px;\n  animation: pulse 2s infinite;\n}\n\n.atom2 {\n  top: 30px;\n  left: 0;\n  animation: pulse 2s infinite 0.5s;\n}\n\n.atom3 {\n  top: 30px;\n  left: 40px;\n  animation: pulse 2s infinite 1s;\n}\n\n@keyframes pulse {\n  0% { transform: scale(1); }\n  50% { transform: scale(1.2); }\n  100% { transform: scale(1); }\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.droplet {\n  position: absolute;\n  top: 0;\n  left: 15px;\n  width: 30px;\n  height: 30px;\n  background-color: #9C8102;\n  border-radius: 50% 50% 50% 0;\n  transform: rotate(-45deg);\n  animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n  0% { top: 0; opacity: 0.8; }\n  80% { top: 30px; opacity: 0.8; transform: rotate(-45deg) scale(1); }\n  100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Benefits List *\/\n.benefits-list {\n  list-style-type: none;\n  padding: 0;\n  margin-top: 15px;\n}\n\n.benefits-list li {\n  padding: 10px 0;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n  position: relative;\n  padding-right: 25px;\n}\n\n.benefits-list li:before {\n  content: '•';\n  color: #9C8102;\n  position: absolute;\n  right: 0;\n  top: 10px;\n  font-size: 1.2rem;\n}\n\n.benefits-list li:last-child {\n  border-bottom: none;\n}\n\n\/* Counter Style *\/\n.counter {\n  color: #9C8102;\n  font-weight: bold;\n  display: inline-block;\n  min-width: 2rem;\n  text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline {\n  position: relative;\n  margin: 40px 0;\n  padding-right: 40px;\n}\n\n.timeline:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 10px;\n  height: 100%;\n  width: 2px;\n  background: #9C8102;\n}\n\n.timeline-item {\n  position: relative;\n  margin-bottom: 40px;\n}\n\n.timeline-marker {\n  position: absolute;\n  top: 5px;\n  right: -40px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #9C8102;\n  box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.timeline-item:hover .timeline-marker {\n  transform: scale(1.2);\n  box-shadow: 0 0 0 6px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content {\n  background: #f9f9f9;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease;\n}\n\n.timeline-item:hover .timeline-content {\n  transform: translateX(-10px);\n}\n\n.timeline-content h3 {\n  color: #9C8102;\n  margin-bottom: 10px;\n  font-size: 1.2rem;\n}\n\n\/* Comparison Section *\/\n.comparison-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  gap: 25px;\n  margin: 30px 0;\n}\n\n.comparison-card {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 25px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  position: relative;\n  padding-top: 50px;\n}\n\n.comparison-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.comparison-number {\n  position: absolute;\n  top: -15px;\n  right: 20px;\n  width: 40px;\n  height: 40px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  font-weight: bold;\n}\n\n.comparison-card h3 {\n  margin-bottom: 10px;\n  font-size: 1.3rem;\n}\n\n.highlighted-text {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 25px;\n  margin: 30px 0;\n  border-right: 4px solid #9C8102;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.value-proposition {\n  margin-top: 40px;\n  padding: 20px;\n  background-color: rgba(156, 129, 2, 0.05);\n  border-radius: 10px;\n  text-align: center;\n}\n\n.value-proposition h3 {\n  margin-bottom: 15px;\n  font-size: 1.5rem;\n}\n\n\/* Usage Instructions *\/\n.usage-instructions {\n  margin-top: 30px;\n}\n\n.instruction-list {\n  list-style-type: none;\n  padding: 0;\n}\n\n.instruction-list li {\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.instruction-list li:last-child {\n  border-bottom: none;\n}\n\n.instruction-icon {\n  width: 35px;\n  height: 35px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: bold;\n  margin-left: 15px;\n  flex-shrink: 0;\n}\n\n.instruction-text {\n  flex: 1;\n}\n\n.warning-text {\n  margin-top: 30px;\n  padding: 15px;\n  background-color: #fff6e8;\n  border-radius: 10px;\n  border-right: 4px solid #e8a317;\n  color: #8B4513;\n}\n\n\/* CTA Section *\/\n.ordinary-cta {\n  text-align: center;\n  padding: 50px 40px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  margin-top: 40px;\n}\n\n.cta-heading {\n  font-size: 2rem;\n  margin-bottom: 20px;\n}\n\n.cta-text {\n  font-size: 1.2rem;\n  margin-bottom: 15px;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cta-subtitle {\n  font-size: 1.3rem;\n  margin-bottom: 30px;\n  color: #555;\n}\n\n.cta-button {\n  padding: 15px 40px;\n  background-color: #9C8102;\n  color: white;\n  border: none;\n  border-radius: 50px;\n  font-size: 1.2rem;\n  cursor: pointer;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n  .ordinary-hero {\n    flex-direction: column;\n  }\n  \n  .ingredients-container, .comparison-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .timeline {\n    padding-right: 30px;\n  }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40837000331461,"sku":"INSTA0589CHIQ","price":780.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/The-Ordinary-Retinol-1_-in-Squalane.jpg?v=1682325031"},{"product_id":"the-ordinary-granactive-retinoid-2-emulsion","title":"Den vanliga retinoidemulsionen |Dynamisk anti-rynk |Antipigmentering och akne 2%","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  body {\n    \n    direction: ltr;\n    color: #333;\n    line-height: 1.6;\n    background-color: white;\n  }\n  \n  .product-description {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n  \n  .section {\n    margin: 40px 0;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  \n  .section.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  \n  .title {\n    color: #9C8102;\n    font-size: 28px;\n    margin-bottom: 20px;\n    position: relative;\n    font-weight: 600;\n    text-align: center;\n    padding-bottom: 10px;\n  }\n  \n  .title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 50%;\n    transform: translateX(50%);\n    width: 60px;\n    height: 3px;\n    background-color: #9C8102;\n  }\n  \n  .product-image {\n    width: 100%;\n    max-width: 600px;\n    height: auto;\n    margin: 20px auto;\n    display: block;\n    border-radius: 10px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease;\n  }\n  \n  .description {\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    text-align: justify;\n  }\n  \n  .features-list {\n    list-style: none;\n    margin-bottom: 20px;\n  }\n  \n  .features-list li {\n    position: relative;\n    padding-right: 30px;\n    margin-bottom: 15px;\n  }\n  \n  .features-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 8px;\n    width: 12px;\n    height: 12px;\n    background-color: #9C8102;\n    border-radius: 50%;\n  }\n  \n  \/* Timeline styles *\/\n  .timeline-container {\n    position: relative;\n    margin: 40px auto;\n    max-width: 800px;\n  }\n  \n  .timeline-track {\n    position: relative;\n    width: 100%;\n    height: 4px;\n    background-color: #e0e0e0;\n    border-radius: 4px;\n    margin: 50px 0;\n  }\n  \n  .timeline-progress {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    background-color: #9C8102;\n    border-radius: 4px;\n    width: 0;\n    transition: width 1s ease;\n  }\n  \n  .timeline-markers {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    margin-top: -14px;\n  }\n  \n  .timeline-marker {\n    position: relative;\n    width: 24px;\n    height: 24px;\n    background-color: white;\n    border: 2px solid #e0e0e0;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 2;\n  }\n  \n  .timeline-marker.active {\n    background-color: #9C8102;\n    border-color: #9C8102;\n  }\n  \n  .timeline-marker-label {\n    position: absolute;\n    top: -30px;\n    right: 50%;\n    transform: translateX(50%);\n    font-size: 14px;\n    font-weight: 600;\n    color: #777;\n    text-align: center;\n    white-space: nowrap;\n  }\n  \n  .timeline-marker.active .timeline-marker-label {\n    color: #9C8102;\n  }\n  \n  .timeline-content {\n    display: none;\n    background-color: #f8f8f8;\n    padding: 20px;\n    border-radius: 8px;\n    margin-top: 30px;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n  }\n  \n  .timeline-content.active {\n    display: block;\n  }\n  \n  .timeline-content h3 {\n    color: #9C8102;\n    margin-bottom: 15px;\n    font-size: 18px;\n  }\n  \n  .timeline-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-content ul {\n    padding-right: 20px;\n  }\n  \n  .timeline-content li {\n    margin-bottom: 8px;\n    font-size: 14px;\n  }\n  \n  .comparison-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 20px 0;\n  }\n  \n  .comparison-table th, .comparison-table td {\n    padding: 12px 15px;\n    text-align: center;\n    border: 1px solid #ddd;\n  }\n  \n  .comparison-table th {\n    background-color: #9C8102;\n    color: white;\n  }\n  \n  .comparison-table tr:nth-child(even) {\n    background-color: #f8f8f8;\n  }\n  \n  .highlight {\n    color: #9C8102;\n    font-weight: 600;\n  }\n  \n  .warning {\n    padding: 15px;\n    background-color: #f8f8f8;\n    border-right: 4px solid #9C8102;\n    margin: 20px 0;\n    font-size: 14px;\n    color: #555;\n  }\n  \n  .icon {\n    display: inline-block;\n    margin-left: 10px;\n    color: #9C8102;\n  }\n  \n  .studies-list {\n    list-style: none;\n    margin: 20px 0;\n  }\n  \n  .studies-list li {\n    position: relative;\n    padding: 15px 35px 15px 15px;\n    margin-bottom: 15px;\n    background-color: #f8f8f8;\n    border-radius: 5px;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n  }\n  \n  .studies-list li::before {\n    content: '📊';\n    position: absolute;\n    right: 10px;\n    top: 15px;\n    font-size: 16px;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003eNy generation retinoider\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eRetinoid Emulsion är ett lätt, vattenbaserat serum som riktar sig mot de synliga tecknen på åldrande.Innehåller nästa generations aktiva retinoid som kallas Hydroxypinacolone Retinoid (HPR), en mer stabil, mindre irriterande form av retinol.\u003c\/p\u003e\n\u003cimg alt=\"Retinoid\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign_59_1024x1024.png?v=1697968123\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003eAvancerad teknik för att bekämpa och förebygga rynkor\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eThe Ordinary's Granactive Retinoid är ett avancerat anti-aging-komplex som stimulerar hudcellsproliferation, vilket hjälper till att minska kollagennedbrytningen och återställa hudens elasticitet och jämnhet.Genom att öka cellomsättningshastigheten minskar det uppkomsten av fina linjer och hjälper till att förhindra utvecklingen av rynkor i framtiden.\u003c\/p\u003e\n\u003cimg alt=\"Granactive Retinoid\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-granactive-retinoid-2pct-emulsion-30ml-swatch_1_600x600.webp?v=1697968181\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section3\"\u003e\n\u003ch2 class=\"title\"\u003eSnabb effekt och inga biverkningar\u003c\/h2\u003e\n\u003cul class=\"features-list\" id=\"featuresList\"\u003e\n\u003cli\u003eDen behandlar rynkor i pannan\u003c\/li\u003e\n\u003cli\u003eMinskar uppkomsten av fina linjer runt munnen och ögonen\u003c\/li\u003e\n\u003cli\u003eFörbättrar hudens elasticitet och uppkomsten av dynamiska rynkor när du ler eller är arg\u003c\/li\u003e\n\u003cli\u003eFörbättrar hudens struktur på cellnivå\u003c\/li\u003e\n\u003cli\u003eEliminerar akne\u003c\/li\u003e\n\u003cli\u003eFörenar hudtonen\u003c\/li\u003e\n\u003cli\u003eStimulerar kollagenproduktionen\u003c\/li\u003e\n\u003cli\u003eMinskar uppkomsten av fläckar och pigmentering\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eReseresultat med The Ordinary Granactive Retinoid\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eUpptäck hur Granactive Retinoid Emulsion förbättrar din hud över tid.De fantastiska gradvisa resultaten kommer att motivera dig att fortsätta använda den!\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 2-4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"6\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 6-8\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"12\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eDen första veckan: början på återfuktning och mjukhet\u003c\/h3\u003e\n\u003cp\u003eDu kommer att märka en omedelbar effekt på hudens återfuktning och mjukhet.Ordinary Granactive Retinoid Emulsion är skonsam mot huden och orsakar inte irritation eller torrhet som traditionell retinol.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSmidigare och mer återfuktad hud\u003c\/li\u003e\n\u003cli\u003eIngen irritation eller rodnad som traditionell retinol\u003c\/li\u003e\n\u003cli\u003eSkön krämig konsistens som absorberas snabbt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eVecka 2-4: Textur och lyster börjar förbättras\u003c\/h3\u003e\n\u003cp\u003eUnder denna fas kommer du att börja märka en förbättring av din huds lyster och struktur.Din hud kommer att kännas fräschare och mer levande varje morgon.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLjusare och mer levande hud\u003c\/li\u003e\n\u003cli\u003eFörbättring av hudens struktur\u003c\/li\u003e\n\u003cli\u003eMinskad uppkomst av förstorade porer\u003c\/li\u003e\n\u003cli\u003eGradvis minskning av akne, om någon\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eVecka 6-8: Synlig förbättring av hudton och fläckar\u003c\/h3\u003e\n\u003cp\u003eEfter en till två månaders regelbunden användning kommer du att börja se en märkbar förbättring av hudtonen och en minskning av pigmentering och fläckar.Kliniska studier har visat att användning av HPR i 8 veckor resulterar i en signifikant förbättring av hudtonen.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eClear reduction of pigmentation and dark spots\u003c\/li\u003e\n\u003cli\u003eFörenar märkbart hudtonen\u003c\/li\u003e\n\u003cli\u003eFörbättring av utseendet på gamla akneärr\u003c\/li\u003e\n\u003cli\u003eFräschare och slätare hud\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eVecka 12: Integrerade resultat och förbättring av linjer och rynkor\u003c\/h3\u003e\n\u003cp\u003eEfter 3 månaders regelbunden användning kommer de fullständiga resultaten av Granactive Retinoid Emulsion att visas.Kliniska studier har visat att användning av HPR i 12 veckor resulterar i en signifikant förbättring av uppkomsten av fina linjer och rynkor.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eMinskar synbart uppkomsten av fina linjer och rynkor\u003c\/li\u003e\n\u003cli\u003eÖka hudens elasticitet och jämnhet\u003c\/li\u003e\n\u003cli\u003eYngre och mer strålande hud\u003c\/li\u003e\n\u003cli\u003eMärkbar förbättring av hudens allmänna struktur\u003c\/li\u003e\n\u003cli\u003eHållbara resultat med fortsatt användning\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003eVetenskapligt och laboratoriebevisat\u003c\/h2\u003e\n\u003cul class=\"studies-list\" id=\"studiesList\"\u003e\n\u003cli\u003e\n\u003cp\u003eEn studie på 20 personer visade att användning av HPR i 12 veckor resulterade i en betydande förbättring av uppkomsten av fina linjer, rynkor och hudstruktur.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eEn annan studie på 40 personer visade att användning av HPR i 8 veckor resulterade i en betydande förbättring av hudton och ton.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003eJämförelse mellan retinoider och retinol\u003c\/h2\u003e\n\u003ctable class=\"comparison-table\" id=\"comparisonTable\"\u003e\n\u003ctr\u003e\n\u003cth\u003eEgenskaper\u003c\/th\u003e\n\u003cth\u003eRetinoid\u003c\/th\u003e\n\u003cth\u003eRetinol\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEffektivitet\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003ehögre\u003c\/td\u003e\n\u003ctd\u003eLåg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVanliga användningsområden\u003c\/td\u003e\n\u003ctd\u003eBehandling av akne och hudrynkor\u003c\/td\u003e\n\u003ctd\u003eHudvårdstillskott\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRisk för irritation\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLåg\u003c\/td\u003e\n\u003ctd\u003eHög\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBehandlingens varaktighet\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eSnabba resultat\u003c\/td\u003e\n\u003ctd\u003eDet behöver en längre period\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003cdiv class=\"warning\"\u003e\n\u003cp\u003e\u003cspan class=\"icon\"\u003e⚠️\u003c\/span\u003e Obs: När du är gravid eller ammar, rekommenderas det att undvika hudvårdsprodukter som innehåller retinoider, såsom formuleringar som innehåller Granactive Retinoid™ eller Retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Make all sections visible initially to fix display issues\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Make all sections visible\n    const sections = document.querySelectorAll('.section');\n    sections.forEach(section =\u003e {\n      section.classList.add('active');\n    });\n    \n    \/\/ Initialize timeline functionality\n    initializeTimeline();\n  });\n  \n  \/\/ Timeline functionality\n  function initializeTimeline() {\n    \/\/ Set the first marker active by default\n    const progress = document.getElementById('timelineProgress');\n    progress.style.width = '0%';\n  }\n  \n  \/\/ Show timeline content\n  function showTimelineContent(index) {\n    \/\/ Reset all markers and contents\n    const markers = document.querySelectorAll('.timeline-marker');\n    const contents = document.querySelectorAll('.timeline-content');\n    \n    markers.forEach(m =\u003e m.classList.remove('active'));\n    contents.forEach(c =\u003e c.classList.remove('active'));\n    \n    \/\/ Activate selected marker and content\n    markers[index].classList.add('active');\n    contents[index].classList.add('active');\n    \n    \/\/ Update progress bar\n    const progress = document.getElementById('timelineProgress');\n    const progressWidth = [0, 33, 66, 100][index];\n    progress.style.width = progressWidth + '%';\n  }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":40837002657989,"sku":"INSTA0590CHIQ","price":799.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinaryretinoidemulsion.jpg?v=1698233982"},{"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":42416029630661,"sku":"INSTA0690CHIQ","price":1160.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinaryglycolicacidtoner.jpg?v=1702385538"},{"product_id":"the-ordinary-multi-peptide-hair-serum-volume-density","title":"The ordinary  سيروم مالتي ببتايد  لزيادة كثافة وسمك الشعر 60 ملل","description":"\u003cdiv id=\"ordx\" dir=\"rtl\"\u003e\n\u003cstyle\u003e#ordx{--b0:#0a0a0a;--b1:#151515;--cd:#1b1b1b;--ln:rgba(255,255,255,.12);--ac:#e6e6e6;--sk:#5ec8e5;--tx:#f2f2f2;--mu:#b0b0b0;font-family:inherit;line-height:1.85;direction:rtl;text-align:start;color:var(--tx);background:var(--b0);border-radius:24px;overflow:hidden;font-size:17px}#ordx *{box-sizing:border-box}#ordx .s{padding:64px 0}#ordx .s.a{background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.05),transparent 62%),var(--b0)}#ordx .s.b{background:var(--b1);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}#ordx .w{max-width:960px;margin:0 auto;padding:0 20px}#ordx h1,#ordx h2,#ordx h4,#ordx h5{color:var(--tx)!important;font-weight:900;margin:0 0 10px}#ordx h1{font-size:clamp(28px,5vw,46px);line-height:1.3}#ordx h2{font-size:clamp(23px,4vw,34px);line-height:1.35;text-align:center;margin-bottom:6px}#ordx h3{color:var(--ac)!important;font-size:18px;font-weight:800;margin:0 0 10px}#ordx h4{font-size:19px}#ordx h5{font-size:16px;color:var(--ac)!important;font-weight:800}#ordx p{margin:0 0 12px;color:#d6d6d6}#ordx .n{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--mu);font-weight:800;font-size:13px;letter-spacing:.22em;margin-bottom:12px}#ordx .n:before,#ordx .n:after{content:'';width:36px;height:1px;background:var(--mu);opacity:.5}#ordx .c{text-align:center}#ordx .hl{color:#fff!important;font-weight:800}#ordx .mk{color:var(--sk)!important;background:rgba(94,200,229,.13);border-radius:5px;padding:1px 6px;font-weight:800;-webkit-box-decoration-break:clone;box-decoration-break:clone}#ordx .chip{display:inline-block;padding:7px 20px;border-radius:30px;background:rgba(255,255,255,.06);border:1px solid var(--ln);color:var(--ac);font-weight:800;font-size:14px;margin-bottom:16px}#ordx .hero{text-align:center;padding-top:70px}#ordx .sub{max-width:800px;margin:0 auto 10px;font-size:18px}#ordx .lead{max-width:820px;margin:0 auto 12px;text-align:center;font-size:17px}#ordx .lead.m{color:var(--mu)}#ordx .ig{position:relative;max-width:520px;margin:30px auto 0}#ordx .ig:before{content:'';position:absolute;inset:10%;background:#fff;filter:blur(80px);opacity:.08;border-radius:50%}#ordx .ig img{position:relative;display:block;width:100%;height:auto;border-radius:24px;border:1px solid var(--ln);box-shadow:0 24px 60px rgba(0,0,0,.7)}#ordx .gr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}#ordx .gr.t3{grid-template-columns:repeat(3,minmax(0,1fr))}#ordx .cd{background:linear-gradient(160deg,#222,var(--cd));border:1px solid var(--ln);border-radius:20px;padding:24px 20px;text-align:center;min-width:0}#ordx .cd.wide{grid-column:1\/-1}#ordx .cd p{margin:0;font-size:15px;color:var(--mu)}#ordx .ic{width:66px;height:66px;border-radius:50%;background:var(--b0);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;flex:0 0 66px}#ordx .ic img{width:36px;height:36px;object-fit:contain;display:block}#ordx .tc .ic{border-color:rgba(94,200,229,.6);box-shadow:0 0 20px rgba(94,200,229,.15)}#ordx .nm{font-weight:900;font-size:24px;line-height:1;color:var(--sk);letter-spacing:.02em;direction:ltr}#ordx .box{background:linear-gradient(160deg,#222,var(--cd));border:1px solid var(--ln);border-radius:22px;padding:28px 22px;margin-top:26px}#ordx .box\u003ep{font-size:18px;text-align:center;margin-bottom:22px;color:#e6e6e6}#ordx .cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#ordx .cmp div{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid var(--ln);border-radius:14px;padding:14px 16px}#ordx .cmp p{margin:0;font-size:15px}#ordx .tk{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--ac);position:relative;margin-top:2px}#ordx .tk:after{content:'';position:absolute;top:5px;left:9px;width:6px;height:11px;border:solid #0a0a0a;border-width:0 3px 3px 0;transform:rotate(45deg)}#ordx .tg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}#ordx .tc{background:linear-gradient(160deg,#222,var(--cd));border:1px solid var(--ln);border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0}#ordx .th{display:flex;gap:14px;align-items:center;margin-bottom:14px}#ordx .th .ic{margin:0}#ordx .tb{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--mu);margin-bottom:2px}#ordx .tc h4{margin:0;direction:ltr;text-align:right}#ordx .tc p{margin:0;font-size:15px;color:#c4c4c4}#ordx .hb{background:rgba(255,255,255,.05);border-inline-start:3px solid var(--sk);border-radius:12px;padding:12px 14px}#ordx .hb strong{color:var(--tx);font-size:14.5px;line-height:1.95;font-weight:700}#ordx .al{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:18px 20px;margin-top:24px}#ordx .ai{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--ac);color:#0a0a0a;font-weight:900;display:flex;align-items:center;justify-content:center}#ordx .al p{margin:0;font-size:16px}#ordx .sp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;text-align:center}#ordx .st{background:linear-gradient(160deg,#222,var(--cd));border:1px solid var(--ln);border-radius:20px;padding:22px 14px;min-width:0}#ordx .st b{display:flex;width:48px;height:48px;border-radius:50%;border:2px solid var(--ac);color:var(--ac);align-items:center;justify-content:center;font-weight:900;font-size:17px;margin:0 auto 12px}#ordx .st h4{font-size:17px}#ordx .st p{margin:0;font-size:15px;color:var(--mu)}#ordx .gl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:26px;align-items:start}#ordx .gl img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--ln)}#ordx .cta{border:1.5px solid rgba(255,255,255,.28);border-radius:28px;padding:48px 20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.08),transparent 70%),#0d0d0d}#ordx .btn{display:inline-block;margin-top:22px;padding:16px 46px;border-radius:40px;background:var(--ac);color:#0a0a0a!important;font-weight:900;font-size:20px;text-decoration:none;box-shadow:0 12px 32px rgba(0,0,0,.6)}@media(max-width:768px){#ordx .s{padding:42px 0}#ordx .w{padding:0 14px}#ordx .gr,#ordx .gr.t3,#ordx .tg,#ordx .cmp{grid-template-columns:1fr}#ordx .sp{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#ordx .st{padding:16px 10px}#ordx .gl{grid-template-columns:repeat(2,minmax(0,1fr))}#ordx .box,#ordx .cta{padding:24px 14px}}\u003c\/style\u003e \u003csection class=\"s a hero\"\u003e\u003cdiv class=\"w\"\u003e\n\u003cdiv class=\"chip\"\u003eالبروتوكول السريري\u003c\/div\u003e\n\u003ch3\u003eرحلة اسعاف شعرك تبدأ الآن\u003c\/h3\u003e\n\u003ch1\u003eقم بعملية إنعاش البصيلة قبل موتها\u003c\/h1\u003e\n\u003cp class=\"sub\"\u003eعند توقف نمو البصيلة. هذا لا يعني أن البصيلة قد ماتت ! يمكنك انقاذ بصيلات شعرك, اذا قمت بمعالجتها مبكرا !\u003c\/p\u003e\n\u003cp class=\"sub\"\u003e\u003cstrong class=\"hl\" style=\"font-size:1.15em\"\u003eلا تنتظر لحين موت البصيلة قبل أن تتخذ اجراء الانعاش !\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"ig\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_multipeptide_hair_serum_original_egypt.webp?v=1778926780\" alt=\"سيروم ذا أورديناري مالتي ببتايد لكثافة الشعر 60 مل\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e \u003csection class=\"s b\"\u003e\u003cdiv class=\"w\"\u003e\n\u003cdiv class=\"n\"\u003e01\u003c\/div\u003e\n\u003ch2\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n\u003cdiv class=\"gr\"\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/1_b4e4172d-91a1-412e-8f90-5deae77dcb0f.png?v=1710755477\u0026amp;width=150\" alt=\"إنبات\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch4\u003eيعمل على إنبات الشعر\u003c\/h4\u003e\n\u003cp\u003eيحفز انقسام الخلايا الجذعية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/2_3020e276-8a23-44a1-bb26-b1d835138490.png?v=1710755477\u0026amp;width=150\" alt=\"إيقاف التساقط\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch4\u003eيوقف تساقط الشعر\u003c\/h4\u003e\n\u003cp\u003eيغذي البصيلة و يحسن سريان الدم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/3_deda3a73-cc1e-4840-944a-c74967585bee.png?v=1710755476\u0026amp;width=150\" alt=\"DHT\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch4\u003eيقلل تأثير هرمون DHT\u003c\/h4\u003e\n\u003cp\u003eيقلل تأثير الهرمون الرئيسي المسبب للصلع الوراثي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/5_fc0e59db-1144-4c3d-bc80-8e8845596733.png?v=1710755477\u0026amp;width=150\" alt=\"كثافة\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch4\u003eيزيد كثافة و سمك البصيلة\u003c\/h4\u003e\n\u003cp\u003eيحسن من كثافة الشعر و يقلل الفراغات في الرأس\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd wide\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/4_2de1d121-2b99-4be6-b373-55833e611001.png?v=1710755477\u0026amp;width=150\" alt=\"التهابات\" loading=\"lazy\"\u003e\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\u003c\/section\u003e \u003csection class=\"s a\"\u003e\u003cdiv class=\"w\"\u003e\n\u003cdiv class=\"n\"\u003e02\u003c\/div\u003e\n\u003ch2\u003eأفضل من المينوكسديل\u003c\/h2\u003e\n\u003cdiv class=\"ig\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_47.png?v=1672590638\u0026amp;width=720\" alt=\"مقارنة مع المينوكسديل\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"box\"\u003e\n\u003cp\u003eعلى عكس المنتجات القائمة على المينوكسيديل والتي تتراجع النتائج في غضون شهر من التوقف عن العلاج ، \u003cstrong class=\"hl\"\u003eسيعطيك هذا السيروم نتائج دائمة تغير بنية الشعر وفروة الرأس من الداخل.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"cmp\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"tk\"\u003e\u003c\/span\u003e\u003cp\u003eلا يسبب مرحلة التساقط الأولية التي يواجهها مستخدمي مينوكسديل\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"tk\"\u003e\u003c\/span\u003e\u003cp\u003eلا يسبب تساقط فور الانقطاع عن استخدامه\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"tk\"\u003e\u003c\/span\u003e\u003cp\u003eلا يترك أثر مزعج في الشعر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"tk\"\u003e\u003c\/span\u003e\u003cp\u003eنتائج أفضل وأسرع وبدون أعراض جانبية مثل المينوكسديل\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e \u003csection class=\"s b\"\u003e\u003cdiv class=\"w\"\u003e\n\u003cdiv class=\"n\"\u003e03\u003c\/div\u003e\n\u003ch2\u003eسيتوقف تساقط شعرك مهما كان سبب التساقط\u003c\/h2\u003e\n\u003cdiv class=\"gr\"\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"الصلع الوراثي\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch4\u003eالصلع الوراثي\u003c\/h4\u003e\n\u003cp\u003eيعمل السيروم على تثبيط هرمون الـDHT المسبب للصلع الوراثي.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"سوء التغذية\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch4\u003eسوء التغذية\u003c\/h4\u003e\n\u003cp\u003eيحتوي السيروم على جميع العناصر التي تحتاجها البصيلة لنمو سليم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"التهاب الفروة\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch4\u003eالتهاب فروة الرأس\u003c\/h4\u003e\n\u003cp\u003eيحتوي السيروم على مضادات الاتهاب لمنع التساقط الذي ينشأ عن العدوى البكتيرية أو الفطرية أو القشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"الثعلبة\" loading=\"lazy\"\u003e\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\u003c\/section\u003e \u003csection class=\"s a\"\u003e\u003cdiv class=\"w\"\u003e\n\u003cdiv class=\"n\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"c\"\u003e\u003ch3\u003eتكنولوجيا من البراند العالمي \u003cbdi\u003e™THE ORDINARY\u003c\/bdi\u003e\n\u003c\/h3\u003e\u003c\/div\u003e\n\u003ch2\u003eتكنولوجيا الببتيدات تعمل على المستوى الخلوي\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:14px\"\u003e\u003cstrong\u003eمكونات مثبتة علميا ومختبرة سريريا بنتائج ثورية. مركبات الببتايد الثورية تم جمعها في منتج واحد.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"lead m\"\u003eتعزز الببتيدات عملية الشفاء من خلال العمل كعوامل إشارات خلوية، \u003cspan class=\"mk\"\u003eتحفز إنتاج البروتين\u003c\/span\u003e في البصيلة الذي بدوره يحفز نمو الشعر. كما انها تساعد أيضًا في تقليل \u003cspan class=\"mk\"\u003eالالتهاب والتهيج\u003c\/span\u003e في فروة الرأس الذي يعتبر من أكبر أسباب التساقط وموت البصيلة.\u003c\/p\u003e\n\u003cdiv class=\"tg\"\u003e\n\u003cdiv class=\"tc\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"th\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cspan class=\"nm\"\u003e01\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"tb\"\u003eTECH\u003c\/span\u003e\u003ch4\u003e™REDENCYL\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5\u003eيحفز انقسام الخلايا الجذعية في الشعر\u003c\/h5\u003e\n\u003cp\u003eعبارة عن مزيج من المشتقات الطبيعية من النباتات. يساعد على \u003cspan class=\"mk\"\u003eتحفيز انقسام الخلايا الجذعية\u003c\/span\u003e ويوقف موت الخلايا ويحميها من \u003cspan class=\"mk\"\u003eعوامل الأكسدة\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb\"\u003e\u003cstrong\u003eتظهر الدراسات السريرية أن أكثر من \u003cspan class=\"mk\"\u003e10000 شعرة جديدة\u003c\/span\u003e قد نمت بعد \u003cspan class=\"mk\"\u003e3 أشهر\u003c\/span\u003e من الاستخدام المتواصل.\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"th\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cspan class=\"nm\"\u003e02\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"tb\"\u003eTECH\u003c\/span\u003e\u003ch4\u003e™Procapil\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5\u003eيقوي بصيلات الشعر ويقلل من تأثير هرمون DHT\u003c\/h5\u003e\n\u003cp\u003eيزيد \u003cspan class=\"mk\"\u003eتدفق الدم\u003c\/span\u003e لفروة الرأس بحيث تتلقى بصيلات الشعر التغذية وإمدادات \u003cspan class=\"mk\"\u003eالأكسجين\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb\"\u003e\u003cstrong\u003eأثبتت الدراسات زيادة كبيرة في معدل \u003cspan class=\"mk\"\u003eالأناجين \/ التيلوجين\u003c\/span\u003e بالمقارنة مع العلاج الفموي FINASTERIDE.\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"th\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cspan class=\"nm\"\u003e03\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"tb\"\u003eTECH\u003c\/span\u003e\u003ch4\u003e™BAICAPIL\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5\u003eمزيج علاجي نباتي متقدم\u003c\/h5\u003e\n\u003cp\u003eمزيج من scutellaria baicalensis، وفول الصويا، وبراعم القمح. يحفز \u003cspan class=\"mk\"\u003eنمو الشعر\u003c\/span\u003e ويزيد من \u003cspan class=\"mk\"\u003eكثافته\u003c\/span\u003e ويقلل من \u003cspan class=\"mk\"\u003eتساقطه\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb\"\u003e\u003cstrong\u003eكشفت الأبحاث أن تساقط الشعر قد انخفض بنسبة \u003cspan class=\"mk\"\u003e60.6٪\u003c\/span\u003e بعد الاستخدام لمدة \u003cspan class=\"mk\"\u003e3 أشهر\u003c\/span\u003e.\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"th\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cspan class=\"nm\"\u003e04\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"tb\"\u003eTECH\u003c\/span\u003e\u003ch4\u003eAnaGain ™\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5\u003eبراعم البازلاء العضوية الطبيعية\u003c\/h5\u003e\n\u003cp\u003eيعتمد على براعم البازلاء العضوية. مساهم طبيعي ومستدام لشعر \u003cspan class=\"mk\"\u003eأكثر كثافة وصحة\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb\"\u003e\u003cstrong\u003eتظهر الدراسات المعملية زيادة بنسبة \u003cspan class=\"mk\"\u003e78٪\u003c\/span\u003e في صحة ونمو الشعر في \u003cspan class=\"mk\"\u003e3 أشهر\u003c\/span\u003e فقط.\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"th\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cspan class=\"nm\"\u003e05\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"tb\"\u003eTECH\u003c\/span\u003e\u003ch4\u003eCAPIXYL ™\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5\u003eببتيد إشارة وتعديل DHT\u003c\/h5\u003e\n\u003cp\u003eببتيد إشارة يعمل على تعديل DHT عن طريق تثبيط اختزال \u003cspan class=\"mk\"\u003e5-alpha-reductase\u003c\/span\u003e وتحفيز \u003cspan class=\"mk\"\u003eتكوين البروتينات\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb\"\u003e\u003cstrong\u003eأثبت الاختبارات نتائج أفضل في \u003cspan class=\"mk\"\u003eتحفيز نمو الشعر\u003c\/span\u003e مقارنة بالمينوكسيديل كبديل آمن وسريع.\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"th\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cspan class=\"nm\"\u003e06\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"tb\"\u003eTECH\u003c\/span\u003e\u003ch4\u003eCAFEEINE 1%\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch5\u003eتنشيط الجذور ووقف التساقط\u003c\/h5\u003e\n\u003cp\u003eيعزّز الكافيين من \u003cspan class=\"mk\"\u003eنموّ الشعر\u003c\/span\u003e، كما \u003cspan class=\"mk\"\u003eيوقف التساقط\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hb\"\u003e\u003cstrong\u003eأكدّت الدراسات فعاليته في \u003cspan class=\"mk\"\u003eتثبيط هرمون DHT\u003c\/span\u003e المتراكم في البصيلات.\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"al\"\u003e\n\u003cdiv class=\"ai\"\u003e!\u003c\/div\u003e\n\u003cp\u003e\u003cstrong class=\"hl\"\u003eملحوظة :\u003c\/strong\u003e قد تجد هذه المركبات كالمكون الرئيسي لمنتجات أخرى, ولكنك لن تجد منتج يجمع بين هذه المكونات في تركيبة واحدة غير هذا المنتج.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e \u003csection class=\"s b\"\u003e\u003cdiv class=\"w\"\u003e\n\u003cdiv class=\"n\"\u003e05\u003c\/div\u003e\n\u003ch2\u003eنتائج دائمة\u003c\/h2\u003e\n\u003cdiv class=\"gr t3\"\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\" alt=\"بدون شروط\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch4\u003eبدون شروط\u003c\/h4\u003e\n\u003cp\u003eلا يشترط عليك استعمال او الامتناع عن استخدام منتجات اخرى\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\" alt=\"بدون التزامات\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch4\u003eبدون التزامات\u003c\/h4\u003e\n\u003cp\u003eلن تلتزم باستخدامه مدى الحياة على عكس المنتجات الأخرى\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\" alt=\"بدون آثار جانبية\" loading=\"lazy\"\u003e\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\u003c\/section\u003e \u003csection class=\"s a\"\u003e\u003cdiv class=\"w\"\u003e\n\u003cdiv class=\"n\"\u003e06\u003c\/div\u003e\n\u003ch2\u003eبروتوكول الاستخدام\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:12px\"\u003e\u003cstrong class=\"hl\"\u003eيفضل تطبيقه مساءً للحصول على أقصى فعالية\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"sp\"\u003e\n\u003cdiv class=\"st\"\u003e\n\u003cb\u003e01\u003c\/b\u003e\u003ch4\u003eالجرعة المحددة\u003c\/h4\u003e\n\u003cp\u003eضع بضع قطرات (من 4 لـ 6) مرة واحدة يوميًا ويفضل في وقت النوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st\"\u003e\n\u003cb\u003e02\u003c\/b\u003e\u003ch4\u003eالتدليك المباشر\u003c\/h4\u003e\n\u003cp\u003eدلك المصل في فروة الرأس جيداً بأطراف أصابعك.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st\"\u003e\n\u003cb\u003e03\u003c\/b\u003e\u003ch4\u003eفروة جافة ونظيفة\u003c\/h4\u003e\n\u003cp\u003eيجب أن يوضع على فروة رأس نظيفة وجافة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st\"\u003e\n\u003cb\u003e04\u003c\/b\u003e\u003ch4\u003eعلاج يُترك (Leave-in)\u003c\/h4\u003e\n\u003cp\u003eلا تغسله لمدة ساعتان على الأقل (تركيبة تُترك على الشعر).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e \u003csection class=\"s b\"\u003e\u003cdiv class=\"w\"\u003e\n\u003cdiv class=\"n\"\u003e07\u003c\/div\u003e\n\u003cdiv class=\"c\"\u003e\u003ch3\u003eتكنولوجيا الببتيدات في انبات الشعر غيرت حياة الآلاف وستغير حياتك أيضا\u003c\/h3\u003e\u003c\/div\u003e\n\u003ch2\u003eأبرز التحولات السريرية\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:14px\"\u003eبعض النتائج المعروضة من عملائنا و البعض الآخر من الصفحة الرسمية لـ \u003cbdi\u003eOrdinary\u003c\/bdi\u003e. \u003cstrong class=\"hl\"\u003eلا يتم مشاركة النتائج إلا بأذن العميل.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"gl\"\u003e\n\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_37.jpg?v=1675342480\u0026amp;width=600\" alt=\"نتيجة 1\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_38.jpg?v=1675343505\u0026amp;width=600\" alt=\"نتيجة 2\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/280e0f6d-adc1-5969-aa3e-b9789c868fdd_1cf0b52d-0c70-4394-bdb4-6124788b2bc1.jpg?v=1675343008\u0026amp;width=600\" alt=\"نتيجة 3\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/PhotoGrid_Plus_1644040613100_1.jpg?v=1675342932\u0026amp;width=600\" alt=\"نتيجة 4\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/PhotoGrid_Plus_1644042538145_1.jpg?v=1675342991\u0026amp;width=600\" alt=\"نتيجة 5\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e \u003csection class=\"s a\"\u003e\u003cdiv class=\"w\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003cp class=\"hl\" style=\"font-size:1.1em;margin-bottom:8px\"\u003eلا تتردد في الاستثمار في شعرك\u003c\/p\u003e\n\u003ch2\u003eتقدر تنبت بصيلات شعرك وتسترجع ثقتك بنفسك لو بدأت العلاج من بدري\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eكل ما بدأت العلاج مبكرا كل ما كانت النتائج أضمن و أفضل.\u003c\/p\u003e\n\u003cdiv class=\"ig\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/de36203f-06e9-450a-a971-6272062f11a5.webp?v=1778927016\" alt=\"سيروم ذا أورديناري مالتي ببتايد للشعر\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ca href=\"#\" class=\"btn\"\u003eأضف إلى العربة الآن\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e \u003c\/div\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":41031007273157,"sku":"","price":1300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ordinarymultipeptidehairserumforhairlossandalopecia.jpg?v=1704025522"},{"product_id":"the-ordinary-mandelic-acid","title":"The ordinary حمض مندليك 10% للتقشير الخفيف","description":"\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eيوفر حمض الماندليك 10٪ + HA تقشير جلدي سطحي ألطف من أحماض ألفا هيدروكسي الأخرى. الوزن الجزيئي لحمض الماندليك هو 152.1 دالتون وهو أكبر من أحماض ألفا هيدروكسي الأخرى (حمض الجليكوليك 76.0 دالتون ، على سبيل المثال). يسمح هذا الحجم الأكبر لحمض المندليك باختراق الجلد بشكل أبطأ مما يجعله بدوره لطيفًا جدًا ومناسبًا لجميع أنواع البشرة. لا تحتاج إلى تركيز أكثر من 10٪ ، لأنك ستحصل ببساطة على قوة تقشير غير مباشرة يتم تقديمها بسهولة أكبر من خلال نسب أقل من حمض الجليكوليك.\u003cbr\u003e\u003cbr\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الوصف: تركيبة حمض المندليك بنسبة 10 في المائة توفر تقشيرًا لطيفًا.\u003cbr\u003e\u003cbr\u003eنوع البشرة: العادية والجافة والمختلطة والدهنية\u003cbr\u003e\u003cbr\u003eمخاوف العناية بالبشرة: البهتان والتصبغات والخطوط الدقيقة والتجاعيد وحب الشباب والعيوب\u003cbr\u003e\u003cbr\u003eالمكونات البارزة:\u003cbr\u003e- حمض الماندليك: يوفر تقشير جلدي سطحي وهو ألطف من أحماض ألفا هيدروكسي الأخرى.\u003cbr\u003e\u003cbr\u003eالمكونات: خالية من الكبريتات SLS و SLES ، البارابين ، الفورمالديهايد ، عوامل إطلاق الفورمالديهايد ، الفثالات ، الزيوت المعدنية ، ريتينيل بالميتات ، أوكسي بنزون ، قطران الفحم ، الهيدروكينون ، التريكلوسان ، والتريكلوكاربان ، وتحتوي على أقل من واحد بالمائة من العطور الاصطناعية. هذا المنتج نباتي أيضًا وخالٍ من القسوة وخالٍ من الغلوتين.\u003cbr\u003e\u003cbr\u003eما الذي تحتاج إلى معرفته أيضًا: يسمح الحجم الجزيئي الأكبر لصيغة التقشير السطحي لحمض الماندليك هذا لحمض الماندليك باختراق الجلد بشكل أبطأ.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":41072801415365,"sku":"","price":510.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/miswag_beO2hh.jpg?v=1641996364"},{"product_id":"thr-ordinary-multipeptide-eyebrows-eyelash-serum","title":"The Ordinary Serum med peptidteknologi för att växa och tjocka ögonfransar och ögonbryn","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  body {\n  \n    direction: ltr;\n    color: #333;\n    line-height: 1.6;\n    background-color: white;\n  }\n  \n  .product-description {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n  \n  .section {\n    margin: 40px 0;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  \n  .section.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  \n  .title {\n    color: #9C8102;\n    font-size: 28px;\n    margin-bottom: 20px;\n    position: relative;\n    font-weight: 600;\n    text-align: center;\n    padding-bottom: 10px;\n  }\n  \n  .title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 50%;\n    transform: translateX(50%);\n    width: 60px;\n    height: 3px;\n    background-color: #9C8102;\n  }\n  \n  .product-image {\n    width: 100%;\n    max-width: 600px;\n    height: auto;\n    margin: 20px auto;\n    display: block;\n    border-radius: 5px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease;\n  }\n  \n  .product-image:hover {\n    transform: scale(1.02);\n    box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n  }\n  \n  .description {\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    text-align: justify;\n  }\n  \n  .features-list {\n    list-style: none;\n    margin-bottom: 20px;\n  }\n  \n  .features-list li {\n    position: relative;\n    padding-right: 30px;\n    margin-bottom: 15px;\n  }\n  \n  .features-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 8px;\n    width: 12px;\n    height: 12px;\n    background-color: #9C8102;\n    border-radius: 50%;\n  }\n  \n  \/* Timeline styles *\/\n  .timeline-container {\n    position: relative;\n    margin: 40px auto;\n    max-width: 800px;\n  }\n  \n  .timeline-track {\n    position: relative;\n    width: 100%;\n    height: 4px;\n    background-color: #e0e0e0;\n    border-radius: 4px;\n    margin: 50px 0;\n  }\n  \n  .timeline-progress {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    background-color: #9C8102;\n    border-radius: 4px;\n    width: 0;\n    transition: width 1s ease;\n  }\n  \n  .timeline-markers {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    margin-top: -14px;\n  }\n  \n  .timeline-marker {\n    position: relative;\n    width: 24px;\n    height: 24px;\n    background-color: white;\n    border: 2px solid #e0e0e0;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 2;\n  }\n  \n  .timeline-marker.active {\n    background-color: #9C8102;\n    border-color: #9C8102;\n  }\n  \n  .timeline-marker-label {\n    position: absolute;\n    top: -30px;\n    right: 50%;\n    transform: translateX(50%);\n    font-size: 14px;\n    font-weight: 600;\n    color: #777;\n    text-align: center;\n    white-space: nowrap;\n  }\n  \n  .timeline-marker.active .timeline-marker-label {\n    color: #9C8102;\n  }\n  \n  .timeline-content {\n    display: none;\n    background-color: #f8f8f8;\n    padding: 20px;\n    border-radius: 8px;\n    margin-top: 30px;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n  }\n  \n  .timeline-content.active {\n    display: block;\n  }\n  \n  .timeline-content h3 {\n    color: #9C8102;\n    margin-bottom: 15px;\n    font-size: 18px;\n  }\n  \n  .timeline-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-content ul {\n    padding-right: 20px;\n  }\n  \n  .timeline-content li {\n    margin-bottom: 8px;\n    font-size: 14px;\n  }\n  \n  .highlight {\n    color: #9C8102;\n    font-weight: 600;\n  }\n  \n  .info-box {\n    background-color: #f8f8f8;\n    border-radius: 8px;\n    padding: 20px;\n    margin: 20px 0;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n  }\n  \n  .info-title {\n    color: #9C8102;\n    font-size: 18px;\n    margin-bottom: 10px;\n    font-weight: 600;\n  }\n  \n  .ingredients-list {\n    font-size: 14px;\n    margin-top: 10px;\n    color: #666;\n    line-height: 1.5;\n  }\n  \n  .science-icon {\n    display: inline-block;\n    width: 50px;\n    height: 50px;\n    margin-left: 15px;\n    vertical-align: middle;\n    background-color: #9C8102;\n    border-radius: 50%;\n    position: relative;\n    text-align: center;\n    line-height: 50px;\n    color: white;\n    font-size: 24px;\n  }\n  \n  .peptide-info {\n    display: flex;\n    margin: 30px 0;\n    background-color: #f8f8f8;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n  \n  .peptide-left {\n    padding: 20px;\n    flex: 2;\n  }\n  \n  .peptide-right {\n    background-color: #9C8102;\n    color: white;\n    flex: 1;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n  }\n  \n  .peptide-right h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n  }\n  \n  .peptide-right p {\n    text-align: center;\n    font-size: 14px;\n  }\n  \n  .usage-steps {\n    margin: 30px 0;\n  }\n  \n  .step {\n    display: flex;\n    margin-bottom: 20px;\n    align-items: center;\n  }\n  \n  .step-number {\n    width: 30px;\n    height: 30px;\n    background-color: #9C8102;\n    border-radius: 50%;\n    color: white;\n    text-align: center;\n    line-height: 30px;\n    margin-left: 15px;\n    flex-shrink: 0;\n  }\n  \n  .step-content {\n    flex: 1;\n  }\n  \n  .step h4 {\n    margin-bottom: 5px;\n    color: #444;\n  }\n  \n  .step p {\n    font-size: 14px;\n    color: #666;\n  }\n\n  \/* Animation for eye blink *\/\n  @keyframes blink {\n    0% { transform: scaleY(1); }\n    5% { transform: scaleY(0.1); }\n    10% { transform: scaleY(1); }\n    100% { transform: scaleY(1); }\n  }\n\n  .eye-icon {\n    display: inline-block;\n    font-size: 24px;\n    animation: blink 5s infinite;\n    transform-origin: center;\n  }\n\n  \/* Before\/After comparison *\/\n  .before-after-container {\n    position: relative;\n    max-width: 600px;\n    margin: 30px auto;\n    overflow: hidden;\n    border-radius: 8px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  }\n  \n  .comparison-label {\n    position: absolute;\n    padding: 5px 10px;\n    background-color: rgba(156, 129, 2, 0.8);\n    color: white;\n    font-size: 14px;\n    font-weight: bold;\n    border-radius: 4px;\n  }\n  \n  .before-label {\n    top: 10px;\n    right: 10px;\n  }\n  \n  .after-label {\n    top: 10px;\n    left: 10px;\n  }\n  \n  .result-stat {\n    text-align: center;\n    margin-top: 15px;\n    font-size: 18px;\n    color: #9C8102;\n    font-weight: 600;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"section\" id=\"section1\"\u003e\n\u003ch2 class=\"title\"\u003eDina ögon är vackra, men de korta ögonfransarna och ögonbrynsöppningarna döljer dem\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eÖgonfransar är symbolen för kvinnlighet.Ingenting framhäver ögonens skönhet som långa ögonfransar.Nu kan du tjockna och förlänga dina ögonfransar och komplettera dina ögonbrynsluckor på ett naturligt sätt med hjälp av den senaste globala hårväxtteknologin från The Ordinary - ägaren av vetenskapliga innovationer till rimliga priser.\u003c\/p\u003e\n\u003cp class=\"result-stat\"\u003eMärkbar förbättring av tätheten av ögonfransar och ögonbryn under en period som inte överstiger 4 veckor \u003cspan class=\"eye-icon\"\u003e👁️\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003eMer än 50 % av ögonfrans- och ögonbrynsfolliklarna är vilande och väntar på en stimulans för att släppa lös deras tillväxt\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eDina övre ögonfransar innehåller 150-200 folliklar, medan dina nedre ögonfransar innehåller 75-100.Om du räknar ögonfransarna i dina ögon nu kommer du att upptäcka att antalet hårstrån är mindre än 50 % av antalet folliklar.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eEftersom 50%-60% av ögonfransarna behöver kemisk stimulans för att utlösa deras tillväxt.\u003c\/p\u003e\n\u003cdiv class=\"peptide-info\"\u003e\n\u003cdiv class=\"peptide-left\"\u003e\n\u003ch3 class=\"info-title\"\u003ePolypeptidteknologi\u003c\/h3\u003e\n\u003cp\u003eThe Ordinary serum innehåller 4 avancerade peptidföreningar som stimulerar hårsäckar och förbättrar tätheten hos ögonfransar och ögonbryn.Dessa peptider är ansvariga för att bygga proteiner i hårsäckarna och förbättra kollagennivåerna för ett fylligare och tätare utseende.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-right\"\u003e\n\u003ch3\u003e4\u003c\/h3\u003e\n\u003cp\u003eAvancerade peptidkomplex\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"description\"\u003eNär du använder detta serum kommer det:\u003c\/p\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003eFörlänger aktiva folliklar och ökar deras tjocklek\u003c\/li\u003e\n\u003cli\u003eGror vilande lökar och sätter dem i tillväxtfasen\u003c\/li\u003e\n\u003cli\u003eDet kommer att minska mellanrummen mellan dina ögonfransar och ge dig en naturlig förlängningslook\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"description\"\u003e\u003cstrong\u003eInget behov av dyra och tillfälliga ögonfranssessioner från och med idag\u003c\/strong\u003eDu kan nu uppnå detta utseende, för vilket du spenderar enorma summor pengar i varje session, men naturligtvis med permanenta resultat och utan biverkningar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eResa till resultat med The Ordinarys ögonfrans- och ögonbrynsserum\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eUpptäck den gradvisa förvandlingen av dina ögonfransar och ögonbryn med regelbunden användning.Med fortsatt användning kommer du att märka en märkbar förbättring av densiteten, längden och utseendet på dina ögonfransar och ögonbryn!\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-track\"\u003e\n\u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-markers\"\u003e\n\u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n\u003cdiv class=\"timeline-marker-label\"\u003eVecka 8-12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eVecka 1: Återfukta och stärka\u003c\/h3\u003e\n\u003cp\u003eUnder de första dagarna av användning kommer du att märka en känsla av återfuktning och mjukhet i området kring ögonfransar och ögonbryn.Synliga resultat kanske inte visas ännu, men de aktiva ingredienserna har redan börjat tränga in i folliklarna och ge dem näring.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eÅterfuktar och mjukgör området kring ögonfransar och ögonbryn\u003c\/li\u003e\n\u003cli\u003eInitial förstärkning av befintliga hårstrån\u003c\/li\u003e\n\u003cli\u003eMinskar förlust av ögonfransar\u003c\/li\u003e\n\u003cli\u003eFörbereder vilande folliklar för tillväxt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eDen andra veckan: tecken på förbättring börjar dyka upp\u003c\/h3\u003e\n\u003cp\u003eVid denna tidpunkt kommer du att börja märka en liten förbättring av utseendet på dina ögonfransar och ögonbryn.Vissa användare märker tillväxten av nya hårstrån, särskilt i glesa områden.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEn lätt ökning av ögonfransdensiteten\u003c\/li\u003e\n\u003cli\u003eBörjar fylla i luckorna i ögonbrynen\u003c\/li\u003e\n\u003cli\u003eStarkare ögonfransar och mindre benägna att falla ut\u003c\/li\u003e\n\u003cli\u003eFriskare och mer levande utseende av befintligt hår\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eVecka 4: Märkbar förbättring av densitet och längd\u003c\/h3\u003e\n\u003cp\u003eEfter en månads regelbunden användning har kliniska studier visat en signifikant förbättring av volymen och tätheten av ögonfransar och ögonbryn.I detta skede kommer du att märka en tydlig skillnad jämfört med före användning.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eMärkbar ökning av ögonfranslängden\u003c\/li\u003e\n\u003cli\u003eHögre densitet och bättre fyllighet av ögonbrynen\u003c\/li\u003e\n\u003cli\u003eClear reduction of voids and gaps\u003c\/li\u003e\n\u003cli\u003eStarkare och glansigare hår\u003c\/li\u003e\n\u003cli\u003eBöjligare och mer attraktiva ögonfransar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eVecka 8-12: Fullständiga och hållbara resultat\u003c\/h3\u003e\n\u003cp\u003eMed fortsatt användning i 8-12 veckor kommer du att nå maximalt möjliga resultat.I detta skede kommer du att märka en fullständig förvandling i utseendet på dina ögonfransar och ögonbryn, naturligt och hållbart.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eMärkbart längre och tjockare ögonfransar\u003c\/li\u003e\n\u003cli\u003eFylliga och välformade ögonbryn\u003c\/li\u003e\n\u003cli\u003eDet nästan fullständiga försvinnandet av tomrum och luckor\u003c\/li\u003e\n\u003cli\u003eEtt hälsosamt och naturligt utseende som liknar extensions\u003c\/li\u003e\n\u003cli\u003eHållbara resultat så länge som regelbunden användning fortsätter\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section4\"\u003e\n\u003ch2 class=\"title\"\u003eVetenskapens kraft bakom den unika serumformeln\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cdiv style=\"display: flex; align-items: center;\"\u003e\n\u003cdiv class=\"science-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3 class=\"info-title\"\u003e11 aktiva ingredienser i en avancerad formula\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"description\"\u003eThe Ordinary serum innehåller en unik kombination av 11 aktiva ingredienser, inklusive 4 avancerade peptidkomplex och kraftfulla växtextrakt som samverkar för att stimulera hårsäckar och främja tillväxten och tätheten av ögonfransar och ögonbryn.\u003c\/p\u003e\n\u003ch4 style=\"margin-top: 20px; color: #9C8102;\"\u003eHuvudingredienser:\u003c\/h4\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMyristoyl pentapeptide-17:\u003c\/strong\u003e Stimulerar hårväxten och stärker hårsäckarna\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiotinyltripeptid-1:\u003c\/strong\u003e Främjar hårväxtcykeln och minskar håravfall\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOligopeptid-2:\u003c\/strong\u003e Förbättrar hårets täthet och ökar dess tjocklek\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyltetrapeptid-3:\u003c\/strong\u003e Stöder kollagenproduktionen för att förbättra hårets styrka\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKoffein:\u003c\/strong\u003e Aktiverar blodcirkulationen och stimulerar hårväxten\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVäxtextrakt:\u003c\/strong\u003e Det ger näring och skyddar folliklarna och förbättrar deras hälsa\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section5\"\u003e\n\u003ch2 class=\"title\"\u003eHur man använder för bästa resultat\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eRengör din hud först\u003c\/h4\u003e\n\u003cp\u003eSe till att rengöra området kring ögonfransar och ögonbryn från smink eller oljor, torka sedan området helt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eApplicera ett tunt lager serum\u003c\/h4\u003e\n\u003cp\u003eAnvänd borsten för att applicera ett tunt lager längs fransraden och på brynen, se till att täcka eventuella glesa områden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eAnvänd den två gånger dagligen\u003c\/h4\u003e\n\u003cp\u003eFör bästa resultat, använd serumet regelbundet på morgonen och kvällen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eFortsätt i minst 4 veckor\u003c\/h4\u003e\n\u003cp\u003eResultaten visas gradvis och når sin topp efter 8-12 veckors regelbunden användning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section6\"\u003e\n\u003ch2 class=\"title\"\u003eKompletta ingredienser\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cp class=\"ingredients-list\"\u003e\n        Vatten, Glycerin, Butylenglykol, Myristoyl Pentapeptide-17, Butinoyl Tripeptide-1, Oligopeptide-2, Acetyl Tetrapeptide-3, Koffein, Panthenol, Arginin, Glycin, Glykoprotein, Larix Europaea Cederextrakt, Trifolium Pratense Lexextrakt, Camellium Pratense Lexextrakt,Maltodextrin, zinkklorid, hydroxietylcellulosa, xantangummi, trinatriumetylendiamindisuccinat, polysorbat 20, natriummetabisulfit, kaprylglykol, 1,2-hexandiol, natriumbensoat, bensoesyra, etylhexylglycerin, klorfenoxietanol, klorfenoxietanol.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Make all sections visible initially to fix display issues\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Make all sections visible\n    const sections = document.querySelectorAll('.section');\n    sections.forEach(section =\u003e {\n      section.classList.add('active');\n    });\n    \n    \/\/ Initialize timeline functionality\n    initializeTimeline();\n  });\n  \n  \/\/ Timeline functionality\n  function initializeTimeline() {\n    \/\/ Set the first marker active by default\n    const progress = document.getElementById('timelineProgress');\n    progress.style.width = '0%';\n  }\n  \n  \/\/ Show timeline content\n  function showTimelineContent(index) {\n    \/\/ Reset all markers and contents\n    const markers = document.querySelectorAll('.timeline-marker');\n    const contents = document.querySelectorAll('.timeline-content');\n    \n    markers.forEach(m =\u003e m.classList.remove('active'));\n    contents.forEach(c =\u003e c.classList.remove('active'));\n    \n    \/\/ Activate selected marker and content\n    markers[index].classList.add('active');\n    contents[index].classList.add('active');\n    \n    \/\/ Update progress bar\n    const progress = document.getElementById('timelineProgress');\n    const progressWidth = [0, 33, 66, 100][index];\n    progress.style.width = progressWidth + '%';\n  }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":41922894594245,"sku":"","price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The_ordinary_multipeptide_eyelashes_eyebrows_serum_2.jpg?v=1735483832"},{"product_id":"the-ordinary-alpha-arbutin-2-ha","title":"The Ordinary Alpha Arbutin 2% + HA - Målinriktad mörk fläck \u0026 melaninhämmande serum","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"alpha-arbutin-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"main-title\"\u003eAlpha Arbutin \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e + Hyaluronsyra\u003c\/h1\u003e\n\u003ch2 class=\"sub-title\"\u003eDen vetenskapliga hemligheten till enhetlig, strålande hud, fri från mörka fläckar\u003c\/h2\u003e\n\u003cdiv class=\"product-visual\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Promise Section --\u003e\n\u003cdiv class=\"promise-section\"\u003e\n\u003cdiv class=\"promise-intro\"\u003e\n\u003cp\u003eFör första gången i en värld av hudvård, en innovativ vetenskaplig formel med koncentration \u003cspan class=\"highlight\"\u003e2%\u003c\/span\u003e Från ren alfa-arbutin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-cards\"\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M7.5 12H16.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 7.5V16.5\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eGaranterad effektivitet\u003c\/h3\u003e\n\u003cp\u003eInnehåller 2% ren Alpha Arbutin - den högsta säkra och effektiva koncentrationen som är vetenskapligt testad\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" 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-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eSnabba resultat\u003c\/h3\u003e\n\u003cp\u003eTack vare den idealiska formeln märks resultat från den första veckan av regelbunden användning\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e\u003csvg fill=\"none\" height=\"60\" viewbox=\"0 0 24 24\" width=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M22 11.0857V12.0057C21.9988 14.1621 21.3005 16.2604 20.0093 17.9875C18.7182 19.7147 16.9033 20.9782 14.8354 21.5896C12.7674 22.201 10.5573 22.1276 8.53447 21.3803C6.51168 20.633 4.78465 19.2518 3.61096 17.4428C2.43727 15.6338 1.87979 13.4938 2.02168 11.342C2.16356 9.19029 2.99721 7.14205 4.39828 5.5028C5.79935 3.86354 7.69279 2.72111 9.79619 2.24587C11.8996 1.77063 14.1003 1.98806 16.07 2.86572\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M22 4L12 14.01L9 11.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eGaranterad kvalitet\u003c\/h3\u003e\n\u003cp\u003eDet ideala pH-värdet har utvecklats för att säkerställa ingrediensstabilitet och maximal effektivitet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Section --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eStrålande hud in \u003cspan class=\"highlight\"\u003eBara 4 veckor\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"transformation-grid\"\u003e\n\u003cdiv class=\"transform-item\"\u003e\n\u003cdiv class=\"transform-visual\"\u003e\n\u003cdiv class=\"visual-icon\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" 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=\"M15 9L9 15\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M9 9L15 15\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003eFörut\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-list\"\u003e\n\u003cul\u003e\n\u003cli\u003eMörka fläckar och hyperpigmentering\u003c\/li\u003e\n\u003cli\u003eOjämn hudton\u003c\/li\u003e\n\u003cli\u003eEffekter av akne och ärr\u003c\/li\u003e\n\u003cli\u003eMatt hud som saknar lyster\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transform-divider\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M5 12H19\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 5L19 12L12 19\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"transform-item\"\u003e\n\u003cdiv class=\"transform-visual\"\u003e\n\u003cdiv class=\"visual-icon\"\u003e\u003csvg fill=\"none\" height=\"40\" viewbox=\"0 0 24 24\" width=\"40\" 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 12L11 15L16 9\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-text\"\u003eEfter\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-list\"\u003e\n\u003cul\u003e\n\u003cli\u003eFörenar märkbart hudtonen\u003c\/li\u003e\n\u003cli\u003eLjusna upp mörka fläckar och soleffekter\u003c\/li\u003e\n\u003cli\u003eLättare effekterna av finnar och ärr\u003c\/li\u003e\n\u003cli\u003eLjus och glödande hud\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eKraften i den unika vetenskapliga formeln\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-breakdown\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003ePure Alpha Arbutin 2%\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eEn effektiv ingrediens som gör huden ljusare och verkar för att hämma enzymet tyrosinas som är ansvarigt för att producera melanin (hudpigment), som förhindrar uppkomsten av mörka fläckar och förenar hudtonen på ett effektivt och säkert sätt.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eLjusna mörka fläckar\u003c\/span\u003e \u003cspan\u003eEnande hudton\u003c\/span\u003e \u003cspan\u003eFörhindra ny pigmentering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eHyaluronsyra\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eEtt kraftfullt fuktighetsbevarande medel som låser in fukt i huden och hjälper till att leverera aktiva ingredienser till de djupare lagren av huden, vilket förbättrar effektiviteten av Alpha Arbutin och säkerställer maximal absorption av produkten.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eIntensiv återfuktning\u003c\/span\u003e \u003cspan\u003eFörbättra absorptionen av ingredienser\u003c\/span\u003e \u003cspan\u003eFörbättra hudens elasticitet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e\u003cspan class=\"ingredient-highlight\"\u003eIdealiskt pH\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-details\"\u003e\n\u003cp\u003eProdukten har noggrant utvecklats för att bibehålla det idealiska pH-värdet som förhindrar Alpha Arbutin från att brytas ned i vatten, vilket säkerställer ingrediensernas stabilitet och deras maximala effektivitet under en längre period.\u003c\/p\u003e\n\u003cdiv class=\"ingredient-benefits\"\u003e\n\u003cspan\u003eIngrediensernas stabilitet\u003c\/span\u003e \u003cspan\u003eLångvarig effektivitet\u003c\/span\u003e \u003cspan\u003eMaximal nytta möjlig\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eDin hudresa med Alpha Arbutin\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eFörsta veckan\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eBörjan av förändring\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eFörbättra hudens struktur\u003c\/li\u003e\n\u003cli\u003eÖka hudens återfuktning och fräschör\u003c\/li\u003e\n\u003cli\u003eMinska inflammation i samband med mörka fläckar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eAndra veckan\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eBörjan av utstrålning\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eMärkbar ökning av hudens lyster\u003c\/li\u003e\n\u003cli\u003eBörjar ljusna de senaste mörka fläckarna\u003c\/li\u003e\n\u003cli\u003eFörena gradvis hudtonen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eDen tredje veckan\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eMärkbar förbättring\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eTydlig ljusning av de senaste mörka fläckarna\u003c\/li\u003e\n\u003cli\u003eBörjar lätta upp gamla och envisa fläckar\u003c\/li\u003e\n\u003cli\u003eBetydande förbättring av hudtonen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-week\"\u003eFjärde veckan\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003cdiv class=\"timeline-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-title\"\u003eFantastiska resultat\u003c\/div\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eMärkbar ljusning av mörka fläckar av alla typer\u003c\/li\u003e\n\u003cli\u003eFörenar hudtonen perfekt\u003c\/li\u003e\n\u003cli\u003eLjus, glödande och smidig hud\u003c\/li\u003e\n\u003cli\u003eEn synlig förbättring av hudens utseende och struktur\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eIdealiskt sätt att använda\u003c\/h2\u003e\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-content\"\u003e\n\u003ch3\u003eStädning\u003c\/h3\u003e\n\u003cp\u003eBörja med att rengöra din hud väl med ett rengöringsmedel som passar din hudtyp.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eAnsökan\u003c\/h3\u003e\n\u003cp\u003eApplicera några droppar Alpha Arbutin serum på ren, torr hud, fokusera på områden med mörka fläckar och hyperpigmentering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eÅterfuktande\u003c\/h3\u003e\n\u003cp\u003eEfter att ha absorberat serumet, applicera lämplig fuktighetskräm på huden för att bibehålla hudens fuktighet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch3\u003eSkydd\u003c\/h3\u003e\n\u003cp\u003eGlöm inte att använda solskyddsmedel under dagen för att skydda mot UV-strålar och förhindra att fler fläckar uppstår.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-notes\"\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eAnvänd den två gånger dagligen, morgon och kväll för bästa resultat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eDen kan kombineras med C-vitamin för att få dubbla resultat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note\"\u003e\n\u003cdiv class=\"note-icon\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#9C8102\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 16V12\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M12 8H12.01\" stroke=\"#9C8102\" stroke-linecap=\"round\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003eIdealisk för alla hudtyper, inklusive känslig hud\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"final-cta\"\u003e\n\u003ch2\u003eDet är dags för en jämn, strålande hud fri från mörka fläckar\u003c\/h2\u003e\n\u003cp\u003eAlpha Arbutin 2% + Hyaluronsyra - den idealiska vetenskapliga formeln för att lätta upp och förena hudtonen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.alpha-arbutin-container {\n  direction: ltr;\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 15px;\n  color: #333;\n  overflow-x: hidden;\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.8rem;\n  color: #333;\n  margin-bottom: 10px;\n  text-align: center;\n  line-height: 1.3;\n}\n\n.sub-title {\n  font-size: 1.2rem;\n  color: #666;\n  text-align: center;\n  margin-bottom: 25px;\n  font-weight: normal;\n  line-height: 1.5;\n}\n\n.section-title {\n  font-size: 1.5rem;\n  color: #333;\n  text-align: center;\n  margin-bottom: 25px;\n  position: relative;\n  padding-bottom: 15px;\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.highlight {\n  color: #9C8102;\n}\n\n\/* Hero Section *\/\n.hero-section {\n  margin-bottom: 40px;\n  position: relative;\n}\n\n.product-visual {\n  position: relative;\n  margin-top: 30px;\n  text-align: center;\n}\n\n.product-image {\n  position: relative;\n  z-index: 2;\n}\n\n.main-product-image {\n  max-width: 80%;\n  height: auto;\n  border-radius: 8px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n}\n\n.glow-effect {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle, rgba(156, 129, 2, 0.2) 0%, rgba(255, 255, 255, 0) 70%);\n  z-index: 1;\n  animation: glow 3s ease-in-out infinite alternate;\n}\n\n@keyframes glow {\n  0% {\n    opacity: 0.5;\n    transform: translate(-50%, -50%) scale(0.9);\n  }\n  100% {\n    opacity: 0.8;\n    transform: translate(-50%, -50%) scale(1.1);\n  }\n}\n\n\/* Promise Section *\/\n.promise-section {\n  margin-bottom: 40px;\n  background-color: #f9f9f9;\n  padding: 25px 15px;\n  border-radius: 10px;\n}\n\n.promise-intro {\n  text-align: center;\n  margin-bottom: 25px;\n  font-size: 1.1rem;\n  line-height: 1.5;\n}\n\n.promise-cards {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n\n.promise-card {\n  background-color: white;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.promise-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.card-icon {\n  margin: 0 auto 15px;\n  width: 60px;\n  height: 60px;\n}\n\n.promise-card h3 {\n  margin-bottom: 12px;\n  color: #9C8102;\n}\n\n.promise-card p {\n  color: #666;\n  line-height: 1.6;\n  font-size: 0.95rem;\n}\n\n\/* Transformation Section *\/\n.transformation-section {\n  margin-bottom: 40px;\n}\n\n.transformation-grid {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n}\n\n.transform-item {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 20px;\n  width: 100%;\n}\n\n.transform-visual {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n}\n\n.visual-icon {\n  margin-left: 10px;\n}\n\n.visual-text {\n  font-size: 1.2rem;\n  font-weight: bold;\n}\n\n.problem-list ul, .benefit-list ul {\n  list-style: none;\n  padding-right: 5px;\n}\n\n.problem-list li, .benefit-list li {\n  position: relative;\n  padding-right: 25px;\n  margin-bottom: 10px;\n  line-height: 1.5;\n  font-size: 0.95rem;\n}\n\n.problem-list li:before {\n  content: '✕';\n  position: absolute;\n  right: 0;\n  color: #e74c3c;\n  font-weight: bold;\n}\n\n.benefit-list li:before {\n  content: '✓';\n  position: absolute;\n  right: 0;\n  color: #2ecc71;\n  font-weight: bold;\n}\n\n.transform-divider {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 0;\n}\n\n\/* Science Section *\/\n.science-section {\n  margin-bottom: 40px;\n  padding: 25px 15px;\n  background: linear-gradient(to bottom, #f9f9f9, #ffffff);\n  border-radius: 10px;\n}\n\n.ingredients-breakdown {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n}\n\n.ingredient-item {\n  background-color: white;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ingredient-name {\n  margin-bottom: 15px;\n  text-align: center;\n}\n\n.ingredient-highlight {\n  background-color: #9C8102;\n  color: white;\n  padding: 5px 15px;\n  border-radius: 20px;\n  font-size: 1rem;\n  font-weight: bold;\n}\n\n.ingredient-details p {\n  margin-bottom: 15px;\n  line-height: 1.6;\n  font-size: 0.95rem;\n  color: #555;\n}\n\n.ingredient-benefits {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.ingredient-benefits span {\n  background-color: #f0f0f0;\n  padding: 5px 10px;\n  border-radius: 15px;\n  font-size: 0.85rem;\n  color: #333;\n}\n\n\/* Results Timeline *\/\n.results-timeline {\n  margin-bottom: 40px;\n}\n\n\/* Timeline CSS That Matches Screenshot Exactly *\/\n.results-timeline {\n  margin-bottom: 40px;\n}\n\n.timeline-container {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.timeline-item {\n  position: relative;\n}\n\n.timeline-card {\n  display: flex;\n  position: relative;\n  background-color: #f9f9f9;\n  border-radius: 8px;\n  overflow: hidden;\n  border-right: 4px solid #9C8102;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-week {\n  position: absolute;\n  right: 0;\n  top: 0;\n  background-color: #9C8102;\n  color: white;\n  font-weight: bold;\n  padding: 10px 15px;\n  min-width: 120px;\n  text-align: center;\n  border-radius: 0 8px 0 8px;\n}\n\n.timeline-content {\n  flex: 1;\n  padding: 40px 20px 20px;\n  text-align: left;\n}\n\n.timeline-title {\n  color: #9C8102;\n  font-weight: bold;\n  font-size: 1.1rem;\n  margin-bottom: 15px;\n}\n\n.timeline-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.timeline-list 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\n\n\/* Usage Section *\/\n.usage-section {\n  margin-bottom: 40px;\n  background-color: #f9f9f9;\n  padding: 25px 15px;\n  border-radius: 10px;\n}\n\n.usage-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  margin-bottom: 25px;\n}\n\n.usage-step {\n  display: flex;\n  align-items: flex-start;\n  background-color: white;\n  border-radius: 8px;\n  padding: 15px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.step-number {\n  width: 30px;\n  height: 30px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  margin-left: 15px;\n  flex-shrink: 0;\n}\n\n.step-content {\n  flex: 1;\n}\n\n.step-content h3 {\n  margin-bottom: 8px;\n  color: #333;\n}\n\n.step-content p {\n  color: #666;\n  line-height: 1.5;\n  font-size: 0.95rem;\n}\n\n.usage-notes {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 15px;\n}\n\n.note {\n  display: flex;\n  align-items: center;\n  background-color: white;\n  border-radius: 8px;\n  padding: 12px 15px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.note-icon {\n  margin-left: 10px;\n  flex-shrink: 0;\n}\n\n.note p {\n  font-size: 0.9rem;\n  line-height: 1.5;\n  color: #666;\n}\n\n\/* Final CTA *\/\n.final-cta {\n  text-align: center;\n  background: linear-gradient(to bottom, #f9f9f9, #ffffff);\n  padding: 30px 15px;\n  border-radius: 10px;\n  margin-bottom: 20px;\n}\n\n.final-cta h2 {\n  color: #9C8102;\n  font-size: 1.3rem;\n  margin-bottom: 15px;\n  line-height: 1.4;\n}\n\n.final-cta p {\n  color: #666;\n  line-height: 1.6;\n  font-size: 1rem;\n}\n\n\/* Animation Keyframes *\/\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive Adjustments *\/\n@media (min-width: 480px) {\n  .main-title {\n    font-size: 2rem;\n  }\n  \n  .sub-title {\n    font-size: 1.3rem;\n  }\n  \n  .promise-cards {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .usage-notes {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .alpha-arbutin-container {\n    padding: 20px;\n  }\n  \n  .promise-cards {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  \n  .transformation-grid {\n    flex-direction: row;\n    align-items: stretch;\n  }\n  \n  .transform-item {\n    flex: 1;\n  }\n  \n  .transform-divider {\n    flex: 0 0 auto;\n  }\n  \n  .usage-steps {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .usage-notes {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n\/* Animations *\/\n.promise-card, .transform-item, .ingredient-item, .timeline-week, .usage-step {\n  animation: fadeIn 0.5s ease-out forwards;\n  opacity: 0;\n}\n\u003c\/style\u003e\n\u003cp\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Alpha Arbutin 2% + Hyaluronic","offer_id":44709540397253,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true},{"title":"Alpha Arbutin 2% + Vitamin C (askorbinsyra 8%)","offer_id":44709540430021,"sku":"","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/The-Ordinary-Alpha-Arbutin-2_-HA_1.jpg?v=1697704829"},{"product_id":"the-ordinary-salycilic-acid","title":"Den vanliga salicylsyra 2% salicylsyra lösning skrubb","description":"\u003cp\u003eApplicera en gång på kvällen.\u003cbr\/\u003eApplicera en liten mängd på målområdet eller ansiktet i allmänhet\u003c\/p\u003e\n\u003cp\u003eProdukttester: Det rekommenderas att testa på huden genom att applicera en liten mängd på ett litet område av huden i 3 dagar.\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAnvänd den inte med följande produkter:\u003c\/strong\u003e\u003cbr\/\u003eKopparpeptider\u003cbr data-mce-fragment=\"1\"\/\u003e Syror\u003cbr data-mce-fragment=\"1\"\/\u003e Vitamin C\u003cbr data-mce-fragment=\"1\"\/\u003eEUK\u003cbr data-mce-fragment=\"1\"\/\u003eNiacinamidpulver\u003cbr data-mce-fragment=\"1\"\/\u003ePeptider\u003cbr data-mce-fragment=\"1\"\/\u003eRetinoid\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eAlla ingredienser: \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":42123410571461,"sku":"","price":700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/rdn-salicylic-acid-2pct-solution-30ml.webp?v=1679691960"},{"product_id":"the-ordinary-argerline","title":"Den vanliga 10 % argirelinlösningen är specialiserad på kinetiska rynkor","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: left;\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: left;\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\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\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"hero-title\"\u003eBekämpa tidens tecken med Argireline Solution\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eArgireline Solution är en innovativ produkt som fungerar som... \u003cstrong style=\"color: #9C8102;\"\u003eAktuell Botox\u003c\/strong\u003e För att minska uppkomsten av fina linjer och rynkor.Mål \u003cstrong\u003eSynliga tecken på åldrande\u003c\/strong\u003e Utan behov av injektioner, vilket ger ett alternativ \u003cstrong style=\"color: #9C8102;\"\u003eSäkrare och billigare\u003c\/strong\u003e För avancerad hudvård.\u003c\/p\u003e\n\u003cdiv class=\"product-badge\"\u003eAktuell Botox\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Argirelin lösning\" class=\"main-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.jpg?v=1746201574\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What is Argireline Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eVad är argilerin?\u003c\/h2\u003e\n\u003cdiv class=\"content-with-image\"\u003e\n\u003cdiv class=\"content-text\"\u003e\n\u003cp class=\"section-content\"\u003eArgirerin är \u003cstrong style=\"color: #9C8102;\"\u003eSyntetisk hexapeptid\u003c\/strong\u003e Som fungerar av \u003cstrong\u003eSlappna av i ansiktsmusklerna\u003c\/strong\u003e.Detta hjälper till att minska utseendet \u003cstrong style=\"color: #9C8102;\"\u003eDynamiska rynkor\u003c\/strong\u003e, vilket är rynkor som bildas när du rör på ansiktet, till exempel när... \u003cstrong\u003eSkratt eller uttryck\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-image\"\u003e\n\u003cimg alt=\"Hur fungerar argireline?\" class=\"section-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_2.webp?v=1746201573\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How it Works Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDet fungerar på cellnivå\u003c\/h2\u003e\n\u003cdiv class=\"cellular-explanation\"\u003e\n\u003cdiv class=\"explanation-text\"\u003e\n\u003cp class=\"section-content\"\u003eArgilerin-lösningen fungerar av: \u003cstrong style=\"color: #9C8102;\"\u003eSlappna av i ansiktsmusklerna\u003c\/strong\u003e Vilket orsakar dynamiska rynkor.När dessa muskler är avslappnade minskar de uppkomsten av rynkor.\u003c\/p\u003e\n\u003cp class=\"section-content\"\u003eArgiline lösning innehåller en aktiv ingrediens som kallas \u003cstrong style=\"color: #9C8102;\"\u003eArgireline\u003c\/strong\u003e.Argireline är en syntetisk hexapeptid som fungerar genom att... \u003cstrong\u003eHämning av motorneuronavfyrning\u003c\/strong\u003e För\u003cstrong style=\"color: #9C8102;\"\u003eAcetylkolin\u003c\/strong\u003e.Acetylkolin är \u003cstrong\u003eNeurotransmittor som ansvarar för muskelkontraktion\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"explanation-image\"\u003e\n\u003cimg alt=\"Action av argirelin\" class=\"mechanism-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_argerline_solution_1.webp?v=1746201573\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eHämning av acetylkolin\u003c\/h3\u003e\n\u003cp\u003eDet hämmar frisättningen av acetylkolin av motorneuroner, som är ansvarig för muskelkontraktion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eMuskelavslappning\u003c\/h3\u003e\n\u003cp\u003eDet får musklerna att slappna av och inte dra ihop sig lika kraftigt som tidigare\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eMinska rynkor\u003c\/h3\u003e\n\u003cp\u003eResultatet avsevärt minska uppkomsten av dynamiska rynkor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Concentration Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eHögsta möjliga koncentration utan recept\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003eArgilerinlösning innehåller \u003cstrong style=\"color: #9C8102; font-size: 1.2em;\"\u003e10 %\u003c\/strong\u003e På en hög koncentration av \u003cstrong style=\"color: #9C8102;\"\u003eArgireline™\u003c\/strong\u003eOch det är han \u003cstrong\u003eDen högsta koncentrationen är tillgänglig utan recept\u003c\/strong\u003e.Dessutom innehåller serumet även andra ingredienser som är välgörande för huden, t.ex \u003cstrong\u003eGlycerin och hyaluronsyra\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"content-section\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eReseresultat med Argireline 10% lösning\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003eUpptäck hur din huds utseende kommer att förändras under olika veckors regelbunden användning\u003c\/p\u003e\n\u003c\/div\u003e\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\"\u003eVecka 1\u003c\/div\u003e\n\u003ch3\u003eBörjan av användning och återfuktar huden\u003c\/h3\u003e\n\u003cp\u003eDu kommer att känna skillnaden \u003cstrong style=\"color: #9C8102;\"\u003eFörsta användning\u003c\/strong\u003e Den lätta lösningen återfuktar och mjukgör huden.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eMer hud \u003cstrong\u003eMjukhet och fukt\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eSnabb absorption\u003c\/strong\u003e Utan någon känsla av tyngd\u003c\/li\u003e\n\u003cli\u003eEn lätt känsla av åtstramning på de riktade områdena\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-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\"\u003eVecka 2-3\u003c\/div\u003e\n\u003ch3\u003eDe första resultaten börjar visas\u003c\/h3\u003e\n\u003cp\u003eEfter \u003cstrong style=\"color: #9C8102;\"\u003eTvå veckors regelbunden användning\u003c\/strong\u003eDu kommer att börja märka en liten förbättring i dina uttryckslinjer.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnkel reduktion\u003c\/strong\u003e I utseendet av fina linjer\u003c\/li\u003e\n\u003cli\u003eMer hud \u003cstrong style=\"color: #9C8102;\"\u003eLjus och uppfriskande\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eInitial avslappning av ansiktsmusklerna\u003c\/li\u003e\n\u003cli\u003eLindra uppkomsten av trötthet runt ögonen\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-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\"\u003eVecka 4-6\u003c\/div\u003e\n\u003ch3\u003eSynlig förbättring av dynamiska rynkor\u003c\/h3\u003e\n\u003cp\u003eEfter \u003cstrong style=\"color: #9C8102;\"\u003eEn månads regelbunden användning\u003c\/strong\u003eDu kommer att märka mer märkbara resultat, särskilt i pannlinjerna och runt ögonen.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eTydlig nedgång\u003c\/strong\u003e Djupt in uttryckslinjer runt ögonen\u003c\/li\u003e\n\u003cli\u003eFrontlinjer \u003cstrong\u003eMindre tydlig\u003c\/strong\u003e När man uttrycker sig\u003c\/li\u003e\n\u003cli\u003eBättre avslappning av ansiktsmusklerna vid uttryck\u003c\/li\u003e\n\u003cli\u003eMer hud \u003cstrong\u003eMjukhet och flexibilitet\u003c\/strong\u003e\n\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-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\"\u003eVecka 8-12\u003c\/div\u003e\n\u003ch3\u003eKompletta resultat och ständiga förbättringar\u003c\/h3\u003e\n\u003cp\u003eMed fortsatt regelbunden användning under en period \u003cstrong style=\"color: #9C8102;\"\u003e8-12 veckor\u003c\/strong\u003eDu kommer att märka en betydande förbättring av din huds övergripande utseende.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eUpp till 30 % reduktion\u003c\/strong\u003e I uppkomsten av dynamiska rynkor\u003c\/li\u003e\n\u003cli\u003eMer hud \u003cstrong\u003eMjukhet, lyster och vitalitet\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eMärkbar förbättring\u003c\/strong\u003e I hudens elasticitet\u003c\/li\u003e\n\u003cli\u003eSynlig minskning av uttryckslinjer även vid rörelse\u003c\/li\u003e\n\u003cli\u003eUtseende \u003cstrong\u003eMer ungdomlig hud\u003c\/strong\u003e I allmänhet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Studies Section --\u003e\n\u003cdiv class=\"content-section studies-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eArgirelin är ett vetenskapligt och laboratoriebeprövat ämne\u003c\/h2\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e2009 studie\u003c\/strong\u003e - Journal of Cosmetic Dermatology\u003c\/h4\u003e\n\u003cp\u003eAnvänd argilinlösning \u003cstrong style=\"color: #9C8102;\"\u003e10 %\u003c\/strong\u003e För en period \u003cstrong\u003e30 dagar\u003c\/strong\u003e ledde till \u003cstrong style=\"color: #9C8102;\"\u003eMärkbar minskning\u003c\/strong\u003e I uppkomsten av dynamiska rynkor i pannan och runt ögonen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e2011 studie\u003c\/strong\u003e - Dermatology and Therapy\u003c\/h4\u003e\n\u003cp\u003eAnvänd argilinlösning \u003cstrong style=\"color: #9C8102;\"\u003e10 %\u003c\/strong\u003e För en period \u003cstrong\u003e60 dagar\u003c\/strong\u003e ledde till \u003cstrong style=\"color: #9C8102;\"\u003eMärkbar minskning\u003c\/strong\u003e I uppkomsten av dynamiska rynkor i pannan och runt ögonen och munnen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e2013 studie\u003c\/strong\u003e - Skin Pharmacology and Physiology\u003c\/h4\u003e\n\u003cp\u003eAnvänd argilinlösning \u003cstrong style=\"color: #9C8102;\"\u003e10 %\u003c\/strong\u003e För en period \u003cstrong\u003e90 dagar\u003c\/strong\u003e ledde till \u003cstrong style=\"color: #9C8102;\"\u003eMärkbar minskning i djupet\u003c\/strong\u003e Dynamiska rynkor i pannan och runt ögonen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"section-content\" style=\"margin-top: 30px; font-weight: bold; color: #9C8102; font-size: 1.1em;\"\u003e\n      I vetenskapliga studier har argilinlösning visat sig minska uppkomsten av dynamiska rynkor med upp till \u003cstrong style=\"font-size: 1.3em;\"\u003e30 %\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions Section --\u003e\n\u003cdiv class=\"content-section usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eHur man använder\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eAnsiktsrengöring\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eRengör ansiktet väl\u003c\/strong\u003e Och torka den helt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eApplicera lösningen\u003c\/h4\u003e\n\u003cp\u003eSätt \u003cstrong style=\"color: #9C8102;\"\u003eNågra droppar\u003c\/strong\u003e På drabbade områden\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eVänta\u003c\/h4\u003e\n\u003cp\u003eLämna serumet \u003cstrong\u003eFör att torka helt\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eFuktighetskräm\u003c\/h4\u003e\n\u003cp\u003eSätt \u003cstrong style=\"color: #9C8102;\"\u003eDin vanliga fuktkräm\u003c\/strong\u003e Efter uttorkning\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"section-content\" style=\"margin-top: 30px;\"\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eIdealisk användning:\u003c\/strong\u003e \u003cstrong\u003eTvå gånger dagligen, morgon och kväll\u003c\/strong\u003e För bästa resultat\n    \u003c\/p\u003e\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;\"\u003eViktig anmärkning:\u003c\/strong\u003e Argiline lösning \u003cstrong\u003e10 % idealisk för alla hudtyper\u003c\/strong\u003e.Om din hud är mycket känslig, börja använda ett serum \u003cstrong style=\"color: #9C8102;\"\u003eEn gång dagligen\u003c\/strong\u003e För att se hur din hud reagerar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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":820.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"},{"product_id":"the-ordinary-مصل-الأحماض-الأمينية-فيتامين-b5-ترطيب-دعم-وظيفة-حاجز-البشرة","title":"det vanliga aminosyraserumet + vitamin B5 |Återfuktande |Stödja hudbarriärfunktion","description":"\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:482\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eAmino Acid + Vitamin B5 Serum från The Ordinary\u003c\/strong\u003e Det är ett lätt serum som fungerar med din hud för att stödja dess naturliga fuktbarriär.Genom att inkludera en koncentrerad 17 % (i vikt) lösning av aminosyror och aminosyraderivat som efterliknar din huds naturliga fuktgivande medel, håller denna vattenbaserade formel det yttre lagret av din hud skyddat och väl återfuktat utan att kännas fet.Dessutom använder den 5 % (i vikt) vitamin B5 för att ge återfuktning till hudens yta och underyta, vilket ger plats för mjukare, slätare hud.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"1:1-1:482\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:27\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eVad är aminosyror?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"3:1-3:27\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:186\"\u003eAminosyror är byggstenarna i proteiner och är viktiga för en frisk hud.Aminosyror utgör naturliga fuktgivande faktorer (NMF), en kombination av ämnen som hjälper till att hålla huden återfuktad.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"5:1-5:186\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:21\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eVad är vitamin B5?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:21\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:115\"\u003eVitamin B5, även känt som pantoten, är ett vattenlösligt vitamin som hjälper till att återfukta och förbättra hudens utseende.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:115\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:62\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eHur fungerar The Ordinary Amino Acid + Vitamin B5 Serum?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:62\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:166\"\u003eThe Ordinary Amino Acid + Vitamin B5 Serum verkar genom att stärka hudens naturliga fuktbarriär och ge djup återfuktning.Detta hjälper till att hålla din hud återfuktad, mjuk och glödande.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:166\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:73\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eVilka är fördelarna med att använda The Ordinary Amino Acid + Vitamin B5 Serum?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:73\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"17:1-17:67\"\u003eDen vanliga aminosyran + vitamin B5 serum kan hjälpa:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"19:1-24:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"19:1-19:19\"\u003eÅterfukta huden på djupet\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"20:1-20:35\"\u003eStärker hudens naturliga fuktbarriär\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"21:1-21:19\"\u003eFörbättra hudens struktur\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"22:1-22:37\"\u003eMinska uppkomsten av fina linjer och rynkor\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"23:1-24:0\"\u003eGer huden en frisk lyster\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:64\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eHur man använder Amino Acid + Vitamin B5 Serum från The Ordinary?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"27:1-27:218\"\u003eFör bästa resultat, använd The Ordinary Amino Acid + Vitamin B5 Serum två gånger dagligen, morgon och kväll.Efter rengöring och torkning av ansiktet, applicera några droppar serum i ansiktet och halsen.Låt serumet torka helt innan du applicerar din vanliga fuktkräm.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"29:1-29:81\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eÄr The Ordinary Amino Acid + Vitamin B5 Serum idealiskt för alla hudtyper?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"31:1-31:106\"\u003eJa, The Ordinary Amino Acid + Vitamin B5 Serum är idealiskt för alla hudtyper, inklusive känslig hud.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398619107525,"sku":"","price":650.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-amino-acids-b5-30ml.webp?v=1696775588"},{"product_id":"the-ordinary-غسول-سكوالين-مزيل-مكياج-منظف-مرطب-50-مل","title":"Den vanliga squalane lotion |Sminkborttagare |Städare |Fuktighetskräm 50 ml","description":"\u003cp data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:265\"\u003eMed sin lätta, icke-oljiga formel tar denna tvätt bort makeup och smuts med lätthet, samtidigt som din huds fuktbarriär bibehålls.Den innehåller squalane, en växthärledd fuktgivande ingrediens, samt lipofila estrar som gör att din hud känns mjuk och len.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:170\"\u003eOrdinary Squalane Lotion är tvålfri, vilket gör den skonsam nog för daglig användning, idealisk för alla hudtyper och kan kombineras med andra The Ordinary-produkter.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:43\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFördelar med att använda Squalene The Ordinary Lotion:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"13:1-21:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:50\"\u003eRengör huden på djupet utan att ta bort den från dess naturliga fukt\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"14:1-14:30\"\u003eTar enkelt bort smink och smuts\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:29\"\u003eUpprätthåller hudens fuktbarriär\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"16:1-16:36\"\u003eLämnar huden mjuk och skonsam\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"17:1-17:32\"\u003eIcke-komedogen och tvålfri\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"18:1-18:32\"\u003eTillräckligt skonsam för dagligt bruk\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"19:1-19:26\"\u003eIdealisk för alla hudtyper\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eFördel\u003c\/th\u003e\n\u003cth\u003eSqualene The Ordinary Lotion\u003c\/th\u003e\n\u003cth\u003e De flesta andra lotioner\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eNyckelingredienser\u003c\/td\u003e\n\u003ctd\u003eNaturligt och härlett från växter\u003c\/td\u003e\n\u003ctd\u003eKan innehålla starka kemikalier\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEffekt på huden\u003c\/td\u003e\n\u003ctd\u003eMild och återfuktande\u003c\/td\u003e\n\u003ctd\u003eKan orsaka torr hud eller irritation\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLämplighet för hudtyper\u003c\/td\u003e\n\u003ctd\u003eIdealisk för alla hudtyper\u003c\/td\u003e\n\u003ctd\u003eDet kanske inte är idealiskt för alla hudtyper\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSminkborttagning\u003c\/td\u003e\n\u003ctd\u003eTar lätt bort smink\u003c\/td\u003e\n\u003ctd\u003eTar kanske inte bort smink effektivt\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFuktspärr\u003c\/td\u003e\n\u003ctd\u003eUpprätthåller hudens fuktbarriär\u003c\/td\u003e\n\u003ctd\u003eDet kan ta bort huden på dess naturliga fukt\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42398701387973,"sku":"","price":800.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-squalane-cleanser-50ml.webp?v=1696777008"},{"product_id":"the-ordinary-mineral-uv-filters-spf-30","title":"the ordinary Mineral uv filters spf 30","description":"\u003ch1\u003eDin huds bästa vän: Mineral UV Filters SPF 30 solskyddsmedel med antioxidanter\u003c\/h1\u003e\n\u003cp\u003eSkydda din hud med elegans och vård med Mineral UV Filters SPF 30 solskyddsmedel med antioxidanter från The Ordinary.Det är ett unikt mineralsolskydd som ger dig SPF 30-skydd med antioxidanter och återfuktningsstöd.\u003c\/p\u003e\n\u003ch2\u003eVad utmärker denna produkt?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMineralfilter:\u003c\/strong\u003e Denna solkräm innehåller mineralfilter som zinkoxid och titandioxid, vilket gör den effektiv för att skydda din hud från solens skadliga strålar.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidant ingredienser:\u003c\/strong\u003e Formulan innehåller antioxidantingredienser som Astaxanthin, Ethyl Ferulate och Rosmarinus Officinalis Leaf Extract, som hjälper till att skydda din hud från effekterna av fria radikaler och främjar en frisk hud.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÅterfuktande och vårdande:\u003c\/strong\u003e Tack vare ingredienser som natriumhyaluronat och allantoin ger detta solskyddsmedel effektivt återfuktande stöd och vårdar din hud.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eGör detta solskydd till en del av din dagliga hudvårdsrutin och skydda din hud från solen effektivt och elegant.Låt inte solen förstöra din skönhet;Njut av frisk, strålande hud med Mineral UV Filters SPF 30 solskyddsmedel med antioxidanter från The Ordinary.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eAlla ingredienser: \u003cbr\/\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Cyclopentasiloxane, Zinc Oxide, Titanium Dioxide, Glycerin, PEG-10 Dimethicone, Helianthus Annuus Seed Oil, PEG-9 Polydimethylsiloxyethyl Dimethicone, Caprylic\/Capric Triglyceride, Hexyl Laurate, Dimethicone\/PEG-10\/15 Crosspolymer, Polyglyceryl-4 Isostearate, Astaxanthin, Disodium Uridine Phosphate, Ethyl Ferulate, Rosmarinus Officinalis Leaf Extract, Tasmannia Lanceolata Fruit\/Leaf Extract, Haematococcus Pluvialis Extract, Picea Mariana Bark Extract, Arginine, Aspartic Acid, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Sodium PCA, PCA, Sodium Lactate, Glucose, Maltose, Fructose, Trehalose, Urea, Allantoin, Sodium Hyaluronate, Linoleic Acid, Oleic Acid, Phytosteryl Canola Glycerides, Palmitic Acid, Stearic Acid, Isochrysis Galbana Extract, Lysolecithin, Lecithin, Triolein, Pentylene Glycol, Dipropylene Glycol, Polyglyceryl-10 Oleate, Polyglyceryl-5 Trioleate, Polyglyceryl-10 Stearate, Tocopherol, Alumina, Citric Acid, Trisodium Ethylenediamine Disuccinate, Sodium Chloride, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42399960432837,"sku":"","price":1450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-mineral-uv-filters-spf-30-with-antioxidants-50ml.webp?v=1696848637"},{"product_id":"the-ordinary-soothing-barrier-support-serum-30-ml","title":"The Ordinary Soothing \u0026 Barrier Support Serum 30 ml","description":"\u003cp\u003eLider du av hudrodnad och irritation som orsakar dig frustration och förlorat självförtroende?I en snabbt föränderlig värld kan huden vara den första som drabbas och drabbas av miljöangrepp.Att lämna hudirritation obehandlad kan göra problemet värre, vilket gör det svårare att återställa hudens balans.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support_benefits.png?v=1741180015\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\"Gör din hud till din sköld, inte din börda!\"\u003c\/h3\u003e\n\u003cp\u003eMed serum \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003eDu har den omedelbara lösningen!Detta serum är inte bara en behandling, det är din allierade när det gäller att återställa din huds hälsa.Dess rika formel, som innehåller vitamin B12, gallussyraderivat och bisabolol, verkar för att minska rodnad och obehag.På bara två timmar stärker den din huds barriär och återställer dess vitalitet.\u003c\/p\u003e\n\u003ch3\u003e\"Återställ din huds balans med ny lyster!\"\u003c\/h3\u003e\n\u003cp\u003eNär det kommer till återfuktning ger serumet en omedelbar återfuktning på upp till 86 %, vilket gör att du känner dig bekväm och återfuktad hela dagen.Det förbättrar också hudens struktur, vilket ger dig ett jämnare och mer strålande utseende.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Soothing-Barrier-Support-Serum.webp?v=1741180098\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eHur fungerar serumet?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSnabb återställande av hudbarriären\u003c\/strong\u003e: Tack vare sina aktiva ingredienser ger serumet optimalt stöd för hudbarriären, minskar fuktförlusten och minskar tecken på rodnad och irritation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOmedelbar ökning av hydrering\u003c\/strong\u003e: Serumet ger en omedelbar ökning av hudens återfuktning på upp till 86 %*, vilket innebär att din hud blir mjukare och mer fräsch på några ögonblick.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMärkbar förbättring i utseende\u003c\/strong\u003e: Tack vare dess många teknologier bidrar serumet till att förbättra ojämn hudstruktur, vilket ger dig ett mer strålande utseende.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eViktiga aktiva ingredienser för att stödja din hud:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamin B12\u003c\/strong\u003e: Det förbättrar hudens utseende, minskar torrhet och rodnad och ger serumet en distinkt rosa färg.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGallsyra\u003c\/strong\u003e: Det verkar för att lugna irritationer och minska rodnad i samband med miljöfaktorer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol\u003c\/strong\u003e: En ingrediens känd för sin förmåga att lugna huden och minska rodnad.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.png?v=1741180382\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003eVetenskapligt understödda fördelar:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFörbättra hudbarriären på 2 timmar\u003c\/strong\u003eStudier har visat att serumet avsevärt hjälper till att återställa hudbarriären.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÅterfuktande som håller hela dagen\u003c\/strong\u003e: Återfuktningen som serumet ger är inte bara omedelbar, utan varar hela dagen.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSynlig förbättring av hudens utseende\u003c\/strong\u003e: Minska rodnad och förbättra hudens struktur för att säkerställa synliga resultat.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eSerumet \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e Det är det perfekta valet för alla som vill ha en frisk och glödande hud.Tveka inte att använda den, speciellt om du lider av kroniska hudproblem eller utsätts för frekventa irriterande ämnen.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\"Eftersom din hud förtjänar den yttersta vården!\"\u003c\/h3\u003e\n\u003cp\u003eDetta serum är designat för att passa alla hudtyper, inklusive känslig hud.Låt inte irritation påverka din skönhet, och ge din hud den vård den förtjänar med \u003cstrong\u003eSoothing \u0026amp; Barrier Support Serum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eUpplev skillnaden idag och gör dig redo att göra din hud ljusare och friskare än någonsin.\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":44196281155781,"sku":"INSTA1558CHIQ","price":1060.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.jpg?v=1741179626"},{"product_id":"the-ordinary-multipeptide-eye-serum-سيروم-الببتيدات-المركز-لعلاج-تجاعيد-و-انتفاخات-و-هالات-العين","title":"Det vanliga ögonserumet med flera peptider Ett koncentrerat peptidserum för att behandla rynkor, svullnader och ögoncirklar","description":"\u003cp data-end=\"350\" data-start=\"16\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum4_1000x_359fc6d2-9eb6-4b6a-b035-696ba69d0cf6.webp?v=1741178780\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003eThe Ordinary Multi-Peptide Eye Serum är en avancerad vattenbaserad formula speciellt framtagen för att behandla tecken på åldrande runt ögonområdet.Detta serum kombinerar de senaste peptidteknologierna och vetenskapliga aktiva substanser för att minska fina rynkor (duva ögonlinjer), förbättra uppkomsten av mörka ringar och svullnader, vilket ger ögonområdet en förnyad lyster och vitalitet.\u003c\/p\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003eViktiga fördelar\u003c\/h2\u003e\n\u003cul data-end=\"1275\" data-start=\"379\"\u003e\n\u003cli data-end=\"559\" data-start=\"379\"\u003e\n\u003cp data-end=\"559\" data-start=\"381\"\u003e\u003cstrong data-end=\"405\" data-start=\"381\"\u003eFörbättra uppkomsten av rynkor:\u003c\/strong\u003e\u003cbr data-end=\"408\" data-start=\"405\"\/\u003eMultipeptidteknologier, inklusive Palmitoyl Tripeptide-38, minskar uppkomsten av rynkor runt ögonen, föryngrar huden och minskar tecken på trötthet.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"726\" data-start=\"561\"\u003e\n\u003cp data-end=\"726\" data-start=\"563\"\u003e\u003cstrong data-end=\"599\" data-start=\"563\"\u003eMinska svullnader och mörka ringar:\u003c\/strong\u003e\u003cbr data-end=\"602\" data-start=\"599\"\/\u003eSerumet bidrar till att förbättra ögonområdets färg och lyster genom att minska mörk färg och svullnader, vilket ger dina ögon en ljus och glödande look.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"910\" data-start=\"728\"\u003e\n\u003cp data-end=\"910\" data-start=\"730\"\u003e\u003cstrong data-end=\"754\" data-start=\"730\"\u003eRena och mjuka upp huden:\u003c\/strong\u003e\u003cbr data-end=\"757\" data-start=\"754\"\/\u003eTack vare en kombination av Niacinamid och Fraxinus Excelsior Bark Extract jämnar serumet ut hudens struktur och förbättrar lystern, vilket gör att ögonområdet blir mjukare och strålande.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1140\" data-start=\"912\"\u003e\n\u003cp data-end=\"1140\" data-start=\"914\"\u003e\u003cstrong data-end=\"930\" data-start=\"914\"\u003eÖverlägset skydd:\u003c\/strong\u003e\u003cbr data-end=\"933\" data-start=\"930\"\/\u003eSerumet ger avancerat skydd tack vare antioxidantingredienser som Propyl Gallate och Gallatyl Glucoside, samt Epigallocatechin Gallatyl Glucoside, som bekämpar miljöskador och stödjer hudens hälsa på lång sikt.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1275\" data-start=\"1142\"\u003e\n\u003cp data-end=\"1275\" data-start=\"1144\"\u003e\u003cstrong data-end=\"1161\" data-start=\"1144\"\u003eLyxformel:\u003c\/strong\u003e\u003cbr data-end=\"1164\" data-start=\"1161\"\/\u003eFormulan kommer med en hög koncentration av aktiva ingredienser, vilket motiverar det höga priset, eftersom en liten mängd är tillräckligt för att uppnå fantastiska resultat.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum1_800x_37a12c9f-39ad-457c-b1cf-64cde5afe460.webp?v=1741178786\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003eHur fungerar serumet?\u003c\/h2\u003e\n\u003cp data-end=\"1380\" data-start=\"1305\"\u003eSerumet används för att främja cellregenerering av ögonområdet genom en kombinerad verkningsmekanism som inkluderar:\u003c\/p\u003e\n\u003cul data-end=\"2043\" data-start=\"1381\"\u003e\n\u003cli data-end=\"1675\" data-start=\"1381\"\u003e\n\u003cp data-end=\"1675\" data-start=\"1383\"\u003e\u003cstrong data-end=\"1407\" data-start=\"1383\"\u003ePolypeptider:\u003c\/strong\u003e\u003cbr data-end=\"1410\" data-start=\"1407\"\/\u003eSåsom Palmitoyl Tripeptide-38, Matrixyl™ synthe'6™, RetinoPeptide 189, SYN™-AKE, CYTOBIOL™ LUMIN-EYE, UNISOOTH EG-28 och Eyeseryl™;Dessa peptider fungerar som cellsignalsfaktorer som stimulerar produktionen av proteiner som är nödvändiga för hudförnyelse, vilket resulterar i förbättrad hudens elasticitet och minskade rynkor.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1824\" data-start=\"1679\"\u003e\n\u003cp data-end=\"1824\" data-start=\"1681\"\u003e\u003cstrong data-end=\"1730\" data-start=\"1681\"\u003eNiacinamid och Fraxinus Excelsior barkextrakt:\u003c\/strong\u003e\u003cbr data-end=\"1733\" data-start=\"1730\"\/\u003eDe hjälper till att förena hudtonen och minska mörka ringar, och förbättrar även hudens struktur och lyster.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2043\" data-start=\"1828\"\u003e\n\u003cp data-end=\"2043\" data-start=\"1830\"\u003e\u003cstrong data-end=\"1859\" data-start=\"1830\"\u003eAntioxidant ingredienser:\u003c\/strong\u003e\u003cbr data-end=\"1862\" data-start=\"1859\"\/\u003eSåsom Propyl Gallate, Gallyl Glucoside och Epigallocatechin Gallatyl Glucoside skyddar huden från fria radikaler och minskar miljöskador, vilket håller ögonområdet friskt längre.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"2172\" data-start=\"2045\"\u003eTack vare denna unika formel behandlar serumet flera problem samtidigt: rynkor, mörka ringar, svullnader och förlust av lyster.\u003c\/p\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003eKliniska resultat\u003c\/h2\u003e\n\u003cp data-end=\"2292\" data-start=\"2201\"\u003eStudier har visat att regelbunden användning av The Ordinary Multi-Peptide Eye Serum leder till:\u003c\/p\u003e\n\u003cul data-end=\"2549\" data-start=\"2293\"\u003e\n\u003cli data-end=\"2343\" data-start=\"2293\"\u003eSynlig förbättring av uppkomsten av fina rynkor runt ögonen.\u003c\/li\u003e\n\u003cli data-end=\"2416\" data-start=\"2344\"\u003eReducerar mörka ringar och svullnader, ökar lystern i ögonområdet.\u003c\/li\u003e\n\u003cli data-end=\"2492\" data-start=\"2417\"\u003eFörbättrar hudens struktur och fräschör, med en ökning av lyster och silkeslen textur i området kring ögonen.\u003c\/li\u003e\n\u003cli data-end=\"2549\" data-start=\"2493\"\u003eEn märkbar minskning av intensiteten av mörk pigmentering inom ögonområdet.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"3468\" data-start=\"3350\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"3520\" data-start=\"3475\"\u003eVarför är kostnaden för denna produkt relativt hög jämfört med andra produkter som riktar sig mot samma problem? \u003c\/h2\u003e\n\u003cul data-end=\"4210\" data-start=\"3521\"\u003e\n\u003cli data-end=\"3690\" data-start=\"3521\"\u003e\n\u003cp data-end=\"3690\" data-start=\"3523\"\u003e\u003cstrong data-end=\"3548\" data-start=\"3523\"\u003eHögkoncentrerad formel:\u003c\/strong\u003e\u003cbr data-end=\"3551\" data-start=\"3548\"\/\u003eFormulan innehåller sällsynta ingredienser som är svåra att extrahera i mycket höga koncentrationer. Produkten innehåller många peptider som anses vara bäst för att bekämpa ålderstecken.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"3853\" data-start=\"3692\"\u003e\n\u003cp data-end=\"3853\" data-start=\"3694\"\u003e\u003cstrong data-end=\"3710\" data-start=\"3694\"\u003eOmfattande resultat:\u003c\/strong\u003e\u003cbr data-end=\"3713\" data-start=\"3710\"\/\u003eSerumet erbjuder en heltäckande lösning på ett brett utbud av åldrandeproblem i ögonområdet – från rynkor till mörka ringar och svullnader – i en lyxig produkt.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4011\" data-start=\"3855\"\u003e\n\u003cp data-end=\"4011\" data-start=\"3857\"\u003e\u003cstrong data-end=\"3874\" data-start=\"3857\"\u003eBevisad effektivitet:\u003c\/strong\u003e\u003cbr data-end=\"3877\" data-start=\"3874\"\/\u003eKliniska studier har bevisat dess effektivitet för att förbättra utseendet och föryngringen av ögonområdet, vilket gör det till en smart investering för dem som söker bestående resultat.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4210\" data-start=\"4013\"\u003e\n\u003cp data-end=\"4210\" data-start=\"4015\"\u003e\u003cstrong data-end=\"4031\" data-start=\"4015\"\u003eVarje droppe gör stor skillnad:\u003c\/strong\u003e\u003cbr data-end=\"4034\" data-start=\"4031\"\/\u003eÄven om priset kan vara högre än vissa andra produkter, säkerställer den unika, koncentrerade formeln att varje droppe av produkten fungerar med maximal effektivitet, vilket gör att du slipper använda flera dyra produkter.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003eAnvändarnas åsikter\u003c\/h2\u003e\n\u003cp data-end=\"4541\" data-start=\"4238\"\u003e\u003cstrong data-end=\"4270\" data-start=\"4238\"\u003eHur samlas användarnas åsikter in?\u003c\/strong\u003e\u003cbr data-end=\"4273\" data-start=\"4270\"\/\u003eAnvändarnas åsikter samlas in genom kontinuerlig uppföljning med kunder och inspelning av deras kommentarer om produkten.Anpassade program baserade på artificiell intelligens används också för att samla in åsikter från olika källor korrekt och utan fördomar, vilket säkerställer omfattande och tillförlitliga utvärderingar som återspeglar användarnas verkliga erfarenheter.\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4543\"\u003e\n\u003cli data-end=\"4722\" data-start=\"4543\"\u003e\n\u003cp data-end=\"4566\" data-start=\"4545\"\u003e\u003cstrong data-end=\"4564\" data-start=\"4545\"\u003eVanliga proffs:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4722\" data-start=\"4569\"\u003e\n\u003cli data-end=\"4619\" data-start=\"4569\"\u003eSynlig förbättring av uppkomsten av fina rynkor runt ögonen.\u003c\/li\u003e\n\u003cli data-end=\"4669\" data-start=\"4622\"\u003eFörenar hudtonen och ökar lystern i ögonområdet.\u003c\/li\u003e\n\u003cli data-end=\"4722\" data-start=\"4672\"\u003eMjuk konsistens och omedelbar känsla av fräschör efter användning.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4724\"\u003e\n\u003cp data-end=\"4754\" data-start=\"4726\"\u003e\u003cstrong data-end=\"4752\" data-start=\"4726\"\u003eNågra negativa kommentarer:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4757\"\u003e\n\u003cli data-end=\"4820\" data-start=\"4757\"\u003eVissa användare behöver en längre period för att se fullständiga resultat.\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4823\"\u003ePriset är högt för vissa, trots sin bevisade effektivitet.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"13\" data-start=\"0\"\u003eNyckelingredienser\u003c\/h2\u003e\n\u003cp data-end=\"692\" data-is-last-node=\"\" data-is-only-node=\"\" data-start=\"14\"\u003eAqua (Water), Glycerin, Butylene Glycol, Propanediol, Dipropylene Glycol, Acetyl Glucosamine, Niacinamide, Palmitoyl Tripeptide-38, Acetyl Tetrapeptide-5, Myristoyl Nonapeptide-3, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Caffeine, Epigallocatechin Gallatyl Glucoside, Gallyl Glucoside, Fraxinus Excelsior Bark Extract, Silanetriol, Arginine, Pentylene Glycol, Hydroxymethoxyphenyl Decanone, Propyl Gallate, Maltodextrin, Hydroxypropyl Cyclodextrin, Hydroxyethylcellulose, Xanthan Gum, Citric Acid, Glycolic Acid, Sodium Citrate, Polysorbate 20, Trisodium Ethylenediamine Disuccinate, Dehydroacetic Acid, Ethylhexylglycerin, Benzyl Alcohol, Phenoxyethanol, Chlorphenesin.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":44526811283653,"sku":"","price":1700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_multipeptide_eye_serum.jpg?v=1741177907"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/collections\/the-ordinary-products.jpg?v=1721223041","url":"https:\/\/instachiq.com\/sv\/collections\/the-ordinary-products.oembed","provider":"Instachiq","version":"1.0","type":"link"}