{"title":"Anti-Aging \u0026 Wrinkle Treatment","description":"\u003cp\u003e\u0026nbsp;\u003c\/p\u003e\n\u003cstyle\u003e\n.collection-hero-section {\n background: linear-gradient(135deg, #000000, #131a15);\n padding: 60px 20px;\n position: relative;\n overflow: hidden;\n font-family: 'Cairo', sans-serif;\n color: #fff;\n line-height: 1.6;\n direction: ltr;\n}\n.collection-hero-section::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n background: rgba(0, 0, 0, 0.3); z-index: 1;\n}\n.collection-content { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto;}\n.wisdom-quote { background: rgba(255,255,255,0.03); border: 1px solid rgba(128,174,147,0.3); border-radius: 12px; padding: 20px; text-align: center; margin-bottom: 30px; position: relative; max-width: 600px; margin-left: auto; margin-right: auto;}\n.wisdom-text { font-size: 1.1rem; color: #80ae93; font-weight: 600; font-style: italic; line-height: 1.6;}\n.collection-title { font-size: 3.5rem; font-weight: 700; margin-bottom: 20px; background: linear-gradient(135deg, #fff, #80ae93); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-align: center; line-height: 1.2;}\n.collection-description { font-size: 1.1rem; line-height: 1.8; color: rgba(255,255,255,0.9); text-align: center; max-width: 600px; margin: 0 auto 25px auto; font-weight: 300;}\n.ingredients-section { margin-top: 40px; padding: 20px 0;}\n.ingredients-title { text-align: center; font-size: 1rem; letter-spacing: 2px; color: #80ae93; margin-bottom: 30px; font-weight: 600;}\n.ingredients-grid { display: flex; gap: 16px; overflow-x: auto; padding: 20px 20px 30px 20px; scroll-behavior: smooth; margin: 0 -20px; direction: ltr;}\n.ingredient-card { background: rgba(255,255,255,0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 16px 12px; text-align: center; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; min-height: 90px; min-width: 140px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; direction: ltr;}\n.ingredient-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(128,174,147,0.15), transparent); opacity: 0; transition: opacity 0.3s ease;}\n.ingredient-card:hover { transform: translateY(-5px); border-color: #80ae93; box-shadow: 0 15px 30px rgba(0,0,0,0.4);}\n.ingredient-card:hover::before { opacity: 1;}\n.ingredient-name { font-size: 0.95rem; font-weight: 600; margin-bottom: 4px; color: #fff; position: relative; z-index: 2;}\n.ingredient-benefit { font-size: 0.75rem; color: #80ae93; font-weight: 500; position: relative; z-index: 2;}\n.modal-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); backdrop-filter: blur(8px); z-index: 1000; animation: fadeIn 0.3s ease; direction: ltr;}\n.modal-overlay.active { display: flex; align-items: center; justify-content: center; padding: 20px;}\n.modal-content { background: linear-gradient(135deg, #1a1a1a, #2a2a2a); border: 2px solid #80ae93; border-radius: 20px; max-width: 500px; width: 100%; padding: 40px 30px; position: relative; animation: slideUp 0.4s ease; box-shadow: 0 25px 50px rgba(0,0,0,0.6);}\n.modal-close { position: absolute; top: 15px; right: 15px; background: rgba(255,255,255,0.1); border: none; color: #fff; font-size: 24px; width: 35px; height: 35px; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;}\n.modal-close:hover { background: rgba(128,174,147,0.3); transform: rotate(90deg);}\n.modal-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 8px; color: #80ae93; text-align: center;}\n.modal-subtitle { font-size: 0.9rem; color: rgba(255,255,255,0.7); text-align: center; margin-bottom: 20px; font-style: italic;}\n.modal-description { font-size: 0.95rem; line-height: 1.7; color: rgba(255,255,255,0.9); margin-bottom: 20px; text-align: left;}\n.modal-benefits { background: rgba(128,174,147,0.1); border-left: 3px solid #80ae93; padding: 15px 20px; border-radius: 8px; margin-top: 20px;}\n.modal-benefits h4 { color: #80ae93; font-size: 0.85rem; margin-bottom: 10px; font-weight: 600;}\n.modal-benefits ul { list-style: none; padding: 0;}\n.modal-benefits li { padding: 6px 0; color: rgba(255,255,255,0.9); position: relative; padding-left: 20px; font-size: 0.9rem; text-align: left;}\n.modal-benefits li::before { content: '✓'; position: absolute; left: 0; color: #80ae93; font-weight: bold;}\n@keyframes fadeIn { from{opacity:0;} to{opacity:1;}}\n@keyframes slideUp { from{opacity:0; transform:translateY(30px);} to{opacity:1; transform:translateY(0);}}\n@media (max-width: 768px) {\n .collection-hero-section { padding: 40px 15px;}\n .collection-title { font-size: 2.5rem;}\n .collection-description { font-size: 1rem;}\n .ingredients-grid { gap: 12px; padding: 20px 15px 30px 15px; margin: 0 -15px;}\n .ingredient-card { min-height: 80px; min-width: 120px; padding: 12px 8px;}\n .ingredient-name { font-size: 0.85rem;}\n .ingredient-benefit { font-size: 0.7rem;}\n .wisdom-text { font-size: 1rem;}\n .modal-content { padding: 30px 20px; margin: 10px;}\n}\n\u003c\/style\u003e\n\u003cdiv class=\"collection-hero-section\"\u003e\n\u003cdiv class=\"collection-content\"\u003e\n\u003cdiv class=\"wisdom-quote\"\u003e\n\u003cp class=\"wisdom-text\"\u003eAging is inevitable—but looking older doesn't have to be.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"collection-title\"\u003eAnti-Ageing| Skin Elasticity\u003c\/h1\u003e\n\u003cp class=\"collection-description\"\u003eA specialized collection powered by breakthrough science to fight visible aging and restore youthful resilience. Featuring the most effective ingredients for smooth, firm, youthful-looking skin.\u003c\/p\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eKey Ingredients\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eRetinol\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eClassic wrinkle fighter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eRetinal\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eAdvanced renewal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eArgireline\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eBotox alternative\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003ePeptides\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eCollagen boosters\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eHyaluronic Acid\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eDeep hydration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eVitamin C\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eGlow \u0026amp; protection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"modal\" class=\"modal-overlay\"\u003e\n\u003cdiv id=\"modalContent\" class=\"modal-content\"\u003e\u003cbutton class=\"modal-close\"\u003e×\u003c\/button\u003e\n\u003cdiv id=\"modalBody\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u0026nbsp;\u003c\/p\u003e","products":[{"product_id":"the-ordinary-niacinamide-zinc","title":"The ordinary niacinamide 10% zinc 1% | Anti-pill | Minimize pores Moisturizer | Anti-wrinkle","description":"\n\u003cstyle\u003e\n\/* Styles *\/\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\"\u003eYour skin is at its purest\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-title-sub\"\u003eYour skin's pores are invisible\u003c\/h2\u003e\n\u003cp class=\"niacinamide-intro\"\u003e\n Niacinamide is the ideal and best compound in shrinking pores to the maximum, making your skin fresh, firm and free of blackheads and whiteheads.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eEffective against the most severe acne\u003c\/h3\u003e\n\u003cimg alt=\"Before and after using niacinamide\" 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 It reduces redness and acne effects, and you will see positive results, especially in inflamed pimples\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eYour youth is eternal\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eOne of the most powerful anti-aging agents\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eReduces free radicals that cause aging and stimulates collagen production\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 It stimulates the production of keratin, which tightens the skin and increases its thickness, reducing the effects of fine lines \u0026amp; wrinkles\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eYour skin is clear and uniform in color\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eIt will lighten the dark areas of your skin\u003c\/h2\u003e\n\u003cimg alt=\"Skin lightening\" 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 In its high concentrations, niacinamide neutralizes melanin pigment, which lightens dark areas and makes your skin even in color.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003eDeep hydration\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eWithout a greasy effect\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n Niacinamide works to lock moisture into your skin by creating... \u003cspan class=\"niacinamide-highlight\"\u003e\"Moisture barrier\"\u003c\/span\u003e Which prevents water loss from your skin\n \u003c\/p\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n It also neutralizes the production of oils in oily skin, so it does not leave a greasy effect\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch3 class=\"niacinamide-benefit-title\"\u003e\u003cstrong\u003eRemoves black and white heads\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\u003cstrong\u003eTreats textured skin\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cimg alt=\"Orange peel treatment\" 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\"\u003eBy stimulating the formation of new skin cells and by deeply moisturizing the skin\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-benefit-section\"\u003e\n\u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\n\u003cstrong\u003eIdeal for All Skin Types: dry, normal, mixed, and oily\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp class=\"niacinamide-benefit-content\"\u003e\n\u003cstrong class=\"niacinamide-highlight\"\u003eLight on the skin..fast absorption\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-usage-section\"\u003e\n\u003ch3 class=\"niacinamide-usage-title\"\u003eHow to Use\u003c\/h3\u003e\n\u003cdiv class=\"niacinamide-usage-content\"\u003e\n\u003cp\u003e\n Apply a very small amount to the face in the morning and evening on clean skin before applying any other creams, oils or moisturizers to the skin.\n \u003c\/p\u003e\n\u003cp\u003e\n It should not be used at the same time with treatments containing pure vitamin C.\n \u003cbr\/\u003e(ascorbic acid)\n \u003c\/p\u003e\n\u003cp\u003e\n Safe to use for pregnant and breastfeeding women.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-ingredients-section\"\u003e\n\u003ch3 class=\"niacinamide-usage-title\"\u003eBasic components\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 It is excellent for improving the overall health of the skin, boosts skin immunity, and improves moisture retention by strengthening the skin barrier.\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 Supports skin structure by healing damaged skin and encouraging collagen and elastin production.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"niacinamide-product-info\"\u003e\n\u003cp\u003ePackage size 30 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const benefitSections = document.querySelectorAll('.niacinamide-benefit-section');\n const usageSection = document.querySelector('.niacinamide-usage-section');\n const ingredientsSection = document.querySelector('.niacinamide-ingredients-section');\n const productInfo = document.querySelector('.niacinamide-product-info');\n \n \n const images = document.querySelectorAll('.niacinamide-image');\n if (images.length \u003e 1) {\n images[1].setAttribute('data-delay', '0.3');\n }\n \n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const delay = entry.target.getAttribute('data-delay') || 0;\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, delay * 1000);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \n benefitSections.forEach((section, index) =\u003e {\n section.setAttribute('data-delay', index * 0.15);\n observer.observe(section);\n });\n \n if (usageSection) observer.observe(usageSection);\n if (ingredientsSection) observer.observe(ingredientsSection);\n if (productInfo) observer.observe(productInfo);\n \n \n const imageObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animationDelay = '0.3s';\n entry.target.style.animationPlayState = 'running';\n imageObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \n document.querySelectorAll('.niacinamide-image').forEach(img =\u003e {\n imageObserver.observe(img);\n });\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"30 ml","offer_id":46999278977198,"sku":"INSTA0382CHIQ","price":15.0,"currency_code":"USD","in_stock":true},{"title":"60 ml","offer_id":46999279009966,"sku":"INSTA0382CHIQ","price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ezgif.com-gif-maker_5.jpg?v=1788176548"},{"product_id":"loreal-eye-cream-hyalouronic-50ml","title":"Care cream for wrinkles and circles around the eyes and moisturizing around the eyes with hyaluronic | Loreal","description":"\u003cp style=\"text-align: left;\"\u003e\u003cstrong\u003eloreal eye cream hyalouronic 50ml\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003eWe developed and tested skin care creams in collaboration with leading skin experts and scientists from around the world.\u003cbr\/\u003eProven knowledge, revolutionary innovations and luxurious formulations for an exclusive skincare experience. Enjoy great skin now and more youthful-looking skin in the future.”\u003cbr\/\u003e\u003cbr\/\u003eRestores moisture to the skin and reduces the appearance of fine lines\u003cbr\/\u003eWith a protection factor of 20\u003cbr\/\u003eYour skin appears pure, comfortable and soothed and prevents irritation\u003cbr\/\u003e\u003cbr\/\u003eL'Oreal Hyaluronic Eye Cream\u003cbr\/\u003e\u003cbr\/\u003e1. Smoothes fine lines\u003cbr\/\u003e2 Intense moisturizing\u003cbr\/\u003e\u003cbr\/\u003eHyaluron Expert\u003cbr\/\u003e2 types of hyaluronic acid:\u003cbr\/\u003e1) High molecular hyaluronic acid to help moisturize and smooth the skin's surface\u003cbr\/\u003e2) Micro-hyaluronic acid helps replace skin with moisture\u003cbr\/\u003e\u003cbr\/\u003eAction: enhances and moisturizes the skin + smoothes fine lines\u003cbr\/\u003eAge: 25 to 35\u003cbr\/\u003eTexture: Lightweight and non-greasy\u003cbr\/\u003e\u003cbr\/\u003eFor best results:\u003cbr\/\u003e\u003cbr\/\u003eUse with other products from the Hyaluron Expert Range: Hydrating Renewal Cream SPF 20 to protect and hydrate skin and Plumping Hydrating Cream Mask to soften and nourish skin.\u003cbr\/\u003e\u003cbr\/\u003eTested under the supervision of ophthalmologists\u003cbr\/\u003eSuitable for sensitive skin\u003cbr\/\u003e\u003cbr\/\u003eHow to Use:\u003cbr\/\u003e\u003cbr\/\u003eApply daily to the eye contour including eyelids, and gently smooth the formula with your fingertips from the inside to the outside of the eye.\u003c\/p\u003e","brand":"loreal","offers":[{"title":"Default Title","offer_id":46999288643758,"sku":"INSTA0539CHIQ","price":4.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/EyesHyaluron.jpg?v=1788176299"},{"product_id":"the-ordinary-caffeine-solution","title":"The Ordinary 5% caffeine solution to treat dark circles and eye wrinkles","description":"\u003cdiv class=\"caf-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* Styles *\/\n .caf-premium-wrapper {\n --caf-bg-dark: #120b08; \/* Styles *\/\n --caf-bg-card: rgba(30, 20, 15, 0.6); \/* Styles *\/\n --caf-gold-main: #d4af37; \/* Styles *\/\n --caf-gold-light: #f3e5ab; \/* Styles *\/\n --caf-gold-glow: rgba(212, 175, 55, 0.25);\n --caf-tea-green: #81b29a; \/* Styles *\/\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: 'Plus Jakarta Sans', system-ui, -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 \/* Styles *\/\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 \/* Styles *\/\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 \/* Styles *\/\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 \/* Styles *\/\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 \/* Styles *\/\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 \/* Styles *\/\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 \/* Styles *\/\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 \/* Styles *\/\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\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 awakening the eye contour\u003c\/div\u003e\n\u003ch1 class=\"caf-title-glow\"\u003eThe nightmare of dark circles and puffiness is over: \u003cbr\/\u003e\u003cspan\u003eA “concentrated cup of coffee” wakes up your eyes in seconds!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"caf-hero-subtitle\"\u003e\n No matter how much you sleep for 8 hours, you still look tired? Concealer clumps and doesn't cover the dark? \n \u003cstrong style=\"color: #fff;\"\u003eThe problem is not the number of hours you sleep, the problem is the blood circulation under your eyes.\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;\"\u003eWhy do regular eye creams fail?\u003c\/h2\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 1.1rem; line-height: 1.8;\"\u003e\n Most eye creams only moisturize the surface. But the darkness you see is actually “congested blood” due to poor circulation, and the puffiness is just “trapped fluid” under the very thin skin under the eye. Moisturizing alone will not address this structural 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;\"\u003eDirect Medical Solution: Caffeine Solution 5% + EGCG\u003c\/p\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem; margin-top: 10px;\"\u003e\n You don't need a moisturizer. You need a biological stimulant that draws fluids and dissolves pigmentation with the power of high concentrations of 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\"\u003eThe equation that shocked dermatologists\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted); margin-bottom: 20px;\"\u003eThe secret to the tremendous effectiveness lies in the combination of the two most powerful ingredients in the world of eye care:\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☕ Caffeine 5%\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eIt alone draws out retained fluids, constricts blood vessels, and relieves morning puffiness immediately.\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 green tea\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1rem; line-height: 1.6;\"\u003eIt alone lightens dark pigmentation under the skin, and protects against oxidation that causes brown and blue color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caf-synergy-result\"\u003e\n = The most powerful duo in the world to erase circles and puffiness as if they never existed!\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Clinical Results --\u003e\n\u003ch2 class=\"caf-section-title caf-reveal\"\u003eNumbers speak for themselves\u003c\/h2\u003e\n\u003cp class=\"caf-reveal\" style=\"text-align: center; color: var(--caf-text-muted);\"\u003eBased on clinical user evaluations after 6 weeks of regular use:\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\"\u003eNoticeable reduction in dark circles and pigmentation\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\"\u003eRadically reducing puffiness and bags under the eyes\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\"\u003eIncreased radiance and glow of the entire eye area\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\"\u003eWhat will the “Caffeine Serum” do for your eyes?\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\u003eMorning unpacking\u003c\/h3\u003e\n\u003cp\u003eGoodbye to puffy eyes when you wake up. High concentration caffeine stimulates lymphatic drainage to empty trapped fluid in minutes.\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\u003eHereditary pigmentation elasticity\u003c\/h3\u003e\n\u003cp\u003ePure EGCG extract from green tea leaves targets melanin and antioxidants to noticeably unify and lighten the color of the eye area.\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\u003eProtection shield against sagging\u003c\/h3\u003e\n\u003cp\u003eThe antioxidant-enriched formula protects the very delicate collagen around the eyes from breakdown due to screens and pollution.\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\u003ePerfect blending concealer\u003c\/h3\u003e\n\u003cp\u003eThanks to its light texture and quick absorption, it works as an ideal primer that prevents concealer from clumping or streaking under the eyes throughout the day.\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\"\u003eThe journey of transformation: from exhaustion to freshness\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;\"\u003eAfter the first use\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eImmediate sensation of cooling and slight tightening. A quick retreat from the morning puffiness and you look in the mirror and find your eyes completely “awake”.\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;\"\u003eAfter two weeks\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eThe dark bluish\/brown color begins to fade. The eye contour appears brighter, and the amount of concealer you need gradually decreases.\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;\"\u003eAfter a whole month\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted);\"\u003eA real transformation in the appearance of fatigue. Stubborn circles are noticeably diminished, and the eye contour is tightened, clear, and reflects health and freshness.\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\"\u003eSimple steps for great results\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;\"\u003eCleaning\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eWash your face well and make sure the eye area is completely dry.\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;\"\u003eOne drop\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eApply one to two drops maximum on your fingertips (a small amount goes a long way).\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;\"\u003ePlumpness\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eApply the serum lightly (from the inside out) around the eye bone until it is absorbed.\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;\"\u003eContinuity\u003c\/h4\u003e\n\u003cp style=\"color: var(--caf-text-muted); font-size: 0.9rem;\"\u003eUse it twice daily (morning and evening). Follow with a light eye moisturizer if necessary.\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);\"\u003eDon't let fatigue steal the beauty of your eyes!\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 Instead of spending your money on a new concealer that will hide the problem, invest in a scientific formula that treats the problem from the roots.\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 Order the original Caffeine Serum 5% + EGCG now, and restore your eyes to their true radiance!\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":46999288807598,"sku":"INSTA0542CHIQ","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/theordinarycaffeinesolution.jpg?v=1788176295"},{"product_id":"the-ordinary-lactic-acid-30ml","title":"The ordinary lactic acid 5% and hyaluronic acid 30 ml | exfoliant | Moisturizer | Anti-oxidant and anti-wrinkle","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\"\u003eThe beauty secret used by the Pharaohs... in a modern, advanced formula\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Pharaoh Introduction --\u003e\n\u003cdiv class=\"pharaoh-intro\"\u003e\n\u003ch2\u003eOne of the queens' secrets for your skin\u003c\/h2\u003e\n\u003cp\u003eThe ancient Egyptians were the first to discover the magic of lactic acid in maintaining youthful and fresh skin. Cleopatra herself used to bathe in sour milk to maintain her legendary beauty. And today, \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e He brought you the same Pharaonic secret in an advanced scientific formula with a concentration of 10% with hyaluronic acid.\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\"\u003eWhy is lactic acid the perfect choice?\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\"\u003eNot all acids are the same\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eLactic acid is one of the most gentle acids on sensitive skin, because it is one of the natural acids that are already present in your body. This makes it work gently, but with double the force of other acids.\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\"\u003ePerfect and safe focus\u003c\/h3\u003e\n\u003cp class=\"comparison-description\"\u003eA concentration of 10% is the optimal limit that gives clear results without irritation or excessive sensitivity. The pH level of 3.8 is scientifically controlled to ensure maximum effectiveness with minimal side effects.\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\"\u003eBenefits that will completely change the appearance of your skin\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\"\u003eThe number one acne fighter\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eIt treats the existing and prevents the new\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eLactic acid gently exfoliates dead skin by breaking the bonds that bind dead cells. This opens clogged pores and prevents the formation of new pimples. Studies have shown that lactic acid reduces acne infections by up to 90%, which makes it compatible with other acne medications such as 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\"\u003eA time machine for your skin\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eYour appearance will be different from your age\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eIn high concentrations, lactic acid penetrates the deeper layers of the skin and stimulates natural collagen formation. The result? Cell renewal, skin tightening, and thickness increase, which makes fine wrinkles disappear and your skin appear years younger.\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\"\u003eImaginative hydration without grease\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eThe humidity that stays with you throughout the day\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eLactic acid not only exfoliates, it also deeply moisturizes the skin, leaving it soft and elastic. This formula is supported by\u003cstrong\u003eHyaluronic acid\u003c\/strong\u003e It draws 1,000 times its weight in water and creates a moisture barrier that ensures long-lasting hydration.\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\"\u003eUnifying skin tone and erasing pigmentation\u003c\/h3\u003e\n\u003cp class=\"benefit-subtitle\"\u003eClear, uniform skin like a mirror\u003c\/p\u003e\n\u003cp class=\"benefit-description\"\u003eLactic acid works to reduce melanin production in dark areas, and this helps lighten pigmentation, pimple marks, and dark spots. The result is naturally even and radiant skin.\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\"\u003eGentle formula for sensitive skin\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\u003eThe Tasmanian pepperberry: the natural guardian\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\u003eThe formula contains Tasmanian pepperberry extract, which is a natural anti-inflammatory that reduces redness and irritation that can occur with exfoliating products. This makes the product suitable even for very sensitive skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-feature\"\u003e\n\u003ch4\u003eLight water-based 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\u003eThe light, watery texture allows the product to absorb quickly without leaving a greasy or sticky feeling, which makes it ideal for dry skin that needs hydration without heaviness.\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\"\u003eThe science behind the effectiveness\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;\"\u003eIdeal pH balance\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 - perfect balance\u003c\/div\u003e\n\u003cp style=\"margin: 25px 0;\"\u003eThe pH of 3.8 is precisely adjusted to match the pKa of lactic acid. This number is very important because it ensures the optimal balance between salt and acidity, and this is what ensures that the acid reaches the skin efficiently and achieves effective exfoliation that can be used daily.\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;\"\u003eBalanced formula for daily use\u003c\/h4\u003e\n\u003cp\u003eUnlike other acids that require intermittent use, the lactic acid in this formula is designed to be gentle enough for daily use while still being effective.\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\"\u003eActive ingredients\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\"\u003eLactic acid (10%)\u003c\/h3\u003e\n\u003cp\u003eGentle and effective exfoliation of the skin's surface\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\"\u003eSodium hyaluronate\u003c\/h3\u003e\n\u003cp\u003eDeep and intense hydration\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\"\u003eTasmanian pepperberry\u003c\/h3\u003e\n\u003cp\u003eSoothing and anti-inflammatory\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 hydration and skin barrier protection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n\u003ch4\u003eFull list of ingredients:\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\"\u003eHow to Use for best results\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-title\"\u003ePerfect 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\u003eUse it once a day at night only\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"padding: 10px 0;\"\u003eStart with 3 times a week and gradually increase as your skin accepts\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\"\u003eThe correct way 📋\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eCleanse your face well with the appropriate cleanser\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eApply a thin layer of the product on dry skin\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eAvoid the area around the eyes\u003c\/li\u003e\n\u003cli data-step=\"4\"\u003eWait 10-15 minutes, then apply moisturizer\u003c\/li\u003e\n\u003cli data-step=\"5\"\u003e\u003cstrong\u003eYou should use SPF 30+ sunscreen the next day\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⚠️ Important warnings\u003c\/h4\u003e\n\u003cul class=\"warning-list\"\u003e\n\u003cli\u003eDo not use it with other products that contain acids at the same time\u003c\/li\u003e\n\u003cli\u003eDo not use with retinol on the same night\u003c\/li\u003e\n\u003cli\u003eStop using if severe irritation occurs\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\"\u003eIdeal for All Skin Types\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\"\u003eDry skin\u003c\/h3\u003e\n\u003cp\u003eIt is best suited for it because of its moisturizing properties\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 skin\u003c\/h3\u003e\n\u003cp\u003eIt gives it extra softness and freshness\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\"\u003eSkin with pigmentation\u003c\/h3\u003e\n\u003cp\u003eIt will unify its color and purify it\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\"\u003eSkin that suffers from a rough texture\u003c\/h3\u003e\n\u003cp\u003eIt softens it and improves its texture\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\"\u003eVisible Results Timeline\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\"\u003eAfter a week\u003c\/div\u003e\n\u003cp\u003eSmoother texture and visible freshness\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eAfter two weeks\u003c\/div\u003e\n\u003cp\u003eImprovement in pores and unification of skin tone\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eAfter a month\u003c\/div\u003e\n\u003cp\u003eVisible reduction in pigmentation and fine lines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card animate-on-scroll\"\u003e\n\u003cdiv class=\"result-period\"\u003eAfter two months\u003c\/div\u003e\n\u003cp\u003eCompletely rejuvenated and younger looking skin\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;\"\u003eBefore and after\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;\"\u003eStart your journey towards the skin of your dreams with the same secret that made Cleopatra the most beautiful queen in history.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eGet the Pharaonic Secret now\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":46999289397422,"sku":"INSTA0557CHIQ","price":14.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Theordinarylacticacid_aaa81fcf-9057-49d2-8eb5-581faf6f0b71.jpg?v=1788176273"},{"product_id":"the-ordinary-hyaluronic-acid","title":"The ordinary hyaluronic acid 2% | Skin moisturizer | Filler for wrinkles and fine lines 30 ml","description":"\u003ch3 class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eWrinkles are not just lines, they are a distress call\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eYour skin is crying out to lose its freshness, and every day that passes without treatment makes the problem deeper and more difficult to reverse.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eDid you know that premature wrinkles are not just a natural change? Rather, it is evidence of a deterioration in your skin's vital moisture barrier. These lines are not just passing marks; They are warnings that your skin is starting to lose its ability to retain moisture and elasticity. With each day that passes without effective moisturizing, these marks become deeper and more difficult to treat. Remember, wrinkles begin to appear when the skin lacks proper care; Any lack of hydration can turn into lines and wrinkles that do not disappear easily. Give your skin the strength it needs with hyaluronic acid, and restore its vitality before it is too late.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\/\u003e\u003cbr\/\u003e“Why let your skin suffer from thirst?”\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eIf your skin feels dry and lacks elasticity and freshness, it doesn't just affect your appearance; It also weakens its ability to cope with environmental factors and premature aging. Dryness is not just a passing condition, it is a major factor that leads to the appearance of fine lines, dull spots and loss of smoothness. This is where serum comes into play \u003cstrong\u003eHyaluronic acid 2% + B5\u003c\/strong\u003e Who \u003cstrong\u003eThe Ordinary\u003c\/strong\u003e; It is not just an ordinary moisturizer, but an advanced scientific formula that works deeply to restore balance and hydration to your skin from the inside and outside.\u003c\/p\u003e\n\u003ch3\u003eThe science behind deep hydration\u003c\/h3\u003e\n\u003cp\u003eThe serum contains \u003cstrong\u003e5 types of hyaluronic acid\u003c\/strong\u003e With different molecular weights, they allow it to reach multiple layers of the skin. The composition includes low-, medium- and high-molecular acids, as well as \u003cstrong\u003eHyaluronic acid crosspolymer\u003c\/strong\u003e And\u003cstrong\u003eHydrolyzed hyaluronic acid\u003c\/strong\u003e. This molecular diversity enables moisture to be distributed effectively across all levels of the skin, helping to replenish dry areas and support skin elasticity and restore plumpness.\u003c\/p\u003e\n\u003ch3\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3\u003eCeramides: the last bulwark between your skin and the factors of aging\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eWhen the skin barrier breaks down, your skin begins an irreversible journey towards dryness and loss of radiance\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWithout a strong barrier, every enemy of your skin will invade it mercilessly. \u003c\/strong\u003eNormal skin contains \u003cstrong\u003eCeramides\u003c\/strong\u003e As an essential part of the protective barrier that retains moisture and prevents its loss.\u003c\/p\u003e\n\u003cp\u003eWhen these ceramides are lost, it leads to the collapse of the skin barrier, loss of moisture and freshness, and exposes the skin to environmental factors that cause aging.  Without this support, the skin turns into a battlefield, where signs of stress and aging accelerate. Will it leave your skin exposed and vulnerable to damage?\u003c\/p\u003e\n\u003cp\u003eThe serum contains a high concentration of ceramides that will help your skin restore its protective shield and prevent harmful agents from penetrating the deeper layers of your skin. \u003c\/p\u003e\n\u003ch3\u003ePanthenol (Provitamin B5): Additional support \u003c\/h3\u003e\n\u003cp\u003eAlso available in formula \u003cstrong\u003eProvitamin B5\u003c\/strong\u003e, which enhances the formation of essential fatty elements that keep the skin soft and moisturized. Panthenol not only provides moisturizing benefits, but also contributes to strengthening the skin barrier, reducing moisture loss and helping to keep your skin continuously fresh and radiant.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eEvery drop rebuilds your skin from within\u003c\/h3\u003e\n\u003cp\u003eThanks to this advanced scientific formula, the serum achieves immediate results in moisturizing the skin, and its effect continues long-term to maintain its freshness and natural glow. The light texture and dry texture makes this serum an ideal choice for all skin types, especially for those looking for effective hydration without a sticky feeling.\u003c\/p\u003e\n\u003ch3 class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cstrong\u003eHow to Use:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eApply a few drops to the face in the morning and evening before the cream.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eSize: 30 ml\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999289430190,"sku":"INSTA0558CHIQ","price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_60_5ab46eb2-a2ad-45f4-9da5-a1ffab414767.jpg?v=1788176272"},{"product_id":"the-ordinary-buffet-anti-aging-serum-30ml","title":"The Ordinary Peptides and Hyaluronic Technology Serum for the skin | Anti-aging | Comprehensive skin rejuvenation","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\"\u003eA revolutionary discovery in the world of skin care\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eThe Ordinary Multi-Peptide + HA Serum is not just a skin care product, it is an advanced formula that changes the way we think about skin health and rejuvenation. This advanced formula combines the latest scientific innovations with the most effective active ingredients, to provide your skin with everything it needs to restore its youth and radiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"section2\"\u003e\n\u003ch2 class=\"title\"\u003eWhat are peptides and why are they important for the skin?\u003c\/h2\u003e\n\u003cp class=\"description\"\u003ePeptides are short chains of amino acids, and are the building blocks of skin proteins such as collagen and elastin, which are responsible for the skin's youthful and firm appearance. Peptides act as signaling molecules, helping to stimulate the production of collagen and other essential proteins in the skin.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eThe Ordinary Multi-Peptide + HA Serum contains an advanced blend of five scientifically studied peptide technologies, plus skin-friendly amino acids and multiple hyaluronic acid complexes. This powerful combination helps improve skin elasticity and firmness, and significantly reduce the appearance of wrinkles.\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\"\u003ePeptides in 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\"\u003eActive ingredients: palmitoyl tetrapeptide-7 and palmitoyl tripeptide-1\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ 3000 is a popular peptide complex that stimulates collagen production in the skin. This complex helps reduce the appearance of fine lines \u0026amp; wrinkles by supporting key structural components within the skin. It is considered one of the most effective anti-aging agents as it encourages the skin to produce more collagen and elastin, which helps fill in fine lines \u0026amp; wrinkles.\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\"\u003eActive ingredient: palmitoyl tripeptide-38\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eMatrixyl™ synthe'6™ promotes the production of six essential components of the skin matrix, including collagen and elastin. This advanced peptide helps improve skin elasticity and reduce the depth of wrinkles, especially in the forehead and eye areas. It also improves the overall structure and texture of the skin, enhancing its youthful and firm appearance.\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\"\u003eActive ingredient: dipeptide diaminobutyroyl benzylamide diacetate\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eSYN™-AKE is an advanced peptide that mimics the effect of snake venom, inhibiting the release of neurotransmitters that cause muscle contractions. This helps relax facial muscles and reduce the appearance of “dynamic lines” that form with repetitive facial expressions such as smiling or frowning. This peptide is particularly effective in reducing lines on the forehead and around the eyes, giving the skin a smoother and more relaxed appearance.\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\"\u003eActive ingredients: acetyl hexapeptide-8 (Argireline) and pentapeptide-18\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eARGIRELOX™ is a dual peptide complex that combines the power of Argireline and Leuphasyl peptide. It works in a similar way to Botox but without the injections, inhibiting the nerve signals that cause muscles to contract. This complex is particularly effective in reducing the appearance of expression lines and dynamic wrinkles in the areas of the forehead, between the eyebrows and around the eyes. Studies have shown that combining these two peptides achieves better results than using each of them separately.\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\"\u003eActive ingredient: acetylarginyltryptophyl diphenylglycine\u003c\/p\u003e\n\u003cp class=\"peptide-effect\"\u003eRELISTASE™ is a specialized peptide that improves skin elasticity and firmness. This peptide focuses on promoting elastin production and protecting the skin's elastic fibers, helping to combat sagging and improve skin firmness. It also promotes collagen synthesis and protects existing fibers from breaking down, resulting in firmer, more youthful skin.\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\"\u003eHyaluronic acid: the ideal partner for peptides\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eMulti-Peptide + HA serum contains multiple compounds of hyaluronic acid, which is a powerful skin moisturizer. Hyaluronic acid is not like any ordinary moisturizing ingredient; It is \u003cstrong\u003eA super powerful molecular magnet that can absorb up to 1,000 times its weight in water\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eThanks to its different-sized particles, the hyaluronic acid in this serum can penetrate different layers of the skin, providing deep and sustained hydration. This deep hydration helps:\u003c\/p\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3 class=\"feature-card-title\"\u003eBenefits of hyaluronic acid in serum:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePlump the skin and make it fuller and smoother\u003c\/li\u003e\n\u003cli\u003eImmediately reduces the appearance of fine lines \u0026amp; wrinkles\u003c\/li\u003e\n\u003cli\u003eImproving skin elasticity and its ability to retain moisture\u003c\/li\u003e\n\u003cli\u003eEnhancing the effectiveness of peptides by providing an ideal environment for their action\u003c\/li\u003e\n\u003cli\u003eImprove absorption of other active ingredients\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\"\u003eSkin rejuvenation journey with Multi-Peptide + HA Serum\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eExperience a skin transformation with regular use. With each stage, the skin becomes younger, fresher and more radiant!\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\"\u003eImmediate - 1 week\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\"\u003eWeek 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\"\u003eWeek 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\"\u003eWeek 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\u003eImmediate - Week 1: Deep hydration and relaxation\u003c\/h3\u003e\n\u003cp\u003eImmediate results begin thanks to hyaluronic acid, SYN-AKE and ARGIRELOX peptides that hydrate the skin and relax the facial muscles.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eInstant and deep hydration of the skin\u003c\/li\u003e\n\u003cli\u003eSlight relaxation of the facial muscles reduces the appearance of expression lines\u003c\/li\u003e\n\u003cli\u003eSmoother and radiant skin\u003c\/li\u003e\n\u003cli\u003eInstant improvement in skin texture\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eWeek 2-4: Skin texture and radiance improve\u003c\/h3\u003e\n\u003cp\u003ePeptides such as Matrixyl 3000 and Matrixyl Synthe'6 begin to stimulate collagen production, leading to a gradual improvement in skin elasticity and smoothness.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBeginning to reduce the appearance of fine lines\u003c\/li\u003e\n\u003cli\u003eNoticeable improvement in skin elasticity\u003c\/li\u003e\n\u003cli\u003eIncrease in skin radiance and freshness\u003c\/li\u003e\n\u003cli\u003eImprovement in skin tone\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eWeek 5-8: Noticeable improvement in signs of aging\u003c\/h3\u003e\n\u003cp\u003eAs the serum continues to be used, collagen and elastin production increases, leading to greater improvement in the appearance of wrinkles and skin elasticity.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eVisible reduction in the depth of wrinkles\u003c\/li\u003e\n\u003cli\u003eNoticeable improvement in skin tightening and reduction of sagging\u003c\/li\u003e\n\u003cli\u003eBetter skin tone and reduced pigmentation\u003c\/li\u003e\n\u003cli\u003eAn increase in cell size and density, giving the skin a fuller appearance\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eWeek 9-12: Full results and comprehensive rejuvenation\u003c\/h3\u003e\n\u003cp\u003eAfter 3 months of regular use, peptides and hyaluronic acid reach their peak effectiveness in rejuvenating the skin and combating signs of aging.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSignificant reduction in the depth and length of wrinkles and fine lines\u003c\/li\u003e\n\u003cli\u003eNoticeably firmer and more elastic skin\u003c\/li\u003e\n\u003cli\u003eImprovement in skin structure and increase in skin density\u003c\/li\u003e\n\u003cli\u003eUniform color and healthy radiance\u003c\/li\u003e\n\u003cli\u003eOverall improvement in the appearance and health of the skin\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\"\u003eUnique features of 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\"\u003eA comprehensive multi-benefit formula\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eCombines 5 advanced peptide technologies in one product\u003c\/li\u003e\n\u003cli\u003eTargets all signs of aging at once\u003c\/li\u003e\n\u003cli\u003eTreats fine lines, wrinkles, loss of elasticity, and uneven skin tone\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\"\u003eHigh concentration of active ingredients\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eContains 25.1% active technologies by weight\u003c\/li\u003e\n\u003cli\u003eFormula free of unnecessary fillers\u003c\/li\u003e\n\u003cli\u003eOptimal concentration for maximum effectiveness without skin irritation\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\"\u003eLight water-based formula\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eLight texture, easy to absorb\u003c\/li\u003e\n\u003cli\u003eIt does not leave any greasy or sticky feeling on the skin\u003c\/li\u003e\n\u003cli\u003eIt can be used under makeup easily\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\"\u003eIdeal for All Skin Types\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eGentle formula suitable even for sensitive skin\u003c\/li\u003e\n\u003cli\u003eFree of perfume, alcohol and mineral oil\u003c\/li\u003e\n\u003cli\u003eDoes not cause clogged pores\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\"\u003ePercentage of active ingredients\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\"\u003eA week for full results\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\"\u003eIdeal for All Skin Types\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\"\u003eOptimal how to use\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\u003eCleanse your skin\u003c\/h4\u003e\n\u003cp\u003eStart by cleansing the skin well and drying it gently\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\u003eApply a few drops\u003c\/h4\u003e\n\u003cp\u003eDistribute a few drops of serum on clean skin\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\u003eUse it twice daily\u003c\/h4\u003e\n\u003cp\u003eUse twice daily, morning and evening, for best results\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\u003eFollow with moisturizer\u003c\/h4\u003e\n\u003cp\u003eFor optimal hydration, apply your favorite moisturizer after absorbing the serum\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\"\u003eImportant notes for use:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAvoid using serums with direct acids such as glycolic acid or lactic acid in the same routine\u003c\/li\u003e\n\u003cli\u003eAvoid using it with vitamin C (ascorbic acid) products in the same routine\u003c\/li\u003e\n\u003cli\u003eIt can be used before or after other hyaluronic acid products\u003c\/li\u003e\n\u003cli\u003eIt is preferable to perform an allergy test before full use\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\"\u003eAll components\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":46999290740910,"sku":"INSTA0586CHIQ","price":21.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ordinary_multipeptide_ha_serum_8bb01cc8-0d23-43c7-936a-3afc50693acb.jpg?v=1788176241"},{"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\"\u003eTime waits for no one... but your skin shouldn't be subject to it\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eEvery morning, the mirror reveals to you the truth: time leaves its mark on everyone. But what if you could rewrite that story?\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\"\u003eThe science of turning back the hands of time\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eEmbedded in retinol's molecular structure is an amazing power - the power of communicating directly with your skin cells, directing them to behave as they did in their youth. These are not marketing exaggerations; They are scientific biological facts.\u003c\/p\u003e\n\u003cdiv class=\"product-title\"\u003e\n\u003ch2\u003eThe Ordinary Retinol 0.5% in Squalene: the precise tool for skin rejuvenation\u003c\/h2\u003e\n\u003cp\u003eScientists have long known that retinol is the gold standard for tangible skin transformation. What distinguishes this composition is \u003cstrong\u003eClinical accuracy\u003c\/strong\u003e - A carefully calibrated concentration of 0.5% suspended in squalene identical to the skin's natural composition. This is not just a product; It's a scientific breakthrough available in a dropper bottle.\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\"\u003eMolecular harmony that transforms the skin\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: the cellular messenger\u003c\/h3\u003e\n\u003cp\u003eRetinol is not just an ingredient; It is a biological messenger that:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eAccelerate cell regeneration by \u003cspan class=\"counter\" data-target=\"50\"\u003e50\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eStimulate fibroblast cells to increase collagen production\u003c\/li\u003e\n\u003cli\u003eReorganization of the dermis matrix to improve the structural structure\u003c\/li\u003e\n\u003cli\u003eRegulating the distribution of melanin to obtain a uniform color\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: Bio-mimetic shield\u003c\/h3\u003e\n\u003cp\u003eYour skin naturally produces squalene, but production declines by about 10% each decade after age 30. This formula replenishes the skin with a pure and stable form of squalene which:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eCreates a protective moisture barrier without clogging pores\u003c\/li\u003e\n\u003cli\u003ePrecisely delivers retinol molecules to their cellular targets\u003c\/li\u003e\n\u003cli\u003eNeutralizes the potential drying effects of retinol\u003c\/li\u003e\n\u003cli\u003eIt feels lightweight while providing maximum effectiveness\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\"\u003eTime stages of transformation\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eWhile many products promise overnight miracles, true skin transformation follows a scientific path:\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\u003eWeek 1-2\u003c\/h3\u003e\n\u003cp\u003ePrimary cellular awakening; Slight peeling may occur with the onset of acceleration\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\u003eWeek 3-4\u003c\/h3\u003e\n\u003cp\u003eNoticeable smoothing of fine lines, especially around the eyes and mouth\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\u003eWeek 5-8\u003c\/h3\u003e\n\u003cp\u003eNoticeable improvement in skin texture and tone\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\u003eWeek 9-12\u003c\/h3\u003e\n\u003cp\u003eSignificant restructuring of the appearance of the skin; Decreased clarity of deep lines\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\"\u003eWhat sets this formula apart from other retinol products?\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eThe science of retinol isn't new, but delivering it effectively is the real challenge. Most combinations fail in one of three crucial areas:\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\"\u003eConsistency\u003c\/h3\u003e\n\u003cp\u003eRetinol deteriorates quickly when exposed to light and air\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\"\u003eDelivery\u003c\/h3\u003e\n\u003cp\u003eWithout proper carriers, retinol struggles to reach beyond the surface layers\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\"\u003eEndurance\u003c\/h3\u003e\n\u003cp\u003eHigh rates of irritation lead to discontinuation of use before results are seen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eThe Ordinary's water-free, squalane-based formula addresses all three challenges directly, while maintaining molecular integrity right up until the moment of use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch3 class=\"accent-text\"\u003eAdvanced formula at an exceptional price\u003c\/h3\u003e\n\u003cp\u003eThis isn't just skincare – it's applied biochemistry in its purest form. Each bottle contains the exact concentration needed to get noticeable results without unnecessary fillers, fragrances or marketing additives.\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\"\u003eYour relationship with time: redefined\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eThe mirror doesn't lie - it reflects choices. Every night you apply this serum represents a decision to engage with the science of skin renewal rather than accepting the passage of time as inevitable.\u003c\/p\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch3 class=\"accent-text\"\u003eFor best results:\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\"\u003eStart with a small amount (3-4 drops) in your evening routine\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eApply to clean, dry skin before heavy moisturizers\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eAlways use sunscreen the next day\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eStore it in the refrigerator after opening\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eConsider starting with 0.2% if you are new to retinoids\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eNot recommended during pregnancy or breastfeeding, or with other retinoids\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\"\u003eThe scientific option for tangible transformation\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eThe Ordinary Retinol 0.5% in Squalane – Because effective skin care isn't about miracle claims. It's about scientifically proven ingredients in precise concentrations.\u003c\/p\u003e\n\u003cp class=\"cta-subtitle\"\u003e\u003cstrong\u003eYour skin's biological clock is ticking. The time to reset is now.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eOrder now\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":46999290904750,"sku":"INSTA0589CHIQ","price":15.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/The-Ordinary-Retinol-1_-in-Squalane_fce39aa6-3ffe-4851-8c72-368f1b4c8c37.jpg?v=1788176235"},{"product_id":"the-ordinary-granactive-retinoid-2-emulsion","title":"The Ordinary Retinoid Emulsion | Dynamic Anti-Wrinkle | Anti-pigmentation and acne 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\"\u003eNew generation retinoids\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eRetinoid Emulsion is a lightweight, water-based serum that targets the visible signs of aging. Contains a next-generation retinoid active called Hydroxypinacolone Retinoid (HPR), a more stable, less irritating form of 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\"\u003eAdvanced technology in fighting and preventing wrinkles\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eThe Ordinary's Granactive Retinoid is an advanced anti-aging complex that stimulates skin cell proliferation, helping to reduce collagen breakdown and restore skin elasticity and smoothness. By increasing the rate of cell turnover, it reduces the appearance of fine lines and helps prevent the development of wrinkles in the future.\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\"\u003eFast effect and no side effects\u003c\/h2\u003e\n\u003cul class=\"features-list\" id=\"featuresList\"\u003e\n\u003cli\u003eIt treats forehead wrinkles\u003c\/li\u003e\n\u003cli\u003eReduces the appearance of fine lines around the mouth and eyes\u003c\/li\u003e\n\u003cli\u003eImproves skin elasticity and the appearance of dynamic wrinkles when smiling or angry\u003c\/li\u003e\n\u003cli\u003eImproves skin texture at the cellular level\u003c\/li\u003e\n\u003cli\u003eEliminates acne\u003c\/li\u003e\n\u003cli\u003eUnifies skin tone\u003c\/li\u003e\n\u003cli\u003eStimulates collagen production\u003c\/li\u003e\n\u003cli\u003eReduces the appearance of spots and pigmentation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eJourney results with The Ordinary Granactive Retinoid\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eDiscover how Granactive Retinoid Emulsion improves your skin over time. The amazing gradual results will motivate you to keep using it!\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\"\u003eWeek 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\"\u003eWeek 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\"\u003eWeek 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\"\u003eWeek 12\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n\u003ch3\u003eThe first week: the beginning of hydration and softness\u003c\/h3\u003e\n\u003cp\u003eYou will notice an immediate effect on skin hydration and softness. The Ordinary Granactive Retinoid Emulsion is gentle on the skin and does not cause irritation or dryness like traditional retinol.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSmoother and more moisturized skin\u003c\/li\u003e\n\u003cli\u003eNo irritation or redness like traditional retinol\u003c\/li\u003e\n\u003cli\u003eNice creamy texture that absorbs quickly\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eWeeks 2-4: Texture and radiance begin to improve\u003c\/h3\u003e\n\u003cp\u003eDuring this phase, you will begin to notice an improvement in your skin's radiance and texture. Your skin will feel fresher and more vibrant every morning.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBrighter and more vibrant skin\u003c\/li\u003e\n\u003cli\u003eImprovement in skin texture\u003c\/li\u003e\n\u003cli\u003eReduced appearance of enlarged pores\u003c\/li\u003e\n\u003cli\u003eGradual reduction of acne, if any\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eWeeks 6-8: Visible improvement in skin tone and spots\u003c\/h3\u003e\n\u003cp\u003eAfter one to two months of regular use, you will begin to see a noticeable improvement in skin tone and a reduction in pigmentation and spots. Clinical studies have shown that using HPR for 8 weeks results in a significant improvement in skin tone.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eClear reduction of pigmentation and dark spots\u003c\/li\u003e\n\u003cli\u003eNoticeably unifies skin tone\u003c\/li\u003e\n\u003cli\u003eImprovement in the appearance of old acne scars\u003c\/li\u003e\n\u003cli\u003eFresher and smoother skin\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eWeek 12: Integrated results and improvement of lines and wrinkles\u003c\/h3\u003e\n\u003cp\u003eAfter 3 months of regular use, the full results of Granactive Retinoid Emulsion will appear. Clinical studies have shown that using HPR for 12 weeks results in a significant improvement in the appearance of fine lines \u0026amp; wrinkles.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eVisibly reduces the appearance of fine lines \u0026amp; wrinkles\u003c\/li\u003e\n\u003cli\u003eIncrease in skin elasticity and smoothness\u003c\/li\u003e\n\u003cli\u003eYounger and more radiant skin\u003c\/li\u003e\n\u003cli\u003eNoticeable improvement in the general structure of the skin\u003c\/li\u003e\n\u003cli\u003eSustained results with continued use\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\"\u003eScientifically and laboratory proven\u003c\/h2\u003e\n\u003cul class=\"studies-list\" id=\"studiesList\"\u003e\n\u003cli\u003e\n\u003cp\u003eA study in 20 people showed that using HPR for 12 weeks resulted in significant improvement in the appearance of fine lines, wrinkles, and skin texture.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eAnother study in 40 people showed that using HPR for 8 weeks resulted in significant improvement in skin tone and tone.\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\"\u003eComparison between retinoids and retinol\u003c\/h2\u003e\n\u003ctable class=\"comparison-table\" id=\"comparisonTable\"\u003e\n\u003ctr\u003e\n\u003cth\u003eCharacteristics\u003c\/th\u003e\n\u003cth\u003eRetinoid\u003c\/th\u003e\n\u003cth\u003eRetinol\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEffectiveness\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003ehigher\u003c\/td\u003e\n\u003ctd\u003eLow\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCommon uses\u003c\/td\u003e\n\u003ctd\u003eTreating acne and skin wrinkles\u003c\/td\u003e\n\u003ctd\u003eSkin care supplement\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePotential for irritation\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLow\u003c\/td\u003e\n\u003ctd\u003eHigh\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDuration of treatment\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eFast results\u003c\/td\u003e\n\u003ctd\u003eIt needs a longer 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 Note: When pregnant or breastfeeding, it is recommended to avoid any skin care products containing retinoids such as formulations containing Granactive Retinoid™ or 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":46999290937518,"sku":"INSTA0590CHIQ","price":15.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ordinaryretinoidemulsion_7bcaf995-fbf8-45e9-ac68-257f75be2b92.jpg?v=1788176234"},{"product_id":"vichy-liftactiv-collagen-specialist-cream-50ml","title":"Vichy Liftactiv Collagen Specialist Cream - 50ml","description":"\u003cdiv class=\"long-description\" dir=\"ltr\"\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eThe #1 anti-wrinkle product in Europe, enriched with Antiaging peptides and Vitamin CG to correct all types of wrinkles and dark spots.\u003cbr\/\u003e\u003cbr\/\u003eThis product is recommended for those looking for a quick and noticeable effect to remove wrinkles and dark spots in less than 8 weeks.\u003cbr\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"tick-list\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003eLess wrinkles\u003cbr\/\u003e\n\u003c\/li\u003e\n\u003cli\u003eFewer dark spots\u003c\/li\u003e\n\u003cli\u003eTight skin\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"small-benefits\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003cp\u003eProven and noticeable effect\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003eFrom the first use: fresh skin\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003e+52%\u003csup\u003e*\u003c\/sup\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eAfter 4 weeks: less wrinkles\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003e-16%\u003csup\u003e**\u003c\/sup\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003eAfter 8 weeks: less wrinkles\u003cstrong\u003e\u003cspan\u003e \u003c\/span\u003e\u003c\/strong\u003e\u003cstrong\u003e-24%\u003csup\u003e**\u003c\/sup\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eLess sagging and dark spots\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"mention\"\u003e* Practical test on 40 women\u003cbr\/\u003e** Automated test on 58 women\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable class=\"use-information\" data-mce-style=\"float: right;\" style=\"float: right;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eActive ingredients\u003c\/th\u003e\n\u003ctd\u003ePeptide I, Peptide II, Vitamin C, Vichy Mineral Water\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSkin type\u003c\/th\u003e\n\u003ctd\u003eAll skin types\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTime of use\u003c\/th\u003e\n\u003ctd\u003eAM + PM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBenefits\u003c\/th\u003e\n\u003ctd\u003eReduces fine lines \u0026amp; wrinkles, and unifies skin tone\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"small-benefits\" data-mce-fragment=\"1\"\u003e\n\u003cp class=\"mention\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"mention\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp class=\"mention\" data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Screenshot_2021-11-08_164543_2048x2048.jpg?v=1636382809\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Screenshot_2021-11-08_164543_2048x2048.jpg?v=1636382809\"\/\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 class=\"mention\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e Featured ingredients\u003c\/h2\u003e\n\u003cdiv aria-hidden=\"false\" aria-labelledby=\"undefined-panneau-1\" class=\"item visible\" data-mce-style=\"text-align: right;\" id=\"undefined-panneau-1\" role=\"tabpanel\" style=\"text-align: left;\" tabindex=\"0\"\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003e\u003cstrong\u003eVitamin C\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eTo correct dark spots\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003eProtects the skin and prevents  oxidation. Corrects all types of wrinkles and dark spots\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003e\u003cstrong\u003eANTI-AGEING BIO-PEPTIDES\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eBiopeptides are short fragments of proteins, able to combat the degradation of collagen fibers and stimulate the production of collagen types 3 and 4.\u003c\/p\u003e\n\u003ch3 class=\"accordion-item-title\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 class=\"accordion-item-title\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003c\/h3\u003e\n\u003cdiv class=\"accordion-content obj_ingredients\" data-mce-style=\"text-align: right;\" id=\"listIngredient_29138\" style=\"text-align: left;\"\u003e\n\u003cdiv id=\"ingredients-list\"\u003e\n\u003cdiv class=\"ctn_top-accordion\"\u003e\n\u003cdiv class=\"accordion-item itemForm no-overflow\"\u003e\n\u003ch3 class=\"accordion-item-title\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eHow to Use\u003c\/h3\u003e\n\u003cdiv class=\"accordion-content\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003cp\u003eApply on clean, dry skin.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-item itemForm no-overflow\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003ch3 class=\"accordion-item-title\"\u003eSafe\u003c\/h3\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp\u003eHypoallergenic. Tested on sensitive skin.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctn_bottom-accordion\"\u003e\n\u003cdiv class=\"accordion-item composition\"\u003e\n\u003ch3 class=\"accordion-item-title\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eIngredients\u003c\/h3\u003e\n\u003cdiv class=\"accordion-content obj_ingredients\" id=\"listIngredient_27430\"\u003e\n\u003cdiv id=\"ingredients-list\"\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cem\u003eAQUA \/ WATER - GLYCERIN - DIMETHICONE - ISOHEXADECANE - ALCOHOL DENAT. - SILICA - HYDROXYETHYLPIPERAZINE ETHANE SULFONIC ACID - PROPANEDIOL - SYNTHETIC WAX - PEG-10 DIMETHICONE - EPERUA FALCATA BARK EXTRACT - PEG-30 DIPOLYHYDROXYSTEARATE - STEARYL ALCOHOL - SORBITAN OLEATE - DIMETHICONE\/PEG-10\/15 CROSSPOLYMER - DIMETHICONE\/POLYGLYCERIN-3 CROSSPOLYMER - CETEARETH-6 - SODIUM ACRYLATES COPOLYMER - SODIUM CITRATE - SODIUM HYDROXIDE - SODIUM PHYTATE - CYCLODEXTRIN - ADENOSINE - ASCORBYL GLUCOSIDE - NYLON-12 - ISOPROPYL ALCOHOL - PROPYLENE CARBONATE - DIPROPYLENE GLYCOL - CAPRYLIC\/CAPRIC TRIGLYCERIDE - CAPRYLYL GLYCOL - ACETYL TETRAPEPTIDE-9 - SYNTHETIC FLUORPHLOGOPITE - DISTEARDIMONIUM HECTORITE - DEXTRIN - PISUM SATIVUM EXTRACT \/ PEA EXTRACT - TOCOPHEROL - PHENOXYETHANOL - CI 15985 \/ YELLOW 6 - CI 77891 \/ TITANIUM DIOXIDE - PARFUM \/ FRAGRANCE\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Vichy","offers":[{"title":"Default Title","offer_id":46999291068590,"sku":"INSTA0594CHIQ","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/item_XL_112605274_c12f9efe2fc9f_2118f6a7-9349-4332-8a6e-a0a02a7532e1.jpg?v=1788176227"},{"product_id":"uriage-bariederm-cica-cream","title":"Uriage BARIÉDERM - CICA-CREAM | Cream to treat irritation and redness and soothe the skin","description":"\u003cdiv class=\"c-product__intro u-intro\"\u003e\n\u003ch3\u003e\u003cstrong\u003eWHY CHOOSE BARIÉDERM-CICA CREAM?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003e1. Instant isolation and protection:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eThanks to the Poly-2P patent, the cream acts as a protective bandage on the skin, isolating it from irritating factors and giving it immediate protection. Smectite also absorbs and neutralizes impurities.\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003e2. Deep skin repair:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eThe innovative GF-Repair technology stimulates the skin's natural growth factors, accelerating the process of tissue regeneration and repair with exceptional effectiveness.\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003e3. Super soothing irritation:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eThe cream contains \u003cstrong\u003eD-Panthenol\u003c\/strong\u003e, an ingredient known for its soothing properties, to instantly relieve discomfort.\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eScientifically proven results:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e95%\u003c\/strong\u003e  Improvement in soothing troubled and irritated skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e87%\u003c\/strong\u003e Of users noticed effective soothing of their skin from the first use.\u003cbr\/\u003e\u003cem\u003e(Results clinically proven under dermatological supervision, with twice daily application for 21 days on 30 people.)\u003c\/em\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eActive ingredients in every drop:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eUriage Thermal Water:\u003c\/strong\u003e To soothe and moisturize the skin.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCopper and Zinc:\u003c\/strong\u003e To purify the skin and prevent irritation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eD-Panthenol:\u003c\/strong\u003e To soothe redness and relieve irritation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHyaluronic acid:\u003c\/strong\u003e To deeply moisturize and rejuvenate the skin.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGF-Repair Complex:\u003c\/strong\u003e To accelerate the regeneration of damaged skin cells.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eSafe for everyone:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eFragrance free.\u003c\/li\u003e\n\u003cli\u003eDoes not contain preservatives.\u003c\/li\u003e\n\u003cli\u003eIdeal for All Skin Types, including sensitive skin.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eHow do you use it?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eGently cleanse the skin with \u003cstrong\u003eBariéderm Cleansing Cica-Gel\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli\u003eApply an appropriate amount of cream twice daily to the affected areas.\u003c\/li\u003e\n\u003cli\u003eGently massage until completely absorbed.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eWho is BARIÉDERM-CICA cream suitable for?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSuitable for face and body.\u003c\/li\u003e\n\u003cli\u003eDesigned to meet the needs of the whole family.\u003c\/li\u003e\n\u003cli\u003eEffective in treating minor wounds, irritations, and severe dryness.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eDon't let minor irritations affect your day. Choose cream \u003cstrong\u003eBARIÉDERM-CICA\u003c\/strong\u003e Protect, soothe, and repair in one step.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Uriage","offers":[{"title":"Default Title","offer_id":46999294181550,"sku":"INSTA0664CHIQ","price":9.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/uriage_beriderm_cica_zinc_cream_c7d0119c-112e-4303-ab3b-b9aff129a293.jpg?v=1788176105"},{"product_id":"uriage-bariesun-milk-spf50","title":"Uriage BARIÉSUN MILK SPF50+","description":"\u003cdiv class=\"c-product__intro u-intro\" data-mce-fragment=\"1\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003eThanks to a high performance filtering complex, the lotion provides very high protection against UVA and UVB rays, free radicals and prevents skin from drying out. Its light, non-greasy and pleasantly fragranced texture guarantees renewed pleasure of use each time that it is applied. This lotion guarantees high safety, high tolerance and fast absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c-product__description c-content\" data-mce-fragment=\"1\"\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003ePrevents photoaging\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eUriage Thermal Water, at the core of Bariésun formulas, fights against the harmful effects of the sun. The skin barrier is therefore reinforced and the DNA is protected against damage by UV rays*.\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003eProtects against UV rays\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eIts new complex of latest-generation filters provides very high protection against UV rays. This lotion guarantees proven photostability and broad UVB and UVA coverage.\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003eIntensely moisturizes\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eEnriched with Aquaspongines and Uriage Thermal Water, this lotion provides intense protection against dryness.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Uriage","offers":[{"title":"Default Title","offer_id":46999294247086,"sku":"INSTA0666CHIQ","price":8.58,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/sunscreen-tinted-copy.png?v=1788176103"},{"product_id":"pixi-retinol-tonic-100ml","title":"Pixi Retinol Tonic 100 ml","description":"\u003cdiv dir=\"ltr\"\u003e\n\u003cdiv\u003e\u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/71IVhxJ15yL._AC_SL1500_1024x1024.jpg?v=1639822024\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/71IVhxJ15yL._AC_SL1500_1024x1024.jpg?v=1639822024\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"tab-wrapper\"\u003e\u003cspan class=\"tab-toggle active\" data-pane-toggle=\"pane1\" role=\"button\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"0\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$323\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• This multi-action treatment with time-release retinol nourishes skin with powerful antioxidants.\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"1\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$324\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"2\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$325\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Time-release retinol reduces fine lines and smoothes skin.\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"3\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$326\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"4\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$327\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Peptides strengthen the skin and increase collagen production.\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"5\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$328\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"6\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$329\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Jasmine flower scales.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"7\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$330\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"8\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$331\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Alcohol-free\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"9\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$332\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"10\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$333\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Ideal for All Skin Types\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"11\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$334\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\n\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"12\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$335\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"13\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$336\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"14\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$337\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Not tested on animals\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"15\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$338\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"16\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$339\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Size: 100 ml \/ 3.4 fl oz\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"17\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$340\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"18\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$341\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003eHow to Use:\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"19\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$342\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"20\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$343\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Use: either in the morning and evening or when needed.\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"21\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$344\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"22\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$345\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Step 1: Clean your face.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"23\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$346\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"24\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$347\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Step 2: Dip a cotton swab in the retinol tonic and wipe the face, neck and chest (avoiding the eye area).\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"25\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$348\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"26\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$349\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Step Three: Use serum or moisturizer afterwards\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"27\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$350\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tab-wrapper\" style=\"text-align: left;\"\u003e\n\u003cspan class=\"VIiyi\" data-mce-fragment=\"1\" jsaction=\"mouseup:BR6jm\" jsname=\"jqKxS\" lang=\"ar\"\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"28\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$351\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003eIngredients:\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"29\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$352\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"30\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$353\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003eRetinol rejuvenates and smoothes\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"31\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$354\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b ChMk0b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"32\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$355\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e• Peptides enhance collagen production\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"JLqJ4b\" data-language-for-alternatives=\"ar\" data-language-to-translate-into=\"en\" data-mce-fragment=\"1\" data-number-of-phrases=\"35\" data-phrase-index=\"33\" jsaction=\"agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d\" jscontroller=\"Zl5N8\" jsdata=\"uqLsIf;_;$356\" jsmodel=\"SsMkhd\" jsname=\"txFAF\"\u003e\u003cspan data-mce-fragment=\"1\" jsaction=\"click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje\" jsname=\"W297wb\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cbr\/\u003e\u003cspan class=\"tab-toggle active\" data-pane-toggle=\"pane1\" role=\"button\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pixi","offers":[{"title":"Default Title","offer_id":46999296770222,"sku":null,"price":26.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1_11_1ef4e615-e03c-4180-b3a0-26af8d48aff5.jpg?v=1788176019"},{"product_id":"pixi-vitamin-c-tonic-100ml","title":"Pixi Vitamin C tonic 100 ml","description":"\u003cdiv dir=\"ltr\" style=\"text-align: left;\"\u003eThis Vitamin C tonic helps create soft, vibrant skin while preparing your skin for the rest of your Pixi-perfect skincare routine. We carefully selected skin-loving ingredients to provide you with a quick, easy and fuss-free way to reap all the brightening benefits with daily use.\u003cbr\/\u003e\u003cbr\/\u003eUse Vitamin C Toner daily or as needed to soothe and brighten your skin.\u003cbr\/\u003e\u003cbr\/\u003e• Rich antioxidants give your skin a healthy glow.\u003cbr\/\u003e• Strengthens your skin's natural barrier through the use of probiotics.\u003cbr\/\u003e• Skin damage caused by the sun is reduced due to vitamin C and ferulic acid.\u003cbr\/\u003e• It helps give you smoother, more even skin tone.\u003cbr\/\u003e• Gently exfoliate your face with willow bark and fruit extracts.\u003cbr\/\u003e• Aloe vera extract provides soothing hydration.\u003cbr\/\u003e• Formulated using orange, lemon and grapefruit extracts.\u003cbr\/\u003e• Ideal for All Skin Types\u003cbr\/\u003e• Alcohol-free\u003cbr\/\u003e• Paraben free\u003cbr\/\u003e• Not tested on animals\u003cbr\/\u003e• Size: 100 ml \/ 3.4 fl oz. ounces\u003c\/div\u003e","brand":"Pixi","offers":[{"title":"Default Title","offer_id":46999296835758,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/120610593_148811540242172_3932681631432829311_n.jpg?v=1788176019"},{"product_id":"treato-shampoo-250ml","title":"infinity Treato Shampoo for dry and damaged hair 250ml Offer 1+1","description":"\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cstrong\u003eTrito shampoo 250 ml\u003cbr\/\u003eDry\/damaged hair\u003cbr\/\u003eTreato Sulfate-Free Shampoo is the perfect solution to reduce the risk of brittle hair, protect it from heat, humidity and chemical processing, and thoroughly cleanse your hair without stripping it of its natural oils.\u003cbr\/\u003e\u003cbr\/\u003eProduct uses\u003cbr\/\u003e\u003cbr\/\u003eSplit ends, hair loss and damage.\u003cbr\/\u003eDry and frizzy hair.\u003cbr\/\u003eHair becomes brittle and split.\u003cbr\/\u003eExcessive chemical hair treatments such as perming and colouring.\u003cbr\/\u003eProduct specifications\u003cbr\/\u003e\u003cbr\/\u003eCapilectine™ - Cyclomethicone - Argan Oil - Biotin - Keratin - Emu Oil - Collagen - Elastin - Black Seed Oil - Dimethicone - Shea Butter - Mink Oil - Hydrolyzed Soy Protein\u003cbr\/\u003e\u003cbr\/\u003eInstructions for use\u003cbr\/\u003e\u003cbr\/\u003eApply to wet hair and scalp, massage gently, leave for two minutes and rinse well with water.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan data-mce-style=\"color: #000000;\" style=\"color: #000000;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e","brand":"infinity","offers":[{"title":"Default Title","offer_id":46999299850414,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_21.jpg?v=1788175915"},{"product_id":"thr-ordinary-multipeptide-eyebrows-eyelash-serum","title":"The Ordinary Serum with peptide technology to grow and thicken eyelashes and eyebrows","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\"\u003eYour eyes are beautiful, but the short eyelashes and eyebrow gaps hide them\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eEyelashes are the symbol of femininity. Nothing highlights the beauty of the eyes like long eyelashes. Now you can thicken and lengthen your eyelashes and complete your eyebrow gaps in a natural way using the latest global hair growth technology from The Ordinary - the owner of scientific innovations at reasonable prices.\u003c\/p\u003e\n\u003cp class=\"result-stat\"\u003eNoticeable improvement in the density of eyelashes and eyebrows in a period not exceeding 4 weeks \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\"\u003eMore than 50% of eyelash and eyebrow follicles are dormant, waiting for a stimulus to unleash their growth\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eYour upper eyelashes contain 150-200 follicles, while your lower eyelashes contain 75-100. If you count the eyelashes in your eyes now, you will find that the number of hairs is less than 50% of the number of follicles.\u003c\/p\u003e\n\u003cp class=\"description\"\u003eBecause 50%-60% of eyelashes need chemical stimulation to trigger their growth.\u003c\/p\u003e\n\u003cdiv class=\"peptide-info\"\u003e\n\u003cdiv class=\"peptide-left\"\u003e\n\u003ch3 class=\"info-title\"\u003ePolypeptide technology\u003c\/h3\u003e\n\u003cp\u003eThe Ordinary serum contains 4 advanced peptide compounds that stimulate hair follicles and improve the density of eyelashes and eyebrows. These peptides are responsible for building proteins in the hair follicles and improving collagen levels for a fuller and denser appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-right\"\u003e\n\u003ch3\u003e4\u003c\/h3\u003e\n\u003cp\u003eAdvanced peptide complexes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"description\"\u003eWhen you use this serum, it will:\u003c\/p\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003eLengthening active follicles and increasing their thickness\u003c\/li\u003e\n\u003cli\u003eGerminating dormant bulbs and putting them into the growth phase\u003c\/li\u003e\n\u003cli\u003eIt will reduce the gaps between your eyelashes and give you a natural extension look\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"description\"\u003e\u003cstrong\u003eNo need for expensive and temporary eyelashes installation sessions from today\u003c\/strong\u003eYou can now achieve this appearance, for which you spend huge amounts of money in every session, but naturally, with permanent results, and without side effects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n\u003ch2 class=\"title\"\u003eJourney to results with The Ordinary's eyelash and brow serum\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eDiscover the gradual transformation of your eyelashes and eyebrows with regular use. With continued use, you will notice a noticeable improvement in the density, length and appearance of your eyelashes and eyebrows!\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\"\u003eWeek 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\"\u003eWeek 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\"\u003eWeek 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\"\u003eWeek 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\u003eWeek 1: Moisturize and strengthen\u003c\/h3\u003e\n\u003cp\u003eIn the first days of use, you will notice a feeling of hydration and softness in the eyelashes and eyebrows area. Visible results may not appear yet, but the active ingredients have already begun to penetrate the follicles and nourish them.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eMoisturizing and softening the eyelashes and eyebrows area\u003c\/li\u003e\n\u003cli\u003eInitial strengthening of existing hairs\u003c\/li\u003e\n\u003cli\u003eReducing eyelash loss\u003c\/li\u003e\n\u003cli\u003ePreparing dormant follicles for growth\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n\u003ch3\u003eThe second week: signs of improvement begin to appear\u003c\/h3\u003e\n\u003cp\u003eAt this point, you will begin to notice a slight improvement in the appearance of your eyelashes and eyebrows. Some users notice the growth of new hairs, especially in sparse areas.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eA slight increase in eyelash density\u003c\/li\u003e\n\u003cli\u003eBeginning to fill in the gaps in the eyebrows\u003c\/li\u003e\n\u003cli\u003eStronger eyelashes and less prone to falling out\u003c\/li\u003e\n\u003cli\u003eHealthier and more vibrant appearance of existing hair\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n\u003ch3\u003eWeek 4: Noticeable improvement in density and length\u003c\/h3\u003e\n\u003cp\u003eAfter a month of regular use, clinical studies have shown a significant improvement in the volume and density of eyelashes and eyebrows. At this stage you will notice a clear difference compared to before use.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eNoticeable increase in eyelash length\u003c\/li\u003e\n\u003cli\u003eHigher density and better fullness of eyebrows\u003c\/li\u003e\n\u003cli\u003eClear reduction of voids and gaps\u003c\/li\u003e\n\u003cli\u003eStronger and shinier appearance of hair\u003c\/li\u003e\n\u003cli\u003eCurvier and more attractive eyelashes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n\u003ch3\u003eWeek 8-12: Full and sustainable results\u003c\/h3\u003e\n\u003cp\u003eWith continued use for 8-12 weeks, you will reach maximum results possible. At this stage, you will notice a complete transformation in the appearance of your eyelashes and eyebrows, naturally and sustainably.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eNoticeably longer and thicker eyelashes\u003c\/li\u003e\n\u003cli\u003eFull and well-shaped eyebrows\u003c\/li\u003e\n\u003cli\u003eThe almost complete disappearance of voids and gaps\u003c\/li\u003e\n\u003cli\u003eA healthy and natural appearance that resembles extensions\u003c\/li\u003e\n\u003cli\u003eSustained results as long as regular use continues\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\"\u003eThe power of science behind the unique serum formula\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 active ingredients in an advanced formula\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"description\"\u003eThe Ordinary serum contains a unique combination of 11 active ingredients, including 4 advanced peptide complexes and powerful plant extracts that work together to stimulate hair follicles and promote the growth and density of eyelashes and eyebrows.\u003c\/p\u003e\n\u003ch4 style=\"margin-top: 20px; color: #9C8102;\"\u003eMain ingredients:\u003c\/h4\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMyristoyl pentapeptide-17:\u003c\/strong\u003e Stimulates hair growth and strengthens follicles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiotinyl Tripeptide-1:\u003c\/strong\u003e Promotes the hair growth cycle and reduces hair loss\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOligopeptide-2:\u003c\/strong\u003e Improves hair density and increases its thickness\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyltetrapeptide-3:\u003c\/strong\u003e Supports collagen production to enhance hair strength\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCaffeine:\u003c\/strong\u003e Activates blood circulation and stimulates hair growth\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePlant extracts:\u003c\/strong\u003e It nourishes and protects the follicles and enhances their health\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\"\u003eHow to Use for best results\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\u003eCleanse your skin first\u003c\/h4\u003e\n\u003cp\u003eMake sure to clean the eyelashes and eyebrows area of any makeup or oils, then dry the area completely.\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\u003eApply a thin layer of serum\u003c\/h4\u003e\n\u003cp\u003eUse the brush to apply a thin layer along the lash line and on the brows, making sure to cover any sparse areas.\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\u003eUse it twice daily\u003c\/h4\u003e\n\u003cp\u003eFor best results, use the serum regularly in the morning and evening.\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\u003eContinue for a minimum of 4 weeks\u003c\/h4\u003e\n\u003cp\u003eResults appear gradually, reaching peak after 8-12 weeks of regular use.\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\"\u003eComplete ingredients\u003c\/h2\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cp class=\"ingredients-list\"\u003e\n Water, Glycerin, Butylene Glycol, Myristoyl Pentapeptide-17, Butinoyl Tripeptide-1, Oligopeptide-2, Acetyl Tetrapeptide-3, Caffeine, Panthenol, Arginine, Glycine, Glycoprotein, Larix Europaea Cedar Extract, Trifolium Pratense Extract, Camellia Sinensis Green Tea Tree Leaf Extract, Dextran, Maltodextrin, Zinc Chloride, Hydroxyethyl Cellulose, Xanthan Gum, Trisodium Ethylenediamine Disuccinate, Polysorbate 20, Sodium Metabisulfite, Caprylyl Glycol, 1,2-Hexanediol, Sodium Benzoate, Benzoic Acid, 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":46999342186670,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/The_ordinary_multipeptide_eyelashes_eyebrows_serum_2.jpg?v=1788175587"},{"product_id":"dermatique-vtiamin-c-10","title":"Dermatique Vitamin C Serum 10% 1+1 offer","description":"\u003cp\u003eDo you suffer from dull and tired skin that shows signs of fatigue and aging? Do you feel that your skin needs deep rejuvenation and hydration?\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/image_0AP_480x480.png?v=1682951736\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eWith 10% pure Vitamin C in our new serum, you can have radiant, supple skin in just a few days. It contains effective antioxidants that lighten the skin and reduce the appearance of wrinkles and fine lines. Vitamin C also stimulates the production of collagen and elastin in the skin to improve its elasticity and firmness.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\"\u003e\n\u003cdiv class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\"\u003e\n\u003cdiv class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col gap-3\"\u003e\n\u003cdiv class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap break-words\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cp\u003eUse 10% Vitamin C serum daily to get radiant, fresh and radiant skin with health and vitality, and get rid of signs of fatigue and aging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex justify-between lg:block\"\u003e\n\u003cdiv class=\"text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":46999345397934,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_18_ae3549f0-bc07-4e3e-8476-beadc58071b1.jpg?v=1788175572"},{"product_id":"lightening-hyaluronic-acid-serum-offer","title":"Dermatique Lightening Hyaluronic Acid Serum 1+1 offer","description":"\u003cp\u003eBrightening Hyaluronic Acid Serum 30 ml\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBrightens the skin, moisturizes the skin\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_184502_1024x1024.png?v=1682956025\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eIt is a rich serum full of antioxidants to glow, replump and moisturize dry skin. It acts as a great hydration stimulant as it retains moisture in the skin and keeps it hydrated and plump throughout the day.\u003c\/p\u003e\n\u003cp\u003eEnriched with skin-brightening and anti-aging ingredients, including collagen, vitamins C and E to restore skin's youthful glow and improve its elasticity and firmness. Formula enriched with Vitamin B5 to leave skin soft and moisturized to the touch.\u003c\/p\u003e\n\u003cp\u003e*Inhipase™ sensitive skin technology to suit the most sensitive skin types.\u003c\/p\u003e\n\u003cp\u003e*Pollushield™ anti-pollution complex.\u003c\/p\u003e\n\u003cp\u003e*Fast absorption.\u003c\/p\u003e\n\u003cp\u003e*Does not cause allergic reactions. Doesn't clog pores.\u003c\/p\u003e\n\u003cp\u003e*Free of parabens and hydroquinone.\u003c\/p\u003e\n\u003cp\u003eDirections:\u003c\/p\u003e\n\u003cp\u003eApply (one tap) twice daily, morning and evening, to a clean face,  avoiding the eye area. Gently massage the skin. For optimal hydration, it is recommended to apply moisturizer after 5 minutes.\u003c\/p\u003e\n\u003cp\u003ePrecautions:\u003c\/p\u003e\n\u003cp\u003eFor external use only. Avoid contact with eyes. Keep out of reach of children, in a cool, dry place away from direct heat or sunlight.\u003c\/p\u003e\n\u003cp\u003eIngredients:\u003c\/p\u003e\n\u003cp\u003eHyaluronic Acid, Vitamin E, Panthenol, Marine Collagen, Vitamin C, Ceramides, Aloe Vera Extract\u003c\/p\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":46999345791150,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoistureco_7_dcef6808-7628-4914-8c30-033ffe1e8fa7.jpg?v=1788175572"},{"product_id":"عرض-كولاجرا-غسول-فيتامين-سي-200مل-تونر-3-في-1-نياسيناميد-ألفا-أربيوتين-فيتامين-e","title":"Offer of Kolagra Vitamin C Lotion 200ml + Niacinamide 3 in 1 Toner | Alpha Arbutin | Vitamin E","description":"\u003ch1\u003eKolagra Vitamin C Lotion\u003c\/h1\u003e\n\u003cp\u003e\u003cspan\u003e“Vitamin C lotion cleanses the skin and maintains its pH\u003c\/span\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cspan\u003eLeaves the skin soft and healthy.\u003c\/span\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cspan\u003eIt brightens the skin because it is rich in antioxidants and helps lighten dark spots.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003cspan\u003eKolagra Vitamin C 3 in 1 Toner \u003c\/span\u003e\u003c\/h1\u003e\n\u003cul\u003e\n\u003cli\u003eRich in antioxidants for a healthy glow.\u003c\/li\u003e\n\u003cli\u003eReducing skin damage caused by the sun and pollution.\u003c\/li\u003e\n\u003cli\u003eSmoother skin and more even skin tone.\u003c\/li\u003e\n\u003cli\u003eIt can be used as a facial makeup remover.\u003c\/li\u003e\n\u003cli\u003eRegulates sebum secretion and tightens pores.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":46999349788846,"sku":null,"price":6.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_13_95157d2b-8c4f-4f3d-8e8c-80f61e88a2fa.jpg?v=1788175555"},{"product_id":"kolagra-niacinamide-serum-10-عرض-1-1","title":"Niacinamide serum 30 ml kolagra","description":"\u003ch2 data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eYour skin is at its purest\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eYour skin's pores are invisible \u003c\/h2\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eNiacinamide is the ideal and best compound in shrinking pores to the maximum, making your skin  fresh, firm and free of blackheads and whiteheads. \u003c\/div\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\u003chr\/\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEffective against the most severe acne \u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cimg alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/before-after-portrait-woman-retouched_adobespark_2048x2048.png?v=1638013792\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e It reduces redness and acne effects, and you will see positive results, especially in inflamed pimples\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eYour youth is eternal\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eOne of the most powerful anti-aging agents\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003e Reduces free radicals that cause aging and stimulates collagen production\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024.png?v=1637970613\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e It stimulates the production of keratin, which tightens the skin and increases its thickness, reducing the effects of fine lines \u0026amp; wrinkles\u003c\/div\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003eYour skin is clear and uniform in color\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003eIt will lighten the dark areas of your skin\u003c\/h2\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\n\u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\"\/\u003e \u003c\/h3\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e In its high concentrations, niacinamide neutralizes melanin pigment, which lightens dark areas and makes your skin even in color.\u003c\/div\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003eDeep hydration\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e Without a greasy effect\u003c\/h2\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003eNiacinamide locks moisture into your skin by creating a “moisture barrier” that prevents water loss from your skin\u003c\/div\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003eIt also neutralizes the production of oils in oily skin, so it does not leave a greasy effect \u003c\/div\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eRemoves black and white heads\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003eTreats textured skin \u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eBy stimulating the formation of new skin cells and by deeply moisturizing the skin\u003c\/strong\u003e\u003c\/div\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cstrong\u003eIdeal for All Skin Types: dry, normal, mixed, and oily\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cstrong\u003eLight on the skin..fast absorption\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cstrong\u003e How to Use\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003eApply a very small amount to the face in the morning and evening on clean skin before applying any other creams, oils or moisturizers to the skin. \u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eSafe to use for pregnant women \u003cbr data-mce-fragment=\"1\"\/\u003eAnd breastfeeding mothers.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp class=\"ql-align-right\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":46999352148142,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51YdK-bDrtL_81a63f0c-3cb0-428d-b59a-c97aaa4f14e8.jpg?v=1788175544"},{"product_id":"paula-choice-bha-peeling","title":"Paula's choice chemical peel with BHA 2% | For wrinkles | Acne | Minimize pores","description":"\n\u003cp\u003eApply gently with your fingertips or a cotton pad to the entire face and neck, including the eye area (avoiding the lash line and eyelids) after cleansing and toning. Do not rinse face after use.\u003c\/p\u003e\n\u003cp\u003eStart slow: apply every couple of days and see how your skin responds. Then use it twice a day. During the day, always use sunscreen with SPF 30+.\u003c\/p\u003e\n\u003cp\u003eIf you are allergic to salicylates, please consult your doctor before using any product containing salicylic acid.\u003c\/p\u003e\n\u003cp\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003eMain ingredients:\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSalicylic acid\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePurifies and reduces the size of enlarged pores\u003c\/li\u003e\n\u003cli\u003eRemoves accumulated layers of skin\u003c\/li\u003e\n\u003cli\u003eVisibly reduces the appearance of fine lines \u0026amp; wrinkles\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cstrong\u003eGreen tea:\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003cul\u003e\n\u003cli\u003eSoothes irritation\u003c\/li\u003e\n\u003cli\u003ePowerful anti-aging benefits\u003c\/li\u003e\n\u003cli\u003eVisibly improves sun damage\u003c\/li\u003e\n\u003c\/ul\u003e\n","brand":"Paula's choice","offers":[{"title":"Default Title","offer_id":46999357849774,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51gCjL3-clL._AC_UL600_SR600_600_104394d5-a9e2-4b1f-a1d9-51375c77837b.jpg?v=1788175524"},{"product_id":"nanotreat-niacinamide-serum","title":"Nano Treat | Niacinamide Serum 12% with Zinc 2% 30 ml | lighten | Moisturizing | Freshness | Minimize pores","description":"\u003cstyle\u003e\n .nanotreat-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nano\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nano)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"nanotreat-niacinamide-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eNanotreat Niacinamide Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eOut of control oily skin? Enlarged Pores and persistent pimples? \u003cstrong\u003eThe problem requires advanced nano technology!\u003c\/strong\u003e Nanotreat Niacinamide Serum with nano technology penetrates into the deepest layers of the skin and dissolves \u003cstrong\u003eOily skin problems from the roots\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"Nanotreat Niacinamide Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=Nanotreat+Niacinamide\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eNanotreat Niacinamide Serum - Advanced nanotechnology\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Nanotreat Niacinamide Serum for deeper penetration and stronger effect on oily and combination skin.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDouble the power of nano\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAdvanced nanotechnology\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNano particles penetrate the deepest layers of the skin for a double effect\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003ePrecise targeting of pores\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt reaches deep pores and cleans them from the inside\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eSuperior sebum regulation\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eControls sebum secretion more effectively than regular products\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAdvanced grain control\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt prevents the formation of pimples and treats existing ones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eFast lightening of spots\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLightens pimples and spots more quickly\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eImmediate absorption\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNano technology ensures immediate absorption and continuous action\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eHow does nanotechnology work?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eNano penetration\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e95%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eHigher penetration rate than ordinary products\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eNanometer particles penetrate deep layers instantly\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAdvanced lipid regulation\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e78%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReduction in fat secretion within 3 weeks\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eIt reaches the cells of the sebaceous glands and directly regulates their activity\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eLasting effect 24 hours\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e24h\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eGradual release of active ingredients\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eNano technology ensures continuous operation throughout the day\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eClinical study on nanotechnology - 200 participants for 10 weeks\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eCustomer experiences with nanotechnology\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Advanced technical power:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e94% of customers\u003c\/strong\u003e They noticed faster improvement than regular products\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e89% recovered\u003c\/strong\u003e Noticeable reduction in pore size within two weeks\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e85% confirmed\u003c\/strong\u003e Excellent oil and shine control\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e91% will prefer\u003c\/strong\u003e Nanotreat over other products\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️Usage considerations:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eThe price is higher\u003c\/strong\u003e From regular niacinamide products\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e20% of users\u003c\/strong\u003e They needed to reduce the repetitions at first due to the high force\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusion:\u003c\/h4\u003e\n\u003cp\u003eAdvanced technology with exceptional results. \u003cstrong\u003eHigher efficiency and faster speed\u003c\/strong\u003e In treating oily skin problems. \u003cstrong\u003eWorth the investment\u003c\/strong\u003e For those who want the latest technologies in skin care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAdvanced technology journey\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eThe first week\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eInstant penetration\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eImmediate absorption and direct effect\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eA visible reduction in skin shine\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eFeeling of deeper pore cleanliness\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eWeek 2-4\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eAdvanced control\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eNoticeable reduction in pore size\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eExcellent control of sebum secretion\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eVisible improvement in skin texture\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eWeek 6-10\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eAdvanced results\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eBalanced, problem-free skin\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSmaller and less visible pores\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUniform color free of stains and traces\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eFull ingredient list\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide (Nano-encapsulated), Zinc PCA, Glycerin, Sodium Hyaluronate, Panthenol, Allantoin, Propanediol, Hydroxyethylcellulose, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDiscover the power of nanotechnology\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNanotreat Niacinamide Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Advanced nano technology for perfect, problem-free skin\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"What is the difference between Nanotreat and regular niacinamide?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"The nano technology in Nanotreat ensures deeper skin penetration and better absorption, giving faster and more effective results.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Is nanotechnology safe for daily use?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes, completely safe. You may need to start using day after day due to the high effectiveness and then gradually increase the frequency.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"When do the results of Nanotreat Niacinamide appear?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Initial results within a week, noticeable improvement within 2-4 weeks, and full results within 6-10 weeks.\"\n }\n }\n ]\n}\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":46999362666670,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Niacinamide-Serum_1c0e75e6-7ae0-45e6-bd7d-1b9aadf55af9.png?v=1788175505"},{"product_id":"نانو-تريت-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"Nano Treat | Retinol and Vitamin E Serum 30 ml | Anti-wrinkle | Anti-pill | Anti-pigmentation","description":"\u003cstyle\u003e\n .nanotreat-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nanoretinol\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nanoretinol)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoRetinolFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-retinol-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-retinol-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-retinol-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-retinol-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-retinol-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-retinol-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoRetinolGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoRetinolFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"nanotreat-retinol-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eNanotreat Retinol Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eDeep wrinkles and visible signs of aging? Age spots starting to appear? \u003cstrong\u003eYour skin needs the power of retinol with nanotechnology!\u003c\/strong\u003e Nanotreat Retinol Serum combines the most powerful rejuvenating ingredients with advanced nanotechnology to\u003cstrong\u003eRevive your youth in record time\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"product-name\"\u003eNanotreat Retinol Serum - The power of retinol x nanotechnology\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Nanotreat Retinol Serum for deep and rapid rejuvenation to fight signs of aging and wrinkles.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAdvanced retinol with nano technology\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚀\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAccelerated cellular regeneration\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNanotechnology accelerates the cellular regeneration process by 3 times\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eDeep penetration into layers\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eNano particles reach the deepest layers of the skin immediately\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAdvanced wrinkle reduction\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt fights deep wrinkles and stubborn lines with double effectiveness\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eIntense collagen stimulation\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eStimulates collagen production at a higher rate than regular retinol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRapid lightening of spots\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUnifies skin tone and quickly removes age spots\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eIntensive night repair\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eContinuous and intense effect throughout the night for optimal regeneration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eHow does nano retinol work?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eSuper nano permeability\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e98%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eHigher permeability for deeper layers\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eNano particles penetrate the natural barrier and reach cells directly\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAccelerate renewal\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e75%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAcceleration of the cell renewal cycle\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eIt stimulates cell division and regeneration at a faster and more efficient rate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eDouble collagen stimulation\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eIncrease in natural collagen production\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eActivates collagen-producing cells with high efficiency\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eAdvanced study on nano-retinol technology - 180 participants for 20 weeks\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eCustomer experiences with nano-retinol\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Power of advanced results:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e91% of customers\u003c\/strong\u003e They saw results faster than regular retinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e86% noticed\u003c\/strong\u003e Noticeable improvement in wrinkles within 4 weeks\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e83% confirmed\u003c\/strong\u003e A radical improvement in the texture and freshness of the skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e89% will prefer\u003c\/strong\u003e Nano Retinol over traditional products\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Important considerations:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHigh strength\u003c\/strong\u003e Requires a longer adaptation period than regular retinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e28% of users\u003c\/strong\u003e They needed to reduce frequency in the first month\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusion:\u003c\/h4\u003e\n\u003cp\u003eAdvanced technology with exceptional results to fight signs of aging. \u003cstrong\u003eDouble the effectiveness and higher speed\u003c\/strong\u003e In cellular regeneration. \u003cstrong\u003eThe perfect choice\u003c\/strong\u003e For the latest anti-aging technologies.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAdvanced renewal journey\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eWeek 1-2\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eBeginning to adapt\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eMore mild exfoliation than regular retinol\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eRapid improvement in skin texture\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eThe beginning of the intensive regeneration process\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eWeek 3-6\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eAccelerated improvement\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eNoticeable reduction in lines and wrinkles\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eA significant improvement in the freshness and radiance of the skin\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eBeginning to lighten age spots\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eWeek 8-20\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eComplete renovation\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSignificant reduction in deep wrinkles\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eYounger, more elastic skin\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUniform color, free of spots and pigmentation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eFull ingredient list\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol (Nano-encapsulated), Squalane, Tocopheryl Acetate, Sodium Hyaluronate, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDiscover the power of the future\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNanotreat Retinol Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Advanced retinol with nano technology for permanent youth and continuous renewal\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"What is the difference between nano-retinol and regular retinol?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Nano technology ensures deeper and faster penetration into the skin, giving stronger and faster results while reducing the adaptation period required.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How do I start using nano-retinol?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Start with once a week for two weeks, then twice a week, then every other day as skin tolerates. Always use sunscreen.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"When do the results of nano-retinol appear?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Improved texture in 2 weeks, reduced lines in 4-6 weeks, and full results in 8-20 weeks.\"\n }\n }\n ]\n}\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":46999362928814,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Retinol-Serum-510x510.png?v=1788175504"},{"product_id":"سيروم-النياسيناميد-30-مل-eva","title":"Niacinamide Serum 30ml EVA","description":"\u003cstyle\u003e\n .eva-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"balance\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23balance)\"\/\u003e\u003c\/svg\u003e');\n animation: balanceFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: balanceGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n \n \/* New Timeline Structure *\/\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: balanceGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .balance-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .balance-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .balance-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .balance-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .balance-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .balance-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes balanceGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes balanceFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-niacinamide-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Niacinamide Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eWide pores? Oily, shiny skin? Persistent pimples and spots? \u003cstrong\u003eThe problem is imbalance... not your skin type!\u003c\/strong\u003e EVA Niacinamide Serum restores your skin's natural balance and moisturizes \u003cstrong\u003eAll oily skin problems from the roots\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003ch2 class=\"product-name\"\u003eEVA Niacinamide Serum - the smart skin regulator\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n Niacinamide 10% EVA Serum with Zinc to regulate sebum, reduce pores, and treat pimples and spots.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eMulti-strength niacinamide\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegulating fat secretion\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eControls excess oil production and reduces shine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReducing pore size\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTightens enlarged pores and improves skin texture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAnti-grain\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt reduces inflammation and prevents the formation of new pimples\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnifying skin tone\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLightens dark spots and unifies skin tone\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eStrengthening the skin barrier\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eStrengthens the natural barrier and protects against pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eSoothe inflammation\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eImmediately soothes irritation and redness\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eHow does niacinamide work?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegulating sebaceous glands\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e70%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReduction in fat secretion within 4 weeks\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eIt controls the size and activities of the sebaceous glands at the cellular level\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAnti-inflammatory\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eReduction in the size and number of active grains\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eInhibits the production of cytokines that lead to inflammation and pimples\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eCollagen stimulation\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e35%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eImprove skin elasticity and reduce pores\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eStimulates collagen production and strengthens the supporting structure of pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eClinical study on 96 people with oily skin for 12 weeks\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eCustomer experiences with niacinamide\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ Proven results:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e91% of customers\u003c\/strong\u003e Notice a reduction in skin shine within two weeks\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e86% recovered\u003c\/strong\u003e A visible improvement in pore size\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e78% confirmed\u003c\/strong\u003e Reduction in pimples and infections\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e94% will continue\u003c\/strong\u003e In using the product\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Points to pay attention:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e22% of users\u003c\/strong\u003e They experience mild peeling in the first week\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSome clients\u003c\/strong\u003e It took longer to see improvement in dark spots\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusion:\u003c\/h4\u003e\n\u003cp\u003eA very effective serum for oily and mixed skin. \u003cstrong\u003eFast results in regulating fats\u003c\/strong\u003e A noticeable improvement in skin quality. \u003cstrong\u003eExcellent choice\u003c\/strong\u003e For those who suffer from oily skin problems.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eJourney of balance and healing\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eThe first week\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eBalanced start\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eReduction in skin shine\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSoothe existing inflammation\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eImprovement in skin texture\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eAfter a month\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eComplete control\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eA visible improvement in pore size\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eNoticeable reduction in new grains\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eBeginning to lighten dark spots\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eAfter 3 months\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePerfect skin\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eBalanced, shine-free skin\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSmaller and less visible pores\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUniform color without spots\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eFull ingredient list\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide 10%, Zinc PCA, Glycerin, Propanediol, Tamarindus Indica Seed Gum, Pentylene Glycol, Polyglyceryl-4 Caprate, Polyglyceryl-6 Caprylate, Hydroxyethylcellulose, Isoceteth-20, Ethoxydiglycol, Phenoxyethanol, Chlorphenesin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRestore balance to your skin\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Niacinamide Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Smart skin regulator to control oils, pimples and pores\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Can niacinamide be used with vitamin C?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes, they can be used together. It is preferable to use vitamin C in the morning and niacinamide in the evening, or wait 15 minutes between them.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"When do the results of the niacinamide serum appear?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Shine reduction appears within a week, pore improvement within a month, and full results within 8-12 weeks.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Is niacinamide 10% strong for sensitive skin?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Start using day by day at first. If no allergy occurs within a week, daily use can be done.\"\n }\n }\n ]\n}\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999364665518,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/jzwIQnfV1x80bcQ4ck3P6Y9SjFWtynIwLTiPJrnF.webp?v=1788175496"},{"product_id":"eva-vitamin-c","title":"Eva Vitamin C Serum 30 ml | Taftiq | Moisturizing | Anti-wrinkle | Against the grain","description":"\u003cdiv dir=\"ltr\" style=\"text-align: start;\"\u003e\n\u003cdiv data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cstrong\u003e\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/div\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e \u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan data-mce-style=\"color: #c9aa2a;\" style=\"color: #c9aa2a;\"\u003e Have you tried vitamin C in high concentrations?! \u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan\u003eLightening, tightening, protection, rejuvenation\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIt will open \u003c\/strong\u003eIt unifies your skin tone by neutralizing melanin pigment in the skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHe will tighten\u003c\/strong\u003e Your skin by stimulating the production of... \u003cstrong\u003eCollagen and elastin\u003c\/strong\u003e Their production decreases as we get older, starting in our twenties \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHe will protect\u003c\/strong\u003e Your skin is protected from free radical damage that causes signs of premature aging and skin cancer because it contains a group of natural antioxidants such as Astaxanthin, Vitamin E, Rose Hips and Green Tea, creating a highly effective anti-aging formula.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eHe will renew\u003c\/strong\u003e Skin cells, which improves its texture and appearance\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan data-mce-style=\"color: #d2b147;\" style=\"color: #d2b147;\"\u003e\u003cspan style=\"color: #000000;\"\u003eIncreases the SPF efficiency of sunscreens\u003c\/span\u003e \u003c\/span\u003eThis provides additional protection from ultraviolet rays that cause premature aging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eInstant results\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003eWatch live as your skin transforms into its clearest and purest state within minutes of applying the serum\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eCare comparable to the most expensive sessions in the best salons, with a negligible budget \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eTaking care of your skin does not require costing tens of thousands! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eThis product combines many benefits that are impossible to obtain from one product! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eGet the benefits of the best moisturizers, anti-pimples, anti-aging, lightening creams and freshness products in one package! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEssential for eternally youthful skin \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eSigns of aging appear due to our constant exposure to ultraviolet rays and due to cell oxidation from free radicals. \u003c\/strong\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eAntioxidants must be used regularly to maintain youthful skin. \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cbr\/\u003eThis serum will act as the first line of defense to prevent premature aging\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eNo matter your age, you need to use antioxidants to maintain your youth. \u003cstrong\u003eDon't wait until wrinkles form to start treatment!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e Vitamin C is considered one of the most powerful natural antioxidants, as is serum \u003cspan data-mce-fragment=\"1\"\u003eIt contains a group of natural antioxidants\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eRecommended by leading dermatologists around the world \u003c\/h2\u003e\n\u003cp dir=\"ltr\" style=\"text-align: center;\"\u003eIdeal for All Skin Types: dry, normal, mixed, and oily\u003c\/p\u003e\n\u003cp dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLight on the skin..fast absorption\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003cspan id=\"i-3\"\u003e\u003cstrong\u003eIngredients of Eva Vitamin C Serum:\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eWater, Rosa Rubiginosa Seed Oil (Rosehip Seed Oil), Squalane, Glycerin, Sodium Ascorbyl Phosphate (Vitamin C), C10-18 Triglycerides, Candelilla\/Jojoba\/Rice Bran Polyglyceryl-3 Esters, Glyceryl Stearate, Niacinamide, Retinol, Salicylic Acid, Sodium Polyacrylate, Cassia Angustifolia Seed Polysaccharide (Botanical Hyaluronic Acid), Methylsulfonylmethane (MSM), Cananga Odorata Flower Oil (Ylang-Ylang), Melaleuca Alternifolia (Tea Tree) Leaf Oil, Xanthan Gum, Tricaprylin, Cellulose Acetate Butyrate, PentaerythritylTetra-di-t-butyl Hydroxyhydrocinnamate, Hydroxyethylcellulose, Cetearyl Alcohol, Sodium Stearoyl Lactylate, Ethylhexylglycerin, Phenoxyethanol\u003c\/span\u003e \u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eHow to Use:\u003c\/p\u003e\n\u003col data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\n\u003cli\u003e\n\u003cp\u003eClean your skin well from any stuck-on dust, then dry it gently.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eDistribute a few drops of serum on your face and neck, gently massaging from top to bottom, until the skin absorbs it well.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eUse it once daily before going to bed at night and away from light.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999364927662,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/images-_55_978a6cce-fd7c-4c8b-b4a8-598c55454289.jpg?v=1788175495"},{"product_id":"eva-hyaluronic","title":"Eva Hyaluronic Acid Serum 30 ml | Moisturizing | Anti-wrinkle | Against fine lines","description":"\u003cdiv class=\"eva-ha-container\" dir=\"ltr\"\u003e\n \u003cstyle\u003e\n .eva-ha-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n }\n\n .hero-section {\n text-align: center;\n padding: 5rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"hydration\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23hydration)\"\/\u003e\u003c\/svg\u003e');\n animation: hydrationFloat 30s ease-in-out infinite;\n }\n\n .hero-title {\n font-size: 3rem;\n font-weight: 900;\n margin-bottom: 1.5rem;\n background: linear-gradient(45deg, #80ae93, #80ae93);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1.2s cubic-bezier(0.23, 1, 0.32, 1);\n position: relative;\n z-index: 2;\n text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\n }\n\n .hero-subtitle {\n font-size: 1.2rem;\n opacity: 0.9;\n max-width: 800px;\n margin: 0 auto;\n animation: heroFade 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.8;\n }\n\n .product-showcase {\n padding: 4rem 2rem;\n text-align: center;\n position: relative;\n }\n\n .product-image {\n max-width: 450px;\n width: 100%;\n height: auto;\n border-radius: 25px;\n box-shadow: 0 25px 60px rgba(128, 174, 147, 0.2);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2.5rem auto;\n display: block;\n }\n\n .product-image:hover {\n transform: translateY(-10px) scale(1.03);\n box-shadow: 0 35px 80px rgba(128, 174, 147, 0.3);\n }\n\n .product-name {\n font-size: 2.2rem;\n font-weight: 700;\n color: #80ae93;\n margin: 2.5rem 0 1.5rem;\n animation: slideUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.2s both;\n }\n\n .product-intro {\n font-size: 1.2rem;\n color: #555;\n max-width: 900px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s both;\n line-height: 1.8;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2.5rem;\n padding: 2rem;\n margin: 4rem 0;\n }\n\n .benefit-card {\n background: white;\n border-radius: 20px;\n padding: 2.5rem;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.8s cubic-bezier(0.23, 1, 0.32, 1) both;\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, #80ae93, #80ae93);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 60px rgba(128, 174, 147, 0.2);\n border-color: #80ae93;\n }\n\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 60px;\n height: 60px;\n background: linear-gradient(45deg, #80ae93, #80ae93);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1.5rem;\n animation: hydrationGlow 3s ease-in-out infinite;\n font-size: 1.5rem;\n }\n\n .benefit-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #80ae93;\n margin-bottom: 1rem;\n }\n\n .benefit-description {\n color: #666;\n line-height: 1.7;\n }\n\n .section {\n padding: 4rem 2rem;\n margin: 3rem 0;\n }\n\n .section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #80ae93;\n text-align: center;\n margin-bottom: 2.5rem;\n animation: slideUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) both;\n position: relative;\n text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 4px;\n background: linear-gradient(90deg, #80ae93, #80ae93);\n animation: expandLine 1.2s ease-out forwards;\n }\n\n @keyframes expandLine {\n 0% { width: 0; }\n 100% { width: 100px; }\n }\n\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 5rem 2rem;\n border-radius: 25px;\n margin: 4rem 0;\n position: relative;\n overflow: hidden;\n }\n\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(128, 174, 147, 0.15) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2.5rem;\n margin: 4rem 0;\n position: relative;\n z-index: 2;\n }\n\n .mechanism-card {\n background: rgba(255,255,255,0.12);\n border-radius: 20px;\n padding: 2.5rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.8s cubic-bezier(0.23, 1, 0.32, 1) both;\n transition: all 0.4s ease;\n }\n\n .mechanism-card:hover {\n background: rgba(255,255,255,0.18);\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(128, 174, 147, 0.2);\n }\n\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n\n .mechanism-title {\n font-size: 1.6rem;\n font-weight: 700;\n color: #80ae93;\n margin-bottom: 1rem;\n }\n\n .clinical-stat {\n font-size: 2.8rem;\n font-weight: 800;\n color: #80ae93;\n margin-bottom: 0.8rem;\n display: block;\n text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\n }\n\n .customer-opinions {\n background: white;\n padding: 5rem 2rem;\n border-radius: 25px;\n margin: 4rem 0;\n border: 2px solid #80ae93;\n }\n\n .opinions-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #80ae93;\n text-align: center;\n margin-bottom: 2.5rem;\n text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\n }\n\n .opinion-section {\n margin-bottom: 2.5rem;\n padding: 2rem;\n border-radius: 15px;\n }\n\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 5px solid #28a745;\n }\n\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 5px solid #dc3545;\n }\n\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 5px solid #80ae93;\n }\n\n .opinion-section h4 {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n }\n\n .opinion-section.positive h4 { color: #28a745; }\n .opinion-section.negative h4 { color: #dc3545; }\n .opinion-section.summary h4 { color: #80ae93; }\n\n .timeline-section {\n padding: 5rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 25px;\n margin: 4rem 0;\n }\n\n .timeline-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline-item {\n margin: 4rem 0;\n animation: timelineSlide 0.8s cubic-bezier(0.23, 1, 0.32, 1) both;\n position: relative;\n }\n\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n\n .timeline-badge {\n background: linear-gradient(45deg, #80ae93, #80ae93);\n color: white;\n padding: 1rem 2rem;\n border-radius: 30px;\n font-weight: 700;\n font-size: 1rem;\n display: inline-block;\n margin-bottom: 2rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(128, 174, 147, 0.3);\n animation: hydrationGlow 3s ease-in-out infinite;\n }\n\n .timeline-card {\n background: white;\n padding: 2.5rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #80ae93;\n text-align: center;\n transition: all 0.4s ease;\n }\n\n .timeline-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 60px rgba(128, 174, 147, 0.2);\n }\n\n .timeline-title {\n color: #80ae93;\n font-size: 1.6rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1.2rem 2rem;\n border-radius: 15px;\n border-left: 5px solid #80ae93;\n font-size: 1rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #80ae93;\n transform: translateX(-5px);\n }\n\n .timeline-benefit::before {\n content: '';\n position: absolute;\n left: 1.2rem;\n top: 50%;\n transform: translateY(-50%);\n \n color: white;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.8rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0;\n }\n\n .feature-list li {\n padding: 0.8rem 0;\n position: relative;\n padding-left: 2.5rem;\n \n }\n\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 18px;\n height: 18px;\n background: linear-gradient(45deg, #80ae93, #80ae93);\n border-radius: 50%;\n }\n\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 5px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.8rem;\n font-weight: bold;\n }\n\n .feature-list.white li {\n color: white;\n }\n\n .ingredients-list {\n background: white;\n border-radius: 25px;\n padding: 4rem 2rem;\n margin: 4rem 0;\n border: 2px solid #80ae93;\n }\n\n .ingredients-list-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #80ae93;\n text-align: center;\n margin-bottom: 2.5rem;\n text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\n }\n\n .ingredients-text {\n line-height: 1.9;\n color: #333;\n font-size: 1rem;\n text-align: center;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .cta-section {\n text-align: center;\n padding: 5rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(128, 174, 147, 0.15) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n\n .cta-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n background: linear-gradient(45deg, #80ae93, #80ae93);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) both;\n position: relative;\n z-index: 2;\n text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\n }\n\n .cta-text {\n font-size: 1.2rem;\n opacity: 0.9;\n margin-bottom: 2.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.8;\n }\n\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n\n .hydration-particle {\n position: absolute;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, rgba(128, 174, 147, 0.5), rgba(128, 174, 147, 0.5));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 12s linear infinite;\n }\n\n .hydration-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .hydration-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .hydration-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .hydration-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .hydration-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n\n @keyframes heroSlide {\n 0% { transform: translateY(40px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n\n @keyframes slideUp {\n 0% { transform: translateY(40px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n\n @keyframes cardSlide {\n 0% { transform: translateY(60px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n\n @keyframes timelineSlide {\n 0% { transform: translateX(-60px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n\n @keyframes hydrationGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(128, 174, 147, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 12px rgba(128, 174, 147, 0); }\n }\n\n @keyframes hydrationFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-15px) translateX(-8px); }\n 66% { transform: translateY(8px) translateX(5px); }\n }\n\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-150px) scale(0.5); opacity: 0; }\n }\n\n @keyframes ctaGlow {\n 0% { opacity: 0.15; }\n 100% { opacity: 0.3; }\n }\n\n @media (max-width: 768px) {\n .hero-title { font-size: 2.2rem; }\n .section-title, .opinions-title, .cta-title { font-size: 2rem; }\n .benefits-grid, .mechanism-cards { grid-template-columns: 1fr; }\n .timeline-section, .how-it-works, .customer-opinions, .ingredients-list, .cta-section { padding: 3rem 1.5rem; }\n .product-image { max-width: 90%; }\n .timeline-card { padding: 2rem; }\n .timeline-benefits { gap: 0.8rem; }\n .timeline-benefit { font-size: 0.95rem; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Load Inter font --\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900\u0026display=swap\" rel=\"stylesheet\"\u003e\n\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eEVA Hyaluronic Acid Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eIs your skin dry and dull? Struggling with fine lines and premature wrinkles? \u003cstrong\u003eThe issue isn’t your age... it’s lack of hydration!\u003c\/strong\u003e EVA Hyaluronic Acid Serum restores \u003cstrong\u003e1000 times its weight in moisture\u003c\/strong\u003e for a youthful, radiant complexion.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cimg src=\"https:\/\/via.placeholder.com\/450x450\/80AE93\/white?text=EVA+Hyaluronic+Acid\" alt=\"EVA Hyaluronic Acid Serum\" class=\"product-image\"\u003e\n \u003ch2 class=\"product-name\"\u003eEVA Hyaluronic Acid Serum - The Ultimate Hydration Booster\u003c\/h2\u003e\n \u003cp class=\"product-intro\"\u003eEVA’s high-potency Hyaluronic Acid Serum with multi-molecular weights delivers instant, deep hydration that lasts 24 hours.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eAdvanced Hyaluronic Acid Benefits\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eIntense Instant Hydration\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eLocks in 1000 times its weight in water for immediate, deep hydration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌟\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eRadiance \u0026 Glow\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eRestores vitality and natural radiance to dull skin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eReduces Fine Lines\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eSmooths wrinkles and fine lines with proven effectiveness.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eProtects Skin Barrier\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eStrengthens the skin’s barrier and prevents moisture loss.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eFast Absorption\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eLightweight formula absorbs instantly without a sticky residue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eSilky Texture\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eLeaves skin soft and supple all day long.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2.5rem; color: #80ae93; margin-bottom: 2.5rem; position: relative; z-index: 2; text-shadow: 0 2px 8px rgba(128, 174, 147, 0.3);\"\u003eHow Hyaluronic Acid Works\u003c\/h2\u003e\n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eHigh Molecular Weight\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e85%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #80ae93;\"\u003eImprovement in surface hydration within 1 hour\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eForms a protective layer on the skin’s surface to prevent moisture loss.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eMedium Molecular Weight\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e73%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #80ae93;\"\u003eIncrease in skin elasticity within 2 weeks\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003ePenetrates mid-layers to fill gaps between cells.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eLow Molecular Weight\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e67%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #80ae93;\"\u003eReduction in wrinkle depth within 4 weeks\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eReaches deeper layers to stimulate natural collagen production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 3rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.3rem; color: #80ae93;\"\u003e\u003cstrong\u003eClinical study on 120 women over 8 weeks\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eReal Customer Feedback\u003c\/h2\u003e\n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ Positive Results\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\u003cstrong\u003e96% of users\u003c\/strong\u003e noticed instant hydration from the first use.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e89% saw\u003c\/strong\u003e improved skin smoothness and radiance within a week.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e84% confirmed\u003c\/strong\u003e a visible reduction in fine lines.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003e92% would\u003c\/strong\u003e purchase the product again.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ Points to Note\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\u003cstrong\u003e18% of users\u003c\/strong\u003e needed more time to see results on deep wrinkles.\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eSome users\u003c\/strong\u003e preferred using it under a moisturizer in winter.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 Summary\u003c\/h4\u003e\n \u003cp\u003eAn excellent serum with fast, satisfying results. \u003cstrong\u003eHighly effective for hydration and radiance\u003c\/strong\u003e with a comfortable texture and quick absorption. \u003cstrong\u003eA reliable choice\u003c\/strong\u003e for anyone struggling with dry skin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eYour Journey to Hydration \u0026 Renewal\u003c\/h2\u003e\n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eWithin Minutes - Instant\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eImmediate Results\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eNoticeable instant hydration\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eSoft and supple texture\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eFeeling of freshness and comfort\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eAfter 1 Week\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eVisible Improvement\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eClear improvement in skin radiance\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eIncreased smoothness and elasticity\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eStart of fine line improvement\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eAfter 1 Month\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eComplete Renewal\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eSignificant reduction in wrinkles\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003ePlumper, more radiant skin\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eRadical improvement in skin texture and appearance\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eComplete Ingredients List\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Sodium Hyaluronate (High Molecular Weight), Sodium Hyaluronate (Medium Molecular Weight), Sodium Hyaluronate (Low Molecular Weight), Glycerin, Panthenol, Allantoin, Sodium PCA, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eDiscover the Power of True Hydration\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\u003cstrong\u003eEVA Hyaluronic Acid Serum\u003c\/strong\u003e\u003cbr\u003eThe ultimate hydration booster for youthful, radiant skin all day long.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- FAQ Schema for SEO --\u003e\n \u003cscript type=\"application\/ld+json\"\u003e\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"How often should I use EVA Hyaluronic Acid Serum?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Use twice daily, morning and evening, on clean skin before moisturizer for best results.\"\n }\n }, {\n \"@type\": \"Question\",\n \"name\": \"Is EVA Serum suitable for all skin types?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes, Hyaluronic Acid is suitable for all skin types, including sensitive, oily, and dry skin.\"\n }\n }, {\n \"@type\": \"Question\",\n \"name\": \"When will I see results from EVA Hyaluronic Acid Serum?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Instant hydration within minutes, improved radiance within a week, and full results within 4 weeks.\"\n }\n }]\n }\n \u003c\/script\u003e\n\n \u003cscript\u003e\n \/\/ Intersection Observer for scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n const cards = entry.target.querySelectorAll('.benefit-card, .mechanism-card, .timeline-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 \/\/ Observe all animated elements\n document.querySelectorAll('.benefits-grid, .mechanism-cards, .timeline-container').forEach(section =\u003e {\n observer.observe(section);\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999365353646,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/eva-hyaluronic-acid-face-serum-30ml_9ed2d7d3-0ebb-4b6d-816a-afe3f1263cb9.jpg?v=1788175494"},{"product_id":"إيفا-سيروم-فيتامين-أ-للبشرة-30-مل-للحبوب-للتجاعيد-للتصبغات","title":"Eva Vitamin A Skin Serum 30 ml | For grains | For wrinkles | For pigmentation","description":"\u003cstyle\u003e\n .eva-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"renewal\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23renewal)\"\/\u003e\u003c\/svg\u003e');\n animation: renewalFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: renewalGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: renewalGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: left;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .renewal-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .renewal-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .renewal-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .renewal-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .renewal-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .renewal-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes renewalGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes renewalFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"eva-retinol-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eEVA Retinol Serum\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eDo you suffer from wrinkles and deep lines? Age spots and stubborn pigmentation? \u003cstrong\u003eYour skin needs real renewal from the inside!\u003c\/strong\u003e EVA Retinol Serum stimulates \u003cstrong\u003ePowerful cell regeneration per night\u003c\/strong\u003e For younger, more radiant skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"EVA Retinol Serum\" class=\"product-image\" src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Retinol\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eEVA Retinol Serum - Night regeneration stimulator\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n EVA Retinol Serum with a safe gradient concentration to renew cells and fight signs of aging and pigmentation.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAdvanced Retinol Power\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAccelerated cellular regeneration\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eStimulates the cell renewal cycle and accelerates the elimination of damaged cells\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏳\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eFight the signs of progress\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eReduces wrinkles and fine lines with scientifically proven effectiveness\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eCollagen stimulation\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eStimulates natural collagen production for more elastic and youthful skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eLightening pigmentation\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUnifies skin tone and reduces age spots and pigmentation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eImprove skin texture\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eSmoothes rough skin and improves its texture and smoothness\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eIntense night work\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eWorks while you sleep to repair and rejuvenate skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eHow does retinol work?\u003c\/h2\u003e\n\u003cdiv class=\"mechanism-cards\"\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eAccelerate cell cycle\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e58%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eAcceleration of the cell renewal cycle within 4 weeks\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eStimulates cell division and accelerates the removal of damaged layers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eCollagen stimulation\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e42%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eIncrease in collagen production within 8 weeks\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eActivates collagen-producing cells and strengthens the supporting structure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mechanism-card\"\u003e\n\u003ch4 class=\"mechanism-title\"\u003eRegulating pigmentation\u003c\/h4\u003e\n\u003cdiv class=\"clinical-stat\"\u003e65%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eImprovement in skin tone within 12 weeks\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eRegulates melanin production and reduces excess pigmentation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eClinical study on 150 people for 16 weeks\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Opinions Section --\u003e\n\u003cdiv class=\"customer-opinions\"\u003e\n\u003ch2 class=\"opinions-title\"\u003eCustomer experiences with retinol\u003c\/h2\u003e\n\u003cdiv class=\"opinion-section positive\"\u003e\n\u003ch4\u003e✅ AMAZING RESULTS:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e87% of customers\u003c\/strong\u003e Notice an improvement in skin texture within a month\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e79% recovered\u003c\/strong\u003e Visible reduction in fine lines\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e82% confirmed\u003c\/strong\u003e Improvement in skin tone\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e88% will continue\u003c\/strong\u003e In using the product\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section negative\"\u003e\n\u003ch4\u003e⚠️ Starting challenges:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e35% of users\u003c\/strong\u003e They experience mild peeling in the first weeks\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSome clients\u003c\/strong\u003e They needed a longer adaptation period before seeing results\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opinion-section summary\"\u003e\n\u003ch4\u003e📊 Conclusion:\u003c\/h4\u003e\n\u003cp\u003eA powerful and effective serum to fight signs of aging. \u003cstrong\u003eAmazing results with regular use\u003c\/strong\u003e Despite the required adaptation period. \u003cstrong\u003eExcellent investment\u003c\/strong\u003e For those who want younger looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eA journey of renewal and transformation\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eWeek 1-2\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eAcclimatization period\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eLight peeling is normal at first\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eGradual improvement in skin texture\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eThe beginning of the cellular regeneration process\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eWeek 4-8\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eNoticeable improvement\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eVisible reduction in fine lines\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eImprovement in skin smoothness and freshness\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eBeginning to lighten spots and pigmentation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eWeek 12-16\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eComplete renovation\u003c\/h4\u003e\n\u003cdiv class=\"timeline-benefits\"\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eSignificant reduction in wrinkles and lines\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eBrighter and more youthful skin\u003c\/div\u003e\n\u003cdiv class=\"timeline-benefit\"\u003eUniform color, free of pigmentation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List Section --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eFull ingredient list\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol, Squalane, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Tocopheryl Acetate, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDiscover the power of nighttime renewal\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEVA Retinol Serum\u003c\/strong\u003e\u003cbr\/\u003e\n Overnight rejuvenation stimulator for younger, more radiant skin\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"How do I start using EVA Retinol Serum?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Start using it once or twice a week in the evening, then gradually increase the frequency according to skin tolerance. Use sunscreen in the morning.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can retinol be used with other products?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Avoid using it with exfoliating acids or vitamin C on the same night. A soothing moisturizer can be used afterwards.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"When do the results of retinol serum appear?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Texture improvement in 2-4 weeks, lines reduced in 6-8 weeks, and full results in 12-16 weeks.\"\n }\n }\n ]\n}\u003c\/script\u003e\n","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999365779630,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/RGGrn28hvdODLF4p0XKAp6x5MUxO0RLE9XlGU6kq_bb7b0760-edd1-4b85-95fa-eea8010609fd.webp?v=1788175493"},{"product_id":"the-ordinary-argerline","title":"The ordinary 10% argireline solution specializes in kinetic wrinkles","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\"\u003eFight the signs of time with Argireline Solution\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eArgireline Solution is an innovative product that works like... \u003cstrong style=\"color: #9C8102;\"\u003eTopical Botox\u003c\/strong\u003e To reduce the appearance of fine lines \u0026amp; wrinkles. Targets \u003cstrong\u003eVisible signs of aging\u003c\/strong\u003e Without the need for injections, providing an alternative \u003cstrong style=\"color: #9C8102;\"\u003eSafer and less expensive\u003c\/strong\u003e For advanced skin care.\u003c\/p\u003e\n\u003cdiv class=\"product-badge\"\u003eTopical Botox\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Argirelin solution\" 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\"\u003eWhat is argilerin?\u003c\/h2\u003e\n\u003cdiv class=\"content-with-image\"\u003e\n\u003cdiv class=\"content-text\"\u003e\n\u003cp class=\"section-content\"\u003eArgirerin is \u003cstrong style=\"color: #9C8102;\"\u003eSynthetic hexapeptide\u003c\/strong\u003e Which works by \u003cstrong\u003eRelax facial muscles\u003c\/strong\u003e. This helps reduce the appearance \u003cstrong style=\"color: #9C8102;\"\u003eDynamic wrinkles\u003c\/strong\u003e, which are wrinkles that form when you move your face, such as when... \u003cstrong\u003eLaughter or expression\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-image\"\u003e\n\u003cimg alt=\"How does argireline work?\" 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\"\u003eIt works at the cellular level\u003c\/h2\u003e\n\u003cdiv class=\"cellular-explanation\"\u003e\n\u003cdiv class=\"explanation-text\"\u003e\n\u003cp class=\"section-content\"\u003eArgilerin solution works by: \u003cstrong style=\"color: #9C8102;\"\u003eRelax facial muscles\u003c\/strong\u003e Which causes dynamic wrinkles. When these muscles are relaxed, they reduce the appearance of wrinkles.\u003c\/p\u003e\n\u003cp class=\"section-content\"\u003eArgiline solution contains an active ingredient called \u003cstrong style=\"color: #9C8102;\"\u003eArgireline\u003c\/strong\u003e. Argireline is a synthetic hexapeptide that works by... \u003cstrong\u003eInhibition of motor neuron firing\u003c\/strong\u003e For\u003cstrong style=\"color: #9C8102;\"\u003eAcetylcholine\u003c\/strong\u003e. Acetylcholine is \u003cstrong\u003eNeurotransmitter responsible for muscle contraction\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"explanation-image\"\u003e\n\u003cimg alt=\"Action of 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\u003eInhibition of acetylcholine\u003c\/h3\u003e\n\u003cp\u003eIt inhibits the release of acetylcholine by motor neurons, which is responsible for muscle contraction\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eMuscle relaxation\u003c\/h3\u003e\n\u003cp\u003eIt causes the muscles to relax and not contract as forcefully as before\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eReduce wrinkles\u003c\/h3\u003e\n\u003cp\u003eResult in significantly reducing the appearance of dynamic wrinkles\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\"\u003eThe highest concentration possible without a prescription\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003eArgilerin solution contains \u003cstrong style=\"color: #9C8102; font-size: 1.2em;\"\u003e10%\u003c\/strong\u003e On a high concentration of \u003cstrong style=\"color: #9C8102;\"\u003eArgireline™\u003c\/strong\u003eAnd he is \u003cstrong\u003eThe highest concentration is available without a prescription\u003c\/strong\u003e. In addition, the serum also contains other ingredients that are beneficial for the skin, e.g \u003cstrong\u003eGlycerin and hyaluronic acid\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\"\u003eJourney results with Argireline 10% solution\u003c\/h2\u003e\n\u003cp class=\"section-content\"\u003eDiscover how your skin's appearance will transform over different weeks of regular use\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\"\u003eWeek 1\u003c\/div\u003e\n\u003ch3\u003eBeginning of use and moisturizing the skin\u003c\/h3\u003e\n\u003cp\u003eYou will feel the difference \u003cstrong style=\"color: #9C8102;\"\u003eFirst use\u003c\/strong\u003e The light solution moisturizes and softens the skin.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003eMore skin \u003cstrong\u003eSoftness and moisture\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eFast absorption\u003c\/strong\u003e Without any feeling of heaviness\u003c\/li\u003e\n\u003cli\u003eA slight feeling of tightening on the targeted areas\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\"\u003eWeek 2-3\u003c\/div\u003e\n\u003ch3\u003eInitial results begin to appear\u003c\/h3\u003e\n\u003cp\u003eAfter \u003cstrong style=\"color: #9C8102;\"\u003eTwo weeks of regular use\u003c\/strong\u003eYou will start to notice a slight improvement in your expression lines.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSimple reduction\u003c\/strong\u003e In the appearance of fine lines\u003c\/li\u003e\n\u003cli\u003eMore skin \u003cstrong style=\"color: #9C8102;\"\u003eBright and refreshing\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eInitial relaxation of the facial muscles\u003c\/li\u003e\n\u003cli\u003eRelieve the appearance of fatigue around the eyes\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\"\u003eWeek 4-6\u003c\/div\u003e\n\u003ch3\u003eVisible improvement in dynamic wrinkles\u003c\/h3\u003e\n\u003cp\u003eAfter \u003cstrong style=\"color: #9C8102;\"\u003eA month of regular use\u003c\/strong\u003eYou will notice more noticeable results, especially in the forehead lines and around the eyes.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eClear decline\u003c\/strong\u003e Deep into expression lines around the eyes\u003c\/li\u003e\n\u003cli\u003eFront lines \u003cstrong\u003eLess clear\u003c\/strong\u003e When expressing\u003c\/li\u003e\n\u003cli\u003eBetter relaxation of facial muscles when expressing\u003c\/li\u003e\n\u003cli\u003eMore skin \u003cstrong\u003eSoftness and flexibility\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\"\u003eWeek 8-12\u003c\/div\u003e\n\u003ch3\u003eComplete results and continuous improvement\u003c\/h3\u003e\n\u003cp\u003eWith continued regular use for a period of time \u003cstrong style=\"color: #9C8102;\"\u003e8-12 weeks\u003c\/strong\u003eYou will notice a significant improvement in the overall appearance of your skin.\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102; font-size: 1.1em;\"\u003eUp to 30% reduction\u003c\/strong\u003e In the appearance of dynamic wrinkles\u003c\/li\u003e\n\u003cli\u003eMore skin \u003cstrong\u003eSoftness, radiance and vitality\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eNoticeable improvement\u003c\/strong\u003e In skin elasticity\u003c\/li\u003e\n\u003cli\u003eVisible reduction in expression lines even when moving\u003c\/li\u003e\n\u003cli\u003eAppearance \u003cstrong\u003eMore youthful skin\u003c\/strong\u003e In general\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 is a scientifically and laboratory proven substance\u003c\/h2\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e2009 study\u003c\/strong\u003e - Journal of Cosmetic Dermatology\u003c\/h4\u003e\n\u003cp\u003eUse argiline solution \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e For a period \u003cstrong\u003e30 days\u003c\/strong\u003e led to \u003cstrong style=\"color: #9C8102;\"\u003eNoticeable reduction\u003c\/strong\u003e In the appearance of dynamic wrinkles in the forehead and around the eyes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e2011 study\u003c\/strong\u003e - Dermatology and Therapy\u003c\/h4\u003e\n\u003cp\u003eUse argiline solution \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e For a period \u003cstrong\u003e60 days\u003c\/strong\u003e led to \u003cstrong style=\"color: #9C8102;\"\u003eNoticeable reduction\u003c\/strong\u003e In the appearance of dynamic wrinkles in the forehead and around the eyes and mouth.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"study-card\"\u003e\n\u003ch4\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e2013 study\u003c\/strong\u003e - Skin Pharmacology and Physiology\u003c\/h4\u003e\n\u003cp\u003eUse argiline solution \u003cstrong style=\"color: #9C8102;\"\u003e10%\u003c\/strong\u003e For a period \u003cstrong\u003e90 days\u003c\/strong\u003e led to \u003cstrong style=\"color: #9C8102;\"\u003eNoticeable reduction in depth\u003c\/strong\u003e Dynamic wrinkles in the forehead and around the eyes.\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 In scientific studies, argiline solution has been shown to reduce the appearance of dynamic wrinkles by up to \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\"\u003eHow to Use\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\u003eFacial cleaning\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eClean your face well\u003c\/strong\u003e And dry it completely\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eApply the solution\u003c\/h4\u003e\n\u003cp\u003ePut \u003cstrong style=\"color: #9C8102;\"\u003eA few drops\u003c\/strong\u003e On affected areas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-number\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eWait\u003c\/h4\u003e\n\u003cp\u003eLeave the serum \u003cstrong\u003eTo dry completely\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\u003eMoisturizer\u003c\/h4\u003e\n\u003cp\u003ePut \u003cstrong style=\"color: #9C8102;\"\u003eYour usual moisturizer\u003c\/strong\u003e After dehydration\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;\"\u003eIdeal use:\u003c\/strong\u003e \u003cstrong\u003eTwice daily, morning and evening\u003c\/strong\u003e For best results\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;\"\u003eImportant note:\u003c\/strong\u003e Argiline solution \u003cstrong\u003e10% Ideal for All Skin Types\u003c\/strong\u003e. If your skin is very sensitive, start using a serum \u003cstrong style=\"color: #9C8102;\"\u003eOnce daily\u003c\/strong\u003e To see how your skin reacts.\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":46999376461998,"sku":null,"price":16.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/the-ordinary-argireline-serum-30ml_d1bb122a-858d-4aa9-b048-a9a03cdcdf29.png?v=1788175450"},{"product_id":"vacation-hydrogel-cleanser","title":"Vacation hydro gel lotion with hyaluronic acid, tea tree oil and ceramides 200 ml","description":"\u003cdiv\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:156\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cimg alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacationhydrogelfacialcleanser_07602f48-0be5-4533-afce-728b25a9d6f5_1024x1024.jpg?v=1698163814\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:156\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:156\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eMore than just lotion! It is an antioxidant, anti-wrinkle, and skin moisturizer.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-sourcepos=\"5:1-9:0\"\u003e\n\u003cli data-sourcepos=\"5:1-5:170\"\u003e\n\u003cstrong\u003eGreen tea:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eIt contains antioxidants that help protect the skin from damage and free radicals. It also contains anti-inflammatory properties that help soothe irritated skin.\u003c\/li\u003e\n\u003cli data-sourcepos=\"6:1-6:222\"\u003e\n\u003cstrong\u003eCeramides:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eA natural ingredient found in the skin that helps maintain moisture. When the level of ceramides in the skin is low, the skin can become dry and flaky. Ceramides help restore the skin's natural barrier and maintain moisture.\u003c\/li\u003e\n\u003cli data-sourcepos=\"7:1-7:153\"\u003e\n\u003cstrong\u003eVitamin E:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eIt is a powerful antioxidant that helps protect the skin from damage. It also helps stimulate collagen production, which contributes to improving skin elasticity.\u003c\/li\u003e\n\u003cli data-sourcepos=\"8:1-9:0\"\u003e\n\u003cstrong\u003eHyaluronic acid:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eA natural ingredient found in the skin that helps maintain moisture. Hyaluronic acid can hold up to 1,000 times its weight in water, making it a powerful skin moisturizer.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"25:1-25:156\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eUnlike other cleansers that can cause dry skin, this cleanser moisturizes your skin while cleansing it.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"20:1-24:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"20:1-20:49\"\u003eIt contains natural ingredients that are safe and effective on the skin.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"21:1-21:34\"\u003eLight on the skin, does not cause dryness.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"22:1-22:66\"\u003eRemoves dirt and excess oil without damaging the skin's natural barrier.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"23:1-24:0\"\u003eDeeply moisturizes the skin, leaving it soft and refreshed.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eWhen is it recommended to use gel wash instead of foam wash? \u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eDry or sensitive skin\u003c\/strong\u003e: If you have dry or sensitive skin, a gel wash will be the perfect choice. Gels usually contain emollients and moisture-boosting ingredients such as ceramides and hyaluronic acid, which help prevent drying of the skin during cleansing.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-sourcepos=\"3:1-3:114\"\u003e\n\u003cstrong\u003eMoisturizing:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eThe gel wash is light on the skin and does not cause dryness, because it does not contain harsh substances such as soap or alcohol.\u003c\/li\u003e\n\u003cli data-sourcepos=\"4:1-4:99\"\u003e\n\u003cstrong\u003eEffectiveness:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eThe gel wash is effective in removing dirt and excess oil without damaging the skin's natural barrier.\u003c\/li\u003e\n\u003cli data-sourcepos=\"5:1-6:0\"\u003e\n\u003cstrong\u003eComfort:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eThe gel wash is easy to use and does not foam, making it more comfortable to use.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eComparison between gel wash and foam wash\u003c\/p\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eAdvantage\u003c\/th\u003e\n\u003cth\u003eGel lotion\u003c\/th\u003e\n\u003cth\u003eFoaming lotion\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eMoisturizing\u003c\/td\u003e\n\u003ctd\u003eMaintains skin moisture\u003c\/td\u003e\n\u003ctd\u003eIt can cause dehydration\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEffectiveness\u003c\/td\u003e\n\u003ctd\u003eEffective in removing dirt and oils\u003c\/td\u003e\n\u003ctd\u003eEffective in removing heavy makeup\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eComfort\u003c\/td\u003e\n\u003ctd\u003eEasy to use\u003c\/td\u003e\n\u003ctd\u003eIt can cause foaming\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngredients\u003c\/td\u003e\n\u003ctd\u003eSkin-friendly ingredients\u003c\/td\u003e\n\u003ctd\u003eMay contain harsh ingredients\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Instachiq","offers":[{"title":"Default Title","offer_id":46999377608878,"sku":null,"price":3.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/vacationhydrogelfacialcleanser_2_b0a02bde-69b4-47cf-a925-4e1566cfd87e.jpg?v=1788175445"},{"product_id":"capixy-eyelash-serum","title":"Capixy Lash \u0026 Brow Growth Serum 10ml | Peptide 6G Formula","description":"\u003cstyle\u003e#cxl{--bg:#090103;--bg2:#1a0409;--c:#d4163c;--c2:#ff6b84;--s:#e4e7ec;--bd:rgba(212,22,60,.32);--tint:rgba(212,22,60,.1);border-radius:28px;background:var(--bg);color:#fff;font-family:inherit;line-height:1.75;overflow:hidden;direction:ltr;text-align:start;font-size:17px}#cxl *{box-sizing:border-box}#cxl .sec{padding:56px 0}#cxl .a{background:var(--bg)}#cxl .b{background:linear-gradient(180deg,var(--bg2),var(--bg))}#cxl .wrap{max-width:920px;margin:auto;padding:0 20px}#cxl .c{text-align:center}#cxl h1,#cxl h2{color:#fff!important;font-weight:900;margin:0 0 14px}#cxl h1{font-size:clamp(28px,5.2vw,46px);line-height:1.25}#cxl h2{font-size:clamp(23px,4vw,34px);line-height:1.3}#cxl h3{color:var(--c2)!important;font-size:19px;font-weight:900;margin:0 0 6px}#cxl h4{color:#fff!important;font-size:18px;margin:0 0 4px;font-weight:800}#cxl p{margin:0 0 12px;color:#eadfe2}#cxl .hl{color:var(--c2)!important}#cxl .k{color:var(--c2)!important;font-weight:800}#cxl .kick{display:inline-block;padding:7px 20px;border-radius:30px;background:var(--tint);border:1px solid var(--bd);color:var(--s)!important;font-weight:800;font-size:14px;margin-bottom:16px;letter-spacing:.4px}#cxl .lead{max-width:780px;margin:0 auto 24px;font-size:18px}#cxl .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#cxl .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px;font-weight:700}#cxl img.ph{display:block;width:100%;max-width:620px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:24px;margin:26px auto 0;box-shadow:0 20px 50px rgba(0,0,0,.7)}#cxl .hero{background:radial-gradient(circle at 50% 0,rgba(212,22,60,.28),transparent 62%),var(--bg);text-align:center;padding-top:60px}#cxl .math{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:24px}#cxl .math div.box{border-radius:20px;padding:22px 18px;border:1px solid var(--bd);text-align:center}#cxl .math .old{background:rgba(255,255,255,.03)}#cxl .math .new{background:linear-gradient(160deg,#3d0712,#0f0205)}#cxl .math b{display:block;font-size:28px;color:var(--c2)!important}#cxl .math .vs{font-size:24px;font-weight:900;color:var(--s)}#cxl .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}#cxl .card{background:linear-gradient(150deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#cxl .card p{margin:0;font-size:16px;color:#fff}#cxl .card .n{display:block;font-size:13px;color:var(--s)!important;opacity:.8;font-weight:700;margin-bottom:4px}#cxl .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;counter-reset:s}#cxl .steps div{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:18px;padding:22px 14px;text-align:center}#cxl .steps div:before{counter-increment:s;content:counter(s);display:flex;margin:0 auto 10px;width:46px;height:46px;border-radius:50%;background:var(--c);color:#fff;font-weight:900;font-size:20px;align-items:center;justify-content:center}#cxl .steps p{margin:0;font-size:15px}#cxl .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}#cxl .tl div{border-radius:18px;padding:22px 18px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}#cxl .tl b{display:block;color:var(--c2)!important;font-size:20px;margin-bottom:4px}#cxl .tl p{margin:0;font-size:16px}#cxl table{width:100%;border-collapse:separate;border-spacing:0;margin-top:22px;border:1px solid var(--bd);border-radius:18px;overflow:hidden;font-size:15px}#cxl th,#cxl td{padding:13px 10px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}#cxl th{background:#2a0610;color:#fff!important;font-weight:800}#cxl td:first-child{text-align:start;color:#fff;font-weight:700}#cxl td.y{color:var(--c2)!important;font-weight:900}#cxl td.n2{color:#8a7f82}#cxl tr:last-child td{border-bottom:0}#cxl ul.ck{list-style:none;padding:0;margin:12px 0 0}#cxl ul.ck li{padding:7px 0;padding-inline-start:30px;position:relative;color:#fff}#cxl ul.ck li:before{content:\"\";position:absolute;inset-inline-start:2px;top:15px;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}#cxl .warn{border:1.5px solid var(--c);border-radius:22px;padding:28px 24px;background:var(--tint)}#cxl details{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:14px;padding:15px 20px;margin-bottom:10px}#cxl summary{cursor:pointer;font-weight:800;color:#fff!important}#cxl details p{margin:10px 0 0}#cxl .cta{border:2px solid var(--c);border-radius:28px;padding:44px 20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(212,22,60,.25),transparent 70%),var(--bg)}#cxl .btn{display:inline-block;margin-top:20px;padding:15px 40px;border-radius:40px;background:linear-gradient(90deg,#a50e2d,var(--c));color:#fff!important;font-weight:900;font-size:20px;box-shadow:0 10px 30px rgba(212,22,60,.4)}#cxl .trust{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}#cxl .trust span{border:1px solid var(--bd);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:800;font-size:15px}#cxl .inci{font-size:13px;color:#d6cbce;background:rgba(0,0,0,.5);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:22px}@media(max-width:768px){#cxl .sec{padding:40px 0}#cxl .wrap{padding:0 14px}#cxl .math{grid-template-columns:1fr}#cxl .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#cxl .card{padding:14px 11px}#cxl .card p{font-size:13.5px;line-height:1.5}#cxl .card h3{font-size:16px}#cxl .steps{grid-template-columns:repeat(2,1fr);gap:10px}#cxl .tl{grid-template-columns:1fr}#cxl table{font-size:13px}#cxl th,#cxl td{padding:10px 6px}#cxl .warn,#cxl .cta{padding:24px 16px}}\u003c\/style\u003e\u003cdiv id=\"cxl\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"kick\"\u003eLASH \u0026amp; BROW SERUM | 10 ML | 6G PEPTIDE FORMULA\u003c\/span\u003e\n\u003ch1\u003eCapixy Lash \u0026amp; Brow Serum: \u003cspan class=\"hl\"\u003eyour own lashes, longer and fuller\u003c\/span\u003e in about 6 weeks\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eOne stroke along your lash line every night before bed. A serum that works at the root of your lashes and brows with four actives trusted in hair-strengthening care: \u003cspan class=\"k\"\u003eCapixyl\u003c\/span\u003e, \u003cspan class=\"k\"\u003eAminexil\u003c\/span\u003e, \u003cspan class=\"k\"\u003eBaicapil\u003c\/span\u003e and \u003cspan class=\"k\"\u003eAnagain\u003c\/span\u003e. No extensions, no glue, no falsies.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\u003cspan\u003eLashes \u0026amp; brows\u003c\/span\u003e\u003cspan\u003ePrecision brush\u003c\/span\u003e\u003cspan\u003eOnce a day\u003c\/span\u003e\u003cspan\u003eWorldwide shipping\u003c\/span\u003e\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/7733e40e-370a-4326-b29a-e9963cfc21d5.jpg\" alt=\"Capixy Lash and Brow Serum on a glossy red surface\" width=\"1024\" height=\"1024\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eHow much do you spend every year just to have lashes?\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eExtension infills every three weeks, strip lashes for every occasion, mascara that clumps and flakes. And underneath it all, your natural lashes stay exactly the same, or get weaker from the glue and the weight.\u003c\/p\u003e\n\u003cdiv class=\"math\"\u003e\n\u003cdiv class=\"box old\"\u003e\u003cb\u003eEvery 3 weeks\u003c\/b\u003e\u003cspan\u003eAnother infill, more glue, and natural lashes lost along the way\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"vs\"\u003evs\u003c\/div\u003e\n\u003cdiv class=\"box new\"\u003e\u003cb\u003e10 ml\u003c\/b\u003e\u003cspan\u003eOne tube, one minute a night, and it's your own lashes getting stronger\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cf20ced1-1f1a-489b-93cf-2792f44eae5c.jpg\" alt=\"Capixy Lash Serum as an alternative to lash extensions\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e4 actives, each working on a different part of the lash\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eNot one ingredient trying to do everything. These are the actives printed on the pack, and how each is commonly described:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\u003cspan class=\"n\"\u003eCapixyl\u003c\/span\u003e\u003ch3\u003eRoot anchoring\u003c\/h3\u003e\u003cp\u003eA peptide that supports the \u003cspan class=\"k\"\u003efollicle\u003c\/span\u003e and helps each hair stay anchored.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\u003cspan class=\"n\"\u003eAminexil\u003c\/span\u003e\u003ch3\u003eFollicle flexibility\u003c\/h3\u003e\u003cp\u003eKnown for helping keep the \u003cspan class=\"k\"\u003eskin around the root\u003c\/span\u003e supple.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\u003cspan class=\"n\"\u003eBaicapil\u003c\/span\u003e\u003ch3\u003eDensity\u003c\/h3\u003e\u003cp\u003eA plant-based active that supports \u003cspan class=\"k\"\u003ehair density\u003c\/span\u003e and the growth cycle.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\u003cspan class=\"n\"\u003eAnagain\u003c\/span\u003e\u003ch3\u003eGrowth phase\u003c\/h3\u003e\u003cp\u003eA plant extract that supports the cells behind \u003cspan class=\"k\"\u003ehair growth\u003c\/span\u003e.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/91589b05-b715-4977-9c82-36befd2a79ce.jpg\" alt=\"Capixyl, Aminexil, Baicapil and Anagain in Capixy Lash Serum\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eWhat you'll see in the mirror\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3\u003eLonger-looking lashes\u003c\/h3\u003e\u003cp\u003eWith consistent use, lashes look \u003cspan class=\"k\"\u003elonger and more defined\u003c\/span\u003e.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3\u003eFuller lash line\u003c\/h3\u003e\u003cp\u003eSupports a \u003cspan class=\"k\"\u003edenser lash line\u003c\/span\u003e with fewer gaps.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3\u003eFuller brows\u003c\/h3\u003e\u003cp\u003eThe same brush works on \u003cspan class=\"k\"\u003esparse brow areas\u003c\/span\u003e.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3\u003eStronger lashes\u003c\/h3\u003e\u003cp\u003eStrengthens \u003cspan class=\"k\"\u003efine, fragile hairs\u003c\/span\u003e that fall out easily.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3\u003e100% natural look\u003c\/h3\u003e\u003cp\u003eThese are your lashes, \u003cspan class=\"k\"\u003enot glued-on ones\u003c\/span\u003e.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\u003ch3\u003eBetter mascara days\u003c\/h3\u003e\u003cp\u003eLonger lashes mean \u003cspan class=\"k\"\u003eone coat\u003c\/span\u003e does more.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/6b705c07-f6b1-4922-935e-94472d2a6acf.jpg\" alt=\"Full natural lashes next to Capixy Lash Serum\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eOne minute a night is the whole routine\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\u003ch4\u003eCleanse\u003c\/h4\u003e\u003cp\u003eRemove makeup and pat the area dry.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003ch4\u003eOne line\u003c\/h4\u003e\u003cp\u003eDraw a thin line along the \u003cspan class=\"k\"\u003eupper lash roots\u003c\/span\u003e, like eyeliner.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003ch4\u003eBrows\u003c\/h4\u003e\u003cp\u003eSweep the brush over \u003cspan class=\"k\"\u003esparse brow areas\u003c\/span\u003e.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003ch4\u003eSleep\u003c\/h4\u003e\u003cp\u003eOnce a day, \u003cspan class=\"k\"\u003eno rinsing\u003c\/span\u003e.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/826157c7-0e4e-455d-b924-c4445f6a3fc3.jpg\" alt=\"Applying Capixy Lash Serum to the lash line at night\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/3971692b-e3fc-4a98-a022-be2973cad465.jpg\" alt=\"Capixy precision brush\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eYour 6-week lash journey\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eLashes grow in cycles, so consistency is everything. Here is what to expect with daily use:\u003c\/p\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\u003cb\u003eWeek 1\u003c\/b\u003e\u003cp\u003eThe ritual begins, and the serum reaches your roots every night.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eWeek 3\u003c\/b\u003e\u003cp\u003eLashes feel stronger and you lose fewer when removing makeup.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cb\u003eWeek 6\u003c\/b\u003e\u003cp\u003eThe point where a visible difference in length and fullness is typically expected. Results vary from person to person.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/14f27c24-1d78-439d-afcd-027f6ccb21a8.jpg\" alt=\"6-week lash journey with Capixy\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eCompare for yourself\u003c\/h2\u003e\n\u003ctable\u003e\n\u003ctr\u003e\u003cth\u003e\u003c\/th\u003e\u003cth\u003eCapixy\u003c\/th\u003e\u003cth\u003eExtensions\u003c\/th\u003e\u003cth\u003eStrip lashes\u003c\/th\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003eStrengthens your natural lashes\u003c\/td\u003e\u003ctd class=\"y\"\u003eYes\u003c\/td\u003e\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003eNo glue\u003c\/td\u003e\u003ctd class=\"y\"\u003eYes\u003c\/td\u003e\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003eWorks on brows too\u003c\/td\u003e\u003ctd class=\"y\"\u003eYes\u003c\/td\u003e\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003eNo salon appointments\u003c\/td\u003e\u003ctd class=\"y\"\u003eYes\u003c\/td\u003e\u003ctd class=\"n2\"\u003eNo\u003c\/td\u003e\u003ctd class=\"y\"\u003eYes\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e100% natural look\u003c\/td\u003e\u003ctd class=\"y\"\u003eYes\u003c\/td\u003e\u003ctd class=\"n2\"\u003eSometimes\u003c\/td\u003e\u003ctd class=\"n2\"\u003eRarely\u003c\/td\u003e\u003c\/tr\u003e\n\u003c\/table\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/c4775939-2eb2-4129-a2ba-d58dd0ace890.jpg\" alt=\"Applying Capixy serum to the brows\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eThis tube is for you if\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eYour lashes are naturally \u003cspan class=\"k\"\u003eshort or sparse\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eYears of \u003cspan class=\"k\"\u003eextensions or strip lashes\u003c\/span\u003e have left them weaker.\u003c\/li\u003e\n\u003cli\u003eYou have \u003cspan class=\"k\"\u003egaps in your brows\u003c\/span\u003e you'd love to fill.\u003c\/li\u003e\n\u003cli\u003eYou're tired of the appointments and the cost every three weeks.\u003c\/li\u003e\n\u003cli\u003eYou're ready to commit \u003cspan class=\"k\"\u003eat least 6 weeks\u003c\/span\u003e and judge for yourself.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eBefore your first use\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eFor external use on the lash line and brows only, never inside the eye.\u003c\/li\u003e\n\u003cli\u003eIf it gets into your eyes, rinse thoroughly with water.\u003c\/li\u003e\n\u003cli\u003ePatch test first if your skin is sensitive, and stop use if you notice redness, burning or irritation.\u003c\/li\u003e\n\u003cli\u003eRemove contact lenses before applying and wait until the serum has dried.\u003c\/li\u003e\n\u003cli\u003eIf you are pregnant, breastfeeding or have any eye condition, ask your doctor first.\u003c\/li\u003e\n\u003cli\u003eThis is a cosmetic product, not a medical treatment.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eQuestions before you order\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eWhen will I see results?\u003c\/summary\u003e\u003cp\u003eA visible difference is typically expected in about \u003cspan class=\"k\"\u003e6 weeks\u003c\/span\u003e of daily use. Results vary from person to person.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eWhen should I apply it?\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003eOnce a day at night\u003c\/span\u003e, on clean, makeup-free skin.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eCan I use it on my brows?\u003c\/summary\u003e\u003cp\u003eYes, use the same brush on sparse brow areas.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eCan I wear mascara over it?\u003c\/summary\u003e\u003cp\u003eYes, once it has fully dried. Ideally apply it at night on clean lashes.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eWhat happens if I stop?\u003c\/summary\u003e\u003cp\u003eLashes follow a natural growth cycle, so keep using it to maintain your results.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eIs it authentic? Where do you ship?\u003c\/summary\u003e\u003cp\u003eYes, it is an \u003cspan class=\"k\"\u003eauthentic product\u003c\/span\u003e, and we ship worldwide.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:12px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eIn 6 weeks, they'll ask: \"Are those your real lashes?\"\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px\"\u003eAnd you'll get to give the best answer there is: \u003cspan class=\"k\"\u003eyes\u003c\/span\u003e. One 10 ml tube of Capixy Lash \u0026amp; Brow Serum, one minute a night, and it's your own lashes that change.\u003c\/p\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/7733e40e-370a-4326-b29a-e9963cfc21d5.jpg\" alt=\"Capixy Lash Serum\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003cdiv class=\"btn\"\u003eGet the lashes you've always wanted\u003c\/div\u003e\n\u003cdiv class=\"trust\"\u003e\u003cspan\u003eAuthentic product\u003c\/span\u003e\u003cspan\u003eWorldwide shipping\u003c\/span\u003e\u003cspan\u003eWhatsApp support\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\u003cb\u003eKey actives:\u003c\/b\u003e Capixyl, Aminexil, Baicapil, Anagain. 10 ml. For lashes and brows. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":46999378526382,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/7733e40e-370a-4326-b29a-e9963cfc21d5.jpg?v=1792936068"},{"product_id":"vacation-hyaluronic-serum","title":"Vacation High Concentration Hyaluronic Acid Serum 3% | Moisturizing | Anti-aging","description":"\u003ch2\u003eThe most powerful hyaluronic formula \u003c\/h2\u003e\n\u003cp\u003eExperience the highest possible concentration of hyaluronic acid, which is the first and most valuable compound in skin care! A high concentration of 3% guarantees you the highest moisturizing efficiency for the longest period and with the smallest amount. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eNotice the instantaneous change in the texture of your skin. \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003eYou will notice the dramatic change in your skin texture and superior freshness within minutes of absorbing the product\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eTreats the deepest skin problems \u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eHumidification: It withdraws more than 5,000 times its weight in water\u003c\/li\u003e\n\u003cli\u003eIt fills wrinkles and fine lines and restores the youthfulness of your skin\u003c\/li\u003e\n\u003cli\u003eImproves skin texture and reduces pores\u003c\/li\u003e\n\u003cli\u003eGets rid of pimples with continued use \u003c\/li\u003e\n\u003cli\u003eReduces inflammation and redness in the skin tissue \u003c\/li\u003e\n\u003cli\u003eImproves skin elasticity and reduces expressive and motor wrinkles\u003c\/li\u003e\n\u003cli\u003eRestores skin barrier function \u003c\/li\u003e\n\u003cli\u003ePrevents signs of premature aging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003ePerfect skin in less time and less cost\u003c\/h2\u003e\n\u003cp\u003eExpect amazing results when you use this high concentration of hyaluronic acid. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eTwo drops of serum cover your entire skin. \u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThis formula was designed with an ideal viscosity rate so that the smallest amount of serum is sufficient to completely cover your skin. The package lasts for several months with average use, which guarantees you high value for the price.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- --\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999383605422,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1-hya.png?v=1788175424"},{"product_id":"vacation-niacinamide-zn-pca-serum-10-30-ml","title":"VACATION NIACINAMIDE + ZN PCA SERUM 10% 30 ML","description":"\u003ch2\u003eYour skin is at its purest with Niacinamide and Zinc Serum\u003c\/h2\u003e\n\u003ch3\u003eInvisible pores\u003c\/h3\u003e\n\u003cp\u003eNiacinamide is the ideal and best compound in shrinking pores to the maximum, leaving your skin fresh, firm and free of blackheads and whiteheads.\u003c\/p\u003e\n\u003ch3\u003eEffective against the most severe acne\u003c\/h3\u003e\n\u003cp\u003eNiacinamide and zinc serum reduces redness and acne effects, and you will see positive results, especially in inflamed pimples. Zinc acts as an antibacterial, which helps maintain clear skin.\u003c\/p\u003e\n\u003ch3\u003eYour youth is eternal\u003c\/h3\u003e\n\u003cp\u003eNiacinamide is considered one of the most powerful anti-aging agents, as it reduces free radicals that cause aging and improves collagen production. It also enhances the production of keratin, which tightens the skin and increases its thickness, reducing the effects of fine lines \u0026amp; wrinkles.\u003c\/p\u003e\n\u003ch3\u003eYour skin is clear and uniform in color\u003c\/h3\u003e\n\u003cp\u003eIn its high concentrations, niacinamide neutralizes melanin, lightening dark areas and making your skin even in tone.\u003c\/p\u003e\n\u003ch3\u003eDeep hydration without a greasy effect\u003c\/h3\u003e\n\u003cp\u003eNiacinamide locks moisture into your skin by creating a “moisture barrier” that prevents water loss from your skin. It also neutralizes oil production in oily skin, so it does not leave a greasy effect.\u003c\/p\u003e\n\u003ch3\u003eRemove black and white heads\u003c\/h3\u003e\n\u003cp\u003eNiacinamide and Zinc Serum treats textured skin by stimulating the formation of new skin cells and deeply moisturizing the skin.\u003c\/p\u003e\n\u003ch3\u003eSuits all skin types\u003c\/h3\u003e\n\u003cp\u003eNiacinamide and Zinc Serum is suitable for dry, normal, combination, and oily skin. Light on the skin and quickly absorbed.\u003c\/p\u003e\n\u003ch3\u003eHow to Use\u003c\/h3\u003e\n\u003cp\u003eApply a very small amount to the face in the morning and evening on clean skin before applying any other creams, oils or moisturizers to the skin. It should not be used at the same time as treatments containing pure vitamin C (ascorbic acid).\u003c\/p\u003e\n\u003ch3\u003eBasic components\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide\u003c\/strong\u003e: Excellent for improving overall skin health, boosts skin immunity and improves moisture retention by strengthening the skin barrier.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZinc\u003c\/strong\u003e: Supports skin structure by healing damaged skin and encouraging the production of collagen and elastin.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePackage size\u003c\/h3\u003e\n\u003cp\u003ePackage size 30 ml.\u003c\/p\u003e\n\u003c!-- --\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999384228014,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/vacation-niacinamide-10zinc_cf754937-77a8-45cc-a8ad-74eb3c42299a.png?v=1788175422"},{"product_id":"vacation-retinol-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"vacation retinol | Retinol and Vitamin E Serum 30 ml | Anti-wrinkle | Anti-pill | Anti-pigmentation","description":"\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2\u003eYour skin is at its best with 1% Retinol Serum.\u003c\/h2\u003e\n\u003ch3\u003eRejuvenate and brighten your skin\u003c\/h3\u003e\n\u003cp\u003eWith Retinol 1% serum, you will feel a noticeable difference in the freshness and radiance of your skin. Retinol promotes cell renewal, which helps in gently exfoliating the skin and removing dead cells to reveal new, radiant skin.\u003c\/p\u003e\n\u003ch3\u003eFight the signs of aging\u003c\/h3\u003e\n\u003cp\u003eThe most powerful weapon against wrinkles\u003c\/p\u003e\n\u003cp\u003eRetinol works to reduce the appearance of wrinkles and fine lines by promoting collagen production. It will make your skin look firmer and more youthful with regular use.\u003c\/p\u003e\n\u003ch3\u003eEffective against acne\u003c\/h3\u003e\n\u003cp\u003eInstant solutions for even the toughest pimples\u003c\/p\u003e\n\u003cp\u003eRetinol 1% serum is effective in fighting acne and deep cleaning pores. Retinol helps prevent clogged pores and reduce the redness and inflammation associated with acne, giving you clearer skin.\u003c\/p\u003e\n\u003ch3\u003eClear and uniform skin tone\u003c\/h3\u003e\n\u003cp\u003eRetinol 1% serum promotes skin cell regeneration, which helps reduce pigmentation and unify skin tone. You'll notice your skin is brighter and more even over time.\u003c\/p\u003e\n\u003ch3\u003eDeep hydration\u003c\/h3\u003e\n\u003cp\u003ePerfect hydration without stickiness\u003c\/p\u003e\n\u003cp\u003eDespite its powerful skin rejuvenating effects, 1% Retinol Serum ensures deep hydration of the skin. Its formula is light and quickly absorbed, does not leave a greasy effect and gives your skin softness and moisture.\u003c\/p\u003e\n\u003ch3\u003eIdeal for All Skin Types\u003c\/h3\u003e\n\u003cp\u003eWhether you have dry, normal, combination, or oily skin, our 1% Retinol Serum is perfect for you. It can be used in your night care routine for best results.\u003c\/p\u003e\n\u003ch3\u003eHow to Use\u003c\/h3\u003e\n\u003cp\u003eApply a small amount to the face in the evening after cleansing the skin. It is preferable to start using it gradually so that the skin gets used to it. Avoid using it with products that contain strong acids, and be sure to use sunscreen during the day.\u003c\/p\u003e\n\u003ch3\u003eBasic components\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRetinol\u003c\/strong\u003e: Promotes skin cell regeneration, reduces the appearance of wrinkles and fine lines, and improves skin tone.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidants\u003c\/strong\u003e: Protects the skin from environmental damage and promotes overall skin health.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePackage size\u003c\/h3\u003e\n\u003cp\u003ePackage size 30 ml.\u003c\/p\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999384457390,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ret-3.png?v=1788175422"},{"product_id":"vacation-vitamin-c-10-30-ml","title":"VACATION VITAMIN C 10% 30 ML","description":"\u003cdiv data-mce-style=\"text-align: start;\" dir=\"ltr\" style=\"text-align: start;\"\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003c\/h3\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"color: rgb(109, 108, 106);\" style=\"color: rgb(109, 108, 106);\"\u003e \u003cspan data-mce-style=\"color: rgb(0, 0, 0);\" style=\"color: rgb(0, 0, 0);\"\u003e Have you tried vitamin C in high concentrations?! \u003c\/span\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan\u003eLightening, tightening, protection, rejuvenation\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul data-mce-style=\"text-align: right;\" dir=\"ltr\" style=\"text-align: left;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIt will open \u003c\/strong\u003eIt unifies your skin tone by neutralizing melanin pigment in the skin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHe will tighten\u003c\/strong\u003e Your skin by stimulating the production of... \u003cstrong\u003eCollagen and elastin\u003c\/strong\u003e Their production decreases as we get older, starting in our twenties \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHe will protect\u003c\/strong\u003e Your skin is protected from free radical damage that causes signs of premature aging and skin cancer because it contains a group of natural antioxidants such as Astaxanthin, Vitamin E, Rose Hips and Green Tea, creating a highly effective anti-aging formula.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eHe will renew\u003c\/strong\u003e Skin cells, which improves its texture and appearance\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan data-mce-style=\"color: #d2b147;\" style=\"color: #d2b147;\"\u003e\u003cspan data-mce-style=\"color: #000000;\" style=\"color: #000000;\"\u003eIncreases the SPF efficiency of sunscreens\u003c\/span\u003e \u003c\/span\u003eThis provides additional protection from ultraviolet rays that cause premature aging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eInstant results\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003e\u003cbr\/\u003e\u003c\/span\u003e\u003cspan data-mce-style=\"font-weight: 400;\" style=\"font-weight: 400;\"\u003eWatch live as your skin transforms into its clearest and purest state within minutes of applying the serum\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eCare comparable to the most expensive sessions in the best salons, with a negligible budget \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eTaking care of your skin does not require costing tens of thousands! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eThis product combines many benefits that are impossible to obtain from one product! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eGet the benefits of the best moisturizers, anti-pimples, anti-aging, lightening creams and freshness products in one package! \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eEssential for eternally youthful skin \u003c\/h2\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong\u003eSigns of aging appear due to our constant exposure to ultraviolet rays and due to cell oxidation from free radicals. \u003c\/strong\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eAntioxidants must be used regularly to maintain youthful skin. \u003c\/p\u003e\n\u003ch3 data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003cbr\/\u003eThis serum will act as the first line of defense to prevent premature aging\u003c\/h3\u003e\n\u003cp data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eNo matter your age, you need to use antioxidants to maintain your youth. \u003cstrong\u003eDon't wait until wrinkles form to start treatment!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e Vitamin C is considered one of the most powerful natural antioxidants, as is serum \u003cspan data-mce-fragment=\"1\"\u003eIt contains a group of natural antioxidants such as astaxanthin, vitamin E, rose hips and green tea, which in turn work to reduce free radicals that cause aging. \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003ch3\u003eDeep hydration without shine\u003c\/h3\u003e\n\u003cp\u003eVitamin C serum deeply moisturizes the skin without leaving any greasy trace. Its light and fast-absorbing formula ensures your skin is soft and comfortable all day long.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eIdeal for All Skin Types: dry, normal, mixed, and oily\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: center;\" dir=\"ltr\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLight on the skin..fast absorption\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e\n\u003cp data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999384785070,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/vit-c-2-1_ea0369c8-efa8-4d38-b7c5-6374a5741ab8.png?v=1788175421"},{"product_id":"somebymi-retinol-triple-action-eye-cream","title":"SOME BY MI Retinol Intense Advanced Triple Action Eye Cream, 30Ml","description":"\u003cdiv class=\"sbmeye-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Core Variables (Twilight Purple \u0026 Gold Theme) === *\/\n .sbmeye-premium-wrapper {\n --sbmeye-bg-deep: #0d0514; \/* Deep midnight purple\/black *\/\n --sbmeye-bg-card: rgba(30, 15, 45, 0.6); \/* Translucent dark purple *\/\n --sbmeye-gold-main: #d4af37; \/* Premium Gold *\/\n --sbmeye-gold-light: #f9e596; \/* Luminous soft gold *\/\n --sbmeye-purple-accent: #9c27b0; \/* Bright purple for accents *\/\n --sbmeye-purple-light: #e1bee7; \/* Soft pastel purple *\/\n --sbmeye-glow-gold: rgba(212, 175, 55, 0.25);\n --sbmeye-glow-purple: rgba(156, 39, 176, 0.3);\n --sbmeye-text-main: #fdfbf7;\n --sbmeye-text-muted: #c4b5c7;\n --sbmeye-border: rgba(212, 175, 55, 0.2);\n --sbmeye-border-hover: rgba(249, 229, 150, 0.6);\n --sbmeye-alert: #ff5252;\n \n background-color: var(--sbmeye-bg-deep);\n color: var(--sbmeye-text-main);\n font-family: 'Plus Jakarta Sans', system-ui, -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(156, 39, 176, 0.05) inset;\n }\n\n .sbmeye-premium-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .sbmeye-premium-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n .sbmeye-container {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Ambient Starry Night Background === *\/\n .sbmeye-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n background: radial-gradient(circle at 15% 30%, rgba(156, 39, 176, 0.08), transparent 50%),\n radial-gradient(circle at 85% 70%, rgba(212, 175, 55, 0.05), transparent 50%);\n }\n\n .sbmeye-particle {\n position: absolute;\n background: radial-gradient(circle, var(--sbmeye-glow-gold) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpEye 18s infinite ease-in-out;\n filter: blur(5px);\n }\n\n @keyframes floatUpEye {\n 0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n 20% { opacity: 0.7; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n }\n\n \/* === Typography \u0026 Headers === *\/\n .sbmeye-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(26px, 4.5vw, 42px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #fff;\n text-shadow: 0 5px 25px rgba(0,0,0,0.8);\n }\n\n .sbmeye-title-glow span {\n background: linear-gradient(135deg, var(--sbmeye-gold-light) 0%, var(--sbmeye-gold-main) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 20px var(--sbmeye-glow-gold);\n }\n\n .sbmeye-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 800;\n color: var(--sbmeye-gold-light);\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .sbmeye-section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--sbmeye-gold-main), transparent);\n border-radius: 10px;\n box-shadow: 0 0 10px var(--sbmeye-gold-main);\n }\n\n \/* === Hero Section === *\/\n .sbmeye-hero {\n text-align: center;\n padding: 20px 0 40px;\n }\n\n .sbmeye-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid var(--sbmeye-gold-main);\n color: var(--sbmeye-gold-light);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 0.95rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n }\n \n .sbmeye-hero-subtitle {\n font-size: 1.15rem;\n color: var(--sbmeye-text-muted);\n max-width: 800px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* === Glassmorphism Cards === *\/\n .sbmeye-glass-box {\n background: var(--sbmeye-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--sbmeye-border);\n border-radius: 20px;\n padding: 40px;\n margin: 40px 0;\n box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .sbmeye-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--sbmeye-gold-light), var(--sbmeye-purple-accent), transparent);\n box-shadow: 0 0 15px var(--sbmeye-gold-main);\n }\n\n \/* === Benefits Grid === *\/\n .sbmeye-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .sbmeye-card {\n background: linear-gradient(145deg, rgba(25, 10, 35, 0.7), rgba(10, 5, 15, 0.9));\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-radius: 16px;\n padding: 30px 25px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n text-align: left;\n z-index: 1;\n }\n\n .sbmeye-card::after {\n content: '';\n position: absolute;\n bottom: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(156, 39, 176, 0.1) 0%, transparent 70%);\n z-index: -1;\n transition: all 0.5s;\n }\n\n .sbmeye-card:hover {\n transform: translateY(-8px);\n border-color: var(--sbmeye-gold-main);\n box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n background: rgba(35, 15, 45, 0.8);\n }\n\n .sbmeye-card:hover::after {\n bottom: -10%;\n right: -10%;\n }\n\n .sbmeye-icon {\n width: 55px;\n height: 55px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--sbmeye-gold-light);\n font-size: 26px;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }\n \n .sbmeye-card:hover .sbmeye-icon {\n background: linear-gradient(135deg, var(--sbmeye-gold-main), var(--sbmeye-gold-light));\n color: #000;\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n border-color: transparent;\n }\n\n .sbmeye-card h3 {\n font-size: 1.25rem;\n color: #fff;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n\n .sbmeye-card p {\n color: var(--sbmeye-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* === Scientific Triad (The 3 Pillars) === *\/\n .sbmeye-triad {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin: 40px 0;\n }\n\n @media (min-width: 768px) {\n .sbmeye-triad {\n flex-direction: row;\n justify-content: center;\n }\n .sbmeye-triad-item {\n flex: 1;\n }\n }\n\n .sbmeye-triad-item {\n background: rgba(0,0,0,0.5);\n border: 1px dashed var(--sbmeye-gold-main);\n padding: 30px 20px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n\n .sbmeye-triad-item:hover {\n transform: translateY(-5px);\n background: rgba(212, 175, 55, 0.05);\n box-shadow: 0 10px 25px var(--sbmeye-glow-gold);\n }\n\n .sbmeye-triad-num {\n font-size: 3.5rem;\n font-weight: 900;\n color: rgba(212, 175, 55, 0.15);\n line-height: 1;\n position: absolute;\n top: 10px;\n right: 20px;\n z-index: 0;\n }\n\n .sbmeye-triad-item h4 {\n color: var(--sbmeye-gold-light);\n font-size: 1.3rem;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n }\n\n .sbmeye-triad-item p {\n color: #fff;\n font-size: 0.95rem;\n line-height: 1.6;\n position: relative;\n z-index: 1;\n }\n\n \/* === Usage Steps List === *\/\n .sbmeye-step-list {\n list-style: none;\n display: grid;\n grid-template-columns: 1fr;\n gap: 15px;\n }\n\n .sbmeye-step-item {\n display: flex;\n align-items: center;\n gap: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px solid var(--sbmeye-border);\n padding: 20px;\n border-radius: 16px;\n transition: all 0.3s;\n }\n\n .sbmeye-step-item:hover {\n border-color: var(--sbmeye-gold-light);\n background: rgba(212, 175, 55, 0.05);\n transform: translateX(-5px);\n }\n\n .sbmeye-step-num {\n width: 45px;\n height: 45px;\n min-width: 45px;\n background: var(--sbmeye-bg-deep);\n border: 2px solid var(--sbmeye-gold-main);\n color: var(--sbmeye-gold-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n font-weight: bold;\n box-shadow: 0 0 15px var(--sbmeye-glow-gold);\n }\n\n \/* === Warning Box === *\/\n .sbmeye-warning-box {\n background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n border: 1px solid rgba(255, 82, 82, 0.3);\n border-right: 4px solid var(--sbmeye-alert);\n padding: 25px;\n border-radius: 12px;\n margin: 30px 0;\n text-align: left;\n }\n\n .sbmeye-warning-box h3 {\n color: var(--sbmeye-alert);\n font-size: 1.25rem;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n \/* === Animations === *\/\n .sbmeye-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .sbmeye-reveal.sbmeye-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .sbmeye-delay-1 { transition-delay: 0.1s; }\n .sbmeye-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .sbmeye-hero { padding: 10px 0 20px; }\n .sbmeye-step-item { flex-direction: column; text-align: center; }\n .sbmeye-step-num { margin-left: 0; margin-bottom: 15px; }\n }\n \u003c\/style\u003e\n\u003c!-- Ambient Starry Particles --\u003e\n\u003cdiv class=\"sbmeye-ambient-particles\" id=\"sbmeye-particles-ar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbmeye-hero sbmeye-reveal sbmeye-active\"\u003e\n\u003cdiv class=\"sbmeye-badge\"\u003eThe radical triple action solution\u003c\/div\u003e\n\u003ch1 class=\"sbmeye-title-glow\"\u003eAwaken the youth of your eyes: \u003cspan\u003eGoodbye to dark circles and deep wrinkles!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbmeye-hero-subtitle\"\u003e\n Dark circles, fine lines, and sagging reveal fatigue and age. The skin around the eyes is very thin and needs exceptional care that regular creams do not provide.\n \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Retinol Intense Eye Cream Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.jpg?v=1745762288\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003ch2 class=\"sbmeye-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.6rem; color: #fff;\"\u003eSome By Mi Retinol Intense Advanced Triple Action Eye Cream\u003c\/h2\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); max-width: 800px; margin: 0 auto; line-height: 1.8;\"\u003e\n Discover the power \u003cstrong\u003e\"triple effect\"\u003c\/strong\u003e With this charming cream. An advanced medical formula designed at the molecular level to penetrate delicate skin with complete safety. It powerfully erases wrinkles \u003cstrong\u003eRetinol\u003c\/strong\u003eIt breaks up dark pigmentation with \u003cstrong\u003eNiacinamide and tranexamic acid\u003c\/strong\u003eIt fills the gaps with intense hydration.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The UVP \/ Science (Triple Action) --\u003e\n\u003cdiv class=\"sbmeye-glass-box sbmeye-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003eHow does this cream excel? (The Mystery of the Holy Trinity)\u003c\/h2\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px;\"\u003e\n In eye care products, there is a very fine line between “effectiveness” and “irritation.” This weak skin gets damaged quickly. But Some By Mi achieves the impossible formula: maximum effectiveness with maximum gentleness and compatibility.\n \u003c\/p\u003e\n\u003cdiv class=\"sbmeye-triad\"\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eRetinol and retinal (anti-aging)\u003c\/h4\u003e\n\u003cp\u003eAn ideal and safe concentration (0.1%) that accelerates cell regeneration, stimulates collagen production, and smoothes fine lines (crow's feet) without causing redness or annoying peeling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eNiacinamide + Tranexamic (lightening circles)\u003c\/h4\u003e\n\u003cp\u003eThe team specializes in breaking down melanin pigment. Tranexamic acid stops pigmentation at its roots, while niacinamide evens skin tone to eliminate the appearance of black or brown fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eTRUECICA™ + Panthenol (repair and protect)\u003c\/h4\u003e\n\u003cp\u003eExclusive technology from Cica to instantly soothe delicate skin, supported by hyaluronic acid and panthenol to lock moisture deep inside and give the eyes a plump and firm appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. New Images Showcase --\u003e\n\u003cdiv class=\"sbmeye-reveal\" style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 50px 0;\"\u003e\n\u003cimg alt=\"Retinol Eye Cream Texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_eye_cream_114076e1-651f-4297-8dfb-d4ac3b01407e.webp?v=1788019150\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\/\u003e\n\u003cimg alt=\"Retinol Eye Cream Details\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream_1.webp?v=1788019150\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Benefits Grid --\u003e\n\u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003eWhat will this elixir do for your eyes?\u003c\/h2\u003e\n\u003cdiv class=\"sbmeye-grid\"\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e👁️\u003c\/div\u003e\n\u003ch3\u003eDark circles elastic\u003c\/h3\u003e\n\u003cp\u003eIt works double powerfully to lighten dark eye contours and even out skin tone, giving you a awake and energized look even without makeup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-1\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eIroning wrinkles and lines\u003c\/h3\u003e\n\u003cp\u003eThe power of gentle retinol targets expression lines and laugh wrinkles, tightening sagging skin and restoring lost elasticity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-2\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003ePlumbing\u003c\/h3\u003e\n\u003cp\u003eIntense hydration penetrates deep into the layers thanks to hyaluronic acid, filling sunken spaces and preventing the skin from drying out and cracking.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eHypoallergenic Shield\u003c\/h3\u003e\n\u003cp\u003eSpecially designed to suit the very sensitive skin around the eyes, thanks to the Truecica complex that prevents any redness or irritation typical of retinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Warning \/ Retinol Rule --\u003e\n\u003cdiv class=\"sbmeye-alert-box sbmeye-reveal\"\u003e\n\u003ch3\u003e⚠️ Important warning: Strength requires gradual use!\u003c\/h3\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); line-height: 1.8;\"\u003e\n Because this product contains active retinol, it is important to get your skin used to it slowly to avoid dryness or irritation. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eWeek 1 and 2:\u003c\/strong\u003e Use it only two to three times a week, in the evening \u003cstrong\u003eOnly\u003c\/strong\u003e. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eWeek 3 and beyond:\u003c\/strong\u003e You can use it daily or every other day depending on your skin tolerance. \u003cbr\/\u003e\n\u003cstrong style=\"color: var(--sbmeye-alert); display: block; margin-top: 10px;\"\u003eVery necessary: You must use sunscreen (SPF) the next morning, because retinol increases the skin’s sensitivity to the sun.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Guide --\u003e\n\u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003eProfessional user guide\u003c\/h2\u003e\n\u003cul class=\"sbmeye-step-list sbmeye-reveal\"\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003ePreparation\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eClean your face well before going to sleep, and dry the area around the eyes completely.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eThe magic quantity\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eApply a very small amount (about the size of a pea, enough for both eyes) on the ring finger (the one with the weakest pressure).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eNice plumpness\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eSpread the cream very lightly around the eye bone (avoid moving upper eyelid and getting too close to the eyelashes) until it is completely absorbed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 7. Final CTA --\u003e\n\u003cdiv class=\"sbmeye-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 20px; border: 1px solid var(--sbmeye-border);\"\u003e\n\u003ch2 class=\"sbmeye-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eRestore the youthfulness of your eyes with one touch every night!\u003c\/h2\u003e\n\u003cimg alt=\"Some By Mi Eye Cream Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.webp?v=1745762329\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n Don't let fatigue and the signs of time steal the beauty of your outlook. One package of \u003cstrong\u003eSome By Mi Retinol Eye Cream\u003c\/strong\u003e Enough for several months of advanced care that will radically change the shape of your eye contour.\n \u003c\/p\u003e\n\u003cp style=\"color: var(--sbmeye-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--sbmeye-glow-gold);\"\u003e\n Order it now, and turn your sleep into a complete treatment and rejuvenation session!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n var reveals = document.querySelectorAll('.sbmeye-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('sbmeye-active');\n observer.unobserve(entry.target); \n }\n });\n }, { root: null, threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('sbmeye-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Generate Ambient Starry Particles\n var ambientContainer = document.getElementById('sbmeye-particles-ar');\n for (var i = 0; i \u003c 25; i++) {\n var particle = document.createElement('div');\n particle.classList.add('sbmeye-particle');\n var size = Math.random() * 30 + 10; \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDuration = (Math.random() * 15 + 15) + 's';\n particle.style.animationDelay = (Math.random() * 10) + 's';\n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999386390702,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream.jpg?v=1788175416"},{"product_id":"the-ordinary-soothing-barrier-support-serum-30-ml","title":"The Ordinary Soothing \u0026 Barrier Support Serum 30 ml","description":"\u003cp\u003eDo you suffer from skin redness and irritation that causes you frustration and loss of self-confidence? In a rapidly changing world, skin may be the first to be affected and suffer from environmental aggressors. Leaving skin irritation untreated can make the problem worse, making it more difficult to restore your skin's balance.\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“Make your skin your shield, not your burden!”\u003c\/h3\u003e\n\u003cp\u003eWith serum \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003eYou have the immediate solution! This serum is not just a treatment, it is your ally in restoring the health of your skin. Its rich formula, which includes vitamin B12, gallic acid derivatives and bisabolol, works to reduce redness and discomfort. In just two hours, it strengthens your skin's barrier and restores its vitality.\u003c\/p\u003e\n\u003ch3\u003e\"Restore your skin's balance with new radiance!\"\u003c\/h3\u003e\n\u003cp\u003eWhen it comes to hydration, the serum provides an instant boost in hydration of up to 86%, leaving you feeling comfortable and hydrated all day long. It also improves skin texture, giving you a smoother and more radiant appearance.\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\u003eHow does the serum work?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRapid restoration of the skin barrier\u003c\/strong\u003e: Thanks to its active ingredients, the serum provides optimal support for the skin barrier, reducing moisture loss and reducing signs of redness and irritation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInstant increase in hydration\u003c\/strong\u003e: The serum provides an immediate increase in skin hydration of up to 86%*, which means your skin will become softer and more refreshed in moments.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNoticeable improvement in appearance\u003c\/strong\u003e: Thanks to its multiple technologies, the serum contributes to improving uneven skin texture, giving you a more radiant appearance.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eKey Active Ingredients to support your skin:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamin B12\u003c\/strong\u003e: It improves the appearance of the skin, reduces dryness and redness, and adds a distinctive pink color to the serum.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGallic acid\u003c\/strong\u003e: It works to soothe irritations and reduce redness associated with environmental factors.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol\u003c\/strong\u003e: An ingredient known for its ability to soothe the skin and reduce redness.\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\u003eScientifically supported benefits:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eImprove skin barrier in 2 hours\u003c\/strong\u003eStudies have shown that the serum helps significantly restore the skin barrier.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMoisturizing that lasts all day\u003c\/strong\u003e: The hydration provided by the serum is not only immediate, but lasts throughout the day.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVisible improvement in skin appearance\u003c\/strong\u003e: Reduce redness and improve skin texture to ensure visible results.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eThe serum \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e It is the ideal choice for anyone who seeks to have healthy and glowing skin. Do not hesitate to use it, especially if you suffer from chronic skin problems or are exposed to frequent irritants.\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\"Because your skin deserves the utmost care!\"\u003c\/h3\u003e\n\u003cp\u003eThis serum is designed to suit all skin types, including sensitive skin. Don't let irritation affect your beauty, and give your skin the care it deserves with \u003cstrong\u003eSoothing \u0026amp; Barrier Support Serum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eExperience the difference today and get ready to make your skin brighter and healthier than ever.\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999386882222,"sku":"INSTA1558CHIQ","price":21.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/the_ordinary_soothing_and_barrier_support_ca2003a6-257b-4c56-a3f9-19fb1b4ca5cf.jpg?v=1788175414"},{"product_id":"somebymi-retinol-trial-kit","title":"SOME BY MI Retinol Intense Trial Kit (Serum 10ml + Cream 10ml)","description":"\u003cdiv dir=\"ltr\"\u003e\n\u003ch3\u003e\u003cstrong\u003eToday's wrinkles are tomorrow's aging – now is the time for change!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eBecause every day that goes without care is a step closer to your skin losing its elasticity and charm.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eThe comprehensive formula for eyes and skin\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eCombine the concentrated power of eye cream and serum for a comprehensive transformation that leaves you with line-free, radiant-smooth skin.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eStep 1: Triple Action Eye Cream\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eWith each application, this cream gives you a complete treatment:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eImprove wrinkles and elasticity:\u003c\/strong\u003e Thanks to retinol and retinal, it promotes collagen production to lift and tighten the skin around the eyes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLighten and correct dark color:\u003c\/strong\u003e Niacinamide restores radiance to your eyes and eliminates the appearance of fatigue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInstant soothing and hydration:\u003c\/strong\u003e The formula enriched with Truecica and Glacial Water gives deep soothing to sensitive skin.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eStep two: serum\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eExperience the retinol revolution concentrated on your skin!\u003cbr\/\u003e\u003cem\u003eThis formula contains the perfect concentration of retinol so you can get the most out of your skin without any irritation or redness.\u003c\/em\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSkin rejuvenation:\u003c\/strong\u003e Retinol supports skin texture by accelerating cell turnover and renewing the skin from the inside out.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eShrink pores and restore smoothness:\u003c\/strong\u003e Thanks to plant collagen and peptides, it refines the appearance of pores while providing deep, lasting hydration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSustainable protection:\u003c\/strong\u003e The blend of vitamins and soothing ingredients ensures radiant, stress-free skin.\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eComprehensive care, amazing results\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eTogether, the cream and serum work in harmony to repair and rejuvenate your skin from the inside out, leaving your eyes and skin soft, elastic, and youthful.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eHow does the duo work to achieve unparalleled results?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eTriple effect eye cream\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eStimulate collagen production:\u003c\/strong\u003e\u003cbr\/\u003eThanks to the combination of retinol and retinal, the cream accelerates the process of skin cell renewal and promotes natural collagen production. This restores elasticity to the skin around the eyes and significantly reduces wrinkles.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eCorrection of dark circles:\u003c\/strong\u003e\u003cbr\/\u003eNiacinamide, known for its superior brightening ability, effectively reduces hyperpigmentation around the eyes, bringing back radiance to your face.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eReduce irritation and redness:\u003c\/strong\u003e\u003cbr\/\u003eTruecica and glacial water ingredients instantly soothe sensitive skin, making it suitable even for stressed skin.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch4\u003e\u003cstrong\u003eSerum \u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eDeep skin rejuvenation:\u003c\/strong\u003e\u003cbr\/\u003eRetinol and retinal promote cell turnover and tissue regeneration, reducing fine lines \u0026amp; wrinkles and significantly improving skin elasticity.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eMultilayer hydration:\u003c\/strong\u003e\u003cbr\/\u003eThanks to hyaluronic acid and peptides, the serum provides deep hydration that penetrates the layers of the skin to replenish its internal hydration.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eImprove skin texture:\u003c\/strong\u003e\u003cbr\/\u003ePlant collagen reduces the appearance of pores, giving skin a smoother and firmer appearance.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eProtecting the skin from environmental stress:\u003c\/strong\u003e\u003cbr\/\u003eThe serum contains soothing ingredients and vitamins that prevent inflammation and maintain skin balance.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eThe perfect harmony between products\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUsing cream and serum together:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEye cream targets the sensitive skin around the eyes with immediate effect.\u003c\/li\u003e\n\u003cli\u003eThe serum comprehensively repairs the skin to improve its texture, moisturize and rejuvenate it.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003eListen to your skin's call today, because tomorrow may bring more lines that are difficult to erase.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eResults aren't just promises, they're reality, proven by wrinkle improvement tests and customer satisfaction. Are you ready for change?\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eStart your journey towards perfect skin now, before the effects of time accumulate and make the road longer.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387177134,"sku":null,"price":17.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1788175413"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Retinol Intense Reactivating Serum | Wrinkle correction serum Restore skin elasticity","description":"\u003cdiv class=\"sbm-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Core Variables (SOME BY MI Identity: Deep Amethyst \u0026 Gold) === *\/\n .sbm-ultimate-wrapper {\n --sbm-bg-dark: #0a0510; \/* Deepest purple-black *\/\n --sbm-bg-darker: #050208;\n --sbm-card-glass: rgba(255, 255, 255, 0.03);\n --sbm-card-hover: rgba(139, 92, 246, 0.08);\n --sbm-primary: #8b5cf6; \/* Vibrant purple *\/\n --sbm-primary-glow: rgba(139, 92, 246, 0.3);\n --sbm-gold: #f59e0b; \/* Accent Gold *\/\n --sbm-gold-glow: rgba(245, 158, 11, 0.25);\n --sbm-gradient-accent: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);\n --sbm-gradient-gold: linear-gradient(135deg, #fcd34d 0%, #b45309 100%);\n --sbm-gradient-bg: linear-gradient(135deg, #2e1065 0%, #0a0510 100%);\n --sbm-text-light: #f8fafc;\n --sbm-text-muted: #cbd5e1;\n --sbm-border: rgba(255, 255, 255, 0.08);\n --sbm-border-highlight: rgba(139, 92, 246, 0.4);\n \n font-family: inherit; \/* Inherits Shopify theme font *\/\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n background-color: var(--sbm-bg-dark);\n color: var(--sbm-text-light);\n border-radius: 24px;\n box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n }\n\n .sbm-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .sbm-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Mobile-Perfect Media Wrappers === *\/\n .sbm-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto 40px;\n display: block;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 30px var(--sbm-primary-glow);\n border: 1px solid var(--sbm-border);\n overflow: hidden;\n }\n\n .sbm-media-wrapper.size-lg { max-width: 850px; }\n .sbm-media-wrapper.size-md { max-width: 600px; }\n\n .sbm-product-media {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n }\n\n .sbm-media-wrapper:hover .sbm-product-media {\n transform: scale(1.03);\n }\n\n \/* === Typography === *\/\n .sbm-title-main {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n line-height: 1.3;\n margin-bottom: 25px;\n letter-spacing: -0.02em;\n text-align: center;\n }\n\n .sbm-title-section {\n font-size: clamp(24px, 4vw, 34px);\n font-weight: 800;\n text-align: center;\n margin-bottom: 20px;\n color: #ffffff;\n position: relative;\n }\n\n .sbm-subtitle {\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--sbm-text-muted);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 40px;\n font-weight: 500;\n }\n\n .sbm-text-purple {\n background: var(--sbm-gradient-accent);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n \n .sbm-text-gold {\n background: var(--sbm-gradient-gold);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n\n .sbm-warning-box {\n background: rgba(245, 158, 11, 0.08);\n border-right: 4px solid var(--sbm-gold);\n padding: 30px;\n border-radius: 16px;\n margin: 40px auto;\n max-width: 850px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n text-align: justify;\n }\n\n .sbm-warning-box p {\n font-size: 1.15rem;\n margin-bottom: 15px;\n color: var(--sbm-text-light);\n }\n .sbm-warning-box p:last-child { margin-bottom: 0; }\n\n \/* === Alternating Sections === *\/\n .sbm-section { padding: 80px 0; position: relative; }\n \n .sbm-theme-dark { background-color: var(--sbm-bg-dark); }\n .sbm-theme-darker { background-color: var(--sbm-bg-darker); border-top: 1px solid var(--sbm-border); border-bottom: 1px solid var(--sbm-border); }\n .sbm-theme-gradient { background: var(--sbm-gradient-bg); }\n\n \/* Ambient Glows *\/\n .sbm-ambient {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n }\n .sbm-glow {\n position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.5;\n }\n .sbm-glow-1 { width: 500px; height: 500px; background: rgba(139, 92, 246, 0.15); top: -100px; right: -150px; }\n .sbm-glow-2 { width: 600px; height: 600px; background: rgba(245, 158, 11, 0.1); bottom: 10%; left: -200px; }\n\n \/* === Grids \u0026 Glass Cards === *\/\n .sbm-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n .sbm-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n .sbm-card {\n background: var(--sbm-card-glass);\n backdrop-filter: blur(10px);\n border: 1px solid var(--sbm-border);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n transition: all 0.4s ease;\n }\n\n .sbm-card:hover {\n transform: translateY(-8px);\n background: var(--sbm-card-hover);\n border-color: var(--sbm-border-highlight);\n box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--sbm-primary-glow);\n }\n\n .sbm-icon-badge {\n width: 55px; height: 55px;\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--sbm-border);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--sbm-gold);\n font-size: 22px; font-weight: 900;\n transition: 0.4s ease;\n font-family: system-ui, sans-serif;\n }\n\n .sbm-card:hover .sbm-icon-badge {\n background: var(--sbm-gradient-gold);\n color: #000;\n transform: scale(1.1) rotate(5deg);\n border-color: transparent;\n }\n\n .sbm-card h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n .sbm-card p { font-size: 1.05rem; color: var(--sbm-text-muted); margin: 0; }\n\n \/* === Interactive Wrinkle Accordion === *\/\n .sbm-accordion { margin: 40px auto; max-width: 850px; }\n \n .sbm-acc-item {\n background: var(--sbm-card-glass);\n border: 1px solid var(--sbm-border);\n border-radius: 16px;\n margin-bottom: 15px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .sbm-acc-item:hover { border-color: rgba(139, 92, 246, 0.3); }\n .sbm-acc-item.active { border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.3); }\n\n .sbm-acc-header {\n padding: 20px 25px;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n }\n\n .sbm-acc-num {\n width: 35px; height: 35px;\n display: flex; align-items: center; justify-content: center;\n background: var(--sbm-gradient-accent);\n color: #fff;\n border-radius: 10px;\n margin-left: 20px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n }\n .sbm-acc-item.active .sbm-acc-num { background: var(--sbm-gradient-gold); color: #000; }\n\n .sbm-acc-title { font-size: 1.2rem; font-weight: 800; color: #fff; flex-grow: 1; }\n\n .sbm-acc-icon {\n width: 20px; height: 20px; position: relative;\n }\n .sbm-acc-icon::before, .sbm-acc-icon::after {\n content: ''; position: absolute; background: var(--sbm-text-muted); transition: 0.3s;\n }\n .sbm-acc-icon::before { width: 2px; height: 16px; top: 2px; left: 9px; }\n .sbm-acc-icon::after { width: 16px; height: 2px; top: 9px; left: 2px; }\n .sbm-acc-item.active .sbm-acc-icon::before { transform: rotate(90deg); opacity: 0; }\n .sbm-acc-item.active .sbm-acc-icon::after { background: var(--sbm-primary); }\n\n .sbm-acc-body {\n max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;\n padding: 0 25px;\n }\n .sbm-acc-item.active .sbm-acc-body {\n padding: 0 25px 25px 25px; max-height: 300px;\n }\n\n .sbm-acc-desc { color: var(--sbm-text-muted); font-size: 1.05rem; margin-bottom: 15px; }\n .sbm-acc-ing {\n background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; border-right: 3px solid var(--sbm-primary);\n color: #fff; font-size: 1rem;\n }\n\n \/* === Clean Lists === *\/\n .sbm-list { list-style: none; padding: 0; margin-top: 20px; }\n .sbm-list li {\n position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--sbm-text-light); font-size: 1.05rem;\n }\n .sbm-list li::before {\n content: '✓'; position: absolute; right: 0; top: 0; color: var(--sbm-primary); font-weight: 900; font-size: 1.2rem;\n }\n \n .sbm-list.gold-checks li::before { color: var(--sbm-gold); }\n\n \/* === Usage Steps === *\/\n .sbm-steps {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px;\n }\n .sbm-step {\n background: var(--sbm-card-glass); border: 1px solid var(--sbm-border); padding: 30px 20px;\n border-radius: 16px; text-align: center; position: relative;\n }\n .sbm-step-num {\n width: 50px; height: 50px; margin: 0 auto 15px; background: var(--sbm-gradient-accent);\n color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 1.4rem; font-weight: 900; box-shadow: 0 5px 15px var(--sbm-primary-glow);\n font-family: system-ui, sans-serif;\n }\n .sbm-step h4 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }\n .sbm-step p { color: var(--sbm-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n \/* === Animations === *\/\n .sbm-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .sbm-reveal.sbm-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .sbm-section { padding: 50px 0; }\n .sbm-media-wrapper { border-radius: 12px; }\n .sbm-title-main { font-size: 2rem; }\n .sbm-acc-header { padding: 15px; }\n }\n \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\" style=\"padding-top: 50px;\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"sbm-title-main sbm-reveal\"\u003eSOME BY MI Rejuvenating Retinol Serum\u003cbr\/\u003e\u003cspan class=\"sbm-text-gold\"\u003eWrinkles are not just lines... they are a call for help!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n This serum does not provide temporary solutions, but rather creates radical changes at the cellular level to restore the vitality and freshness of the skin that has been damaged over time.\n \u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-2\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Reactivating Serum\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum_2.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-warning-box sbm-reveal\"\u003e\n\u003cp\u003eOver time, you become... \u003cstrong class=\"sbm-text-gold\"\u003eFine Lines \u0026amp; Wrinkles\u003c\/strong\u003e Warning signs that the skin is losing its natural ability to regenerate. These annoying signs will not simply disappear, but rather require advanced scientific intervention to prevent the effects of aging from controlling facial features.\u003c\/p\u003e\n\u003cp style=\"text-align: center; color: var(--sbm-gold); font-weight: 800; margin-top: 20px; font-size: 1.25rem;\"\u003e\n Early intervention is the secret to restoring youthful and vibrant skin.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. WRINKLE TYPES ACCORDION (Gradient Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-gradient\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eHighly specialized formula for all types of wrinkles\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eThe ingredients in this serum do not only work on surface treatment, but also target every type of wrinkle with a customized mechanism.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-md sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Targeting Wrinkles\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Accordion --\u003e\n\u003cdiv class=\"sbm-accordion sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eDynamic wrinkles\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eIt appears as a result of repeated facial movements such as a constant smile or frown.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eBakuchiol and retinol:\u003c\/span\u003e They stimulate collagen production from within, effectively reducing the appearance and depth of these wrinkles.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eExpression wrinkles\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eThey are formed and consolidated due to repetitive facial expressions and stress.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eNiacinamide:\u003c\/span\u003e It improves overall skin elasticity, reducing the severity of these wrinkles and preventing their stability.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eForehead wrinkles\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eThey appear occasionally and clearly due to the continuous loss of collagen in this area.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eCollagen and comfrey:\u003c\/span\u003e They contribute to strengthening the skin’s supportive structure and filling wrinkles in this particular area.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eFine Lines\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eFine lines appear early and are often due to severe dryness and a weak protective barrier.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eTocopherol and panthenol:\u003c\/span\u003e They provide deep hydration that locks in moisture, plumping the skin and instantly concealing those lines.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. INGREDIENTS GRID (Darker Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-darker\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eRetinol is the skin's shield against aging factors\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eThis serum works to restore vitality and elasticity that has been lost over time thanks to scientifically studied active ingredients.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"Serum Ingredients\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.png?v=1745760661\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-grid-3 sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e01\u003c\/div\u003e\n\u003ch3\u003ePure retinol\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eRenews skin cells and improves their surface appearance.\u003c\/li\u003e\n\u003cli\u003eStimulates the production of collagen and elastin from within.\u003c\/li\u003e\n\u003cli\u003eReduces pigmentation and unifies skin tone.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-1\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eBakuchiol\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eThe natural and safe alternative to retinol.\u003c\/li\u003e\n\u003cli\u003ePowerful antioxidant that protects against environmental damage.\u003c\/li\u003e\n\u003cli\u003eGently reduces wrinkles and fine lines.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-2\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eElastic-Liposome technology\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eIntelligent packaging delivers ingredients to deeper layers.\u003c\/li\u003e\n\u003cli\u003eImproves absorption of active ingredients without wastage.\u003c\/li\u003e\n\u003cli\u003ePrevents surface irritation and increases the effectiveness of the ingredients.\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!-- 4. USAGE STEPS (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eHow to Use (safe and effective routine)\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eSimple steps to introduce retinol into your care routine effectively and safely.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Results\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-Retinol-Intense-Reactivating-Serum.jpg?v=1745761071\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-steps sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eFacial cleaning\u003c\/h4\u003e\n\u003cp\u003eGently cleanse the skin using a suitable cleanser to remove impurities and prepare pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eToner application\u003c\/h4\u003e\n\u003cp\u003eIt is preferable to use a moisturizing toner to prepare the skin and make it more able to absorb the serum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eThe right amount\u003c\/h4\u003e\n\u003cp\u003eDistribute a very small amount (pea-sized) onto fingertips to prevent excess.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eDistribute gently\u003c\/h4\u003e\n\u003cp\u003eGently spread the serum on the face, focusing on areas of wrinkles and fine lines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\" style=\"grid-column: 1 \/ -1; border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05);\"\u003e\n\u003cdiv class=\"sbm-step-num\" style=\"width: 40px; height: 40px; font-size: 1.2rem; margin-bottom: 10px;\"\u003e5\u003c\/div\u003e\n\u003ch4 style=\"color: var(--sbm-primary);\"\u003eGradual use (very important)\u003c\/h4\u003e\n\u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003ePlease start using the serum only once or twice a week (at night). Then gradually increase the frequency according to skin tolerance. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eSunscreen should be used during the day.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ 1. Scroll Reveal Animation\n const reveals = document.querySelectorAll('.sbm-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('sbm-active');\n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(el =\u003e observer.observe(el));\n\n \/\/ 2. Premium 3D Tilt Effect\n if (window.matchMedia(\"(hover: hover)\").matches) {\n const tiltCards = document.querySelectorAll('.sbm-media-wrapper');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.sbm-product-media');\n card.addEventListener('mousemove', e =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n \n const rotateX = ((y - centerY) \/ centerY) * -4;\n const rotateY = ((x - centerX) \/ centerX) * 4;\n \n media.style.transform = `scale(1.03) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n });\n\n card.addEventListener('mouseleave', () =\u003e {\n media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n });\n });\n }\n\n \/\/ 3. Accordion Logic\n const accItems = document.querySelectorAll('.sbm-acc-header');\n accItems.forEach(item =\u003e {\n item.addEventListener('click', function() {\n const parent = this.parentElement;\n const isActive = parent.classList.contains('active');\n \n \/\/ Close all\n document.querySelectorAll('.sbm-acc-item').forEach(child =\u003e {\n child.classList.remove('active');\n });\n \n \/\/ Open clicked if it wasn't active\n if (!isActive) {\n parent.classList.add('active');\n }\n });\n });\n\n \/\/ Open first accordion item by default\n if(accItems.length \u003e 0) {\n setTimeout(() =\u003e {\n accItems[0].parentElement.classList.add('active');\n }, 500);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387766958,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_reactivating_serum_caff1239-261d-443e-a421-72a340ad82ca.jpg?v=1788175412"},{"product_id":"cosrx-advanced-snail-96-mucin","title":"COSRX Advanced Snail 96 Mucin Power Essence, 100ml | Snail generation","description":"\u003cdiv class=\"cs-ultimate-container\" dir=\"ltr\" id=\"cosrx-snail-dossier\"\u003e\n\u003cstyle\u003e\n \/* ==========================================================================\n COSRX ADVANCED SNAIL 96 MUCIN POWER ESSENCE - SIMPLIFIED BENEFIT-DRIVEN COPY\n System Fonts Only (Zero External Webfont Imports)\n ========================================================================== *\/\n\n .cs-ultimate-container {\n --cs-bg-base: #050403;\n --cs-bg-surface: #0c0906;\n --cs-bg-card: rgba(18, 14, 10, 0.92);\n --cs-bg-card-hover: rgba(28, 22, 14, 0.98);\n\n \/* Styles *\/\n --cs-neon-gold: #ffd24a;\n --cs-amber-accent: #f5c518;\n --cs-neon-mint: #00e5a3;\n --cs-glow-gold: rgba(255, 210, 74, 0.45);\n --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n --cs-text-pure: #ffffff;\n --cs-border: rgba(245, 197, 24, 0.25);\n --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n background-color: var(--cs-bg-base);\n color: var(--cs-text-pure);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n width: 100%;\n max-width: 100%;\n position: relative;\n padding: 40px 0;\n border-radius: 24px;\n box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n }\n\n .cs-ultimate-container * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-gold {\n color: var(--cs-neon-gold) !important;\n text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n font-weight: 900;\n }\n\n .neon-mint {\n color: var(--cs-neon-mint) !important;\n text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n \/* Styles *\/\n .cs-ultimate-container img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 18px;\n display: block;\n margin-left: auto !important;\n margin-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(245, 197, 24, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .cs-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .cs-container {\n max-width: 940px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n .cs-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .cs-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.32;\n animation: csOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .cs-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(245, 197, 24, 0.22) 0%, transparent 70%);\n top: -100px; right: -120px;\n }\n\n .cs-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(0, 229, 163, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -140px;\n animation-delay: -6s;\n }\n\n @keyframes csOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .cs-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(245, 197, 24, 0.45);\n word-wrap: break-word;\n }\n\n .cs-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .cs-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--cs-glow-gold);\n letter-spacing: 0.5px;\n }\n\n .cs-gold-dot {\n width: 8px; height: 8px;\n background: var(--cs-neon-gold);\n border-radius: 50%;\n box-shadow: 0 0 10px var(--cs-neon-gold);\n display: inline-block;\n }\n\n .cs-sub-text {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--cs-amber-accent);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.08));\n border-radius: 12px 0 0 12px;\n text-align: left;\n }\n\n .cs-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-amber-accent), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.92), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .cs-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-icon-wrap {\n width: 52px; height: 52px;\n background: rgba(8, 6, 4, 0.9);\n border: 1.5px solid rgba(245, 197, 24, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 16px;\n color: var(--cs-neon-gold);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(245, 197, 24, 0.15);\n flex-shrink: 0;\n }\n\n .cs-card:hover .cs-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--cs-amber-accent);\n color: #050403;\n border-color: transparent;\n box-shadow: 0 0 25px var(--cs-neon-gold);\n }\n\n .cs-icon-wrap svg {\n width: 26px; height: 26px;\n }\n\n .cs-card h3 {\n font-size: 1.25rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .cs-card p {\n color: #ffffff;\n font-size: 1rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.14);\n border: 1px solid var(--cs-amber-accent);\n color: var(--cs-neon-gold);\n padding: 5px 14px;\n border-radius: 8px;\n font-size: 0.92rem;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 0 12px rgba(245, 197, 24, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .cs-ingredient-tag.mint {\n background: rgba(0, 229, 163, 0.14);\n border-color: var(--cs-neon-mint);\n color: var(--cs-neon-mint);\n box-shadow: 0 0 12px rgba(0, 229, 163, 0.25);\n }\n\n .cs-glass-box {\n background: var(--cs-bg-card);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--cs-border);\n border-radius: 20px;\n padding: 35px 25px;\n margin: 35px auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n position: relative;\n max-width: 880px;\n width: 100%;\n }\n\n .cs-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-neon-mint), transparent);\n }\n\n .cs-glass-box p, \n .cs-glass-box li {\n color: #ffffff;\n font-size: 1.12rem;\n font-weight: 600;\n line-height: 1.85;\n }\n\n .cs-dilemma-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .cs-dilemma-card {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--cs-border);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-dilemma-card.conflict {\n border-right: 4.5px solid #ff4444;\n background: linear-gradient(145deg, rgba(35, 10, 12, 0.85), rgba(12, 4, 6, 0.95));\n }\n\n .cs-dilemma-card.harmony {\n border-right: 4.5px solid var(--cs-neon-gold);\n background: linear-gradient(145deg, rgba(28, 22, 12, 0.85), rgba(12, 10, 6, 0.95));\n }\n\n .cs-dilemma-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 10px;\n line-height: 1.4;\n }\n\n .cs-dilemma-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-spa-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: left;\n }\n\n .cs-spa-card {\n background: linear-gradient(145deg, rgba(24, 18, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-right: 4.5px solid var(--cs-amber-accent);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-spa-card:hover {\n transform: translateY(-5px);\n border-right-color: var(--cs-neon-gold);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(245, 197, 24, 0.2);\n }\n\n .cs-spa-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 8px;\n line-height: 1.4;\n }\n\n .cs-spa-card p {\n color: #ffffff;\n font-size: 0.96rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-science-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-science-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.94), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n text-align: left;\n transition: all 0.4s ease;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-width: 0;\n }\n\n .cs-science-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-science-card h4 {\n font-size: 1.3rem;\n color: #ffffff;\n font-weight: 900;\n margin-bottom: 6px;\n }\n\n .cs-science-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n margin-bottom: 14px;\n }\n\n .cs-science-card ul {\n list-style: none;\n padding: 0;\n }\n\n .cs-science-card li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 8px;\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n .cs-science-card li::before {\n content: '✓';\n position: absolute;\n right: 0; top: 0;\n color: var(--cs-neon-gold);\n font-weight: 900;\n }\n\n .cs-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-stat-box {\n background: rgba(18, 14, 10, 0.9);\n border: 1.5px solid var(--cs-border);\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-stat-box:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .cs-stat-num {\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .cs-stat-title {\n color: #ffffff;\n font-size: 1.08rem;\n font-weight: 800;\n margin-bottom: 4px;\n }\n\n .cs-stat-desc {\n color: #ffffff;\n font-size: 0.85rem;\n opacity: 0.95;\n line-height: 1.5;\n }\n\n .cs-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-timeline-card {\n background: rgba(18, 14, 10, 0.88);\n border: 1px solid var(--cs-border);\n border-top: 4px solid var(--cs-neon-gold);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: left;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--cs-neon-mint);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-timeline-badge {\n display: inline-block;\n background: rgba(245, 197, 24, 0.14);\n color: var(--cs-neon-gold);\n font-weight: 900;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n font-size: 0.9rem;\n border: 1px solid var(--cs-border);\n white-space: nowrap;\n }\n\n .cs-timeline-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-value-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: left;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-value-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .cs-value-num {\n width: 44px; height: 44px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin-bottom: 14px;\n }\n\n .cs-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .cs-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .cs-step-card {\n background: rgba(18, 14, 10, 0.85);\n border: 1.5px dashed var(--cs-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-step-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2b220e, #0c0a06);\n border: 2px solid var(--cs-amber-accent);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-step-card h4 {\n color: var(--cs-neon-gold);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .cs-step-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--cs-amber-accent), #ffe680, var(--cs-amber-accent));\n color: #000000 !important;\n padding: 16px 48px;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 900;\n font-size: 1.25rem;\n box-shadow: 0 8px 30px rgba(245, 197, 24, 0.35);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n margin-top: 25px;\n }\n\n .cs-gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 40px rgba(255, 210, 74, 0.6);\n background: linear-gradient(135deg, #ffffff, var(--cs-neon-gold));\n }\n\n .cs-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .cs-reveal.cs-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .cs-delay-1 { transition-delay: 0.12s; }\n .cs-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .cs-ultimate-container { padding: 25px 0; }\n .cs-container { padding: 0 14px !important; }\n .cs-glass-box { padding: 22px 14px !important; }\n .cs-img-md { max-width: 100% !important; }\n\n .cs-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .cs-benefits-grid .cs-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap svg {\n width: 20px !important;\n height: 20px !important;\n }\n\n .cs-benefits-grid .cs-card h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .cs-benefits-grid .cs-ingredient-tag {\n font-size: 0.72rem !important;\n padding: 3px 6px !important;\n margin-bottom: 6px !important;\n line-height: 1.25 !important;\n border-radius: 6px !important;\n }\n\n .cs-benefits-grid .cs-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n .cs-dilemma-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-spa-card h4 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.35 !important;\n }\n\n .cs-spa-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-dilemma-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-dilemma-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 6px !important;\n }\n\n .cs-dilemma-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-science-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-science-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 2px !important;\n }\n\n .cs-science-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-card li {\n font-size: 0.74rem !important;\n padding-right: 16px !important;\n }\n\n .cs-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-stat-num {\n font-size: 30px !important;\n }\n\n .cs-stat-title {\n font-size: 0.85rem !important;\n }\n\n .cs-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .cs-timeline-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-value-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-title-glow { font-size: 24px; }\n .cs-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\n\u003cdiv class=\"cs-ambient-bg\"\u003e\n\u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cheader class=\"cs-reveal cs-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"cs-badge\"\u003e\n\u003cspan class=\"cs-gold-dot\"\u003e\u003c\/span\u003e The world's No. 1 miracle serum for skin rejuvenation\n \u003c\/div\u003e\n\u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eThe secret to clear skin is like pimples and treating the effects of pimples that has gone crazy in the world\u003c\/h2\u003e\n\u003ch1 class=\"cs-title-glow\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h1\u003e\n\u003cp class=\"cs-sub-text pure-white\"\u003e\n Imagine one product that treats dryness, erases the effects of pimples, and gives you freshness from the first use! Thanks to concentration \u003cstrong class=\"neon-gold\"\u003e96.3% pure snail extract\u003c\/strong\u003eYour skin will drink moisture and be renewed from within, without any greasy or sticky feel.\n \u003c\/p\u003e\n\u003c!-- Hero Product Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/corsx_advanced_music_snail_power_essence_3_eb53c868-f156-48b5-ad8f-5032a08bfec7.png\"\/\u003e\n\u003c\/div\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#cs-buy\" onclick=\"document.getElementById('cs-buy').scrollIntoView({behavior: 'smooth'}); return false;\"\u003eStart your skin glow journey now\u003c\/a\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 1.5. Fun Fact Hook: Global Luxury Snail Spas --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv class=\"cs-badge\" style=\"border-color: var(--cs-neon-mint); background: rgba(0, 229, 163, 0.12);\"\u003e\n\u003cspan class=\"cs-gold-dot\" style=\"background: var(--cs-neon-mint); box-shadow: 0 0 10px var(--cs-neon-mint);\"\u003e\u003c\/span\u003e Cosmetic information that not everyone knows\n \u003c\/div\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003eWhy do the most expensive beauty salons in the world use snails?\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eLet me tell you why rich people pay hundreds of dollars per session..\u003c\/p\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.85; margin-bottom: 20px;\"\u003e\n In the most famous luxury beauty centers around the world, they noticed that snail farm workers have very soft hands and are completely free of wrinkles and wounds, and they ache at a strange speed! Hence, the skin treatment sessions with snails began.\n \u003c\/p\u003e\n\u003cdiv class=\"cs-spa-grid\"\u003e\n\u003cdiv class=\"cs-spa-card\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eThe secret of instant freshness\u003c\/h4\u003e\n\u003cp\u003eSnail secretions treat skin damage very quickly, and restore the elasticity and natural shine that you see in the skin of celebrities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eA natural alternative to collagen\u003c\/h4\u003e\n\u003cp\u003eThis secretion is full of vitamins and substances that tighten the face and reduce wrinkles and fine lines, as if you had made a natural filter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eHe treats himself\u003c\/h4\u003e\n\u003cp\u003eThe snail secretes this substance to treat its wounds in minutes.. So imagine what this substance will do to the pimples and scars that are about to occur!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eCosrx brought the spa to you\u003c\/h4\u003e\n\u003cp\u003eInstead of spending thousands of dollars in one session, Cosrx has put the pure and sterile extract in a bottle that you can use every day in your home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. The Problem: The Barrier \u0026 Aging Dilemma Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003eWhy don't regular moisturizers work for you?\u003c\/h2\u003e\n\u003cdiv class=\"cs-glass-box\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px; text-align: left;\"\u003e\n Regular moisturizers sit on the outside of the skin, but when your skin is stressed and has pimple marks, you need \u003cstrong class=\"neon-gold\"\u003ePowerful nutrition that penetrates deep into the skin\u003c\/strong\u003e:\n \u003c\/p\u003e\n\u003cdiv class=\"cs-dilemma-grid\"\u003e\n\u003cdiv class=\"cs-dilemma-card conflict\"\u003e\n\u003ch4 style=\"color: #ff5555;\"\u003eTraditional moisturizers\u003c\/h4\u003e\n\u003cp\u003eIt moisturizes only from the outside, and can clog pores and cause pimples, and as soon as you wash, the dryness will return again, as if you did nothing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eSnail essence 96%\u003c\/h4\u003e\n\u003cp\u003eIt enters the layers of the skin in seconds, treats dryness from its roots, fills lines and repairs damaged skin, giving your hands real, lasting freshness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Comprehensive Benefits Grid --\u003e\n\u003csection class=\"cs-reveal\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eDirect biological benefits of the product\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eWhat will essence drops do to your skin?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n Every result you see in the mirror has a powerful and effective natural ingredient behind it:\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eIt erases the effects of pimples and scars\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eSnail extract 96.3%\u003c\/div\u003e\n\u003cp\u003eA quick treatment for the pits and traces of old pimples, so that they come back clear, with a smooth texture, and free of any blemishes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eInstant plumping and moisturizing of the face\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003ePure hyaluronic acid\u003c\/div\u003e\n\u003cp\u003eIt draws water into the skin to fill in fine lines and give your hands a full, healthy and hydrated appearance all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a9 9 0 0 1 9 9c0 4.97-4.03 9-9 9A9 9 0 0 1 3 11a9 9 0 0 1 9-9z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 22V12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eIt relieves redness and inflammation\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eSoothing panthenol\u003c\/div\u003e\n\u003cp\u003eIf your skin is sensitive or inflamed from the sun or pimples, it will soothe it and eliminate any redness or itching in a few minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eIt tightens the skin and prevents wrinkles\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eNatural collagen\u003c\/div\u003e\n\u003cp\u003eIt strengthens your skin and restores its elasticity, making it firmer and youthful, and delays the appearance of signs of aging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eLighten and unify the color of the face\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eNatural cell regeneration\u003c\/div\u003e\n\u003cp\u003eIt removes dullness and exfoliates dead cells very gently, thus brightening and returning it to its natural, uniform color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eDeep nourishment for pores\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eNourishing vitamins\u003c\/div\u003e\n\u003cp\u003eIt delivers vitamins to the deepest layers of the skin, making it healthy and resistant to new problems and pimples.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Simplified Science Section --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eThe secret behind the product\u003c\/h3\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003eHow does this essence treat your skin?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Science Visual Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Science behind COSRX Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_snail_treatment.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-science-grid\"\u003e\n\u003c!-- BIO 01 --\u003e\n\u003cdiv class=\"cs-science-card\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-gold\"\u003e1. Regeneration of damaged cells\u003c\/h4\u003e\n\u003cp\u003eThe snail formula signals to your skin cells that they are building new collagen quickly, and this is what makes the pimples heal and the skin returns smooth and tight in record time.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eIt speeds up the healing of old and new pimples.\u003c\/li\u003e\n\u003cli\u003eIt makes the skin return to its natural elasticity.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIO 02 --\u003e\n\u003cdiv class=\"cs-science-card cs-delay-1\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-mint\"\u003e2. Moisturizing does not evaporate\u003c\/h4\u003e\n\u003cp\u003eCombining snail extract with hyaluronic acid creates a protective shield that traps water inside, so it stays dewy and shiny all day long, no matter how dry the weather is or whether you're in air conditioning.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eYour skin drinks it up in seconds and it doesn't clean your pores.\u003c\/li\u003e\n\u003cli\u003eShine and freshness that stays with you all day.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Clinical Numerical Results Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv style=\"margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eResults in numbers\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eReal numbers from girls' experiences around the world\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stats-grid\"\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-mint\"\u003e+74%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eInstant hydration and softness\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eFrom the first touch on your skin\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e-68%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eReduction in the effects of pills\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eAfter 4 weeks of use\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e+82%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eStrengthening the skin barrier\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eStronger protection against new pimples\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e96.3%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eNatural purity percentage\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eThe highest percentage of snail extract in the world\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e4.8 \/ 5\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eExcellent rating\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eWith millions of real experiences\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eJourney of change\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eWhat will happen to your skin after you use it?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-grid\"\u003e\n\u003cdiv class=\"cs-timeline-card\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eFrom the first use\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eInstant softness and shine\u003c\/h4\u003e\n\u003cp\u003eYour skin drinks it up in seconds, there is no stickiness, and the texture is about to remain very smooth and luminous throughout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003eThe first week\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eCalm and comfort the skin\u003c\/h4\u003e\n\u003cp\u003eThe redness disappears, and the crusts or dryness around the mouth and nostrils disappear completely.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-amber-accent); border-color: var(--cs-amber-accent);\"\u003eThe third week\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eLighten the effects of pimples\u003c\/h4\u003e\n\u003cp\u003eDark spots begin to lighten, the skin texture becomes more even, and fine lines are greatly reduced.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eThe second month and counting\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eClear skin like Azaz\u003c\/h4\u003e\n\u003cp\u003eLasting freshness, a strong skin barrier, and confidence that will allow you to do without makeup and enjoy your natural beauty!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eThe most affordable and smartest choice for your beauty\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eSavings and benefits that are sure to save you a lot of products\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Value Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"COSRX Snail Mucin Value\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-grid\"\u003e\n\u003cdiv class=\"cs-value-card\"\u003e\n\u003cdiv class=\"cs-value-num\"\u003e100\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eA large size that will last for months\u003c\/h3\u003e\n\u003cp\u003eThe 100 ml package is enough for 3 to 5 months of daily use. Just two drops are enough for the entire face and neck.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-gold); border-color: var(--cs-neon-gold);\"\u003e2in1\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eIt saves you your money and time\u003c\/h3\u003e\n\u003cp\u003eI don't have to buy a moisturizing serum and another serum to treat pimples...both in one very powerful bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003e100%\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eVery natural and safe\u003c\/h3\u003e\n\u003cp\u003eWithout irritating odors or alcohol, it dries and is easily extracted. It is extracted without any harm to snails, and is suitable for sensitive skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003eHow to Use for quick results\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003eSimple steps so that your skin benefits from every drop\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-steps-grid\"\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eCleanser and toner\u003c\/h4\u003e\n\u003cp\u003eWash your face, apply toner, and leave your skin a little fresh so that the essence absorbs better and faster.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eJust two points\u003c\/h4\u003e\n\u003cp\u003ePut one or two generous pressures on your hand, and distribute them gently on your neck and neck.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eLight plumpness\u003c\/h4\u003e\n\u003cp\u003eApply it very comfortably until your skin absorbs it all, then apply your normal moisturizing cream.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"margin-top: 30px; text-align: center;\"\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px;\"\u003eExpert advice for the magical result:\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-mint\"\u003eThe secret is in the water!\u003c\/strong\u003e Always apply it while your skin is slightly damp, never on completely dry skin. This allows the hyaluronic acid and snail extract to draw water deep into your cells and double the hydration and freshness in a way you would not believe!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Technical INCI List --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"direction: ltr; text-align: left; word-break: break-word;\"\u003e\n\u003ch3 style=\"color: var(--cs-amber-accent); margin-bottom: 14px; font-size: 1.2rem; direction: ltr; text-align: left; font-weight: 800;\"\u003e\n List of ingredients (INCI)\n \u003c\/h3\u003e\n\u003cp style=\"font-family: monospace; font-size: 0.9rem; line-height: 1.8; color: #ffffff;\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eSnail Secretion Filtrate (96.3%)\u003c\/strong\u003e, Betaine, Butylene Glycol, 1,2-Hexanediol, \u003cstrong class=\"neon-gold\"\u003eSodium Hyaluronate (1,000 ppm)\u003c\/strong\u003e, Panthenol, \u003cstrong class=\"neon-mint\"\u003eAllantoin\u003c\/strong\u003e, Phenoxyethanol, Ethyl Hexanediol, Carbomer, \u003cstrong class=\"neon-gold\"\u003eArginine\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003cdiv style=\"margin-top: 14px; text-align: left; direction: ltr;\"\u003e\n\u003cp style=\"color: #ffffff; font-size: 0.9rem; font-weight: 600;\"\u003e\n * 100% pure formula that is completely free of synthetic fragrances, harsh alcohol, parabens, and mineral oils. Ideal for All Skin Types, even sensitive and acne-prone.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10. Final High-Converting CTA --\u003e\n\u003csection class=\"cs-reveal\" id=\"cs-buy\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(20, 16, 12, 0.95) 0%, rgba(6, 4, 3, 0.98) 100%); border-radius: 24px; border: 2px solid var(--cs-amber-accent); box-shadow: 0 20px 60px rgba(245, 197, 24, 0.25);\"\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003eOrder the original essence now\u003c\/p\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n Give your skin a chance to be seriously renewed and enlightened again\n \u003c\/h2\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 25px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/corsx_advanced_music_snail_power_essence_3.jpg\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003e\n Instead of wasting your money on superficial moisturizing creams that leave scars and dryness as they are, try the power of pure snail extract, which has changed the appearance of the skin of millions of girls around the world.\n \u003c\/p\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eOrder it now and start the routine\u003c\/a\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const reveals = document.querySelectorAll('.cs-reveal');\n \n const observerOptions = {\n root: null,\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n };\n\n const scrollObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('cs-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e\n```eof\n","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388061870,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_mucin_egypt_9f64243e-d68b-48dc-ab45-cd28c4d04562.jpg?v=1788175411"},{"product_id":"cosrx-hyaluronic3","title":"Cosrx Hyaluronic Acid 3% | Ceramides | Natural moisturizing factors | Skin moisturizer | Wrinkle filler","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: ltr;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 1.9rem;\n text-align: left;\n }\n\n .product-description h3 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n }\n\n .product-description ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 0.8em;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .feature-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n \/* Info blocks *\/\n .info-block {\n background: #fcfcfc;\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n border-right: 4px solid #ebebeb;\n transition: transform 0.3s ease;\n }\n\n .info-block:hover {\n transform: translateX(-5px);\n }\n\n .info-title {\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: bold;\n font-size: 1.3rem;\n }\n\n \/* Highlight block *\/\n .highlight-block {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n text-align: center;\n }\n\n .highlight-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Illustration *\/\n .penetration-chart {\n width: 100%;\n height: 250px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n padding: 20px;\n margin: 30px 0;\n position: relative;\n }\n\n .skin-layers {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n .skin-layer {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n position: relative;\n }\n\n .epidermis {\n background: linear-gradient(to bottom, #f7d6c3, #e6c3b0);\n border-radius: 8px 8px 0 0;\n }\n\n .dermis {\n background: linear-gradient(to bottom, #e6c3b0, #d5a997);\n }\n\n .hypodermis {\n background: linear-gradient(to bottom, #d5a997, #c1937f);\n border-radius: 0 0 8px 8px;\n }\n\n .penetration-arrow {\n position: absolute;\n top: 10%;\n right: 50%;\n height: 80%;\n width: 4px;\n background: #9C8102;\n z-index: 2;\n }\n\n .penetration-arrow::before {\n content: '';\n position: absolute;\n bottom: -10px;\n right: -8px;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 15px solid #9C8102;\n }\n\n .penetration-label {\n position: absolute;\n top: 50%;\n right: 30%;\n transform: translateY(-50%);\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n }\n\n .layer-label {\n position: absolute;\n right: 10px;\n color: #333;\n font-weight: bold;\n }\n\n \/* Usage steps *\/\n .usage-steps {\n margin: 2em 0;\n }\n\n .step {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n transition: transform 0.3s ease;\n }\n\n .step:hover {\n transform: translateX(-5px);\n }\n\n .step-number {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\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-text {\n flex-grow: 1;\n }\n\n \/* Call to action *\/\n .cta-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-title {\n color: black;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_2.webp?v=1745676258\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eThe dehydration challenge starts here: hydrated, firm, and glowing skin\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eYour skin is crying out to lose its freshness, and every day that passes without treatment makes the problem deeper and more difficult to reverse.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eDid you know that premature wrinkles are not just a natural change? Rather, it is evidence of a deterioration in your skin's vital moisture barrier. These lines are not just passing marks; They are warnings that your skin is starting to lose its ability to retain moisture and elasticity. With each day that passes without effective moisturizing, these marks become deeper and more difficult to treat. Remember, wrinkles begin to appear when the skin lacks proper care; Any lack of hydration can turn into lines and wrinkles that do not disappear easily. Give your skin the strength it needs with hyaluronic acid, and restore its vitality before it is too late.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Application\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_1.webp?v=1745676253\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eAn innovation that goes beyond traditional moisturizers:\u003c\/h3\u003e\n\u003cp\u003eMost products just moisturize, but this serum works as:\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eA natural reformer\u003c\/div\u003e\n\u003cp\u003eRestores the skin's protective barrier, making it stronger and more resistant to damage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eSkin texture improver\u003c\/div\u003e\n\u003cp\u003eRemoves rough skin texture leaving it silky smooth after the first use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eFights chronic dehydration\u003c\/div\u003e\n\u003cp\u003eTreats dryness at its roots while providing long-lasting protection that lasts for hours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eA luxurious feel with every use:\u003c\/h3\u003e\n\u003cp\u003eIts unique texture is unlike any product you've tried before. The formula is light, absorbs easily, but envelops your skin in a blanket of softness and comfort that lasts all day.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Close Up\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eWhat makes COSRX Hyaluronic Acid Intensive Cream special?\u003c\/h2\u003e\n\u003c!-- First Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e1. Powerful Blend of NMF (Amino Acid Complex):\u003c\/h3\u003e\n\u003cp\u003eNatural Moisturizing Factors (NMF) include a group of amino acids that mimic the natural elements found in the skin, which work to:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDeeply moisturize the skin:\u003c\/strong\u003e Amino acids help the skin retain water, giving it natural freshness and elasticity.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRepairing the skin barrier:\u003c\/strong\u003e This compound enhances the skin's ability to protect against environmental aggressors and dryness.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIncreased softness:\u003c\/strong\u003e With regular use, it reduces rough skin texture and rebalances natural hydration levels.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Second Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e2. Ceramides: The last bulwark between your skin and aging factors\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eWhen the skin barrier breaks down, your skin begins an irreversible journey towards dryness and loss of radiance\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWithout a strong barrier, every enemy of your skin will invade it mercilessly. \u003c\/strong\u003eNormal skin contains \u003cstrong\u003eCeramides\u003c\/strong\u003e As an essential part of the protective barrier that retains moisture and prevents its loss.\u003c\/p\u003e\n\u003cp\u003eWhen these ceramides are lost, it leads to the collapse of the skin barrier, loss of moisture and freshness, and exposes the skin to environmental factors that cause aging. Without this support, the skin turns into a battlefield, where signs of stress and aging accelerate. Will it leave your skin exposed and vulnerable to damage?\u003c\/p\u003e\n\u003cp\u003eThe serum contains a high concentration of ceramides that will help your skin restore its protective shield and prevent harmful agents from penetrating the deeper layers of your skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Penetration Depth Section --\u003e\n\u003cdiv class=\"highlight-block\"\u003e\n\u003ch3 class=\"highlight-title\"\u003e3. Moisturizing up to 2.5 ml below the surface of the skin\u003c\/h3\u003e\n\u003cp\u003eThe formula uses a powerful concentration of hyaluronic acid that deeply hydrates across all layers of the skin, reaching a depth unsurpassed in all moisturizers. This formula penetrates the deepest cells of your skin to provide effective hydration at all levels of the skin.\u003c\/p\u003e\n\u003c!-- Skin Penetration Visualization --\u003e\n\u003cdiv class=\"penetration-chart\"\u003e\n\u003cdiv class=\"skin-layers\"\u003e\n\u003cdiv class=\"skin-layer epidermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eExternal epidermis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer dermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eDermis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer hypodermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eUnder the dermis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"penetration-arrow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"penetration-label\"\u003ePenetration depth: 2.5 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Skin Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_1600_x_1200_px.jpg?v=1734291139\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3.jpg?v=1745676384\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eEvery drop rebuilds your skin from within\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eA small drop... a huge impact: complete skin hydration with just a small amount\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eThanks to COSRX's hyaluronic serum formula, you only need a very small amount to cover your entire face. The concentrated, effective formula works intelligently to distribute hydration deep into every layer of your skin, giving you noticeable results without wasting product.\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003ch3\u003eHow to Use:\u003c\/h3\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-text\"\u003eCleanse the skin well using a cleanser suitable for your skin type\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-text\"\u003eApply a few drops of serum to clean, slightly damp skin\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-text\"\u003eGently spread the serum using your fingertips in gentle circular motions\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-text\"\u003eFollow with a moisturizing cream to lock moisture into the skin (optional)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eUse the serum twice a day, in the morning and evening, for best results\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch3 class=\"cta-title\"\u003eCOSRX Hyaluronic Acid Intensive Cream\u003c\/h3\u003e\n\u003cp\u003eThe ideal solution for skin thirsty for deep hydration and continuous freshness\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBring your skin back to life now!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eBuy now\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Apply animations to feature cards when they come into view\n observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info blocks when they come into view\n observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to steps when they come into view\n observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to highlight block when it comes into view\n observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n \n \/\/ Animate the penetration arrow after the block appears\n setTimeout(() =\u003e {\n const arrow = element.querySelector('.penetration-arrow');\n if (arrow) {\n arrow.style.height = '0%';\n arrow.style.transition = 'height 1.5s ease';\n \n setTimeout(() =\u003e {\n arrow.style.height = '80%';\n }, 300);\n }\n }, 300);\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388520622,"sku":"INSTA055008CHIQ","price":20.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1788175409"},{"product_id":"cosrx-niacinamide-serum","title":"Cosrx Niacinamide 15% | Pore ​​Specialist | lighten | Regulating oils","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n direction: ltr;\n }\n\n \/* Typography *\/\n .product-description h2 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h2::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Featured section *\/\n .featured-section {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n }\n\n .featured-title {\n color: #9C8102;\n font-size: 1.8rem;\n margin-bottom: 20px;\n }\n\n \/* Benefits section *\/\n .benefits-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 2em 0;\n }\n\n .benefit-card {\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n font-size: 1.8rem;\n margin: 0 auto 15px;\n }\n\n .benefit-content {\n padding: 25px;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: bold;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n text-align: center;\n }\n\n \/* Before\/After comparison *\/\n .comparison-container {\n position: relative;\n width: 100%;\n margin: 2em 0;\n border-radius: 15px;\n overflow: hidden;\n }\n\n .comparison-image {\n width: 100%;\n display: block;\n border-radius: 15px;\n }\n\n \/* Percentage indicator *\/\n .percentage-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 3em 0;\n }\n\n .percentage-circle {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n background: conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .percentage-circle::before {\n content: '';\n position: absolute;\n width: 130px;\n height: 130px;\n border-radius: 50%;\n background-color: white;\n }\n\n .percentage-text {\n position: relative;\n z-index: 1;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n }\n\n .percentage-label {\n margin-right: 20px;\n font-size: 1.2rem;\n color: #333;\n flex: 1;\n }\n\n \/* Info sections *\/\n .info-section {\n margin: 3em 0;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border-right: 5px solid #9C8102;\n transition: transform 0.3s ease;\n }\n\n .info-section:hover {\n transform: translateX(-5px);\n }\n\n \/* Usage section *\/\n .usage-section {\n margin: 3em 0;\n }\n\n .usage-title {\n color: #9C8102;\n font-size: 1.5rem;\n margin-bottom: 20px;\n }\n\n .usage-steps {\n display: flex;\n justify-content: space-between;\n position: relative;\n margin: 40px 0;\n }\n\n .usage-steps::before {\n content: '';\n position: absolute;\n top: 25px;\n right: 0;\n left: 0;\n height: 2px;\n background-color: rgba(156, 129, 2, 0.3);\n z-index: -1;\n }\n\n .usage-step {\n text-align: center;\n position: relative;\n width: 120px;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #9C8102;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.3rem;\n margin: 0 auto 15px;\n }\n\n .step-text {\n font-size: 0.95rem;\n color: #555;\n }\n\n \/* Call to action *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 3em 0 1em;\n }\n\n .cta-container h2 {\n color: white;\n margin-bottom: 20px;\n }\n\n .cta-container h2::after {\n background-color: white;\n margin: 10px auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Highlight box *\/\n .highlight-box {\n background: rgba(156, 129, 2, 0.08);\n border-radius: 10px;\n padding: 20px;\n margin: 2em 0;\n border: 3px solid #000;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-container {\n grid-template-columns: 1fr;\n }\n\n .percentage-container {\n flex-direction: column;\n }\n\n .percentage-label {\n margin: 20px 0 0 0;\n text-align: center;\n }\n\n .usage-steps {\n flex-direction: column;\n align-items: center;\n }\n\n .usage-steps::before {\n display: none;\n }\n\n .usage-step {\n margin-bottom: 30px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eThe perfect compound that changed skin care... now in the highest concentration possible\u003c\/h2\u003e\n\u003c!-- Percentage Indicator --\u003e\n\u003cdiv class=\"percentage-container\"\u003e\n\u003cdiv class=\"percentage-circle\"\u003e\n\u003cdiv class=\"percentage-text\"\u003e15%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"percentage-label\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eDiscover the difference with high concentration\u003c\/h3\u003e\n\u003cp\u003eYou've probably tried niacinamide before, but never at this 15% concentration, which will challenge everything you know about skincare. Its effect is stronger than ever against impurities, and it works to shrink pores with unprecedented effectiveness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Product\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15.png?v=1745677490\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eThe melanin balancing formula challenges even the toughest pigmentation\u003c\/h2\u003e\n\u003cdiv class=\"info-section\"\u003e\n\u003cp\u003eThis formula is highly specialized in balancing melanin production. When exposed to environmental factors, the skin increases melanin production unevenly, leading to the appearance of these annoying pigmentations that noticeably affect your appearance.\u003c\/p\u003e\n\u003cp\u003eThis formula balances pigment production, which leads to unifying skin tone and achieving clear, pigmentation-free skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Pore Minimizing Effect\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eDo you suffer from large pores? This is the ultimate solution\u003c\/h2\u003e\n\u003cp\u003eGet rid of those annoying large pores that make you look older than your years and absorb dust and harmful environmental factors and bring them deep into your skin.\u003c\/p\u003e\n\u003cp\u003eThe serum cleans and purifies the skin's pores and reduces oil secretions, which reduces the size of the pores invisibly and makes the texture of your skin look like glass... literally!\u003c\/p\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-container\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eShrink pores\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA 15% concentration of niacinamide regulates the secretion of oils and shrinks large pores very effectively\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnifying skin tone\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt treats pigmentation and unifies skin tone by regulating the production of melanin pigment\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eFight acne\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIt reduces inflammation and prevents acne by regulating sebum secretion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Texture Improvement\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eRebuilds skin texture\u003c\/h2\u003e\n\u003cp\u003eNiacinamide serum not only helps fight acne, but it also contributes to improving the overall skin texture and making it smoother and more elastic.\u003c\/p\u003e\n\u003cp\u003eIt's more than just a serum, it's a complete rejuvenation of your skin.\u003c\/p\u003e\n\u003c!-- Before\/After Comparison --\u003e\n\u003cdiv class=\"comparison-container\"\u003e\n\u003cimg alt=\"Before and After Using Niacinamide Serum\" class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eGoodbye to whiteheads and blackheads\u003c\/h2\u003e\n\u003cp\u003eWhiteheads and blackheads form when oil and sebum accumulate inside the pores and block them or interact with the air. COSRX Niacinamide Serum works to reduce pore size and regulate sebum secretion, preventing the accumulation of oil and dirt. It also helps in renewing skin cells and gently exfoliating them, which prevents clogged pores and effectively treats white and black heads.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_no_background.webp?v=1745677778\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eIt is a dream product for oily skin\u003c\/h2\u003e\n\u003cdiv class=\"featured-section\"\u003e\n\u003cp\u003eIf you have oily or combination skin, you probably know the challenges of dealing with excess oil and enlarged pores. But with COSRX Niacinamide Serum 15%, you can now achieve clear, firmer skin without worrying about excess shine or problems associated with sebum secretion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2\u003eComprehensive protection against the elements of time...treatment and prevention in one formula\u003c\/h2\u003e\n\u003cp\u003eTime does not have mercy on your skin. Every day we are exposed to harmful environmental factors is a bigger step toward premature aging\u003cbr\/\u003eDon't leave your skin alone in its war against time\u003c\/p\u003e\n\u003cp\u003eYour skin should be armed with a protective shield of niacinamide! Niacinamide in this highly concentrated formula protects the skin from oxidants that cause premature aging!\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch3 class=\"usage-title\"\u003eHow do you use it?\u003c\/h3\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-text\"\u003eCleansing the skin\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-text\"\u003eApply toner\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-text\"\u003eSerum application\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-text\"\u003eMoisturizing cream\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cp\u003eApply Niacinamide Serum 15% morning and evening on clean skin before any other creams or oils.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNote\u003c\/strong\u003e: It is not preferable to use it at the same time with products containing pure vitamin C (ascorbic acid).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n\u003cp\u003eThe perfect solution for large pores and uneven skin tone\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eBuy now\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Function to animate percentage circle\n const animatePercentageCircle = () =\u003e {\n const percentageCircle = document.querySelector('.percentage-circle');\n \n if (percentageCircle) {\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n \n setTimeout(() =\u003e {\n percentageCircle.style.transition = 'background 1.5s ease-out';\n percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n }, 300);\n }\n };\n \n \/\/ Observe elements coming into view\n const observeElements = (elements, callback) =\u003e {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n callback(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n elements.forEach(el =\u003e observer.observe(el));\n };\n \n \/\/ Animate percentage circle when it comes into view\n observeElements([document.querySelector('.percentage-container')], () =\u003e {\n animatePercentageCircle();\n });\n \n \/\/ Apply animations to benefit cards when they come into view\n observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info sections when they come into view\n observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n });\n \n \/\/ Apply animations to step numbers when they come into view\n observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n element.style.animation = 'pulseIn 0.5s ease forwards';\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n @keyframes pulseIn {\n 0% {\n transform: scale(0.5);\n opacity: 0;\n }\n 70% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n }\n \n .benefit-card,\n .info-section,\n .featured-section,\n .highlight-box {\n opacity: 0;\n }\n \n .step-number {\n opacity: 0;\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388815534,"sku":"INSTA05ت5008CHIQ","price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1788175407"},{"product_id":"cosrx-advanced-snail-92-cream","title":"COSRX Advanced Snail 92 Cream Moisturizing cream with maximum concentration of snail secretions","description":"\u003cdiv class=\"cx-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Core Variables (COSRX Identity: Deep Black, Charcoal \u0026 Signature Yellow\/Gold) === *\/\n .cx-ultimate-wrapper {\n --cx-bg-dark: #080808; \n --cx-bg-darker: #040404;\n --cx-card-glass: rgba(255, 255, 255, 0.03);\n --cx-card-hover: rgba(244, 192, 34, 0.05);\n --cx-primary: #f4c022; \/* COSRX Signature Yellow *\/\n --cx-primary-glow: rgba(244, 192, 34, 0.25);\n --cx-gradient-accent: linear-gradient(135deg, #f4c022 0%, #d49a11 100%);\n --cx-gradient-bg: linear-gradient(135deg, #1c1505 0%, #080808 100%);\n --cx-text-light: #f5f5f5;\n --cx-text-muted: #a3a3a3;\n --cx-border: rgba(255, 255, 255, 0.06);\n --cx-border-highlight: rgba(244, 192, 34, 0.3);\n \n font-family: inherit; \/* Inherits your Shopify theme font *\/\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n background-color: var(--cx-bg-dark);\n color: var(--cx-text-light);\n border-radius: 24px;\n box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n }\n\n .cx-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .cx-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Mobile-Perfect Media Wrappers === *\/\n .cx-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto 40px;\n display: block;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n border: 1px solid var(--cx-border);\n overflow: hidden;\n }\n\n .cx-media-wrapper.size-lg { max-width: 850px; }\n .cx-media-wrapper.size-md { max-width: 600px; }\n\n .cx-product-media {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n }\n\n .cx-media-wrapper:hover .cx-product-media {\n transform: scale(1.03);\n }\n\n \/* === Typography === *\/\n .cx-title-main {\n font-size: clamp(28px, 5vw, 48px);\n font-weight: 900;\n line-height: 1.3;\n margin-bottom: 25px;\n letter-spacing: -0.02em;\n text-align: center;\n }\n\n .cx-title-section {\n font-size: clamp(24px, 4vw, 36px);\n font-weight: 800;\n text-align: center;\n margin-bottom: 20px;\n color: #ffffff;\n position: relative;\n }\n\n .cx-subtitle {\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--cx-text-muted);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 40px;\n font-weight: 500;\n }\n\n .cx-text-accent {\n background: var(--cx-gradient-accent);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n\n .cx-highlight-box {\n background: rgba(244, 192, 34, 0.08);\n border: 1px solid var(--cx-border-highlight);\n padding: 20px;\n border-radius: 12px;\n display: inline-block;\n margin-bottom: 30px;\n }\n\n .cx-highlight-box p {\n color: var(--cx-primary);\n font-weight: 700;\n font-size: 1.15rem;\n margin: 0;\n }\n\n \/* === Alternating Sections === *\/\n .cx-section { padding: 80px 0; position: relative; }\n \n .cx-theme-dark { background-color: var(--cx-bg-dark); }\n .cx-theme-darker { background-color: var(--cx-bg-darker); border-top: 1px solid var(--cx-border); border-bottom: 1px solid var(--cx-border); }\n .cx-theme-gradient { background: var(--cx-gradient-bg); }\n\n \/* Ambient Glows *\/\n .cx-ambient {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n }\n .cx-glow {\n position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.4;\n background: rgba(244, 192, 34, 0.12);\n }\n .cx-glow-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n .cx-glow-2 { width: 600px; height: 600px; bottom: 10%; left: -200px; }\n\n \/* === Grids \u0026 Glass Cards === *\/\n .cx-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n .cx-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n\n .cx-card {\n background: var(--cx-card-glass);\n backdrop-filter: blur(10px);\n border: 1px solid var(--cx-border);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n transition: all 0.4s ease;\n }\n\n .cx-card:hover {\n transform: translateY(-8px);\n background: var(--cx-card-hover);\n border-color: var(--cx-border-highlight);\n box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--cx-primary-glow);\n }\n\n .cx-icon-badge {\n width: 50px; height: 50px;\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--cx-border);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--cx-primary);\n font-size: 20px; font-weight: 900;\n transition: 0.4s ease;\n font-family: system-ui, sans-serif;\n }\n\n .cx-card:hover .cx-icon-badge {\n background: var(--cx-gradient-accent);\n color: #000;\n transform: scale(1.1) rotate(5deg);\n border-color: transparent;\n }\n\n .cx-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n .cx-card p { font-size: 1rem; color: var(--cx-text-muted); margin: 0; }\n\n \/* === Timeline \/ Steps === *\/\n .cx-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n .cx-timeline::before {\n content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n background: linear-gradient(to bottom, transparent, var(--cx-primary), transparent);\n transform: translateX(50%);\n }\n \n .cx-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n .cx-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-right: 50%; }\n \n .cx-timeline-content {\n width: 90%; background: var(--cx-card-glass); border: 1px solid var(--cx-border);\n padding: 30px; border-radius: 16px; transition: 0.3s;\n }\n \n .cx-timeline-content:hover {\n border-color: var(--cx-primary); transform: translateY(-5px); background: var(--cx-card-hover);\n }\n\n .cx-timeline-badge {\n position: absolute; top: 30px; right: -7%; width: 16px; height: 16px;\n background: var(--cx-bg-darker); border: 3px solid var(--cx-primary); border-radius: 50%; z-index: 2;\n }\n .cx-timeline-item:nth-child(even) .cx-timeline-badge { right: auto; left: -7%; }\n \n .cx-time-label {\n color: #000; font-weight: 800; margin-bottom: 15px; font-size: 1rem;\n display: inline-block; background: var(--cx-gradient-accent); padding: 4px 15px; border-radius: 20px;\n }\n\n \/* === Clean Lists === *\/\n .cx-list { list-style: none; padding: 0; margin-top: 20px; }\n .cx-list li {\n position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--cx-text-light); font-size: 1.05rem;\n }\n .cx-list li::before {\n content: '✓'; position: absolute; right: 0; top: 0; color: var(--cx-primary); font-weight: 900; font-size: 1.2rem;\n }\n\n \/* === CTA Button === *\/\n .cx-btn {\n display: inline-block;\n background: var(--cx-gradient-accent);\n color: #000;\n padding: 18px 45px;\n border-radius: 40px;\n font-size: 1.25rem;\n font-weight: 900;\n text-decoration: none;\n border: none;\n cursor: pointer;\n transition: 0.4s ease;\n box-shadow: 0 10px 30px var(--cx-primary-glow);\n margin-top: 20px;\n }\n .cx-btn:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4);\n }\n\n \/* === Animations === *\/\n .cx-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .cx-reveal.cx-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .cx-section { padding: 50px 0; }\n .cx-timeline::before { right: 20px; transform: none; }\n .cx-timeline-item, .cx-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n .cx-timeline-content { width: 100%; }\n .cx-timeline-badge { right: 12px; top: 30px; }\n .cx-timeline-item:nth-child(even) .cx-timeline-badge { left: auto; right: 12px; }\n .cx-media-wrapper { border-radius: 12px; }\n .cx-title-main { font-size: 2rem; }\n }\n \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-dark\" style=\"padding-top: 50px;\"\u003e\n\u003cdiv class=\"cx-ambient\"\u003e\n\u003cdiv class=\"cx-glow cx-glow-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"cx-title-main cx-reveal\"\u003eSnail Cream 92 from COSRX\u003cbr\/\u003e\u003cspan class=\"cx-text-accent\"\u003eThe biological miracle of skin restoration\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"cx-highlight-box cx-reveal delay-1\"\u003e\n\u003cp\u003eThe ultimate solution to get Glass Skin!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cx-subtitle cx-reveal delay-1\"\u003e\n If you were told that the secret to clear, flawless skin lies in a natural and innovative substance... would you have the courage to try it? Millions around the world have overcome this hesitation, and the result has been pimple-free skin and a strong barrier that cannot be penetrated by dryness.\n \u003c\/p\u003e\n\u003cdiv class=\"cx-media-wrapper size-lg cx-reveal delay-2\"\u003e\n\u003cimg alt=\"COSRX Snail 92 Cream\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_crawling_on_cream_jar_202608292001.jpg?v=1788023026\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. THE BIO-SECRET (Gradient Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eBiological Secret: Why is “snail jelly” considered a miracle?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eIt's not just a traditional moisturizer that contains a small percentage of active ingredients; Rather, it is a restoration bomb that contains 92% pure gel extract.\u003c\/p\u003e\n\u003cdiv class=\"cx-grid-2\"\u003e\n\u003cdiv class=\"cx-reveal\"\u003e\n\u003cp style=\"font-size: 1.1rem; color: var(--cx-text-light); margin-bottom: 20px;\"\u003e\n Imagine a creature crawling on rocks and thorns all its life without tearing its skin... How does that happen?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--cx-text-muted); margin-bottom: 20px;\"\u003e\n Scientists have discovered that the snail secretes a gel that acts as an “instant therapeutic shield.” This gel is naturally rich in hyaluronic acid, enzymes, and antimicrobials that heal wounds and regenerate cells in seconds.\n \u003c\/p\u003e\n\u003cul class=\"cx-list\"\u003e\n\u003cli\u003eIt restores damaged cells very quickly.\u003c\/li\u003e\n\u003cli\u003eErases the effects of pimples and reduces the depth of superficial scars.\u003c\/li\u003e\n\u003cli\u003eBuilds the skin barrier more efficiently than many synthetic materials.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"Snail Mucin Benefits\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292003.jpg?v=1788023065\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. WHY VIRAL (Darker Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-darker\"\u003e\n\u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eWhy has this texture become the number one obsession for beauty lovers?\u003c\/h2\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin: 40px auto;\"\u003e\n\u003cimg alt=\"Unique Snail Cream Texture\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_in_cream_jar_202608292003.jpg?v=1788023086\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"cx-subtitle cx-reveal delay-2\" style=\"color: var(--cx-text-light); max-width: 900px; font-size: 1.15rem;\"\u003e\n Most skin moisturizers rely on heavy oils or waxes that clog pores and cause breakouts (especially for oily and combination skin). But this cream uses a strategy \u003cstrong\u003e\"Aqueous cellular restoration\"\u003c\/strong\u003e. The strangely chewy texture is exactly what makes it magical; It dissolves in seconds, absorbs into the skin like a sponge, and leaves no greasy or clogged residue behind.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. INGREDIENTS GRID (Dark Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-dark\"\u003e\n\u003cdiv class=\"cx-ambient\"\u003e\n\u003cdiv class=\"cx-glow cx-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eFreshness Map: How do ingredients change your skin?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eA concentrated and carefully studied formula that targets all skin problems.\u003c\/p\u003e\n\u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n\u003cdiv class=\"cx-card\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eSnail gel (92%)\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eFlawless plastic\u003c\/h4\u003e\n\u003cp\u003eHero ingredient. Responsible for accelerating cell regeneration, erasing the effects of dark and red pimples, and reducing the depth of scars to leave the skin’s surface completely smooth.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eHyaluronic acid\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eFine line plumper\u003c\/h4\u003e\n\u003cp\u003eA hydration magnet that penetrates deep into the skin, locking water into the cells, giving your skin the plumpness that effectively hides fine lines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003ePanthenol and allantoin\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eShield of protection and calming\u003c\/h4\u003e\n\u003cp\u003eInstantly soothes inflammation, eliminates redness (excellent for sensitive skin), and rebuilds the skin barrier damaged by external factors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e04\u003c\/div\u003e\n\u003ch3\u003eAdenosine\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eAnti-aging weapon\u003c\/h4\u003e\n\u003cp\u003eIt provides the skin with cellular energy that helps improve skin elasticity and fight signs of aging for a more youthful appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. TIMELINE \u0026 VALUE (Gradient Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eTransformation schedule\u003c\/h2\u003e\n\u003cdiv class=\"cx-timeline cx-reveal\" style=\"margin-bottom: 80px;\"\u003e\n\u003cdiv class=\"cx-timeline-item\"\u003e\n\u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-content\"\u003e\n\u003cdiv class=\"cx-time-label\"\u003eFrom the first week\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n Instant deep watery hydration, the disappearance of dryness and flakiness, a noticeable soothing of redness, and the appearance of a “glass skin” radiance upon absorption.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-item\"\u003e\n\u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-content\"\u003e\n\u003cdiv class=\"cx-time-label\"\u003eAfter a month of use\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n A strong skin barrier that is not affected by external factors, a noticeable fading of pimples and spots, a silky smooth texture, and plumping of fine lines.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eA real investment...value for price\u003c\/h2\u003e\n\u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n\u003cdiv class=\"cx-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eGiant size (100 grams)\u003c\/h3\u003e\n\u003cp\u003eIt comes in a very large package compared to traditional facial moisturizers, which often come in a size of only 50 grams.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eA small drop is enough\u003c\/h3\u003e\n\u003cp\u003eThanks to its sticky and chewy texture, a pea-sized dot is enough for the face and neck. The packaging will last for months.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eVersatile\u003c\/h3\u003e\n\u003cp\u003eAn All-in-One product that eliminates the need to use a moisturizing serum and another barrier repair cream. One step is enough.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eUniversal and original\u003c\/h3\u003e\n\u003cp\u003eA top-selling product worldwide, it gives you real results at a competitive price that is incomparable with its many benefits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. USAGE \u0026 CTA (Darker Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-darker\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eCorrect how to use\u003c\/h2\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\"\u003e\n\u003cimg alt=\"How to use COSRX Snail Cream\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hand_picking_cream_from_jar_202608292006.jpg?v=1788023217\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-grid-3 cx-reveal delay-2\" style=\"margin-bottom: 60px;\"\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e01\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003ePreparation\u003c\/h3\u003e\n\u003cp\u003eUse it on cleansed, slightly dehydrated skin (after toner or serum).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e02\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003eQuantity\u003c\/h3\u003e\n\u003cp\u003eTake a small amount (you will notice its innovative sticky rubbery texture, don't worry).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e03\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003ePlumpness\u003c\/h3\u003e\n\u003cp\u003eDo not rub it vigorously, spread it by patting until it dissolves and is completely absorbed within 30 seconds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cx-card cx-reveal\" style=\"background: linear-gradient(135deg, rgba(20,20,20,0.9), rgba(5,5,5,1)); border-color: rgba(244, 192, 34, 0.3); padding: 50px 30px;\"\u003e\n\u003ch2 class=\"cx-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eThe global trend that is constantly running out of markets\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; max-width: 750px; margin: 0 auto 30px; color: var(--cx-text-light);\"\u003e\n Don't leave your skin suffering from dryness or pimples while the Korean biological miracle is at your fingertips. This cream achieves huge sales globally and sells out very quickly. \u003cstrong\u003eOrder now, and wake up tomorrow with hydrated, clear, and radiant skin!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"cx-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Get COSRX Snail Cream Now\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292001.jpg?v=1788023239\"\/\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cx-btn\"\u003eGet glass skin now\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- INGREDIENTS LIST --\u003e\n\u003cdiv class=\"cx-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cx-border); border-radius: 16px;\"\u003e\n\u003ch4 style=\"color: var(--cx-primary); margin-bottom: 10px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eFull ingredient list\u003c\/h4\u003e\n\u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n Snail Secretion Filtrate, Betaine, Caprylic\/Capric Triglyceride, Cetearyl Olivate, Sorbitan Olivate, Sodium Hyaluronate, Cetearyl Alcohol, Stearic acid, Arginine, Dimethicone, Carbomer, Panthenol, Allantoin, Sodium Polyacrylate, Xanthan Gum, Ethyl Hexanediol, Adenosine, Phenoxyethanol.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Intersection Observer for scroll animations\n const reveals = document.querySelectorAll('.cx-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('cx-active');\n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(el =\u003e observer.observe(el));\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999389438126,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign-2024-12-29T140801.300_16ba6210-2605-4e72-90f8-1d3298226aa6.jpg?v=1788175399"},{"product_id":"uriage-age-smoothing-eye-cream","title":"uriage age eye cream | Anti-circular Correction of eye wrinkles Anti-inflammatory","description":"\u003ch3\u003eProtect the eye area from signs of aging\u003c\/h3\u003e\n\u003cp\u003eSigns of aging appear first in the area around the eyes, where wrinkles, dark circles and puffiness accumulate, giving you a tired and older appearance. Do you realize that ignoring this area can accelerate the appearance of these signs? Do not let the passage of time affect the beauty of the eye area. With cream \u003cstrong\u003eAGE LIFT - SMOOTHING EYE CARE\u003c\/strong\u003eYou will restore the freshness of the eye area and enjoy a brighter and more vibrant appearance.\u003c\/p\u003e\n\u003ch3\u003eThe eye area is the focus and most important area of your face\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDry and tired eye area?\u003c\/strong\u003e\u003cbr\/\u003eYou will not face these problems anymore. With an innovative formula containing anti-aging ingredients, the cream provides you with... \u003cstrong\u003eAGE LIFT\u003c\/strong\u003e A complete solution for eye skin. Here's what this unique cream has to offer:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eReducing wrinkles and alleviating signs of aging:\u003c\/strong\u003e\u003cbr\/\u003eFormula rich in Retinol and Hyaluronic Acid, which work together to reduce the appearance of wrinkles and fine lines, restoring the eye area to a more youthful and firm appearance.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eFight dark circles and puffiness:\u003c\/strong\u003e\u003cbr\/\u003eActive ingredients such as \u003cstrong\u003eDextran Sulfate\u003c\/strong\u003e And \u003cstrong\u003eBeads\u003c\/strong\u003e It significantly reduces puffiness and dark circles, giving you a comfortable and refreshed look all day long.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eLasting hydration and comfort:\u003c\/strong\u003e\u003cbr\/\u003eWith \u003cstrong\u003eShea butter\u003c\/strong\u003eThe cream intensely moisturizes the eye area and gives it softness and smoothness, which helps improve skin elasticity and reduce sagging.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eProtection from harmful environmental factors:\u003c\/strong\u003e\u003cbr\/\u003eThe cream tackles pollution, UV rays and daily stress, which contribute to deteriorating skin condition, to keep you radiant and youthful.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eIf yes, then it's the perfect time for a change. Generous \u003cstrong\u003eAGE LIFT\u003c\/strong\u003e It is the ideal solution to treat these recurring problems in the eye area.\u003c\/p\u003e\n\u003ch3\u003eAll the ingredients that the delicate skin around the eyes craves for are combined in this formula\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRetinol:\u003c\/strong\u003e The magic ingredient to fight the signs of aging. It improves skin elasticity and texture.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHyaluronic acid:\u003c\/strong\u003e A powerful moisturizer that fills fine lines and helps restore the appearance of firm eyes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eShea butter:\u003c\/strong\u003e Provides exceptional comfort and long-lasting hydration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUrea thermal water:\u003c\/strong\u003e To soothe sensitive skin around the eyes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eTangible results in a short time!\u003c\/h3\u003e\n\u003cp\u003eClinical studies have shown that \u003cstrong\u003eAGE LIFT\u003c\/strong\u003e It achieves amazing results:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e59% increase in comfort and radiance\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e95% of users confirmed the skin-smoothing effect.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e82% felt an immediate improvement in the freshness of the area around the eyes.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eDon't let the eye area talk about your suffering\u003c\/h3\u003e\n\u003cp\u003eRestore your freshness with cream \u003cstrong\u003eAGE LIFT - SMOOTHING EYE CARE\u003c\/strong\u003e Enjoy a brighter and more balanced appearance in the eye area. A little time and attention with the innovative cream means a lot of beauty and youth in the future.\u003c\/p\u003e\n\u003ch3\u003eTip:\u003c\/h3\u003e\n\u003cp\u003eUse it morning and evening after cleansing the skin. Just apply a small amount around the eyes and massage gently for best results.\u003c\/p\u003e","brand":"Uriage","offers":[{"title":"Default Title","offer_id":46999389798574,"sku":"INSTA0662CHIQ","price":19.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/uriage_age_lift_eye_care.jpg?v=1788175398"},{"product_id":"cosrx-retinol-serum","title":"Cosrx Retinol Serum 0.5% + Squalene | Anti-wrinkle | Improve skin elasticity","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3, \n .product-description h4 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 2.2rem;\n text-align: center;\n }\n\n .product-description h3 {\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description h4 {\n font-size: 1.4rem;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description ul {\n list-style: none;\n padding: 0;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 1.5em;\n background: rgba(156, 129, 2, 0.03);\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n border-radius: 15px;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Results section *\/\n .results-container {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .percentage-bar {\n width: 100%;\n height: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 5px;\n overflow: hidden;\n margin: 20px 0;\n }\n\n .percentage-fill {\n height: 100%;\n width: 0;\n background-color: #9C8102;\n transition: width 1.5s ease-in-out;\n }\n\n \/* Usage timeline *\/\n .timeline {\n position: relative;\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 0;\n }\n\n .timeline::after {\n content: '';\n position: absolute;\n width: 6px;\n background-color: rgba(156, 129, 2, 0.2);\n top: 0;\n bottom: 0;\n right: 50%;\n margin-right: -3px;\n }\n\n .timeline-item {\n padding: 10px 50px;\n position: relative;\n width: 50%;\n }\n\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 25px;\n height: 25px;\n background-color: white;\n border: 4px solid #9C8102;\n border-radius: 50%;\n top: 15px;\n transition: transform 0.5s ease, background-color 0.5s ease;\n }\n\n .timeline-item:hover::after {\n transform: scale(1.2);\n background-color: #9C8102;\n }\n\n .right {\n right: 0;\n }\n\n .left::after {\n right: -12px;\n }\n\n .right::after {\n left: -12px;\n }\n\n \/* CTA section *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-container h3 {\n color: white;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::after {\n right: 30px;\n }\n \n .timeline-item {\n width: 100%;\n padding-right: 70px;\n padding-left: 25px;\n }\n \n .right {\n right: auto;\n }\n \n .right::after {\n left: auto;\n right: 18px;\n }\n \n .left::after {\n right: 18px;\n }\n }\n\n \/* Animation classes - Added for animated elements when JS loads *\/\n .animate-on-scroll {\n transition: transform 0.8s ease, opacity 0.8s ease;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003ch2\u003eRetinol...the unknown soldier in the fight against the signs of aging\u003c\/h2\u003e\n\u003cp\u003eHave you ever looked in the mirror and felt that time is starting to leave its mark on your skin? Fine lines slowly creep in, pores appear larger, skin texture no longer feels as smooth as it used to?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDon't let time control you\u003c\/strong\u003e\u003cbr\/\u003eAging is not an excuse to accept these changes, but rather a challenge that you can overcome.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Retinol Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eThe solution? Retinol Serum 0.5% from COSRX\u003c\/h3\u003e\n\u003cp\u003eThe best retinol product in the world, carefully designed to target even the most subtle skin concerns, from deep wrinkles and fine lines to rough skin texture and loss of elasticity.\u003c\/p\u003e\n\u003c!-- Features Section --\u003e\n\u003ch3\u003eWhy is this formula one of the best retinol formulas?\u003c\/h3\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n\u003ch4\u003eExceptional concentration of pure retinol\u003c\/h4\u003e\n\u003cp\u003eThis product contains \u003cstrong\u003e0.5% concentration of pure retinol\u003c\/strong\u003eIt is one of the highest concentrations available on the market. Retinol is notoriously difficult to formulate in such high concentrations, requiring precise techniques to maintain its stability and ensure its effectiveness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n\u003ch4\u003eGentle formula that does not cause skin irritation\u003c\/h4\u003e\n\u003cp\u003eUnlike traditional retinol formulas that can lead to skin irritation and redness, this product contains a unique blend of soothing ingredients, making it gentle even on sensitive skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eLight texture and fast absorption\u003c\/h4\u003e\n\u003cp\u003eWith a light, silky oil texture, it absorbs easily into the skin without leaving any greasy residue, making it ideal as an essential step in your nighttime routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eDeep hydration with vegetable squalene\u003c\/h4\u003e\n\u003cp\u003eThe product contains \u003cstrong\u003eSqualene extracted from plants\u003c\/strong\u003e, which acts as a powerful moisturizer that prevents dryness resulting from the use of retinol, keeping the skin moisturized and soft throughout the night.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eTocotrienol (super vitamin E)\u003c\/h4\u003e\n\u003cp\u003eSignificantly reduces free radical damage and improves overall skin appearance, enhancing the effectiveness of Retinol and ensuring comprehensive results.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"Results of using retinol serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\/\u003e\n\u003ch3\u003eImpressive clinical results!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e18.4% improvement in nose and lip lines in just 4 weeks\u003c\/strong\u003e (Confirmed through laboratory experiments).\u003c\/p\u003e\n\u003cdiv class=\"percentage-bar\"\u003e\n\u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX Retinol\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" style=\"display: block; margin: 30px auto;\"\/\u003e\n\u003c!-- Usage Timeline --\u003e\n\u003ch3\u003eGradual use, exceptional effect\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eWeek 1-2\u003c\/h4\u003e\n\u003cp\u003eStart slowly to allow your skin to adjust. Use the product once a week at first, then twice a week starting from the second week.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eWeek 3-4\u003c\/h4\u003e\n\u003cp\u003eIncrease the frequency to 3 times a week. You will notice an improvement in skin texture and a reduction in initial fine lines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eWeek 5-8\u003c\/h4\u003e\n\u003cp\u003eUse the product daily or as tolerated by your skin. You will notice a clear improvement in skin elasticity and freshness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eFrom week 8 onwards\u003c\/h4\u003e\n\u003cp\u003eEnjoy renewed, fresh skin, free of wrinkles and signs of aging!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX Retinol Oil 0.5%\u003c\/h3\u003e\n\u003cp\u003eNot just another skincare product, it's an advanced scientific innovation that gives you visible results without compromising on the comfort of your skin.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStart now, and fight the signs of time!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eBuy now\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Animate percentage bar\n (function() {\n \/\/ Add animation to percentage bar without hiding content\n setTimeout(function() {\n var percentageFills = document.querySelectorAll('.percentage-fill');\n percentageFills.forEach(function(fill) {\n var percent = fill.getAttribute('data-percent');\n fill.style.width = percent + '%';\n });\n }, 500);\n \n \/\/ Optional: Enable scroll animations only if preferred\n var enableScrollAnimations = false;\n \n if (enableScrollAnimations) {\n \/\/ Add animation classes to elements\n var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n \n elementsToAnimate.forEach(function(el) {\n el.classList.add('animate-on-scroll');\n });\n \n \/\/ Intersection Observer for scroll animations\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n \n elementsToAnimate.forEach(function(el) {\n el.style.opacity = 0;\n el.style.transform = 'translateY(20px)';\n observer.observe(el);\n });\n }\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999389962414,"sku":null,"price":23.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1788175397"},{"product_id":"cosrx-6-peptide","title":"Cosrx The 6 peptide toner and serum The 6 peptides | Comprehensive skin rejuvenation | A treatment for all skin problems","description":"\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animation for elements as they come into view\n const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n animatedElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Count-up animation for percentage numbers\n const countUpElements = document.querySelectorAll('.count-up');\n \n const countObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n const finalValue = parseFloat(element.getAttribute('data-value'));\n \n let startTime;\n const duration = 2000; \/\/ 2 seconds\n \n function animate(currentTime) {\n if (!startTime) startTime = currentTime;\n \n const elapsedTime = currentTime - startTime;\n const progress = Math.min(elapsedTime \/ duration, 1);\n \n const currentValue = progress * finalValue;\n element.textContent = currentValue.toFixed(1) + '%';\n \n if (progress \u003c 1) {\n requestAnimationFrame(animate);\n }\n }\n \n requestAnimationFrame(animate);\n countObserver.unobserve(element);\n }\n });\n }, {\n threshold: 0.5\n });\n \n countUpElements.forEach(el =\u003e {\n countObserver.observe(el);\n });\n });\n \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n\u003cstyle\u003e\n .cosrx-peptide-section * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .cosrx-peptide-section {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n direction: ltr;\n font-family: inherit;\n color: #333;\n }\n \n .peptide-header {\n text-align: center;\n margin-bottom: 50px;\n }\n \n .peptide-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n font-weight: 700;\n }\n \n .peptide-subtitle {\n font-size: 1.1rem;\n line-height: 1.6;\n color: #555;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .peptide-content {\n margin-bottom: 60px;\n }\n \n .peptide-section-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .peptide-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #444;\n margin-bottom: 20px;\n }\n \n .peptide-image {\n width: 100%;\n border-radius: 10px;\n margin: 30px 0;\n display: block;\n }\n \n .peptide-benefits {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 40px 0;\n }\n \n .benefit-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .benefit-card:hover {\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .benefit-title {\n font-weight: 700;\n margin-bottom: 10px;\n color: #9C8102;\n font-size: 1.1rem;\n }\n \n .peptide-list {\n list-style-type: disc;\n padding-right: 20px;\n margin: 20px 0;\n }\n \n .peptide-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .result-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 30px 0;\n }\n \n .result-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .result-percentage {\n font-size: 2rem;\n font-weight: 700;\n color: #c3a300;\n margin-bottom: 10px;\n }\n \n .result-text {\n font-size: 0.95rem;\n color: #555;\n }\n \n .how-to-use {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 25px;\n margin-top: 40px;\n }\n \n .how-to-use h3 {\n margin-bottom: 15px;\n font-weight: 700;\n font-size: 1.2rem;\n color: #c3a300;\n }\n \n .how-to-use ol {\n padding-right: 25px;\n }\n \n .how-to-use li {\n margin-bottom: 10px;\n line-height: 1.5;\n }\n \n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .slide-in-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .slide-in-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .scale-in {\n opacity: 0;\n transform: scale(0.9);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .count-up {\n display: inline-block;\n }\n \n \/* Shine effect for cards *\/\n .benefit-card, .result-card {\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after, .result-card::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.3) 50%,\n rgba(255, 255, 255, 0) 100%\n );\n transform: rotate(30deg);\n transition: transform 0.7s ease;\n opacity: 0;\n }\n \n .benefit-card:hover::after, .result-card:hover::after {\n opacity: 1;\n transform: rotate(30deg) translate(100%, -100%);\n }\n \n @media (max-width: 768px) {\n .peptide-benefits,\n .result-cards {\n grid-template-columns: 1fr;\n }\n \n .peptide-title {\n font-size: 1.5rem;\n }\n \n .peptide-section-title {\n font-size: 1.3rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"peptide-header fade-in\"\u003e\n\u003ch2 class=\"peptide-title\"\u003eCOSRX 6 Peptide Skin Booster Serum\u003c\/h2\u003e\n\u003cp class=\"peptide-subtitle\"\u003eAn advanced product containing 6 powerful peptides to comprehensively rejuvenate and improve the appearance of the skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-content\"\u003e\n\u003ch3 class=\"peptide-section-title fade-in\"\u003eWhy are peptides the watchword?\u003c\/h3\u003e\n\u003cp class=\"peptide-text fade-in\"\u003ePeptides are chains of amino acids that are key to skin repair and regeneration. However, the strength of peptides lies in their versatility.\u003cbr\/\u003eThat's why the team \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e By creating an amazing formula that contains \u003cspan class=\"highlight\"\u003e6 types of peptides\u003c\/span\u003eDesigned to target every problem you may have:\u003c\/p\u003e\n\u003cul class=\"peptide-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestore skin elasticity:\u003c\/strong\u003e Goodbye to sagging.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce deep wrinkles and fine lines:\u003c\/strong\u003e Make your face look years younger.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce pores and get smooth skin:\u003c\/strong\u003e Because the small details make the difference.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouble hydration without feeling heavy:\u003c\/strong\u003e Your skin will breathe again.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eA single product will save you the need for complicated and expensive routines\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eWith \u003cspan class=\"highlight\"\u003eCOSRX 6 Peptide Skin Booster Serum\u003c\/span\u003eYou no longer need a collection of multiple products that burden you and cost you a lot of money. This advanced product contains 6 effective peptides that treat various skin problems in just one step.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eThanks to the integrated serum formula, you can do without toner, serum, and other products, thus saving time and money. Beauty and skin care no longer require a complicated routine. COSRX 6 Peptide Serum is everything you need for healthy, rejuvenated skin.\u003c\/p\u003e\n\u003cimg alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003e6 peptides work in harmony to restore your skin's youthfulness\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eImagine your skin getting the best treatment possible thanks to a comprehensive blend of 6 powerful peptides that work together to rejuvenate and improve the appearance of your skin. From enhancing skin elasticity and reducing wrinkles to toning and cell renewal, these peptides stimulate the skin to repair itself naturally.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eEach of the 6 peptides works to address a specific problem: reducing fine lines, improving skin texture, combating pigmentation, and rejuvenating the skin. The result? Firmer, smoother, radiant skin, with visible progress in skin rejuvenation.\u003c\/p\u003e\n\u003cdiv class=\"peptide-benefits\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFight the signs of aging\u003c\/h4\u003e\n\u003cp\u003ePeptides stimulate the production of collagen and elastin, which helps reduce wrinkles and restore youthfulness to the skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eDeep moisturizing of the skin\u003c\/h4\u003e\n\u003cp\u003ePeptides work with hyaluronic acid to provide intense hydration to the skin, making it smoother and more elastic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eUnifying skin tone\u003c\/h4\u003e\n\u003cp\u003eThanks to niacinamide and peptides, the serum works to lighten pigmentation and unify skin tone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eStrengthening the skin's protective barrier\u003c\/h4\u003e\n\u003cp\u003eThe serum helps strengthen the skin's protective barrier, protecting it from harmful environmental factors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eAdvanced formula that combines peptides with the most powerful skin care ingredients\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eNiacinamide, hyaluronic acid, and adenosine\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003ePeptides alone are known for their superior ability to rejuvenate the skin and stimulate collagen production. \u003cstrong\u003eBut when combined with ingredients like niacinamide, hyaluronic acid, and adenosine, an amazing effect occurs that cannot be achieved through any other product.\u003c\/strong\u003e\u003cbr\/\u003eNiacinamide helps unify skin tone and reduce pores, while hyaluronic acid provides deep hydration, and adenosine reduces wrinkles. Together, this superior formula not only gives you firmer, smoother, more radiant skin, but also enhances the skin's ability to resist the effects of time.\u003c\/p\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eLight texture...heavy results\u003c\/h3\u003e\n\u003cdiv class=\"result-cards\"\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eIncrease in skin radiance\u003c\/strong\u003e: The skin becomes brighter and purer, while its natural radiance is restored.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eIncrease in hydration\u003c\/strong\u003e: Obtaining deep hydration for the skin, which enhances its softness and elasticity.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eIncrease in freshness\u003c\/strong\u003e: The skin appears more vibrant and youthful, as if it has regained its natural energy.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eIncrease in hyaluronic acid\u003c\/strong\u003e: Increasing the proportion of hyaluronic acid means deeper hydration of the skin, which helps maintain its health and elasticity.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eDon't let time take its toll on your skin\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eWith \u003cspan class=\"highlight\"\u003eCOSRX 6 Peptide Skin Booster Serum\u003c\/span\u003eTime will no longer have any negative effect on your skin. This product is the perfect solution to fight the signs of aging, thanks to its advanced formulas that contain 6 powerful peptides that work to renew cells, reduce wrinkles, and improve skin elasticity. Enjoy more youthful, radiant skin, and get ready to challenge time with confidence.\u003c\/p\u003e\n\u003cdiv class=\"how-to-use\"\u003e\n\u003ch3\u003eHow to Use\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eAfter cleansing your skin, apply 2-3 pumps of serum \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e On your face.\u003c\/li\u003e\n\u003cli\u003eGently massage the product using your fingertips until it is completely absorbed.\u003c\/li\u003e\n\u003cli\u003eNext, use your favorite moisturizer for extra hydration.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp style=\"margin-top: 15px;\"\u003eYou can also combine the serum with other products from \u003cstrong\u003eCOSRX\u003c\/strong\u003e Such as niacinamide or vitamin C serum to achieve the best results.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999390257326,"sku":null,"price":27.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_6_peptide_skin_booster_6_6cf0efba-8a2d-426c-aa25-ba3429b1a187.jpg?v=1788175395"},{"product_id":"the-ordinary-multipeptide-eye-serum-سيروم-الببتيدات-المركز-لعلاج-تجاعيد-و-انتفاخات-و-هالات-العين","title":"The ordinary multipeptide eye serum A concentrated peptide serum to treat wrinkles, puffiness, and eye circles","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 is an advanced water-based formula specially designed to address signs of aging around the eye area. This serum combines the latest peptide technologies and scientific active substances to reduce fine wrinkles (dove eye lines), improve the appearance of dark circles and puffiness, giving the eye area a renewed radiance and vitality.\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\"\u003eKey Benefits\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\"\u003eImprove the appearance of wrinkles:\u003c\/strong\u003e\u003cbr data-end=\"408\" data-start=\"405\"\/\u003eMulti-peptide technologies, including Palmitoyl Tripeptide-38, reduce the appearance of wrinkles around the eyes, rejuvenating the skin and reducing signs of fatigue.\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\"\u003eReduce puffiness and dark circles:\u003c\/strong\u003e\u003cbr data-end=\"602\" data-start=\"599\"\/\u003eThe serum contributes to improving the color and radiance of the eye area by reducing dark color and puffiness, giving your eyes a bright and glowing 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\"\u003ePurify and soften the skin:\u003c\/strong\u003e\u003cbr data-end=\"757\" data-start=\"754\"\/\u003eThanks to a combination of Niacinamide and Fraxinus Excelsior Bark Extract, the serum smoothes skin texture and improves radiance, leaving the eye area smoother and radiant.\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\"\u003eSuperior protection:\u003c\/strong\u003e\u003cbr data-end=\"933\" data-start=\"930\"\/\u003eThe serum provides advanced protection thanks to antioxidant ingredients such as Propyl Gallate and Gallatyl Glucoside, as well as Epigallocatechin Gallatyl Glucoside, which fight environmental damage and support long-term skin health.\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\"\u003eLuxury formula:\u003c\/strong\u003e\u003cbr data-end=\"1164\" data-start=\"1161\"\/\u003eThe formula comes with a high concentration of active ingredients, which justifies the high price, as a small amount is enough to achieve amazing results.\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\"\u003eHow does the serum work?\u003c\/h2\u003e\n\u003cp data-end=\"1380\" data-start=\"1305\"\u003eThe serum is used to promote cell regeneration of the eye area through a combined mechanism of action that includes:\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\"\u003ePolypeptides:\u003c\/strong\u003e\u003cbr data-end=\"1410\" data-start=\"1407\"\/\u003eSuch as Palmitoyl Tripeptide-38, Matrixyl™ synthe'6™, RetinoPeptide 189, SYN™-AKE, CYTOBIOL™ LUMIN-EYE, UNISOOTH EG-28, and Eyeseryl™; These peptides act as cell signaling factors that stimulate the production of proteins necessary for skin regeneration, resulting in improved skin elasticity and reduced wrinkles.\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\"\u003eNiacinamide and Fraxinus Excelsior Bark Extract:\u003c\/strong\u003e\u003cbr data-end=\"1733\" data-start=\"1730\"\/\u003eThey help unify skin tone and reduce dark circles, and also improve skin texture and radiance.\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 ingredients:\u003c\/strong\u003e\u003cbr data-end=\"1862\" data-start=\"1859\"\/\u003eSuch as Propyl Gallate, Gallyl Glucoside, and Epigallocatechin Gallatyl Glucoside protect the skin from free radicals and reduce environmental damage, keeping the eye area healthy for longer.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"2172\" data-start=\"2045\"\u003eThanks to this unique formula, the serum treats several problems at once: wrinkles, dark circles, puffiness, and loss of radiance.\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\"\u003eClinical results\u003c\/h2\u003e\n\u003cp data-end=\"2292\" data-start=\"2201\"\u003eStudies have shown that regular use of The Ordinary Multi-Peptide Eye Serum leads to:\u003c\/p\u003e\n\u003cul data-end=\"2549\" data-start=\"2293\"\u003e\n\u003cli data-end=\"2343\" data-start=\"2293\"\u003eVisible improvement in the appearance of fine wrinkles around the eyes.\u003c\/li\u003e\n\u003cli data-end=\"2416\" data-start=\"2344\"\u003eReducing dark circles and puffiness, increasing the radiance of the eye area.\u003c\/li\u003e\n\u003cli data-end=\"2492\" data-start=\"2417\"\u003eImproving the texture and freshness of the skin, with an increase in the radiance and silky texture of the eye area.\u003c\/li\u003e\n\u003cli data-end=\"2549\" data-start=\"2493\"\u003eA noticeable decrease in the intensity of dark pigmentation within the eye area.\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\"\u003eWhy is the cost of this product relatively high compared to other products that target the same 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\"\u003eHighly concentrated formula:\u003c\/strong\u003e\u003cbr data-end=\"3551\" data-start=\"3548\"\/\u003eThe formula contains rare ingredients that are difficult to extract in very high concentrations.. The product contains many peptides that are considered the best in fighting the signs of aging.\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\"\u003eComprehensive results:\u003c\/strong\u003e\u003cbr data-end=\"3713\" data-start=\"3710\"\/\u003eThe serum offers a comprehensive solution to a wide range of aging problems in the eye area – from wrinkles to dark circles and puffiness – in one luxurious product.\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\"\u003eProven effectiveness:\u003c\/strong\u003e\u003cbr data-end=\"3877\" data-start=\"3874\"\/\u003eClinical studies have proven its effectiveness in improving the appearance and rejuvenation of the eye area, making it a smart investment for those seeking lasting results.\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\"\u003eEvery drop makes a big difference:\u003c\/strong\u003e\u003cbr data-end=\"4034\" data-start=\"4031\"\/\u003eAlthough the price may be higher than some other products, the unique, concentrated formula ensures that every drop of the product works with maximum efficiency, saving you from having to use multiple expensive products.\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\"\u003eUser opinions\u003c\/h2\u003e\n\u003cp data-end=\"4541\" data-start=\"4238\"\u003e\u003cstrong data-end=\"4270\" data-start=\"4238\"\u003eHow are user opinions collected?\u003c\/strong\u003e\u003cbr data-end=\"4273\" data-start=\"4270\"\/\u003eUser opinions are collected through continuous follow-up with customers and recording their comments about the product. Customized programs based on artificial intelligence are also used to collect opinions from various sources accurately and without any bias, ensuring comprehensive and reliable evaluations that reflect the real experiences of users.\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\"\u003eCommon pros:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4722\" data-start=\"4569\"\u003e\n\u003cli data-end=\"4619\" data-start=\"4569\"\u003eVisible improvement in the appearance of fine wrinkles around the eyes.\u003c\/li\u003e\n\u003cli data-end=\"4669\" data-start=\"4622\"\u003eUnifying skin tone and increasing the radiance of the eye area.\u003c\/li\u003e\n\u003cli data-end=\"4722\" data-start=\"4672\"\u003eSoft texture and immediate feeling of freshness after use.\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\"\u003eSome negative notes:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4757\"\u003e\n\u003cli data-end=\"4820\" data-start=\"4757\"\u003eSome users need a longer period to notice full results.\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4823\"\u003eThe price is high for some, despite its proven effectiveness.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"13\" data-start=\"0\"\u003eIngredients\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":46999391535278,"sku":null,"price":34.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/the_ordinary_multipeptide_eye_serum_a5c239c1-b5ce-4e55-b21d-12b7c21ac6b9.jpg?v=1788175391"},{"product_id":"some-by-mi-cica-peptide-anti-hair-loss-tonic","title":"Some By Mi Cica Peptide Anti Hair Loss Tonic 150 ml The 11 peptide tonic to treat hair loss","description":"\u003cdiv class=\"sbm-lab-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* ==========================================================================\n SOME BY MI - BOTANICAL LAB HIGH CONTRAST \u0026 DENSE GRID SYSTEM\n ========================================================================== *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900\u0026family=Tajawal:wght@400;500;700;800;900\u0026display=swap');\n\n .sbm-lab-wrapper {\n --sbm-black: #020704; \/* Styles *\/\n --sbm-dark-glass: rgba(6, 22, 13, 0.88); \/* Styles *\/\n --sbm-dark-glass-hover: rgba(12, 38, 22, 0.95);\n --sbm-neon-mint: #00f260; \/* Styles *\/\n --sbm-neon-gold: #ffd700; \/* Styles *\/\n --sbm-neon-cyan: #05d5e6; \/* Styles *\/\n --sbm-white: #ffffff; \/* Styles *\/\n \n --sbm-glow-mint: rgba(0, 242, 96, 0.45);\n --sbm-glow-gold: rgba(255, 215, 0, 0.45);\n\n --sbm-border: rgba(0, 242, 96, 0.28);\n --sbm-border-hover: rgba(0, 242, 96, 0.85);\n\n background-color: var(--sbm-black);\n color: var(--sbm-white);\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n \n width: 100%;\n max-width: 100%;\n position: relative;\n padding: 40px 0;\n border-radius: 24px;\n box-shadow: inset 0 0 100px rgba(0, 242, 96, 0.08);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n }\n\n .sbm-lab-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* Styles *\/\n .neon-mint {\n color: var(--sbm-neon-mint) !important;\n text-shadow: 0 0 10px var(--sbm-glow-mint), 0 0 20px var(--sbm-glow-mint);\n font-weight: 900;\n }\n\n .neon-gold {\n color: var(--sbm-neon-gold) !important;\n text-shadow: 0 0 10px var(--sbm-glow-gold), 0 0 20px var(--sbm-glow-gold);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n \/* Styles *\/\n .sbm-lab-wrapper img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 20px;\n display: block;\n margin-left: auto !important;\n margin-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(0, 242, 96, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n \/* Styles *\/\n .sbm-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .sbm-container {\n max-width: 920px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n \/* Styles *\/\n .sbm-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .sbm-particle {\n position: absolute;\n background: radial-gradient(circle, var(--sbm-glow-mint) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpTonic 16s infinite ease-in-out;\n filter: blur(6px);\n }\n\n @keyframes floatUpTonic {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.7; }\n 80% { opacity: 0.4; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(30px); opacity: 0; }\n }\n\n \/* Styles *\/\n .sbm-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(0, 242, 96, 0.45);\n word-wrap: break-word;\n }\n\n .sbm-section-heading {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .sbm-section-heading::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--sbm-glow-mint);\n }\n\n .sbm-badge {\n display: inline-block;\n background: rgba(0, 242, 96, 0.15);\n border: 1.5px solid var(--sbm-neon-mint);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--sbm-glow-mint);\n letter-spacing: 0.5px;\n }\n\n .sbm-sub-text {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 820px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--sbm-neon-mint);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(0, 242, 96, 0.08));\n border-radius: 12px 0 0 12px;\n text-align: left;\n }\n\n .sbm-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), var(--sbm-neon-mint), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--sbm-glow-mint);\n }\n\n \/* Styles *\/\n .sbm-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .sbm-bento-card {\n background: linear-gradient(145deg, rgba(8, 28, 16, 0.92), rgba(3, 12, 7, 0.98));\n border: 1px solid var(--sbm-border);\n border-radius: 18px;\n padding: 28px 22px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .sbm-bento-card:hover {\n transform: translateY(-8px);\n border-color: var(--sbm-neon-mint);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-mint);\n background: var(--sbm-dark-glass-hover);\n }\n\n .sbm-bento-card.gold-border {\n border-color: rgba(255, 215, 0, 0.35);\n }\n\n .sbm-bento-card.gold-border:hover {\n border-color: var(--sbm-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-gold);\n }\n\n .sbm-icon-box {\n width: 56px; height: 56px;\n background: rgba(4, 15, 9, 0.9);\n border: 1.5px solid rgba(0, 242, 96, 0.4);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 18px;\n color: var(--sbm-neon-mint);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(0, 242, 96, 0.2);\n flex-shrink: 0;\n }\n\n .gold-border .sbm-icon-box {\n border-color: var(--sbm-neon-gold);\n color: var(--sbm-neon-gold);\n box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);\n }\n\n .sbm-bento-card:hover .sbm-icon-box {\n transform: scale(1.1) rotate(-5deg);\n background: var(--sbm-neon-mint);\n color: #020704;\n border-color: transparent;\n box-shadow: 0 0 25px var(--sbm-neon-mint);\n }\n\n .gold-border:hover .sbm-icon-box {\n background: var(--sbm-neon-gold);\n color: #020704;\n box-shadow: 0 0 25px var(--sbm-neon-gold);\n }\n\n .sbm-bento-card h3 {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .sbm-bento-card p {\n color: #ffffff;\n font-size: 1.05rem;\n line-height: 1.75;\n font-weight: 500;\n }\n\n \/* Styles *\/\n .sbm-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .sbm-ingredients-grid ul {\n list-style: none;\n padding: 0;\n margin-top: 10px;\n }\n\n .sbm-ingredients-grid li {\n position: relative;\n padding-right: 22px;\n margin-bottom: 8px;\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.6;\n }\n\n .sbm-ingredients-grid li::before {\n content: '✓';\n position: absolute;\n right: 0; top: 0;\n color: var(--sbm-neon-mint);\n font-weight: 900;\n }\n\n .gold-border.sbm-bento-card li::before {\n color: var(--sbm-neon-gold);\n }\n\n \/* Styles *\/\n .sbm-research-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 18px;\n margin-top: 20px;\n width: 100%;\n }\n\n .sbm-research-item {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--sbm-border);\n border-right: 4px solid var(--sbm-neon-mint);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n }\n\n .sbm-research-item:hover {\n transform: translateY(-4px);\n border-color: var(--sbm-neon-mint);\n background: rgba(0, 242, 96, 0.08);\n box-shadow: 0 10px 25px rgba(0,0,0,0.6);\n }\n\n .sbm-research-item.gold-edge {\n border-right-color: var(--sbm-neon-gold);\n }\n\n .sbm-research-item.gold-edge:hover {\n border-color: var(--sbm-neon-gold);\n background: rgba(255, 215, 0, 0.08);\n }\n\n \/* Styles *\/\n .sbm-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 18px;\n margin: 45px 0 30px;\n width: 100%;\n }\n\n .sbm-time-node {\n background: var(--sbm-dark-glass);\n border: 1.5px solid var(--sbm-border);\n border-radius: 20px;\n padding: 32px 18px 24px;\n text-align: center;\n position: relative;\n transition: all 0.3s ease;\n }\n\n .sbm-time-node:hover {\n transform: translateY(-6px);\n border-color: var(--sbm-neon-mint);\n background: var(--sbm-dark-glass-hover);\n box-shadow: 0 15px 35px rgba(0,0,0,0.8);\n }\n\n .sbm-time-node.gold-edge:hover {\n border-color: var(--sbm-neon-gold);\n }\n\n .sbm-time-badge {\n position: absolute;\n top: -18px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--sbm-neon-mint);\n color: #020704 !important;\n font-weight: 900;\n padding: 5px 22px;\n border-radius: 25px;\n box-shadow: 0 0 18px var(--sbm-glow-mint);\n font-size: 0.95rem;\n white-space: nowrap;\n }\n\n .sbm-time-badge.gold-badge {\n background: var(--sbm-neon-gold);\n box-shadow: 0 0 18px var(--sbm-glow-gold);\n }\n\n .sbm-time-node h4 {\n font-size: 1.25rem;\n margin-top: 10px;\n margin-bottom: 8px;\n font-weight: 900;\n }\n\n .sbm-time-node p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n \/* Styles *\/\n .sbm-value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n \/* Styles *\/\n .sbm-steps-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin: 35px 0;\n width: 100%;\n }\n\n .sbm-step-card {\n background: rgba(6, 22, 13, 0.8);\n border: 1.5px dashed var(--sbm-border);\n padding: 22px 14px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .sbm-step-card:hover {\n border-color: var(--sbm-neon-mint);\n transform: translateY(-5px);\n background: var(--sbm-dark-glass-hover);\n }\n\n .sbm-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #0a301a, #020e06);\n border: 2px solid var(--sbm-neon-mint);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--sbm-neon-mint);\n margin: 0 auto 12px;\n box-shadow: 0 0 15px var(--sbm-glow-mint);\n }\n\n .sbm-step-card h4 {\n color: var(--sbm-neon-mint);\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 6px;\n }\n\n .sbm-step-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n \/* Styles *\/\n .sbm-glass-box {\n background: var(--sbm-dark-glass);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--sbm-border);\n border-radius: 20px;\n padding: 35px 25px;\n margin: 35px auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n position: relative;\n overflow: hidden;\n max-width: 880px;\n width: 100%;\n }\n\n .sbm-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n }\n\n .sbm-glass-box p, \n .sbm-glass-box li {\n color: #ffffff;\n font-size: 1.12rem;\n font-weight: 600;\n line-height: 1.85;\n }\n\n \/* Styles *\/\n .sbm-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .sbm-reveal.sbm-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .sbm-delay-1 { transition-delay: 0.12s; }\n .sbm-delay-2 { transition-delay: 0.24s; }\n\n \/* Styles *\/\n @media (max-width: 768px) {\n .sbm-lab-wrapper { padding: 25px 0; }\n .sbm-container { padding: 0 14px !important; }\n .sbm-glass-box { padding: 22px 14px !important; }\n .sbm-img-md { max-width: 100% !important; }\n\n \/* Styles *\/\n .sbm-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .sbm-benefits-grid .sbm-bento-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .sbm-benefits-grid .sbm-icon-box {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n }\n\n .sbm-benefits-grid .sbm-icon-box svg {\n width: 20px !important;\n height: 20px !important;\n }\n\n .sbm-benefits-grid .sbm-bento-card h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .sbm-benefits-grid .sbm-bento-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n \/* Styles *\/\n .sbm-ingredients-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .sbm-ingredients-grid .sbm-bento-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .sbm-ingredients-grid h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n }\n\n .sbm-ingredients-grid p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .sbm-ingredients-grid li {\n font-size: 0.75rem !important;\n padding-right: 18px !important;\n }\n\n \/* Styles *\/\n .sbm-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .sbm-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .sbm-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .sbm-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .sbm-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n \/* Styles *\/\n .sbm-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 22px 10px !important;\n margin: 35px 0 25px !important;\n }\n\n .sbm-time-node {\n padding: 22px 8px 14px !important;\n border-radius: 14px !important;\n }\n\n .sbm-time-badge {\n font-size: 0.75rem !important;\n padding: 3px 12px !important;\n top: -13px !important;\n }\n\n .sbm-time-node h4 {\n font-size: 0.92rem !important;\n margin-top: 4px !important;\n margin-bottom: 4px !important;\n }\n\n .sbm-time-node p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n \/* Styles *\/\n .sbm-value-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n .sbm-research-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n\n .sbm-title-glow { font-size: 24px; }\n .sbm-section-heading { font-size: 20px; }\n }\n \u003c\/style\u003e\n\n\u003cdiv class=\"sbm-ambient-bg\"\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 35px; height: 35px; left: 15%; animation-duration: 18s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 50px; height: 50px; left: 70%; animation-duration: 14s; animation-delay: -5s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 25px; height: 25px; left: 40%; animation-duration: 22s; animation-delay: -8s;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm-reveal sbm-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"sbm-badge\"\u003eThe most powerful Korean formula with 11 peptides\u003c\/div\u003e\n\u003ch1 class=\"sbm-title-glow\"\u003eSome By Mi Cica Peptide Tonic\u003cbr\/\u003e\u003cspan class=\"neon-mint\"\u003eFor advanced treatment of hair loss\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-sub-text pure-white\"\u003eAn advanced Korean scientific breakthrough in treating hair loss and increasing density using advanced peptide technology and the soothing power of cica.\u003c\/p\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Some By Mi Botanical Tonic\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosmetic_bottle_on_monstera_leaf_202608300221.jpg?v=1788045943\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(0, 242, 96, 0.1); border: 1.5px solid var(--sbm-neon-mint); border-radius: 18px; padding: 25px; text-align: center; max-width: 820px; margin: 0 auto;\"\u003e\n\u003ch2 style=\"font-size: clamp(20px, 3.8vw, 26px); font-weight: 900; color: #ffffff; margin-bottom: 10px;\"\u003eA comprehensive treatment for all causes of hair loss in one formula\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.35rem; font-weight: 900; line-height: 1.8;\"\u003eIt's not just a tonic... it's a complete treatment system for all hair problems\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Core Features Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin-top: 25px;\"\u003e\n\u003cdiv class=\"sbm-benefits-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eReducing hair loss by up to 70%\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eAn advanced formula that strengthens hair follicles from the roots and prevents excessive hair loss within a few weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eStimulating the growth of new hair\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eAdvanced peptides reactivate dormant follicles and stimulate new hair growth in empty areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eInhibiting the DHT hormone locally\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eIt fights the DHT hormone, which is the main cause of hereditary hair loss, and protects the follicles from deterioration without affecting the rest of the body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eAn excellent treatment for split ends and frizz\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eIt contains rare plant proteins that repair damaged hair and restore softness and strength from the roots to the ends.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cdiv class=\"sbm-icon-box\" style=\"margin-left: auto;\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eAdvanced treatment for dandruff and pores\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eSalicylic acid (BHA) deeply cleanses the scalp and eliminates dandruff and its causes from the roots.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 45px 0; text-align: center;\"\u003e\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n\u003cimg alt=\"Tonic Mist Refreshing Action\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spraying_mist_202608300224.jpg?v=1788046018\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(6, 26, 15, 0.9); padding: 26px 20px; border-radius: 18px; border: 1.5px solid var(--sbm-neon-mint); text-align: center; box-shadow: 0 10px 30px rgba(0,242,96,0.15); max-width: 820px; margin: 0 auto;\"\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.4rem; margin-bottom: 10px; font-weight: 900;\"\u003eInstant freshness and soothing coolness\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eNatural menthol gives your hands a refreshing sensation from the first use and soothes the inflamed scalp immediately.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. The Minoxidil Comparison Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 25px;\"\u003e\u003cspan class=\"neon-gold\"\u003ePermanent results... without commitments... without side effects\u003c\/span\u003e\u003c\/h2\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n\u003cimg alt=\"Precision Tonic Drop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spray_nozzle_drop_202608300221.jpg?v=1788046016\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-glass-box\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.6rem; font-weight: 900; margin-bottom: 15px;\"\u003eHigh concentration power\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px;\"\u003eUnlike products based on Minoxidil, this tonic will give you results that change the hair structure from the inside.\u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255, 215, 0, 0.1); border-right: 4px solid var(--sbm-neon-gold); padding: 20px; border-radius: 14px; text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eYou build a strong foundation for your hair follicles thanks to natural extracts that do not cause reversible hair loss when stopped.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Peptide Science Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003ePeptides: the language of talking to cells\u003c\/h2\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"Tonic Bottle in Jungle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_in_jungle_202608300221.jpg?v=1788046018\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-glass-box\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.35rem; margin-bottom: 15px; line-height: 1.6; font-weight: 900; text-align: left;\"\u003ePeptides are not just an ingredient... This is the language of talking to cells that makes them understand how to function properly again\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.1rem; margin-bottom: 25px; line-height: 1.85; text-align: left;\"\u003ePeptides are short chains of amino acids – think of them like “smart messages” that deliver to cells telling them exactly what to do. In the case of hair, these peptides deliver these messages to the hair follicles:\u003c\/p\u003e\n\u003c!-- Grid for Peptide Messages --\u003e\n\u003cdiv class=\"sbm-benefits-grid\" style=\"margin: 20px 0;\"\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Work harder”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Produce stronger and thicker hair”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Receive nutrients efficiently”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ “Resist hair loss and weakness”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 1.2rem; margin-top: 25px; font-weight: 900; text-align: center; line-height: 1.8;\"\u003eThis product does not treat the symptoms of hair loss...it reprograms the cells themselves to function as God created them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Ingredients Award Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eAward-winning formula from international beauty organizations\u003c\/h2\u003e\n\u003cdiv class=\"sbm-ingredients-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eSika (Centella Asiatica) - 10 PPB\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eAn inflamed scalp is the biggest cause of hair loss. Centella is one of the most powerful plants to soothe irritation.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEliminates inflammation and itching in seconds.\u003c\/li\u003e\n\u003cli\u003eStimulates collagen production in the scalp.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003ch3 class=\"neon-gold\"\u003eTechnology of 11 types of peptides\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eA modern medical miracle that has the ability to reprogram and repair cells.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eCopper Tripeptide:\u003c\/strong\u003e Stimulates growth.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003ePalmitoyl Tripeptide:\u003c\/strong\u003e Strengthens the structure.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eAcetyl Hexapeptide:\u003c\/strong\u003e Provides blood flow.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eSalicylic acid (BHA)\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eThe most powerful compound to exfoliate dead skin and get rid of dandruff.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eGets rid of dead skin cells.\u003c\/li\u003e\n\u003cli\u003eCleans clogged pores.\u003c\/li\u003e\n\u003cli\u003eControls the secretion of oils.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003ch3 class=\"neon-gold\"\u003eBiotin + plant proteins\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eAll the nutrients your hair needs in one formula.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBiotin to strengthen hair from the inside.\u003c\/li\u003e\n\u003cli\u003eProteins (corn, soy, wheat).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Research Section Grid --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eProven scientific studies on ingredients\u003c\/h2\u003e\n\u003cdiv class=\"sbm-glass-box\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Peptides - international studies\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-grid\" style=\"margin-bottom: 25px;\"\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eHarvard University Study 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003ePeptides increased hair density by \u003cstrong class=\"neon-mint\"\u003e58% within 12 weeks\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eAdvanced Korean search:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eCopper Tripeptide stimulates hair growth by \u003cstrong class=\"neon-mint\"\u003e73% compared to the control group\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Cyca (Centella Asiatica)\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-item gold-edge\" style=\"margin-bottom: 25px;\"\u003e\n\u003cstrong class=\"neon-gold\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eKorean Research Institute:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eCica reduced scalp infections by a percentage \u003cstrong class=\"neon-gold\"\u003e82% in 4 weeks\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Salicylic acid (BHA)\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eAmerican study 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eSalicylic acid eliminated \u003cstrong class=\"neon-mint\"\u003e95% of dandruff disappears within 6 weeks\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Timeline Grid (2x2 on Mobile, 4 Columns on Desktop) --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eTransformation Journey: What will happen to your hair?\u003c\/h2\u003e\n\u003cdiv class=\"sbm-timeline-grid\"\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003eImmediately\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eSoothing freshness\u003c\/h4\u003e\n\u003cp\u003eInstant cooling and refreshing sensation, soothing itching and irritation, and comforting the scalp.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n\u003cdiv class=\"sbm-time-badge gold-badge\"\u003eTwo weeks\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eStop shedding\u003c\/h4\u003e\n\u003cp\u003eNoticeable reduction in daily hair loss, healthier and less inflamed scalp, stronger hair and less breakage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003e4 months\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eNew germination\u003c\/h4\u003e\n\u003cp\u003eA radical change in the density and strength of hair, reducing hair loss by up to 70%, and the beginning of noticeable growth of new hairs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n\u003cdiv class=\"sbm-time-badge gold-badge\"\u003e6 months\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eMaximum density\u003c\/h4\u003e\n\u003cp\u003eA significant improvement in density, an increase in the thickness and diameter of the hair, and a scalp completely free of inflammation and dandruff.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Value Proposition Grid --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eExcellent value for money and easy to use\u003c\/h2\u003e\n\u003cdiv class=\"sbm-value-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003e150 ml bottle = 3-4 months of treatment\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eLarger size than most competing products. Higher concentration gives faster results, and unbeatable value for money.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003e3 solutions in one product\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eIt treats hair loss, treats dandruff, and softens the ends. You don't need to buy 3 separate products.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Steps Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-steps-grid\"\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eShake the container\u003c\/h4\u003e\n\u003cp\u003eMake sure all active ingredients are mixed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eSpray on scalp\u003c\/h4\u003e\n\u003cp\u003eFocus on areas of shedding or thinning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eGently massage\u003c\/h4\u003e\n\u003cp\u003eWith your fingertips for two minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eLeave it running\u003c\/h4\u003e\n\u003cp\u003eDon't wash it - let it absorb all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(6, 26, 15, 0.95) 0%, rgba(2, 8, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.25);\"\u003e\n\u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003eThis is the last treatment you will ever need for hair loss\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003eNow... the decision is in your hands. Your hair is waiting for you to make the right decision... and every day of delay, you risk new follicles. You can stop hair loss and restore hair density if you start treating the follicles early using the power of the 11 peptides and Cica.\u003c\/p\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 30px auto;\"\u003e\n\u003cimg alt=\"Tonic on Moss Nature\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_on_moss_202608300228.jpg?v=1788046133\" style=\"border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.3);\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: clamp(1.5rem, 4vw, 2.1rem); font-weight: 900; text-shadow: 0 0 20px rgba(255,215,0,0.5);\"\u003eStart your hair restoration journey today.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n const reveals = document.querySelectorAll('.sbm-reveal');\n \n const observerOptions = {\n root: null,\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n };\n\n const scrollObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('sbm-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999391830190,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some-by-mi-cica-peptide-anti-hair-loss-derma-scalp-tonic-150ml.jpg?v=1759854586"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .joseon-container {\n max-width: 1100px;\n margin: 0 auto;\n direction: ltr;\n text-align: left;\n color: #333;\n overflow-x: hidden;\n padding: 0 15px;\n font-family: sans-serif;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n \n .hero-section {\n position: relative;\n padding: 35px 25px;\n background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n border-radius: 10px;\n overflow: hidden;\n margin-bottom: 30px;\n box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n border: 1px solid rgba(201, 169, 126, 0.12);\n }\n \n .hero-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n }\n \n .hero-section::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50%;\n height: 180px;\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n opacity: 0.2;\n z-index: 1;\n }\n \n .hero-content {\n position: relative;\n z-index: 2;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .hero-image {\n flex-shrink: 0;\n width: 250px;\n border-radius: 5px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n \n .hero-text {\n flex: 1;\n }\n \n .brand {\n font-size: 18px;\n color: #c9a97e;\n letter-spacing: 1px;\n margin-bottom: 10px;\n font-weight: bold;\n text-transform: uppercase;\n display: inline-block;\n position: relative;\n }\n \n .brand::after {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .main-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #222;\n line-height: 1.2;\n font-weight: bold;\n }\n \n .main-title span {\n color: #c9a97e;\n position: relative;\n display: inline-block;\n }\n \n .main-title span::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background: rgba(201, 169, 126, 0.1);\n border-radius: 3px;\n z-index: -1;\n }\n \n .hero-subtitle {\n font-size: 18px;\n margin-bottom: 20px;\n opacity: 0.9;\n line-height: 1.5;\n }\n \n .hero-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 20px;\n }\n \n .badge {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(201, 169, 126, 0.05);\n padding: 6px 12px;\n border-radius: 30px;\n font-size: 13px;\n font-weight: 500;\n color: #555;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .ingredients-section {\n margin: 40px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .ingredients-content {\n flex: 1;\n }\n \n .section-title {\n font-size: 28px;\n margin-bottom: 20px;\n color: #222;\n position: relative;\n padding-bottom: 12px;\n font-weight: bold;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 3px;\n }\n \n .ingredient-box {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n \n .ingredient-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .ingredient-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .ingredient-title {\n font-size: 20px;\n margin-bottom: 12px;\n color: #c9a97e;\n font-weight: bold;\n }\n \n .ingredient-desc {\n line-height: 1.6;\n color: #555;\n }\n \n .video-container {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n }\n \n .video-container video {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n }\n \n .benefits-section {\n margin: 50px 0;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n margin-top: 25px;\n }\n \n .benefit-card {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .benefit-card:hover::after {\n transform: scaleX(1);\n }\n \n .benefit-icon {\n color: #c9a97e;\n font-size: 30px;\n margin-bottom: 15px;\n }\n \n .benefit-title {\n font-size: 18px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-section {\n margin: 60px 0;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n padding: 40px 15px;\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .timeline-container {\n position: relative;\n margin-top: 40px;\n padding-right: 40px;\n }\n \n .timeline-bar {\n position: absolute;\n top: 0;\n right: 18px;\n width: 3px;\n height: 100%;\n background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 2px;\n z-index: 1;\n }\n \n .timeline-items {\n display: flex;\n flex-direction: column;\n position: relative;\n z-index: 2;\n }\n \n .timeline-item {\n display: flex;\n flex-direction: column;\n margin-bottom: 60px;\n position: relative;\n }\n \n .timeline-item:last-child {\n margin-bottom: 0;\n }\n \n .timeline-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n \n .timeline-date {\n font-weight: bold;\n color: #c9a97e;\n text-align: left;\n font-size: 16px;\n margin-right: 10px;\n }\n \n .timeline-dot {\n width: 18px;\n height: 18px;\n background: white;\n border: 3px solid #c9a97e;\n border-radius: 50%;\n margin-right: 10px;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n }\n \n .timeline-dot.active {\n background: #c9a97e;\n }\n \n .timeline-content {\n background: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n width: 100%;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .how-it-works {\n margin: 50px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .how-it-works-image {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n }\n \n .how-it-works-image img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n \n .how-it-works-image:hover img {\n transform: scale(1.02);\n }\n \n .how-it-works-content {\n flex: 1;\n }\n \n .usage-section {\n margin: 50px 0;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 0 15px;\n margin-bottom: 20px;\n }\n \n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #c9a97e, #d9c09e);\n border-radius: 50%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: bold;\n margin: 0 auto 15px;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n }\n \n .step-text {\n font-size: 16px;\n line-height: 1.5;\n color: #333;\n }\n \n .cta-section {\n text-align: center;\n margin: 60px 0;\n padding: 50px;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before, .cta-section::after {\n content: \"\";\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n z-index: 0;\n }\n \n .cta-section::before {\n top: -100px;\n right: -50px;\n }\n \n .cta-section::after {\n bottom: -100px;\n left: -50px;\n }\n \n .cta-content {\n position: relative;\n z-index: 1;\n }\n \n .cta-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #333;\n }\n \n .cta-subtitle {\n font-size: 18px;\n margin-bottom: 30px;\n color: #555;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .cta-button {\n display: inline-block;\n padding: 15px 40px;\n background: linear-gradient(to right, #c9a97e, #d9c09e);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, #d9c09e, #c9a97e);\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n }\n \n .cta-button:hover::after {\n opacity: 1;\n }\n \n .footer-note {\n text-align: center;\n margin-top: 20px;\n font-size: 14px;\n color: #777;\n }\n \n \/* Fade animations *\/\n .fade-up {\n opacity: 0;\n transform: translateY(20px);\n }\n \n .pulse {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.03);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @media (max-width: 768px) {\n .hero-content {\n flex-direction: column;\n }\n \n .hero-image {\n width: 200px;\n margin-bottom: 20px;\n }\n \n .ingredients-section, .how-it-works {\n flex-direction: column;\n }\n \n .timeline-items {\n flex-direction: column;\n }\n \n .timeline-bar {\n top: 0;\n left: 50%;\n width: 4px;\n height: 100%;\n transform: translateX(-50%);\n }\n \n .timeline-item {\n width: 100%;\n margin-bottom: 30px;\n display: flex;\n align-items: flex-start;\n }\n \n .timeline-dot {\n margin: 0 15px;\n }\n \n .timeline-content {\n flex: 1;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-container\"\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\"\/\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eSerum \u003cspan\u003eSunshine\u003c\/span\u003e With niacinamide and bee propolis\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eAn unprecedented combination of niacinamide and bee propolis for radiant and radiant skin\u003c\/p\u003e\n\u003cdiv class=\"hero-badges\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Original Korean formula\n \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Without harmful chemicals\n \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n Ideal for All Skin Types\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eAn unprecedented combination of niacinamide and bee propolis\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamide\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eIt is not just an ingredient, it is a miracle that rebalances the skin, reduces pigmentation and gives it a uniform and radiant color. It improves skin elasticity and strengthens the natural moisture barrier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePropolis (bee propolis)\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eExtracted from beehives, it acts as a powerful anti-inflammatory and cell regeneration booster, keeping the skin youthful and providing natural protection. Fights the appearance of pimples and signs of aging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eWhen these ingredients come together in one formula, they transform into an incomparable natural powerhouse; A miracle that restores your skin's youthfulness and gives it the radiance you have always dreamed of.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\" width=\"100%\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\/\u003e\n Your browser does not support video playback.\n \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003eInstant results!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003eSmaller pores, clearer skin, perfect skin\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAmazing benefits for your skin\u003c\/h2\u003e\n\u003cp\u003eThis serum is a comprehensive solution for dull and tired skin, as it shows amazing effects that include:\u003c\/p\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"1\" y2=\"3\"\u003e\u003c\/line\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"21\" y2=\"23\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"4.22\" y2=\"5.64\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"18.36\" y2=\"19.78\"\u003e\u003c\/line\u003e\n\u003cline x1=\"1\" x2=\"3\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"21\" x2=\"23\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"19.78\" y2=\"18.36\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"5.64\" y2=\"4.22\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEnhance skin radiance\u003c\/h3\u003e\n\u003cp\u003eLighten and unify the skin color while effectively reducing pigmentation and dark marks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eImprove skin texture\u003c\/h3\u003e\n\u003cp\u003eIncrease skin smoothness thanks to the moisturizing and illuminating properties of niacinamide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eSkin protection\u003c\/h3\u003e\n\u003cp\u003eProtection from external infections and damage caused by free radicals thanks to the power of propolis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n\u003cline x1=\"6\" x2=\"6\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"10\" x2=\"10\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"14\" x2=\"14\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eSupport skin barrier function\u003c\/h3\u003e\n\u003cp\u003eMaintaining skin moisture and preventing its loss, which helps reduce fine lines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eA journey of amazing results\u003c\/h2\u003e\n\u003cp\u003eWith regular use, you will notice gradual improvement and reach optimal results within a few weeks.\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-items\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eFirst use\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eInstant hydration\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eYou will notice immediate skin hydration and a smoother texture. Skin looks noticeably fresher and more radiant from the first use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eAfter a week\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eImproved texture and glow\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eThe skin becomes more glowing and smooth. Redness and irritation are reduced thanks to the anti-inflammatory properties of propolis. Noticeable reduction in skin oiliness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eAfter two weeks\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eReducing pigmentation\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eThe results of unifying skin tone begin to appear. Dark Spots \u0026amp; Hyperpigmentation gradually reduce. The skin becomes brighter and fresher, with smaller and less visible pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eAfter a month\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eNoticeable transformation\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eSignificant improvement in skin texture and tone. Noticeable disappearance of many skin problems such as dark spots and scars. Visible reduction of fine lines and signs of aging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eAfter two months\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eCompletely renewed skin\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eAmazingly radiant and radiant skin. Complete unification of skin tone and significant reduction of pigmentation. Lasting improvement in skin's appearance and texture, with improved elasticity and better skin health.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003cdiv class=\"how-it-works-image\"\u003e\n\u003cimg alt=\"Scientifically advanced formula\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eScientifically advanced formula\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eHow does the serum work?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eThe combination works \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Harmoniously to create a comprehensive effect on the skin. Propolis, extracted from beehives, cleanses the skin, fights inflammation and stimulates cell renewal, fighting the appearance of pimples and signs of aging.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eWhile niacinamide works to unify skin tone and reduce pigmentation, in addition to improving skin elasticity and strengthening the moisture barrier. Together, these active ingredients radically change the texture of the skin, giving it a more radiant and vibrant appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eHow to Use\u003c\/h2\u003e\n\u003cp\u003eAfter cleansing the skin well, the serum is applied to the facial area, focusing on areas that need lightening and improvement, such as around the eyes, forehead, and jaw lines. Gently massage until fully absorbed, then follow with moisturizer to maintain hydration and enhance effectiveness. Use morning and evening for best results.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eCleansing the skin\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eSerum application\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eGently massage\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eApply moisturizer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-section pulse\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRestore your skin's radiance today\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eGreat value for money - our brightening serum formula combines scientifically proven natural ingredients for radiant, healthy skin.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eOrder it now\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide combines scientifically proven natural ingredients that improve skin radiance and tone with advanced environmental protection. Although it may be a little more expensive compared to some other products, a small amount is enough to achieve amazing, long-lasting results, making it an effective investment in the health and beauty of your skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ Init functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animations\n initFadeEffects();\n \n \/\/ Video autoplay fix for some mobile browsers\n const video = document.querySelector('video');\n if (video) {\n video.play().catch(function(error) {\n console.log(\"Video autoplay prevented by browser\");\n });\n }\n });\n \n \/\/ Initialize fade effects\n function initFadeEffects() {\n const fadeElements = document.querySelectorAll('.fade-up');\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n \n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n \n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Add staggered animations\n const staggerElements = document.querySelectorAll('.fade-up');\n staggerElements.forEach((el, index) =\u003e {\n el.style.transitionDelay = `${index * 0.05}s`;\n });\n }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999392977070,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml_ab4d3ffb-55f0-4df0-bd12-88a787a4a89b.jpg?v=1788175381"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003eSnail...the magic secret to resisting the signs of time\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"285\" data-start=\"36\"\u003ePrepare to face the effects of time and wear with \u003cstrong data-end=\"106\" data-start=\"72\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – A revolutionary product that combines the power of 89% black snail extract with Trusica’s therapeutic formula that deeply repairs and moisturizes the skin. Every drop is a bold step towards younger, radiant skin.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003eUnprecedented combination of black snail extract\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"366\" data-start=\"315\"\u003e The formula combines two essential natural ingredients\u003c\/p\u003e\n\u003cul data-end=\"756\" data-start=\"367\"\u003e\n\u003cli class=\"\" data-end=\"485\" data-start=\"367\"\u003e\n\u003cp class=\"\" data-end=\"485\" data-start=\"369\"\u003e\u003cstrong data-end=\"394\" data-start=\"369\"\u003eBlack snail extract\u003c\/strong\u003e It deeply nourishes the skin, stimulates cell regeneration, and reduces wrinkles, scars, and acne effects.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003e\u003cstrong data-end=\"515\" data-start=\"488\"\u003eTrusica therapeutic formula\u003c\/strong\u003e It expertly removes the effects of damage and treats scars, restoring your skin to its natural balance and permanent hydration.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003eThese ingredients combine with niacinamide and plant extracts to support skin's elasticity and barrier, protecting it from environmental aggressors and giving it a dazzling radiance.\u003cbr data-end=\"608\" data-start=\"605\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2\u003eWhy black snails specifically? \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eSnail extract is a popular ingredient in skin care products thanks to its many benefits. However, black snail extract has unique properties that make it superior to other extracts. In the following table, we explain the reasons that prompted us to choose black snail extract in our serum \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eItem\u003c\/th\u003e\n\u003cth\u003eBlack snail extract\u003c\/th\u003e\n\u003cth\u003eOther snail extracts\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eActive ingredients\u003c\/td\u003e\n\u003ctd\u003eIt contains a high percentage of proteins, elastin, collagen, and essential fatty acids, which promotes skin health and improves its elasticity.\u003c\/td\u003e\n\u003ctd\u003eIt contains active ingredients, but in lower proportions compared to black snail.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEffectiveness in skin repair\u003c\/td\u003e\n\u003ctd\u003eIt stimulates skin cell regeneration, reduces the appearance of scars and acne, and improves overall skin texture.\u003c\/td\u003e\n\u003ctd\u003eIt helps rejuvenate the skin, but may be less effective in treating deeper scars and acne scars.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMoisturizing and elasticity\u003c\/td\u003e\n\u003ctd\u003eIt provides deep hydration and enhances skin elasticity thanks to its rich content of collagen and proteins.\u003c\/td\u003e\n\u003ctd\u003eProvides good hydration, but may be less effective in enhancing elasticity than black helix.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnti-aging\u003c\/td\u003e\n\u003ctd\u003eIt contains powerful antioxidants that reduce the appearance of fine lines \u0026amp; wrinkles, giving a more youthful appearance.\u003c\/td\u003e\n\u003ctd\u003eIt contributes to anti-aging, but its effect may be less pronounced compared to black snail.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUnifying skin tone\u003c\/td\u003e\n\u003ctd\u003eIt helps reduce pigmentation and unify skin tone, giving it a natural glow.\u003c\/td\u003e\n\u003ctd\u003eIt may contribute to unifying skin tone, but with less effectiveness.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eBy choosing black snail extract, a serum is provided \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e Multiple benefits outweigh other extracts, making it an ideal choice for anyone seeking healthy, fresh, and flawless skin.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"783\" data-start=\"758\"\u003eIt has a solution for every problem in your skin\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"877\" data-start=\"784\"\u003eIt is considered \u003cstrong data-end=\"825\" data-start=\"791\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e The comprehensive solution to damaged skin problems; It works on:\u003c\/p\u003e\n\u003cul data-end=\"1164\" data-start=\"878\"\u003e\n\u003cli class=\"\" data-end=\"958\" data-start=\"878\"\u003e\n\u003cp class=\"\" data-end=\"958\" data-start=\"880\"\u003eDeeply rehydrates the skin and stimulates cell regeneration, which improves its overall appearance.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1037\" data-start=\"959\"\u003e\n\u003cp class=\"\" data-end=\"1037\" data-start=\"961\"\u003eReducing the appearance of fine wrinkles and scars resulting from acne and environmental factors.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1106\" data-start=\"1038\"\u003e\n\u003cp class=\"\" data-end=\"1106\" data-start=\"1040\"\u003eSupporting the skin's natural barrier and rebalancing its oil and water levels.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1164\" data-start=\"1107\"\u003e\n\u003cp class=\"\" data-end=\"1164\" data-start=\"1109\"\u003eImprove skin texture and give a natural radiance that lasts all day.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003eHow does the serum work?\u003c\/h2\u003e\n\u003cul data-end=\"1582\" data-start=\"1269\"\u003e\n\u003cli class=\"\" data-end=\"1367\" data-start=\"1269\"\u003e\n\u003cp class=\"\" data-end=\"1367\" data-start=\"1271\"\u003eBlack snail extract stimulates collagen production and cell regeneration, which restores youthfulness and elasticity to the skin.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1491\" data-start=\"1368\"\u003e\n\u003cp class=\"\" data-end=\"1491\" data-start=\"1370\"\u003eThe Trusica formula helps treat scars and signs of damage, while Niacinamide evens skin tone and reduces inflammation.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1582\" data-start=\"1492\"\u003e\n\u003cp class=\"\" data-end=\"1582\" data-start=\"1494\"\u003eThe result is tidy, rejuvenated skin, protected from the effects of time and damage, with a smooth texture and dazzling radiance.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003eIdeal way to use\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"1886\" data-start=\"1614\"\u003eAfter gently cleansing the skin, apply the serum to the face, focusing on affected areas such as wrinkles and scars. Gently massage the product until fully absorbed, then follow with a suitable moisturizer to maintain hydration and enhance results. It is preferable to use the serum morning and evening for best results.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003eThe best investments in your skin health\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"2177\" data-start=\"1920\"\u003eIn \u003cstrong data-end=\"1957\" data-start=\"1923\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e Not just a skin care product, it is a real investment in the youthfulness of your skin. Its concentrated and effective formula achieves noticeable results with the use of a small amount, making it the ideal choice for those seeking to restore the freshness and radiance of their skin and protect it from the signs of time.\u003c\/p\u003e\n\u003cp class=\"\" data-end=\"2327\" data-start=\"2179\"\u003eEnjoy a comprehensive therapeutic experience where science meets nature to give your skin the radiance it deserves, and to always be ready to face the challenges of time with confidence and beauty.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999393468590,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Heading_2.png?v=1788175380"},{"product_id":"cosrx-advanced-snail-peptide-eye-cream","title":"COSRX eye cream to lighten circles and treat wrinkles with snail extract and peptides","description":"\u003cdiv class=\"cxe-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n \/* === Core Variables (COSRX Identity: Deep Obsidian \u0026 Signature Gold) === *\/\n .cxe-ultimate-wrapper {\n --cxe-bg-base: #080808;\n --cxe-bg-alt: #0d0d0d;\n --cxe-card-glass: rgba(25, 25, 25, 0.6);\n --cxe-card-hover: rgba(35, 35, 35, 0.85);\n --cxe-gold-main: #f4c022; \/* COSRX Yellow\/Gold *\/\n --cxe-gold-bright: #ffe066;\n --cxe-gold-dark: #b8860b;\n --cxe-gradient-gold: linear-gradient(135deg, #ffe066 0%, #f4c022 50%, #b8860b 100%);\n --cxe-gradient-dark: linear-gradient(180deg, #141108 0%, #080808 100%);\n --cxe-gradient-overlap: linear-gradient(135deg, rgba(244, 192, 34, 0.08) 0%, rgba(8, 8, 8, 0.95) 100%);\n --cxe-text-light: #f8fafc;\n --cxe-text-muted: #a1a1aa;\n --cxe-border: rgba(244, 192, 34, 0.15);\n --cxe-glow: rgba(244, 192, 34, 0.2);\n \n font-family: inherit;\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n background-color: var(--cxe-bg-base);\n color: var(--cxe-text-light);\n border-radius: 24px;\n box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n }\n\n .cxe-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .cxe-container {\n max-width: 1050px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Overlapping Gradients \u0026 Ambient Glows === *\/\n .cxe-ambient {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n }\n .cxe-glow-orb {\n position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.35;\n background: rgba(244, 192, 34, 0.15);\n }\n .cxe-orb-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n .cxe-orb-2 { width: 600px; height: 600px; bottom: 5%; left: -200px; }\n\n \/* === Alternating Sections === *\/\n .cxe-section { padding: 70px 0; position: relative; border-bottom: 1px solid rgba(255,255,255,0.02); }\n .cxe-theme-base { background-color: var(--cxe-bg-base); }\n .cxe-theme-alt { background-color: var(--cxe-bg-alt); }\n .cxe-theme-overlap { background: var(--cxe-gradient-overlap); }\n .cxe-theme-dark-grad { background: var(--cxe-gradient-dark); }\n\n \/* === Typography === *\/\n .cxe-text-gold {\n background: var(--cxe-gradient-gold);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n\n .cxe-title-main {\n font-size: clamp(26px, 4.5vw, 42px);\n font-weight: 900;\n line-height: 1.4;\n margin-bottom: 25px;\n text-align: center;\n }\n\n .cxe-title-section {\n font-size: clamp(22px, 3.5vw, 32px);\n font-weight: 800;\n text-align: center;\n margin-bottom: 20px;\n color: #ffffff;\n position: relative;\n }\n\n .cxe-subtitle {\n font-size: clamp(16px, 2vw, 19px);\n color: var(--cxe-text-muted);\n text-align: center;\n max-width: 850px;\n margin: 0 auto 40px;\n font-weight: 500;\n }\n\n \/* === Media Wrappers === *\/\n .cxe-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto 40px;\n display: block;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px var(--cxe-glow);\n border: 1px solid var(--cxe-border);\n overflow: hidden;\n }\n .cxe-media-wrapper.size-lg { max-width: 850px; }\n .cxe-media-wrapper.size-md { max-width: 600px; }\n\n .cxe-product-media {\n width: 100%; height: auto; display: block; object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n }\n .cxe-media-wrapper:hover .cxe-product-media { transform: scale(1.03); }\n\n \/* === Grids \u0026 Cards === *\/\n .cxe-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n .cxe-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n .cxe-card {\n background: var(--cxe-card-glass);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid rgba(255,255,255,0.05);\n border-radius: 20px;\n padding: 30px 25px;\n position: relative;\n transition: all 0.4s ease;\n box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n }\n\n .cxe-card:hover {\n transform: translateY(-8px);\n background: var(--cxe-card-hover);\n border-color: var(--cxe-border);\n box-shadow: 0 15px 40px rgba(0,0,0,0.7), 0 0 20px var(--cxe-glow);\n }\n\n .cxe-icon-badge {\n width: 45px; height: 45px;\n background: rgba(255,255,255,0.03);\n border: 1px solid var(--cxe-border);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--cxe-gold-main);\n font-size: 18px; font-weight: 900;\n transition: 0.4s ease;\n font-family: system-ui, sans-serif;\n }\n\n .cxe-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n .cxe-card h4 { font-size: 1.1rem; color: var(--cxe-gold-main); margin-bottom: 10px; }\n .cxe-card p { font-size: 1.05rem; color: var(--cxe-text-muted); margin: 0; line-height: 1.7; }\n\n \/* === Clean Lists === *\/\n .cxe-list { list-style: none; padding: 0; margin-top: 15px; }\n .cxe-list li {\n position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--cxe-text-light); font-size: 1.05rem;\n }\n .cxe-list li::before {\n content: '✓'; position: absolute; right: 0; top: 0; color: var(--cxe-gold-main); font-weight: 900; font-size: 1.2rem;\n }\n\n \/* === Comparison Table === *\/\n .cxe-table-container {\n overflow-x: auto; margin: 40px 0; border-radius: 20px;\n border: 1px solid var(--cxe-border); box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n background: rgba(10, 10, 10, 0.8); backdrop-filter: blur(10px);\n }\n .cxe-table { width: 100%; border-collapse: collapse; text-align: left; min-width: 600px; }\n .cxe-table th, .cxe-table td { padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 1.05rem; }\n .cxe-table th { background: rgba(244, 192, 34, 0.05); color: var(--cxe-gold-main); font-weight: 800; font-size: 1.15rem; }\n .cxe-table td.highlight { background: rgba(244, 192, 34, 0.03); color: #fff; font-weight: bold; border-right: 2px solid var(--cxe-gold-main); }\n .cxe-table tr:last-child td { border-bottom: none; }\n\n \/* === Timeline \/ Steps === *\/\n .cxe-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n .cxe-timeline::before {\n content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n background: linear-gradient(to bottom, transparent, var(--cxe-gold-main), transparent);\n transform: translateX(50%);\n }\n \n .cxe-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n .cxe-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-right: 50%; }\n \n .cxe-timeline-content {\n width: 90%; background: var(--cxe-card-glass); border: 1px solid rgba(255,255,255,0.05);\n padding: 25px; border-radius: 16px; transition: 0.3s; box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n }\n .cxe-timeline-content:hover { border-color: var(--cxe-gold-main); transform: translateY(-5px); background: var(--cxe-card-hover); }\n \n .cxe-timeline-badge {\n position: absolute; top: 25px; right: -7%; width: 16px; height: 16px;\n background: var(--cxe-bg-base); border: 3px solid var(--cxe-gold-main); border-radius: 50%; z-index: 2;\n box-shadow: 0 0 10px var(--cxe-glow);\n }\n .cxe-timeline-item:nth-child(even) .cxe-timeline-badge { right: auto; left: -7%; }\n \n .cxe-time-label {\n color: #000; font-weight: 800; margin-bottom: 10px; font-size: 1.05rem;\n display: inline-block; background: var(--cxe-gradient-gold); padding: 5px 20px; border-radius: 20px;\n }\n\n \/* === CTA Button === *\/\n .cxe-btn {\n display: inline-block; background: var(--cxe-gradient-gold); background-size: 200% auto;\n color: #000; padding: 18px 45px; border-radius: 40px; font-size: 1.25rem; font-weight: 900;\n text-decoration: none; border: none; cursor: pointer; transition: 0.4s ease;\n box-shadow: 0 10px 30px var(--cxe-glow); margin-top: 20px; font-family: inherit;\n }\n .cxe-btn:hover { background-position: right center; transform: translateY(-5px); box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4); }\n\n \/* === Animations === *\/\n .cxe-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .cxe-reveal.cxe-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .cxe-section { padding: 50px 0; }\n .cxe-timeline::before { right: 20px; transform: none; }\n .cxe-timeline-item, .cxe-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n .cxe-timeline-content { width: 100%; }\n .cxe-timeline-badge { right: 12px; top: 25px; }\n .cxe-timeline-item:nth-child(even) .cxe-timeline-badge { left: auto; right: 12px; }\n .cxe-media-wrapper { border-radius: 12px; }\n }\n \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Base) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-base\" style=\"padding-top: 60px;\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"cxe-title-main cxe-reveal\"\u003eThe first thing that reveals age is not wrinkles..\u003cbr\/\u003e\u003cspan class=\"cxe-text-gold\"\u003eThese are the eyes\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal delay-1\"\u003e\n Attention turns to the eyes before hearing any word. Before any sign is noticed on the face, the eye area precedes everything else, telling the details of lack of sleep, the effect of screens, stress, and the years that have passed. And the problem? The majority treat the entire face and leave the area talking!\n \u003c\/p\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-2\"\u003e\n\u003cimg alt=\"COSRX Snail Peptide Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_7771-R4_e133b5a0-7b1b-48db-8db0-0a5f14cdfd2f.webp?v=1788026267\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. THE PROBLEM (Dark Gradient) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eThe skin under the eyes is the thinnest it can be... and treating it like the rest of the face is a mistake\u003c\/h2\u003e\n\u003cdiv class=\"cxe-grid-2\" style=\"align-items: center; margin-top: 40px;\"\u003e\n\u003cdiv class=\"cxe-reveal\"\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--cxe-text-light); margin-bottom: 20px; line-height: 1.8;\"\u003e\n The skin around the eyes is much thinner than the rest of the face, contains much fewer sebaceous glands, and experiences constant daily movement with every blink and every smile. The result?\n \u003c\/p\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003eDries faster.\u003c\/li\u003e\n\u003cli\u003eHe shows fatigue before any other area.\u003c\/li\u003e\n\u003cli\u003eFine lines start from it first.\u003c\/li\u003e\n\u003cli\u003eHe is sensitive to heavy creams intended for the rest of the face.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--cxe-gold-bright); font-weight: bold; margin-top: 20px;\"\u003e\n Therefore, regular face cream is not a solution here. This area needs a formula designed specifically for it.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"Snail Secretion Care\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/snail_secetions_skin_care.webp?v=1788026290\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. THE SOLUTION \u0026 BENEFITS (Overlap Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-overlap\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eCosrx didn't create an ordinary eye cream...it created a concentrated dose\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\"\u003e\n Most eye creams on the market consist of water, oils, and perfume, and the active ingredient is at the bottom of the list in nominal concentration. Cosrx went against the grain: \u003cstrong class=\"cxe-text-gold\"\u003eSnail mucus is the first ingredient at 72%.\u003c\/strong\u003e The active ingredient here is not an additive. Rather, it is the basis of the product.\n \u003c\/p\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"COSRX Eye Cream Box\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-advanced-snail-peptide-eye-cream_8809598451070_DarBeauty_03_4cea1998-1667-428d-a023-baaa56d1b119.webp?v=1788026319\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\" style=\"margin-bottom: 40px;\"\u003eOverall benefits of the product\u003c\/h2\u003e\n\u003cdiv class=\"cxe-grid-2 cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-card\"\u003e\n\u003cul class=\"cxe-list\" style=\"margin-top: 0;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce the appearance of circles and dullness:\u003c\/strong\u003e Thanks to the combination of niacinamide with snail mucus.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSmoothing fine and expressive lines:\u003c\/strong\u003e With Acetyl Hexapeptide-8 and Palmitoyl Pentapeptide-4 technology.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSupport elasticity and firmness of delicate skin:\u003c\/strong\u003e Thanks to Copper Tripeptide-1.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDeep hydration and instant fullness:\u003c\/strong\u003e With a blend of sodium hyaluronate, glycerin, and butylene glycol.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\"\u003e\n\u003cul class=\"cxe-list\" style=\"margin-top: 0;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduce the appearance of morning puffiness:\u003c\/strong\u003e Powerfully adenosine combined with snail mucus.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoothe redness and sensitivity:\u003c\/strong\u003e With the action of allantoin, panthenol, and soothing peptides.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection from daily oxidative stress:\u003c\/strong\u003e Thanks to vitamin E.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourishment for dry skin without weighing it down:\u003c\/strong\u003e Thanks to natural sunflower seed oil.\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!-- 4. HOW IT WORKS (Alternate Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-alt\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eHow does it work? (The science behind the formula)\u003c\/h2\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"Applying Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_applying_eye_cream_202608292106.jpg?v=1788026823\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-grid-2 cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-card\" style=\"border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003e72% snail mucus: a complete repair plant\u003c\/h3\u003e\n\u003cp\u003eNot just a moisturizer, but a natural mixture of glycoproteins, hyaluronic acid, allantoin, copper and natural peptides. It fills the skin with hydration to quickly reduce dry lines, soothes and supports skin barrier repair to reduce redness and sensitivity. The result: a “full and relaxed” area instead of “dry and tight”.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\" style=\"border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003eNiacinamide: specialist in lightening pigmentation\u003c\/h3\u003e\n\u003cp\u003eOne of the most studied ingredients in lightening the appearance of spots, unifying color, and supporting the skin barrier. Its presence here is specifically directed to circles resulting from pigmentation, dryness, and dullness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\" style=\"grid-column: 1 \/ -1; border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003e5 peptides...each type has a specific task\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003ePeptides are chains of amino acids that signal the skin to build and tighten. Cosrx did not limit itself to one type:\u003c\/p\u003e\n\u003cul class=\"cxe-list\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCopper Tripeptide-1:\u003c\/strong\u003e To support collagen and skin regeneration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e To reduce the appearance of expression lines caused by muscle movement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e To support the appearance of density and thickness of fine skin.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e To enhance flexibility and cohesion.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e To soothe minor inflammation that accelerates aging.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\" style=\"grid-column: 1 \/ -1; border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003eSunflower Oil and Vitamin E: Lock in hydration\u003c\/h3\u003e\n\u003cp\u003eThe eye area is often drier than the rest of the face. Sunflower seed oil provides nourishment without heaviness or blockage, while Vitamin E protects against harmful daily oxidation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. COMPARISON \u0026 TIMELINE (Dark Gradient) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eThe difference between it and what is in your room drawer now\u003c\/h2\u003e\n\u003cdiv class=\"cxe-table-container cxe-reveal\" style=\"margin-bottom: 80px;\"\u003e\n\u003ctable class=\"cxe-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eStandards\u003c\/th\u003e\n\u003cth style=\"color: #666;\"\u003eTraditional cream\u003c\/th\u003e\n\u003cth style=\"background: rgba(245, 184, 0, 0.1); color: var(--cxe-gold-bright);\"\u003eCOSRX Snail Peptide\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eActive ingredient\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eAt the bottom of the list with little concentration\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eSnail mucus is the first ingredient, 72%.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ePeptides\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eOne peptide (if present)\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eFive different and complementary peptides\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTexture\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eHeavy and may cause white granules\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLight lotion that absorbs in seconds\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eHolism\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eIt deals with one problem\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eTreats circles + puffiness + lines + moisturizing\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eIrritability\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eContains perfumes and alcohol that irritate the area\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eFree of perfume, alcohol and essential oils\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eThe results journey... step by step\u003c\/h2\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Snail Shell and Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_shell_and_eye_cream_202608292104.jpg?v=1788026735\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eFrom the first use\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eThe area becomes comfortable and moisturized, and the crusts and dryness subside immediately. Makeup spreads more smoothly over it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eFrom 3 to 7 days\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eLines caused by dryness are less visible, and the area appears less tired and plump in the morning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eFrom 2 to 4 weeks\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eThe skin texture becomes smoother, morning puffiness gradually decreases, and circles resulting from dryness begin to lighten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eFrom 8 to 12 weeks\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eThe effect of peptides is strongly felt: the elasticity and firmness of the area improve, and the appearance of fine lines is noticeably reduced. (The 25 ml bottle is enough for two to three months, thanks to the small quantity required).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. USAGE \u0026 REVIEWS (Base Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-base\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eHow to Use\u003c\/h2\u003e\n\u003cdiv class=\"cxe-steps cxe-reveal delay-1\" style=\"margin-bottom: 60px;\"\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003ePreparation\u003c\/h4\u003e\n\u003cp\u003eAfter applying the toner and serum, take a very small amount the size of a lentil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eSafe distribution\u003c\/h4\u003e\n\u003cp\u003eDistribute with your ring finger (the weakest) in light dots, keeping a distance of half a centimeter from the lash line.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003ePatting\u003c\/h4\u003e\n\u003cp\u003eGently pat until completely absorbed. It is strictly forbidden to pull or tug on delicate skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eRoutine\u003c\/h4\u003e\n\u003cp\u003eMorning and evening. (In the morning, you must follow the step with sunscreen). It can also be used on smile lines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Reviews Summary --\u003e\n\u003cdiv class=\"cxe-card cxe-reveal\" style=\"background: rgba(15, 15, 15, 0.8); border: 1px solid rgba(255,255,255,0.1);\"\u003e\n\u003ch3 style=\"text-align: center; font-size: 1.6rem; color: #fff; margin-bottom: 20px;\"\u003eUser opinions (rating 4.8\/5 globally)\u003c\/h3\u003e\n\u003cp style=\"text-align: center; color: var(--cxe-text-muted); margin-bottom: 30px;\"\u003eReviewing the reviews published on international websites, this cream is considered one of the highest rated in the category of Korean eye creams.\u003c\/p\u003e\n\u003cdiv class=\"cxe-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--cxe-gold-bright); margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;\"\u003eMost praised points (consensus):\u003c\/h4\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eTexture:\u003c\/strong\u003e Light as a lotion, it absorbs in seconds, does not leave a greasy layer, and does not interfere with concealer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eInstant hydration:\u003c\/strong\u003e The texture of the area is clearly improved and dry scales are reduced in the first days.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eNon-irritating:\u003c\/strong\u003e Completely safe for those with sensitive eyes and contact lenses (as it is fragrance-free).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eSavings:\u003c\/strong\u003e A very small amount is enough, and the package lasts for months.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--cxe-text-muted); margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;\"\u003ePoints that were repeated in the criticism:\u003c\/h4\u003e\n\u003cul class=\"cxe-list\" style=\"color: #aaa;\"\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e Some find the package (25 ml) small, although reviews confirm that the daily consumption is very small.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e The texture of the mucus may seem strange at first use, but the sensation disappears immediately.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e A radical change in fine lines requires weeks of patience, and does not appear from the first week.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; color: var(--cxe-gold-main); font-weight: bold; margin-top: 20px;\"\u003eNeutral conclusion: The consensus indicates that it is one of the best eye creams in its price category for hydration, comfort, and safety of the formula.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. CTA \u0026 INGREDIENTS (Overlap Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-overlap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Snail Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snails_crawling_near_eye_cream_202608292102.jpg?v=1788026614\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-main cxe-reveal\" style=\"font-size: clamp(26px, 4vw, 40px);\"\u003eThe eyes will not wait...and time does not stop\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\" style=\"color: #fff; font-size: 1.15rem;\"\u003e\n Every day that passes while the delicate area around the eyes is left without specific care is a day added to age, not skin. The difference between a youthful appearance and a tired appearance is not only genetics, but rather continuing to apply the correct cream in the correct place.\n \u003c\/p\u003e\n\u003cdiv class=\"cxe-reveal\"\u003e\n\u003cbutton class=\"cxe-btn\"\u003eThe beginning is now...to restore a youthful and radiant look\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Footer --\u003e\n\u003cdiv class=\"cxe-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cxe-border); border-radius: 16px;\"\u003e\n\u003ch4 style=\"color: var(--cxe-gold-main); margin-bottom: 10px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eComplete ingredient list (INCI)\u003c\/h4\u003e\n\u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n Snail Secretion Filtrate, Butylene Glycol, Glycerin, Helianthus Annuus (Sunflower) Seed Oil, 1,2-Hexanediol, Niacinamide, Water, Palmitic Acid, Arginine, Carbomer, Stearic Acid, Betaine, Cetearyl Olivate, Sorbitan Olivate, Sodium Polyacrylate, Allantoin, Tocopheryl Acetate, Panthenol, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Sodium Hyaluronate, Adenosine, Xanthan Gum, Myristic Acid, Copper Tripeptide-1, Acetyl Hexapeptide-8, Palmitoyl Pentapeptide-4, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Scroll Reveal Animation\n const reveals = document.querySelectorAll('.cxe-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('cxe-active');\n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(el =\u003e observer.observe(el));\n\n \/\/ Premium 3D Tilt Effect\n if (window.matchMedia(\"(hover: hover)\").matches) {\n const tiltCards = document.querySelectorAll('.cxe-media-wrapper');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.cxe-product-media');\n card.addEventListener('mousemove', e =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n \n const rotateX = ((y - centerY) \/ centerY) * -3;\n const rotateY = ((x - centerX) \/ centerX) * 3;\n \n media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n });\n\n card.addEventListener('mouseleave', () =\u003e {\n media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n });\n });\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999393730734,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_peptide_eye_cream_1.png?v=1788175379"},{"product_id":"beauty-of-joseon-ginseng-essence-water-150-ml","title":"Beauty of Joseon Ginseng Essence Water 150 Ml","description":"\n\u003cstyle\u003e\n\/* Styles *\/\n.ginseng-product-description {\n\n max-width: 100%;\n margin: 0 auto;\n direction: ltr;\n color: #333;\n}\n\n\/* Styles *\/\n.ginseng-main-title {\n text-align: center;\n font-size: 26px;\n color: #333;\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n}\n\n.ginseng-main-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: #d4a017;\n}\n\n\/* Styles *\/\n.ginseng-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 30px;\n line-height: 1.6;\n}\n\n\/* Styles *\/\n.ginseng-main-image {\n display: block;\n margin: 30px auto;\n max-width: 100%;\n border-radius: 8px;\n transition: transform 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-main-image:hover {\n transform: translateY(-5px);\n}\n\n\/* Styles *\/\n.ginseng-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n}\n\n\/* Styles *\/\n.ginseng-feature-card {\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n padding: 25px;\n transition: all 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-feature-title {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n color: #333;\n font-size: 18px;\n font-weight: bold;\n}\n\n.ginseng-feature-icon {\n margin-left: 10px;\n color: #d4a017;\n font-size: 20px;\n}\n\n.ginseng-feature-content {\n line-height: 1.6;\n color: #555;\n}\n\n\/* Styles *\/\n.ginseng-ingredients {\n background-color: #fbfbfb;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-section-title {\n text-align: center;\n font-size: 22px;\n color: #333;\n margin-bottom: 25px;\n}\n\n.ginseng-ingredients-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n}\n\n.ginseng-ingredient {\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n flex: 1;\n min-width: 120px;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n transition: transform 0.3s ease;\n}\n\n.ginseng-ingredient:hover {\n transform: scale(1.03);\n}\n\n.ginseng-ingredient-title {\n font-weight: bold;\n color: #333;\n margin-bottom: 5px;\n}\n\n.ginseng-ingredient-percentage {\n font-size: 24px;\n color: #d4a017;\n font-weight: bold;\n margin: 10px 0;\n}\n\n\/* Styles *\/\n.ginseng-benefits {\n margin: 40px 0;\n}\n\n.ginseng-benefits-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n}\n\n.ginseng-benefit-item {\n display: flex;\n align-items: center;\n padding: 13px 18px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);\n transition: transform 0.3s ease;\n border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-benefit-item:hover {\n transform: translateX(-5px);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);\n}\n\n.ginseng-benefit-icon {\n color: #d4a017;\n font-size: 18px;\n margin-left: 10px;\n}\n\n\/* Styles *\/\n.ginseng-how-to-use {\n background-color: #fff;\n padding: 30px;\n border-radius: 8px;\n margin: 40px 0;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-steps {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 20px;\n}\n\n.ginseng-step {\n flex: 1;\n display: flex;\n align-items: flex-start;\n min-width: 250px;\n}\n\n.ginseng-step-number {\n background-color: #f5f5f5;\n color: #333;\n width: 30px;\n height: 30px;\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 border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-step-content {\n line-height: 1.6;\n}\n\n\/* Styles *\/\n.ginseng-highlight-section {\n position: relative;\n padding-right: 15px;\n}\n\n.ginseng-highlight-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n background-color: #d4a017;\n border-radius: 3px;\n}\n\n\/* Styles *\/\n.ginseng-fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\/* Styles *\/\n@media (max-width: 768px) {\n .ginseng-features {\n grid-template-columns: 1fr;\n }\n \n .ginseng-ingredients-list {\n flex-direction: column;\n }\n \n .ginseng-ingredient {\n min-width: auto;\n }\n}\n\u003c\/style\u003e\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/\u003e\n\u003cdiv class=\"ginseng-product-description\"\u003e\n\u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003eGinseng water – the eternal fountain of youth for the skin\u003c\/h2\u003e\n\u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n A rare mixture of traditional Korean medicine secrets and modern technology. The 80% ginseng water used in this product is not just a natural ingredient, but rather a treasure rich in antioxidants, saponins, and micronutrients that support youthful skin from within, and rebuild it with every use.\n \u003c\/p\u003e\n\u003cimg alt=\"Ginseng water\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_2_38493ea6-27fe-4423-8576-1279076c3b2a.jpg?v=1744744014\"\/\u003e\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-leaf ginseng-feature-icon\"\u003e\u003c\/i\u003e\n Ginseng – one of the biggest secrets of Korean skin\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n For centuries, ginseng has been known as the “Herb of the Gods” in traditional Korean medicine books such as Donguibogam. The first Korean women used it to bathe and care for the skin because of its amazing ability to stimulate blood circulation, nourish cells, and rejuvenate the skin.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-feather-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n Light formula – heavy results\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Despite its light, water-like texture, this toner gives the skin a concentrated boost of hydration and nutrients. It absorbs quickly without leaving any greasy trace, giving you a comfortable and quick use experience, with results visible from the first week.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-shield-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n A radical solution to the problems of skin irritation and inflammation\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n The product contains 2% niacinamide, a scientifically supported effective ingredient in strengthening the skin barrier, soothing inflammation, and reducing redness caused by environmental factors or daily irritations.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Benefits of ginseng water\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/blog-boj-ginseng-water-review-cover-830x518_1.webp?v=1744744064\"\/\u003e\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-tint ginseng-feature-icon\"\u003e\u003c\/i\u003e\n A tremendous moisturizer for the skin\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n The active saponins found in ginseng water attract and lock moisture deep into the skin, leaving the skin moisturized for longer without the need for reapplication. Ideal for those who suffer from chronic dryness or cracked skin.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-magic ginseng-feature-icon\"\u003e\u003c\/i\u003e\n Smoother, clearer, brighter skin\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n By smoothing skin texture, regulating oil secretion, and helping to reduce the appearance of enlarged pores, this toner contributes to improving the overall clarity of the skin. Niacinamide also works to lighten pigmentation and unify color, leaving your face with a more uniform and clear glow.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-sun ginseng-feature-icon\"\u003e\u003c\/i\u003e\n Fade treatment specialist\n \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n Constant dullness of the face is not only caused by fatigue, but also by the skin's lack of elements that stimulate its natural regeneration. Ginseng water provides the skin cells with energy and reactivates microcirculation in the face, restoring its natural radiance and shine.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Ingredients of ginseng water\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.png?v=1744744535\"\/\u003e\n\u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eHighly advanced formula of ginseng water and niacinamide!\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eThis meticulously developed formula combines science and tradition, with thoughtful ingredients:\u003c\/p\u003e\n\u003cdiv class=\"ginseng-ingredients-list\"\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eKorean ginseng root water\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n\u003cp\u003eThe essential ingredient for skin rejuvenation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eNiacinamide\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n\u003cp\u003eTo unify skin tone and reduce inflammation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eAdditional components\u003c\/div\u003e\n\u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n\u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cp\u003ePanthenol, allantoin, fermented ginseng extract, hyaluronic acid\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 20px;\"\u003eEvery ingredient in it works together to give you the best results with minimal effort, and without any irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eKey Benefits\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefits-list\"\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eSupport youthful skin and rebuild it\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eStimulating blood circulation and rejuvenating the skin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eDeep hydration and immediate nourishment for the skin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eFast absorption without a greasy effect\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eStrengthening the skin barrier and soothing inflammation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eReduce redness and irritation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eMoisturizing the skin for long periods\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eSmoothing skin texture and regulating oil secretion\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-how-to-use ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eHow to Use\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-steps\"\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n After cleansing the skin, apply a small amount to the hands or a piece of cotton\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n Gently wipe the face and neck in circular motions\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n Leave it until completely absorbed before applying the next product in your routine\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n \n const fadeElements = document.querySelectorAll('.ginseng-fade-in');\n \n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n \n if (entry.isIntersecting) {\n \n setTimeout(() =\u003e {\n entry.target.style.opacity = \"1\";\n entry.target.style.transform = \"translateY(0)\";\n }, 100);\n \n \n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 }); \n \n \n fadeElements.forEach(element =\u003e {\n observer.observe(element);\n });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999394484398,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_44852e5e-9e5d-463b-a5e8-e87bd2920fa5.webp?v=1788175375"}],"url":"https:\/\/skingeer.com\/collections\/anti-aging-wrinkle-treatment.oembed","provider":"SkinGeer","version":"1.0","type":"link"}