{"title":"COSRX products","description":"","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":44252532965573,"sku":"","price":1240.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_egypt.jpg?v=1759353797"},{"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":44297342386373,"sku":"INSTA055008CHIQ","price":1020.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1734295431"},{"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":44299894751429,"sku":"INSTA05ت5008CHIQ","price":1350.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1734367558"},{"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":44341563293893,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign-2024-12-29T140801.300.jpg?v=1735474131"},{"product_id":"cosrx-retinol-serum","title":"Cosrx  سيروم الريتينول تركيز 0.5%  + سكوالين | مضاد التجاعيد | تحسين مرونة الجلد","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Typography *\/\n    .product-description h2, \n    .product-description h3, \n    .product-description h4 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-description h2 {\n        font-size: 2.2rem;\n        text-align: center;\n    }\n\n    .product-description h3 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h3::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description h4 {\n        font-size: 1.4rem;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n    }\n\n    .product-description ul {\n        list-style: none;\n        padding: 0;\n        margin: 1.5em 0;\n    }\n\n    .product-description li {\n        margin-bottom: 1.5em;\n        background: rgba(156, 129, 2, 0.03);\n        padding: 20px;\n        border-radius: 10px;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        border-radius: 15px;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature cards *\/\n    .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 2em 0;\n    }\n\n    .feature-card {\n        padding: 25px;\n        background: #fff;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* Results section *\/\n    .results-container {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n    }\n\n    .percentage-bar {\n        width: 100%;\n        height: 10px;\n        background-color: rgba(255, 255, 255, 0.7);\n        border-radius: 5px;\n        overflow: hidden;\n        margin: 20px 0;\n    }\n\n    .percentage-fill {\n        height: 100%;\n        width: 0;\n        background-color: #9C8102;\n        transition: width 1.5s ease-in-out;\n    }\n\n    \/* Usage timeline *\/\n    .timeline {\n        position: relative;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 40px 0;\n    }\n\n    .timeline::after {\n        content: '';\n        position: absolute;\n        width: 6px;\n        background-color: rgba(156, 129, 2, 0.2);\n        top: 0;\n        bottom: 0;\n        right: 50%;\n        margin-right: -3px;\n    }\n\n    .timeline-item {\n        padding: 10px 50px;\n        position: relative;\n        width: 50%;\n    }\n\n    .timeline-item::after {\n        content: '';\n        position: absolute;\n        width: 25px;\n        height: 25px;\n        background-color: white;\n        border: 4px solid #9C8102;\n        border-radius: 50%;\n        top: 15px;\n        transition: transform 0.5s ease, background-color 0.5s ease;\n    }\n\n    .timeline-item:hover::after {\n        transform: scale(1.2);\n        background-color: #9C8102;\n    }\n\n    .right {\n        right: 0;\n    }\n\n    .left::after {\n        right: -12px;\n    }\n\n    .right::after {\n        left: -12px;\n    }\n\n    \/* CTA section *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 2em 0;\n    }\n\n    .cta-container h3 {\n        color: white;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .timeline::after {\n            right: 30px;\n        }\n        \n        .timeline-item {\n            width: 100%;\n            padding-right: 70px;\n            padding-left: 25px;\n        }\n        \n        .right {\n            right: auto;\n        }\n        \n        .right::after {\n            left: auto;\n            right: 18px;\n        }\n        \n        .left::after {\n            right: 18px;\n        }\n    }\n\n    \/* Animation classes - Added for animated elements when JS loads *\/\n    .animate-on-scroll {\n        transition: transform 0.8s ease, opacity 0.8s ease;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n    \u003c!-- Hero Section --\u003e\n    \u003ch2\u003eالريتينول... الجندي المجهول في محاربة علامات التقدم بالسن\u003c\/h2\u003e\n    \n    \u003cp\u003eهل سبق أن نظرت في المرآة وشعرت أن الزمن بدأ يترك بصماته على بشرتك؟ الخطوط الدقيقة تتسلل ببطء، المسام تبدو أكبر، ملمس الجلد لم يعد ناعماً كما كان؟\u003c\/p\u003e\n    \n    \u003cp\u003e\u003cstrong\u003eلا تدع الزمن يتحكم بك\u003c\/strong\u003e\u003cbr\u003eالشيخوخة ليست عذراً لتقبل تلك التغيرات، بل هي تحدٍ يمكنك الانتصار عليه.\u003c\/p\u003e\n    \n    \u003cdiv class=\"hero-container\"\u003e\n        \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\" alt=\"سيروم الريتينول COSRX\"\u003e\n    \u003c\/div\u003e\n    \n    \u003ch3\u003eالحل؟ سيروم الريتينول 0.5% من COSRX\u003c\/h3\u003e\n    \n    \u003cp\u003eأفضل منتج في عالم الريتينول، مصمم بعناية لاستهداف أدق مشاكل البشرة، من التجاعيد العميقة والخطوط الدقيقة إلى ملمس البشرة الخشن وفقدان المرونة.\u003c\/p\u003e\n    \n    \u003c!-- Features Section --\u003e\n    \u003ch3\u003eلماذا تعد هذه التركيبة من أفضل تركيبات الريتينول ؟\u003c\/h3\u003e\n    \n    \u003cdiv class=\"feature-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n            \u003ch4\u003eتركيز استثنائي من الريتينول النقي\u003c\/h4\u003e\n            \u003cp\u003eهذا المنتج يحتوي على \u003cstrong\u003eتركيز 0.5% من الريتينول النقي\u003c\/strong\u003e، وهو من أعلى التركيزات المتوفرة في السوق. يُعرف الريتينول بصعوبة صياغته في هذه التركيزات العالية، حيث يتطلب تقنيات دقيقة للحفاظ على استقراره وضمان فعاليته.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n            \u003ch4\u003eتركيبة لطيفة لا تسبب تهيج البشرة\u003c\/h4\u003e\n            \u003cp\u003eعلى عكس تركيبات الريتينول التقليدية التي قد تؤدي إلى تهيج واحمرار البشرة، يحتوي هذا المنتج على مزيج فريد من المكونات المهدئة، مما يجعله لطيفًا حتى على البشرة الحساسة.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n            \u003ch4\u003eقوام خفيف وسريع الامتصاص\u003c\/h4\u003e\n            \u003cp\u003eبتركيبة زيتية حريرية خفيفة، يمتصه الجلد بسهولة دون أن يترك أي أثر دهني، مما يجعله مثاليًا كخطوة أساسية في روتينك الليلي.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n            \u003ch4\u003eترطيب عميق مع السكوالين النباتي\u003c\/h4\u003e\n            \u003cp\u003eيحتوي المنتج على \u003cstrong\u003eسكوالين مستخلص من النباتات\u003c\/strong\u003e، الذي يعمل كمرطب قوي يمنع الجفاف الناتج عن استخدام الريتينول، مما يحافظ على ترطيب ونعومة البشرة طوال الليل.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n            \u003ch4\u003eتوكوترينول (فيتامين E فائق)\u003c\/h4\u003e\n            \u003cp\u003eيقلل بشكل كبير من أضرار الجذور الحرة ويحسن مظهر البشرة بشكل عام، مما يعزز من فعالية الريتينول ويضمن نتائج متكاملة.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Results Section --\u003e\n    \u003cdiv class=\"results-container\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" alt=\"نتائج استخدام سيروم الريتينول\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\u003e\n        \n        \u003ch3\u003eنتائج سريرية مبهرة!\u003c\/h3\u003e\n        \n        \u003cp\u003e\u003cstrong\u003eتحسن بنسبة 18.4% في خطوط الأنف والشفاه في 4 أسابيع فقط\u003c\/strong\u003e (مؤكد عبر تجارب مخبرية).\u003c\/p\u003e\n        \n        \u003cdiv class=\"percentage-bar\"\u003e\n            \u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" alt=\"COSRX الريتينول\" style=\"display: block; margin: 30px auto;\"\u003e\n    \n    \u003c!-- Usage Timeline --\u003e\n    \u003ch3\u003eاستخدام تدريجي، تأثير استثنائي\u003c\/h3\u003e\n    \n    \u003cdiv class=\"timeline\"\u003e\n        \u003cdiv class=\"timeline-item left\"\u003e\n            \u003ch4\u003eالأسبوع 1-2\u003c\/h4\u003e\n            \u003cp\u003eابدئي ببطء لتسمحي لبشرتك بالتأقلم. استخدمي المنتج مرة واحدة أسبوعياً في البداية، ثم مرتين أسبوعياً بدءاً من الأسبوع الثاني.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item right\"\u003e\n            \u003ch4\u003eالأسبوع 3-4\u003c\/h4\u003e\n            \u003cp\u003eزيدي التردد إلى 3 مرات أسبوعياً. ستلاحظين تحسناً في ملمس البشرة وتقليل الخطوط الدقيقة الأولية.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item left\"\u003e\n            \u003ch4\u003eالأسبوع 5-8\u003c\/h4\u003e\n            \u003cp\u003eاستخدمي المنتج يومياً أو حسب تحمل بشرتك. ستلاحظين تحسناً واضحاً في مرونة البشرة ونضارتها.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"timeline-item right\"\u003e\n            \u003ch4\u003eمن الأسبوع 8 وما بعد\u003c\/h4\u003e\n            \u003cp\u003eاستمتعي ببشرة متجددة، نضرة، خالية من التجاعيد وعلامات التقدم بالسن!\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n    \n    \u003c!-- CTA Section --\u003e\n    \u003cdiv class=\"cta-container\"\u003e\n        \u003ch3\u003eزيت الريتينول 0.5% من COSRX\u003c\/h3\u003e\n        \u003cp\u003eليس مجرد منتج آخر للعناية بالبشرة، إنه ابتكار علمي متقدم يمنحك نتائج ملموسة دون التنازل عن راحة بشرتك.\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003eابدئي الآن، وحارب علامات الزمن!\u003c\/strong\u003e\u003c\/p\u003e\n        \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/\/ Animate percentage bar\n    (function() {\n        \/\/ Add animation to percentage bar without hiding content\n        setTimeout(function() {\n            var percentageFills = document.querySelectorAll('.percentage-fill');\n            percentageFills.forEach(function(fill) {\n                var percent = fill.getAttribute('data-percent');\n                fill.style.width = percent + '%';\n            });\n        }, 500);\n        \n        \/\/ Optional: Enable scroll animations only if preferred\n        var enableScrollAnimations = false;\n        \n        if (enableScrollAnimations) {\n            \/\/ Add animation classes to elements\n            var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n            \n            elementsToAnimate.forEach(function(el) {\n                el.classList.add('animate-on-scroll');\n            });\n            \n            \/\/ Intersection Observer for scroll animations\n            var observer = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = 1;\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elementsToAnimate.forEach(function(el) {\n                el.style.opacity = 0;\n                el.style.transform = 'translateY(20px)';\n                observer.observe(el);\n            });\n        }\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":44359242252485,"sku":null,"price":1170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1736169264"},{"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":44359311098053,"sku":null,"price":1380.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_6_peptide_skin_booster_6.jpg?v=1736165614"},{"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":44545031405765,"sku":"","price":1750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_galactomyces_essense_95_original_1.jpg?v=1741776112"},{"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":44545277296837,"sku":null,"price":1150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosrx_BHA_Blackhead_Power_Liquid_5.webp?v=1745672839"},{"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":44591757983941,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_peptide_eye_cream_1.png?v=1742745729"},{"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: ltr; text-align: left; line-height: 1.8; color: #333;\"\u003e\n\u003cdiv class=\"problem-intro\"\u003eTrockenheit ist der Nummer-eins-Feind deiner Haut. Sie ist die Hauptursache für Risse und feine Linien. Sie ist die größte Ursache für vorzeitige Hautalterung. \u003cbr\/\u003eDie Hydratation ist der wichtigste Schritt in deiner täglichen Routine.\u003c\/div\u003e\n\u003cdiv class=\"unique-title\"\u003eDas heilige Geheimnis Koreas: die Creme, die deine Haut in Seidenvelours verwandelt\u003c\/div\u003e\n\u003cdiv class=\"subtitle\"\u003eCOSRX - die legendäre koreanische Creme für intensive Feuchtigkeit und samtige Haut\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e🔬 Wissenschaftlich fortschrittliche Inhaltsstoffe\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 Wie funktioniert?\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 15px 0;\"\u003e🧬 Die Wissenschaft hinter dem Wunder:\u003c\/h4\u003e\nKorean Sanddornwasser, reich an Vitamin C, regt die Erneuerung der Hautzellen an und stellt die Strahlkraft wieder her. Natriumhyaluronat kann das 1000-fache seines Gewichts an Wasser aufnehmen, spendet der Haut tiefenwirksam Feuchtigkeit und füllt feine Linien auf. Glycerin und Betain bilden eine schützende Barriere, die das Verdunsten von Feuchtigkeit verhindert..\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e💪 Übernatürliche Kräfte wissenschaftlich bestätigt\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eIntensive Feuchtigkeit, die 24 Stunden anhält\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eNatriumhyaluronat 3000 ppm erhält die tiefe Feuchtigkeit\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eVerjünge und erhelle die Haut\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eSanddornwasser 57,8 % ist reich an regenerierendem Vitamin C\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eFeine Linien sofort auffüllen\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eHyaluronacid füllt Falten wie natürliches Botox\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eEmpfindliche Haut lindern\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eAllantoin und Panthenol lindern Reizungen\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eSchutz vor Feuchtigkeitsverlust\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003e8% Glycerin hält Feuchtigkeit stundenlang\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eTiefenpflege für die Haut\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\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\u003eMacadamia- und Sonnenblumenöle nähren und machen weich\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 Sichtbare Ergebnishistorie:\u003c\/h4\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eErste Anwendung: Sofortige Linderung für trockene Haut und eine seidige Textur\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eDie erste Woche: deutliche Verbesserung der Glätte und Leuchtkraft der Haut, weniger Trockenheit und Risse\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eDie dritte Woche: Die Haut wird samtweich beim Anfassen und feine Linien sind deutlich reduziert\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eMonat 2: Wirklich glasartige Haut, hydratisiert, strahlend und weich wie ein Baby\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eWarum dieses Produkt sich von allem anderen unterscheidet?\u003c\/div\u003e\n\u003cdiv class=\"what-makes-different\"\u003e\n\u003ch4 style=\"color: #2d3436; margin: 0 0 15px 0;\"\u003e👑 Das Geheimnis, das ihn zum Besten macht:\u003c\/h4\u003e\nCozarx ist die einzige Creme, die originales Sanddornwasser aus Korea in einer Konzentration von 57,8 % enthält. Die exklusive koreanische Formel ist vom koreanischen Gesundheitsministerium zugelassen und ist die meistverkaufte Creme in Korea zur Behandlung von trockener und empfindlicher Haut..\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📋 Alle Inhaltsstoffe\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":45047346036933,"sku":"COSRX_HYALURONIC_ACID_INTENSIVE_CREAM_4587","price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrxhyaluronicacidintensivecream.jpg?v=1756314271"},{"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: ltr;\n    text-align: left;\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\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\"\u003eSanftes tägliches Gesichtswasser mit Salicylsäure und Weidenwasser\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eWenn natürliche Salicylsäure auf australisches Teebaumöl trifft\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eFettige Haut und Akne erfordern eine spezialisierte und sichere tägliche Pflege. Die Cosrx-Lotion kombiniert \u003cstrong\u003e0,5% Salicylsäure mit natürlichem Weidenrindenwasser und reinem Teebaumöl\u003c\/strong\u003e In einer sanften koreanischen Formel für den täglichen Gebrauch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eKampf gegen fettige Haut: eine aggressive Reinigung verschlimmert das Problem\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eWarum fettige Haut eine intelligente, nicht aggressive Reinigung braucht?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eDie koreanische Forschung zu Hautkrankheiten hat gezeigt, dass \u003cstrong\u003e78% der Akneprobleme werden durch übermäßige Reinigung verschlimmert\u003c\/strong\u003e. Wenn wir aggressive Reiniger verwenden, reagiert die Haut, indem sie mehr Öl zur Schutz produziert, was verstopfte Poren und Entzündungen erhöht.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eWarum 0,5 % Salicylsäure + Teebaumöl die beste Lösung ist?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eSalicylsäure in mittlerer Konzentration \u003cstrong\u003eReinigt die Poren von innen ohne Reizungen\u003c\/strong\u003eWährend Teebaumöl natürlich Bakterien bekämpft, lindert Weidenwasser Entzündungen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eLa delicata potenza dell’acido salicilico con olio di tea tree\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eTiefenreinigung verstopfter Poren\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit 0,5% BHA-Salicylsäure)\u003c\/strong\u003e Dringt in talggefüllte Poren ein, reinigt sie von innen und beugt der Bildung von Mitessern vor\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\u003eSanftes Entfernen abgestorbener Hautzellen\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit natürlichem Weidenrindenwasser)\u003c\/strong\u003e Natürliche Quelle von Salicylsäure, exfoliert sanft, um eine glattere Haut zu enthüllen\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\u003eBekämpfe Bakterien und Entzündungen\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit reinem australischem ätherischem Teebaumöl)\u003c\/strong\u003e Bekämpft die für Akne verantwortlichen Bakterien und lindert bestehende Entzündungen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eAllianz von Natur und Wissenschaft: Salicyl + Teebaum\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Salicylsäure BHA - Sanftes Peeling:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eSalicylsäure in einer Konzentration von 0,5% - die ideale Dosis\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLöslich in Ölen:\u003c\/strong\u003e Dringt in fettgefüllte Poren ein\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSanftes chemisches Peeling:\u003c\/strong\u003e Entfernt die abgestorbenen Hautzellen ohne Rauheit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEntzündungshemmend:\u003c\/strong\u003e Lindert Rötung und Schwellung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSekretionsregler:\u003c\/strong\u003e Reduziert die Produktion von überschüssigem Öl\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● Australisches Teebaumöl - Natürlicher Krieger:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eTeebaumöl - das stärkste natürliche antibakterielle Mittel\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibakteriell und antimykotisch:\u003c\/strong\u003e Bekämpft P.acnes, verantwortlich für Akne\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEntzündungshemmend:\u003c\/strong\u003e Lindert entzündete Pickel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürlicher Reiniger:\u003c\/strong\u003e Löst Öle und Schmutz\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZellverjüngung:\u003c\/strong\u003e Beschleunigt die Heilung kleiner Wunden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eTransformationsreise fettiger Haut in 30 Tagen:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eErste Woche:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eTiefenreinigung der Poren ohne Reizungen oder übermäßige Trockenheit\u003c\/li\u003e\n\u003cli\u003eEine sichtbare Verringerung des übermäßigen Hautglanzes\u003c\/li\u003e\n\u003cli\u003eEin Gefühl von Frische und Sauberkeit, das mehrere Stunden anhält\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eDie zweite Woche:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eDer Beginn einer Verbesserung der Hauttextur und -glätte\u003c\/li\u003e\n\u003cli\u003eVerringerung der Anzahl neuer Pickel\u003c\/li\u003e\n\u003cli\u003eVerbesserung der sichtbaren Porengröße\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eEnde des ersten Monats:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAusgewogenere und strahlendere Haut\u003c\/li\u003e\n\u003cli\u003eStärkere Beständigkeit gegen das Auftreten neuer Pickel\u003c\/li\u003e\n\u003cli\u003eWeichere Textur und natürliche Frische\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eDie sichere koreanische Lösung für fettige Haut\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Wissenschaftlich studierter Fokus:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e0,5% Salicylsäure - ideale Konzentration\u003c\/strong\u003e - Stark genug, um wirksam zu sein, sanft genug für die tägliche Anwendung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ 100% natürliche Inhaltsstoffe:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eTeebaumöl und Weidenwasser\u003c\/strong\u003e - Sichere natürliche Alternativen zu aggressiven chemischen Produkten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Wirtschaftliche Verpackung:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e150 ml reichen für 4-5 Monate\u003c\/strong\u003e - Eine langfristige Investition für gesunde und ausgewogene Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eWarum eine sanfte Reinigung effektiver ist als eine aggressive?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eCosrx ist nicht nur eine Lotion... es definiert das Konzept der Behandlung von fettiger Haut neu.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eWürdest du lieber gegen deine Haut kämpfen oder mit ihr zusammenarbeiten, um das Problem an der Wurzel zu lösen?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eJetzt Smart Cleaning bestellen\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDie koreanische Revolution für fettige Haut\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCOSRX Sanftes Tägliches Reinigungsgel mit Salicylsäure - Intelligente Reinigung\u003c\/strong\u003e\u003cbr\/\u003e\n            Eine sanfte und wirksame tägliche Lösung für fettige und zu Akne neigende Haut mit Salicylsäure und Teebaumöl\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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":45085609492677,"sku":"COSRX_SALICYLIC_ACID_DAILY_GENTLE_CLEANSER_150ML_1011","price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_salicylic_acid_daily_gentle_cleanser.jpg?v=1757505121"},{"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: ltr;\n    text-align: left;\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\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\"\u003eKonzentriertes Vitamin-C-Serum 23% mit Super-Vitamin E und Hyaluronsäure\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eWenn reines Vitamin C auf die fortschrittliche Technologie der Tocotrienole trifft\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eDie Pigmentierung und die Alterszeichen erfordern leistungsstarke und fortschrittliche Lösungen. Das Cosrx-Serum kombiniert \u003cstrong\u003e23% reines Vitamin C mit Super-Vitamin E (Tocotrienole) und Hyaluronsäure\u003c\/strong\u003e In einer intensiven koreanischen Formel, die Pigmentierung und Falten bekämpft.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eLa battaglia contro la pigmentazione e l'invecchiamento: la sfida di bellezza più grande\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eWarum man Vitamin C in hoher Konzentration braucht?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eDie koreanische Anti-Aging-Forschung hat gezeigt, dass \u003cstrong\u003eNiedrige Konzentrationen von Vitamin C (weniger als 15%) sind unwirksam\u003c\/strong\u003e Bekämpft tiefe Pigmentierung und fortgeschrittene Falten. Konzentrationen bis zu 23 % sind für sichtbare Ergebnisse erforderlich.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eWeil Vitamin C 23% + Tocotrienole die stärkste Lösung ist?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eLa Vitamina C a una concentrazione del 23% inibisce la melanina e stimola il collagene, mentre i tocotrienoli (super vitamina E) proteggono dall'ossidazione 50 volte più potente dei normali tocoferoli.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eDie Kraft von 23% reinem Vitamin C mit überlegener Vitamin E\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eBekämpfe Pigmentierung und dunkle Flecken\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit 23% reinem Vitamin C)\u003c\/strong\u003e Hemmt die Melaninproduktion und hellt dunkle Flecken und Aknenarben mit doppelter Wirksamkeit auf\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\u003eBekämpfen Sie die Zeichen des Alterns\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit Super Vitamin E - Tocotrienole)\u003c\/strong\u003e Antioxidans 50-mal stärker als normales Tocopherol, bekämpft Falten\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\u003eRegt die natürliche Produktion von Kollagen an\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit Glycerin und Niacinamid)\u003c\/strong\u003e Regt die Zellregeneration und die Produktion von neuem Kollagen für eine jünger aussehende Haut an\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\u003eTiefenbefeuchtung während der Behandlung\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit Hyaluronsäure und Squalan)\u003c\/strong\u003e Spendet Feuchtigkeit und pflegt die Haut während des Aufhellungs- und Verjüngungsprozesses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eFortschrittliche Technologie mit Vitamin C und überlegenen Schutz\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Reines Vitamin C 23% - Doppelte Kraft:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eReines L-Ascorbinsäure in der höchsten sicheren Konzentration\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHemmung von Melanin:\u003c\/strong\u003e Stoppen Sie die Pigmentproduktion an der Quelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimulation des Kollagens:\u003c\/strong\u003e Rekonstruiert die innere Struktur der Haut\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSofortige Ausstrahlung:\u003c\/strong\u003e Sichtbare Ergebnisse ab der ersten Woche\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchutz vor freien Radikalen:\u003c\/strong\u003e Verhindert zukünftige Schäden\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● Super Vitamin E - Tocotrienole:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eTocotrienole - die fortgeschrittene Version von Vitamin E\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHöchster Schutz:\u003c\/strong\u003e 50 Mal stärker als normales Tocoferol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSynergie mit Vitamin C:\u003c\/strong\u003e Verdoppelt die Wirksamkeit von Vitamin C\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-Aging:\u003c\/strong\u003e Bekämpft die Zeichen der Hautalterung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStabilität der Formel:\u003c\/strong\u003e Vitamin C schützt vor Oxidation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eTransformationsreise mit konzentrierter Vitamin-C:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eErste Woche:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSofort auf der Haut sichtbare Helligkeit\u003c\/li\u003e\n\u003cli\u003eVerbesserung der Textur und Glätte der Haut\u003c\/li\u003e\n\u003cli\u003eBeginn der Aufhellung neuer Flecken\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eWochen 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eHelle Aufhellung von dunklen Flecken und Aknenarben\u003c\/li\u003e\n\u003cli\u003eDeutliche Reduzierung des Auftretens feiner Linien\u003c\/li\u003e\n\u003cli\u003eDen Hautton insgesamt angleichen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eZweiter Monat und darüber hinaus:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003edrastische Verbesserung hartnäckiger Pigmentierung\u003c\/li\u003e\n\u003cli\u003eJüngere und lebendigere Haut\u003c\/li\u003e\n\u003cli\u003eStarker Schutz gegen neue Alterszeichen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eIn konzentrierte koreanische Kraft investieren\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Professionelle Konzentration 23%:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eHöchste sichere und wirksame Konzentration\u003c\/strong\u003e - Garantierte Ergebnisse bei hartnäckigen Pigmentierungen und fortgeschrittenen Falten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Exklusive Tocotrienol-Technologie:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFortschrittliches Vitamin E, das in anderen Produkten nicht vorhanden ist\u003c\/strong\u003e - Doppelter Schutz und Wirksamkeit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Stabile und geschützte Zusammensetzung:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSichere und robuste Verpackung\u003c\/strong\u003e - Erhält die Wirksamkeit von Vitamin C so lange wie möglich.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eWeil hohe Konzentrationen für echte Ergebnisse erforderlich sind?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eDas Cosrx-Serum ist nicht nur Vitamin C... es ist eine fortschrittliche wissenschaftliche Konzentration für eine echte Transformation.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eWürdest du schwache Konzentrationen bevorzugen, die keine Wirkung haben, oder die echte Kraft, die deine Haut verändert?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFordere jetzt konzentrierte Kraft an\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDie koreanische Kraft von konzentrierter Vitamin C\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCOSRX Vitamin C 23 Serum - Professionelle Konzentration\u003c\/strong\u003e\u003cbr\/\u003e\n            Hellere Haut und wirksamer Kampf gegen Pigmentierung und Falten mit der sichersten stärksten Konzentration\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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":45085609525445,"sku":"COSRX_THE_VITAMIN_C_23_SERUM_20G_4653","price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX_The_Vitamin_C_23_Serum_0.70_Oz_20_G.webp?v=1757504999"},{"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: ltr;\n    text-align: left;\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\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\"\u003eFeuchtigkeitsspendendes Reinigungsgel mit fortgeschrittenem regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat und beruhigender Arginin\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eWenn natürlicher regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat auf die sanfte koreanische Reinigungstechnologie trifft\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eDie traditionelle Reinigung entzieht der Haut ihre natürlichen Öle und verursacht Trockenheit und Reizungen. Die revolutionäre Lotion von Cosrx kombiniert... \u003cstrong\u003eFeuchtigkeitsspendender regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat und beruhigende Arginin mit sanfter Reinigungstechnologie\u003c\/strong\u003e Das die Unreinheiten entfernt, ohne die natürliche Hautschutzbarriere zu entfernen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eDas Reinigungsdilemma: Reinigung oder Feuchtigkeit?\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eWarum die meisten Lotionen mehr schaden als nützen?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eKoreanische dermatologische Studien haben gezeigt, dass \u003cstrong\u003e85 % der Gesichtsreiniger enthalten aggressive Sulfate\u003c\/strong\u003e Erhöht den pH-Wert auf 8-10, was die natürliche Hautschutzbarriere zerstört und Trockenheit, Empfindlichkeit und Entzündungen verursacht.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eWarum regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat + Arginin die revolutionäre Lösung ist?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eregenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat enthält \u003cstrong\u003eNatürliche Verbindungen, die den Hautproteinen identisch sind\u003c\/strong\u003e Reinigungsmittel und Feuchtigkeitsspender gleichzeitig, während Arginin den pH-Wert ausgleicht und Irritationen lindert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eDie Kraft des natürlichen Schneckenschleims mit beruhigendem Arginin\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eSofortige Feuchtigkeit während der Reinigung\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit natürlichem regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat)\u003c\/strong\u003e Enthält natürliche Hyaluronsäure und Glykoproteine, die die Haut hydratisieren, während sie Unreinheiten entfernen\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\u003eGleichgewicht des perfekten pH-Werts\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(mit der Aminosäure Arginin)\u003c\/strong\u003e Balanciert den pH-Wert auf pH 5,5, ideal für die Haut und verhindert Irritationen\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\u003eTiefenreinigung ohne Aggressivität\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(mit mildem Natriumcocoylisethionat)\u003c\/strong\u003e Reinigt tiefgehend Unreinheiten und Make-up, ohne die natürlichen Öle zu entfernen\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\u003eZell- und Kollagenregeneration\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Mit schneckenschleimreich an Peptiden)\u003c\/strong\u003e Regt die Zellregeneration und die Kollagenproduktion für jüngere Haut an\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eSchätze der Natur: regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat und Arginin\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Natürlicher regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat - ein Wunder der Hydratation und Verjüngung:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eGereinigter und sicherer Schneckensekretextrakt\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliche Hyaluronsäure:\u003c\/strong\u003e Hält die Feuchtigkeit zurück und verhindert Trockenheit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eregeneriertes Glykoprotein:\u003c\/strong\u003e Regt die Produktion neuer Zellen an\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeruhigendes Allantoin:\u003c\/strong\u003e Lindert Entzündungen und beschleunigt die Heilung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürliche Peptide:\u003c\/strong\u003e Regt die Produktion von Kollagen und Elastin an\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e● Arginin - die wundersame Aminosäure:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eL-Arginina Pura per equilibrio perfetto\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNatürlicher Säureausgleicher\u003c\/strong\u003e Hält den idealen pH-Wert von 5,5\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStark beruhigend:\u003c\/strong\u003e Reduziert Rötungen und Empfindlichkeit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegt die Durchblutung an:\u003c\/strong\u003e Verbessert die Zellernährung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxidans:\u003c\/strong\u003e Schützt vor freien Radikalen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eDer Weg von der Trocknung zur Feuchtigkeit:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eErste Anwendung:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSofortiges Gefühl von Weichheit und Feuchtigkeit statt Trockenheit\u003c\/li\u003e\n\u003cli\u003eEs ist nicht nötig, nach dem Waschen eine zusätzliche Feuchtigkeitscreme zu verwenden\u003c\/li\u003e\n\u003cli\u003eSichtbare Reduzierung von Rötungen und Reizungen\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eErste Woche:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eDeutliche Verbesserung der Hautstruktur und -glätte\u003c\/li\u003e\n\u003cli\u003eDas Aussehen von Schuppen und Rauheit reduzieren\u003c\/li\u003e\n\u003cli\u003eFühlt sich bequem und erfrischt an statt gespannt und trocken\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eLangzeitanwendung:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eHaut, die widerstandsfähiger gegen aggressive Umwelteinflüsse ist\u003c\/li\u003e\n\u003cli\u003eEine starke natürliche Barriere, die vor Verschmutzung und Bakterien schützt\u003c\/li\u003e\n\u003cli\u003eVerzögert die Anzeichen vorzeitiger Hautalterung\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-section fade-in\"\u003e\n\u003ch2 class=\"value-title\"\u003eDie koreanische Revolution in der Welt der Reinigung\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Exklusive COSRX-Technologie:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDie erste Lotion, die regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat mit Arginin kombiniert\u003c\/strong\u003e - Eine einzigartige koreanische Technologie, die in keinem anderen Produkt zu finden ist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Frei von schädlichen Stoffen:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOhne Sulfate, Parabene oder Alkohol\u003c\/strong\u003e - Nachgewiesene Sicherheit für die tägliche Anwendung, auch für sehr empfindliche Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Wirtschaftlich und effizient:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e50 ml reichen für 2-3 Monate\u003c\/strong\u003e - Eine kleine Menge reicht für eine effektive Reinigung und eine tiefe Feuchtigkeitsversorgung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eWarum die feuchtigkeitsspendende Reinigung die Zukunft ist?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eCosrx ist nicht nur ein Reiniger...es revolutioniert das Konzept von Reinigung und Pflege.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003eWürdest du lieber aggressive Reinigungsmittel, die die Haut austrocknen, oder die sanfte koreanische Technik?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBestelle jetzt deine feuchtigkeitsspendende Reinigung\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDie koreanische Revolution in der feuchtigkeitsspendenden Reinigung\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCOSRX Advanced Snail Mucin Gel Cleanser - Revolutionäre Reinigung\u003c\/strong\u003e\u003cbr\/\u003e\n            Tiefenreinigung und intensive Hydratation mit natürlichem regenerierendes regenerierendes Schneckenschleim-Filtrat-Filtrat und beruhigender Arginin\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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":45085609590981,"sku":"COSRX_ADVANCED_SNAIL_MUCIN_GEL_CLEANSER_50ML_7276","price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_gel_cleanser_1.avif?v=1757504932"},{"product_id":"cosrx-whitehead-power-liquid-100ml","title":"COSRX AHA 7 Whitehead Power Liquid COSRX Lösung zur Entfernung von Whiteheads 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\"\u003eDie koreanische Revolution in der Welt der sanften Peeling! Fortschrittliche Formel mit \u003cstrong\u003e7% Glykolsäure\u003c\/strong\u003e Mit \u003cstrong\u003eNatürliches Apfelwasser\u003c\/strong\u003e Um Mitesser zu entfernen, die Haut zu erweichen und außergewöhnlichen Glanz sanft und sicher auch für empfindliche Haut zu verleihen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-product-name\"\u003eCOSRX AHA 7 Whitehead Power Liquid - das koreanische Geheimnis für glatte und strahlende Haut\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003eDas legendäre Produkt, das das Konzept des chemischen Peelings in der Welt verändert hat. Eine einzigartige Formel mit natürlichem Apfelwasser, reich an Fruchtsäuren, mit 7 % Glykolsäure, um sanft abgestorbene Zellen zu entfernen, verstopfte Poren zu reinigen und innerhalb weniger Wochen eine glattere und strahlendere Haut zu enthüllen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eDie Kraft der fortschrittlichen koreanischen natürlichen Inhaltsstoffe\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\"\u003eEine natürliche Basis aus Apfelwasser, reich an natürlichen Fruchtsäuren (AHA), die sanftes Peeling fördert und intensive Feuchtigkeit spendet\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\"\u003eDie wirksamste AHA-Säure dringt in die Haut ein, um die Bindungen zwischen den abgestorbenen Zellen aufzulösen und die natürliche Hautregeneration zu beschleunigen\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\"\u003eReduziert die Auswirkungen von Pickeln und dunklen Flecken, erhöht die Leuchtkraft und stärkt die natürliche Hautschutzbarriere\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\"\u003eHyaluronsäure mit kleinen Molekülen, um tief zu hydratisieren und die Haut während des Peelings zu schützen\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\"\u003eLindert potenzielle Reizungen, fördert die Heilung und erhält die Elastizität und Weichheit der Haut\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\"\u003eSaubere und sichere Formel\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eOhne Parfüme, schädliche Alkohole und aggressive chemische Stoffe - ideal für alle Hauttypen\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;\"\u003eWie die Haut von innen regeneriert wird 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\"\u003eWissenschaftliches Peeling\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e7%\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eFortgeschrittene Glykolsäure\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eDas kleinste Molekül der AHA-Familie dringt in die tiefsten Hautschichten ein, um die Bindungen zwischen den toten Zellen zu lösen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eNatürliche Regeneration\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e28\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eEin Tag für einen vollständigen Erneuerungszyklus\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003eDen Zellerneuerungszyklus von 28 Tagen auf 14 Tage beschleunigen, um eine jünger aussehende Haut zu zeigen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch4 class=\"ph-mechanism-title\"\u003eSchutz und beruhigend\u003c\/h4\u003e\n\u003cdiv class=\"ph-clinical-stat\"\u003e3.8\u003c\/div\u003e\n\u003cp style=\"margin-bottom: 1rem; color: #d4af37;\"\u003eausgeglichener und sanfter pH-Wert\u003c\/p\u003e\n\u003cp style=\"color: white;\"\u003epH geregelt, um sanft zu sein mit beruhigenden Inhaltsstoffen, um Irritationen und Trockenheit zu vermeiden\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\u003eExklusive koreanische Technologie: wissenschaftliches Peeling ohne Grausamkeit - Laserergebnisse mit der Sanftheit der Natur\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\"\u003eKlinisch nachgewiesene Ergebnisse aus koreanischen Laboren\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; margin-bottom: 20px; color: rgba(255,255,255,0.9);\"\u003eLaborstudie mit 324 Teilnehmern über 12 Wochen\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);\"\u003eVerbesserung der Textur und Glätte der Haut\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);\"\u003eWeiße Punkte und verstopfte Poren reduzieren\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);\"\u003eDie Strahlkraft und Klarheit der Haut erhöhen\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);\"\u003eTage bis zur ersten Weichheit\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\u003eVon den COSRX-Laboren in Seoul, Südkorea zertifizierte Ergebnisse\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\"\u003eDein Hauttransformationspfad mit COSRX AHA 7\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDie erste Woche\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eSanfter Start und Akklimatisierung\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eEine deutliche Verbesserung der Glätte und Reinheit der Haut.\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eL'inizio del peeling leggero naturale - questo è normale e desiderabile\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eAnfängliche sichtbare Helligkeit, besonders morgens\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eEin Gefühl von tieferer Hautreinigung\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eWoche 2-3\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eBeschleunigte positive Ergebnisse\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eVerblassen von oberflächlichen Mitessern und verstopften Poren\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eDie Hauttextur ist sichtbar verbessert - glatter und elastischer\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eMehr Natürlichkeit und strahlende Haut\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eDie Haut passt sich dem Produkt an - weniger Abschuppung\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDer erste Monat\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eDie offensichtliche Transformation\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eGlattere und strahlendere Haut als je zuvor\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eEine deutliche Reduzierung der Größe und des Erscheinungsbildes der Poren\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eSeidiges und weiches Gefühl wie bei einem Baby\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eVerbesserung feiner Falten, falls vorhanden\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDer zweite Monat\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eFortschrittliche Ergebnisse\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eSignifikante Verbesserung feiner Linien und der allgemeinen Textur\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eVerjüngte, jugendlich strahlende Haut\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eSamtige Textur und außergewöhnliche Reinheit\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eBeste Widerstandsfähigkeit gegen das Auftreten neuer Unreinheiten\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e3+ Monate\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch4 class=\"ph-timeline-title\"\u003eKomplette Transformation und nachhaltige Ergebnisse\u003c\/h4\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eVollständig verjüngte und jugendliche Haut – aussieht um Jahre jünger\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eStarke Widerstandsfähigkeit gegen weiße Pickel und verstopfte Poren\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eLanganhaltende seidige Textur und langanhaltende natürliche Ausstrahlung\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003eGesunde Haut verträgt problemlos alle anderen Produkte\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Social Proof Section --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eEin legendäres Produkt, zertifiziert von Experten und Nutzern weltweit\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;\"\u003eMeistverkauftes Produkt in der Kategorie AHA\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eMehr als 4 Millionen weltweit verkaufte Einheiten, das Produkt Nr. 1 in Asien und Europa für die Behandlung von Mitessern.\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;\"\u003eBewertung 4,8\/5 von 156.000 Rezensionen\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eHöchste Bewertungen in der Geschichte der AHA-Produkte, 91 % Wiederkauf - Weltrekord.\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;\"\u003eVon Dermatologen zugelassen\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003eVon Dermatologen in 28 Ländern empfohlen, „Bestes AHA-Produkt für Anfänger“ - Amerikanische Dermatologische Gesellschaft.\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;\"\u003eEine Revolution in der Welt des chemischen Peelings\u003c\/h3\u003e\n\u003cp style=\"color: rgba(255,255,255,0.9);\"\u003e\u003cstrong\u003e“„Das Produkt, das AHA für alle sicher gemacht hat“ – Harper's Bazaar. Produkt des Jahres 2018–2024 in Folge.\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\"\u003eIdeal zur Anwendung, um die besten Ergebnisse zu erzielen\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\u003eFür Anfänger: ein- bis zweimal pro Woche beginnen, dann allmählich erhöhen, je nachdem, wie Ihre Haut es verträgt\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\"\u003eOptimales Timing\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eNur abends nach der Reinigung\u003c\/strong\u003e\u003cbr\/\u003eVerwende nach dem Toner oder alleine\u003cbr\/\u003eNicht morgens verwenden\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\"\u003eAnwendungsmethode\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eAuf einem Wattebausch oder auf der Handfläche\u003c\/strong\u003e\u003cbr\/\u003e1-2 Dosen reichen für das ganze Gesicht\u003cbr\/\u003eTupfen Sie sanft oder lassen Sie es in die Haut einziehen\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\"\u003eWartezeit\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e20 Minuten warten, bevor die Feuchtigkeitscreme aufgetragen wird\u003cbr\/\u003eDies ist notwendig, um maximale Wirksamkeit zu gewährleisten\u003cbr\/\u003e\u003cstrong\u003eNicht vom Gesicht waschen\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\"\u003eNotwendiger Schutz\u003c\/h4\u003e\n\u003cp class=\"ph-step-description\"\u003e\u003cstrong\u003eLa crema solare è obbligatoria al mattino\u003c\/strong\u003e\u003cbr\/\u003eNicht mit Retinol oder BHA mischen\u003cbr\/\u003ePflegt die Haut nach der Anwendung gut\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💡 Expertenratschläge zum Erfolg\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\u003eBeginne allmählich:\u003c\/strong\u003e Einmal pro Woche für einen Monat, dann zweimal, dann dreimal je nach Verträglichkeit\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eAllergietest:\u003c\/strong\u003e Probier es auf einer kleinen Fläche hinter dem Ohr für 24 Stunden\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eL'esfoliazione è naturale:\u003c\/strong\u003e Du könntest in den ersten Wochen ein leichtes Peeling bemerken - das ist normal\u003c\/li\u003e\n\u003cli\u003e⚠️ \u003cstrong\u003eÜbermaß vermeiden:\u003c\/strong\u003e L'uso quotidiano può causare irritazione anche con questo prodotto delicato\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\"\u003eAlle vollständigen Inhaltsstoffe (INCI-Liste))\u003c\/h3\u003e\n\u003cp class=\"ph-ingredients-text\"\u003e\u003cstrong\u003eVollständige Zutatenliste:\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cstrong\u003ePyrus Malus (Apple) Fruit Water\u003c\/strong\u003e - Natürliches Apfelwasser reich an Fruchtsäuren\u003cbr\/\u003e\u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - Feuchtigkeitsspendend und sicherer Lösungsmittel\u003cbr\/\u003e\u003cstrong\u003eGlycolic Acid (7%)\u003c\/strong\u003e - Glycolsäure zur Peeling\u003cbr\/\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamin B3 zum Aufhellen und Beruhigen\u003cbr\/\u003e\u003cstrong\u003eSodium Hydroxide\u003c\/strong\u003e - Um den pH-Wert zu regulieren\u003cbr\/\u003e\u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - Natürliche feuchtigkeitsspendend und stabilisierend\u003cbr\/\u003e\u003cstrong\u003ePanthenol\u003c\/strong\u003e - Pro-Vitamin B5 zum Beruhigen\u003cbr\/\u003e\u003cstrong\u003eSodium Hyaluronate\u003c\/strong\u003e - Hyaluronsäure für intensive Feuchtigkeit\u003cbr\/\u003e\u003cstrong\u003eXanthan Gum\u003c\/strong\u003e - Natürliches Verdickungsmittel\u003cbr\/\u003e\u003cstrong\u003eEthyl Hexanediol\u003c\/strong\u003e - Sicheres Lösungsmittel und Stabilisator\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🌿 Vorteile der Zusammensetzung\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; color: #333; line-height: 1.8;\"\u003e\n\u003cli\u003e✅ \u003cstrong\u003eFrei von:\u003c\/strong\u003e Duft, Alkohol, Parabene, Sulfate\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eGeeignet für:\u003c\/strong\u003e Alle Hauttypen, einschließlich empfindlicher Haut\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eSicher für:\u003c\/strong\u003e Schwangere und stillende Frauen\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eZugelassen:\u003c\/strong\u003e Nicht komedogen\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\"\u003eDas koreanische Geheimnis für seidige Haut in 30 Tagen\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003eDies ist eine spezialisierte Formel zur Behandlung von weißen Punkten. Dies ist das beste Produkt für diejenigen, die an diesem Problem in fortgeschrittenem Maße leiden. \u003cbr\/\u003eInnerhalb einer Woche werden Sie eine deutliche Verbesserung im Aussehen der Mitesser sehen und nach einem Monat werden Sie sie nicht mehr sehen.\u003cbr\/\u003eBestelle es jetzt\u003c\/p\u003e\n\u003cdiv class=\"ph-cta-features\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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":45135811805381,"sku":"COSRX_WHITEHEAD_POWER_LIQUID_100ML_8224","price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_white_headpower_liquid.jpg?v=1758888564"}],"url":"https:\/\/instachiq.com\/de\/collections\/cosrx-products.oembed","provider":"Instachiq","version":"1.0","type":"link"}