{"title":"منتجات Cosrx","description":"\u003cstyle\u003e\n.collection-hero-section {\n    background: linear-gradient(135deg, #14181b, #191c21 95%);\n    padding: 60px 20px;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Cairo', sans-serif;\n    color: #ffffff;\n    line-height: 1.6;\n}\n.collection-content {\n    position: relative; z-index: 2;\n    max-width: 1200px; margin: 0 auto;\n}\n.wisdom-quote {\n    background: rgba(255,255,255,0.03);\n    border: 1px solid rgba(128,174,147,0.3);\n    border-radius: 12px;\n    padding: 20px;\n    text-align: center;\n    margin-bottom: 30px;\n    position: relative;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.wisdom-text {\n    font-size: 1.05rem;\n    color: #80ae93;\n    font-weight: 600;\n    font-style: italic;\n    line-height: 1.6;\n}\n.collection-title {\n    font-size: 3rem;\n    font-weight: 700;\n    margin-bottom: 20px;\n    background: linear-gradient(135deg, #e9efe9, #80ae93 95%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-align: center;\n    line-height: 1.2;\n}\n.collection-description {\n    font-size: 1.06rem;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.93);\n    text-align: center;\n    max-width: 600px;\n    margin: 0 auto 25px auto;\n    font-weight: 300;\n}\n.features-section {\n    margin-top: 40px;\n    padding: 10px 0;\n}\n.features-title {\n    text-align: center;\n    font-size: 1rem;\n    letter-spacing: 2px;\n    color: #80ae93;\n    margin-bottom: 24px;\n    font-weight: 600;\n}\n.features-grid {\n    display: flex;\n    gap: 12px;\n    overflow-x: auto;\n    overflow-y: visible;\n    padding: 10px 5px 15px 5px;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: #80ae93 rgba(255,255,255,0.1);\n    margin: 0 -5px;\n}\n.features-grid::-webkit-scrollbar {\n    height: 6px;\n}\n.features-grid::-webkit-scrollbar-thumb {\n    background: #80ae93;\n    border-radius: 3px;\n}\n.feature-card {\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(128,174,147,0.14);\n    border-radius: 12px;\n    padding: 15px 18px;\n    min-width: 116px;\n    max-width: 170px;\n    min-height: 45px;\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.97rem;\n    color: #80ae93;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.09);\n    cursor:default;\n    transition: transform 0.14s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    word-break: keep-all;\n    white-space: pre-line;\n}\n.feature-card:hover {\n    transform: translateY(-3px) scale(1.05);\n    border-color: #80ae93;\n}\n@media (max-width: 850px) {\n    .collection-title { font-size: 2.1rem; }\n    .features-title { font-size: 0.93rem; }\n    .feature-card { font-size: 0.93rem; padding: 10px 7px; min-width: 90px; }\n}\n@media (max-width: 410px) {\n    .feature-card { font-size: 0.85rem; padding: 7px 4px; min-width: 74px;}\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\"\u003eأحيانًا الحل الأمثل لبشرتك يكون في أغرب المكونات، والنتيجة مذهلة!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"collection-title\"\u003eCOSRX | قوة الحلزون وتجديد البشرة الكوري\u003c\/h1\u003e\n\u003cp class=\"collection-description\"\u003eمجموعة COSRX تعتمد تقنية الحلزون (Snail Mucin) الأعلى تركيزًا والأكثر نقاء في عالم العناية. الحلزون هنا ليس مجرد مكوّن؛ هو سر الترميم، الإصلاح، وتجديد الطبقة الخارجية للبشرة مهما كانت آثار الإجهاد أو التصبغات أو الجفاف. اختاري منتجات كوزركس لو تبحثين عن نعومة، ترطيب عميق، ومظهر صحي متجدد يومًا بعد يوم، مع دعم علمي ومفعول مثبت لكل نوع بشرة.\u003c\/p\u003e\n\u003cdiv class=\"features-section\"\u003e\n\u003ch2 class=\"features-title\"\u003eما الذي يميز هذه المجموعة؟\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003eمركبات الحلزون الشهيرة\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eترميم وإصلاح البشرة\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eتركيز عالي للنضارة والتجدد\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eترطيب فائق ونعومة ملحوظة\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eعلاج آثار حب الشباب والتصبغات\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eيدعم تجدد الخلايا باستمرار\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eيناسب كل الأعمار وأنواع البشرة\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eتركيبة خفيفة غير دهنية\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eاختبارات حساسية لكل منتج\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003eعلامة كورية رائدة عالميًا\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[{"product_id":"cosrx-advanced-snail-96-mucin","title":"COSRX Advanced Snail 96 Mucin Power Essence, 100ml | جيل الحلزون","description":"\u003cdiv id=\"cosrx-snail-dossier\" class=\"cs-ultimate-container\" dir=\"rtl\"\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            \/* ألوان النيون الذهبية والعنبرية المشعة المستوحاة من إفراز الحلزون النقي *\/\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: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, 'Cairo', 'Tajawal', 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        \/* احتواء وتوسيط تام لجميع الصور لمنع أي خروج عن حدود الشاشة *\/\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: right;\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: right;\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: right;\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: right;\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: right;\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: right;\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: right;\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    \u003c!-- جزيئات الإضاءة العائمة --\u003e\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\n    \u003cdiv class=\"cs-container\"\u003e\n\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 السيروم المعجزة رقم 1 عالمياً لتجديد البشرة\n            \u003c\/div\u003e\n            \u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eسر البشرة الصافية زي الإزاز وعلاج آثار الحبوب اللي مجنن العالم\u003c\/h2\u003e\n            \u003ch1 class=\"cs-title-glow\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h1\u003e\n            \n            \u003cp class=\"cs-sub-text pure-white\"\u003e\n                تخيلي منتج واحد بيعالج الجفاف، بيمحي آثار الحبوب، وبيرجعلك نضارة وشك من أول استخدام! بفضل تركيز \u003cstrong class=\"neon-gold\"\u003e96.3% من خلاصة الحلزون النقية\u003c\/strong\u003e، بشرتك هتشرب الترطيب وتتجدد من جواها بدون أي ملمس دهني أو تلزيق.\n            \u003c\/p\u003e\n\n            \u003c!-- Hero Product Image --\u003e\n            \u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n                \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/corsx_advanced_music_snail_power_essence_3_eb53c868-f156-48b5-ad8f-5032a08bfec7.png\" alt=\"COSRX Advanced Snail 96 Mucin Power Essence\"\u003e\n            \u003c\/div\u003e\n\n            \u003ca href=\"#cs-buy\" class=\"cs-gold-btn\" onclick=\"document.getElementById('cs-buy').scrollIntoView({behavior: 'smooth'}); return false;\"\u003eابدأي رحلة نضارة بشرتك دلوقتي\u003c\/a\u003e\n        \u003c\/header\u003e\n\n        \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\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 معلومة تجميلية مش الكل يعرفها\n            \u003c\/div\u003e\n            \u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003eليه أغلى صالونات التجميل في العالم بيستخدموا الحلزون؟\u003c\/h2\u003e\n            \u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eتعالي أقولك ليه الأثرياء بيدفعوا مئات الدولارات في الجلسة الواحدة..\u003c\/p\u003e\n\n            \u003cdiv class=\"cs-glass-box\" style=\"text-align: right;\"\u003e\n                \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.85; margin-bottom: 20px;\"\u003e\n                    في أشهر مراكز التجميل الفاخرة حول العالم، لاحظوا إن عمال مزارع الحلزون إيديهم ناعمة جداً وخالية تماماً من التجاعيد والجروح بتلم عندهم بسرعة غريبة! ومن هنا بدأت جلسات علاج البشرة بالحلزون..\n                \u003c\/p\u003e\n\n                \u003cdiv class=\"cs-spa-grid\"\u003e\n                    \u003cdiv class=\"cs-spa-card\"\u003e\n                        \u003ch4 class=\"neon-gold\"\u003eسر النضارة الفورية\u003c\/h4\u003e\n                        \u003cp\u003eإفرازات الحلزون بتعالج تلف الجلد بسرعة جداً، وبترجعله المرونة واللمعان الطبيعي اللي بتشوفيه في بشرة المشاهير.\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n                        \u003ch4 class=\"neon-mint\"\u003eبديل طبيعي للكولاجين\u003c\/h4\u003e\n                        \u003cp\u003eالإفراز ده مليان فيتامينات ومواد بتشد الوش وتقلل التجاعيد والخطوط الرفيعة كأنك عملتي فلتر طبيعي.\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n                        \u003ch4 class=\"neon-gold\"\u003eبيعالج نفسه بنفسه\u003c\/h4\u003e\n                        \u003cp\u003eالحلزون بيفرز المادة دي عشان يعالج جروحه في دقايق.. فتخيلي المادة دي هتعمل إيه في آثار الحبوب والندبات اللي في وشك!\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n                        \u003ch4 class=\"neon-mint\"\u003eكوزركس جابتلك السبا لحد عندك\u003c\/h4\u003e\n                        \u003cp\u003eبدل ما تدفعي ألوفات في جلسة، كوزركس حطتلك الخلاصة النقية والمعقمة في إزازة تستخدميها كل يوم في بيتك.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\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\"\u003eليه المرطبات العادية مش بتجيب نتيجة معاكي؟\u003c\/h2\u003e\n            \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: right;\"\u003e\n                    المرطبات العادية بتقعد على وش الجلد من بره، لكن لما بشرتك تكون مجهدة وفيها آثار حبوب، إنتي محتاجة \u003cstrong class=\"neon-gold\"\u003eتغذية قوية تدخل لأعماق الجلد\u003c\/strong\u003e:\n                \u003c\/p\u003e\n\n                \u003cdiv class=\"cs-dilemma-grid\"\u003e\n                    \u003cdiv class=\"cs-dilemma-card conflict\"\u003e\n                        \u003ch4 style=\"color: #ff5555;\"\u003eالمرطبات التقليدية\u003c\/h4\u003e\n                        \u003cp\u003eبترطب من بره بس، وممكن تسد المسام وتطلع حبوب، وأول ما تغسلي وشك بيرجع الجفاف تاني كأنك معملتيش حاجة.\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n                        \u003ch4 class=\"neon-gold\"\u003eإيسنس الحلزون 96%\u003c\/h4\u003e\n                        \u003cp\u003eبيدخل جوا طبقات الجلد في ثواني، بيعالج الجفاف من جدره، وبيملى الخطوط ويرمم الجلد التالف عشان يديكي نضارة حقيقية بتدوم.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\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;\"\u003eالفوائد الحيوية المباشرة للمنتج\u003c\/h3\u003e\n                \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eقطرات الإيسنس هتعمل إيه في بشرتك؟\u003c\/h2\u003e\n                \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n                    كل نتيجة بتشوفيها في المراية وراها مكون طبيعي قوي وفعال:\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n\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 viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\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\"\u003eبيمسح آثار الحبوب والندبات\u003c\/h3\u003e\n                    \u003cdiv class=\"cs-ingredient-tag\"\u003eخلاصة الحلزون 96.3%\u003c\/div\u003e\n                    \u003cp\u003eعلاج سريع لحفر وآثار الحبوب القديمة عشان يرجع وشك صافي وملمسه ناعم ومفيهوش أي عيوب.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 2 --\u003e\n                \u003cdiv class=\"cs-card cs-delay-1\"\u003e\n                    \u003cdiv class=\"cs-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\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\"\u003eنفخ وترطيب فوري للوش\u003c\/h3\u003e\n                    \u003cdiv class=\"cs-ingredient-tag\"\u003eهيالورونيك أسيد نقي\u003c\/div\u003e\n                    \u003cp\u003eبيسحب المية لداخل الجلد عشان يملى الخطوط الرفيعة ويديكي مظهر مليان وصحي ومروي طول اليوم.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 3 --\u003e\n                \u003cdiv class=\"cs-card cs-delay-2\"\u003e\n                    \u003cdiv class=\"cs-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\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\"\u003eبيهدي الاحمرار والالتهاب\u003c\/h3\u003e\n                    \u003cdiv class=\"cs-ingredient-tag mint\"\u003eبانثينول مهدئ\u003c\/div\u003e\n                    \u003cp\u003eلو بشرتك حساسة أو ملتهبة من الشمس أو الحبوب، هيهديها ويطفي أي احمرار أو حكة في دقايق معدودة.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 4 --\u003e\n                \u003cdiv class=\"cs-card\"\u003e\n                    \u003cdiv class=\"cs-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\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\"\u003eبيشد الجلد ويمنع التجاعيد\u003c\/h3\u003e\n                    \u003cdiv class=\"cs-ingredient-tag\"\u003eكولاجين طبيعي\u003c\/div\u003e\n                    \u003cp\u003eبيقوي بشرتك ويرجعلها مرونتها عشان تفضل مشدودة وشباب ويأخر ظهور علامات تقدم السن.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 5 --\u003e\n                \u003cdiv class=\"cs-card cs-delay-1\"\u003e\n                    \u003cdiv class=\"cs-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\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\"\u003eتفتيح وتوحيد لون الوش\u003c\/h3\u003e\n                    \u003cdiv class=\"cs-ingredient-tag mint\"\u003eتجديد طبيعي للخلايا\u003c\/div\u003e\n                    \u003cp\u003eبيشيل البهتان ويقشر الخلايا الميتة بلطف جداً عشان وشك ينور ويرجعله لونه الطبيعي الموحد.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Benefit 6 --\u003e\n                \u003cdiv class=\"cs-card cs-delay-2\"\u003e\n                    \u003cdiv class=\"cs-icon-wrap\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\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\"\u003eتغذية عميقة للمسام\u003c\/h3\u003e\n                    \u003cdiv class=\"cs-ingredient-tag\"\u003eفيتامينات مغذية\u003c\/div\u003e\n                    \u003cp\u003eبيوصل الفيتامينات لأعمق طبقات الجلد عشان يفضل صحي ومقاوم للمشاكل والحبوب الجديدة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\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;\"\u003eالسر وراء المنتج\u003c\/h3\u003e\n                \u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003eإزاي الإيسنس ده بيعالج بشرتك؟\u003c\/h2\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Science Visual Image --\u003e\n            \u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_snail_treatment.webp\" alt=\"Science behind COSRX Snail Mucin\"\u003e\n            \u003c\/div\u003e\n\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. تجديد الخلايا التالفة\u003c\/h4\u003e\n                        \u003cp\u003eتركيبة الحلزون بتدي إشارة لخلايا بشرتك إنها تبني كولاجين جديد بسرعة، وده اللي بيخلي حفر الحبوب تلم والجلد يرجع ناعم ومشدود في وقت قياسي.\u003c\/p\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eبيسرع شفاء الحبوب القديمة والجديدة.\u003c\/li\u003e\n                            \u003cli\u003eبيخلي الجلد يرجع لمرونته الطبيعية.\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- BIO 02 --\u003e\n                \u003cdiv class=\"cs-science-card cs-delay-1\"\u003e\n                    \u003cdiv\u003e\n                        \u003ch4 class=\"neon-mint\"\u003e2. ترطيب مبيتبخرش\u003c\/h4\u003e\n                        \u003cp\u003eدمج خلاصة الحلزون مع الهيالورونيك بيعمل درع حماية بيحبس المية جوه وشك، عشان يفضل ندي وبيلمع طول اليوم مهما كان الجو جاف أو كنتي قاعدة في تكييف.\u003c\/p\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eبشرتك بتشربه في ثواني ومبيسدش المسام.\u003c\/li\u003e\n                            \u003cli\u003eلمعان ونضارة بتفضل معاكي طول اليوم.\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\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;\"\u003eالنتائج بالأرقام\u003c\/h3\u003e\n                \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eأرقام حقيقية من تجارب البنات حول العالم\u003c\/h2\u003e\n            \u003c\/div\u003e\n\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\"\u003eترطيب فوري ونعومة\u003c\/div\u003e\n                    \u003cdiv class=\"cs-stat-desc\"\u003eمن أول لمسة على بشرتك\u003c\/div\u003e\n                \u003c\/div\u003e\n\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\"\u003eتراجع في آثار الحبوب\u003c\/div\u003e\n                    \u003cdiv class=\"cs-stat-desc\"\u003eبعد 4 أسابيع من الاستخدام\u003c\/div\u003e\n                \u003c\/div\u003e\n\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\"\u003eتقوية لحاجز البشرة\u003c\/div\u003e\n                    \u003cdiv class=\"cs-stat-desc\"\u003eحماية أقوى ضد الحبوب الجديدة\u003c\/div\u003e\n                \u003c\/div\u003e\n\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\"\u003eنسبة النقاء الطبيعي\u003c\/div\u003e\n                    \u003cdiv class=\"cs-stat-desc\"\u003eأعلى نسبة لخلاصة الحلزون عالمياً\u003c\/div\u003e\n                \u003c\/div\u003e\n\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\"\u003eتقييم ممتاز\u003c\/div\u003e\n                    \u003cdiv class=\"cs-stat-desc\"\u003eبملايين التجارب الحقيقية\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\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;\"\u003eرحلة التغيير\u003c\/h3\u003e\n                \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eإيه اللي هيحصل لبشرتك بعد ما تستخدميه؟\u003c\/h2\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"cs-timeline-grid\"\u003e\n                \u003cdiv class=\"cs-timeline-card\"\u003e\n                    \u003cdiv class=\"cs-timeline-badge\"\u003eمن أول استخدام\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eنعومة ولمعان فوري\u003c\/h4\u003e\n                    \u003cp\u003eبشرتك بتشربه في ثواني، مفيش تلزيق، وملمس وشك بيبقى ناعم جداً ومنور على طول.\u003c\/p\u003e\n                \u003c\/div\u003e\n\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);\"\u003eالأسبوع الأول\u003c\/div\u003e\n                    \u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eهدوء وراحة للبشرة\u003c\/h4\u003e\n                    \u003cp\u003eالاحمرار بيختفي، والقشور أو الجفاف اللي حوالين الفم والمناخير بتروح تماماً.\u003c\/p\u003e\n                \u003c\/div\u003e\n\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);\"\u003eالأسبوع الثالث\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eتفتيح آثار الحبوب\u003c\/h4\u003e\n                    \u003cp\u003eالبقع الغامقة بتبدأ تفتح، وملمس الجلد بيبقى متساوي أكتر والخطوط الرفيعة بتقل جداً.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-gold);\"\u003e\n                    \u003cdiv class=\"cs-timeline-badge\"\u003eالشهر الثاني وطالع\u003c\/div\u003e\n                    \u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eبشرة صافية زي الإزاز\u003c\/h4\u003e\n                    \u003cp\u003eنضارة دايمة، حاجز بشرة قوي، وثقة تخليكي تستغني عن الميك أب وتستمتعي بجمالك الطبيعي!\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\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;\"\u003eأوفر وأذكى اختيار لجمالك\u003c\/h3\u003e\n                \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eتوفير ومفعول أكيد هيغنيكي عن منتجات كتير\u003c\/h2\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Value Image --\u003e\n            \u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96.webp\" alt=\"COSRX Snail Mucin Value\"\u003e\n            \u003c\/div\u003e\n\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\"\u003eحجم كبير هيقعد معاكي شهور\u003c\/h3\u003e\n                    \u003cp\u003eالعبوة 100 مل بتكفيكي من 3 لـ 5 شهور استخدام يومي.. نقطتين بس بيكفوا الوش والرقبة بالكامل.\u003c\/p\u003e\n                \u003c\/div\u003e\n\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\"\u003eبيوفرلك فلوسك ووقتك\u003c\/h3\u003e\n                    \u003cp\u003eبيغنيكي عن شراء سيروم للترطيب وسيروم تاني لعلاج الحبوب.. الاتنين في قزازة واحدة قوية جداً.\u003c\/p\u003e\n                \u003c\/div\u003e\n\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\"\u003eطبيعي وآمن جداً\u003c\/h3\u003e\n                    \u003cp\u003eبدون روائح مزعجة أو كحول ينشف وشك، وبيتم استخلاصه بدون أي أذى للحلزونات، ومناسب للبشرة الحساسة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\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\"\u003eطريقة الاستخدام لنتيجة سريعة\u003c\/h2\u003e\n                \u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003eخطوات بسيطة عشان بشرتك تستفاد بكل قطرة\u003c\/p\u003e\n            \u003c\/div\u003e\n\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\u003eالغسول والتونر\u003c\/h4\u003e\n                    \u003cp\u003eاغسلي وشك وحطي تونر، وخلي بشرتك منداية شوية عشان الإيسنس يمتص أحسن وأسرع.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"cs-step-card\"\u003e\n                    \u003cdiv class=\"cs-step-num\"\u003e02\u003c\/div\u003e\n                    \u003ch4\u003eنقطتين بس\u003c\/h4\u003e\n                    \u003cp\u003eحطي ضغطة أو اتنين بالكتير على إيدك، ووزعيهم بلطف على وشك ورقبتك.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"cs-step-card\"\u003e\n                    \u003cdiv class=\"cs-step-num\"\u003e03\u003c\/div\u003e\n                    \u003ch4\u003eالطبطبة الخفيفة\u003c\/h4\u003e\n                    \u003cp\u003eطبطبي بالراحة جداً لحد ما بشرتك تشربه كله، وبعدين حطي الكريم المرطب بتاعك العادي.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\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;\"\u003eنصيحة الخبراء للنتيجة السحرية:\u003c\/h4\u003e\n                \u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n                    \u003cstrong class=\"neon-mint\"\u003eالسر في المية!\u003c\/strong\u003e حطيه دايماً وبشرتك منداية شوية، بلاش على وش ناشف تماماً. ده بيخلي الهيالورونيك وخلاصة الحلزون يسحبوا المية لعمق خلاياكِ وبيضاعفوا الترطيب والنضارة بشكل مش هتصدقيه!\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\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: rtl; text-align: right; font-weight: 800;\"\u003e\n                    قائمة المكونات (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: right; direction: rtl;\"\u003e\n                    \u003cp style=\"color: #ffffff; font-size: 0.9rem; font-weight: 600;\"\u003e\n                        * تركيبة نقية بنسبة 100% خالية تماماً من العطور الصناعية، الكحول القاسي، البارابين، والزيوت المعدنية. مناسب لكل أنواع البشرة حتى الحساسة والمعرضة لحب الشباب.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\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;\"\u003eاطلبي الإيسنس الأصلي دلوقتي\u003c\/p\u003e\n            \u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                ادي بشرتك فرصة تتجدد بجد وتنور من تاني\n            \u003c\/h2\u003e\n            \n            \u003cdiv class=\"cs-img-md\" style=\"margin: 25px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/corsx_advanced_music_snail_power_essence_3.jpg\" alt=\"COSRX Advanced Snail 96 Mucin Power Essence\"\u003e\n            \u003c\/div\u003e\n\n            \u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003e\n                بدل ما تضيعي فلوسك على كريمات ترطيب سطحية وتسيب الندبات والجفاف زي ما هما، جربي قوة خلاصة الحلزون النقية اللي غيرت شكل بشرة ملايين البنات حول العالم.\n            \u003c\/p\u003e\n\n            \u003ca href=\"#\" class=\"cs-gold-btn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eاطلبيه دلوقتي وابدأي الروتين\u003c\/a\u003e\n        \u003c\/section\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- كود الأنيميشن عند التمرير --\u003e\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  حمض الهياليرونيك 3% | السيراميدات | عوامل الترطيب الطبيعية | مرطب للبشرة | حشو التجاعيد","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: rtl;\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: right;\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\n\u003cdiv class=\"product-description\"\u003e\n    \u003c!-- Hero Section --\u003e\n    \u003cdiv class=\"hero-container\"\u003e\n        \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_2.webp?v=1745676258\" alt=\"COSRX Hyaluronic Acid Serum\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch3\u003eتحدي الجفاف يبدأ هنا: بشرة مرطّبة، مشدودة، ومتوهّجة\u003c\/h3\u003e\n    \n    \u003cp\u003e\u003cstrong\u003eبشرتك تستغيث لفقدان نضارتها، وكل يوم يمر دون علاج يزيد من عمق المشكلة ويصعب التراجع عنها.\u003c\/strong\u003e\u003c\/p\u003e\n    \n    \u003cp\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_hyaluronic_acid_serum_3_1.webp?v=1745676253\" alt=\"COSRX Hyaluronic Acid Serum Application\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch3\u003eابتكار يذهب أبعد من المرطبات التقليدية:\u003c\/h3\u003e\n    \n    \u003cp\u003eمعظم المنتجات تُرطّب فقط، لكن هذا السيروم يعمل كـ:\u003c\/p\u003e\n    \n    \u003c!-- Feature Grid --\u003e\n    \u003cdiv class=\"feature-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-title\"\u003eمُصلح طبيعي\u003c\/div\u003e\n            \u003cp\u003eيُرمم الحاجز الواقي للبشرة، مما يجعلها أقوى وأكثر مقاومة للتلف.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-title\"\u003eمُحسن للنسيج الجلدي\u003c\/div\u003e\n            \u003cp\u003eيزيل ملمس البشرة الخشن ليتركها ناعمة كالحرير بعد الاستخدام الأول.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-title\"\u003eمُكافح للجفاف المزمن\u003c\/div\u003e\n            \u003cp\u003eيعالج الجفاف من جذوره مع توفير حماية طويلة الأمد تستمر لساعات.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003ch3\u003eإحساس بالفخامة مع كل استخدام:\u003c\/h3\u003e\n    \n    \u003cp\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_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\" alt=\"COSRX Hyaluronic Acid Serum Close Up\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eما الذي يميز تركيبة سيروم COSRX Hyaluronic Acid Intensive Cream؟\u003c\/h2\u003e\n    \n    \u003c!-- First Info Block --\u003e\n    \u003cdiv class=\"info-block\"\u003e\n        \u003ch3 class=\"info-title\"\u003e1. مزيج قوي من NMF (Amino Acid Complex):\u003c\/h3\u003e\n        \n        \u003cp\u003eNatural Moisturizing Factors (NMF) تشمل مجموعة من الأحماض الأمينية التي تُحاكي العناصر الطبيعية الموجودة في البشرة، والتي تعمل على:\u003c\/p\u003e\n        \n        \u003cul\u003e\n            \u003cli\u003e\n\u003cstrong\u003eترطيب البشرة بعمق:\u003c\/strong\u003e الأحماض الأمينية تساعد البشرة في الاحتفاظ بالماء، مما يمنحها نضارة ومرونة طبيعية.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eإصلاح حاجز البشرة:\u003c\/strong\u003e يُعزز هذا المركب من قدرة الجلد على الحماية ضد العوامل البيئية الضارة والجفاف.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eزيادة النعومة:\u003c\/strong\u003e مع الاستخدام المنتظم، يُقلل من ملمس البشرة الخشن ويُعيد التوازن لمستوى الترطيب الطبيعي.\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Second Info Block --\u003e\n    \u003cdiv class=\"info-block\"\u003e\n        \u003ch3 class=\"info-title\"\u003e2. السيراميدات: الحصن الأخير بين بشرتك وعوامل الشيخوخة\u003c\/h3\u003e\n        \n        \u003cp\u003e\u003cstrong\u003eعندما ينهار حاجز البشرة، تبدأ بشرتك رحلة لا عودة نحو الجفاف وفقدان النضارة\u003c\/strong\u003e\u003c\/p\u003e\n        \n        \u003cp\u003e\u003cstrong\u003eبدون حاجز قوي، كل عدو لبشرتك سيغزوها بلا رحمة. \u003c\/strong\u003eالبشرة الطبيعية تحتوي على \u003cstrong\u003eالسيراميدات\u003c\/strong\u003e كجزء أساسي من الحاجز الواقي الذي يحتفظ بالرطوبة ويمنع فقدانها.\u003c\/p\u003e\n        \n        \u003cp\u003eعند فقدان هذه السيراميدات يؤدي إلى انهيار حاجز البشرة و فقدان الرطوبة و النضارة و تعريض البشرة للعوامل البيئية المسببة للشيخوخة. بدون هذا الدعم، يتحول الجلد إلى ساحة معركة، حيث تتسارع علامات الإجهاد والتقدم في السن. هل ستترك بشرتك مكشوفة وعرضة للتلف؟\u003c\/p\u003e\n        \n        \u003cp\u003eيحتوي السيروم على تركيز عالي من السيراميدات التي ستساعد بشرتك في استعادة درعها الوقائي ويمنع العوامل الضارة من التسلل لطبقات جلدك العميقة.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Penetration Depth Section --\u003e\n    \u003cdiv class=\"highlight-block\"\u003e\n        \u003ch3 class=\"highlight-title\"\u003e3. ترطيب يصل إلى 2,5 مل تحت سطح الجلد\u003c\/h3\u003e\n        \n        \u003cp\u003eتستخدم التركيبة تركيزًا فعالًا من حمض الهيالورونيك الذي يُرطّب البشرة بعمق عبر جميع طبقات الجلد ويصل لعمق غير مسبوق في جميع المرطبات. تتغلغل هذه التركيبة عبر أعمق خلايا جلدك لتوفر الترطيب الفعال على جميع مستويات البشرة.\u003c\/p\u003e\n        \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\"\u003eالبشرة الخارجية\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"skin-layer dermis\"\u003e\n                    \u003cspan class=\"layer-label\"\u003eالأدمة\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"skin-layer hypodermis\"\u003e\n                    \u003cspan class=\"layer-label\"\u003eتحت الأدمة\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\"\u003eعمق التغلغل: 2.5 مل\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\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\/Untitled_1600_x_1200_px.jpg?v=1734291139\" alt=\"COSRX Hyaluronic Acid Serum Skin Benefits\"\u003e\n    \u003c\/div\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_hyaluronic_acid_serum_3.jpg?v=1745676384\" alt=\"COSRX Hyaluronic Acid Serum Bottle\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch3\u003eكل قطرة تُعيد بناء بشرتك من الداخل\u003c\/h3\u003e\n    \n    \u003cp\u003e\u003cstrong\u003eقطرة صغيرة... تأثير هائل: ترطيب كامل للبشرة بكمية بسيطة\u003c\/strong\u003e\u003c\/p\u003e\n    \n    \u003cp\u003eبفضل تركيبة سيروم الهيالورونيك من COSRX، لا تحتاجين سوى كمية صغيرة جدًا لتغطية وجهك بالكامل. التركيبة المركزة والفعّالة تعمل بذكاء لتوزيع الترطيب بعمق في كل طبقة من بشرتك، مما يمنحك نتائج ملحوظة دون إهدار المنتج.\u003c\/p\u003e\n    \n    \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n    \n    \u003ch3\u003eطريقة الاستخدام:\u003c\/h3\u003e\n    \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\"\u003eتنظيف البشرة جيداً باستخدام منظف مناسب لنوع بشرتك\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"step\"\u003e\n            \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n            \u003cdiv class=\"step-text\"\u003eضع بضع قطرات من السيروم على بشرة نظيفة ورطبة قليلاً\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"step\"\u003e\n            \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n            \u003cdiv class=\"step-text\"\u003eانشر السيروم برفق باستخدام أطراف أصابعك بحركات دائرية لطيفة\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"step\"\u003e\n            \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n            \u003cdiv class=\"step-text\"\u003eاتبعي بكريم مرطب لإغلاق الترطيب داخل البشرة (اختياري)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"step\"\u003e\n            \u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n            \u003cdiv class=\"step-text\"\u003eاستخدمي السيروم مرتين يومياً، في الصباح والمساء لأفضل النتائج\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \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\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    \/\/ 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  نياسيناميد 15% | متخصص المسام | تفتيح | تنظيم الزيوت","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: rtl;\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\n\u003cdiv class=\"product-description\"\u003e\n    \u003c!-- Hero Section --\u003e\n    \u003cdiv class=\"hero-container\"\u003e\n        \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\" alt=\"COSRX Niacinamide 15% Serum\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eالمركب المثالي الذي غير موازين العناية بالبشرة.. الآن في أعلى تركيز ممكن\u003c\/h2\u003e\n    \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;\"\u003eاكتشف الفرق مع التركيز العالي\u003c\/h3\u003e\n            \u003cp\u003eربما جربت النياسيناميد من قبل، لكن لم تجربه بتركيز 15% هذا، وهو التركيز الذي سيتحدى كل ما تعرفه عن العناية بالبشرة. تأثيره أقوى من أي وقت مضى ضد الشوائب، ويعمل على تقليص المسام بفاعلية غير مسبوقة.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\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_niacinamide_serum_15.png?v=1745677490\" alt=\"COSRX Niacinamide 15% Serum Product\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eالتركيبة الموازنة للميلانين تتحدى أصعب التصبغات\u003c\/h2\u003e\n    \n    \u003cdiv class=\"info-section\"\u003e\n        \u003cp\u003eهذه التركيبة عالية التخصص في موازنة انتاج الميلانين, عند التعرض للعوامل البيئية تقوم البشرة بزيادة انتاج الميلانين بشكل غير متساوي مما يؤدي الى ظهور هذه التصبغات المزعجة التي تؤثر على مظهرك بشكل ملحوظ.\u003c\/p\u003e\n        \n        \u003cp\u003eتقوم هذه التركيبة بموازنة انتاج الصبغة مما يؤدي لتوحيد لون البشرة و تحقيق بشرة صافية خالية من التصبغات.\u003c\/p\u003e\n    \u003c\/div\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\/1.6.webp?v=1745677506\" alt=\"Pore Minimizing Effect\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eهل تعاني من المسام الواسعة ؟ هذا هو الحل النهائي\u003c\/h2\u003e\n    \n    \u003cp\u003eتخلص من هذه المسام الواسعة المزعجة التي تجعلك تبدو أكبر من سنك و تمتص الـأتربة و العوامل البيئية الضارة وتدخلها إلى أعماق جلدك.\u003c\/p\u003e\n    \n    \u003cp\u003eيقوم السيروم بتنظيف و تنقية مسامي البشرة و تقليل إفرازات الدهون مما يقلل حجم المسام بشكل غير مرئي و يجعل نسيج بشرتك يبدو كالزجاج .. حرفيا!\u003c\/p\u003e\n    \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\"\u003eتقليص المسام\u003c\/h3\u003e\n                \u003cp class=\"benefit-description\"\u003eتركيز 15% من النياسيناميد يعمل على تنظيم إفراز الزيوت وتقليص المسام الواسعة بفعالية كبيرة\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \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\"\u003eتوحيد لون البشرة\u003c\/h3\u003e\n                \u003cp class=\"benefit-description\"\u003eيعالج التصبغات ويوحد لون البشرة من خلال تنظيم إنتاج صبغة الميلانين\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \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\"\u003eمحاربة حب الشباب\u003c\/h3\u003e\n                \u003cp class=\"benefit-description\"\u003eيقلل من الالتهابات ويمنع ظهور حب الشباب من خلال تنظيم إفراز الدهون\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\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_niacinamide_serum_15_2.webp?v=1745677561\" alt=\"Texture Improvement\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eيعيد بناء نسيج البشرة\u003c\/h2\u003e\n    \n    \u003cp\u003eسيروم النياسيناميد لا يساعد فقط في محاربة حب الشباب، لكنه أيضًا يساهم في تحسين نسيج البشرة بشكل عام ويجعلها أكثر نعومة ومرونة.\u003c\/p\u003e\n    \u003cp\u003eإنه أكثر من مجرد سيروم، إنه تجديد كامل لبشرتك.\u003c\/p\u003e\n    \n    \u003c!-- Before\/After Comparison --\u003e\n    \u003cdiv class=\"comparison-container\"\u003e\n        \u003cimg class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\" alt=\"Before and After Using Niacinamide Serum\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eوداعا للرؤوس البيضاء و السوداء\u003c\/h2\u003e\n    \n    \u003cp\u003eالرؤوس البيضاء والسوداء تتكون عندما يتراكم الزيت والأنربة داخل المسام ويغلقها أو يتفاعل مع الهواء. سيروم النياسيناميد من COSRX يعمل على تقليص حجم المسام وتنظيم إفراز الدهون، مما يمنع تراكم الزيت والأوساخ. كما يساعد في تجديد خلايا البشرة وتقشيرها بلطف، مما يمنع انسداد المسام ويعالج الرؤوس البيضاء والسوداء بشكل فعال.\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_niacinamide_serum_no_background.webp?v=1745677778\" alt=\"COSRX Niacinamide 15% Serum Bottle\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eإنه منتج الأحلام للبشرة الدهنية\u003c\/h2\u003e\n    \n    \u003cdiv class=\"featured-section\"\u003e\n        \u003cp\u003eإذا كنت تمتلك بشرة دهنية أو مختلطة، فمن المؤكد أنك تعرف تماماً تحديات التعامل مع فائض الدهون والمسام الواسعة. لكن مع سيروم النياسيناميد 15% من COSRX، يمكنك الآن تحقيق بشرة نقية ومشدودة دون القلق من اللمعان الزائد أو المشاكل المرتبطة بإفراز الدهون.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003ch2\u003eوقاية شاملة من عوامل الزمن..العلاج و الوقاية في تركيبة واحدة\u003c\/h2\u003e\n    \n    \u003cp\u003eالزمن لا يرحم جلدك, كل يوم نتعرض فيه للعوامل البيئية الضارة هي خطوة أكبر للشيخوخة المبكرة\u003cbr\u003eلا تترك جلدك وحيد في حربه ضد الزمن\u003c\/p\u003e\n    \n    \u003cp\u003eيجب على بشرتك التسلح بدرع وقائي من النياسيناميد! يقوم النياسيناميد في هذه التركيبة عالية التركيز بحماية البشرة من عوامل التأكسد المسببة للشيخوخة المبكرة!\u003c\/p\u003e\n    \n    \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n    \n    \u003c!-- Usage Section --\u003e\n    \u003cdiv class=\"usage-section\"\u003e\n        \u003ch3 class=\"usage-title\"\u003eكيف تستخدمه؟\u003c\/h3\u003e\n        \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\"\u003eتنظيف البشرة\u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"usage-step\"\u003e\n                \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n                \u003cdiv class=\"step-text\"\u003eوضع التونر\u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"usage-step\"\u003e\n                \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n                \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"usage-step\"\u003e\n                \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n                \u003cdiv class=\"step-text\"\u003eالكريم المرطب\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"highlight-box\"\u003e\n            \u003cp\u003eيوضع سيروم النياسيناميد 15% صباحًا ومساءً على بشرة نظيفة قبل أي كريمات أو زيوت أخرى.\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003eملاحظة\u003c\/strong\u003e: لا يُفضل استخدامه في نفس الوقت مع منتجات تحتوي على فيتامين C النقي (حمض الأسكوربيك).\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Call to Action --\u003e\n    \u003cdiv class=\"cta-container\"\u003e\n        \u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n        \u003cp\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    \/\/ 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 كريم الترطيب بأقصى تركيز من إفرازات الحلزون","description":"\u003cdiv class=\"cx-ultimate-wrapper\" dir=\"rtl\"\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\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\"\u003eكريم الحلزون 92 من COSRX\u003cbr\u003e\u003cspan class=\"cx-text-accent\"\u003eالمعجزة البيولوجية لترميم البشرة\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cdiv class=\"cx-highlight-box cx-reveal delay-1\"\u003e\n                \u003cp\u003eالحل النهائي للحصول على الـ Glass Skin!\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cp class=\"cx-subtitle cx-reveal delay-1\"\u003e\n                لو قيل لك إن سر البشرة الصافية والخالية من العيوب يكمن في مادة طبيعية ومبتكرة.. هل تمتلك الجرأة لتجربتها؟ الملايين حول العالم تغلبوا على هذا التردد، والنتيجة كانت بشرة خالية من آثار الحبوب، وحاجز قوي لا يخترقه الجفاف.\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"cx-media-wrapper size-lg cx-reveal delay-2\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_crawling_on_cream_jar_202608292001.jpg?v=1788023026\" alt=\"COSRX Snail 92 Cream\" class=\"cx-product-media\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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\"\u003eالسر البيولوجي: لماذا يعتبر \"هلام الحلزون\" معجزة؟\u003c\/h2\u003e\n            \u003cp class=\"cx-subtitle cx-reveal\"\u003eليس مجرد مرطب تقليدي يحتوي على نسبة ضئيلة من المواد الفعالة؛ بل قنبلة ترميم تحتوي على 92% من مستخلص الهلام الصافي.\u003c\/p\u003e\n            \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                        تخيل كائناً يزحف على الصخور والأشواك طوال حياته دون أن يتمزق جلده.. كيف يحدث ذلك؟\n                    \u003c\/p\u003e\n                    \u003cp style=\"font-size: 1.05rem; color: var(--cx-text-muted); margin-bottom: 20px;\"\u003e\n                        اكتشف العلماء أن الحلزون يفرز هلاماً يعمل كـ \"درع علاجي فوري\". هذا الهلام غني طبيعياً بحمض الهيالورونيك، الإنزيمات، ومضادات الميكروبات التي تعالج الجروح وتجدد الخلايا في ثوانٍ.\n                    \u003c\/p\u003e\n                    \u003cul class=\"cx-list\"\u003e\n                        \u003cli\u003eيقوم بترميم الخلايا التالفة بسرعة فائقة.\u003c\/li\u003e\n                        \u003cli\u003eيمحو آثار الحبوب ويقلل من عمق الندبات السطحية.\u003c\/li\u003e\n                        \u003cli\u003eيبني حاجز الجلد بكفاءة تتفوق على العديد من المواد المصنعة.\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292003.jpg?v=1788023065\" alt=\"Snail Mucin Benefits\" class=\"cx-product-media\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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\"\u003eلماذا أصبح هذا الملمس الهوس الأول لعشاق الجمال؟\u003c\/h2\u003e\n            \n            \u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin: 40px auto;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_in_cream_jar_202608292003.jpg?v=1788023086\" alt=\"Unique Snail Cream Texture\" class=\"cx-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003cp class=\"cx-subtitle cx-reveal delay-2\" style=\"color: var(--cx-text-light); max-width: 900px; font-size: 1.15rem;\"\u003e\n                معظم مرطبات البشرة تعتمد على الزيوت أو الشموع الثقيلة التي تسد المسام وتسبب الحبوب (خاصة للبشرة الدهنية والمختلطة). لكن هذا الكريم يستخدم استراتيجية \u003cstrong\u003e\"الترميم الخلوي المائي\"\u003c\/strong\u003e. الملمس المطاطي الغريب هو بالضبط ما يجعله سحرياً؛ فهو يذوب في ثوانٍ، تمتصه البشرة كالإسفنجة، ولا يترك أي أثر دهني أو انسداد خلفه.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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\"\u003eخريطة النضارة: كيف تغير المكونات بشرتك؟\u003c\/h2\u003e\n            \u003cp class=\"cx-subtitle cx-reveal\"\u003eتركيبة مركزة ومدروسة بعناية تستهدف كافة مشاكل البشرة.\u003c\/p\u003e\n\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\u003eهلام الحلزون (92%)\u003c\/h3\u003e\n                    \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eأستيكة العيوب\u003c\/h4\u003e\n                    \u003cp\u003eالمكون البطل. مسؤول عن تسريع تجديد الخلايا، محو آثار الحبوب الداكنة والحمراء، وتقليل عمق الندبات ليترك سطح البشرة أملساً تماماً.\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\u003eحمض الهيالورونيك\u003c\/h3\u003e\n                    \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eنافخ الخطوط الدقيقة\u003c\/h4\u003e\n                    \u003cp\u003eمغناطيس الترطيب الذي يخترق أعماق الجلد، يحبس الماء داخل الخلايا، ويمنح بشرتك الامتلاء الذي يخفي الخطوط الرفيعة بفعالية.\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\u003eالبانثينول والآلانتوين\u003c\/h3\u003e\n                    \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eدرع الحماية والتهدئة\u003c\/h4\u003e\n                    \u003cp\u003eيلطف الالتهابات فوراً ويقضي على الاحمرار (ممتاز للبشرة الحساسة)، ويعيد بناء حاجز البشرة المدمر بسبب العوامل الخارجية.\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\u003eالأدينوزين (Adenosine)\u003c\/h3\u003e\n                    \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eسلاح محاربة الشيخوخة\u003c\/h4\u003e\n                    \u003cp\u003eيمنح البشرة طاقة خلوية تساعد في تحسين مرونة الجلد ومحاربة علامات التقدم في السن للحصول على مظهر أكثر شباباً.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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\"\u003eالجدول الزمني للتحول\u003c\/h2\u003e\n            \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\"\u003eمن الأسبوع الأول\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            ترطيب مائي عميق وفوري، اختفاء الجفاف والقشور، تهدئة ملحوظة للاحمرار، وظهور لمعة \"البشرة الزجاجية\" بمجرد الامتصاص.\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\"\u003eبعد شهر من الاستخدام\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            حاجز بشرة قوي لا يتأثر بالعوامل الخارجية، تلاشي ملحوظ لآثار الحبوب والبقع، ملمس حريري ناعم، وامتلاء للخطوط الدقيقة.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 class=\"cx-title-section cx-reveal\"\u003eاستثمار حقيقي.. قيمة مقابل سعر\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\u003eحجم عملاق (100 جرام)\u003c\/h3\u003e\n                    \u003cp\u003eيأتي بعبوة كبيرة جداً مقارنة بمرطبات الوجه التقليدية التي غالباً ما تأتي بحجم 50 جرام فقط.\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\u003eنقطة صغيرة تكفي\u003c\/h3\u003e\n                    \u003cp\u003eبفضل قوامه اللزج والمطاطي، فإن نقطة بحجم حبة البازلاء تكفي للوجه والرقبة. العبوة ستدوم لأشهر.\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\u003eمتعدد الاستخدامات\u003c\/h3\u003e\n                    \u003cp\u003eمنتج All-in-One يغنيك عن استخدام سيروم للترطيب وكريم آخر لترميم الحاجز. خطوة واحدة تكفي.\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\u003eعالمي وأصلي\u003c\/h3\u003e\n                    \u003cp\u003eمنتج يحقق أعلى المبيعات عالمياً، يمنحك نتائج حقيقية بسعر تنافسي لا يقارن بفوائده المتعددة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n            \n            \u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hand_picking_cream_from_jar_202608292006.jpg?v=1788023217\" alt=\"How to use COSRX Snail Cream\" class=\"cx-product-media\"\u003e\n            \u003c\/div\u003e\n\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);\"\u003eالتحضير\u003c\/h3\u003e\n                    \u003cp\u003eاستخدمه على بشرة نظيفة ومندّاة قليلاً (بعد التونر أو السيروم).\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);\"\u003eالكمية\u003c\/h3\u003e\n                    \u003cp\u003eخذ كمية قليلة (ستلاحظ قوامه المطاطي اللزج المبتكر، لا تقلق).\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);\"\u003eالطبطبة\u003c\/h3\u003e\n                    \u003cp\u003eلا تفركه بقوة، قم بتوزيعه عن طريق الطبطبة حتى يذوب ويمتص تماماً خلال 30 ثانية.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\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);\"\u003eالترند العالمي الذي ينفد من الأسواق باستمرار\u003c\/h2\u003e\n                \u003cp style=\"font-size: 1.15rem; max-width: 750px; margin: 0 auto 30px; color: var(--cx-text-light);\"\u003e\n                    لا تترك بشرتك تعاني من الجفاف أو آثار الحبوب بينما المعجزة البيولوجية الكورية متاحة بين يديك. هذا الكريم يحقق مبيعات ضخمة عالمياً وينفد بسرعة فائقة. \u003cstrong\u003eاطلبه الآن، واستيقظ غداً ببشرة مروية، صافية، ومشعّة بالصحة!\u003c\/strong\u003e\n                \u003c\/p\u003e\n                \n                \u003cdiv class=\"cx-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292001.jpg?v=1788023239\" alt=\"Get COSRX Snail Cream Now\" class=\"cx-product-media\"\u003e\n                \u003c\/div\u003e\n\n                \u003cbutton class=\"cx-btn\"\u003eاحصل على البشرة الزجاجية الآن\u003c\/button\u003e\n            \u003c\/div\u003e\n\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: right; direction: rtl;\"\u003eقائمة المكونات الكاملة\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\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":"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":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  تونر و سيروم الـ 6 ببتيدات | تجديد شامل للجلد | علاجي لكافة مشاكل الجلد","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: rtl;\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\n    \u003cdiv class=\"peptide-header fade-in\"\u003e\n        \u003ch2 class=\"peptide-title\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/h2\u003e\n        \u003cp class=\"peptide-subtitle\"\u003eمنتج متطور يحتوي على 6 ببتيدات قوية لتجديد البشرة وتحسين مظهرها بشكل شامل\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"peptide-content\"\u003e\n        \u003ch3 class=\"peptide-section-title fade-in\"\u003eلماذا البيبتيدات هي كلمة السر؟\u003c\/h3\u003e\n        \u003cp class=\"peptide-text fade-in\"\u003eالبيبتيدات هي سلاسل الأحماض الأمينية التي تُعد المفتاح لإصلاح وتجديد البشرة. ومع ذلك، فإن قوة البيبتيدات تكمن في تنوعها.\u003cbr\u003eلهذا السبب قام فريق \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e بابتكار تركيبة مذهلة تحتوي على \u003cspan class=\"highlight\"\u003e6 أنواع من البيبتيدات\u003c\/span\u003e، مصممة لاستهداف كل مشكلة قد تواجهينها:\u003c\/p\u003e\n        \n        \u003cul class=\"peptide-list fade-in\"\u003e\n            \u003cli\u003e\n\u003cstrong\u003eإعادة مرونة البشرة:\u003c\/strong\u003e وداعًا للترهلات.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eتقليل التجاعيد العميقة والخطوط الدقيقة:\u003c\/strong\u003e اجعلي وجهكِ يبدو أصغر بسنوات.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eتقليل المسام والحصول على بشرة ناعمة:\u003c\/strong\u003e لأن التفاصيل الصغيرة تصنع الفرق.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eترطيب مضاعف دون الشعور بالثقل:\u003c\/strong\u003e بشرتكِ ستتنفس من جديد.\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\" alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\"\u003e\n        \n        \u003ch3 class=\"peptide-section-title\"\u003eمنتج وحيد سيغنيك عن الروتينات المعقدة والباهظة\u003c\/h3\u003e\n        \u003cp class=\"peptide-text\"\u003eمع \u003cspan class=\"highlight\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/span\u003e، لا حاجة لك بعد الآن لمجموعة من المنتجات المتعددة التي تثقل كاهلك وتكلفك الكثير من المال. هذا المنتج المتطور يحتوي على 6 ببتيدات فعّالة تُعالج مشاكل البشرة المختلفة في خطوة واحدة فقط.\u003c\/p\u003e\n        \n        \u003cp class=\"peptide-text\"\u003eبفضل تركيبة السيروم المتكاملة، يمكنك الاستغناء عن التونر، السيروم، والمستحضرات الأخرى، وبالتالي توفير الوقت والمال. الجمال والعناية بالبشرة لم يعد يحتاج إلى روتين معقد. سيروم COSRX 6 Peptide هو كل ما تحتاجه لبشرة صحية ومتجددة.\u003c\/p\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\" alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\"\u003e\n        \n        \u003ch3 class=\"peptide-section-title\"\u003e6 ببتيدات تعمل في تناغم لاستعادة شباب بشرتك\u003c\/h3\u003e\n        \u003cp class=\"peptide-text\"\u003eتخيل أن بشرتك تحصل على أفضل علاج ممكن بفضل مزيج متكامل من 6 ببتيدات قوية تعمل معًا لتجديد وتحسين مظهر بشرتك. من تعزيز مرونة البشرة وتقليل التجاعيد إلى توحيد اللون وتجديد الخلايا، هذه الببتيدات تُحفز البشرة على إصلاح نفسها بشكل طبيعي.\u003c\/p\u003e\n        \n        \u003cp class=\"peptide-text\"\u003eكل ببتيد من الـ6 يعمل على معالجة مشكلة معينة: تقليل الخطوط الدقيقة، تحسين ملمس البشرة، مكافحة التصبغات، وتجديد شباب الجلد. النتيجة؟ بشرة مشدودة، ناعمة، ومشرقة، مع تقدم ملحوظ في تجديد شباب البشرة.\u003c\/p\u003e\n        \n        \u003cdiv class=\"peptide-benefits\"\u003e\n            \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n                \u003ch4 class=\"benefit-title\"\u003eمكافحة علامات التقدم في السن\u003c\/h4\u003e\n                \u003cp\u003eالببتيدات تعمل على تحفيز إنتاج الكولاجين والإيلاستين، مما يساعد في تقليل التجاعيد وإعادة الشباب للبشرة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n                \u003ch4 class=\"benefit-title\"\u003eترطيب عميق للبشرة\u003c\/h4\u003e\n                \u003cp\u003eتعمل الببتيدات مع حمض الهيالورونيك لتوفير ترطيب مكثف للبشرة، مما يجعلها أكثر نعومة ومرونة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n                \u003ch4 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h4\u003e\n                \u003cp\u003eبفضل النياسيناميد والببتيدات، يعمل السيروم على تفتيح التصبغات وتوحيد لون البشرة.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n                \u003ch4 class=\"benefit-title\"\u003eتعزيز الحاجز الواقي للبشرة\u003c\/h4\u003e\n                \u003cp\u003eيساعد السيروم في تقوية الحاجز الواقي للبشرة، مما يحميها من العوامل البيئية الضارة.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\" alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\"\u003e\n        \n        \u003ch3 class=\"peptide-section-title\"\u003eتركيبة متقدمة تدمج الببتيدات مع أقوى مكونات العناية بالبشرة\u003c\/h3\u003e\n        \u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eالنياسيناميد، الهياليرونيك، والأدينوسين\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp class=\"peptide-text\"\u003eالببتيدات بمفردها معروفة بقدرتها الفائقة في تجديد البشرة وتحفيز إنتاج الكولاجين، \u003cstrong\u003eولكن عندما يتم دمجها مع مكونات مثل النياسيناميد، الهياليرونيك، والأدينوسين، يحدث تأثير مذهل لا يمكن أن يتحقق من خلال أي منتج آخر.\u003c\/strong\u003e\u003cbr\u003eالنياسيناميد يساعد في توحيد لون البشرة وتقليل المسام، بينما الهياليرونيك يوفر ترطيباً عميقاً، والأدينوسين يعمل على تقليل التجاعيد. معاً، هذه التركيبة الفائقة لا تمنحك فقط بشرة مشدودة، ناعمة، وأكثر إشراقاً، بل تعزز أيضاً من قدرة البشرة على مقاومة آثار الزمن.\u003c\/p\u003e\n        \n        \u003ch3 class=\"peptide-section-title\"\u003eقوام خفيف ... نتائج ثقيلة\u003c\/h3\u003e\n        \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\u003eزيادة في إشراقة الجلد\u003c\/strong\u003e: تصبح البشرة أكثر إشراقاً ونقاءً، مع استعادة لمعانها الطبيعي.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \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\u003eزيادة في الترطيب\u003c\/strong\u003e: الحصول على ترطيب عميق للبشرة، مما يعزز نعومتها ومرونتها.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \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\u003eزيادة في النضارة\u003c\/strong\u003e: تظهر البشرة بمظهر أكثر حيوية وشباباً، وكأنها استعادت طاقتها الطبيعية.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \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\u003eزيادة في حمض الهيالورونيك\u003c\/strong\u003e: زيادة نسبة حمض الهيالورونيك تعني ترطيباً أعمق للبشرة، مما يساعد في الحفاظ على صحتها ومرونتها.\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003ch3 class=\"peptide-section-title\"\u003eلا تجعل الزمن يترك أثره على بشرتك\u003c\/h3\u003e\n        \u003cp class=\"peptide-text\"\u003eمع \u003cspan class=\"highlight\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/span\u003e، لن يكون للزمن أي تأثير سلبي على بشرتك بعد الآن. هذا المنتج هو الحل الأمثل لمحاربة علامات تقدم السن، بفضل تركيباته المتطورة التي تحتوي على 6 ببتيدات قوية تعمل على تجديد الخلايا، تقليل التجاعيد، وتحسين مرونة البشرة. استمتع ببشرة أكثر شبابًا ونضارة، واستعد لتحدي الزمن بثقة.\u003c\/p\u003e\n        \n        \u003cdiv class=\"how-to-use\"\u003e\n            \u003ch3\u003eكيفية الاستخدام\u003c\/h3\u003e\n            \u003col\u003e\n                \u003cli\u003eبعد تنظيف بشرتك، ضع 2-3 مضخات من سيروم \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e على وجهك.\u003c\/li\u003e\n                \u003cli\u003eقم بتدليك المنتج بلطف باستخدام أطراف أصابعك حتى يتم امتصاصه بالكامل.\u003c\/li\u003e\n                \u003cli\u003eبعد ذلك، استخدم مرطبك المفضل للحصول على ترطيب إضافي.\u003c\/li\u003e\n            \u003c\/ol\u003e\n            \u003cp style=\"margin-top: 15px;\"\u003eيمكنك أيضًا دمج السيروم مع منتجات أخرى من \u003cstrong\u003eCOSRX\u003c\/strong\u003e مثل سيروم النياسيناميد أو فيتامين C لتحقيق أفضل النتائج.\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":"cosrx-galactomyces-95-essence","title":"Cosrx Galactomyces  مستخلص الخميرة تركيز 95%","description":"\u003ch2 data-end=\"61\" data-start=\"0\"\u003eبشرتك باهتة؟ لون غير متجانس؟ إشراقك يختفي يومًا بعد يوم؟\u003c\/h2\u003e\n\u003cp data-end=\"264\" data-start=\"63\"\u003eكل يوم تتعرض فيه بشرتك للإجهاد، التلوث، وأشعة الشمس، تفقد جزءًا من رونقها الطبيعي. تصبح البقع الداكنة أكثر وضوحًا، وتظهر التصبغات، ويبدو وجهك متعبًا بلا حياة. تجاهل المشكلة يعني استمرارها… وازديادها.\u003c\/p\u003e\n\u003cp data-end=\"338\" data-start=\"266\"\u003eلكن ماذا لو كان هناك حل يعيد لبشرتك توازنها الطبيعي وإشراقتها الساحرة؟\u003c\/p\u003e\n\u003ch2 data-end=\"437\" data-start=\"340\"\u003e ثورة حقيقية في تفتيح البشرة وتوحيد لونها!\u003c\/h2\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003eليس مجرد مستحضر آخر، بل \u003cstrong data-end=\"501\" data-start=\"463\"\u003eنقلة نوعية في عالم العناية بالبشرة\u003c\/strong\u003e! بتركيبة متطورة تحتوي على \u003cstrong data-end=\"558\" data-start=\"528\"\u003e95% من مستخلص Galactomyces\u003c\/strong\u003e، هذه الإيسنس يمنح بشرتك قوة تجديد غير مسبوقة، ليعيد إليها الإشراق، التوازن، والترطيب العميق.\u003c\/p\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"0\" data-end=\"27\"\u003eما هو الجالاكتومايسيس؟\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e الجالاكتومايسيس هو مستخلص طبيعي يُستخلص من عملية تخمير الخميرة، ويُعد من أسرار العناية بالبشرة في عالم الكورية. يحتوي على تركيبة غنية بالفيتامينات والمعادن والأحماض الأمينية التي تُحفّز تجديد خلايا البشرة وتحسين مرونتها. \u003c\/p\u003e\n\u003ch2 data-start=\"259\" data-end=\"277\"\u003eما سبب الشعبية الهائلة و الفعالية العالية لهذا المكون؟\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e يساعد الجالاكتومايسيس في إعادة توازن البشرة من خلال تعزيز إنتاج الكولاجين وتقليل ظهور التصبغات والبقع الداكنة، مما يمنح بشرتك إشراقة متجددة. كما يعمل على ترطيب البشرة بعمق، محاربًا الجذور الحرة ومُحسّنًا لمظهر وملمس البشرة، ليمنحك مظهرًا أكثر شبابًا وحيوية. إنه المفتاح للحصول على بشرة نضرة ومضيئة!\u003c\/p\u003e\n\u003ch3 data-end=\"694\" data-start=\"655\"\u003e\n\u003cstrong data-end=\"692\" data-start=\"659\"\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003ch3 data-end=\"694\" data-start=\"655\"\u003e\u003cstrong data-end=\"692\" data-start=\"659\"\u003eكيف يعمل هذا الابتكار العلمي؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp data-end=\"1011\" data-start=\"696\"\u003e🔬 \u003cstrong data-end=\"736\" data-start=\"699\"\u003e95% Galactomyces Ferment Filtrate\u003c\/strong\u003e\u003cbr data-end=\"739\" data-start=\"736\"\u003eمكون مذهل مستخلص من الخمائر الطبيعية، يعمل على:\u003cbr data-end=\"789\" data-start=\"786\"\u003e✔ تحفيز تجديد خلايا البشرة لتحسين نسيجها وإزالة البهتان.\u003cbr data-end=\"848\" data-start=\"845\"\u003e✔ تقليل مظهر التصبغات والبقع الداكنة ليمنحك لونًا موحدًا أكثر إشراقًا.\u003cbr data-end=\"921\" data-start=\"918\"\u003e✔ تقوية حاجز البشرة وحمايتها من العوامل الضارة، مما يقلل من تأثير التلوث والإجهاد عليها.\u003c\/p\u003e\n\u003ch3 data-end=\"1166\" data-start=\"1013\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 data-end=\"1166\" data-start=\"1013\"\u003eولكن الفعالية العالية لهذا المنتج لا تقتصر على الجالاكتومايسيس فقط !\u003c\/h3\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003e💦 \u003cstrong data-end=\"1051\" data-start=\"1016\"\u003eحمض الهيالورونيك + النياسيناميد\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003eثنائي مذهل يرطب البشرة بعمق، ويعمل على تفتيحها تدريجيًا بطريقة آمنة دون أي تهيج، مما يجعلها تبدو ممتلئة ونضرة.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e🛡 \u003cstrong data-end=\"1196\" data-start=\"1171\"\u003eمضادات الأكسدة القوية\u003c\/strong\u003e\u003cbr data-end=\"1199\" data-start=\"1196\"\u003eتحارب الجذور الحرة، تحافظ على شباب البشرة، وتمنحها إشراقة صحية من الداخل للخارج.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"99\" data-start=\"0\"\u003eقد تبدو التركيبة بسيطة، ولكن الجالاكتوميسيس بتركيزاته العالية يُحدث ثورة في عالم العناية بالبشرة\u003c\/h2\u003e\n\u003cp data-end=\"250\" data-start=\"101\"\u003eالجالاكتوميسيس، المستخلص الطبيعي من عملية تخمير الخميرة، قد يبدو كمكون بسيط، لكنه يحمل في طياته فوائد مذهلة للبشرة، خاصة عند استخدامه بتركيزات عالية.\u003c\/p\u003e\n\u003ch3 data-end=\"292\" data-start=\"252\"\u003eفعالية الجالاكتوميسيس بتركيزات عالية\u003c\/h3\u003e\n\u003cul data-end=\"695\" data-start=\"294\"\u003e\n\u003cli data-end=\"453\" data-start=\"294\"\u003e\n\u003cp data-end=\"453\" data-start=\"296\"\u003e\u003cstrong data-end=\"324\" data-start=\"296\"\u003eتفتيح وتوحيد لون البشرة:\u003c\/strong\u003e عند استخدام الجالاكتوميسيس بتركيزات عالية، يُلاحظ تحسن ملحوظ في توحيد لون البشرة وتقليل التصبغات، مما يمنح البشرة إشراقة طبيعية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"568\" data-start=\"455\"\u003e\n\u003cp data-end=\"568\" data-start=\"457\"\u003e\u003cstrong data-end=\"472\" data-start=\"457\"\u003eترطيب عميق:\u003c\/strong\u003e يعمل الجالاكتوميسيس على تعزيز ترطيب البشرة من الداخل، مما يساعد في الحفاظ على نعومتها ومرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"1324\" data-start=\"1283\"\u003e\u003cstrong data-end=\"1322\" data-start=\"1286\"\u003eتركيبة غير مسبوقة في السوق \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1623\" data-start=\"1326\"\u003e✨ \u003cstrong data-end=\"1408\" data-start=\"1328\"\u003eتركيبة فائقة الفعالية بتركيز 95% من Galactomyces – أعلى تركيز متاح في السوق!\u003c\/strong\u003e\u003cbr data-end=\"1411\" data-start=\"1408\"\u003e✨ \u003cstrong data-end=\"1467\" data-start=\"1413\"\u003eنتائج واضحة في تفتيح لون البشرة خلال أسابيع قليلة.\u003c\/strong\u003e\u003cbr data-end=\"1470\" data-start=\"1467\"\u003e✨ \u003cstrong data-end=\"1547\" data-start=\"1472\"\u003eتركيبة خفيفة تمتص بسرعة دون ترك أي أثر دهني، مثالية لجميع أنواع البشرة.\u003c\/strong\u003e\u003cbr data-end=\"1550\" data-start=\"1547\"\u003e✨ \u003cstrong data-end=\"1621\" data-start=\"1552\"\u003eيدعم الحاجز الطبيعي للبشرة، مما يجعله مناسبًا حتى للبشرة الحساسة.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong\u003eكيفية الاستخدام\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e يُنصح بتطبيقه صباحًا ومساءً بعد تنظيف البشرة. ضع كمية مناسبة على الوجه واتبع ذلك بروتين العناية بالبشرة المعتاد.\u003cbr\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong data-end=\"1659\" data-start=\"1628\"\u003eبشرتك تستحق إشراقة لا تخفت!\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1810\" data-start=\"1663\"\u003eلا تدعي التصبغات والبشرة الباهتة تحدد إطلالتك. مع \u003cstrong data-end=\"1761\" data-start=\"1713\"\u003eCOSRX Galactomyces 95 Tone Balancing Essence\u003c\/strong\u003e، استعيدي صفاء ونقاء بشرتك بأقوى تركيبة مبتكرة!\u003c\/p\u003e\n\u003cp data-is-only-node=\"\" data-is-last-node=\"\" data-end=\"1859\" data-start=\"1812\"\u003e\u003cstrong data-is-last-node=\"\" data-end=\"1859\" data-start=\"1815\"\u003eابدئي رحلتك نحو بشرة أكثر إشراقًا اليوم!\u003c\/strong\u003e\u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999392026798,"sku":null,"price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_galactomyces_essense_95_original_1_1a9022e4-622f-42f3-9503-b24a99ae29ad.jpg?v=1788175385"},{"product_id":"cosrx-bha-blackhead-power-liquid","title":"Cosrx BHA Blackhead Power Liquid 100 ml","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: rtl;\n    }\n\n    \/* Typography *\/\n    .product-description h3 {\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 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    }\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    .product-description strong {\n        color: #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        border-radius: 15px;\n        transition: transform 0.5s ease;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\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    \/* Before\/After comparison *\/\n    .before-after-container {\n        position: relative;\n        width: 100%;\n        max-width: 700px;\n        margin: 0 auto 30px;\n        overflow: hidden;\n        border-radius: 10px;\n    }\n\n    .comparison-slider {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        width: 40px;\n        background: rgba(156, 129, 2, 0.7);\n        left: 50%;\n        transform: translateX(-50%);\n        cursor: ew-resize;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .comparison-slider::before {\n        content: '⇄';\n        color: white;\n        font-size: 20px;\n    }\n\n    .before-image, .after-image {\n        width: 100%;\n        height: auto;\n        object-fit: cover;\n    }\n\n    .before-container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 50%;\n        height: 100%;\n        overflow: hidden;\n    }\n\n    .before-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 200%;\n    }\n\n    .after-container {\n        position: relative;\n        width: 100%;\n    }\n\n    \/* Timeline *\/\n    .timeline-container {\n        margin: 40px 0;\n    }\n\n    .timeline-steps {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: 20px;\n    }\n\n    .timeline-step {\n        flex: 1;\n        text-align: center;\n        position: relative;\n    }\n\n    .timeline-dot {\n        width: 30px;\n        height: 30px;\n        background-color: #9C8102;\n        border-radius: 50%;\n        margin: 0 auto 10px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .timeline-bar {\n        position: absolute;\n        top: 15px;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background-color: rgba(156, 129, 2, 0.3);\n        z-index: 1;\n    }\n\n    .timeline-label {\n        font-weight: bold;\n        color: #9C8102;\n    }\n\n    \/* Ingredient section *\/\n    .ingredient-container {\n        margin: 30px 0;\n    }\n\n    .ingredient-card {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        margin-bottom: 20px;\n        transition: transform 0.3s ease;\n        border-right: 3px solid #9C8102;\n    }\n\n    .ingredient-card:hover {\n        transform: translateX(-5px);\n    }\n\n    .ingredient-title {\n        color: #9C8102;\n        font-size: 1.2rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Value section *\/\n    .value-points {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n\n    .value-point {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        text-align: center;\n    }\n\n    .value-point:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n    }\n\n    .value-icon {\n        font-size: 2rem;\n        color: #9C8102;\n        margin-bottom: 15px;\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-container h3::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    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .value-points {\n            grid-template-columns: 1fr;\n        }\n        \n        .timeline-steps {\n            flex-direction: column;\n        }\n        \n        .timeline-step {\n            margin-bottom: 30px;\n        }\n        \n        .timeline-bar {\n            display: none;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid.webp?v=1745672690\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eالرؤوس السوداء: البثور المزعجة التي تُفسد صفاء بشرتك وتقلل من ثقتك بنفسك\u003c\/h3\u003e\n\u003cp\u003eتُعتبر الرؤوس السوداء من المشكلات الجلدية الشائعة التي تظهر نتيجة انسداد المسام بالزيوت الطبيعية وخلايا الجلد الميتة. هذه البثور الداكنة لا تؤثر فقط على مظهر البشرة، بل قد تُقلل من ثقة الشخص بنفسه.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_2.webp?v=1745672690\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eمنتج واحد سيخلصك من المشكلة في أسبوع واحد\u003c\/h3\u003e\n\u003cp\u003eمع \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e، يمكنكِ التخلص من الرؤوس السوداء والحصول على بشرة نقية في غضون أسبوع. يحتوي هذا المنتج على 4% من \u003cstrong\u003eبيتين ساليسيلات\u003c\/strong\u003e، وهو حمض بيتا هيدروكسي لطيف وفعال في تنظيف المسام.\u003c\/p\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_3.webp?v=1745672733\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003e10 دقائق في الأسبوع .. نتائج تدوم شهور\u003c\/h3\u003e\n\u003cp\u003eبعد أسبوع من الاستخدام المنتظم، ستلاحظين تحسنًا في ملمس بشرتكِ، حيث ستصبح أكثر نعومة وإشراقًا. بالإضافة إلى ذلك، يساعد المنتج في تقليل البثور وتحسين مرونة البشرة.\u003c\/p\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-steps\"\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الأول\u003c\/div\u003e\n\u003cp\u003eبداية التنظيف العميق للمسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الثالث\u003c\/div\u003e\n\u003cp\u003eتقليل حجم المسام\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم الخامس\u003c\/div\u003e\n\u003cp\u003eبشرة أكثر نعومة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-step\"\u003e\n\u003cdiv class=\"timeline-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-label\"\u003eاليوم السابع\u003c\/div\u003e\n\u003cp\u003eاختفاء الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Image --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Clinical Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_results_800x800_d9917e8f-4e16-4f05-81b6-a52c688fbabf.jpg?v=1745672794\" class=\"hero-image\"\u003e\n\u003ch3\u003eنتائج مذهلة في أسبوع واحد\u003c\/h3\u003e\n\u003cp\u003eتظهر النتائج السريرية تحسناً ملحوظاً في مظهر البشرة بعد استخدام المنتج بشكل منتظم لمدة أسبوع واحد فقط!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3\u003eمتخصص تنظيف وتصغير المسام\u003c\/h3\u003e\n\u003cp\u003eتم تصميم \u003cstrong\u003eCOSRX BHA Blackhead Power Liquid\u003c\/strong\u003e خصيصًا لتنظيف المسام بعمق وتقليل حجمها، مما يمنحكِ بشرة أكثر صفاءً وشبابًا. يتميز بتركيبته التي تحتوي على \u003cstrong\u003eمستخلص لحاء الصفصاف\u003c\/strong\u003e و\u003cstrong\u003eبيتين ساليسيلات\u003c\/strong\u003e، مما يساعد في تقليل الالتهابات وتحسين صحة البشرة بشكل عام.\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتنظيف عميق للمسام\u003c\/h4\u003e\n\u003cp\u003eيتغلغل عميقاً في المسام لإزالة الشوائب والزيوت المتراكمة التي تسبب الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتجديد خلايا البشرة\u003c\/h4\u003e\n\u003cp\u003eيساعد على تسريع عملية تجديد خلايا البشرة للحصول على بشرة أكثر إشراقاً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch4\u003eتصغير المسام\u003c\/h4\u003e\n\u003cp\u003eيعمل على تقليل حجم المسام الواسعة بشكل ملحوظ مع الاستخدام المنتظم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\u003cimg alt=\"COSRX BHA Blackhead Power Liquid Bottle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_a57cb5f3-40b7-4f06-a9a5-61842ceed862.jpg?v=1745672964\" class=\"hero-image\"\u003e\u003c\/div\u003e\n\u003ch3\u003eأفضل من مقشرات BHA الأخرى\u003c\/h3\u003e\n\u003cp\u003eيتميز هذا المنتج عن غيره من مقشرات BHA بتركيبته الفريدة التي تجمع بين الفعالية واللطف على البشرة. بالإضافة إلى ذلك، لا يحتوي على عطور أو كحول، مما يجعله مناسبًا لجميع أنواع البشرة، حتى الحساسة منها.\u003c\/p\u003e\n\u003ch3\u003eلماذا يعتبر هذا المنتج قيمة مقابل سعر جيدة ؟\u003c\/h3\u003e\n\u003cdiv class=\"value-points\"\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eحجم العبوة الكبير (100 مل)\u003c\/strong\u003e\n\u003cp\u003eيكفي لعدة أشهر من الاستخدام المنتظم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eفعالية طويلة الأمد\u003c\/strong\u003e\n\u003cp\u003eتطبيق واحد يكفي للحصول على نتائج تستمر لمدة أسبوع كامل\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eمكونات فعّالة عالية التركيز\u003c\/strong\u003e\n\u003cp\u003eيحتوي على تركيز عالي من حمض الساليسيليك (BHA) لإزالة الرؤوس السوداء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eمكونات إضافية قيمة\u003c\/strong\u003e\n\u003cp\u003eمثل ماء لحاء الصفصاف لتنظيف المسام وتجديد خلايا البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-point\"\u003e\n\u003cstrong\u003eلا حاجة للاستخدام اليومي\u003c\/strong\u003e\n\u003cp\u003eيمكن استخدامه بمرات أقل مع نتائج مستمرة، مما يزيد من قيمته مقابل السعر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003eالمكونات الرئيسية وكيفية عملها:\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eبيتين ساليسيلات (Betaine Salicylate) 4%\u003c\/h4\u003e\n\u003cp\u003eيُعد بديلاً أكثر لطفًا لحمض الساليسيليك، يعمل على تقشير البشرة وإذابة الدهون داخل المسام، مما يساعد في تقليل الرؤوس السوداء وتحسين ملمس البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eمستخلص لحاء الصفصاف (Salix Alba Bark Extract)\u003c\/h4\u003e\n\u003cp\u003eيُعتبر مصدرًا طبيعيًا للبيتاين ساليسيلات، يساهم في تقليل الالتهابات وتحسين صحة البشرة العامة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eبيوتيلين غليكول (Butylene Glycol)\u003c\/h4\u003e\n\u003cp\u003eيعمل كمرطب، يساعد في الحفاظ على رطوبة البشرة ويعزز من امتصاص المكونات الأخرى.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eإيثيل هكسانيديول (Ethyl Hexanediol)\u003c\/h4\u003e\n\u003cp\u003eيُستخدم كمذيب، يساعد في تحسين قوام المنتج وتسهيل توزيعه على البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eCOSRX BHA Blackhead Power Liquid\u003c\/h3\u003e\n\u003cp\u003eالحل المثالي للتخلص من الرؤوس السوداء والحصول على بشرة نقية وخالية من الشوائب.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eابدئي الآن، وودعي الرؤوس السوداء إلى الأبد!\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eاشتري الآن\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999392387246,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_BHA_Blackhead_Power_Liquid_5_591e4306-fa92-4003-96db-676f98dec3ac.webp?v=1788175384"},{"product_id":"cosrx-advanced-snail-peptide-eye-cream","title":"COSRX  كريم العين لتفتيح الهالات وعلاج التجاعيد بمستخلص الحلزون والببتيدات","description":"\u003cdiv class=\"cxe-ultimate-wrapper\" dir=\"rtl\"\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: right; 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\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\"\u003eأول حاجة بتفضح العمر مش التجاعيد..\u003cbr\u003e\u003cspan class=\"cxe-text-gold\"\u003eدي العينين\u003c\/span\u003e\n\u003c\/h1\u003e\n            \n            \u003cp class=\"cxe-subtitle cxe-reveal delay-1\"\u003e\n                الأنظار تتجه للعينين قبل سماع أي كلمة. وقبل ملاحظة أي علامة على الوجه، تكون منطقة العين قد سبقت الكل لتروي تفاصيل قلة النوم، تأثير الشاشات، الإجهاد، والسنوات التي مرت. والمشكلة؟ الأغلبية يعالجون الوجه بالكامل ويتركون المنطقة التي تتحدث عنهم!\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-2\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_7771-R4_e133b5a0-7b1b-48db-8db0-0a5f14cdfd2f.webp?v=1788026267\" alt=\"COSRX Snail Peptide Eye Cream\" class=\"cxe-product-media\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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\"\u003eالجلد تحت العين أرق ما يكون… والتعامل معه كباقي الوجه خطأ\u003c\/h2\u003e\n            \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                        الجلد حول العين أرق بكثير من باقي الوجه، يحتوي على غدد دهنية أقل بكثير، ويشهد حركة يومية مستمرة مع كل رمشة وكل ابتسامة. النتيجة؟\n                    \u003c\/p\u003e\n                    \u003cul class=\"cxe-list\"\u003e\n                        \u003cli\u003eيجف بشكل أسرع.\u003c\/li\u003e\n                        \u003cli\u003eيظهر عليه الإرهاق قبل أي منطقة أخرى.\u003c\/li\u003e\n                        \u003cli\u003eالخطوط الدقيقة تبدأ منه أولاً.\u003c\/li\u003e\n                        \u003cli\u003eيتحسس من الكريمات الثقيلة المخصصة لباقي الوجه.\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                        لذلك، كريم الوجه العادي ليس حلاً هنا. هذه المنطقة تحتاج تركيبة صُممت لها خصيصاً.\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/snail_secetions_skin_care.webp?v=1788026290\" alt=\"Snail Secretion Care\" class=\"cxe-product-media\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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\"\u003eكوزركس لم تصنع كريم عين عادي… بل ابتكرت جرعة مركزة\u003c\/h2\u003e\n            \u003cp class=\"cxe-subtitle cxe-reveal\"\u003e\n                معظم كريمات العين في الأسواق تتكون من ماء وزيوت وعطر، والمكون الفعّال يأتي في ذيل القائمة بتركيز رمزي. كوزركس سارت عكس التيار: \u003cstrong class=\"cxe-text-gold\"\u003eمخاط الحلزون هو أول مكون بنسبة 72%.\u003c\/strong\u003e المكون الفعّال هنا ليس إضافة.. بل هو أساس المنتج.\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal\" style=\"margin-bottom: 50px;\"\u003e\n                \u003cimg 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\" alt=\"COSRX Eye Cream Box\" class=\"cxe-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 class=\"cxe-title-section cxe-reveal\" style=\"margin-bottom: 40px;\"\u003eالفوائد الشاملة للمنتج\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\u003eتقليل مظهر الهالات والبهتان:\u003c\/strong\u003e بفضل دمج النياسيناميد مع مخاط الحلزون.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eتنعيم الخطوط الدقيقة والتعبيرية:\u003c\/strong\u003e بتقنية Acetyl Hexapeptide-8 و Palmitoyl Pentapeptide-4.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eدعم مرونة وتماسك الجلد الرقيق:\u003c\/strong\u003e بفضل Copper Tripeptide-1.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eترطيب عميق وامتلاء فوري:\u003c\/strong\u003e بمزيج صوديوم هيالورونات، جليسرين، وبيوتيلين جلايكول.\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\u003eتقليل مظهر الانتفاخ الصباحي:\u003c\/strong\u003e بقوة الأدينوزين مع مخاط الحلزون.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eتهدئة الاحمرار والحساسية:\u003c\/strong\u003e بمفعول الألانتوين، البانثينول، والبيبتيدات المهدئة.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eحماية من الإجهاد التأكسدي اليومي:\u003c\/strong\u003e بفضل فيتامين E.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eتغذية للجلد الجاف دون إثقال:\u003c\/strong\u003e بفضل زيت بذور دوار الشمس الطبيعي.\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 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\"\u003eكيف يعمل؟ (العلم وراء التركيبة)\u003c\/h2\u003e\n            \n            \u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_applying_eye_cream_202608292106.jpg?v=1788026823\" alt=\"Applying Eye Cream\" class=\"cxe-product-media\"\u003e\n            \u003c\/div\u003e\n\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% مخاط حلزون: مصنع إصلاح متكامل\u003c\/h3\u003e\n                    \u003cp\u003eليس مجرد مرطب، بل خليط طبيعي من الجليكوبروتينات، حمض الهيالورونيك، الألانتوين، النحاس وببتيدات طبيعية. يملأ الجلد بالترطيب لتقليل خطوط الجفاف بسرعة، ويهدئ ويدعم إصلاح الحاجز الجلدي لتقليل الاحمرار والحساسية. النتيجة: منطقة \"ممتلئة ومرتاحة\" بدلاً من \"جافة ومشدودة\".\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);\"\u003eنياسيناميد: متخصص تفتيت التصبغات\u003c\/h3\u003e\n                    \u003cp\u003eمن أكثر المكونات المدروسة في تفتيح مظهر البقع وتوحيد اللون، ويدعم الحاجز الجلدي. وجوده هنا موجه تحديداً للهالات الناتجة عن التصبغ والجفاف والبهتان.\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 ببتيدات… كل نوع له مهمة محددة\u003c\/h3\u003e\n                    \u003cp style=\"margin-bottom: 15px;\"\u003eالببتيدات هي سلاسل أحماض أمينية ترسل إشارات للجلد للبناء والشد. كوزركس لم تكتفِ بنوع واحد:\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 لدعم الكولاجين وتجديد الجلد.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e لتقليل مظهر خطوط التعبير الناتجة عن حركة العضلات.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e لدعم مظهر كثافة وسمك الجلد الرفيع.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e لتعزيز المرونة والتماسك.\u003c\/li\u003e\n                        \u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e لتهدئة الالتهاب البسيط الذي يسرع الشيخوخة.\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);\"\u003eزيت دوار الشمس وفيتامين E: قفل الترطيب\u003c\/h3\u003e\n                    \u003cp\u003eمنطقة العين غالباً ما تكون أكثر جفافاً من باقي الوجه. زيت بذور دوار الشمس يمنح التغذية المطلوبة دون التسبب بثقل أو انسداد، بينما يحمي فيتامين E من الأكسدة اليومية الضارة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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\"\u003eالفرق بينه وبين ما في درج غرفتك الآن\u003c\/h2\u003e\n            \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\u003eالمعايير\u003c\/th\u003e\n                            \u003cth style=\"color: #666;\"\u003eالكريم التقليدي\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\u003eالمكون الفعّال\u003c\/strong\u003e\u003c\/td\u003e\n                            \u003ctd style=\"color: #888;\"\u003eفي آخر القائمة بتركيز ضئيل\u003c\/td\u003e\n                            \u003ctd class=\"highlight\"\u003eمخاط الحلزون أول مكون بنسبة 72%\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e\u003cstrong\u003eالببتيدات\u003c\/strong\u003e\u003c\/td\u003e\n                            \u003ctd style=\"color: #888;\"\u003eببتيد واحد (إن وُجد)\u003c\/td\u003e\n                            \u003ctd class=\"highlight\"\u003eخمس ببتيدات مختلفة ومتكاملة\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e\u003cstrong\u003eالقوام\u003c\/strong\u003e\u003c\/td\u003e\n                            \u003ctd style=\"color: #888;\"\u003eثقيل وقد يسبب حبيبات بيضاء\u003c\/td\u003e\n                            \u003ctd class=\"highlight\"\u003eلوشن خفيف يمتص في ثوانٍ\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e\u003cstrong\u003eالشمولية\u003c\/strong\u003e\u003c\/td\u003e\n                            \u003ctd style=\"color: #888;\"\u003eيتعامل مع مشكلة واحدة\u003c\/td\u003e\n                            \u003ctd class=\"highlight\"\u003eيعالج الهالات + الانتفاخ + الخطوط + الترطيب\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e\u003cstrong\u003eالتهيج\u003c\/strong\u003e\u003c\/td\u003e\n                            \u003ctd style=\"color: #888;\"\u003eيحتوي عطور وكحول تهيج المنطقة\u003c\/td\u003e\n                            \u003ctd class=\"highlight\"\u003eخالي من العطور والكحول والزيوت العطرية\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eرحلة النتائج… خطوة بخطوة\u003c\/h2\u003e\n            \u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_shell_and_eye_cream_202608292104.jpg?v=1788026735\" alt=\"Snail Shell and Eye Cream\" class=\"cxe-product-media\"\u003e\n            \u003c\/div\u003e\n\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\"\u003eمن أول استخدام\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eالمنطقة تصبح مرتاحة ومرطبة، والقشور والجفاف تهدأ فوراً. المكياج يتوزع بشكل أنعم فوقه.\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\"\u003eمن 3 إلى 7 أيام\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eالخطوط الناتجة عن الجفاف تقل وضوحاً، والمنطقة تبدو أقل إرهاقاً وممتلئة في الصباح.\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\"\u003eمن 2 إلى 4 أسابيع\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eملمس الجلد يصبح أنعم، الانتفاخ الصباحي يقل تدريجياً، والهالات الناتجة عن الجفاف تبدأ في التفتيح.\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\"\u003eمن 8 إلى 12 أسبوع\u003c\/div\u003e\n                        \u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eتأثير الببتيدات يظهر بقوة: تحسن مرونة وتماسك المنطقة، ومظهر الخطوط الدقيقة يقل بشكل ملحوظ. (العبوة 25 مل تكفي من شهرين لثلاثة بفضل الكمية الضئيلة المطلوبة).\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n            \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\u003eالتحضير\u003c\/h4\u003e\n                    \u003cp\u003eبعد تطبيق التونر والسيروم، تؤخذ كمية بسيطة جداً بحجم حبة العدس.\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\u003eالتوزيع الآمن\u003c\/h4\u003e\n                    \u003cp\u003eتُوزع بإصبع البنصر (الأضعف) بنقاط خفيفة، مع الالتزام بمسافة نصف سنتيمتر من خط الرموش.\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\u003eالتربيت\u003c\/h4\u003e\n                    \u003cp\u003eيتم التربيت برفق حتى الامتصاص التام. يُمنع تماماً سحب أو شد الجلد الرقيق.\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\u003eالروتين\u003c\/h4\u003e\n                    \u003cp\u003eصباحاً ومساءً. (في الصباح يجب اتباع الخطوة بواقي شمس). يمكن استخدامه أيضاً على خطوط الابتسامة.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\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;\"\u003eآراء المستخدمين (تقييم 4.8\/5 عالمياً)\u003c\/h3\u003e\n                \u003cp style=\"text-align: center; color: var(--cxe-text-muted); margin-bottom: 30px;\"\u003eبمراجعة التقييمات المنشورة على المواقع العالمية، يُعد هذا الكريم من الأعلى تقييماً في فئة كريمات العين الكورية.\u003c\/p\u003e\n                \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;\"\u003eالنقاط الأكثر مدحاً (الإجماع):\u003c\/h4\u003e\n                        \u003cul class=\"cxe-list\"\u003e\n                            \u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eالقوام:\u003c\/strong\u003e خفيف كـ اللوشن، يمتص في ثوانٍ ولا يترك طبقة دهنية ولا يتعارض مع الكونسيلر.\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eالترطيب الفوري:\u003c\/strong\u003e تحسن ملمس المنطقة وتقليل القشور الجافة بوضوح في الأيام الأولى.\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eعدم التهيج:\u003c\/strong\u003e آمن تماماً لأصحاب العيون الحساسة والعدسات اللاصقة (لخلوه من العطور).\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eالتوفير:\u003c\/strong\u003e كمية صغيرة جداً تكفي، والعبوة تدوم لشهور.\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;\"\u003eالنقاط التي تكررت في النقد:\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 البعض يرى العبوة (25 مل) صغيرة، رغم أن المراجعات تؤكد أن الاستهلاك اليومي ضئيل جداً.\u003c\/li\u003e\n                            \u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e ملمس المخاط قد يبدو غريباً في الاستخدام الأول، لكن الإحساس يختفي فوراً.\u003c\/li\u003e\n                            \u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e التغيير الجذري في الخطوط الدقيقة يحتاج لأسابيع من الصبر، ولا يظهر من الأسبوع الأول.\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;\"\u003eالخلاصة الحيادية: الإجماع يشير إلى أنه من أفضل كريمات العين في فئته السعرية للترطيب والراحة وسلامة التركيبة.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snails_crawling_near_eye_cream_202608292102.jpg?v=1788026614\" alt=\"Snail Eye Cream\" class=\"cxe-product-media\"\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 class=\"cxe-title-main cxe-reveal\" style=\"font-size: clamp(26px, 4vw, 40px);\"\u003eالعينان لن تنتظرا.. والوقت لا يتوقف\u003c\/h2\u003e\n            \u003cp class=\"cxe-subtitle cxe-reveal\" style=\"color: #fff; font-size: 1.15rem;\"\u003e\n                كل يوم يمر والمنطقة الرقيقة حول العينين بدون عناية مخصصة، هو يوم يُضاف لحساب العمر وليس لحساب البشرة. الفرق بين المظهر الشاب والمظهر المرهق ليس الجينات فقط.. بل هو الاستمرار على وضع الكريم الصحيح في مكانه الصحيح.\n            \u003c\/p\u003e\n            \n            \u003cdiv class=\"cxe-reveal\"\u003e\n                \u003cbutton class=\"cxe-btn\"\u003eالبداية الآن.. لاستعادة نظرة شابة ومشرقة\u003c\/button\u003e\n            \u003c\/div\u003e\n\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: right; direction: rtl;\"\u003eقائمة المكونات الكاملة (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\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":"cosrx-hyaluronic-acid-intensive-cream","title":"COSRX Hyaluronic Acid Intensive Cream 100grams","description":"\u003cstyle\u003e\n        .golden-accent { color: #9C8102; font-weight: bold; }\n        .section-title { \n            color: #9C8102; \n            font-size: 1.6em; \n            margin: 30px 0 20px 0; \n            font-weight: bold; \n            text-align: center;\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n            border-bottom: 3px solid #9C8102;\n            padding-bottom: 10px;\n        }\n        .problem-intro {\n            background: linear-gradient(135deg, #ff6b6b, #ee5a52);\n            color: white;\n            padding: 30px;\n            border-radius: 15px;\n            margin: 25px 0;\n            font-size: 1.1em;\n            line-height: 1.9;\n            box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3);\n        }\n        .unique-title {\n            background: linear-gradient(135deg, #9C8102, #B8941A);\n            color: white;\n            padding: 40px;\n            text-align: center;\n            margin: 30px 0;\n            border-radius: 20px;\n            font-size: 1.8em;\n            font-weight: bold;\n            box-shadow: 0 10px 30px rgba(156, 129, 2, 0.4);\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n        }\n        .subtitle {\n            text-align: center;\n            font-size: 1.3em;\n            color: #666;\n            margin: 15px 0 30px 0;\n            font-style: italic;\n        }\n        .benefit-item { \n            margin: 20px 0; \n            padding: 25px; \n            background: linear-gradient(135deg, #f8f9fa, #e9ecef); \n            border-right: 6px solid #9C8102; \n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n        .benefit-item:hover { \n            transform: translateX(-5px) translateY(-2px); \n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n        .how-it-works {\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            color: white;\n            padding: 30px;\n            border-radius: 15px;\n            margin: 25px 0;\n            font-size: 1.1em;\n            line-height: 1.8;\n            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);\n        }\n        .timeline-section {\n            background: #2c3e50;\n            color: white;\n            padding: 30px;\n            border-radius: 15px;\n            margin: 25px 0;\n            box-shadow: 0 8px 25px rgba(44, 62, 80, 0.3);\n        }\n        .timeline-item {\n            margin: 15px 0;\n            padding: 15px;\n            background: rgba(255,255,255,0.1);\n            border-radius: 8px;\n            border-left: 4px solid #FFD700;\n        }\n        .cta-section { \n            background: linear-gradient(135deg, #1a1a1a, #2d2d2d); \n            color: white; \n            padding: 40px 25px; \n            text-align: center; \n            margin: 50px 0; \n            border-radius: 20px;\n            box-shadow: 0 12px 35px rgba(0,0,0,0.4);\n            border: 3px solid #FFD700;\n        }\n        @media (max-width: 768px) {\n            .cta-section {\n                padding: 30px 20px;\n                margin: 40px 10px;\n                border-radius: 15px;\n            }\n            .unique-title {\n                font-size: 1.4em;\n                padding: 30px 20px;\n            }\n            .section-title {\n                font-size: 1.3em;\n            }\n        }\n        .ingredients-list { \n            background: linear-gradient(135deg, #f5f7fa, #c3cfe2); \n            padding: 30px; \n            margin: 25px 0; \n            border-radius: 15px;\n            border: 3px solid #9C8102;\n            box-shadow: 0 6px 20px rgba(156, 129, 2, 0.2);\n        }\n        .what-makes-different {\n            background: linear-gradient(135deg, #ffeaa7, #fdcb6e);\n            padding: 25px;\n            border-radius: 12px;\n            margin: 25px 0;\n            border: 2px solid #e17055;\n            color: #2d3436;\n            font-weight: bold;\n            box-shadow: 0 6px 18px rgba(253, 203, 110, 0.3);\n        }\n        .icon { width: 28px; height: 28px; display: inline-block; margin-left: 12px; }\n        .reviews-section {\n            background: linear-gradient(135deg, #a8e6cf, #88d8a3); \n            padding: 30px; \n            border-radius: 15px; \n            margin: 25px 0;\n            box-shadow: 0 6px 20px rgba(168, 230, 207, 0.3);\n        }\n        .review-positive { color: #00b894; font-weight: bold; }\n        .review-negative { color: #fdcb6e; font-weight: bold; }\n        .review-overall { color: #2d3436; font-weight: bold; }\n    \u003c\/style\u003e\n\u003cdiv style=\"font-family: 'Arial', sans-serif; direction: rtl; text-align: right; line-height: 1.8; color: #333;\"\u003e\n\u003cdiv class=\"problem-intro\"\u003eالجفاف هو العدو الأول لبشرتك .. هو المسبب الأول للتشقق و الخطوط الدقيقة .. وهو أكبر أسباب الشيخوخة المبكرة. \u003cbr\u003eالترطيب هو أهم خطوة في روتينك اليومي ..\u003c\/div\u003e\n\u003cdiv class=\"unique-title\"\u003eسر كوريا المقدس: الكريم اللي بيحول بشرتك لحرير مخملي\u003c\/div\u003e\n\u003cdiv class=\"subtitle\"\u003eCOSRX - الكريم الكوري الأسطوري للترطيب المكثف والبشرة المخملية\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e🔬 مكونات متقدمة علميا\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eHippophae Rhamnoides Water (Sea Buckthorn) 57.8%\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eSodium Hyaluronate 3000ppm\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eGlycerin 8%\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eBetaine 3%\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eHelianthus Annuus Seed Oil 4%\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eMacadamia Ternifolia Seed Oil 2%\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003ePanthenol 1%\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eAllantoin 0.5%\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e كيف يعمل ؟\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 15px 0;\"\u003e🧬 العلم وراء المعجزة:\u003c\/h4\u003e\nماء نبق البحر الكوري الغني بفيتامين C ينشط تجديد خلايا البشرة ويعيد إشراقها. الصوديوم هيالورونات يمتص 1000 مرة وزنه من المياه فيرطب البشرة من الأعماق ويملأ الخطوط الدقيقة. الجليسرين والبيتين يكونان حاجز حماية يمنع تبخر الرطوبة.\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e💪 القوى الخارقة المؤكدة علمياً\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eترطيب مكثف يدوم 24 ساعة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eالصوديوم هيالورونات 3000ppm يحتفظ بالرطوبة العميقة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eتجديد وإشراق البشرة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eماء نبق البحر 57.8% غني بفيتامين C المجدد\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eملء الخطوط الدقيقة فورياً\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eالهيالورونيك يملأ التجاعيد كالبوتوكس الطبيعي\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eتهدئة البشرة الحساسة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eالألانتوين والبانثينول يهدئان التهيج\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eحماية من فقدان الرطوبة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eالجليسرين 8% يحبس الرطوبة لساعات\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eتغذية عميقة للبشرة\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg viewbox=\"0 0 20 20\" fill=\"#9C8102\" class=\"icon\"\u003e\n            \u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003cstrong\u003eزيوت المكاداميا وعباد الشمس تغذي وتنعم\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 20px 0; text-align: center;\"\u003e النتائج المتوقعة:\u003c\/h4\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eالتطبيق الأول: راحة فورية للبشرة الجافة وملمس حريري ناعم\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eالأسبوع الأول: تحسن واضح في نعومة البشرة وإشراقها، أقل جفاف وتشقق\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eالأسبوع الثالث: البشرة تصبح مخملية الملمس، والخطوط الدقيقة تقل بوضوح\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eالشهر الثاني: بشرة زجاجية حقيقية، مرطبة ومشرقة وناعمة كالأطفال\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eلماذا هذا المنتج مختلف عن كل شيء آخر؟\u003c\/div\u003e\n\u003cdiv class=\"what-makes-different\"\u003e\n\u003ch4 style=\"color: #2d3436; margin: 0 0 15px 0;\"\u003e👑 السر الذي يجعله الأفضل:\u003c\/h4\u003e\nكريم كوزاركس الوحيد اللي بيحتوي على ماء نبق البحر الكوري الأصلي بتركيز 57.8%. التركيبة الكورية الحصرية معتمدة من وزارة الصحة الكورية، وهو الكريم الأكثر مبيعاً في كوريا لعلاج البشرة الجافة والحساسة.\u003c\/div\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #2d3436, #636e72); color: white; padding: 30px; border-radius: 15px; margin: 30px 0; box-shadow: 0 8px 25px rgba(45, 52, 54, 0.3);\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 20px 0; text-align: center;\"\u003e📋جميع المكونات\u003c\/h4\u003e\n\u003cp style=\"font-size: 0.95em; line-height: 1.9; opacity: 0.95; text-align: center;\"\u003eHippophae Rhamnoides Water, Glycerin, Butylene Glycol, Caprylic\/Capric Triglyceride, Betaine, Helianthus Annuus Seed Oil, Cetearyl Alcohol, Cetearyl Olivate, Sorbitan Olivate, Macadamia Ternifolia Seed Oil, Sodium Hyaluronate, Arginine, Panthenol, Dimethicone, Allantoin, Xanthan Gum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Enhanced hover effects\n            document.querySelectorAll('.benefit-item').forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-8px) translateY(-3px)';\n                    this.style.transition = 'all 0.3s ease';\n                });\n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(0) translateY(0)';\n                });\n            });\n\n            \/\/ Pulsing effect for CTA\n            const ctaSection = document.querySelector('.cta-section');\n            if (ctaSection) {\n                setInterval(() =\u003e {\n                    ctaSection.style.boxShadow = '0 15px 40px rgba(0,0,0,0.5)';\n                    setTimeout(() =\u003e {\n                        ctaSection.style.boxShadow = '0 12px 35px rgba(0,0,0,0.4)';\n                    }, 1500);\n                }, 4000);\n            }\n\n            \/\/ Scrolling animations\n            const observerOptions = {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            };\n\n            const observer = new IntersectionObserver(function(entries) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1';\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, observerOptions);\n\n            document.querySelectorAll('.section-title, .benefit-item').forEach(el =\u003e {\n                el.style.opacity = '0';\n                el.style.transform = 'translateY(30px)';\n                el.style.transition = 'all 0.6s ease';\n                observer.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"COSRX","offers":[{"title":"100ml","offer_id":46999421976750,"sku":"COSRX_HYALURONIC_ACID_INTENSIVE_CREAM_4587","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrxhyaluronicacidintensivecream_85a2de0d-18fb-40fb-8099-dd6087275808.jpg?v=1788175249"},{"product_id":"cosrx-salicylic-acid-daily-gentle-cleanser-150ml","title":"COSRX salicylic acid daily gentle cleanser 150 ml","description":"\n\u003cstyle\u003e\n.product-description {\n    direction: rtl;\n    text-align: right;\n    font-family: inherit;\n    line-height: 1.6;\n    color: #333;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"product-description\"\u003e\n    \u003cdiv class=\"hero-section fade-in\"\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003ch1 class=\"main-title\"\u003eCOSRX Salicylic Acid Daily Gentle Cleanser 150ml\u003c\/h1\u003e\n            \u003ch2 class=\"subtitle\"\u003eغسول الوجه اليومي اللطيف بحمض الساليسيليك ومياه الصفصاف\u003c\/h2\u003e\n            \u003ch3 class=\"hero-tagline\"\u003eعندما يلتقي حمض الساليسيليك الطبيعي بزيت شجرة الشاي الأسترالي\u003c\/h3\u003e\n            \u003cp class=\"hero-text\"\u003eالبشرة الدهنية وحب الشباب تحتاج لعناية يومية متخصصة وآمنة. غسول كوزركس يجمع بين \u003cstrong\u003eحمض الساليسيليك بتركيز 0.5% مع مياه لحاء الصفصاف الطبيعية وزيت شجرة الشاي النقي\u003c\/strong\u003e في تركيبة كورية لطيفة للاستخدام اليومي.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"problem-section fade-in\"\u003e\n        \u003ch2 class=\"problem-title\"\u003eمعركة البشرة الدهنية: التنظيف القاسي يزيد المشكلة\u003c\/h2\u003e\n        \u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eلماذا البشرة الدهنية تحتاج تنظيف ذكي وليس قاسي؟\u003c\/strong\u003e\u003c\/h3\u003e\n\n        \u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eالبحوث الكورية في أمراض الجلد أثبتت أن \u003cstrong\u003e78% من مشاكل حب الشباب تتفاقم بسبب التنظيف المفرط\u003c\/strong\u003e. عندما نستخدم منظفات قاسية، البشرة ترد بإنتاج المزيد من الزيوت للحماية، مما يزيد من انسداد المسام والالتهاب.\u003c\/p\u003e\n\n        \u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eليه حمض الساليسيليك 0.5% + زيت شجرة الشاي هو الحل الأمثل؟\u003c\/strong\u003e\u003c\/p\u003e\n\n        \u003cp style=\"line-height: 1.7;\"\u003eحمض الساليسيليك بتركيز معتدل \u003cstrong\u003eينظف المسام من الداخل بدون تهيج\u003c\/strong\u003e، بينما زيت شجرة الشاي يحارب البكتيريا طبيعياً، ومياه الصفصاف تهدئ الالتهاب.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-section fade-in\"\u003e\n        \u003ch2 class=\"benefits-title\"\u003eقوة حمض الساليسيليك اللطيف مع زيت شجرة الشاي\u003c\/h2\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eتنظيف عميق للمسام المسدودة\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بحمض الساليسيليك BHA بتركيز 0.5%)\u003c\/strong\u003e يخترق المسام المليئة بالزيوت وينظفها من الداخل ويمنع تكون الرؤوس السوداء\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eتقشير لطيف للخلايا الميتة\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بمياه لحاء الصفصاف الطبيعية)\u003c\/strong\u003e مصدر طبيعي لحمض الساليسيليك يقشر بلطف ويكشف بشرة أكثر نعومة\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eمحاربة البكتيريا والالتهاب\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بزيت شجرة الشاي الأسترالي النقي)\u003c\/strong\u003e يحارب البكتيريا المسببة لحب الشباب ويهدئ الالتهاب الموجود\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ingredients-section fade-in\"\u003e\n        \u003ch2 class=\"ingredients-title\"\u003eتحالف الطبيعة والعلم: الساليسيليك + شجرة الشاي\u003c\/h2\u003e\n\n        \u003cdiv class=\"ingredient-card\"\u003e\n            \u003cdiv class=\"ingredient-name\"\u003e◇ حمض الساليسيليك BHA - المقشر اللطيف:\u003c\/div\u003e\n            \u003cdiv class=\"ingredient-description\"\u003e\n                \u003cp\u003e\u003cstrong\u003eحمض الساليسيليك بتركيز 0.5% - الجرعة المثالية\u003c\/strong\u003e:\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eقابل للذوبان في الزيوت:\u003c\/strong\u003e يخترق المسام المليئة بالدهون\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمقشر كيميائي لطيف:\u003c\/strong\u003e يزيل خلايا الجلد الميتة بدون خشونة\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمضاد للالتهاب:\u003c\/strong\u003e يهدئ الاحمرار والتورم\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمنظم للإفرازات:\u003c\/strong\u003e يقلل إنتاج الزيوت الزائدة\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ingredient-card\"\u003e\n            \u003cdiv class=\"ingredient-name\"\u003e● زيت شجرة الشاي الأسترالي - المحارب الطبيعي:\u003c\/div\u003e\n            \u003cdiv class=\"ingredient-description\"\u003e\n                \u003cp\u003e\u003cstrong\u003eMelaleuca Alternifolia Oil - أقوى مضاد بكتيري طبيعي\u003c\/strong\u003e:\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمضاد للبكتيريا والفطريات:\u003c\/strong\u003e يحارب P.acnes المسببة لحب الشباب\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمضاد للالتهاب:\u003c\/strong\u003e يهدئ الحبوب الملتهبة\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمنظف طبيعي:\u003c\/strong\u003e يذيب الزيوت والأوساخ\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمجدد للخلايا:\u003c\/strong\u003e يسرع شفاء الجروح الصغيرة\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"timeline-section fade-in\"\u003e\n        \u003ch2 class=\"timeline-title\"\u003eرحلة تحول البشرة الدهنية في 30 يوم:\u003c\/h2\u003e\n\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالأسبوع الأول:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eتنظيف عميق فوري للمسام دون تهيج أو جفاف مفرط\u003c\/li\u003e\n                \u003cli\u003eتقليل واضح في لمعان البشرة الزائد\u003c\/li\u003e\n                \u003cli\u003eشعور بالانتعاش والنظافة يدوم ساعات أكثر\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالأسبوع الثاني:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eبداية تحسن في ملمس البشرة ونعومتها\u003c\/li\u003e\n                \u003cli\u003eتقليل في عدد الحبوب الجديدة الظاهرة\u003c\/li\u003e\n                \u003cli\u003eتحسن في حجم المسام الظاهرة\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eنهاية الشهر الأول:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eبشرة أكثر توازناً ونقاءً\u003c\/li\u003e\n                \u003cli\u003eمقاومة أقوى لظهور حبوب جديدة\u003c\/li\u003e\n                \u003cli\u003eملمس أنعم ونضارة طبيعية\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"value-section fade-in\"\u003e\n        \u003ch2 class=\"value-title\"\u003eالحل الكوري الآمن للبشرة الدهنية\u003c\/h2\u003e\n\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e◆ تركيز مدروس علمياً:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003e0.5% ساليسيليك - التركيز المثالي\u003c\/strong\u003e - قوي بما يكفي للفعالية، لطيف بما يكفي للاستخدام اليومي.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e▲ مكونات طبيعية 100%:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003eزيت شجرة الشاي ومياه الصفصاف\u003c\/strong\u003e - بدائل طبيعية آمنة للمواد الكيميائية القاسية.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e● حجم اقتصادي:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003e150مل تكفي لـ4-5 شهور\u003c\/strong\u003e - استثمار طويل المدى لبشرة صحية ومتوازنة.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"science-section fade-in\"\u003e\n        \u003ch2 class=\"science-title\"\u003eلماذا التنظيف اللطيف أقوى من القاسي؟\u003c\/h2\u003e\n\n        \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n            \u003cstrong\u003eكوزركس ليس مجرد غسول... إنه إعادة تعريف لمفهوم علاج البشرة الدهنية.\u003c\/strong\u003e\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"question-cta\"\u003e\n            \u003cp class=\"highlight-text\"\u003eهتفضل الحرب على بشرتك ولا التعاون معها لحل المشكلة من جذورها؟\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003eاطلب التنظيف الذكي دلوقتي\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"final-cta fade-in\"\u003e\n        \u003ch2 class=\"cta-title\"\u003eالثورة الكورية للبشرة الدهنية\u003c\/h2\u003e\n        \u003cp class=\"cta-text\"\u003e\n            \u003cstrong\u003eCOSRX Salicylic Acid Daily Gentle Cleanser - التنظيف الذكي\u003c\/strong\u003e\u003cbr\u003e\n            حل يومي لطيف وفعال للبشرة الدهنية وحب الشباب بحمض الساليسيليك وزيت شجرة الشاي\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    console.log('Comprehensive product description loaded successfully');\n\n    \/\/ Add fade-in animations\n    const fadeElements = document.querySelectorAll('.fade-in');\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    });\n\n    fadeElements.forEach(el =\u003e {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(20px)';\n        el.style.transition = 'all 0.6s ease';\n        observer.observe(el);\n    });\n});\n\u003c\/script\u003e\n","brand":"COSRX","offers":[{"title":"150ml","offer_id":46999425974446,"sku":"COSRX_SALICYLIC_ACID_DAILY_GENTLE_CLEANSER_150ML_1011","price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_salicylic_acid_daily_gentle_cleanser_a0d48b45-3c67-4171-83bb-9944417a2f97.jpg?v=1788175237"},{"product_id":"cosrx-the-vitamin-c-23-serum-20g","title":"COSRX The Vitamin C 23 Serum, 0.70 Oz (20 G)","description":"\n\u003cstyle\u003e\n.product-description {\n    direction: rtl;\n    text-align: right;\n    font-family: inherit;\n    line-height: 1.6;\n    color: #333;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"product-description\"\u003e\n    \u003cdiv class=\"hero-section fade-in\"\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003ch1 class=\"main-title\"\u003eCOSRX The Vitamin C 23 Serum 20g\u003c\/h1\u003e\n            \u003ch2 class=\"subtitle\"\u003eسيروم فيتامين سي المركز 23% مع فيتامين E الفائق والهيالورونيك\u003c\/h2\u003e\n            \u003ch3 class=\"hero-tagline\"\u003eعندما يلتقي فيتامين سي النقي بتقنية التوكوترينولز المتطورة\u003c\/h3\u003e\n            \u003cp class=\"hero-text\"\u003eالتصبغات وعلامات التقدم في السن تتطلب حلول قوية ومتطورة. سيروم كوزركس يجمع بين \u003cstrong\u003eفيتامين سي النقي بتركيز 23% مع فيتامين E الفائق (توكوترينولز) وحمض الهيالورونيك\u003c\/strong\u003e في تركيبة كورية مكثفة تحارب التصبغات والتجاعيد.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"problem-section fade-in\"\u003e\n        \u003ch2 class=\"problem-title\"\u003eمعركة التصبغات والشيخوخة: التحدي الأكبر للجمال\u003c\/h2\u003e\n        \u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eلماذا تحتاج فيتامين سي بتركيز عالي؟\u003c\/strong\u003e\u003c\/h3\u003e\n\n        \u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eالبحوث الكورية في مكافحة الشيخوخة أثبتت أن \u003cstrong\u003eالتراكيز المنخفضة من فيتامين سي (أقل من 15%) غير فعالة\u003c\/strong\u003e في محاربة التصبغات العميقة والتجاعيد المتقدمة. التراكيز العالية مثل 23% ضرورية للنتائج الملموسة.\u003c\/p\u003e\n\n        \u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eليه فيتامين سي 23% + توكوترينولز هو الحل الأقوى؟\u003c\/strong\u003e\u003c\/p\u003e\n\n        \u003cp style=\"line-height: 1.7;\"\u003eفيتامين سي بتركيز 23% يثبط الميلانين ويحفز الكولاجين، بينما التوكوترينولز (فيتامين E الفائق) يحمي من الأكسدة بقوة 50 مرة أكبر من التوكوفيرول العادي.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-section fade-in\"\u003e\n        \u003ch2 class=\"benefits-title\"\u003eقوة فيتامين سي النقي 23% مع فيتامين E الفائق\u003c\/h2\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eمحاربة التصبغات والبقع الداكنة\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بفيتامين سي النقي 23%)\u003c\/strong\u003e يثبط إنتاج الميلانين ويفتح البقع الداكنة وآثار حب الشباب بقوة مضاعفة\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eمكافحة علامات التقدم في السن\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بفيتامين E الفائق - توكوترينولز)\u003c\/strong\u003e مضاد أكسدة بقوة 50 مرة أكبر من توكوفيرول العادي يحارب التجاعيد\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eتحفيز إنتاج الكولاجين الطبيعي\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بالجليسرين والنياسيناميد)\u003c\/strong\u003e يحفز تجديد الخلايا وإنتاج كولاجين جديد لبشرة أكثر شباباً\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eترطيب عميق أثناء العلاج\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بحمض الهيالورونيك والسكوالان)\u003c\/strong\u003e يرطب ويغذي البشرة أثناء عملية التفتيح والتجديد\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ingredients-section fade-in\"\u003e\n        \u003ch2 class=\"ingredients-title\"\u003eتقنية فيتامين سي المتطورة والحماية الفائقة\u003c\/h2\u003e\n\n        \u003cdiv class=\"ingredient-card\"\u003e\n            \u003cdiv class=\"ingredient-name\"\u003e◇ فيتامين سي النقي 23% - القوة المضاعفة:\u003c\/div\u003e\n            \u003cdiv class=\"ingredient-description\"\u003e\n                \u003cp\u003e\u003cstrong\u003eL-Ascorbic Acid النقي بأعلى تركيز آمن\u003c\/strong\u003e:\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eتثبيط الميلانين:\u003c\/strong\u003e يوقف إنتاج التصبغات من المصدر\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eتحفيز الكولاجين:\u003c\/strong\u003e يعيد بناء بنية البشرة الداخلية\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eإشراق فوري:\u003c\/strong\u003e نتائج ملموسة من الأسبوع الأول\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eحماية من الجذور الحرة:\u003c\/strong\u003e يمنع التلف المستقبلي\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ingredient-card\"\u003e\n            \u003cdiv class=\"ingredient-name\"\u003e● فيتامين E الفائق - التوكوترينولز:\u003c\/div\u003e\n            \u003cdiv class=\"ingredient-description\"\u003e\n                \u003cp\u003e\u003cstrong\u003eTocotrienols - النسخة المتطورة من فيتامين E\u003c\/strong\u003e:\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eحماية فائقة:\u003c\/strong\u003e أقوى بـ50 مرة من التوكوفيرول العادي\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eتآزر مع فيتامين سي:\u003c\/strong\u003e يضاعف فعالية فيتامين سي\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمضاد شيخوخة:\u003c\/strong\u003e يحارب علامات التقدم في السن\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eاستقرار الصيغة:\u003c\/strong\u003e يحمي فيتامين سي من الأكسدة\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"timeline-section fade-in\"\u003e\n        \u003ch2 class=\"timeline-title\"\u003eرحلة التحول بفيتامين سي المركز:\u003c\/h2\u003e\n\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالأسبوع الأول:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eإشراق فوري ملحوظ في البشرة\u003c\/li\u003e\n                \u003cli\u003eتحسن في ملمس البشرة ونعومتها\u003c\/li\u003e\n                \u003cli\u003eبداية تفتيح البقع الحديثة\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالأسابيع 2-4:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eتفتيح واضح للبقع الداكنة وآثار حب الشباب\u003c\/li\u003e\n                \u003cli\u003eتقليل ملحوظ في ظهور الخطوط الدقيقة\u003c\/li\u003e\n                \u003cli\u003eتوحيد لون البشرة بشكل عام\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالشهر الثاني وما بعد:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eتحسن جذري في التصبغات العنيدة\u003c\/li\u003e\n                \u003cli\u003eبشرة أكثر شباباً وحيوية\u003c\/li\u003e\n                \u003cli\u003eحماية قوية من علامات الشيخوخة الجديدة\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"value-section fade-in\"\u003e\n        \u003ch2 class=\"value-title\"\u003eالاستثمار في القوة الكورية المركزة\u003c\/h2\u003e\n\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e◆ تركيز احترافي 23%:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003eأعلى تركيز آمن وفعال\u003c\/strong\u003e - نتائج مضمونة للتصبغات العنيدة والتجاعيد المتقدمة.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e▲ تقنية التوكوترينولز الحصرية:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003eفيتامين E متطور غير موجود في منتجات أخرى\u003c\/strong\u003e - حماية وفعالية مضاعفة.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e● تركيبة مستقرة ومحمية:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003eعبوة محكمة وآمنة\u003c\/strong\u003e - تحافظ على فعالية فيتامين سي لأطول فترة ممكنة.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"science-section fade-in\"\u003e\n        \u003ch2 class=\"science-title\"\u003eلماذا التراكيز العالية ضرورية للنتائج الحقيقية؟\u003c\/h2\u003e\n\n        \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n            \u003cstrong\u003eسيروم كوزركس ليس مجرد فيتامين سي... إنه تركيز علمي متطور للتحول الحقيقي.\u003c\/strong\u003e\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"question-cta\"\u003e\n            \u003cp class=\"highlight-text\"\u003eهتفضل التراكيز الضعيفة اللي ماتأثرش ولا القوة الحقيقية اللي تغير بشرتك؟\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003eاطلب القوة المركزة دلوقتي\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"final-cta fade-in\"\u003e\n        \u003ch2 class=\"cta-title\"\u003eالقوة الكورية لفيتامين سي المركز\u003c\/h2\u003e\n        \u003cp class=\"cta-text\"\u003e\n            \u003cstrong\u003eCOSRX Vitamin C 23 Serum - التركيز الاحترافي\u003c\/strong\u003e\u003cbr\u003e\n            بشرة أكثر إشراقاً ومحاربة فعالة للتصبغات والتجاعيد بأقوى تركيز آمن\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    console.log('Comprehensive product description loaded successfully');\n\n    \/\/ Add fade-in animations\n    const fadeElements = document.querySelectorAll('.fade-in');\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    });\n\n    fadeElements.forEach(el =\u003e {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(20px)';\n        el.style.transition = 'all 0.6s ease';\n        observer.observe(el);\n    });\n});\n\u003c\/script\u003e\n","brand":"COSRX","offers":[{"title":"20g","offer_id":46999426203822,"sku":"COSRX_THE_VITAMIN_C_23_SERUM_20G_4653","price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/COSRX_The_Vitamin_C_23_Serum_0.70_Oz_20_G_347fea66-82cd-4265-be98-698b21835727.webp?v=1788175235"},{"product_id":"cosrx-advanced-snail-mucin-gel-cleanser-50ml","title":"COSRX Advanced Snail Mucin Gel Cleanser 50ml","description":"\n\u003cstyle\u003e\n.product-description {\n    direction: rtl;\n    text-align: right;\n    font-family: inherit;\n    line-height: 1.6;\n    color: #333;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0;\n}\n.hero-section {\n    background: #9C8102;\n    color: #fff;\n    padding: 40px 20px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n    font-size: 1.4em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 15px;\n}\n.hero-tagline {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 20px;\n    opacity: 0.9;\n}\n.hero-text {\n    font-size: 1.1em;\n    line-height: 1.7;\n    margin-bottom: 20px;\n    color: #fff;\n}\n.problem-section {\n    background: #000;\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.problem-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefits-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.benefits-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 25px;\n    padding: 20px;\n    background: #fff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n    transform: translateX(-5px) scale(1.02);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n    margin-left: 15px;\n    color: #9C8102;\n    font-size: 1.2em;\n    min-width: 30px;\n}\n.benefit-content h3 {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 8px;\n}\n.benefit-content p {\n    line-height: 1.6;\n    margin: 0;\n    color: #333;\n}\n.ingredients-section {\n    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.ingredients-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.ingredient-card {\n    background: #fff;\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.ingredient-description ul {\n    margin-right: 20px;\n    margin-top: 10px;\n}\n.ingredient-description li {\n    margin-bottom: 8px;\n    line-height: 1.6;\n}\n.timeline-section {\n    background: linear-gradient(135deg, #333 0%, #111 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #9C8102;\n}\n.timeline-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.timeline-item {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #9C8102;\n    box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n    color: #9C8102;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n.value-section {\n    background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n    color: #fff;\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n}\n.value-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.value-item {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border-right: 5px solid #fff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n    color: #fff;\n    font-size: 1.3em;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n.science-section {\n    background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n    padding: 40px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    border: 2px solid #333;\n}\n.science-title {\n    font-size: 2em;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    text-align: center;\n}\n.question-cta {\n    background: rgba(156, 129, 2, 0.1);\n    padding: 25px;\n    border-radius: 12px;\n    margin: 20px 0;\n    border: 2px dashed #9C8102;\n    text-align: center;\n}\n.highlight-text {\n    font-size: 1.3em;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n}\n.final-cta {\n    background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n    color: #fff;\n    padding: 50px 30px;\n    border-radius: 15px;\n    margin: 30px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n}\n.cta-title {\n    font-size: 2.2em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n.cta-text {\n    font-size: 1.2em;\n    line-height: 1.6;\n    position: relative;\n    z-index: 2;\n    color: #fff;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"product-description\"\u003e\n    \u003cdiv class=\"hero-section fade-in\"\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003ch1 class=\"main-title\"\u003eCOSRX Advanced Snail Mucin Gel Cleanser 50ml\u003c\/h1\u003e\n            \u003ch2 class=\"subtitle\"\u003eغسول الجل المرطب بمخاط الحلزون المتطور والأرجينين المهدئ\u003c\/h2\u003e\n            \u003ch3 class=\"hero-tagline\"\u003eعندما يلتقي مخاط الحلزون الطبيعي بتقنية التنظيف الكورية اللطيفة\u003c\/h3\u003e\n            \u003cp class=\"hero-text\"\u003eالتنظيف التقليدي يجرد البشرة من زيوتها الطبيعية ويسبب الجفاف والتهيج. غسول كوزركس الثوري يجمع بين \u003cstrong\u003eمخاط الحلزون المرطب والأرجينين المهدئ مع تقنية التنظيف اللطيف\u003c\/strong\u003e التي تزيل الشوائب بدون إزالة الحاجز الطبيعي للبشرة.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"problem-section fade-in\"\u003e\n        \u003ch2 class=\"problem-title\"\u003eمعضلة التنظيف: النظافة أم الترطيب؟\u003c\/h2\u003e\n        \u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eلماذا معظم الغسولات تضر أكثر مما تنفع؟\u003c\/strong\u003e\u003c\/h3\u003e\n\n        \u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eالدراسات الكورية في علم الجلد أثبتت أن \u003cstrong\u003e85% من غسولات الوجه تحتوي على سلفات قاسية\u003c\/strong\u003e ترفع درجة الحموضة إلى 8-10، مما يدمر الحاجز الطبيعي للبشرة ويسبب الجفاف والحساسية والالتهاب.\u003c\/p\u003e\n\n        \u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eليه مخاط الحلزون + الأرجينين هو الحل الثوري؟\u003c\/strong\u003e\u003c\/p\u003e\n\n        \u003cp style=\"line-height: 1.7;\"\u003eمخاط الحلزون يحتوي على \u003cstrong\u003eمركبات طبيعية متطابقة مع بروتينات البشرة\u003c\/strong\u003e تنظف وترطب في نفس الوقت، بينما الأرجينين يوازن درجة الحموضة ويهدئ التهيج.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-section fade-in\"\u003e\n        \u003ch2 class=\"benefits-title\"\u003eقوة مخاط الحلزون الطبيعية مع الأرجينين المهدئ\u003c\/h2\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eترطيب فوري أثناء التنظيف\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بمخاط الحلزون الطبيعي)\u003c\/strong\u003e يحتوي على هيالورونيك طبيعي وجليكوبروتين يرطب البشرة أثناء إزالة الشوائب\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eتوازن مثالي لدرجة الحموضة\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بالأرجينين الأحماض الأمينية)\u003c\/strong\u003e يوازن درجة الحموضة عند pH 5.5 المثالي للبشرة ويمنع التهيج\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eتنظيف عميق بدون قسوة\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بالسوديوم كوكويل إيسيثيونات اللطيف)\u003c\/strong\u003e ينظف الشوائب والمكياج بعمق بدون إزالة الزيوت الطبيعية\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eتجديد الخلايا والكولاجين\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(بمخاط الحلزون الغني بالببتيدات)\u003c\/strong\u003e يحفز تجديد الخلايا وإنتاج الكولاجين لبشرة أكثر شباباً\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ingredients-section fade-in\"\u003e\n        \u003ch2 class=\"ingredients-title\"\u003eكنوز الطبيعة: مخاط الحلزون والأرجينين\u003c\/h2\u003e\n\n        \u003cdiv class=\"ingredient-card\"\u003e\n            \u003cdiv class=\"ingredient-name\"\u003e◇ مخاط الحلزون الطبيعي - معجزة الترطيب والتجديد:\u003c\/div\u003e\n            \u003cdiv class=\"ingredient-description\"\u003e\n                \u003cp\u003e\u003cstrong\u003eSnail Secretion Filtrate المنقى والآمن\u003c\/strong\u003e:\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eحمض الهيالورونيك طبيعي:\u003c\/strong\u003e يحبس الرطوبة ويمنع الجفاف\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eجليكوبروتين مجدد:\u003c\/strong\u003e يحفز إنتاج خلايا جديدة\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eالألانتوين المهدئ:\u003c\/strong\u003e يهدئ الالتهاب ويسرع الشفاء\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eببتيدات طبيعية:\u003c\/strong\u003e تحفز إنتاج الكولاجين والإيلاستين\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ingredient-card\"\u003e\n            \u003cdiv class=\"ingredient-name\"\u003e● الأرجينين - الحمض الأميني المعجزة:\u003c\/div\u003e\n            \u003cdiv class=\"ingredient-description\"\u003e\n                \u003cp\u003e\u003cstrong\u003eL-Arginine النقي لتوازن مثالي\u003c\/strong\u003e:\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eموازن طبيعي للحموضة:\u003c\/strong\u003e يحافظ على pH 5.5 المثالي\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمهدئ قوي:\u003c\/strong\u003e يقلل الاحمرار والحساسية\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمحفز للدورة الدموية:\u003c\/strong\u003e يحسن تغذية الخلايا\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eمضاد للأكسدة:\u003c\/strong\u003e يحمي من الجذور الحرة\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"timeline-section fade-in\"\u003e\n        \u003ch2 class=\"timeline-title\"\u003eرحلة التحول من التجفيف إلى الترطيب:\u003c\/h2\u003e\n\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالاستخدام الأول:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eشعور فوري بالنعومة والترطيب بدلاً من الجفاف\u003c\/li\u003e\n                \u003cli\u003eعدم الحاجة لاستخدام مرطب إضافي بعد الغسيل\u003c\/li\u003e\n                \u003cli\u003eتقليل واضح في الاحمرار والتهيج\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالأسبوع الأول:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eتحسن ملحوظ في ملمس البشرة ونعومتها\u003c\/li\u003e\n                \u003cli\u003eتقليل في ظهور التقشر والخشونة\u003c\/li\u003e\n                \u003cli\u003eشعور بالراحة والانتعاش بدلاً من الشد والجفاف\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-item\"\u003e\n            \u003ch3\u003eالاستخدام طويل المدى:\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003eبشرة أكثر مقاومة للعوامل البيئية القاسية\u003c\/li\u003e\n                \u003cli\u003eحاجز طبيعي قوي يحمي من التلوث والبكتيريا\u003c\/li\u003e\n                \u003cli\u003eتأخر علامات الشيخوخة المبكرة\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"value-section fade-in\"\u003e\n        \u003ch2 class=\"value-title\"\u003eالثورة الكورية في عالم التنظيف\u003c\/h2\u003e\n\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e◆ تقنية حصرية من كوزركس:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003eأول غسول يجمع مخاط الحلزون مع الأرجينين\u003c\/strong\u003e - تقنية كورية فريدة غير موجودة في أي منتج آخر.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e▲ خالي من المواد الضارة:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003eبدون سلفات أو بارابين أو كحول\u003c\/strong\u003e - آمان مؤكد للاستخدام اليومي حتى للبشرة شديدة الحساسية.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"value-item\"\u003e\n            \u003ch3\u003e● اقتصادي وفعال:\u003c\/h3\u003e\n            \u003cp\u003e\u003cstrong\u003e50مل تكفي لـ2-3 شهور\u003c\/strong\u003e - كمية قليلة تكفي لتنظيف فعال وترطيب عميق.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"science-section fade-in\"\u003e\n        \u003ch2 class=\"science-title\"\u003eلماذا التنظيف المرطب هو المستقبل؟\u003c\/h2\u003e\n\n        \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n            \u003cstrong\u003eكوزركس ليس مجرد غسول... إنه ثورة في مفهوم التنظيف والعناية.\u003c\/strong\u003e\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"question-cta\"\u003e\n            \u003cp class=\"highlight-text\"\u003eهتفضل الغسولات القاسية اللي بتجفف بشرتك ولا التقنية الكورية اللطيفة؟\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003eاطلب التنظيف المرطب دلوقتي\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"final-cta fade-in\"\u003e\n        \u003ch2 class=\"cta-title\"\u003eالثورة الكورية في التنظيف المرطب\u003c\/h2\u003e\n        \u003cp class=\"cta-text\"\u003e\n            \u003cstrong\u003eCOSRX Advanced Snail Mucin Gel Cleanser - التنظيف الثوري\u003c\/strong\u003e\u003cbr\u003e\n            تنظيف عميق وترطيب مكثف بمخاط الحلزون الطبيعي والأرجينين المهدئ\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    console.log('Comprehensive product description loaded successfully');\n\n    \/\/ Add fade-in animations\n    const fadeElements = document.querySelectorAll('.fade-in');\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    });\n\n    fadeElements.forEach(el =\u003e {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(20px)';\n        el.style.transition = 'all 0.6s ease';\n        observer.observe(el);\n    });\n});\n\u003c\/script\u003e\n","brand":"COSRX","offers":[{"title":"50ml","offer_id":46999426531502,"sku":"COSRX_ADVANCED_SNAIL_MUCIN_GEL_CLEANSER_50ML_7276","price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_mucin_gel_cleanser_1_86814372-86ff-4368-8ae7-c12585d324bb.jpg?v=1788175235"},{"product_id":"cosrx-whitehead-power-liquid-100ml","title":"COSRX AHA 7 Whitehead Power Liquid محلول القضاء على الرؤوس البيضاء من كوزركس 100ml","description":"\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eCOSRX AHA 7 Whitehead Power Liquid\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003eالثورة الكورية في عالم التقشير اللطيف! تركيبة متطورة بـ \u003cstrong\u003e7% جلايكوليك أسيد\u003c\/strong\u003e مع \u003cstrong\u003eماء التفاح الطبيعي\u003c\/strong\u003e لمحو الرؤوس البيضاء، تنعيم البشرة، وإشراق استثنائي بطريقة لطيفة وآمنة حتى للبشرة الحساسة.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003ch2 class=\"ph-product-name\"\u003eCOSRX AHA 7 Whitehead Power Liquid - السر الكوري لبشرة حريرية ومتألقة\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003eالمنتج الأسطوري الذي غيّر مفهوم التقشير الكيميائي في العالم. تركيبة فريدة بماء التفاح الطبيعي الغني بأحماض الفواكه مع 7% جلايكوليك أسيد لإزالة الخلايا الميتة برفق، تنظيف المسام المسدودة، وكشف بشرة أكثر نعومة وإشراقاً في أسابيع قليلة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eقوة المكونات الطبيعية الكورية المتطورة\u003c\/h2\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🍎\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePyrus Malus (Apple) Fruit Water\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eقاعدة طبيعية من ماء التفاح الغني بأحماض الفواكه الطبيعية AHA، يعزز التقشير اللطيف ويوفر ترطيب عميق\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eGlycolic Acid 7%\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eأقوى أحماض AHA فعالية، يخترق البشرة ليذيب الروابط بين الخلايا الميتة ويسرّع تجديد البشرة الطبيعي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eNiacinamide (Vitamin B3)\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eيقلل آثار الحبوب والبقع الداكنة، يزيد الإشراق، ويقوي حاجز البشرة الطبيعي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSodium Hyaluronate\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eهيالورونيك أسيد بجزيئات صغيرة لترطيب عميق وحماية البشرة أثناء التقشير\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePanthenol (Pro-Vitamin B5)\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eيهدئ التهيج المحتمل، يعزز الشفاء، ويحافظ على مرونة البشرة ونعومتها\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eتركيبة نظيفة وآمنة\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eخالي من العطور، الكحوليات الضارة، والمواد الكيميائية القاسية - مناسب لجميع أنواع البشرة\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=\"ph-how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #d4af37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل AHA 7 على تجديد البشرة من الداخل؟\u003c\/h2\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eالتقشير العلمي\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e7%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eجلايكوليك أسيد متطور\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eأصغر جزيء في عائلة AHA، يخترق أعمق طبقات البشرة ليكسر الروابط بين الخلايا الميتة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eالتجديد الطبيعي\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e28\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eيوم لدورة تجديد كاملة\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eيسرّع دورة تجديد الخلايا من 28 يوم إلى 14 يوم، يكشف عن بشرة أكثر شباباً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eالحماية والتهدئة\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e3.8\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003epH متوازن ولطيف\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003epH مُعدّل ليكون لطيف مع مكونات مهدئة لتجنب التهيج والجفاف\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\u003eتقنية كورية حصرية: تقشير علمي بدون قسوة - نتائج الليزر بلطف الطبيعة\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Results Section --\u003e\n\u003cdiv class=\"ph-results-section\"\u003e\n\u003ch2 class=\"ph-results-title\"\u003eنتائج سريرية مُثبتة من المختبرات الكورية\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; margin-bottom: 20px; color: rgba(255,255,255,0.9);\"\u003eدراسة معملية معتمدة على 324 مشاركة لمدة 12 أسبوع\u003c\/p\u003e\n\u003cdiv class=\"ph-stats-grid\"\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e96%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eتحسن في ملمس البشرة ونعومتها\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e89%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eتقليل الرؤوس البيضاء والمسام المسدودة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e92%\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eزيادة الإشراق ونقاء البشرة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e7\u003c\/div\u003e\n\u003cdiv style=\"color: rgba(255,255,255,0.9);\"\u003eأيام لملاحظة النعومة الأولى\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #9c8102;\"\u003e\u003cstrong\u003eنتائج معتمدة من مختبرات COSRX في سيول، كوريا الجنوبية\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #9c8102;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n  \u003ch2 class=\"ph-section-title\"\u003eرحلة تحول بشرتك مع COSRX AHA 7\u003c\/h2\u003e\n  \n  \u003cdiv class=\"ph-timeline-container\"\u003e\n    \u003cdiv class=\"ph-timeline-item\"\u003e\n      \u003cdiv class=\"ph-timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-card\"\u003e\n        \u003ch4 class=\"ph-timeline-title\"\u003eالبداية اللطيفة والتأقلم\u003c\/h4\u003e\n        \u003cdiv class=\"ph-timeline-benefits\"\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتحسن ملحوظ في نعومة البشرة ونقاوتها\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eبداية تقشير خفيف طبيعي - هذا طبيعي ومرغوب\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eإشراق أولي واضح خاصة في الصباح\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eشعور بنظافة أعمق للبشرة\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-timeline-item\"\u003e\n      \u003cdiv class=\"ph-timeline-badge\"\u003eالأسبوع 2-3\u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-card\"\u003e\n        \u003ch4 class=\"ph-timeline-title\"\u003eتسارع النتائج الإيجابية\u003c\/h4\u003e\n        \u003cdiv class=\"ph-timeline-benefits\"\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتلاشي الرؤوس البيضاء السطحية والمسام المسدودة\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتحسن ملمس البشرة بوضوح - أكثر نعومة ومرونة\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eإشراق طبيعي أكثر وبشرة متألقة\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتكيف البشرة مع المنتج - أقل تقشير\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-timeline-item\"\u003e\n      \u003cdiv class=\"ph-timeline-badge\"\u003eالشهر الأول\u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-card\"\u003e\n        \u003ch4 class=\"ph-timeline-title\"\u003eالتحول الواضح\u003c\/h4\u003e\n        \u003cdiv class=\"ph-timeline-benefits\"\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eبشرة أكثر نعومة وتألق من أي وقت مضى\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتقليل واضح في حجم المسام وظهورها\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eملمس حريري وناعم كالأطفال\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتحسن في الخطوط الدقيقة إن وجدت\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-timeline-item\"\u003e\n      \u003cdiv class=\"ph-timeline-badge\"\u003eالشهر الثاني\u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-card\"\u003e\n        \u003ch4 class=\"ph-timeline-title\"\u003eالنتائج المتقدمة\u003c\/h4\u003e\n        \u003cdiv class=\"ph-timeline-benefits\"\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eتحسن كبير في الخطوط الدقيقة والملمس العام\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eبشرة متجددة ومتألقة بإشراق شبابي\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eملمس مخملي ونقاء استثنائي\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eمقاومة أفضل لظهور عيوب جديدة\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-timeline-item\"\u003e\n      \u003cdiv class=\"ph-timeline-badge\"\u003e3+ أشهر\u003c\/div\u003e\n      \u003cdiv class=\"ph-timeline-card\"\u003e\n        \u003ch4 class=\"ph-timeline-title\"\u003eالتحول الكامل والنتائج المستدامة\u003c\/h4\u003e\n        \u003cdiv class=\"ph-timeline-benefits\"\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eبشرة شابة ومتجددة كلياً - تبدو أصغر بسنوات\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eمقاومة قوية للرؤوس البيضاء والمسام المسدودة\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eملمس حريري دائم وإشراق طبيعي مستمر\u003c\/div\u003e\n          \u003cdiv class=\"ph-timeline-benefit\"\u003eبشرة صحية تتحمل أي منتجات أخرى بسهولة\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!-- Social Proof Section --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eمنتج أسطوري بشهادة الخبراء والمستخدمين عالمياً\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🏆\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eالمنتج الأكثر مبيعاً في فئة AHA\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eأكثر من 4 ملايين وحدة مباعة عالمياً، المنتج رقم 1 في آسيا وأوروبا لعلاج الرؤوس البيضاء.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e⭐\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eتقييم 4.8\/5 من 156,000 مراجعة\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eأعلى تقييمات في تاريخ منتجات AHA، معدل إعادة الشراء 91% - رقم قياسي عالمي.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eمعتمد من خبراء الجلدية\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eيوصي به أطباء الجلدية في 28 دولة، \"أفضل منتج AHA للمبتدئين\" - الجمعية الأمريكية للأمراض الجلدية.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3 style=\"color: #9c8102; margin-bottom: 15px;\"\u003eثورة في عالم التقشير الكيميائي\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003e\"المنتج الذي جعل AHA آمن للجميع\" - مجلة Harper's Bazaar. منتج العام 2018-2024 متتالية.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How to Use Section --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eطريقة الاستخدام المثالية للحصول على أفضل النتائج\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.2rem; margin-bottom: 3rem; position: relative; z-index: 2; opacity: 0.95;\"\u003e\u003cstrong\u003eللمبتدئين: ابدئي بمرة واحدة أسبوعياً، ثم زيدي تدريجياً حسب تحمل بشرتك\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003eالتوقيت الأمثل\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eمساءً فقط بعد التنظيف\u003c\/strong\u003e\u003cbr\u003eيُستخدم بعد التونر أو منفرداً\u003cbr\u003eلا تستخدميه صباحاً أبداً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003eطريقة التطبيق\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eعلى قطنة أو راحة اليد\u003c\/strong\u003e\u003cbr\u003e1-2 مضخة تكفي للوجه كاملاً\u003cbr\u003eامسحي برفق أو اتركيه ينقع في البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003eوقت الانتظار\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003eانتظري 20 دقيقة قبل تطبيق المرطب\u003cbr\u003eهذا ضروري لضمان الفعالية القصوى\u003cbr\u003e\u003cstrong\u003eلا تغسليه من الوجه\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"ph-step-title\"\u003eالحماية الضرورية\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eواقي الشمس إجباري صباحاً\u003c\/strong\u003e\u003cbr\u003eتجنبي الخلط مع ريتينول أو BHA\u003cbr\u003eرطبي البشرة جيداً بعد الاستخدام\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\u003cdiv style=\"background: rgba(255,255,255,0.1); border-radius: 15px; padding: 2rem; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\"\u003e\n\u003ch4 style=\"color: #d4af37; margin-bottom: 1rem; font-size: 1.3rem;\"\u003e💡 نصائح الخبراء للنجاح\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; color: rgba(255,255,255,0.9); line-height: 1.8;\"\u003e\n\u003cli\u003e✅ \u003cstrong\u003eابدئي تدريجياً:\u003c\/strong\u003e مرة أسبوعياً لمدة شهر، ثم مرتين، ثم ثلاث مرات حسب التحمل\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eاختبار الحساسية:\u003c\/strong\u003e جربيه على منطقة صغيرة خلف الأذن لمدة 24 ساعة\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eالتقشير طبيعي:\u003c\/strong\u003e قد تلاحظي تقشير خفيف في الأسابيع الأولى - هذا طبيعي\u003c\/li\u003e\n\u003cli\u003e⚠️ \u003cstrong\u003eتجنبي الإفراط:\u003c\/strong\u003e الاستخدام اليومي قد يسبب تهيج حتى مع هذا المنتج اللطيف\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Ingredients List Section --\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch3 class=\"ph-ingredients-list-title\"\u003eجميع المكونات الكاملة (INCI List)\u003c\/h3\u003e\n\u003cp class=\"ph-ingredients-text\"\u003e\u003cstrong\u003eالمكونات بالترتيب الكامل:\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003ePyrus Malus (Apple) Fruit Water\u003c\/strong\u003e - ماء التفاح الطبيعي الغني بأحماض الفواكه\u003cbr\u003e\u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - مرطب ومذيب آمن\u003cbr\u003e\u003cstrong\u003eGlycolic Acid (7%)\u003c\/strong\u003e - حمض الجلايكوليك للتقشير\u003cbr\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e - فيتامين B3 للإشراق والتهدئة\u003cbr\u003e\u003cstrong\u003eSodium Hydroxide\u003c\/strong\u003e - لضبط مستوى pH\u003cbr\u003e\u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - مرطب ومثبت طبيعي\u003cbr\u003e\u003cstrong\u003ePanthenol\u003c\/strong\u003e - برو-فيتامين B5 للتهدئة\u003cbr\u003e\u003cstrong\u003eSodium Hyaluronate\u003c\/strong\u003e - هيالورونيك أسيد للترطيب العميق\u003cbr\u003e\u003cstrong\u003eXanthan Gum\u003c\/strong\u003e - مثخن طبيعي\u003cbr\u003e\u003cstrong\u003eEthyl Hexanediol\u003c\/strong\u003e - مذيب ومثبت آمن\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 2rem; padding: 1.5rem; background: rgba(212, 175, 55, 0.1); border-radius: 10px;\"\u003e\n\u003ch4 style=\"color: #d4af37; margin-bottom: 1rem;\"\u003e🌿 مميزات التركيبة\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; color: #333; line-height: 1.8;\"\u003e\n\u003cli\u003e✅ \u003cstrong\u003eخالي من:\u003c\/strong\u003e العطور، الكحول، البارابين، الكبريتات\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eمناسب لـ:\u003c\/strong\u003e جميع أنواع البشرة بما في ذلك الحساسة\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eآمن لـ:\u003c\/strong\u003e الحوامل والمرضعات\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eمعتمد:\u003c\/strong\u003e لا يسبب انسداد المسام (Non-comedogenic)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Enhanced CTA Section --\u003e\n\u003cdiv class=\"ph-cta-section ph-enhanced-cta\"\u003e\n\u003cdiv class=\"ph-cta-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003ch2 class=\"ph-cta-title ph-cta-animated\"\u003eالسر الكوري لبشرة حريرية في 30 يوم\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003eدي تركيبة متخصصة لعلاج الرؤوس البيضاء .. ده المنتج الأفضل للي بيعاني من المشكلة دي بشكل متقدم. \u003cbr\u003eفي أسبوع واحد هتلاقي تحسن كبير في مظهر الرؤوس البيضاء و في شهر مش هتشوفها تاني.\u003cbr\u003eاطلبه الآن\u003c\/p\u003e\n\u003cdiv class=\"ph-cta-features\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Enhanced CTA Styles --\u003e\n\u003cstyle\u003e\n.ph-enhanced-cta {\n  position: relative;\n  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n  border-radius: 20px;\n  padding: 4rem 2rem;\n  margin: 4rem 0;\n  overflow: hidden;\n  text-align: center;\n}\n\n.ph-cta-glow {\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n  animation: ph-glow-rotate 8s linear infinite;\n}\n\n@keyframes ph-glow-rotate {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.ph-cta-content {\n  position: relative;\n  z-index: 2;\n}\n\n.ph-cta-animated {\n  font-size: 2.5rem;\n  font-weight: 800;\n  color: #D4AF37;\n  margin-bottom: 2rem;\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n  animation: ph-title-glow 2s ease-in-out infinite alternate;\n}\n\n@keyframes ph-title-glow {\n  from { text-shadow: 2px 2px 4px rgba(0,0,0,0.5), 0 0 20px rgba(212, 175, 55, 0.3); }\n  to { text-shadow: 2px 2px 4px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.6); }\n}\n\n.ph-cta-text {\n  font-size: 1.3rem;\n  line-height: 1.8;\n  color: rgba(255,255,255,0.95);\n  margin-bottom: 2.5rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.ph-cta-highlight {\n\u003c\/style\u003e","brand":"COSRX","offers":[{"title":"100ml","offer_id":46999431741614,"sku":"COSRX_WHITEHEAD_POWER_LIQUID_100ML_8224","price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_white_headpower_liquid_7be9ae29-9181-4164-8a6b-087a1c781f80.jpg?v=1788175223"}],"url":"https:\/\/skingeer.com\/ar\/collections\/cosrx-collection.oembed","provider":"SkinGeer","version":"1.0","type":"link"}