{"product_id":"cosrx-retinol-serum","title":"Cosrx  سيروم الريتينول تركيز 0.5%  + سكوالين | مضاد التجاعيد | تحسين مرونة الجلد","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\n\u003cdiv class=\"product-description\"\u003e\n    \u003c!-- Hero Section --\u003e\n    \u003ch2\u003eالريتينول... الجندي المجهول في محاربة علامات التقدم بالسن\u003c\/h2\u003e\n    \n    \u003cp\u003eهل سبق أن نظرت في المرآة وشعرت أن الزمن بدأ يترك بصماته على بشرتك؟ الخطوط الدقيقة تتسلل ببطء، المسام تبدو أكبر، ملمس الجلد لم يعد ناعماً كما كان؟\u003c\/p\u003e\n    \n    \u003cp\u003e\u003cstrong\u003eلا تدع الزمن يتحكم بك\u003c\/strong\u003e\u003cbr\u003eالشيخوخة ليست عذراً لتقبل تلك التغيرات، بل هي تحدٍ يمكنك الانتصار عليه.\u003c\/p\u003e\n    \n    \u003cdiv class=\"hero-container\"\u003e\n        \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\" alt=\"سيروم الريتينول COSRX\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch3\u003eالحل؟ سيروم الريتينول 0.5% من COSRX\u003c\/h3\u003e\n    \n    \u003cp\u003eأفضل منتج في عالم الريتينول، مصمم بعناية لاستهداف أدق مشاكل البشرة، من التجاعيد العميقة والخطوط الدقيقة إلى ملمس البشرة الخشن وفقدان المرونة.\u003c\/p\u003e\n    \n    \u003c!-- Features Section --\u003e\n    \u003ch3\u003eلماذا تعد هذه التركيبة من أفضل تركيبات الريتينول ؟\u003c\/h3\u003e\n    \n    \u003cdiv class=\"feature-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n            \u003ch4\u003eتركيز استثنائي من الريتينول النقي\u003c\/h4\u003e\n            \u003cp\u003eهذا المنتج يحتوي على \u003cstrong\u003eتركيز 0.5% من الريتينول النقي\u003c\/strong\u003e، وهو من أعلى التركيزات المتوفرة في السوق. يُعرف الريتينول بصعوبة صياغته في هذه التركيزات العالية، حيث يتطلب تقنيات دقيقة للحفاظ على استقراره وضمان فعاليته.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n            \u003ch4\u003eتركيبة لطيفة لا تسبب تهيج البشرة\u003c\/h4\u003e\n            \u003cp\u003eعلى عكس تركيبات الريتينول التقليدية التي قد تؤدي إلى تهيج واحمرار البشرة، يحتوي هذا المنتج على مزيج فريد من المكونات المهدئة، مما يجعله لطيفًا حتى على البشرة الحساسة.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n            \u003ch4\u003eقوام خفيف وسريع الامتصاص\u003c\/h4\u003e\n            \u003cp\u003eبتركيبة زيتية حريرية خفيفة، يمتصه الجلد بسهولة دون أن يترك أي أثر دهني، مما يجعله مثاليًا كخطوة أساسية في روتينك الليلي.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n            \u003ch4\u003eترطيب عميق مع السكوالين النباتي\u003c\/h4\u003e\n            \u003cp\u003eيحتوي المنتج على \u003cstrong\u003eسكوالين مستخلص من النباتات\u003c\/strong\u003e، الذي يعمل كمرطب قوي يمنع الجفاف الناتج عن استخدام الريتينول، مما يحافظ على ترطيب ونعومة البشرة طوال الليل.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n            \u003ch4\u003eتوكوترينول (فيتامين E فائق)\u003c\/h4\u003e\n            \u003cp\u003eيقلل بشكل كبير من أضرار الجذور الحرة ويحسن مظهر البشرة بشكل عام، مما يعزز من فعالية الريتينول ويضمن نتائج متكاملة.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Results Section --\u003e\n    \u003cdiv class=\"results-container\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" alt=\"نتائج استخدام سيروم الريتينول\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\u003e\n        \n        \u003ch3\u003eنتائج سريرية مبهرة!\u003c\/h3\u003e\n        \n        \u003cp\u003e\u003cstrong\u003eتحسن بنسبة 18.4% في خطوط الأنف والشفاه في 4 أسابيع فقط\u003c\/strong\u003e (مؤكد عبر تجارب مخبرية).\u003c\/p\u003e\n        \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    \n    \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" alt=\"COSRX الريتينول\" style=\"display: block; margin: 30px auto;\"\u003e\n    \n    \u003c!-- Usage Timeline --\u003e\n    \u003ch3\u003eاستخدام تدريجي، تأثير استثنائي\u003c\/h3\u003e\n    \n    \u003cdiv class=\"timeline\"\u003e\n        \u003cdiv class=\"timeline-item left\"\u003e\n            \u003ch4\u003eالأسبوع 1-2\u003c\/h4\u003e\n            \u003cp\u003eابدئي ببطء لتسمحي لبشرتك بالتأقلم. استخدمي المنتج مرة واحدة أسبوعياً في البداية، ثم مرتين أسبوعياً بدءاً من الأسبوع الثاني.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item right\"\u003e\n            \u003ch4\u003eالأسبوع 3-4\u003c\/h4\u003e\n            \u003cp\u003eزيدي التردد إلى 3 مرات أسبوعياً. ستلاحظين تحسناً في ملمس البشرة وتقليل الخطوط الدقيقة الأولية.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item left\"\u003e\n            \u003ch4\u003eالأسبوع 5-8\u003c\/h4\u003e\n            \u003cp\u003eاستخدمي المنتج يومياً أو حسب تحمل بشرتك. ستلاحظين تحسناً واضحاً في مرونة البشرة ونضارتها.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item right\"\u003e\n            \u003ch4\u003eمن الأسبوع 8 وما بعد\u003c\/h4\u003e\n            \u003cp\u003eاستمتعي ببشرة متجددة، نضرة، خالية من التجاعيد وعلامات التقدم بالسن!\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n    \n    \u003c!-- CTA Section --\u003e\n    \u003cdiv class=\"cta-container\"\u003e\n        \u003ch3\u003eزيت الريتينول 0.5% من COSRX\u003c\/h3\u003e\n        \u003cp\u003eليس مجرد منتج آخر للعناية بالبشرة، إنه ابتكار علمي متقدم يمنحك نتائج ملموسة دون التنازل عن راحة بشرتك.\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003eابدئي الآن، وحارب علامات الزمن!\u003c\/strong\u003e\u003c\/p\u003e\n        \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/\/ 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":44359242252485,"sku":null,"price":1170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1736169264","url":"https:\/\/instachiq.com\/de\/products\/cosrx-retinol-serum","provider":"Instachiq","version":"1.0","type":"link"}